html { overflow-y: auto; overflow-x: hidden; height: 100% }
body { background: #fff; margin: 0 auto; overflow-x: hidden;-webkit-overflow-scrolling: touch;height: 100%; }
.noscroll { height: 100%; overflow: hidden; }
.havenodata{margin:0 auto;margin-top:2.6rem; width:6.14rem; padding-top:4.5rem;background:url(../images/nodata.png) center top no-repeat; background-size:6.14rem 4.5rem; line-height:1.2rem; text-align:center; font-size:0.6rem; color:#666;}
/*测评录取概率*/
.ncp-detail{ background:#3a72fc url(../images/cpbg.png ) center top no-repeat; background-size:100% auto; color:#fff;}
.ncp-detail .ncp-school{ padding:0.56rem; text-align:center; line-height:0.96rem; font-size:0.68rem;}
.ncp-detail .ncp-top{ padding:0 0.8rem 0 5.5rem; height:3.8rem; position:relative;}
.ncp-detail .ncp-left{ position:absolute;top:0; left:0.84rem; width:3.8rem; height:3.8rem;}
.ncp-detail .ncp-left .cricle1{ z-index:10;position:absolute;top:50%; left:50%; width:3.2rem; height:3.2rem;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); background:#255ff1; border-radius:100%;}
.ncp-detail .ncp-left .cricle1 .wz1{text-align:center; font-size:0.6rem; font-weight:400;}
.ncp-detail .ncp-left .cricle1 .wz2{ text-align:center; font-size:0.44rem; margin-top:0.2rem;}
.ncp-detail .ncp-left .cricle2{ z-index:20; position:relative;border: 1px solid #fff;width:3.8rem; height:3.8rem;border-radius: 50%;}
.ncp-detail .ncp-left .cricle2 i{ width: 3.8rem;   height: 3.8rem;  position: absolute;left:-1px;top:-1px; animation:circleRoate 3s forwards linear ; }
.ncp-detail .ncp-left .cricle2 i span{  position: absolute;   left: 1.8rem;   top: -0.1rem;   width: 0.2rem;   height: 0.2rem;  border-radius: 50%;  background:#fff;  }
@-webkit-keyframes circleRoate{   from{transform: rotate(0deg);}   to{transform: rotate(360deg);}  }  
@keyframes circleRoate{   from{transform: rotate(0deg);}   to{transform: rotate(360deg);}  }  
.ncp-detail .ncp-right li{ line-height:1.12rem; font-size:0.56rem;}
.ncp-detail .ncp-right li span{ margin-right:0.5rem;}
.ncp-detail .wz3{ margin:0.54rem 0.84rem 0.66rem; line-height:0.96rem; font-size:0.56rem;}
.ncp-topdeg{ margin:0 0.6rem; height:0.56rem;}
.ncp-info{ margin:0 0.6rem; margin-top:-0.56rem; margin-bottom:0.6rem; padding:0.36rem 0.48rem 0.56rem;background:#fff;box-shadow:0rem 0.06rem 0.64rem 0.26rem rgba(33,104,243,0.06);border-radius:0.3rem;}
.ncp-info h1{ line-height:1.04rem; font-size:0.64rem; text-align:center; color:#333;font-weight:500;}
.ncp-report{ background:#F7F8FF; margin-top:0.6rem;}
.ncp-report .bt{line-height:0.7rem; padding:0.24rem; font-size:0.56rem; color:#999;}
.ncp-report .bt span{ color:#333;font-weight:400;}
.report-biaoge{ overflow-y:hidden;}
.report-table{ overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.ncp-report table {border: 1px solid #E8E8E8;border-collapse: collapse;border-spacing: 0;}
.ncp-report table tr>td { border-bottom: 1px solid #E8E8E8;border-left: 1px solid #E8E8E8;line-height: 0.7rem;padding:0.2rem; text-align: center;vertical-align: middle;font-size: 0.48rem;color: #5c5a5a;}
.ncp-report table tr>td:first-child {border-left: 0;}
.ncp-report-tip{ margin-top:0.38rem; line-height:0.6rem; text-align:right; font-size:0.48rem; color:#999;}
.ncp-report-tip span{ color:#FF6262;}
.ncp-xian{ border-bottom:2px dotted #dfdfdf; margin-top:0.8rem;}
.ncp-k{ margin-top:0.8rem; position:relative;}
.ncp-k h2{ padding:0.25rem; line-height:0.7rem; font-size:0.56rem; text-align:center; color:#999; font-weight:500;}
.ncp-k h2 span{ color:#666;}
.ncp-k .zx{height: 7rem;}
.ncp-k .zxtitle{ position:absolute; left:0; right:0; bottom:0.2rem; text-align:center;color:#333; font-size:0.4rem;}
.ncp-linkwz{ line-height:1.04rem; margin-top:0.9rem; color:#2067F3; font-size:0.56rem; text-decoration:underline;}
.ncp-reportwz{line-height:0.96rem; margin-top:0.9rem; color:#555; font-size:0.6rem; text-align:left; text-indent:2em; text-align:justify;}
.ncp-reportwz .green { color: #01CC25; font-weight: 400; }
.ncp-reportwz .orange { color: #ff660e; font-weight: 400; }
.ncp-reportwz .red { color: #ff0000; font-weight: 400; }
.ncp-bottom{ border:1px solid #DFDFDF; margin:0.8rem 0.6rem; padding:0.48rem; color:#999; line-height:0.64rem; font-size:0.48rem;}
.ncp-foot{ height:2.2rem;}
.ncp-fgg{ position:fixed; left:0; right:0; bottom:0; height:2.2rem;}
.ncp-ggwtu img{ width:100%;}
.ncp-ggw{height:2.2rem; padding:0 0.6rem; background:#1F67F3;}
.ncp-ggw2{height:2.2rem; padding:0 0.6rem; background:#F93;}
.ggw-wz{ width:10rem; line-height:0.72rem; color:#fff; font-size:0.56rem;}
.ggw-btn{width:2.56rem; line-height:1.08rem;border:1px solid #fff; text-align:center; color:#fff; font-size:0.48rem;border-radius:0.08rem;}

/*提示弹框*/
.box-lay { z-index: 10; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; }
.box-con { z-index: 11; position: fixed; top: 50%; -webkit-transform: translate(0, -50%); left: 1.5rem; right: 1.5rem; background: #fff; border-radius: 0.16rem; }
.close_ma{position: absolute; z-index: 101; top: -1.4rem; right: -0.5rem;width: 0.98rem;height: 0.98rem; background: url(../images/close.png) no-repeat;background-size: 0.98rem 0.98rem;}	
.box-con2 { z-index: 11; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);width: 12rem; height: 15.44rem;}
.box-con2>img{width: 12rem; height: 15.44rem;}
.box-con2 .wz { height: 2rem; line-height: 1rem; overflow: hidden; font-size: 0.6rem; color: #2168f3; text-align: center; }
.box-con2 .ewm { margin: 0 auto; border-radius: 0.24rem; border: 1px solid #dfdfdf; background: #fff; padding: 0.2rem; width: 6rem; height: 6rem; box-sizing: content-box; margin-top: 1.3rem; }
.box-con2 .ewm img { width: 6rem; height: 6rem; }
.box-lay2 { z-index: 20; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); width: 4.8rem; height: 4.8rem; border-radius: 0.08rem; padding: 0 0.4rem; background: rgba(0,0,0,0.8); color: #fff; }
.box-lay2 i { display: block; margin: 1.14rem auto 0.32rem; width: 1.44rem; height: 1.44rem; }
.box-lay2.sucess i { background: url(../images/sucess.png)  no-repeat no-repeat; background-size: 1.44rem 1.44rem; }
.box-lay2.failed i { background: url(../images/failed.png)  no-repeat no-repeat; background-size: 1.44rem 1.44rem; }
.box-lay2.sucess .wz { font-size: 0.56rem; line-height: 0.72rem; text-align: center; }
.box-lay2.failed .wz { font-size: 0.48rem; line-height: 0.72rem; text-align: center; }

.box-lay3 { z-index: 20; position: fixed; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); max-width: 80%;border-radius: 0.08rem; padding: 0.52rem 0.8rem; background: rgba(0,0,0,0.8); color: #fff; }
.box-lay3 .wzcon{ position:relative; padding-left:0.88rem; min-height:0.68rem;}
.box-lay3 i { display: block;width: 1.44rem; height: 1.44rem; }
.box-lay3.sucess i { position:absolute; left:0; top:0; background: url(../images/sucess.png)  no-repeat no-repeat; background-size: 0.68rem 0.68rem; }
.box-lay3.failed i {  position:absolute; left:0; top:0;background: url(../images/failed.png)  no-repeat no-repeat; background-size: 0.68rem 0.68rem; }
.box-lay3.sucess .wz { font-size: 0.48rem; line-height: 0.72rem; text-align: center; }
.box-lay3.failed .wz { font-size: 0.48rem; line-height: 0.72rem; text-align: left; }

.operation {padding: 1rem 1.1rem;position: relative;}
.operation .close {position: absolute; right: 0.3rem;top: 0.3rem;width: 1rem; height: 1rem;background: url(../images/quxiao.png) center center no-repeat;background-size: 0.6rem 0.6rem;}
.operation .wz {padding-top: 0.2rem;line-height: 0.94rem;font-size: 0.56rem;color: #999;text-align: left;}
.zy-lay .wz {padding: 0.6rem 0 0.5rem;line-height: 1rem;color: #333;font-size: 0.6rem;}
.zy-lay .cpbtn .queren{display:block;width:4.6rem;height:1.6rem;background:#2067F3;border-radius:0.08rem; line-height:1.6rem; text-align:center; font-size:0.72rem; color:#fff;}
.zy-lay .cpbtn .fanhui{display:block;width:4.6rem;height:1.6rem;background:#fff;border-radius:0.08rem; border:1px solid #2067F3; line-height:1.6rem; text-align:center; font-size:0.72rem; color:#2067F3;}

/*测评筛选*/
.enqui-searchBox-con {padding: .48rem .64rem;}
.enqui-searchBox {flex: 1;background: url(../images/search.png) no-repeat .52rem center;background-size: .56rem .56rem;height: 1.4rem;}
.enqui-searchBox input {display: block;width: 100%; height: 1.4rem;line-height: 1.2rem; font-size: 0.56rem; border-radius: 0.66rem; border: 1px solid rgba(151, 151, 151, 1);padding: .1rem .56rem .1rem 1.34rem;}
.nsh-top{position: fixed;top: 0;left: 0;right: 0;background: #fff;z-index: 300;border-bottom: 1px solid #D8D8D8;box-shadow:0rem -0.02rem 0.18rem 0.04rem rgba(0,0,0,0.15); height:3.72rem;}
.nsh-con{ padding-top:3.72rem;}
.nsh-top .enqui-searchBox-con{padding-bottom:0.08rem;}
.nsh-top .enqui-searchBox { background: url(../images/search.png) no-repeat .52rem center #F5F5F5;border-radius: 0.66rem;background-size: .56rem .56rem;}
.nsh-top .enqui-searchBox input {border: none;}
.nsh-bar{ height:1.76rem; position:relative;}
.nsh-menu { font-size: 0;vertical-align: top; position: relative; background: #fff;}
.nsh-menu li{display: inline-block;width: 33%;height: 1.76rem; position: relative;font-size: 0.6rem; color: #333; text-align: center;}
.nsh-menu li:after {position: absolute;content: ""; top: 50%;right: 0;width: 1px; height: 1.08rem; background: #e5e5e5;transform: translateY(-50%);}
.nsh-menu li:last-child:after{ display:none;}
.nsh-menu li div {position:relative; display: inline-block; margin:0 0.3rem; max-width:86%; padding-right: 0.7rem;line-height: 1.76rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.nsh-menu li div i{ position:absolute;content: ""; right:0; top:0.7rem; width:0.48rem; height:0.3rem; background:url(../images/down2.png) right center no-repeat; background-size:0.48rem 0.3rem;}
.nsh-menu li.on { color: #559cff;}
.nsh-menu li.on div i{ -webkit-transform:rotate(180deg);}
.nsh-menu li.have { color: #559cff;}
.ss-choose{height:100%; display:none;  position:absolute; z-index:190; left:0;top:0; width:100%;-webkit-overflow-scrolling: touch;}
.ss-choose2{ position:fixed;left: 0;right: 0; bottom:0;z-index:200; width:100%; top:0; padding-top:3.72rem; bottom:0;height:100%; overflow-y:auto; box-shadow: 0rem 0rem 0.1rem 0.04rem rgba(0,0,0,0.15);background:rgba(0,0,0,0.5);}
.nsh-sscon{ padding-bottom:1.76rem;background: #fff;position: relative;z-index:110;display:none; }
.nsh-ssfoot{ position:absolute; z-index:150; bottom:0;left:0;right:0; height:1.76rem; background:#fff;box-shadow:0rem 0rem 0.1rem 0.04rem rgba(0,0,0,0.15);}
.nsh-ssfoot>a{ display:block; width:50%; height:1.76rem; text-align:center; line-height:1.76rem; font-size:0.56rem;}
.nsh-ssfoot>a.cz{ color:#333;}
.nsh-ssfoot>a.qd{ color:#fff; background:#2168F3;}
.nsh-ssbg{ max-height:100%; overflow-y:auto;}
.nsh-ssbk1{padding: 0.3rem .6rem 0.8rem;}
.ss1 .nsh-ssfoot{ position:fixed;}
.ss2 .nsh-ssfoot{ position:absolute;}
.nsh-ssbk1 .volun-title{text-align:right; font-size:0.48rem; line-height:0.56rem; margin:0.2rem 0;}
.nsh-ssbk3{padding-left:5rem; position:relative;background: #F2F6FC;}
.ss3 .nsh-ssfoot{ position:absolute;}
.nsh-ssbk3 .volun-title{ position:absolute; top:0.5rem; right:0.6rem; text-align:right; font-size:0.48rem;line-height:0.56rem;}
.nsh-ssleft{ position:absolute; left:0; top:0;bottom:0; width:5rem; background:#fff;}
.nsh-ssleft li{ height:1.76rem; line-height:1.76rem; padding-left:0.96rem; font-size:0.56rem; color:#333;}
.nsh-ssleft li.on{ color:#2168F3; background:#F2F6FC; position:relative;}
.nsh-ssleft li.on:before{ position:absolute; content:''; left:0; top:0; width:0.32rem; height:1.76rem; background:#2168F3;}
.nsh-ssright{ padding:1.26rem 0.6rem 0.8rem 0.6rem;}
.tabLists2{margin-left: -4%; display:none;}
.tabLists2:first-child{ display:flex;}
.tabLists { margin-left: -3.3% }
.tabLists>div { width: 30%; margin-left: 3.3%; min-height: 1.6rem; text-align: center; background: rgba(255,255,255,1); border-radius: 0.08rem; border: 1px solid #dfdfdf; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; font-size: 0.56rem; color: rgba(51,51,51,1); margin-top:.4rem;
cursor: pointer; padding:.2rem .3rem;}
.tabLists>div.on { background: #4580F5; border-color: #4580F5; color: #fff; }
.tabLists2>div { width: 46%; margin-left: 4%; min-height: 1.6rem; text-align: center; border-radius: 0.08rem;border: 1px solid #dfdfdf;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; font-size: 0.56rem;color: rgba(51,51,51,1); margin-top: .4rem; cursor: pointer;padding: .2rem .1rem;}
.tabLists2>div.on {border-color: #2168F3;color: #2168F3;}
.nsh-con.new-cp {padding-bottom: 2.6rem;}
.nsh-result { padding-top: 0.2rem;}
.nsh-result li {padding: 0.48rem 0.64rem 0.48rem 3.32rem; border-bottom: 1px solid #eee; position: relative; min-height: 3.64rem;}
.new-cp .nsh-result li {padding-right: 1.8rem;}
.nsh-result li .logotu{ position:absolute; left:0.64rem; top:0.48rem; width:2.4rem; height:2.4rem;border: 1px solid #D8D8D8; border-radius:100%; overflow:hidden;}
.nsh-result li .panming {font-size: 0.56rem;color: #999;font-weight: 400; margin: .1rem 0 0;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.nsh-result li .school-type {overflow: hidden; height: .84rem; margin-left: -.48rem;margin-top: .3rem;}
.nsh-result li .school-type span { margin-bottom: .3rem;font-size: 0.48rem;color: #444;font-weight: 400; padding: 0 .46rem; height: .84rem;line-height: .84rem;border-radius: 0.4rem;border: 1px solid rgba(170,170,170,1);margin-left: .48rem;float: left;}
.search-tit {font-size: 0.72rem;color: #333; font-weight: 500;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nsh-con.new-cp{ padding-bottom:2.6rem;}
.new-cp .nsh-result li{ padding-right:1.8rem;}
.new-cp .nsh-result li:after{ position: absolute; content:""; right:0.64rem; top:50%;transform: translateY(-50%); width:0.88rem; height:0.88rem; background:url(../images/select.png) no-repeat; background-size:0.88rem 0.88rem;}
.new-cp .nsh-result li.on:after{background:url(../images/selecton.png) no-repeat; background-size:0.88rem 0.88rem;}
.new-cpfoot{ position:fixed; bottom:0;left:0;right:0; height:2rem; line-height:2rem; background:#2168F3; color:#fff; font-size:0.8rem; text-align:center;}

/*资讯列表*/
.top-menu { position:fixed; z-index:999; left:0; right:0;top:0; width:100%;height: 2rem; background:#fff; border-bottom: 1px solid #efefef;overflow: hidden;}
.menu-flow {overflow-x: scroll; overflow-y: hidden;-webkit-overflow-scrolling: touch; -ms-overflow-scrolling: touch;-moz-overflow-scrolling: touch;}
.menu-flow .menucon { height: 2.4rem;}
.view-menu { font-size: 0;}
.view-menu li { display: inline-block; margin:0 0.6rem; height: 2rem; line-height: 2rem; font-size: 0.7rem; color: #323233;  position: relative;font-weight: 400;}
.view-menu li i {content: "";position: absolute; top: 0.6rem; right: -3px; width: 0.2rem; height: 0.2rem;background: #f74731;border-radius: 50%;}
.view-menu li.on {  color: #4daefd;}
.view-menu li.on:after {content: ""; position: absolute; bottom: 0;left: 0.2rem; right: 0.2rem; height: 0.08rem; background: #4daefd;  border-radius: 1px;}
.detail-list{ padding-top:2rem;}
.detail-item li{position: relative; padding: 0.6rem; border-bottom: 1px solid #efefef;}
.detail-item li>a>h3 { color: #333333; font-size: 0.68rem;font-weight: 400;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; max-height: 2.2rem;}
.detail-item li>a>p {font-size: 0;color: #bbbbbb;margin-top: 0.2rem;}
.detail-item li>a>p span:nth-of-type(1) { margin-right: 0.5rem; font-size: 0.44rem;}
.detail-item li>a>p span:nth-of-type(2),
.detail-item li>a>p span:nth-of-type(3) {display: inline-block;line-height: 0.6rem; text-align: center;padding: 0 0.16rem; margin-right: 0.32rem;border: 0.02rem solid #bbbbbb;border-radius: 3px;font-size: 0.44rem;box-sizing: content-box;}
.load-done { margin:0 auto; padding-bottom: 0.4rem; margin-top:1rem;font-size: 0.52rem;font-weight: 400;color: rgba(204,204,204,1);text-align: center; position: relative;}
.load-done i { width: 1.6rem;height: 0.04rem;  background: rgba(221,221,221,1);margin-right: .52rem;}

/*我的*/
.user-top { height: 4rem; background: url(../images/userbg.png) no-repeat; background-size: cover; padding: 0 0.64rem; position: relative; }
.user-top .arrow1 { position: absolute; content: ''; top: 0.4rem;  right: 0; width: 1.6rem; height: 1.16rem;border-radius:2rem 0.04rem 0.04rem 2rem; background:rgba(0,0,0,.3) url(../images/set.png) center center no-repeat; background-size: 0.8rem 0.8rem; }
.user-top .photo { width: 2.4rem; height: 2.4rem; border-radius: 50%; overflow: hidden; margin-right: 0.64rem; }
.user-top .info { width: 8.5rem; height: 2.1rem; color: #fff; }
.user-top .info .name { height: 0.96rem; line-height: 0.96rem; font-size: 0.68rem; font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.user-top .info .score { height: 0.96rem; line-height: 0.96rem; margin-top: 0.16rem; vertical-align: top; display: inline-block; border-radius: 0.48rem; background: #2A4DB9; font-size: 0.56rem; padding: 0 0.3rem; font-weight: 400; }
.user-top .info .message {line-height: 0.8rem; margin-top: 0.2rem; font-size: 0.56rem;font-weight: 400; }
.user-top .info .message span{ padding:0 0.16rem;}
.fill-bt{ margin-top:0.4rem; padding:0 0.6rem;line-height:1.9rem;font-size:0.68rem;font-weight:500; color:#333;}
.fill-in {margin:0 0.6rem;}
.fill-in li {border-bottom: 1px solid #efefef; position: relative; height: 1.6rem;text-align: right;margin-bottom:0.6rem;}
.fill-in li:last-child{margin-bottom:0;}
.fill-in li>a { display: block;position: relative; padding: 0 0.63rem 0 4rem;line-height: 1.6rem; height: 1.6rem;background: url(../images/user-right.png) right center no-repeat; background-size: 0.32rem 0.52rem; color: #999; font-size: 0.6rem;font-weight:400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fill-in li .bt { font-style: normal; display: inline-block;color: #333; font-size: 0.6rem; position: absolute; left: 0; top: 0; line-height: 1.6rem;}
.user-btn{ display:block; margin:1.46rem auto 0.6rem;width:6.4rem;height:1.6rem; line-height:1.6rem;border-radius:0.78rem;border:0.02rem solid rgba(53,133,247,1); text-align:center;font-size:0.64rem;font-weight:400;
color:rgba(53,133,247,1);}

/*个人中心*/
.bggray{ background:#F6F7F9;}
.myinfo{ border-bottom:1px solid #dfdfdf; padding:0 0.6rem; background:#fff;}
.myinfo li{ height:1.6rem;border-bottom:1px solid #dfdfdf; margin-top:0.6rem; position:relative; padding-right:0.64rem; font-size:0.6rem;font-weight:400;}
.myinfo li:after{ position:absolute; content:''; right:0; top:50%; margin-top:-0.26rem; width:0.32rem; height:0.52rem; background:url(../images/user-right.png) no-repeat; background-size:0.36rem 0.52rem;}
.myinfo li:first-child{margin-top:0;height:2.4rem; padding-right:0.9rem;}
.myinfo li:last-child{ border:0;}
.myinfo .tx{ width:1.6rem; height:1.6rem; position:relative;}
.myinfo .tx img{width:1.6rem; height:1.6rem; border-radius:50%;}
.myinfo .tx input{position: absolute;z-index: 20;left: 0;top: 0;opacity: 0;width: 4.12rem;height: 4.96rem;cursor: pointer;}
.myinfo .wz{ text-align:right; max-width:7.6rem; color:#999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.infoedit{border-bottom:1px solid #dfdfdf; padding-left:0.6rem; padding-right:1.96rem; background:#fff; position:relative;}
.infoedit .clear{ position:absolute; right:0.27rem;top:0.48rem; width:1rem; height:1rem; background:url(../images/delete.png) center center no-repeat; background-size:0.54rem 0.54rem;}
.infoedit .val-text{ width:100%; height:1.96rem; line-height:1.96rem; font-size:0.6rem;font-weight:400; color:#333;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.infosex{border-bottom:1px solid #dfdfdf; padding:0 0.6rem; background:#fff;}
.infosex li{ height:2.2rem; line-height:2.2rem;border-bottom:1px solid #dfdfdf;font-size:0.6rem;font-weight:400; position:relative;}
.infosex li:last-child{ border:0;}
.infosex li:after{position:absolute; content:''; right:0; top:50%; margin-top:-0.4rem; width:0.8rem; height:0.8rem; background:url(../images/choose.png) no-repeat; background-size:0.8rem 0.8rem;}
.infosex li.on:after{ background:url(../images/chooseon.png) no-repeat; background-size:0.8rem 0.8rem;}
.save-btn{ position:fixed; left:0; right:0; top:7.34rem; margin:0 auto; width:6.4rem;height:1.6rem;background:rgba(53,133,247,1);border-radius:0.78rem; line-height:1.6rem; color:#fff; font-size:0.64rem;font-weight:400; text-align:center;}

/*首页*/
.index-top{height:7.8rem;background:linear-gradient(270deg,rgba(109,213,237,1) 0%,rgba(102,146,252,1) 100%); padding:0.1rem;}
.index-top .conbg{ margin:0 0.6rem; margin-top:1.7rem; height:5.3rem; background:#fff;box-shadow:0rem 0rem 0.4rem 0rem rgba(0,0,0,0.15);border-radius:0.2rem;}
.index-top .conbg .info1{ padding:0.48rem 0.8rem 0 4.34rem; position:relative; height:2.6rem;}
.index-top .conbg .info1 .user{ position:absolute; left:0.64rem; top:-0.8rem; width:3.2rem; height:3.2rem; background:#fff; border-radius:50%; padding:0.12rem;}
.index-top .conbg .info1 .user img{width:2.96rem; height:2.96rem;border-radius:50%;}
.index-top .conbg .info1 .user i{width:0.8rem; height:0.8rem;border-radius:50%; position:absolute; bottom:0.12rem; right:0; background:#fff url(../images/vip.png) center center no-repeat; background-size:0.56rem 0.44rem;}
.index-top .conbg .info1 h2{ width:6rem; height:1rem; line-height:1rem;font-size:0.68rem; font-weight:600; color:#333;}
.index-top .conbg .info1 .edit{ display:block;width:0.8rem; height:0.8rem; background:url(../images/edit.png) no-repeat; background-size:0.8rem 0.8rem;}
.index-top .conbg .info2{ height:2.2rem;}
.index-top .conbg .info2 li{ width:33%;height:2.2rem; position:relative; text-align:center;}
.index-top .conbg .info2 li:after{ position:absolute; content:''; width:1px; height:1.12rem;top:50%;margin-top:-0.56rem; right:0; background:#dfdfdf;}
.index-top .conbg .info2 li h3{ height:1.3rem;line-height:1.3rem; font-size:0.6rem; color:#333; font-weight:400;}
.index-top .conbg .info2 li h4{ height:0.6rem;line-height:0.6rem;font-size:0.52rem; color:#999;}
.index-card{ padding:1.3rem 0;}
.index-icon li{ width:25%;}
.index-icon li .tu{ margin:0 auto; width:1.36rem; height:1.16rem; margin-top:0.12rem;}
.index-icon li .icon1{ background:url(../images/icon1.png) no-repeat; background-size:1.36rem 1.16rem;}
.index-icon li .icon2{ background:url(../images/icon2.png) no-repeat; background-size:1.36rem 1.16rem;}
.index-icon li .icon3{ background:url(../images/icon3.png) no-repeat; background-size:1.36rem 1.16rem;}
.index-icon li .icon4{ background:url(../images/icon4.png) no-repeat; background-size:1.36rem 1.16rem;}
.index-icon li>p{ line-height:0.84rem; text-align:center; font-size:0.48rem; font-weight:400; color:#333;}
.index-news{ height:1.2rem; padding:0 0.6rem 0 0.8rem;}
.index-news .tu{ width:0.8rem; height:0.84rem; background:url(../images/news.png) no-repeat; background-size:0.8rem 0.84rem;}
.index-news .notice{ width:11.9rem; height:1.2rem; position:relative;}
.index-news .notice:before{ position:absolute; content:''; width:1px; height:0.64rem; left:-0.5rem; top:50%; margin-top:-0.32rem; background:#dfdfdf;}
.index-news .notice .swiper-container{height:1.2rem;}
.index-news .notice .swiper-slide {font-size:0.56rem; color:#666; line-height:1.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-bar{margin:1rem 0.6rem 0.4rem; }
.index-bar h2{ font-size:0.88rem;font-weight:600; color:#2B384F;}
.index-bar .more{ display:block; padding-right:0.38rem;font-size:0.48rem;font-weight:400; color:#999; background:url(../images/more.png) right center no-repeat; background-size:0.32rem 0.52rem;}
.index-list{ padding-top:0.2rem;}
.nsh-con .index-list{ padding-top:0.8rem;}
.index-list li{ margin:0 0.6rem 0.48rem; background:#fff;box-shadow:0rem 0rem 0.4rem 0rem rgba(0,0,0,0.15);border-radius:0.2rem;}
.school-tjlist,.school-all{ padding:0.01rem 0;}
.school-tjlist li{ padding:0.46rem 0.8rem 0.48rem;}
.school-tjlist li .info{height:1.98rem; position:relative; padding-left:2.44rem;}
.school-tjlist li .tu{ position:absolute; left:0; top:0; width:1.98rem; height:1.98rem; border-radius:50%; overflow:hidden;}
.school-tjlist li .tu img{width:100%;}
.school-tjlist li .sch-bt{ height:0.84rem; line-height:0.84rem;}
.index-list .sch-bt h2{font-size:0.64rem; font-weight:500;max-width:9.4rem;}
.index-list .sch-bt i{ display:block; width:0.48rem; height:0.48rem; margin-left:0.18rem;}
.index-list .sch-bt i.vip{ background:url(../images/v2.png) no-repeat; background-size:0.48rem 0.48rem;}
.index-list .sch-bt i.vr{ background:url(../images/vr1.png) no-repeat; background-size:0.48rem 0.48rem;}
.school-tjlist li .sch-tip{ font-size:0; height:1.1rem; overflow:hidden;}
.school-tjlist li .sch-tip span{ display:inline-block; vertical-align:top; background:#eee;border-radius:0.04rem; height:0.8rem; line-height:0.8rem; margin-top:0.2rem; margin-right:0.2rem; padding:0 0.2rem;font-size:0.48rem; color:#999;}
.school-tjlist li .opeart{ margin-top:0.48rem;}
.school-tjlist li .opeart>a{width:3.6rem;height:1.12rem; border:1px solid #dfdfdf;border-radius:0.64rem; padding:0 0.42rem; display:block;}
.school-tjlist li .opeart>a .wz{ display:block; padding-left:0.72rem; line-height:1.1rem; color:#3E85FC; font-size:0.48rem;font-weight:400; font-style:normal;}
.school-tjlist li .opeart>a .bm{ background:url(../images/baoming.png) left center no-repeat; background-size:0.56rem 0.56rem;}
.school-tjlist li .opeart>a .wd{ background:url(../images/wenda.png) left center no-repeat; background-size:0.56rem 0.56rem;}
.school-tjlist li .opeart>a:first-child{ border:0;}
.school-all li{ padding:0.36rem 4.8rem 0.36rem 0.8rem; position:relative;}
.school-all li .baoming{ position:absolute; right:0.8rem; top:50%; margin-top:-0.56rem; width:3.6rem; height:1.12rem; line-height:1.12rem;border-radius:0.64rem;background:rgba(62,133,252,0.2);font-size:0.56rem;font-weight:400; color:#3E85FC; text-align:center;}
.school-all li .sch-bt{ height:0.92rem; line-height:0.92rem;}
.school-all li .sch-bt h2{ max-width:auto;}
.school-all li .adress{ margin-top:0.2rem; height:0.72rem; line-height:0.72rem;}
.school-all li .adress i{display:block; margin:0 0.2rem; width:2px; height:2px; background:#999; border-radius:50%;}
.school-all li .adress span{ display:block; font-size:0.56rem;color:#999;}
.index-bottom{ height:2.4rem;}
.index-foot{ position:fixed; z-index:100; left:0; right:0; bottom:0; width:100%; height:2rem; background:#fff;box-shadow: 0 -0.04rem 0.08rem rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 -0.04rem 0.08rem rgba(0, 0, 0, 0.09);}
.index-foot a {display:block;font-size: 0.4rem;font-weight: 400;color: #79879F;padding-top: 1.22rem;line-height:0.56rem;}
.index-foot a.on {color: #4B8EFC;}
.index-foot .menu1 {background: url(../images/f1.png) no-repeat center .36rem; background-size: .8rem .88rem;}
.index-foot .menu1.on { background: url(../images/f1c.png) no-repeat center .36rem; background-size: .8rem .88rem;}
.index-foot .menu2 { background: url(../images/f2.png) no-repeat center .36rem; background-size: .8rem .88rem;}
.index-foot .menu2.on { background: url(../images/f2c.png) no-repeat center .36rem; background-size: .8rem .88rem;}
.index-foot .menu3 { background: url(../images/f3.png) no-repeat center .36rem; background-size: .8rem .88rem;}
.index-foot .menu3.on { background: url(../images/f3c.png) no-repeat center .36rem;background-size: .8rem .88rem;}
.index-foot .menu4 {background: url(../images/f4.png) no-repeat center .36rem;background-size: .8rem .8rem;}
.index-foot .menu4.on {background: url(../images/f4c.png) no-repeat center .36rem;background-size: .8rem .8rem;}


/*切换城市*/
.chooseCity-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
}

.city {
    display: block;
    padding-top: 2.4rem;
    overflow-y: auto;
    height: 100%;
}

.city .city-wrapper {
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.city .title {
    height: 28px;
    padding-left: .64rem;
    line-height: 28px;
    background-color: #f5f5f5;
    font-size: .52rem;
    color: #999;
}

.city .city-wrapper .cities .letter-ul .item {
    height: 44px;
    padding: 0 0 0 .62rem;
    line-height: 44px;
    font-size: .68rem;
}

.city .city-wrapper .cities .letter-ul .item .name {
    display: block;
    position: relative;
}

.city .city-wrapper .cities .letter-ul .item .name:before,
.city .city-wrapper .cities .letter-ul .item .name:after {
    display: block;
    position: absolute;
    border-top: 1px solid #e5e5e5;
    left: 0;
    width: 100%;
    content: ' ';
}

.city .city-wrapper .cities .letter-ul .item .name:before {
    display: none;
    top: 0;
}

.city .city-wrapper .cities .letter-ul .item .name:after {
    display: block;
    bottom: 0;
}

.city .city-wrapper .cities .letter-ul .item:active {
    background-color: #f0f0f0;
}

.city .city-wrapper .shortcut {
    position: fixed;
    z-index: 30;
    width: 40px;
    right: 0;
    font-family: Helvetica;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.city .city-wrapper .shortcut .item a {
    display: block;
    height: .7rem;
    padding-top: .1rem;
    padding-left: .48rem;
    text-align: center;
    font-size: .44rem;
    color: #333;
}

.citysearch_box {
    height: 2.4rem;
    background: #fff;
    padding: .5rem .64rem;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.citysearch_box input {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 1.28rem;
    padding-right: .5rem;
    background: url(../images/sousuo.png) no-repeat .48rem center rgba(0, 0, 0, 0.05);
    background-size: .56rem .56rem;
    font-size: 0.6rem;
    border-radius: 0.08rem;
}

.citysearch_box input::-webkit-input-placeholder {
    color: #9C9C9D;
    font-size: 0.6rem;
}

.citysearch_box input::-moz-placeholder {
    color: #9C9C9D;
    font-size: 0.6rem;
}

.citysearch_box input:-moz-placeholder {
    color: #9C9C9D;
    font-size: 0.6rem;
}

.citysearch_box input:-ms-input-placeholder {
    color: #9C9C9D;
    font-size: 0.6rem;
}
.hot-ul {
    margin-left: -0.4rem;
    padding-left: .64rem;
    background: #f5f5f5;
}

.hot-ul li {
    width: 4.16rem;
    height: 45px;
    margin-left: .4rem;
    border-radius: 0.08rem;
    border: 0.02rem solid rgba(238, 238, 238, 1);
    font-size: 0.56rem;
    color: #333;
    text-align: center;
    line-height: 45px;
    float: left;
    margin-bottom: 8px;
    margin-top: 8px;
    background: #fff;
}

.city-current {
    background: #f5f5f5;
    padding-bottom: 8px;
}

.currentPriven {
    width: 4.16rem;
    height: 45px;
    margin-left: .4rem;
    border-radius: 0.08rem;
    border: 0.02rem solid rgba(238, 238, 238, 1);
    font-size: 0.56rem;
    color: #333;
    text-align: center;
    line-height: 45px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
}

.currentPriven img {
    width: 0.6rem;
    height: 0.74rem;
    vertical-align: middle;
}

/*信息录入*/
.infor-adv {
    width: 100%;
}

.maintxt .bt {
    line-height: 0.62rem;
    color: #333;
    font-size: 0.6rem;
    margin-bottom: 0.3rem;
    font-weight: 400;
}
.maintxt .bt span{ color:#F00;}
.maintxt .setk {
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .6rem;
}

.maintxt .setk.date:after {
    display: none;
}

.maintxt .setk:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 0.5rem;
    height: 1.5rem;
    background: url(../images/down2.png) center center no-repeat;
    background-size: 0.48rem 0.3rem;
}

.maintxt .setk .txt {
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.6rem;
    color: #333;
}

.maintxt .setk .txt.wzcor {
    color: #DFDFDF;
}

.maincon {
    padding: 0 0.8rem;
}
.maincon2{
    padding-bottom:2.6rem;
}
.maintxt {
    margin-top: 1.28rem;
}

.studyBox .bt {
    margin-bottom: .8rem;
}

.studyType {
    margin-left: -1.2rem;
}

.study-item {
    font-size: 0.6rem;
    font-weight: 400;
    margin-left: 1.2rem;
    float: left;
    margin-bottom: .84rem;
}

.maincon .nextStep {
    width: 4.8rem;
    height: 1.6rem;
    text-align: center;
    line-height: 1.6rem;
    background: #2168F3;
    font-size: 0.6rem;
    color: #fff;
    font-weight: 400;
    border-radius: 0.16rem;
    margin: 2.4rem auto 0;
}

.privence {
    font-size: 0.96rem;
    font-weight: 400;
    line-height: 0.6rem;
    color: #333333;
    margin-top: .8rem;
    margin-left: .8rem;
}

.maintxt .inputk {
    border-bottom: 1px solid #E5E5E5;
    position: relative;
}

.maintxt .inputk input {
    display: block;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    background: transparent;
    font-size: 0.6rem;
}

.maintxt .wrong_info {
    position: absolute;
    left: 0;
    top: 1.5rem;
    line-height: 0.8rem;
    color: #FF5555;
    font-size: 0.56rem;
    display: none;
}

.maintxt.wrong .inputk,
.maintxt.wrong .setk {
    border-color: #FF5555;
}

.maintxt.wrong .wrong_info {
    display: block;
}

.steps {
    background: #F6F7F9;
    position: fixed;
    bottom:0;
    text-align: center;
    left:0;
    right:0;
    padding:0.4rem 2.26rem 0.4rem;
}
.steps .step-prev {
    float: left;
    width: 4.8rem;
    height: 1.6rem;
    background: #fff;
    text-align: center;
    line-height: 1.6rem;
    border-radius: 0.16rem;
    font-size: 0.6rem;
    font-weight: 400;
    border: 1px solid rgba(153, 153, 153, 1);
}

.steps .step-next {
    float: right;
    width: 4.8rem;
    height: 1.6rem;
    background: #2168F3;
    text-align: center;
    line-height: 1.6rem;
    border-radius: 0.16rem;
    font-size: 0.6rem;
    font-weight: 400;
    color: #fff;
    border: 1px solid #2168F3;
}

/*表单修改*/
.addtop {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    height: 2.16rem;
    background: rgba(254, 252, 235, 1);
    padding: 0 1.52rem 0 0.6rem;
    font-weight: 400;
}

.addtop .wz {
    color: #F96A0E;
    line-height: 0.8rem;
    font-size: 0.56rem;
}

.addtop i {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.5rem;
    height: 1.4rem;
    background: url(../images/close2.png) center center no-repeat;
    background-size: 0.42rem 0.42rem;
}

.maincon .bot-btn {
    background: #fff;
    position: fixed;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    padding: 0.4rem 2.26rem 1.14rem;
}

.maincon .bot-btn .prev-btn {
    display: block;
    width: 3.6rem;
    border: 1px solid #999;
    height: 1.6rem;
    border-radius: 0.16rem;
    background: #fff;
    text-align: center;
    line-height: 1.6rem;
    color: #666;
    font-size: 0.6rem;
}

.maincon .bot-btn .next-btn {
    display: block;
    width: 3.6rem;
    height: 1.6rem;
    text-align: center;
    line-height: 1.6rem;
    background: #2168F3;
    font-size: 0.6rem;
    color: #fff;
    font-weight: 400;
    border-radius: 0.16rem;
}

.study-four {
    margin: 0;
    margin-left: -7%;
    margin-bottom: -.5rem;
}

.study-four .study-item {
    margin: 0;
    width: 18%;
    margin-left: 7%;
    margin-bottom: .5rem;
    text-align: left;
}

.study-three {
    margin: 0;
    margin-left: -6.8%;
    margin-bottom: -.5rem;
}

.study-three .study-item {
    margin: 0;
    width: 26.5%;
    margin-left: 6.8%;
    margin-bottom: .5rem;
    text-align: left;
}

.studyType .study-item img {
    width: .92rem;
    height: .92rem;
    vertical-align: middle;
    margin-right: .3rem;
}

.study-three .study-item:nth-child(2n+1) {
    text-align: center;
}

.study-three .study-item:nth-child(3n) {
    text-align: right;
}

.study-three .study-item:first-child {
    text-align: left;
}

.study-three .study-item:nth-child(2) {
    text-align: center;
}

.zy-footer a {
    color: #fff;
}
.main-footerText {
    font-size: .54rem;
    color: #999;
    text-align: center;
}
/*高校预报名*/
.pre_head{
    background: #3AA7FF;
    padding-top:.64rem;
    height:6rem;
}
.pre_head .tip{
    width:.8rem;
    height:.8rem;
    margin:0 auto .36rem;
    display: block;
}
.tip_text{
    font-size:0.6rem;
    font-weight:400;
    color:#fff;
    text-align: center;
}
.pre-contain{
    background: #fff;
    box-shadow:0 0.06rem 0.64rem 0.26rem rgba(33,104,243,0.06);
    border-radius:0.3rem;
    padding:.8rem;
    width:13.8rem;
    margin:-3rem auto .64rem;
}
.pre_label{
    font-size:0.6rem;
    font-weight:400;
    color:#333;
}
.star{
    color:#FF6262;
}
.pre_box{
    width:8.48rem;
    font-size: .6rem;
    position: relative;
}
.yz_box{
    display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;
    -webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;
}
.pre_box input{
    padding:.48rem 0;
    border-bottom:1px solid #E5E5E5;
    width:100%;
    font-size: .6rem;
}
.pre_error{
    font-size:0.6rem;
    font-weight:400;
    color:rgba(255,85,85,1);
    display: none;
    margin-bottom: .7rem;
    margin-top: .1rem;
}
.pre_error>div{
    width:8.48rem;
    float:right;

}
.pre_item{
    margin-top:.66rem;
}
.radios input[type=radio]{
    display: none;
}
.radios label{
    float:left;
    padding-left:1.2rem;
    background:url(../images/select.png) no-repeat left top;
    background-size: .88rem .88rem;
    line-height: .9rem;
}
.radios input[type=radio]:checked + .radio{
    background:url(../images/selecton.png) no-repeat left top;
    background-size: .88rem .88rem;
}
#r2 + label{
    margin-left:1.6rem;
}
.item_labels{
    width:100%;
}
.yz_box input{
    width:4rem;
}
.send-yz{
    float:right;
    width:3.7rem;
    height:1.2rem;
    background:#fff;
    border-radius:0.04rem;
    text-align: center;
    line-height: 1.2rem;
    /*border:1px solid rgba(223,223,223,1);*/
    border:1px solid #DFDFDF;
    /*color:#3585F7;*/
    color:#fff;
    font-size:0.48rem;
    background: #DFDFDF;
}
.send-yz.count-down{
    border:1px solid rgba(223,223,223,1);
    color:#3585F7;
    background: #fff;
}
.address_hox{
    position: relative;
}
.address_hox:after {
    position: absolute;
    content: '';
    right:0;
    font-size: 0;
    line-height: 0;
    border-width: .24rem;
    border-color: #DFDFDF;
    border-bottom-width: 0;
    border-style: dashed;
    border-top-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.padd_box{
    padding: .48rem 0;
}
.pre_addmisstion{
    height: 100%;
}
.compu_footer{
    font-size:0.52rem;
    color:rgba(204,204,204,1);
    width: 8.86rem;
    position: relative;
    text-align: center;
    margin:0 auto;
    height:2.02rem;
    margin-top:-2.02rem;
}
.compu_footer:before{
    content: '';
    width:1.6rem;
    height:2px;
    background: #DDDDDD;
    position: absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.compu_footer:after{
    content: '';
    width:1.6rem;
    height:2px;
    background: #DDDDDD;
    position: absolute;
    right:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.preven{
    position: fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background: rgba(0,0,0,.4);
    font-size: .6rem;
    display: none;
}
.preven-con{
    width:14rem;
    max-height: 83%;
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0rem 0.06rem 0.64rem 0.26rem rgba(0,0,0,0.3);
    -moz-box-shadow: 0rem 0.06rem 0.64rem 0.26rem rgba(0,0,0,0.3);
    box-shadow: 0rem 0.06rem 0.64rem 0.26rem rgba(0,0,0,0.3);
    padding:.6rem .6rem;
    overflow-y: auto;
    display: none;
}
.curren_pre_item{
    display: inline-block;
    width:3rem;
    padding:.2rem 0;
    border:1px solid #3585F7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    background: #3585F7;
    margin-left:.5rem;
    color:#fff;
}
.preven-con ul{
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;
    margin-left: -.1rem;
}
.preven-con ul li{
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
    -webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
    width:3rem;
    padding:.2rem 0;
    border:1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin-left:.2rem;
    margin-top:.5rem;
}
.preven-con ul li.on{
    background: #3585F7;
    color:#fff;
    border-color:#3585F7;
}
.current_item{
    background: #d8d8d8;
}
.commit_btn{
    width:6.4rem;
    height:1.6rem;
    background:#3585F7;
    border-radius:0.78rem;
    text-align: center;
    line-height: 1.6rem;
    font-size:0.64rem;
    color:#fff;
    margin:.8rem auto 0;
    display: block;
}
.dis_btn{
    background: #DFDFDF;
}



/**适配**/
@media screen and (min-width: 320px) {
html { font-size: 21.33px }
}
 @media screen and (min-width: 360px) {
html { font-size: 24px }
}
 @media screen and (min-width: 375px) {
html { font-size: 25px }
.index-bottom{ height:2.4rem;}
.index-foot{ height:2rem;}
}
 @media screen and (min-width: 384px) {
html { font-size: 25.6px }
}
 @media screen and (min-width: 400px) {
html { font-size: 27px }
}
 @media screen and (min-width: 414px) {
html { font-size: 27px }
}
 @media screen and (min-width: 424px) {
html { font-size: 28.27px }
}
 @media screen and (min-width: 480px) {
html { font-size: 32px }
}
 @media screen and (min-width: 540px) {
html { font-size: 36px }
}
 @media screen and (min-width: 640px) {
html { font-size: 42.66px }
}
 @media screen and (min-width: 720px) {
html { font-size: 48px }
}
 @media screen and (min-width: 750px) {
html { font-size: 50px }
}

/*x/xs*/
 @media only screen and (device-width: 375px) and (device-height: 812px) {
.index-bottom{ height:3.4rem;}
.index-foot{ height:3rem;}
}
/*xs max/xr*/
@media only screen and (device-width: 414px) and (device-height: 896px) {
.index-bottom{ height:3.4rem;}
.index-foot{ height:3rem;}
}
.dropload-load{height:1rem;line-height: 1rem;text-align: center; font-size:0.54rem; margin:0.4rem auto;}
.dropload-load .loading{display: inline-block;height: 0.5rem;width:0.5rem;border-radius: 100%;margin:0.2rem;border: 2px solid #666;border-bottom-color: transparent;vertical-align:middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;}
.dropload-down{height:5rem;}
.dropload-refresh, .dropload-update, .dropload-load, .dropload-noData{height: 5rem;line-height: 5rem;}
.load-done{margin:0;}