.ul-body{width:100%;height:100%;background-color:#f9f9f9; }
em{font-style: normal;}
.nav-bar {background-color: #fff;position: fixed;text-align: center;width: 100%;z-index: 10;}
.nav-bar .flex-1 {height: 30px;line-height: 30px;padding: 10px;margin: 0 1px;position: relative;}
.nav-bar .active {border-bottom: 2px #3498db solid;color: #3498db;}
.flex {display: -webkit-box;display: -webkit-flex;display: flex;}
.flex-1{ flex:1;}
/* 登陆 */
.ul-login-page{ width:100%;height:100%;background: url(/images/me/login-bg.jpg);background-repeat: no-repeat;background-size: 100%;font-size: 15px;height: 100%;}
/*登陆*/ 
.ul-login-page .logo{ display:block;margin:0 auto;padding-top: 11%; width:24%;}
.ul-login-page .form{ font-size:17px;margin:0 auto;padding-top: 13%;width:86%;}
.ul-login-page .form .vali{position: absolute;right:0;top:0px;background-color: #3381ca;color: white;padding: 10px;outline: none;height: 50px;border: none;}
.ul-login-page .form .border-color{border-bottom:1px #3381ca solid !important;}
.ul-login-page .form .border-bottom{border-bottom:1px #BBBBBB solid;}
.ul-login-page .form .register{text-align:center;font-weight:bold;}
.ul-login-page .form .register button{position: absolute;bottom:10%;outline: none;left:46%;}
.ul-login-page .form-item{ height:50px;}
.ul-login-page .form-input{background-color: #FFFFFF;padding: 8px;position: relative;}
.ul-login-page .input-item{ border:0px;font-size:16px;outline: none;padding-left: 5px;vertical-align: middle;width:70%; }
.ul-login-page .login-assist{color: #FFFFFF;left: 5%;padding-top: 5%;position: relative;width: 90%;}
.ul-login-page .agree-img{padding: 10px  2px  10px  10px;vertical-align: middle;width: 28px;}
.ul-login-page .tourist{border: 1px #F1F1EF solid;border-radius: 4px;color: #FFFFFF;margin: 20px auto;padding: 5px;text-align: center;width: 30%;}
.ul-login-page .rules-dialog{ position:absolute;top:0;right:0;bottom:0;left:0; z-index:1000; background-color:rgba(0,0,0,0.6);}
.ul-login-page .rules{background-color: #fff;border-radius: 4px;height: 70%;left: 2.5%;position: fixed;top: 85px;width: 95%;}
.ul-login-page .title{ font-size:16px; font-weight:bold; text-align:center; line-height:40px; border-bottom:1px solid  #E7E7E7;}
.ul-login-page .rules-content{overflow: auto;height: 90%;padding: 0 10px;word-break: break-word;}
.ul-login-page .close{background-color: #C8C7CC;border-radius: 50%;color: #FFFFFF;height: 20px;line-height: 20px;position: absolute;right: -5px;text-align: center;top: -5px;width: 20px;}
.ul-login-page .dis{ background-color:#ccc;}
.ul-login-page .middle {   vertical-align: middle;}
.ul-login-page .width-20 {    width: 20px; }
.ul-login-page .white {color: #FFFFFF !important;}
.ul-login-page .m-l-10- {margin-left: -10px;}
.ul-login-page .f-z-13 {    font-size: 13px !important;}
.ul-login-page .none {   display: none !important;}

.ul-login-page .bg-blue {background-color: #3498db;}
.ul-login-page .b-radius-4 {border-radius: 4px;}
.ul-login-page .p-10 {padding: 10px;}
.ul-login-page .w-95 {width: 94%;}
.ul-login-page .p-t-20 {    padding-top: 20px;}
.ul-login-page .btn {color: #FFFFFF;margin: 0 auto;text-align: center;}
.ul-login-page .a-c {position: absolute !important;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.ul-login-page .right-15 {right: 15px;}
.ul-login-page .tiaokuan{ color:#3498db; text-decoration:underline;}
.ul-login-page .languge{clear:left;padding:20px 0 0 30px;display: flex;color:white;font-size: 14px;}
.ul-login-page .languge .van-icon-arrow-down{top: 3px;left:2px;}

/*【我的首页】*/
.ui-index{ height:100%; background-color:#eee;}
.ui-index .ui-head{ height:80px; display:flex; padding:20px; background-color:white;}
.ui-index .ui-head img{ width:40px; height:40px; border-radius:50%;}
.ui-index .ui-head .name{flex:1;  padding:5px 10px;}
.ui-index .ui-head span{ color:Black;}
.ui-index .ui-head .name .info{ color:#aaa;}
.ui-index .ui-head .aui-iconfont{  color:#aaa;  margin-top: 15px;}
.ui-index .ui-list{ margin-top:20px;}
.ui-index .ui-list .ui-item{background-color:white; margin-bottom:1px; line-height:40px; display:flex; padding:0 20px;font-size:14px;}
.ui-index .ui-list .ui-item span{ flex:1; color:Black; }
.ui-index .ui-list .ui-item .aui-iconfont{color:#aaa;}

/*【账单】*/
.ui-zd{ height:100%; background-color:#eee;}
.ui-zd .data-panel{ background-color:#f0f0f0; width:100%; min-height:100%; overflow:hidden;}
.ui-zd .data-panel .item{ padding:10px 15px; background-color:White;margin-bottom:1px;display:flex;}
.ui-zd .data-panel .item .time{color: #999999;margin-top: 10px;}
.ui-zd .data-panel .item .row{ display: -webkit-box;display: -webkit-flex;display: flex;font-size:12px; }
.ui-zd .data-panel .item .row .col1{width: 80%;}
.ui-zd .data-panel .item .row .col2{text-align:right;width:75px;margin-top: 10px;}
.ui-zd .data-panel .item .row .col2 .state{border:1px solid; right: 15px;padding: 2px; margin-bottom: 3px;}  
.ui-zd .data-panel .item .row .mius{ color:#82cb57; border-color:#82cb57;}
.ui-zd .data-panel .item .row .add{ color:#ff5b15; border-color: #ff5b15;}
.ui-zd .data-panel .item .date { margin-top:-5px;font-size:10px;}
.ui-zd .data-panel .loading{ text-align:center;}
.ui-zd .data-panel .loading p{ margin:10px auto; line-height:36px; font-size:15px;}
.ui-zd .data-panel .loading img{ margin-right:10px; vertical-align:middle;}
.ui-zd .case-No{color: #6F6F6F;margin-top:0px;font-size: 12px;}
.ui-zd .ward .col-box1{flex:1;}
.ui-zd .data-panel .item .row .col2 .state{right:35px;}
.ui-zd .ward .n{width:10px;color: #ccc;}
.ui-zd .ward .n .aui-iconfont{ top: 50%;margin: -12px 0 0 5px;}

/*我的订单*/
.ui-myorder .nav-bar{background-color: #fff;position: fixed;text-align: center;width: 100%;z-index: 10;display: flex;border-bottom:1px solid #f1f1f1;}
.ui-myorder .nav-bar .flex-1{height:50px;padding:10px 0;margin:0 1px;position: relative;flex: 1;}
.ui-myorder .nav-bar .flex-1 div{height:30px;line-height: 30px;border-left:1px solid #f1f1f1;font-size:14px;}
.ui-myorder .nav-bar .active{border-bottom: 2px #3498db solid;color: #3498db;}
.ui-myorder .nav-bar .badge{position: absolute;height: 17px;width: 17px;line-height: 17px;background-color: red;border-radius: 50%;color: white;text-align: center;font-size: 10px;}
.ui-myorder .order-list{ background-color:#f9f9f9;}
.ui-myorder .order-pay-wrap{padding: 15px 10px;position: relative;}
.ui-myorder .payment{background-color: #ff0000;border-radius: 5px;color: #fff;padding: 5px 15px;right: 15px;} 
.ui-myorder .item{background-color: #FFFFFF;margin-top: 10px;}
.ui-myorder .item .cut-title {background-color: #fff;border-bottom: 1px #f1f1f1 solid;padding: 10px;position: relative;}
.ui-myorder .item .cut-title img{    vertical-align: middle;    width: 20px;    border: 0;}
.ui-myorder .item .middle{  vertical-align: middle;}
.ui-myorder .item .order-state{color: #ff0000;right: 10px;position: absolute !important;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.ui-myorder .goods-info{padding: 10px 10px 0 10px;}
.ui-myorder .goods-info .w-25 {width: 25%;}
.ui-myorder .goods-info .w-90 {width: 90%;} 
.ui-myorder .goods-info .imglist{height:95px;flex: 1;overflow: hidden;}
.ui-myorder .goods-info .imglist-1{width:2000px;}
.ui-myorder .goods-info .imglist img{width:80px;max-height:90px;margin-right: 5px;}
.ui-myorder .goods-info .b-btm {min-height:95px;border-bottom: 1px #F1F1F1 solid;display: flex;}
.ui-myorder .goods-info-bottom{bottom: 20px;;font-size: 16px;position: absolute;width: 98%;}
.ui-myorder .r-content{  width:80px; font-size: 14px;    position: relative;}
.ui-myorder .goods-num{  float: right; }
.ui-myorder .btn-view{border: 1px solid #f1f1f1;border-radius: 4px;padding: 5px;} 
.ui-myorder .payments{ color: #FF0000; font-style: normal; font-size:16px;}
.ui-myorder .order-pay-wrap .aui-iconfont{top:-3px;}
.ui-myorder .state-com{ position:absolute; right:10;} 
.ui-myorder .redydata {bottom: 0;position: absolute;text-align: center;width: 100%;}
/*【订单详情】*/
.ui-orderdetail .cut-title {background-color: #fff;border-bottom: 1px #f1f1f1 solid;padding: 10px;position: relative; line-height:22px;}
.ui-orderdetail .p-l-10 {padding-left: 10px;}
.ui-orderdetail .p-l-15 {padding-left: 15px;}
.ui-orderdetail .p-10 {padding: 10px;}

.ui-orderdetail .ab-tr{position: absolute;right: 15px;top: 10px;}
.ui-orderdetail .bg-white {background-color: #FFFFFF !important;}
.ui-orderdetail .b-btm {border-bottom: 1px #F1F1F1 solid;}
.ui-orderdetail .w-25 {width: 25%;}
.ui-orderdetail .w-90{ width:90%;} 
.ui-orderdetail .r-content{font-size: 14px; position: relative; -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;} 
.ui-orderdetail .points-2 {width: 80% !important;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-orderdetail .goods-info-bottom {bottom: 20px;font-size: 16px;position: absolute;width: 98%;}
.ui-orderdetail .goods-num {float: right;}
.ui-orderdetail .red{  color: #FF0000;font-style: normal;}

.ui-orderdetail .address{left: 3px;position: absolute;top: 13px;width: 18px;}
.ui-orderdetail .border-coloured{bottom: 0;left: 0;position: absolute;width: 100%;}
.ui-orderdetail .sum-item{padding: 10px;position: relative;}
.ui-orderdetail .sum-item .amt{ position: absolute !important; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);    right: 10px !important;}
.ui-orderdetail .height-100 {height: 100px;}
.ui-orderdetail .time{margin-left: 50px;color: #999;}
.ui-orderdetail .logistics{ display:flex;}
.ui-orderdetail .logistics .middle{ flex:1;}
.ui-orderdetail .logistics .r-content{ flex:1; text-align:right;}
.ui-orderdetail .logistics .r-content .img{ width:8px;    vertical-align: middle;margin-top: -3px;} 
.ui-orderdetail .border-ab-top{border-top: 1px #f1f1f1 solid;left: 2%;position: absolute;top: 0;width: 96%;}
.ui-orderdetail .aui-counter-box{ padding: 3px 0; position:absolute;bottom:3px;left:0;    width: 100%;padding: 5px 0;line-height: 30px;} 
.ui-orderdetail .aui-counter-box .f-z-11{width: 100%;overflow: hidden; white-space: nowrap;text-overflow:ellipsis; line-height: 20px;    font-size: 12px;}
.ui-orderdetail .aui-counter-box .f-z-11 .extend{ font-style: normal; color: rgb(255,157,31);}
.ui-orderdetail .btn-bottom{background-color: #fff;border-top: 1px solid #f1f1f1;bottom: 0;position: fixed;text-align: center;width: 100%;line-height:55px; font-size: 14px;}
.ui-orderdetail .btn-right-small{background-color: #ff0000;color: #fff;padding:0 15px;width: 25%;}
.ui-orderdetail .blue{ color:Blue;}


/*物流详情*/
.ui-logistic .order-detail{background-color: #fff;color: #999;font-size: 14px;padding: 10px;}
.ui-logistic .order-num{color: #333;font-size: 18px;position: relative;}
.ui-logistic .way-list{background-color: #fff;margin-top: 10px;padding: 20px 10px 10px 7%;}
.ui-logistic .way-item{border-left:1px #f1f1f1 solid ;padding: 10px 10px 0 7%;position: relative;}
.ui-logistic .way-adorn{border-bottom: 1px #f1f1f1 solid;padding: 10px 0;}
.ui-logistic .way-circle{background-color: #E6E4E3;border-radius: 50%;height: 10px;left: -5px;position: absolute;top: 15px;width: 10px;}
.ui-logistic .cover{background-color: #fff;height: 20px;left: -10px;display: none;position: absolute;top: -8px;width: 20px;z-index: 10;}
/*第一个变绿*/
.ui-logistic .way-item:first-of-type{color: #0bbc02;}
.ui-logistic .way-item:first-of-type p{color: #0bbc02;}
.ui-logistic .way-item:first-of-type .cover{display: block;}
.ui-logistic .way-item:first-of-type .way-circle{background: url(/images/me/ic_circle.png) no-repeat;background-size: 100% 100%;height: 15px;left: -7px;position: absolute;top: 13px;width: 15px;}
/*最后一个去除底部边框*/
.ui-logistic .way-item:last-of-type .way-adorn{border: none;}

/*【密码修改、支付密码、激活】*/
.ui-pwd{ width:100%; height:100%; overflow:hidden;}  
.ui-pwd .wrap .item{background-color:white;padding:10px 10px;font-size: 14px; line-height:30px; border-bottom: 1px #F1F1EF solid; display:flex; width:100%;    box-sizing: border-box;justify-content: center;}
.ui-pwd .item label{width:85px; text-align: right;overflow:hidden;}
.ui-pwd .wrap .item .input-box{ flex:1px;margin-left:10px;} 
.ui-pwd  input{background-color: white;height:30px;width:100%; outline: none;border: none;font-size: 14px;}
.ui-pwd .sure{text-align: center;padding:10px;width:80%;margin:0 auto;margin-top:20px;font-size: 17px;border-radius:3px;background-color:#3381ca;color: white;}
.ui-pwd .getvali{width: 82px;background-color: #3381ca; color: white;outline:0;}
.ui-pwd .dis{ background-color:#ccc;}

/*【激活】*/
.personaldata{ width:100%; height:100%; overflow:hidden;}
.personaldata .ui-list{ margin-top:20px;}
.personaldata .ui-list .ui-item{background-color:white; margin-bottom:1px; line-height:40px; display:flex; padding:0 20px;font-size:14px;}
.personaldata .ui-list .ui-item label{ width:60px;white-space:nowrap;overflow:hidden;}
.personaldata .ui-list .ui-item span{ flex:1; color:Black; color:#ccc; text-align:right; padding-right:20px; }
.personaldata .ui-list .ui-item .aui-iconfont{color:#aaa;}
.personaldata .getvali{  width:auto; background-color: #3381ca; color: white;outline:0;}
.personaldata  .dis{ background-color:#ccc;}

/*【修改单项字段】*/
.ui-single-edit{ width:100%; height:100%; overflow:hidden;}
.ui-single-edit .mui-row{ line-height:40px; background-color:White; margin-top:20px; display:flex;}
.ui-single-edit .mui-row label{ width:70px;padding-left: 20px;white-space:nowrap;overflow:hidden;}
.ui-single-edit .mui-row .lb{width:75px;padding-left:5px;}
.ui-single-edit .mui-row .input-box{ flex:1;}
.ui-single-edit .mui-row .input-box input{background-color: white;height:30px;width:100%; outline: none;border: none;font-size: 14px;}
.ui-single-edit .mui-row .getvali{width: 95px; background-color: #3381ca; color: white; text-align:center; outline:0;}
.ui-single-edit .mui-row .middle{width: 95px;  }
.ui-single-edit .info{color: #999; padding:10px;}
.ui-single-edit .btn {padding: 10px;background: #3498db;font-size: 16px;border-radius: 5px;width: 80%;margin: 0 auto;color: white;text-align: center; margin-top:25px;}
.ui-single-edit .mui-row .dis{ background-color:#ccc;}

.ui-loginn{ width:100%; height:100%; overflow:hidden;} 
.ui-loginn .lnkreg{margin:30px; float:right;color:#3381ca;font-size:14px; text-decoration-line:underline;}
.ui-loginn .logo{padding:10px;}
.ui-loginn .logo img{width:70px;display: block;margin:0 0 0 0;}
.ui-loginn .logo.dz{padding:0;}
.ui-loginn .logo.dz img{width:100%;display: block;margin:0 auto 0;}
.ui-loginn .logo.baozun img{width:100px;display: block;margin:10px auto 0;}
.ui-loginn .wrap .item{background-color:white;padding:10px 10px;font-size: 14px; line-height:30px; border-bottom: 1px #F1F1EF solid; display:flex; width:100%;    box-sizing: border-box;justify-content: center;}
.ui-loginn  .imglabel{ width:22px; height:24px;}
.ui-loginn .wrap .item .input-box{ flex:1px;margin-left:10px;} 
.ui-loginn  input{background-color: white;height:30px;width:100%; outline: none;border: none;font-size: 14px;}
.ui-loginn .sure{text-align: center;padding:10px;width:80%;margin:0 auto;margin-top:20px;font-size: 17px;border-radius:3px;background-color:#3381ca;color: white;}
.ui-loginn .getvali{  width:auto; background-color: #3381ca; color: white;outline:0;}
.ui-loginn .showpwd{ width:30px; height:18px;margin-top: 7px;}
.ui-loginn .btnclear{ width: 25px;height: 25px;margin: 3px 15px 0 0;}
.ui-loginn .tiaokuan{ color:#3498db; text-decoration:underline;}
.ui-loginn .dis{ background-color:#ccc;}
.ui-loginn button:active{opacity: 0.5;}
.ui-loginn .protocol{padding:10px 0 0 35px;}
.ui-loginn .rules-dialog{ position:absolute;top:0;right:0;bottom:0;left:0; z-index:1000; background-color:rgba(0,0,0,0.6);}
.ui-loginn .rules{background-color: #fff;border:1px solid  #E7E7E7;border-radius: 4px;height:70%;left: 2.5%;position: fixed;top: 85px;width: 95%;}
.ui-loginn .title{ font-size:16px; font-weight:bold; text-align:center; line-height:40px; border-bottom:1px solid  #E7E7E7;}
.ui-loginn .rules-content{overflow: auto;height: 90%;padding: 0 10px;word-break: break-word;}
.ui-loginn .close{background-color: #C8C7CC;border-radius: 50%;color: #FFFFFF;height: 20px;line-height: 20px;position: absolute;right: -5px;text-align: center;top: -5px;width: 20px;}
.ui-loginn .agree-img{padding:10px 2px 10px 10px;vertical-align: middle;width: 25px;}
.ui-loginn .languge{clear:left;padding-left: 30px;display: flex;color: #3381ca;font-size: 14px;}
.ui-loginn .languge .van-icon-arrow-down{top: 3px;left:2px;}
/*【注册】*/
.ui-register-page{ width:100%; height:100%; overflow:hidden;} 
.ui-register-page .wrap .item{background-color:white;padding:10px 10px;font-size: 14px; line-height:30px; border-bottom: 1px #F1F1EF solid; display:flex; width:100%;    box-sizing: border-box;justify-content: center;}
.ui-register-page  .imglabel{ width:22px; height:24px;}
.ui-register-page .wrap .item .input-box{ flex:1px;margin-left:10px;} 
.ui-register-page  input{background-color: white;height:30px;width:100%; outline: none;border: none;font-size: 14px;}
.ui-register-page .sure{text-align: center;padding:10px;width:80%;margin:0 auto;margin-top:20px;font-size: 17px;border-radius:3px;background-color:#3381ca;color: white;}
.ui-register-page .getvali{  width:auto; background-color: #3381ca; color: white;outline:0;}
.ui-register-page .showpwd{ width:30px; height:18px;margin-top: 7px;}
.ui-register-page .btnclear{ width: 25px;height: 25px;margin: 3px 15px 0 0;}
.ui-register-page .tiaokuan{ color:#3498db; text-decoration:underline;}
.ui-register-page .dis{ background-color:#ccc;}
.ui-register-page button:active{opacity: 0.5;}
.ui-register-page .protocol{padding:10px 0 0 35px;}
.ui-register-page .rules-dialog{ position:absolute;top:0;right:0;bottom:0;left:0; z-index:1000; background-color:rgba(0,0,0,0.6);}
.ui-register-page .rules{background-color: #fff;border:1px solid  #E7E7E7;border-radius: 4px;height:70%;left: 2.5%;position: fixed;top: 85px;width: 95%;}
.ui-register-page .title{ font-size:16px; font-weight:bold; text-align:center; line-height:40px; border-bottom:1px solid  #E7E7E7;}
.ui-register-page .rules-content{overflow: auto;height: 90%;padding: 0 10px;word-break: break-word;}
.ui-register-page .close{background-color: #C8C7CC;border-radius: 50%;color: #FFFFFF;height: 20px;line-height: 20px;position: absolute;right: -5px;text-align: center;top: -5px;width: 20px;}
.ui-register-page .agree-img{padding:10px 2px 10px 10px;vertical-align: middle;width: 25px;}
.ui-register-page .languge{clear:left;padding-left: 30px;display: flex;color: #3381ca;font-size: 14px;}
.ui-register-page .languge .van-icon-arrow-down{top: 3px;left:2px;}

/*【找回密码】*/
.ui-findpwd{ width:100%; height:100%; overflow:hidden;}
.ui-findpwd .middle{ vertical-align:middle;}
.ui-findpwd .wrap .item{background-color:white;padding:10px 10px;font-size: 14px; line-height:30px; border-bottom: 1px #F1F1EF solid; display:flex; width:100%;    box-sizing: border-box;justify-content: center;}
.ui-findpwd  .imglabel{ width:22px; height:24px;}
.ui-findpwd .wrap .item .input-box{ flex:1px;margin-left:10px;} 
.ui-findpwd  input{background-color: white;height:30px;width:100%; outline: none;border: none;font-size: 14px;}
.ui-findpwd .sure{text-align: center;padding:10px;width:80%;margin:0 auto;margin-top:20px;font-size: 17px;border-radius:3px;background-color:#3381ca;color: white;}
.ui-findpwd .getvali{  width:auto; background-color: #3381ca; color: white;outline:0;}
.ui-findpwd .showpwd{ width:30px; height:18px;margin-top: 7px;}
.ui-findpwd .btnclear{ width: 25px;height: 25px;margin: 3px 15px 0 0;}
.ui-findpwd .tiaokuan{ color:#3498db; text-decoration:underline;}
.ui-findpwd .dis{ background-color:#ccc;}
.ui-findpwd button:active{opacity: 0.5;}

/*【我的付款码】*/
.ui-paycode{width:100%;height:100%;overflow:hidden;background-color:#eaeaea;}
.ui-paycode.cp{background-color:#62a3dd;}
.ui-paycode.cp .pwd{display:none;}
.ui-paycode.cp .code{display:block;}
.ui-paycode.cp .step{color:white;}
.ui-paycode .ui-search{background-color:#3596da;}
.ui-paycode .step{padding:15px;font-size:16px;text-align:center;}
.ui-paycode .pwd{padding:40px 20px;background-color:white;}
.ui-paycode .item label{width:85px; text-align: right;overflow:hidden;font-size:14px;}
.ui-paycode .wrap .item{background-color:white;padding:10px 10px;font-size: 14px; line-height:30px; border-bottom: 1px #F1F1EF solid; display:flex; width:100%;    box-sizing: border-box;justify-content: center;}
.ui-paycode .wrap .item .input-box{ flex:1px;margin-left:10px;} 
.ui-paycode .code{display:none;}
.ui-paycode  input{background-color: white;height:30px;width:100%; outline: none;border:1px solid #eaeaea;font-size: 14px;padding:0 5px;border-radius:5px;margin-top:5px;}
.ui-paycode  .sure{text-align: center;padding:10px;width:80%;margin:0 auto;margin-top:20px;font-size: 14px;border-radius:3px;background-color:#3381ca;color: white;}
.ui-paycode .ui-box{width:280px;margin:30px auto;background-color:white;min-height:100px;border-radius:5px;}
.ui-paycode #qrcode{ margin:15px auto 5px;width:180px;height:180px; color:#3381ca;}
.ui-paycode #txtbarcode{ zoom:85%;text-align:center;width: 100%!important;position: relative;left: 12px;}

.ui-paycode #txtnum{ font-size:16px;text-align: center;margin-top: 8px;}
.ui-paycode #txtnum i{font-style: normal; padding:0px 5px;} 
.ui-paycode #qrcode img{ margin:0px auto;}
.ui-paycode .update{ background:url(/images/common/icon_refresh.png) no-repeat 3px; background-size:12px 12px; width:105px; font-size:12px; padding-left:20px; margin:10px auto; color:#A59D9D;}
.ui-paycode .setamt{ margin-top:20px;text-align: center; color:#3381ca;}

/*中银通卡*/
.zyt-card .wrap-body{background-color:white;height: 100%;}
.zyt-card .wrap-content{padding-top:50px;}
.zyt-card .card-header{border-radius: 5px 5px 0 0;color:#3498db;padding: 20px;position: relative;text-align: center;font-size:16px;}
.zyt-card .close{font-size: 23px;padding: 10px;position: absolute;right: 0;top: -10px;}
.zyt-card .card-content{background-color: #f4f4f4;}
.zyt-card .card-footer{border-radius: 0 0 5px 5px;padding: 10px 10px 20px 10px;}
.zyt-card .halves{margin: 0 auto;text-align: center;width: 80%;}
.zyt-card .halves-item{border-radius: 4px;margin: 0 10px;padding: 10px;}
.zyt-card .un-checked{background-color: #ddd;color: #fff;}
.zyt-card .checked{background-color: #3498db;}
.zyt-card .previous{border: 1px #ddd solid;}
.zyt-card #verifyData .next{background-color: #3498db;border-radius: 4px;color: #fff;margin: 15px auto;padding: 10px;text-align: center;width: 80%;}
.zyt-card #verifyData .card-item{padding: 10px;border-bottom: 1px #666 dashed;display: flex;}
.zyt-card #verifyData .card-item:last-child{border-bottom: 1px #999 solid;}
.zyt-card #verifyData .card-title{padding-right: 10px;text-align: right;width:75px;white-space:nowrap;overflow:hidden;}
.zyt-card #verifyData .card-val{ flex: 1;}
.zyt-card #warrant .wrap-protocol{padding: 20px 20px 0px 20px;}
.zyt-card .mint-popup.sq{height:100%;padding: 20px; background-color: rgb(0,0,0,0.1);}
.zyt-card .mint-popup.sq .card-header{background-color:#3498db;color:white;padding:10px 0;} 
.zyt-card .mint-popup.sq .wrap-protocol{height:450px;}
.zyt-card .mint-popup.sq .wrap-scroll{background-color: #fff;font-size: 14px;height:350px;overflow-y: scroll;padding: 10px;}
.zyt-card .wrap-success{background-color: #fff;border-radius: 5px;margin: 0 auto;padding: 100px 0 35px 0;position: relative;text-align: center;width: 90%;}
.zyt-card .img-success{left: 20%;position: absolute;top: -25%;width: 60%;}
.zyt-card .btn-success{background-color: #3498db;border-radius: 4px;color: #fff;margin: 5px auto;padding: 10px;width: 70%;}
.zyt-card .aui-bar{ background-color: rgb(91,207,203); }
.zyt-card .aui-icon-left i{font-size: 12px; font-style: normal;}
.zyt-card .card-img{ height: 200px;background-color: rgb(91,207,203);  margin-top:50px; padding-top:1px; position: relative; }
.zyt-card .card-img img{display: block; width:260px; margin:5px auto 0;}
.zyt-card .card-img .cardno{position: absolute;left: 50%;top: 50%;color: white;font-size: 18px;margin: -5px 0 0 -120px; width: 260px;}
.zyt-card .card-img .cardno ul{ float: left; margin: 0 10px; }
.zyt-card .card-img .cardno li{ float: left; margin: 0 1px 0 0;} 
.zyt-card .card-state{ display: flex; padding:5px 0; height: 55px;background-color: white; }
.zyt-card .card-state .st{ flex: 1;width: 50%;overflow: hidden; }
.zyt-card .card-state .ye{ flex: 1; border-left: 1px solid #f1f1f1;width: 50%;overflow: hidden; }
.zyt-card .card-state i{ font-style: normal; font-size: 12px; color: #5bcfcb; } 
.zyt-card .card-state .r1{ height: 25px; text-align: center; line-height: 25px; color: rgb(255,98,9);white-space: nowrap; }
.zyt-card .card-state .r2{ height: 20px; text-align: center; font-size: 12px; white-space: nowrap;}  
.zyt-card .split{ height: 10px; }
.zyt-card .title{ padding: 8px; border-bottom: 1px solid #f1f1f1; background-color: white; }
.zyt-card .title span{ margin-left: 15px;border-left: 3px solid rgb(7,107,182); padding-left: 8px; color:  rgb(7,107,182);} 
.zyt-card .list{background-color: white; min-height: 50px;padding-top:1px;}
.zyt-card .list .item{ height: 60px; display: flex; padding: 8px 0; border-bottom:1px solid #f1f1f1; }
.zyt-card .list .item .l{  flex: 1; padding-left: 15px; overflow: hidden;}
.zyt-card .list .item .l .n{ height: 25px; line-height: 25px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 96%;}
.zyt-card .list .item .l .d{ height: 15px; line-height: 15px; font-size: 12px;color:rgb(133,133,133);}
.zyt-card .list .item .r{ width: 80px; line-height: 40px; text-align: right; padding-right: 15px; }
.zyt-card .list .item .r.a{ color: rgb(234,133,20); } 
.zyt-card .list .nodata{margin:20px auto;text-align:center;}

/*我的*/
.ui-me .ui-head{background: url(/images/me/image_background.png) no-repeat;background-size: 100% 100%;height: 200px;position: relative;}
.ui-me .ui-head .set{position:absolute;top:20px;left:20px;color:white;font-size:14px;}
.ui-me .ui-head .set img{width:20px;height:20px;display:block;}
.ui-me .ui-head .ui-box{width:100px;height:100px; position:absolute;left:50%;margin-left:-50px;top:60px;}
.ui-me .ui-head .ui-box .logo{width:70px;height:70px;display: block;margin: 0 auto;border-radius: 50%;background-color: white;}
.ui-me .ui-head .ui-box .info{margin:5px auto;text-align:center;white-space:nowrap;overflow:hidden;}
.ui-me .ui-head .bar-tool {width: 240px;margin: 0px auto;font-size: 12px; line-height: 25px;position:absolute;top:162px;left:50%;margin-left:-120px;}
.ui-me .ui-head .bar-tool .precent,.bar-tool .auth{background:url(/images/me/trun-on.png) no-repeat;background-size: 100%;display: flex; width: 110px; height:24px;float: left;}
.ui-me .ui-head .bar-tool .auth{margin-left: 20px;}
.ui-me .ui-head .bar-tool .precent label,.bar-tool .auth  label{ width:  80px; text-align: center;color: #666; }
.ui-me .ui-head .bar-tool .precent em,.bar-tool .auth  em{ width: 40px; text-align: center;color: rgb(95,210,202); }
.ui-me .ui-module{padding:10px;margin-top:8px;background-color:white;height:170px;}
.ui-me .ui-module li{width:25%;float:left;text-align:center;height:75px;padding:5px 0;}
.ui-me .ui-module li img{width:40px;display:block;margin:0 auto;}

/*余额*/
.ui-balance .ui-bg{background-image:url(/images/me/icon_bg.jpg);background-size:100%;width:100%;}
.ui-balance .ui-bg .ui-search{background-color:transparent;}
.ui-balance .ui-bg .ui-amt{padding:15px 0;text-align:center;}
.ui-balance .ui-bg .ui-amt p {color:#ccddf1;padding:5px 0;}
.ui-balance .ui-bg .ui-amt span{color:white;font-size:20px;padding:5px 0;display: block;}
.ui-balance .ul-gy{margin-top:10px;background-color:white;padding:20px 0 0;}
.ui-balance .ul-gy .title{border-left:3px solid #17A1df;margin-left:20px;padding-left:8px;font-size: 16px;}
.ui-balance .ul-gy ul{border:1px solid #e3e3e3;border-left:0;border-right:0;margin-top:10px;padding-left:25px;}
.ui-balance .ul-gy ul li{height:80px;padding:15px 0;}
.ui-balance .ul-gy ul li img{width:40px;float:left;}
.ui-balance .ul-gy ul li .txt{float:left;padding-left:15px;}
.ui-balance .ul-gy ul li .txt .t1{font-size:16px;}
.ui-balance .ul-gy ul li .txt .t2{font-size:12px;color:#acacac;}
.ui-balance .ul-gy ul li.line{border-top:1px solid #e3e3e3;}

/*余额 - 保单列表*/
.ui-balance .ui-policy-detail .ui-head{padding:30px;width:210px;height:110px;margin:0 auto;}
.ui-balance .ui-policy-detail .ui-head img{width:50px;float:left;} 
.ui-balance .ui-policy-detail .ui-head .txt{padding-left:15px;float:left;}
.ui-balance .ui-policy-detail .ui-head .txt .t2{padding: 8px 0;}
.ui-balance .ui-policy-detail .ui-head .txt .t2 span{font-size:16px;color:#ffb03a;}
.ui-balance .ui-policy-detail .list .title{border-left:8px solid #ffb03a;background-color:#ddd;padding:5px 10px;}
.ui-balance .ui-policy-detail .list ul{padding-left:15px;}
.ui-balance .ui-policy-detail .list ul li{padding:8px 0;display:flex;}
.ui-balance .ui-policy-detail .list ul li .lf{flex:1;}
.ui-balance .ui-policy-detail .list ul li .lf .co{padding:3px 0;}
.ui-balance .ui-policy-detail .list ul li .lf .rn1{display:flex;}
.ui-balance .ui-policy-detail .list ul li .lf .rn1 .cz{padding:3px 0;display:flex;flex:1;color:#b7b7b7;}
.ui-balance .ui-policy-detail .list ul li .lf .rn1 .cz img{width:20px;}
.ui-balance .ui-policy-detail .list ul li .lf .rn1 .cz .t1{padding-left:4px;}
.ui-balance .ui-policy-detail .list ul li .lf .rn1 .cz .t2{padding-left:4px;}
.ui-balance .ui-policy-detail .list ul li .lf .rn1 .time{min-width:195px;font-size:10px;white-space:nowrap;overflow: hidden;}
.ui-balance .ui-policy-detail .list ul li .aui-icon-right{width:30px;color:#b7b7b7;line-height:82px;}
.ui-balance .ul-zd{background-color:#f9f9f9;}
.ui-balance .item{ padding:10px 15px; background-color:White;    margin-bottom:1px;}
.ui-balance .item .time{color: #999999;margin-top: 10px;}
.ui-balance .item .row{ display: -webkit-box;display: -webkit-flex;display: flex;font-size:16px; }
.ui-balance .item .row .col1{width: 80%;}
.ui-balance .item .row .col2{text-align:right;width:75px;margin-top: 10px;}
.ui-balance .item .row .col2 .state{border:1px solid; right: 15px;padding: 2px; margin-bottom: 3px;} 
.ui-balance .item .row .cld{ color:#ff5b15; border-color: #ff5b15;}
.ui-balance .item .row .mius{ color:#6a90d7; border-color:#6a90d7;}
.ui-balance .item .row .add{ color:#82cb57; border-color:#82cb57;}
.ui-balance .item .date { margin-top:-5px;font-size:14px;}

/*现金余额*/
.ui-cash-page{height:100%;width:100%;background-color:#f7f7f7;}
.ui-cash-page .ul-box{width:180px;margin:60px auto 10px;height:80px;}
.ui-cash-page .ul-box img{width:80px;float:left;}
.ui-cash-page .ul-box .ui-amt{float:left;padding: 20px 0 0 15px;}
.ui-cash-page .ul-box .ui-amt span{font-size:20px;color:#fac779;}
.ui-cash-page .btn{width:90%;height:35px;background-color:#3498db;margin: 10px auto;text-align: center;line-height: 35px;color: white;border-radius: 5px;}
.ui-cash-page .mx{width:90%;margin:5px auto;text-align:right;}
.ui-cash-page .dialog{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);}
.ui-cash-page .dialog .close{float:right;height:20px;height: 20px;width: 20px;text-align: right;margin-top: -8px;}
.ui-cash-page .dialog .box{width:220px;height:180px;background-color:white;padding:25px 15px;border-radius:10px;position:absolute;top:50%;left:50%;margin:-130px 0 0 -110px;box-shadow: 10px 10px 5px #a5a5a5;}
.ui-cash-page .dialog .box input{width:98%;outline: 0;padding:5px;margin-left:2px;}
.ui-cash-page .dialog .box .btn{margin:20px auto;}
/*消息列表*/
.page-message {padding-top:50px;}
.page-message .ul-box{background-color:white;padding-left:10px;}
.page-message .ul-box .li{display:flex;height:60px;padding:8px 10px 8px;border-bottom:1px solid #eae4e4;position:relative;}
.page-message .ul-box .li:last-child{border-bottom:0;}
.page-message .ul-box .li img{display:block;width:44px;height:44px;}
.page-message .ul-box .li .txt-box{flex:5px;padding-left:10px;overflow: hidden;}
.page-message .ul-box .li .txt-box .row1{height:22px;}
.page-message .ul-box .li .txt-box .t1{float:left;font-size: 14px;}
.page-message .ul-box .li .txt-box .time{float:right;color:#afafaf;margin-top: 3px;}
.page-message .ul-box .li .txt-box .row2{color:#afafaf;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.page-message .ul-box .li .noread{width:0;height:0;border:5px solid red;border-radius:50%;position:absolute;left:47px;top:5px;}
.page-message .nodata{margin:50px auto;width:60px;} 
.page-message .ul-view {background-color:#f9f9f9;}
.page-message .ul-view .li{padding:8px 10px 8px;background-color:white;margin-top:10px;} 
.page-message .ul-view .li .txt{color:#a2a2a2;text-indent:2em;}
.page-message .ul-view .li .time{text-align:right;margin-top:5px;color:#757575;}

/*我的优惠券*/
#mall_selectcoupon{padding-top:95px;min-height:100%;height:auto;}
#mall_selectcoupon .couponlist {margin: 5px 10px;padding-bottom:15px;}
#mall_selectcoupon .coupon {background: url(/images/me/image_voucher.png) no-repeat;background-size: 100%;width: 100%;overflow: hidden;margin-top: 10px; display: flex;}
#mall_selectcoupon .coupon .couponleft {float: left !important;padding: 0 5px 0 15px;border-right: 1px solid #F5F5F5;width: 115px;margin-top: 10px;}
#mall_selectcoupon .coupon .couponcenter {float: left !important;margin: 5px 0;padding-left: 15px;padding-top: 5px;font-size: 13px;line-height: 20px;flex: 1;}
#mall_selectcoupon .coupon .couponcenter p {margin-top: 5px;font-size: 11px;}
#mall_selectcoupon .coupon .freeprice,#mall_selectcoupon .coupon .tprice {color: #FF5050;}
#mall_selectcoupon .coupon .freeprice .price {font-size: 30px;font-weight: bold;line-height:40px;} 
#mall_selectcoupon .coupon .freemark {font-size: 13px; box-sizing: border-box;padding-left: 20px;} 
#mall_selectcoupon .coupon .aui-radio {margin-top: 25px;} 
#mall_selectcoupon .cartfooter .tabbar1 p {background-color: #FF9934;color: #FFFFFF;line-height: 55px;font-size: 15px;}
#mall_selectcoupon .tab_get {color: #CCCCCC;} 
#mall_selectcoupon .tab_use .tprice {color: #CCCCCC;}
#mall_selectcoupon .aui-tab-nav{width: 100%;display: box;display: -webkit-box;font-size: 14px;height: 45px;box-sizing: border-box;overflow: hidden;background-color: #fff;position:fixed;top:50px;z-index:99;}
#mall_selectcoupon .aui-tab-nav li {height: 45px;padding:10px 0; min-width: 70px;box-flex: 1;-webkit-box-flex: 1;text-align: center;color: #666;box-sizing: border-box;border-bottom: 1px solid #F0F0F0;width: 100%;}
#mall_selectcoupon .aui-tab-nav li div{height:25px;border-left:1px solid #F0F0F0;}
#mall_selectcoupon .aui-tab-nav li.active {color: #3498db;border-bottom: 2px #3498db solid;-webkit-animation: fadeIn .5s ease both;animation: fadeIn .5s ease both;}
#mall_selectcoupon .nodata{margin:50px auto;}
#mall_selectcoupon #content{min-height:100%;background-color: #F9F9F9;}
#mall_selectcoupon .aui-icon-ingots{margin-top:-6px;}