/* 全局重定义 */
html { margin-top: 0px !important;    height: 100%; }
body { margin-top: 0px !important; min-height: 100%;}
/* 全局重定义 */
body,div,p,ul,ol,dl,dd,dt,pre,span,em,i,table,input,textarea,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; list-style: none; border:0;  outline:none;}
pre,span,em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
body {  font-size: 14rem; background: #f5f5f5;color: #333;}
.down-body{background:#4c8bfe; background:linear-gradient(270deg,rgba(89,189,247,1) 0%,rgba(76,139,254,1) 100%);}
html {
 font-size : 1px;
}
@media only screen and (min-width: 2001px){
 html {
  font-size: 1.05px !important;
 }
}


a{ color:#333 ;text-decoration: none;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);star:expression(this.onFocus=this.blur());}
a:hover{text-decoration: none;}

img{ vertical-align:middle;border: 0;}
.z{ float:left;}
.y{ float:right;}
.cl{ zoom: 1;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.wp{ width: 1200rem; min-width: 1200rem; margin: auto;}

.header{ background: #fff; padding:20rem 0; line-height: 30rem; border-bottom: 1px #eee solid; }
.header .s{ display: flex; justify-content: space-between; color: #555;}
.header .s a{color: #555;}
.header .logo{ display: flex; align-items: center; height: 30rem;}
.header .logo .name{ font-size: 22rem; font-weight: bold; color: #333;}
.header .logo i{ width: 1px; height: 20rem; background: #ccc; margin: 0 10rem;}
.header .logo .module-name{ font-size: 18px; color: #747474;}

.header .user-info span{ padding-left: 10rem;}

.border-bottom { border-bottom: 1px #eee solid; }
.ct{ margin: 20rem auto;}
.sd .cont{width: 200rem; background: #fff; }
.fixed {position: fixed; _position: absolute;top: 0;  z-index: 10;  }
.ct .mn{ width: 980rem;}
.sd .h{line-height:60rem;height:60rem; padding: 0 18rem; overflow:hidden;font-size:17rem;color:#000;font-weight:700}
.sd .h a{display:block}
.sd .h span{padding-left:36rem;display:block}
.sd .back-home .h span{background:url(images/home.png) no-repeat left center;background-size:28rem;}
.sd .ul{ padding: 0 18rem;}
.sd ul{padding:10rem 0 10rem 36rem}
.sd li{line-height:36rem;height:36rem;overflow:hidden;font-size:14rem}
.sd .on a{color:#3d6ff0}

.mn .content{ background: #fff; min-height: 600rem;}
.mn .content .title-box{display: flex; justify-content: space-between; align-items: center;  height: 60rem; line-height: 60rem; border-bottom: 1px #eee solid; padding: 0 25rem;}
.mn .content .title-box span{padding: 0 5rem; font-size: 18rem; font-weight: bold; color: #000; border-bottom: 2px #3d6ff0 solid; line-height: 59px;}
.mn .content .s {  padding: 15rem 30rem;  }

.ct .layui-table-header{ height: 0px;background: #f5f5f5; border:0;}
.ct .layui-table-view{ border: 0;}
.ct .layui-table-page{ padding: 7px 0 0;}
.ct .laytable-cell-1-0-0{display:block;height: auto; text-align: left; padding: 0; white-space: normal;}
.ct .layui-table-view .layui-table td,
.ct .layui-table-view .layui-table th{ padding: 0; border:0;}
.ct .layui-table-body tr:nth-child(odd) .item{ background: #f5f5f5;}

.ct .layui-form-item { margin-bottom: 0;}

.data-item{ padding: 15rem 150rem 15rem 15rem; position: relative;}
.data-item .title{font-size: 16px; color: #333;}
.data-item .title em{ color: #07C160;}
.data-item .title .expire{color: #f55b5b;}
.data-item .info{ line-height: 20rem;}
.data-item .info span{ display:inline-block; font-size: 13rem; color: #747474; margin-right: 10rem; }
.data-item .go{position: absolute; top: 50%; right: 15rem; margin-top: -15rem; height: 30rem; line-height: 30rem ;width: 90px; background: #3d6ff0; color: #fff; text-align: center; border-radius: 15rem; font-size: 13rem; transition: 0.3s; cursor: pointer;}
.data-item .go:hover{ opacity: 0.9;}

.order-item .cost{position: absolute; top: 50%; right: 15rem; margin-top: -15rem; height: 30rem; line-height: 30rem;color: #f55b5b;}
.order-item .cost em{font-size: 16rem; font-weight: bold; margin-left: -2rem;}
.order-item .cost i{font-size: 12rem; font-weight: bold;}

.pay-select-box{ padding: 25rem 30rem;}
.pay-select-box .node{ padding-bottom: 25rem;}
.pay-select-box .node .title-box{ font-size: 16rem; font-weight: bold; line-height: 1.5; margin-bottom: 10rem;}

.pay-select-box .info .kid{ font-size: 15rem; font-weight: bold; color: #555; margin-right: 15rem;}
.pay-select-box .info .expire{ font-size: 13rem; color: #747474;}

.pay-select-box .cost-type{ display: flex;}
.pay-select-box .cost-type .item{ text-align: center; box-sizing: border-box; width: 23.5%; margin-left: 2%; border: 1px #ddd solid; border-radius:6rem; padding: 20rem 0; background: #fff; cursor: pointer; transition: 0.3s;}
.pay-select-box .cost-type .item:hover{border-color: #3d6ff0;}
.pay-select-box .cost-type .on{ border-color: #3d6ff0; background: #d5e1ff; }
.pay-select-box .cost-type .item-no{ margin-left: 0;}
.pay-select-box .cost-type .item .key{ font-size:15rem; font-weight: bold; margin-bottom:5rem;}
.pay-select-box .cost-type .item .value{ font-size:30rem; color:#f55b5b }
.pay-select-box .cost-type .item .value i{ font-size: 15rem;}
.pay-select-box .cost-type .item .value span{ margin-left: -5rem;}

.pay-select-box .pay-type{ display: flex;}
.pay-select-box .pay-type .item{text-align: center; box-sizing: border-box; width: 23.5%; margin-right: 2%;border: 1px #ddd solid; border-radius:6rem; padding: 10rem 0; background: #fff; cursor: pointer; transition: 0.3s; }
.pay-select-box .pay-type .item:hover{border-color: #3d6ff0;}
.pay-select-box .pay-type .on{ border-color: #3d6ff0; background: #d5e1ff; }
.pay-select-box .pay-type .item span{ display: inline-block; line-height: 30rem; font-size: 15rem; font-weight: bold; padding-left: 30rem;}
.pay-select-box .pay-type .item-weixin span{ background: url(images/weixin.png) no-repeat left center;}
.pay-select-box .pay-type .item-alipay span{ background: url(images/alipay.png) no-repeat left center;}

.pay-select-box .btn{ display: block; width: 240rem; margin: auto; background: #3d6ff0;color: #fff; text-align: center; font-size: 16rem; line-height: 50rem; border-radius: 4rem;outline: none; border: 0; cursor: pointer; transition: 0.3s; }
.pay-select-box .btn:hover{ opacity: 0.9;}


.qrcode-pay-box{ text-align: center; padding:30rem 25rem;}
.qrcode-pay-box .qrcode-box{ text-align: center;}
.qrcode-pay-box .qrcode-box .m{width: 200px; margin: auto; display: flex; justify-content: center;}
.qrcode-pay-box .qrcode-box .pay-feel{font-size: 15rem; line-height:50rem;}
.qrcode-pay-box .qrcode-box .pay-feel em{ color: #f55b5b; font-weight: bold; font-size: 18rem; padding: 0 2rem;}
.qrcode-pay-box .qrcode-box p{ color: #999;}
.qrcode-pay-box .qrcode-box p a{color: #3d6ff0;}
.qrcode-pay-box .qrcode-box p i{font-size: 14rem;}
.qrcode-pay-box .error-box{padding: 80rem 0;}
.qrcode-pay-box .error-box i{ font-size: 60rem; color: #aaa;}
.qrcode-pay-box .error-box p{ padding-top: 10rem; font-size: 14rem;  line-height: 1.7; color: #999; }

.footer{  text-align: center; font-size: 13rem; background: #fff; padding: 20rem 0; border-top:1px #eee solid; }
.footer p{ line-height: 1.75; }
.footer p span{ padding: 0 3px;}
.footer *{ color: #747474;}

.down{ position: absolute; left: 50%; top: 50%; margin-top: -30rem; margin-left: -100rem;}
.down a{ display: block; line-height: 60rem; width:200rem; color: #fff; font-size: 16rem; border:2rem #fff solid; text-align: center; border-radius: 6rem; transition: color,background 0.3s;}
.down a:hover{color: #4d8ffd; background: #fff;}

/*layui重置*/
.table-header{justify-content: flex-end;}
.table-search-box .layui-input, .table-search-box select{width: 120rem;font-size: 13rem; height: 32rem; margin-left: 10rem;}
.table-header .search-btn{ height: 32rem; line-height: 32rem; font-size: 13rem;}

.common-body{ background: none;}
.muquan-layui-layer{ border-radius:10rem;    box-shadow: 0 0 0; }
.muquan-layui-layer .layui-layer-setwin{ right: 0; top:0;}
.muquan-layui-layer .layui-layer-setwin  a{ width:60rem;height: 60rem; background: url(images/x.png) no-repeat center; }
.muquan-layui-layer iframe {  background: none;}
.muquan-layui-layer .layui-layer-title{background: #fff; border-bottom: 1px solid #eaeaea; height: 60rem; line-height: 60rem; font-size: 17rem; font-weight: bold; color: #0e0607;border-radius: 10rem 10rem 0 0;}

.muquan-message-layer .layui-layer-setwin{ right: 0; top:0;}
.muquan-message-layer .layui-layer-setwin  a{ width:50rem;height: 50rem; background: url(images/x-s.png) no-repeat center; }
.muquan-message-layer .layui-layer-title{ height: 50rem; line-height: 50rem; font-size: 15rem; font-weight: bold; color: #0e0607;padding: 0 80rem 0 20rem;}
.muquan-message-layer .layui-layer-btn .layui-layer-btn0{ margin-top: 0; height: 32rem; line-height: 32rem; font-size: 14rem;}
.muquan-message-layer .layui-layer-content{ max-width: 600rem; padding: 20rem;font-size: 14rem;}
.muquan-message-layer .layui-layer-btn{ padding: 0 20rem 20rem;}

.layui-table-page{display: none;}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span{height: 30rem; line-height:30rem; margin-bottom: 0;}
.layui-laypage a, .layui-laypage span{ font-size: 13rem;}
.layui-table-page .layui-laypage input { width: 50rem; }
.layui-table-page .layui-laypage input, .layui-table-page .layui-laypage button { height: 30rem; line-height:30rem;  }
.layui-laypage select { height: 22rem; padding: 3rem; border-radius: 2rem;}