body{background-color: #FAFAFA;}
/*查询结果页面*/
.submitList{background: #FAFAFA;padding-bottom: .5rem;}
.bigBox{padding:.4rem .4rem 0;}
.submitBox{background: #FFFFFF;padding-top:2rem;width:100%;height:5.15rem;box-shadow: 0 .05rem .25rem 0 rgba(0,0,0,.3);-webkit-box-shadow: 0 .05rem .25rem 0 rgba(0,0,0,.3);}
.submitBox .submitText{text-align: center;margin-bottom: 1.15rem;}
.submitBox .submitText .textGreen{font-size: 1.3rem;color: #4CAD79;}
.submitBox .submitText .textGreen img{margin-right: .75rem;width: 1.13rem;height:.95rem;}
.submitBox .submitTip{color: #000000;font-size: .6rem;text-align: center;}
.submitList .text {display: block;color: #3F3F3F;padding: 0 .8rem;height: 2.7rem;line-height: 2.7rem;border-bottom: 1px solid #EBEBEB;font-size: .7rem;position: relative;}
.submitList .payText{border-top: 1px solid #EBEBEB;}
.submitList .text .yeText {color: #AEAEAE;width: 43%;float: left;}
.submitList .text .riText {color: #3F3F3F;float: right;text-align: left;width: 57%;}
.submitList .text .riTextUp{line-height: 1rem;margin-top: .35rem;width: 57%;float: left}
.submitList .text .riTextDown{line-height: 1rem;margin-bottom: .35rem;width: 57%;float: left;}
.submitList .text .rightImg{height:.6rem;position: absolute;right:.8rem;top:1.05rem;}
.submitList .text .riText .rightOrder{float: right;height: .55rem;margin-top: 1.07rem;}
.submitList .text .addressText{line-height: 1.1rem;margin:.25rem 0;}
.submitList .orderNum{line-height: .8rem;background: #ebebeb;padding:1rem .8rem;}
.submitList .orderNum strong{font-size: .8rem;}
.driveCard{padding-top: .8rem; margin:0 .75rem; height: 1.1rem;line-height: 1.1rem;color: #AEAEAE;font-size: .7rem;}
.uploadDrive-title{clear: both;overflow: hidden;}
.uploadDrive-title p{float: left;}
.uploadDrive-title .instance{float: right;font-size: .62rem;color: #ff7043;padding-top: .8rem;padding-right: .75rem;}
.orderMoney{padding: .8rem .8rem;border-bottom: 1px solid #EBEBEB;}
.moneyLeft{width:43%;display: inline-block;}
.moneyRight{width:57%;display: inline-block;text-align: left;font-size: .6rem;float: right;}
.moneyRight p{float: left;line-height: 1rem;width: 100%;}
.moneyRight .carNum{font-size: .7rem;color: #3F3F3F;}
.moneyRight .replace{height: .4rem;}
.moneyRight .infoServer{color: #3F3F3F;}
.moneyRight .infoMoney{color: #E02C36;}
.moneyRight .infoLeft{color: #979797;float: left;width:3.8rem;}
.moneyRight .infoInline{width:100%;}
.orderMoney img{width:4.8rem;height:auto;float: left;}
.buttonBox{padding:0 .75rem;}
.payButton{display: inline-block;text-align: center;width: 100%;font-size: 0.7rem;line-height: 1.8rem;margin: 1rem 0;border: 0;background: #ff7143;color: #fff;border-radius: 0.2rem;box-shadow: 0 .05rem .25rem 0 rgba(0,0,0,.3);-webkit-box-shadow: 0 .05rem .25rem 0 rgba(0,0,0,.3);}
.illButton{width:6.5rem;float: right;margin: 0;}
.permitProcess{background-color:#f6f6f6;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding:.6rem .8rem;}
.permitProcess h5{font-size: .65rem;color: #202020;font-weight: normal;}
.permitProcess .intext{clear: both;overflow: hidden;display:-webkit-box;display: flex;display: -webkit-flex;-webkit-box-pack: center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.permitProcess .intext .text{float: left;width: 25%;text-align: center;}
.permitProcess .intext .text p{font-size: .6rem;color: #202020;}
.permitProcess .intext .text>img{width: 1.2rem;}
.permitProcess .intext>img{float: left;margin:0 .2rem;width: .325rem;height: .625rem;}
/*footer*/
.floatFooter{padding:.35rem 0;position: fixed;bottom: 0;left: 0;width: 100%;font-size: 1rem;color: #fff;background-color: #FFFFFF;;z-index: 99;box-shadow: 0 -.05rem .25rem 0 rgba(0,0,0,.3);-webkit-box-shadow: 0 -.05rem .25rem 0 rgba(0,0,0,.3);}
.footBox{margin:0 .75rem;height:1.8rem;}
.countMoney{float: left;line-height: 1.8rem;color: #E02C36;font-size: .8rem;}
/*图片上传*/
.formVals{padding: .4rem 0 .8rem 0; background-color: #fafafa;border-bottom: 1px solid #EBEBEB;}
.img_upload{margin:0 .75rem; height:8.2rem; background:#f0f0f0 url(../images/drive_card.jpg) no-repeat center center/10rem auto;overflow: hidden;}
.img_upload form.on span{color: #fff;}
.load_cam{background:#f0f0f0 url(../images/slr.png) no-repeat center center/1rem auto;}
.img_upload input[type=file]{opacity: 0; width:100%; height:100%;}
.imgBlock{background:#f0f0f0; height:100%; width:100%; display: none;position: relative}
.imgBlock .load{background:#f0f0f0 url(../images/loading.gif) no-repeat center center/1rem auto;}
.imgBlock .pic img{position: absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0); max-height:100%; max-width: 100%;}
.imgBlock .uploading{position: absolute;left: 50%;top: 40%;transform:translate(-50%);-webkit-transform:translate(-50%)}
.imgBlock .uploading img{margin-right: .5rem;}
.imgBlock .process{position: absolute;left: 50%;top: 40%;transform:translate(-50%);-webkit-transform:translate(-50%)}
.imgBlock .process img{margin-right: .5rem;}
.img_upload .handle{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.3);display: none;}
.img_upload .handle-sec{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.img_upload .handle-sec span{width: .8rem;height: .8rem;display: inline-block;animation: all .3s;-webkit-animation: all .3s;}
.img_upload .handle-sec .handle-delete{background: url(../images/img_upload_delete.png) no-repeat 0 0/100% 100%;margin-right: .4rem;}
.img_upload .handle-sec .handle-change{background: url(../images/img_upload_change.png) no-repeat 0 0/100% 100%;}
/*.imgBlock img{width:100%; height:100%;}*/

/*违章查询*/
.car_requirement{background-color: #f6f6f6;padding: .5rem .5rem;border-bottom: 1px solid #eaeaea;}
.car_requirement h5{font-size: .68rem;color: #202020;line-height: 1.3rem;font-weight:normal}
.car_requirement p{font-size: .62rem;color: #717171;}
.car_owner ul{padding-bottom: .75rem;}
.car_owner li {padding:0 .75rem;width: 14.4rem;zoom: 1; overflow: hidden;position: relative;}
.car_owner li:last-child{margin-bottom: .45rem;}
.car_owner h3 {position: relative;float: left;width: 4.5rem;font-weight: normal;font-size: 0.7rem;line-height: 2.75rem;white-space: nowrap;}
.uploadDrive .zx,.car_owner .zx{position: relative;}
.uploadDrive .zx:before,.car_owner .zx:before{position: absolute; left:-.35rem; content:"*"; color:#e02c36;}
.car_owner .rightText {height: 2.75rem; margin-left: 5rem; border-bottom: 1px solid #d5d5d5;position: relative;
display: -webkit-box;display: flex;display: -webkit-flex;-webkit-box-align:center;-webkit-align-items: center;align-items: center;}
.car_owner .inputarrow{position: absolute;  right: .8rem;  bottom: 1.1rem;  height: .65rem;}
.car_owner input[type=text] {font-size: 0.75rem;outline: none;border: none;height: 1.28rem;line-height:1.28rem;background:#FAFAFA;color: #333;width: 9.9rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.numType{border-bottom: none !important;padding-top: .5rem;position: relative;}
.numType input[type=text]{border: 1px solid #dddddd;color: #333;height:1.87rem;line-height: 1.87rem;padding-left: .5rem;}
.select_btn {width: 1.85rem;height: 1.85rem;position: absolute;top: 0.5rem;right: 0;z-index: 3;}
.select_btn a {display: block;width: 0;height: 0;border-top: 0.25rem solid #ccc;border-left: 0.25rem solid #ccc;border-bottom: 0.25rem solid transparent;border-right: 0.25rem solid transparent;transform: rotate(-135deg);margin: 0.7rem auto;transition: all 0.3s;}
.select_list {box-sizing: border-box;width: 9.9rem;border: 1px solid #dddddd;border-top: 0;padding: 0.4rem 0.8rem;position: absolute;top: 2.55rem;left: 0;display: none;z-index: 2;background: #fff;}
.select_list li {width: 100%;height: 1.4rem;line-height: 1.4rem;padding:0;}
.select_list li span {display: block;float: left;}
.car_owner_title{background-color: #fff2e1;margin-bottom: .75rem;padding: .6rem 0; }
.car_owner_title p{color: #ff7043;font-size: .68rem;margin: 0 .8rem;}
.car_owner .bfSelect {overflow: hidden;position: relative;width:4.6rem;display: inline-block;}
.car_owner .bfSelect span{line-height: 2.75rem;color: #979797;}
.car_owner .bfSelect img {float: right;height: .3rem;margin-top: 1.2rem;}
.car_owner .bfSelect select {position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;color: #979797;}
.bfRight{margin-right: .7rem;}
.rightCar span{float: left;width:1.5rem;line-height: 2.75rem; padding-right: .8rem; background: url(../images/icon-toparrow1.png) no-repeat 90% center/.6rem auto;}
.rightCar input[type=text]{width:7.5rem;}
.rightCar.rightCheck{border-bottom: 1px solid #E02C37;}
.rightCar.rightCheck p.check_text{position: absolute; bottom: -1.1rem; right: 0; display:block;z-index: 11; color: #E02C37; font-size: .55rem;}
.car_owner .checkNum{width:5rem;}
.car_owner .checkNum input[type=text]{width:5rem;}
.checkImg{height: 1.6rem;width: 4rem;margin: 1rem 0 0 .6rem;}
.addressR{padding:.6rem;}
.addressR .title{font-size: .64rem; line-height: 1.4rem;}
.addressR .areas{margin-top: .5rem;}
.addressR select{display:block; line-height: .8rem; padding:.2rem .3rem; font-size: .6rem; width:100%; color:#9c9c9c;}
.addressR .yellowbtn{float:right; width:60%;}
/*驾驶证换证*/
.car_owner .rightText .areaLeft{width:4rem; float:left;}
.car_owner .rightText .areaRight{width:5.69rem; float:left;}
.car_owner .focusArea{text-align: right;color:#FF7043;font-size: .55rem;}
.permitNeed{position:fixed;bottom:0;width:91%;padding:.2rem .75rem; background-color:#ededed;}
.permitNeed p{color:#8f8f8f; font-size: .6rem; padding:.1rem 0; line-height: 1.6;}
.permitRemark{color:#e5555d; font-size:.55rem; line-height: 1rem; padding: 0 .75rem;}
/*车辆年检*/
.uploadDrive{border-top: .8rem solid #EBEBEB;float: left;width: 100%;}
.uploadText{font-size: .8rem;color:#3F3F3F;}

/*服务说明页面改变去掉20161210*/
/*.serverAll{width:100%;}
.serverList{overflow: hidden; padding: .4rem 0 1rem 0;width:100%;border-bottom: 1px solid #D5D5D5;}
.serverList p{margin: 0 .8rem;}
.serverList .questionTitle{font-size: .7rem;line-height: 1.3rem;color:#FF7043;}
.serverList .questionTitle img{height:1rem;width: 1rem;margin-right: .75rem;}
.serverList .questionAnswer{font-size: .65rem;line-height: 1.15rem;color:#3F3F3F;}
.specialTip{background: #FFF2E1;border-bottom: none;padding:1rem 0;}
.specialTip p{line-height: 1.05rem;color: #FF7043;}
.specialTip .tipTitle{font-size: .65rem;}
.specialTip .tipText{font-size: .6rem;}*/

/*违章处理*/
.car_owner .rightNum{border-bottom: none;}
.car_owner .rightNum span{width:100%;float: left;line-height: 2.75rem;}
.ticketForm{position: relative;}
.ticketForm input[type=file]{position: absolute;}

/*订单详情*/
.moneyRight .serverType{color: #979797;}
.reLoadBox{float:right;position: relative;}
.reLoadBox input[type=file] {opacity: 0;position: absolute;height:1.4rem;width: 4.75rem;}
.reLoad{padding: .8rem .8rem .4rem;line-height: 1.4rem;color: #AEAEAE;font-size: .7rem;}
.reLoad .reLoadBtn{width: 4.75rem;float: right;text-align: center;line-height: 1.4rem;border: 0;background: #ff7143;color: #fff;border-radius: 0.1rem;box-shadow: 0 .05rem .25rem 0 rgba(0,0,0,.3);-webkit-box-shadow: 0 .05rem .25rem 0 rgba(0,0,0,.3);}
.illegalMoney{padding:.8rem;border-top:1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;}
.illegalMoney p{font-size: .7rem;line-height: 1.4rem;color: #404040;}
.illegalMoney span{color:#E02C36;}

/*我的订单*/
.detLists li {border-bottom: .68rem solid #f0f0f0;}
.detLists .detbrand {padding: .4rem .8rem;border-bottom: 1px solid #EBEBEB;}
.detLists .detbrand strong {font-size: .7rem;height: .6rem;}
.detLists .payFinish, .payWait {position: absolute;right: .8rem;font-size: .55rem;}
.detLists .payFinish {color: #179F5D;}
.detLists .payWait {color: #DF2E36;}
.detLists .payPart {padding: .8rem;height: 1.8rem;}
.detLists .payPart input[type=submit] {width: 5rem;font-size: 0.7rem;height: 1.8rem;border: 0;background: #ff7143;color: #fff;float: right;border-radius: 0.1rem;outline: none;}

/*日期选择插件*/
#datePage {display: none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden; box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);}
#datescroll div{float: left;margin-left: 10%;margin-top: 0;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#datetitle h1{font-size: 16px; font-weight: normal;}
#yearwrapper{position: absolute;left: 0;top:40px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:40px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:40px;bottom: 60px;width:80%;}

#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}

/*增加手指滑动触摸面积*/
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #898989;font-size: 12px;}
#monthwrapper ul li{color: #898989;font-size: 12px;}
#daywrapper ul li{color: #898989;font-size: 12px;}

#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}

#setcancle ul{text-align: center; line-height: 30px; margin:1px auto; font-size: 20px;}
#setcancle ul li{border-radius: 4px; float: left; width: 40%; height: 30px; list-style-type: none;}
#dateconfirm{position: absolute; background: #ff7043; left:20px; color:#fff;}
#datecancle{ position: absolute; background:  #dcdddd; right:20px; width: 40%;}

#dateshadow{display: none;position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#datePage{font-size: 22px; border-radius: 3px; position:absolute;top:110px;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width: 80%;;height: 220px;background: #FFFFFF;z-index:9999999;}
#datetitle{width: 100%;height: 30px;background: #F43E48;text-align: center;color: #fff;line-height: 30px;font-size: 20px;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;border: 1px solid #FED4BD;background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFEEE9), to(#FFE2CF));position:absolute;top:88px; border-radius:3px;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;border: 1px solid #FED4BD;background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFEEE9), to(#FFE2CF));position:absolute;top:242px; border-radius:3px;}
#datescroll{background: #F8F8F8;width:94%; margin:10px 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%; background: #fff;height: 40px;bottom: 0px;position: absolute;}
/*日期选择插件 end*/


/*棰勪粯璁㈤噾*/
.order-sktop{background-color: #efefef; padding: .68rem; position:relative;}
.order-sktop h4{font-size: .77rem; line-height: 1.54rem; font-weight: normal; padding-bottom: .2rem;}
.order-sktop h4.success{ color:#189e63;}
.order-sktop h4.error{ color:#e32b33;}
.order-sktop p{margin-top: .4rem; line-height: .8rem; color:#999; font-size: .5rem}
.order-sktop p i{display: inline-block; width:.8rem; height:.8rem; border-radius:50%; background: #d5d5d5; color:#fff; text-align: center; margin-right: .4rem;}
.order-sktop .der{color:#3c3c3c; font-size: .6rem; margin-top: .4rem;}
.order-sktop .remove{position:absolute; top:.7rem; right:.7rem; width:.43rem; height:.43rem;}
.order_payMain {}
.order_payMain .title{font-size: .68rem; line-height: 2.2rem; color:#000033; padding:0 .68rem; border-bottom: 1px solid #d5d5d5;}
.order_payMain li{padding:.68rem 0; margin:0 .68rem; height:1rem; background: url(../images/check1_0.png) no-repeat right center; background-size:auto 35%;}
.order_payMain li img{height:1rem;}
.order_payMain li.on{background-image: url(../images/check1_1.png);}
.belowSub{padding:1rem .68rem;}
.belowSub .btn_submit{float:right;}
.belowSub .cost{float:left; color:#e02c36; font-size: .75rem; line-height: 1.5rem;}
.btn_submit{display:block; background-color: #ff7043; color:#fff; text-align: center; border:none; font-size: .6rem; width:100%; line-height: 1.53rem; border-radius: 4px; box-shadow:0 2px 5px 1px rgba(0,0,0,.2);}
.btn_submit:disabled{background-color: #d5d5d5;}

/*提交成功*/
.order-success{}
.order-success .success-pic{padding:3rem 0 1.25rem;text-align: center;}
.order-success .success-pic img{width: 4.9rem;}
.order-success h5{text-align: center;font-size: .8rem;color: #666;font-weight: normal;}
.order-success .finish-text{margin-top: 1.8rem;}
.order-success .finish-text a{display: block;width: 8.4rem;margin:0 auto;color:#fff;height: 1.8rem;text-align: center;line-height: 1.8rem;background-color: #ff7143;}
.order-success .success-text{background-color: #f3f3f3;padding: .5rem .85rem;font-size: .66rem;color: #8b8b8b;margin-top: 3.75rem;}
.order-success .success-text p{line-height: 1.2rem;}

/*违章查缴及代办*/
.agent-content{background: url(../images/agent.jpg) no-repeat center center;background-size: 100% 100%;height:93%;width: 100%;position: relative;}
.agent-content a{display: block;}
.agent-content .content{width: 9.45rem;height: 3.325rem;position: absolute;left: 3.425rem;line-height: 3.325rem;text-align: center;color: #fff;font-size: .8rem;font-family: '微软雅黑';text-indent: 1.5rem;}
.agent-content .content1{background: url(../images/content1.png) no-repeat center center;background-size: 100% 100%;top: 3.425rem;}
.agent-content .content2{background: url(../images/content2.png) no-repeat center center;background-size: 100% 100%;top: 7.47rem;}
.agent-content .content3{background: url(../images/content3.png) no-repeat center center;background-size: 100% 100%;top: 11.475rem;}

/*查看范例弹窗*/
.instance-pop-alert{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,.4);z-index: 99;display: none;}
.instance-pop{position: fixed;width: 100%;max-width: 750px;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.instance-pop img{width: 100%;}

/*支付密码弹窗*/
.paypwd-mark{position: fixed; display: none; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.6); z-index: 9998;}
.paypwd-win{position: absolute; background-color: #fff; top:50%; left:10%; width:80%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.paypwd-win .title{height:1.7rem; line-height: 1.7rem; border-bottom: 1px solid #d5d5d5; text-align: center; font-size: .65rem;}
.paypwd-win .iclose{position: absolute; top:0; left:0; height:1.7rem; width:1.7rem; background: url(../images/iclose.png) no-repeat center center/.6rem auto;}
.paypwd-win .t-cost{text-align: center; padding:.3rem 0; border-bottom: 1px solid #d5d5d5;}
.paypwd-win .t-cost span{display: block; font-size: .62rem;}
.paypwd-win .t-cost strong{display: block; font-size: 1.3rem; font-weight: normal; margin-top: .3rem;}
.t-entry{padding:.9rem .2rem;}
.six-password{position: relative;}
.six-password-input{position: absolute; top:0; left:0; width:100%; height:100%; opacity: 0;}
.six-password-big{height: 1.9rem; border:1px solid #d5d5d5;}
.six-password-big i{float: left; width:16.66%; height:100%; box-sizing:border-box; border-left: 1px solid #d5d5d5; text-align: center;}
.six-password-big i:first-child{border-left: 0;}
.six-password-big i.on{background: url(../images/password-blink.gif) no-repeat center center/auto .8rem; box-shadow: 0 0 2px 1px rgba(32,151,241,.8); }
.six-password-big i:after{content:" "; display: none; width:.4rem; height:.4rem; margin-top: .75rem; background-color: #363636; border-radius:50%;}
.six-password-big i.dot:after{display: inline-block;}
.paypwd-tip{position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.6); z-index: 9998;}
.paypwd-twin{position: absolute; background-color: #fff; top:50%; left:10%; width:80%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-shadow: 0 5px 5px rgba(0,0,0,.3); text-align: center; padding:10px; box-sizing:border-box;}
.paypwd-twin .title{color:#404040; font-size: .64rem; margin: .4rem 0; }
.paypwd-twin .cont{color:#9a9a9a; font-size: .64rem;}
.paypwd-twin .ctrl a{display: inline-block; font-size: .64rem; padding:.3rem; color:#202020;}


.carletter-check{position: fixed; z-index: 998; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; pointer-events:none; transition:all .3s; -webkit-transition:all .3s;} 
.carletter-check.open{pointer-events:auto; opacity: 1;}
.carletter-check .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.carletter-check .carletter-layer{position: absolute; z-index: 1; left: 0; bottom: -8rem; height: 8rem; width: 200%; background-color: #fff; transition:all .3s; -webkit-transition:all .3s;}
.carletter-check.open .carletter-layer{bottom: 0;}
.carletter-check .carletter-layer.sec{left:-100%;}
.carletter-check .carletter-layer>div{float: left; width:50%; overflow: hidden;}
.carletter-layer {text-align: center;}
.carletter-layer ul{padding-top: .2rem;}
.carletter-layer li{display: inline-block; cursor: pointer; width:1.2rem; height: 1.2rem; line-height: 1.2rem; background-color: #d9d9d9; border-radius:.1rem; margin:.15rem .08rem 0; text-align: center;}
.carletter-layer li.on{background-color: #e02c36; color:#fff;}