@charset "utf-8";
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0px; padding: 0px; min-width:1200px; font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
    font-size: 12px; color: #666; position: relative; background: #f8f8f8; -webkit-text-size-adjust: none; }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666; background:none; font-family:"Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman; }
i, em { display: inline-block; font-style: normal; }
*:focus { outline: none }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #666; text-decoration: none; border: none; outline: none; transition: all 0.3s ease; }
a:hover { color: #137CEC; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.blue{ color:#137CEC;}
.fl { float: left; }
.fr { float: right; }
.wrap { width:1200px; margin: 0 auto; }
.bold{font-weight:bold}
.text-yellow{ color:#FF953D !important;}
.text-gray{ color:#BFC2CC !important;}
.line-price{ color:#bfc2cc !important; text-decoration: line-through !important;}
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line2{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.btn{ width:144px; display: block; cursor: pointer; height:45px; border-radius:6px; background:#137CEC; color:#fff; border:0; font-size: 14px;}
.btn:hover{ background:#2283fc; color:#fff;}
.btn:active{ background:#2274fc; color:#fff; }
.btn[disabled],.btn[disabled]:hover{ background:#ddd; color:#fff; cursor: default;}
.d-flex{ display: flex !important;}
.flex-1{ flex:1 !important; }
.between-end{ justify-content: flex-end !important; }
.space-between{ justify-content: space-between !important; }
.center-start{ align-items: flex-start !important; }
.flex{ display:flex; }
.between{ display: flex; align-items: center; justify-content: space-between;}
.center{ display: flex !important; align-items: center !important; justify-content: center !important; }
.mx-10{ margin:10px !important; }
.py-10{ padding:10px !important;}
.ml-5{ margin-left:5px !important;}
.ml-10{ margin-left:10px !important; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#bfbfbf; }

.container { max-width:1230px !important; width:1230px !important;  }

/***头部***/
.headtop { background:#137CEC; height:40px; line-height:40px; color:#fff;}
.headtop .fl a{ color:#137CEC;}
.headtop ul li{ margin-left:12px; float:left; position: relative;}
.headtop ul li a{ color:#fff; }
.headtop ul li a:hover{ opacity:0.9; }
.topewm{ line-height:20px; z-index:222; display:none; position: absolute; top:40px; left:-80px; width:230px; padding:20px 0; text-align: center; background:#fff;  box-shadow:rgba(0,0,0,0.1) 0 0 12px; border-radius:5px; font-size:14px;}
.topewm h3{color:#333; font-size:14px;}
.topewm img{display: block; width:140px; border:1px solid #eee; height:140px; margin:20px auto;}
.topewm .p2{ color:#ff953d; padding-top:10px;}

/***导航***/
.nav{ height:50px; background:#137CEC; }
.nav ul{ display: flex;}
.nav ul li{ flex:1; }
.nav ul li > a{ line-height:50px; text-align: center; position: relative; display: block; height:50px; font-size:14px; color:#fff; }
.nav ul li > a.on{ background:#0969cf; }
.nav ul li > a:hover{ background:#0969cf; }

/**焦点图***/
.banner { width:1200px; overflow: hidden; position: relative; height:400px; margin:0 auto;}
.banner ul li img{ display: block; width:100%; height:100%;}
.banner .hd{ position: absolute; width:100%; right:0px; bottom:10px;}
.banner .hd ul{ float:right; margin-right:10px;}
.banner .hd ul li{ width:12px; float:left; border-radius:50%; height:12px; background:#fff; opacity: 0.5; margin-right:5px;}
.banner .hd ul li.on{ opacity:1; background:#137CEC;}

/***分页***/
.page { overflow: hidden; text-align: center; padding-top:20px; }
.page ul li { display: inline-block; }
.page ul li a, .page ul li span { padding: 10px 15px; background: #fff; display:block; color: #888; margin: 0 2px; border-radius:5px; font-size:14px; }
.page ul li.active span { background: #137CEC; color: #fff; border-color: #137CEC }
.page ul li:hover a,.page ul li a.active { background: #137CEC; color: #fff; border-color: #137CEC }
.page ul li input{ width:60px; text-align: center; border:1px solid #eee; padding:10px 5px;}

/***法律咨询***/
.filter{ margin-top:26px; background:#fff; overflow: hidden; padding:12px 12px 22px 22px; border-radius:10px; box-shadow:#eee 0 0 15px;}
.filter dl{ overflow: hidden; position: relative; margin-top:15px; display:flex; }
.filter dl dt{ font-size:14px; color:#333; width:70px; margin-top:5px; text-align: right; }
.filter dl dd{ flex:1;}
.filter dl dd a{ float: left; padding:3px 5px; margin:3px 0; font-size:14px; margin-right:16px; border-radius:5px;}
.filter dl dd a:hover,.filter dl dd a.on{ background:#137CEC; color:#fff;}

.h50{ height:50px;}
.hot-arc ul li a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px; line-height:30px; background:url(../images/ico.png) no-repeat left center; padding-left:18px;}
.tagbox{ padding:0 10px;}
.tag { overflow: hidden; background:#fff; margin-bottom:14px; padding:0 10px; padding-bottom:12px; border-radius:10px; box-shadow:#f2f2f2 0 0 10px;}
.tag .title a{float:right;}
.tag .tagcon{ margin-left:-12px; overflow:hidden; padding-bottom:12px;}
.tag .tagcon a{float:left; width:45%; padding:5px 0; text-align:center; margin:12px 0 0 12px; background:#fff; color:#777; border:1px solid #eee; border-radius:30px;}
.tag .tagcon a:hover{ background: #137CEC; color:#fff;}


/***文章详情***/
.detail{ background:#fff; padding:0 19px; box-shadow: 0px 5px 11px 1px #f1f1f1; padding-bottom:25px;}
.detail .tit{ padding:45px 50px 30px 50px; text-align: center; font-size:18px; font-weight:bold; color:#333; line-height:25px; }
.tw-num{ height:42px; color:#999; background:#f5f5f5; padding:0 22px; line-height:42px; font-size:14px; text-align: center; }
.detail .pdbox{ padding:24px 15px; font-size:14px; line-height: 30px; min-height:400px;}

.tw-right{ width:280px; }
.tw-right .title{ border-bottom:1px solid #f5f5f5; padding-bottom:12px; margin-bottom:12px; font-weight: bold; font-size:14px;}
.hot-arc{ background:#fff; margin-bottom:14px; padding:15px;  border-radius:10px; box-shadow:#f2f2f2 0 0 10px;}
.hot-arc ul li a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px; line-height:30px; background:url(../images/ico.png) no-repeat left center; padding-left:18px;}

.gz-wechat{ margin-top:15px; background:#fff; text-align: center; padding:20px 0; font-size:14px; border-radius:10px; box-shadow:#f2f2f2 0 0 10px;}
.gz-wechat img{ display: block; margin:8px auto; width:180px; height:180px;}
.gz-wechat .p2{ color:#999;}
.gz-wechat span{ color:#2979ff}

/***登录注册***/
.loginreg{ padding:200px 0;}
.login{ width:770px; margin:0 auto; height:351px; background:#fff; border-radius:3px; overflow: hidden; box-shadow: 0px 13px 22px 2px #efefef;}
.login .img{ width:372px; height:351px; float:left;}
.login .img img{ display: block; width:100%; height:100%;}
.login .box{ width:398px; text-align: center; float:right; padding:33px 0 0 }
.login .box .ewm{ display: block; width:172px; height:172px; margin:0 auto; border:1px solid #eee;}
.login .box .p2{ font-size:16px; margin-top:10px; display:flex; align-items: center; justify-content: center;}
.login .box .p2 img{ margin-right:5px; height:20px;}
.login .box .p3{ padding-top:15px; font-size:14px; color:#999;}
.login .box .p4{ padding-top:15px; color:#999;}
.login .box .p4 .check{vertical-align: -2px;}
.login .box a{ color:#137CEC;}

.layui-layer.bgnone{ background:none; box-shadow:none;}
.ewmLogin{ width:300px; text-align: center; }
.ewmLogin .box{  padding:20px 0; background:#fff; border:5px solid #137CEC;}
.ewmLogin img{ display: block; margin:0 auto; width:250px; height:250px; border:1px solid #eee;}
.ewmLogin .p1{ padding-top:10px; font-size:14px;}
.ewmLogin .close{ width:22px; display:block; height:22px; background:url(../images/close2.png); margin:0 auto; margin-top:20px;}
.ewmLogin .ewmimg{ width:250px; height:250px; margin:0 auto;}

/***会员中心***/
.member{ padding:27px 0 40px 0;  display:flex;}
.mem-left{ float:left; background:#fff; width:284px; box-shadow: 0px 5px 11px 1px #f1f1f1;}
.mem-left .mtop{ text-align: center; padding:22px; background: linear-gradient(135deg, #137CEC 0%, #13acec 100%);}
.mem-left .mtop .head{ width:90px; margin:0 auto; color:#fff; height:90px; border-radius:50%;}
.mem-left .mtop .head img{ display: block; width:100%; height:100%; border-radius:50%;}
.mem-left .mtop .p2{ font-size:16px; padding-top:10px; color:#fff;}
.mem-left .mtop .p3{ padding-top:5px; font-size:14px;}
.mem-left .mtop dl{ margin-top:25px; display: flex; justify-content: space-between;}
.mem-left .mtop dl dd{ text-align:center;}
.mem-left .mtop dl dd .num{ font-size: 14px; color:#137CEC; padding-bottom:5px;}
.mem-left ul{ border-top:2px solid #eee;}
.mem-left ul li{ margin-bottom:1px;}
.mem-left ul li > a{ display: block; position: relative; font-size:14px; color:#999; padding:12px 23px;}
.mem-left ul li > a i{ color:#999;  margin-right:5px;}
.mem-left ul li > a:hover,.mem-left ul li > a.on{ background:#eee; color:#137CEC;}
.mem-left ul li > a:hover i,.mem-left ul li > a.on i{ color:#137CEC; }
.mem-left ul li > a:hover:before,.mem-left ul li > a.on:before{ position: absolute; left:0; top:0; width:2px; height:100%; background:#137CEC; content:'';}

.mem-left ul li > a em{ min-width:22px; height:22px; text-align:center; font-size:12px; color:#fff; line-height:22px; background:red; border-radius:50%; position:absolute; right:20px; top:50%; transform:scale(0.8) translateY(-50%);}
.mem-left .exit{ display: block; margin:20px auto; border-radius:4px; margin-bottom:40px; width:256px; height:45px; line-height:45px; background:#ff953d; color:#fff; font-size:14px; text-align: center;}
.mem-left .exit:active{ background:#ff9f4f;}

.btns{ height:42px; background:#0c7ff6; border-radius:3px; color:#fff; border:0; min-width:100px; padding:0 20px; font-size:14px; cursor:pointer;}
.mem-right{ flex:1; background:#fff; margin-left:18px; box-shadow: 0px 5px 11px 1px #f1f1f1;}
.mem-right .mtit{ height:50px; line-height: 50px; padding:0 27px; font-size:16px; color:#999; border-bottom:2px solid #e5e5e5;}
.mem-right .mtit .re{float: right; color:#999;}
.mem-right .mbox{ padding:27px;}

/***个人资料***/
.mem-form { margin-top:50px;}
.mem-form .mem-head .pic img{ object-fit: cover; display: block; width:100%; height:100%; position: absolute; z-index:1; left:0; top:0; }
.mem-form .mem-head .pic{ position: relative; flex-direction: column; border:1px solid #eee; width:100px; border-radius:50%; overflow:hidden; height:100px; background: #fff; text-align: center; cursor: pointer;  color:#ccc; font-size:13px;  margin-bottom:5px;}
.mem-form .mem-head .pic h3{ font-weight: normal;font-size:18px; padding:120px 0px 12px 0;}
.mem-form .mem-head .pic span{ background:rgba(0,0,0,0.7); position: absolute; left:0; bottom:0; color:#fff; padding:10px 0; width:100%;}
.mem-form .layui-upload-file{display:none;}
.mem-form .form li{ position: relative; display: flex; align-items: center; clear: both; margin-bottom:14px; font-size:14px; }
.mem-form .form li span{ margin-right:12px; display: flex; align-items: center; justify-content: flex-end; width:120px; text-align: right;}
.mem-form .form li span i{ color:red;}
.mem-form .form li .intxt{ flex:1; transition: all 0.5s ease; height:40px; line-height:40px; display: block; width:100%; border:1px solid #e5e5e5; padding:0 14px; border-radius: 3px; background: none; font-size:14px;}
.mem-form .form li .intxt:hover{ border-color:#15d79e; box-shadow: #0bce79 0px 0px 2px 0;}
.mem-form .form li .btns{ width:110px; margin-top:10px; font-size:14px; line-height:40px; margin-right:12px; height:40px; border-radius:3px;}
.memupimg{ width:100px; height:100px; position: relative; cursor: pointer; background:#f1f1f1 url(../img/add.png) no-repeat center; border:1px solid #eee;}
.memupimg img{ display: block; width:100%; height:100%; object-fit: cover;}

.help-box{ min-height:655px; background:#fff; padding:10px 30px 20px 30px;}
.help-box .title{ border-bottom:1px solid #eee; padding:12px; text-align: center; font-size:16px; font-weight: bold; margin-bottom:20px;}
.help-list li a{ display: block; overflow: hidden; background:url(../images/ico.png) no-repeat left center; padding-left:20px; line-height:40px; text-overflow: ellipsis; white-space: nowrap; font-size:16px; color:#999;}
.help-list li a:hover{ color:#137CEC;}
.help-list li em{ width:20px; height:20px; background:red; color:#fff; font-size:12px; border-radius:50%; margin-left:5px; line-height:20px; text-align:center;}
.help-box .pdbox{ line-height:28px; font-size:14px; color:#666;}

.mem-apply{ text-align: center; padding-top:90px ;}
.mem-apply img{ display: block; height:225px; width:225px; border:1px solid #eee; margin:0 auto; margin-bottom:45px;}
.mem-apply p{ font-size: 16px;}

.mem-right .mtit ul li{ float:left; height:50px;}
.mem-right .mtit ul li a{ line-height: 50px; display: block; height:50px; position: relative; margin-right:28px; font-size:16px;}
.mem-right .mtit ul li a i{ display: none; height:2px; background:#137CEC; position: absolute; left:0; width:100%; bottom:0;}
.mem-right .mtit ul li a.on i{display: block;}
.mem-right .mtit ul li a em{ background:red; min-width:15px; line-height:15px; padding:0 2px; text-align: center; border-radius:50%; height:15px; font-size:12px; color:#fff; top:18px; right:-18px; position: absolute; }
.mem-right .page{ margin-top:20px;}

/***添加弹窗***/
.alert-box{ background:#fff; border-radius:5px; width:650px;}
.alert-box .mem-form{ margin-top:0; padding:20px 30px 40px 30px;  max-height:500px; overflow-y:auto;}
.alert-box .ht{ font-size:14px; font-weight:bold; border-bottom:1px solid #eee; padding:12px; margin-bottom:25px;}
.alert-box .ht .close{ width:17px; height:17px; float:right; margin-top:3px;}
.addresslist li{border:1px solid #eee; border-radius:3px; cursor:pointer; padding:20px; margin-bottom:15px; }
.addresslist li .p1{ font-size:14px; color:#666;}
.addresslist li .p1 em{ padding:2px 5px; border-radius:3px; background:#137CEC; color:#fff; margin-left:3px;}
.addresslist li .p2{ padding-top:5px; color:#999; font-size:14px;}
.addresslist li:hover{ border-color:#137CEC; }
.alert-btns{ margin-top:25px;}
.alert-btns a{ padding:10px 35px; font-size:14px; border-radius:3px; background:#aaa; color:#fff; margin:0 5px;}
.alert-btns a.a1{ background:#137CEC; }
.wechat-alert{ font-size:14px; background:#fff; text-align:center; border-radius:5px; width:320px; padding:30px 0; }
.wechat-alert img{ display: block; width:250px; height:250px; border:1px solid #eee; margin:0 auto; margin-bottom:12px;}
.wechat-alert .close{ border:0; width:20px; height:20px; position: absolute; right:5px; top:5px; }

/***我的余额***/
.blance{ width:423px; overflow:hidden; margin:50px auto; border:1px solid #e5e5e5; }
.blance dd{ float:left; width:140px; border-left:1px solid #e5e5e5; padding:19px 0; text-align: center; color:#999; font-size: 14px;}
.blance dd .p2{ margin-top:10px;}
.blance dd.bd0{ border:0;}
.my-money{ font-size:14px; width:220px; height:220px; border:1px solid #137CEC; margin:20px auto; text-align: center; border-radius:50%;}
.my-money .p1{color:#999; padding-top:65px;}
.my-money .p2{ color:#137CEC; font-size:18px; padding:15px 0;}
.my-money p a{ color:#137CEC}
.my-btnmxtx { text-align:center;}
.my-btnmxtx a{ display:block; background:#137CEC; color:#fff; padding:10px 0; width:220px; text-align:center; border-radius:5px; margin:12px auto;}
.my-btnmxtx a.a2{ background:#ff953d;}

.tx-apply p{ margin-bottom:10px;}
.tx-apply .p1{ font-size:16px; color:#999;}
.form2 .intxt{ display: block; resize: none; width:100%; transition: all 0.3s ease; border-radius:4px; padding:12px; font-size:14px; border:1px solid #eee;}
.form2 .intxt:focus{ border:1px solid #a9bfff; box-shadow:#cbddfc 0 0 4px;}
.form2 .intxt::-webkit-input-placeholder{ color:#bfbfbf;}
.form2 .intxt[readonly]{ background:#f7f7f7;}
.tx-apply .btn{ margin:50px auto; }
.tx-apply .sm{ color:#ccc; font-size: 14px;}

.nodata{ padding:150px 0; text-align: center;font-size:16px; color:#bfbfbf;}
.nodata img{ display:block; margin:10px auto; opacity:0.5;}

/***我的订单***/
.tabui { display: flex; border-bottom:1px solid #eee;}
.tabui li{ }
.tabui li a{ display: block; min-width:120px; border:1px solid #eee; border-bottom:0; text-align: center; font-size:14px; line-height:40px; height:40px; }
.tabui li a.on{ color:#fff; background:#0c7ff6; }
.order-list .item{ margin-top:20px; background:#fff; box-shadow: #eee 0 0 12px; }
.order-list .item .ht{ padding:10px 20px; font-size:14px; color:#666; border-bottom:1px solid #eee;}
.order-list .item .hm{ padding:12px 20px; font-size:14px; line-height:25px; color:#666; }
.order-list .item .hm h3{ font-weight: bold; font-size:15px; padding-bottom:5px; color:#0c7ff6;}
.order-list .item .btn{ height:35px; width:100px; background:none; border:1px solid #eee; color:#666; }
.order-list .item .btn.red{ background:#f60; color:#fff; }
.opt .btn{ height:28px; font-size:12px; width:80px;}
.opt .btn.btn-delete{ background:#f60; color:#fff;}

/***订单支付***/
.order-pay{ margin:50px 0; background:#fff; border-radius:10px; padding:30px;}
.order-pay .ht{ border-bottom:1px solid #eee; padding-bottom:30px; font-size:14px;}
.order-pay .ht em{ color:#ed3f22; font-size:40px; margin-right:5px; margin-top:5px;}
.order-pay .ht b{ font-size:30px; margin-right:10px;}
.order-pay .ht span{ color:#ed3f22; padding:0 5px;}
.order-pay .order-info{ padding:20px 0; font-size:15px;}
.order-pay .order-info p{ padding:10px 0;}
.order-pay .pay{ border-top:1px solid #eee; padding-top:20px;}
.order-pay .pay ul{ overflow:hidden; display:flex; justify-content: space-between; margin:0 -10px; margin-top:25px;}
.order-pay .pay ul li{padding:20px 0; flex:1; max-width:200px; margin:0 10px; display: flex; cursor:pointer; align-items: center; justify-content: center; border:1px solid #eee;}
.order-pay .pay ul li img{ margin-left:10px; height:25px; width:25px;}
.order-pay .pay ul li p{ padding-left:10px; font-size:15px; }
.order-pay .pay ul li:hover{ border:1px solid #048f6a;}
.order-pay .paybtn{ display:none; padding:12px 10px; font-size:14px; color:#fff; width:170px; text-align: center; margin:0 auto; margin-top:35px; border-radius:3px; background:#ed3f22; }


/***意见反馈***/
.book li{ font-size:16px; color:#999; margin-bottom:20px; overflow: hidden;}
.book li .s1{ display: block; margin-bottom:10px;}
.book li .s1 i{color:red;}
.set-one{ overflow: hidden; padding:3px 0;}
.set-one dd{ cursor: pointer; margin-bottom:10px; float:left; transition: all 0.3s ease; margin-right:18px; width:145px; height:40px; border-radius:6px; font-size: 16px; color:#999; text-align: center; line-height:38px; border:1px solid #e5e5e5}
.set-one dd:hover,.set-one dd.on{border:1px solid #137CEC; color:#137CEC; box-shadow:#cbddfc 0 0 3px;}
.book .btn{ margin:35px 0;}
.book .ts{ color:#ccc; font-size: 14px;}
.upcard{ height:220px; width:220px; border:1px dashed #ddd; cursor: pointer; background: url(../images/add.png) no-repeat center;}
.upcard img{ display: block; width:100%; height:100%;}

.upload{ overflow: hidden; margin-top:20px;}
.upload dd{ width:82px; cursor:pointer; height:82px; float:left; margin-right:10px; margin-bottom:10px; position: relative; border:1px solid #ddd;}
.upload dd img{ display: block; width:100%; height:100%; object-fit: cover;}
.upload dd span{ width:20px; height:20px; background:rgba(0,0,0,0.4) url(../images/close.png) no-repeat center; background-size:10px auto; position: absolute; right:0; top:0;}
.upload dt{cursor:pointer; float:left; background:url(../images/up.png) no-repeat center; width:82px; height:82px; border:1px solid #ddd;}


/***我的关注***/
.favList li{ padding:20px 0; border-bottom:1px solid #f7f7f7; overflow: hidden;}
.favList li .head{ width:70px; height:70px; border-radius:4px; float:left; margin-right:15px;}
.favList li .text{ float:right; width:750px;}
.favList li .text h2{ font-size:14px;}
.favList li .text .p2{ padding:5px 0; color:#999;}

/***无数据***/
.noinfo{ text-align:center; padding:100px 0;}
.noinfo h3{ padding:20px 0; font-weight:normal; font-size:16px; color:#ccc;}
.noinfo img{ display:block; margin:0 auto; width:100px;}
.noinfo a{ display:block; width:120px; height:35px; line-height:35px; color:#fff; text-align:center; margin:0 auto; background:#3D7EFF; border-radius:4px; font-size:14px;}

/***支付***/
.pay-info { padding:20px 10px;}
.pay-info li{ margin-bottom:15px; font-size: 14px; color:#999;}
.pay-info li.line{ height:6px; background:#f7f7f7; margin:12px 0 12px 0;}
.pay-type dd{ overflow: hidden; border-bottom: 1px solid #eee; cursor: pointer; padding:15px 0;}
.pay-type dd img{ vertical-align: middle; margin-right:5px;}
.pay-type dd em{ width:20px; height:20px; border:1px solid #eee; border-radius:50%;}
.pay-type dd.disbind{ color:#ccc;}
.pay-type dd.on{ color:#333;}
.pay-type dd.on em{ background:#09bb07 url(../images/gou.png) no-repeat center; border-color:#09bb07;}
.btn.yellow{ background:#ff953d; margin-top:100px;}
.btn.yellow:active{ background: #ffaf3d;}
.btn.cancel{ background:#dcdcdc;}
.pay-info li .btn{ width:100%; margin-bottom: 12px; font-size: 16px;}
.pay-info li .zxxz{float:right; margin-top:30px;}

.no-info{text-align: center; font-size:16px; color:#ccc; padding:100px 0;}

.showimg{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,0.7); z-index:2222; display:none;}
.showimg .c{ display:flex; align-items: center; justify-content: center; width:100%; height:100%; }
.showimg img{max-width:95%; max-height:95%;}

/***回复评价列表***/
.teachReply{ border-top:1px solid #ddd; margin-top:20px;}
.teachReply li{padding:20px 0;  padding-left:55px;  position: relative; font-size:14px; color:#999;}
.teachReply li img{ width:40px; height:40px; position: absolute; left:0; top:20px;}
.teachReply li p{ margin-bottom: 5px;}
.teachReply li .p3{ background: #e1e1e1; padding:10px; margin-top:10px; font-size:12px;}
.teachReply li .p2{color:#3D7EFF;}

.cropperbox{ position: fixed; left:50%; box-shadow: #ddd 0 0 20px; margin-left:-400px; top:10%; background:#000; border:2px solid #137CEC;}
.cropperbox .cropper_save,.cropperbox .cropper_rotate{ margin:12px; width:100px; height:30px; border-radius:5px; background:#137CEC; color:#fff; text-align: center; float:left;	  line-height:30px;}

.searchbox{ height:200px; background:url(../images/sbg.jpg) no-repeat center; background-size:cover; overflow: hidden;}
.searchbox .s-c{ max-width:888px; margin:0 auto; margin-top:80px;}
.searchbox .s-c form{ height:50px; overflow: hidden; position: relative; padding-right:100px;}
.searchbox .s-c form .select{ width:70px; font-size:14px; padding-right:5px; position: absolute; left:12px; top:50%; transform: translateY(-50%); border:0; border-right:1px solid #eee;}
.searchbox .s-c form .intxt{ width:100%; font-size:14px; border-top-left-radius:4px; border-bottom-left-radius:4px; padding-left:95px; padding-right:12px; background:#fff; width:100%;  height:50px; border:0;}
.searchbox .s-c form .intxt::-webkit-input-placeholder{ color:#bfbfbf;}
.searchbox .s-c form .sbtn{ width:100px; border-top-right-radius:4px; border-bottom-right-radius: 4px; height:50px; background:#137CEC; color:#fff; border:0; position: absolute; right:0; top:0; cursor: pointer; }

/***我的邀请***/
.jltips{ background:#f0f8ff; margin-bottom:15px; line-height:25px; border-radius:5px; border:1px solid #daeefd; padding:15px; font-size:16px; color:#3b9ae4;}
.jltips span{ color:#F86742;}
.myjl{ margin-bottom:25px;}
.myjl .tit{ font-size:15px; font-weight:bold; display:flex; align-items:center;}
.myjl .tit img{ height:20px; margin-right:5px;}
.jlul{ display:flex; padding:15px 0; border:1px solid #eee; border-radius:5px; margin-top:15px;}
.jlul li{ flex:1; color:#555; text-align:center; font-size:18px;}      
.jlul li:nth-child(1){ border-right:1px solid #eee;}
.jlul li p b{ font-size:30px; color:#F86742; display:block; padding-top:5px;}
.inviteList{ margin-top:6px;}
.inviteList li{ border-bottom:1px solid #eee; padding:15px 0; display:flex;}
.inviteList li img{ width:60px; height:60px; border-radius:50%; margin-right:12px;}
.inviteList li .text{ flex:1;}
.inviteList li .text h2{ font-size:13px;}
.inviteList li .text h2 span{ float:right; font-weight:normal; color:#888;}
.inviteList li .text p{ font-size:14px; color:#999; }
.inviteList li .text .p1{ padding:3px 0;}

/***我的邀请链接***/
.prolink{ text-align: center;}
.prolink p{ font-size:14px; padding-top:12px;}
.prolink .ewm{ width:200px; height:200px; position: relative; padding:12px; margin:20px auto; background:#fff; box-shadow:#eee 0 0 12px;}
.prolink .ewm img{ width:100%; height:100%;}
.prolink .ewm .him{ width:50px; height:50px; border:2px solid #fff; border-radius:50%; position:absolute; margin:auto; left:0; right:0; top:50%; transform: translateY(-50%);}
.prolink .input{ display: flex; justify-content: center; align-items: center; margin-top:12px;}
.prolink .input .intxt{ width:650px; font-size:14px; background:#f0f8ff; border-radius:5px; height:35px; padding:0 12px; border:1px solid #daeefd; color:#3b9ae4; margin-right:10px;}
.prolink .input .btn{ height:35px; width:100px; border-radius:5px; border:0; background:#137CEC; color:#fff; font-size:14px;}

/***售后订单***/
.after-list{}
.after-list li{ padding:15px 0; border-bottom:1px solid #eee;}
.after-list li p{ font-size:14px; color:#666; padding:3px 0;}
.after-list li .ot{ color:#666;}
.after-list li .ot span{ float:right; color:#999;}

.txbtns{ display: flex; justify-content: center; align-items: center; margin-top:30px;}
.txbtns a{ width:110px; height:40px; margin:0 10px; line-height:40px; text-align:center; font-size:15px; color:#fff; border-radius:5px; background:#137CEC;}
.txbtns a:active{ opacity:0.9;}
.txbtns a.a1{ background:#ff953d; }

/***提现***/
.txform{ margin-top:25px;}
.txform .p1{ font-size:15px;}
.txform .intxt{ margin-top:10px; display:block; border-radius:5px; width:100%; border:1px solid #eee; padding:12px; text-align: center; font-size:14px;}
.txform .intxt::-webkit-input-placeholder{ color:#bfbfbf;}
.txform .sbtn{width:120px; height:40px; border-radius:5px; cursor:pointer; background:#137CEC; color:#fff; border:0; margin:20px auto;  display: block;}
.txform .sbtn:active{ opacity:0.9; }
.txform .p2{ text-align: center; font-size:15px; padding-top:10px; color:#888;}

/***我的收藏***/
.collect_list li{ padding:12px 0; display:flex; border-bottom:1px solid #eee;}
.collect_list li img{ width:150px; height:100px; margin-right:12px;}
.collect_list li .text{ flex:1; }
.collect_list li .text h3{ font-size:14px; color:#333;}
.collect_list li .text p{ padding-top:5px; font-size:12px; color:#999; line-height:20px;}

.arcdzsc{ display: flex; justify-content: center; align-items: center; text-align: center; margin-top:20px; padding-bottom:25px;}
.arcdzsc li{ margin:0 20px;}
.arcdzsc li i{ width:25px; height:25px; display:block; margin:0 auto; margin-bottom:5px;}
.arcdzsc li a.on{ color:#ff8a00;}
.arcdzsc li .dz{ background:url(../images/dz2.png) no-repeat; background-size:95% auto;}
.arcdzsc li .sc{ background:url(../images/sc1.png) no-repeat; background-size:100% auto;}
.arcdzsc li a.on .dz{ background-image:url(../images/dz2on.png) }
.arcdzsc li a.on .sc{ background-image:url(../images/sc2.png) }

/***我的关注***/
.follow_list li{ padding:20px 0; border-bottom:1px solid #f2f2f2; display:flex; align-items: center;}
.follow_list li .pic{ width:70px; height:70px; border-radius:50%; overflow:hidden;}
.follow_list li .pic img{ display:block; width:100%; height:100%; object-fit: cover;}
.follow_list li .text{ flex:1; margin:0 12px; }
.follow_list li .text .name{ font-size:15px;}
.follow_list li .text .time{ color:#999; padding-top:10px;}
.follow_list li .cancelgz{ padding:6px 20px; border:1px solid #eee; border-radius:3px; font-size:14px; color:#999; }


#payalert{ overflow: hidden; width:400px; height:504px; margin:0 auto; }
.pay-alert{ height:304px; background:#fff; border-radius: 10px; padding-top:20px;}
.pay-alert .item{ padding-top:37px; text-align: center;}
.pay-alert .item .bn{ width:129px; height:45px; background: #FF953D; color:#fff; border-radius:3px; font-size:16px; margin:0 auto; margin-top:5px;}
#payalert .close{ width:28px; height:28px; display:block; margin:0 auto; margin-top:10px; }

/***评价***/
.evalute-alert{ padding:20px; background:#fff; padding-top:8px; width:500px; position: relative}
.evalute-alert li{ margin-top:12px; }
.evalute-alert li .evstar img{ width:25px; height:25px; margin-right:2px; cursor:pointer; }
.evalute-alert li #sfen{ color:#f60; margin-left:5px; }
.evalute-alert li .te{ resize: none; height:120px; border:1px solid #eee; padding:12px; width:100%; }

/***评价列表***/
.dis-tit{ border-top:1px solid #eee; margin-top:20px; padding-top:20px; font-weight: bold; font-size: 14px; }
.dis-tit::before{ width:2px; height:15px; background:#137CEC; content:''; display: block; margin-right:6px; }
.evalute-list{ }
.evalute-list li{padding:20px 0; border-bottom:1px solid #eee;  padding-left:35px;  position: relative; color:#999;}
.evalute-list li img{ width:26px; height:26px; position: absolute; left:0; top:19px;}
.evalute-list li p{ margin-bottom:8px;}
.content{ padding:20px 0; line-height:22px; font-size:13px; }

/***咨询***/
.zhixun{ position:fixed; background:url(../images/kefu.png) no-repeat top; z-index:222; right:0px; bottom:20%; width:62px; height:379px;}
.zhixun ul li{ position:relative; margin-bottom:1px; width:62px; height:64px;}
.zhixun ul li .zxc{ width:62px; height:64px; position:absolute; right:0px; top:0px; transition:all 0.3s ease;}
.zhixun ul li .zxc.ztel span{ display:block; background:#137CEC; height:62px; width:150px; text-align:center; font-family:'HelveticaNeueLTCom-LtEx'; overflow:hidden; float:right; color:#fff; font-size:14px; line-height:62px; font-weight:bold;}
.zhixun ul li .zxc.ztel { right:-150px;}
.zhixun ul li:hover .zxc.ztel{ right:62px; }
.zhixun ul li .zxc.zwx span{ position:absolute; border:1px solid #eee; right:62px; bottom:-62px; width:140px; height:140px; background:#fff; transition:all 0.3s ease; transform:scale(0); transform-origin:right center; padding:5px;  opacity:0;}
.zhixun ul li:hover .zxc.zwx span{ transform:scale(1); opacity:1;}


/***登录弹窗***/
.login-tab{ height:40px; margin-top:30px; margin-bottom:30px; }
.login-tab .itm{ height:40px; line-height:40px; margin:0 20px; cursor:pointer; text-align:center; font-size:15px; color:#333; }
.login-tab .itm.on{ color:#137CEC; font-weight:bold; position:relative; }
.login-tab .itm.on:after{ content:''; height:2px; width:60px; border-radius:2px; background:#137CEC; position:absolute; left:0; right:0; margin:auto; bottom:0;}
.alertForm{background:#fff; min-height:388px; width:450px; border-radius:8px; position: relative; overflow: hidden; padding-bottom:20px;}
.alertForm.mg{ margin:50px auto;}
.alertForm.inputcode { width:280px; }
.alertForm h1{display:block; font-size:20px; padding:20px 0; text-align: center;}
.alertForm .close img{ width:20px; position: absolute; right:10px; top:10px;}
.alertForm .tab{ display: flex; border-bottom:1px solid #eee; margin-bottom:20px;}
.alertForm .tab dd{flex:1; text-align:center; cursor: pointer; padding:13px 0; color:#999; font-size:12px;}
.alertForm .tab dd:nth-child(1){ border-right:1px solid #f7f7f7;}
.alertForm .tab dd.on{ color:#137CEC; border-bottom:1px solid #137CEC; font-weight: bold;}
.alertForm .box{ margin:0 40px;}
.alertForm ul{margin-top:10px;}
.alertForm ul li{margin-bottom:22px; position: relative;}
.alertForm ul li .intxt{ border: 1px solid #eee; border-radius:19px; height:40px; transition: 0.3s ease; line-height:40px; font-size:14px; padding-left:55px; width:100%;}
.alertForm ul li .intxt:focus{border-color:#137CEC;}
.alertForm ul li .codeimg{ margin-top:12px;}
.alertForm ul li span{ width:30px; height:22px; opacity:0.6; background:url(../images/mobile.png) no-repeat left center; border-right:1px solid #eee; position: absolute; left:12px; top:8px;}
.alertForm ul li.pass span{background-image:url(../images/pass.png);}
.alertForm ul li.yzm span{background-image:url(../images/yzm.png);}
.alertForm ul li .getcode{ height:40px; border:0px; cursor: pointer; padding:0 12px; position: absolute; background:none; right:5px; top:0;  color:#137CEC; font-size:14px; border-top-right-radius:22px;border-bottom-right-radius:22px;}
.alertForm ul li .getcode[disabled]{  cursor: default; }
.alertForm ul li.li1{color:#666;}
.alertForm ul li.li1 #login_jzpass,.alertForm ul li.li1 #reg_xieyi{ vertical-align: -2px;}
.alertForm ul li.li1 a{float:right; color:#137CEC; text-decoration: underline;}
.alertForm ul li.li1 a.l{float:none;}
.alertForm ul li.li2{ text-align: right; color:#666; font-size:14px;}
.alertForm ul li.li2 a{color:#137CEC;}
.alertForm ul li.li2 a:hover{ text-decoration: underline;}
.alertForm .wechat-ewm-login { text-align: center; }
.alertForm .wechat-ewm-login img{ width:180px; height:180px; border:1px solid #ddd; border-radius:3px; display:block; margin:0 auto; margin-bottom:8px; }
.alertForm .tit{text-align: center; margin-top:20px;}
.alertForm .tit span{color:#BABABA; position: relative;}
.alertForm .tit span:after{ width:88px; height:1px; background: #eee; position: absolute; top:8px; content:''; left:-97px;}
.alertForm .tit span:before{ width:88px; height:1px; background: #eee; position: absolute; top:8px; content:''; right:-97px;}
.alertForm .login-line{ display: flex; justify-content: space-between; margin-top:25px; align-items: center; color:#999;}
.alertForm .login-line span{ margin:0 12px; text-align: center;}
.alertForm .login-line i{ height:1px; width:100%; background:#eee; flex:1; overflow: hidden;}
.alertForm .other{margin-top:20px; text-align: center;}
.alertForm .other img{display: inline-block; margin:0 15px;}
.alertForm .other a:hover{ opacity:0.7;}
.alertForm .btns{ height:40px; line-height:40px; font-size:16px; cursor:pointer; transition:0.3s ease;  background-image: linear-gradient(45deg,#137CEC,#137CEC) ; color:#fff; border-radius:22px; border:0px; width:100%;}
.alertForm .btns:hover{ opacity:0.9;}
.alertForm .btns:active{ opacity:0.8; }

/***VIP***/
.vip-center{ padding:60px 0;}
.vip-center h3{ color:#137CEC; font-size:18px;}
.vip-center h3 span{ border-bottom:3px solid #137CEC; padding-bottom:5px;}
.vip-box{ border:2px solid #137CEC; border-radius:5px; padding:70px 153px; max-width:785px; margin:0 auto; margin-top:50px;}
.vip-box .vtop{ height:153px; background:url(../images/vipbg2.png) no-repeat; background-size:100% 100%; color:#a16222; padding:16px 26px;}
.vip-box .vtop .sm{ padding-top:5px; font-size:12px; }
.vip-box ul{ padding:30px 0 20px 0;  }
.vip-box ul li{ padding:11px; width:96px; cursor:pointer; margin:0 10px; height:124px; border:1px solid #cecede; background:#F5F7FA; border-radius:5px; text-align: center; }
.vip-box ul li .p2{ padding-top:35px; color:#606266;}
.vip-box ul li .p3{ color:#BFC2CC; font-size:12px; text-decoration: line-through; padding-top:3px; }
.vip-box ul li.on{ border-color:#137CEC; }
.vip-box ul li.on .p2{ color:#137CEC; }
.vip-box .btn{ width:365px; height:43px; margin:0 auto;}
.vip-box .vip-sm{ margin-top:23px; }
.vip-box .vip-sm .ht img{ width:20px; height:20px; margin-right:5px; font-weight: bold;}
.vip-box .vip-sm .note{ margin-top:20px; line-height:25px; }