* { margin: 0; padding: 0; list-style: none; } /*KISSY CSS Reset理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。3. reset 期望提供一套普适通用的基础样式。但没有银弹,推荐根据具体需求,裁剪和修改后再使用。特色:1. 适应中文;2. 基于最新主流浏览器。维护:玉伯, 正淳 */ /** 清除内外边距 **/ 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;}