405 lines
9.5 KiB
CSS
405 lines
9.5 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
|
|
/*KISSY CSS Reset理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。特色：1. 适应中文；2. 基于最新主流浏览器。维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com> */
|
|
|
|
|
|
/** 清除内外边距 **/
|
|
|
|
body,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
hr,
|
|
p,
|
|
blockquote,
|
|
|
|
/* structural elements 结构元素 */
|
|
|
|
dl,
|
|
dt,
|
|
dd,
|
|
ul,
|
|
ol,
|
|
li,
|
|
|
|
/* list elements 列表元素 */
|
|
|
|
pre,
|
|
|
|
/* text formatting elements 文本格式元素 */
|
|
|
|
form,
|
|
fieldset,
|
|
legend,
|
|
button,
|
|
input,
|
|
textarea,
|
|
|
|
/* form elements 表单元素 */
|
|
|
|
th,
|
|
td
|
|
/* table elements 表格元素 */
|
|
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/** 设置默认字体 **/
|
|
|
|
body,
|
|
button,
|
|
input,
|
|
select,
|
|
textarea
|
|
/* for ie */
|
|
|
|
{
|
|
font-family: "微软雅黑" "microsoft yahei";
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-size: 100%;
|
|
}
|
|
|
|
address,
|
|
cite,
|
|
dfn,
|
|
em,
|
|
var {
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
/* 将斜体扶正 */
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: "微软雅黑" "microsoft yahei";
|
|
}
|
|
|
|
|
|
/* 统一等宽字体 */
|
|
|
|
small {
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
/* 小于 12px 的中文很难阅读，让 small 正常化 */
|
|
|
|
|
|
/** 重置列表元素 **/
|
|
|
|
ul,
|
|
ol {
|
|
list-style: none;
|
|
}
|
|
|
|
|
|
/** 重置文本格式元素 **/
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/** 重置表单元素 **/
|
|
|
|
legend {
|
|
color: #000;
|
|
}
|
|
|
|
|
|
/* for ie6 */
|
|
|
|
fieldset,
|
|
img {
|
|
border: 0;
|
|
}
|
|
|
|
|
|
/* img 搭车：让链接里的 img 无边框 */
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
font-size: 100%;
|
|
}
|
|
|
|
|
|
/* 使得表单元素在 ie 下能继承字体大小 */
|
|
|
|
|
|
/* 注：optgroup 无法扶正 */
|
|
|
|
.header
|
|
{
|
|
width: 100%;
|
|
background-color: #347AB6;padding:10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
|
|
/** 重置表格元素 **/
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.header-post
|
|
{
|
|
width: 500px;
|
|
height: 30px;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 5px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.item
|
|
{
|
|
width: 100%;
|
|
background-color: #FFF;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.item_tab
|
|
{
|
|
margin: 0 auto;
|
|
width: 98%;
|
|
}
|
|
|
|
thead > tr > th
|
|
{
|
|
width: 100px;
|
|
height: 30px;
|
|
background-color: #F5F5F5;
|
|
border-bottom: 2px solid #dedede;
|
|
}
|
|
|
|
thead > tr > th:nth-child(1){
|
|
width: 40px;
|
|
}
|
|
|
|
thead > tr > th:nth-child(2){
|
|
width: 70px;
|
|
}
|
|
|
|
thead > tr > th:nth-child(3){
|
|
width: 50px;
|
|
}
|
|
|
|
thead > tr > th:nth-child(4){
|
|
/*width: 50px;*/
|
|
}
|
|
|
|
|
|
thead > tr > th:nth-child(5){
|
|
width: 40px;
|
|
}
|
|
|
|
|
|
thead > tr > th:nth-child(6){
|
|
width: 40px;
|
|
}
|
|
|
|
thead > tr > th:nth-child(7){
|
|
/*width: 40px;*/
|
|
}
|
|
|
|
thead > tr > th:nth-child(8){
|
|
width: 60px;
|
|
}
|
|
|
|
thead > tr > th:nth-child(9){
|
|
width: 60px;
|
|
}
|
|
|
|
|
|
.colcolor
|
|
{
|
|
background-color: #FFFF00;
|
|
}
|
|
|
|
thead > tr > th > p{
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.col
|
|
{
|
|
width: 5%;
|
|
}
|
|
|
|
.col2
|
|
{
|
|
width: 4%;
|
|
}
|
|
|
|
.col3
|
|
{
|
|
width: 8%;
|
|
}
|
|
|
|
|
|
tr
|
|
{
|
|
width: auto;
|
|
height: 38px;
|
|
text-align: center;
|
|
vertical-align: center;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
border: 1px solid #dedede;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
td
|
|
{
|
|
|
|
}
|
|
|
|
|
|
a.loginoutbtn{color:#333;background:#fff;height:32px;line-height:32px;display:inline-block;text-align:center;outline:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:14px;text-decoration:none;padding:0 10px;}
|
|
|
|
|
|
.clearfix:after{display:table;clear:both;content:" ";}
|
|
.f-l{float:left;}
|
|
.f-r{float:right;}
|
|
*[disabled]{pointer-events: none;}
|
|
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
|
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
|
.warp{width:100%;padding:0 10px;}
|
|
|
|
p,h1,h2,h3,h4,h5,h6,h7,h8,form,ul,li,dl,dt,dd{ list-style:none;padding:0;margin:0;}
|
|
i,em{ font-style:normal;}
|
|
|
|
.mr20{margin-right:20px;}
|
|
.topmenubox{}
|
|
.topmenubox .li{position:relative;display:block;float:left;height:32px; line-height:32px;}
|
|
.topmenubox .li a{display:block;text-align:center;color:#fff;padding:0 8px;}
|
|
.topmenubox .li.cur:after{background:#fff;height:2px;position:absolute;left:15px;right:15px;bottom:0px;content:" ";}
|
|
.topmenubox .li.cur:before{background:#fff;height:2px;position:absolute;left:35px;right:35px;bottom:-2px;content:" "}
|
|
|
|
|
|
|
|
.memberbox{max-width:800px;margin:auto;}
|
|
.memberbox .jibenxx{position:relative;padding-left:140px;min-height:140px;margin-top:20px;}
|
|
.memberbox .myimg{position:absolute;left:0;top:0;}
|
|
.memberbox .myimg .gq{position:absolute;bottom:10px;left:0;width:120px;background:#f00;color:#fff;height:24px;line-height:24px;text-align:center;}
|
|
.memberbox .jibenxx .info p{display:block;padding:6px 0;}
|
|
.memberbox .jibenxx .info p.time{font-size:14px; color:#888;}
|
|
.memberbox .jibenxx .info p.time.red{color:#f00;}
|
|
@media (max-height: 640px) {
|
|
.memberbox .myimg img{width:100px;height:100px;}
|
|
.memberbox .myimg .gq{width:100px;}
|
|
.memberbox .jibenxx{padding-left:120px;min-height:120px;}
|
|
}
|
|
|
|
|
|
|
|
/*支付*/
|
|
.seldaystab{}
|
|
.seldaystab .one{width:25%;float:left;background:#e4e4e4;text-align:center;min-width:60px;height:40px;line-height:40px;position:relative;cursor:pointer;}
|
|
.seldaystab .one:after{content:" ";position:absolute;top:0;right:0;bottom:0;width:1px;background:#fff;}
|
|
.seldaystab .one:first-child{-webkit-border-radius:6px 0 0 6px;moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
|
|
.seldaystab .one:last-child{-webkit-border-radius:0 6px 6px 0;moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;}
|
|
.seldaystab .one:last-child:after{background:none;}
|
|
.seldaystab .one:hover{background:#e9e9e9;}
|
|
.seldaystab .one.cur{background:#3eb94e;color:#fff;}
|
|
.paytipc{padding:15px 0;}
|
|
.paytipc>div{/*line-height:30px;padding:5px 0;*/}
|
|
|
|
.okbtnbox{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#347AB6;color:#fff;width:150px;height:40px;line-height:40px;text-align:center;display:block;margin:auto;cursor:pointer;}
|
|
.okbtnbox:hover{background:#666ab6;}
|
|
|
|
.w300{width:310px;}
|
|
.t-c{text-align:center;}
|
|
|
|
.payshowbox{background:#f7f7f7;position:fixed;top:0;left:0;right:0;bottom:0; z-index:100;display:flex;}
|
|
.payshowbox .boxs{background:#fff;width:300px;align-self:center;margin:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
|
.payshowbox .boxs .toub{background:#e8e8e8;border-bottom:1px solid #e4e4e4;text-align:center;padding:10px 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;font-size:14px;line-height:24px;position:relative;}
|
|
|
|
.payshowbox .boxs .ercode{width:240px;text-align:center;margin:auto;height:240px;}
|
|
.payshowbox .boxs .ercode .tiptxt{line-height:160px;color:#369;background:url(../images/loading.gif) center 32px no-repeat;}
|
|
.payshowbox .boxs .close{width:30px;height:30px;position:absolute;right:0;top:0;background:url(../images/close.png) center center no-repeat;background-size:24px;}
|
|
.payshowbox .codeImg{display:block;width:240px;}
|
|
|
|
.payshowbox .newbox{position:relative;width:100%;}
|
|
.payshowbox .newbox .top{text-align:center;font-size:18px;background:#fff;border-bottom:1px solid #ddd;}
|
|
.payshowbox .newbox .top span{display:inline-block;position:relative;height:44px;line-height:44px;padding-left:40px;background:url(wx.png) left center no-repeat; background-size:36px 32px;}
|
|
.payshowbox .newbox .centent{background:#fff;top:54px;left:0;right:0;bottom:72px;z-index:1;position:absolute;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2);box-shadow:-5px 0 5px 0 rgba(0,0,0,.1);}
|
|
.payshowbox .newbox .centent .xfsjbox{line-height:30px;padding:10px 0;padding-top:10px;}
|
|
.payshowbox .newbox .centent .jg{font-size:42px;line-height:50px;padding-bottom:10px;}
|
|
.payshowbox .newbox .centent .ewf{width:220px;height:220px;margin:auto;background:#fff;box-shadow:0 0 8px 1px rgba(0,0,0,.3);text-align:centent;line-height:220px;padding:10px;}
|
|
.payshowbox .newbox .centent .ewf img{display:block;width:200px;height:200px;margin:auto;}
|
|
.payshowbox .newbox .centent .tipbg{height:70px;background:url(ewmts.png) center bottom no-repeat;}
|
|
.payshowbox .newbox .bottom{position:absolute;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px dashed #ddd; z-index:10;padding:12px 0;line-height:24px;}
|
|
.payshowbox .newbox .bottom span{display:block;padding-left:60px;background:url(sys.png) left center no-repeat;height:48px; background-size:auto 44px;width:208px;margin:auto;}
|
|
.payshowbox .newbox .ordertips{}
|
|
.payshowbox .newbox .ordertips .txt{font-size:16px;line-height:40px;}
|
|
.payshowbox .newbox .ordertips .time span{width:46px;text-align:center;display:inline-block;height:24px;border-radius:4px;color:#fff;font-weight:bold;font-size:16px;line-height:24px;background:#13a500;margin-right:10px;}
|
|
.payshowbox .newbox .ordertips .time span:last-child{margin-right:0;}
|
|
.payshowbox .newbox .qxbtnbox{padding-top:10px;}
|
|
.payshowbox .newbox .qxbtnbox span{display:block;background:#f1f1f1;color:#888;width:90px;height:24px;line-height:24px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:14px;margin:auto;}
|
|
|
|
|
|
|
|
|
|
|
|
.selPaymodel{}
|
|
.selPaymodel .sel{background-size:auto 22px;height:24px;cursor:pointer;float:left;background-repeat:no-repeat;background-position:left center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-right:5px;line-height:24px;border:1px solid #fff;}
|
|
.selPaymodel .sel.weixin{width:76px;background-image:url(pay_wx.png);margin-right:15px;}
|
|
.selPaymodel .sel.zhifubao{width:63px;background-image:url(pay_zfb.png);}
|
|
.selPaymodel .sel.cur{border:1px solid #0093dd;}
|
|
.selPaymodel .sel:last-child{margin-right:0;}
|
|
|
|
.h-10{height:10px;}
|
|
.h-20{height:20px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|