/*reset*/

input{margin: 0;padding: 0;}

body,html{height: 100%;background: #F8F8F8; font-family: "微软雅黑","宋体",arial;color: #3c3c3c;margin: 0;padding:0; 

-webkit-user-select: none;-webkit-text-size-adjust: 100%;}

/*body.bgcolor{ background: -webkit-linear-gradient(90deg,rgba(79,190,183,0),rgba(166,209,243,1),rgba(79,190,183,1));}*/

a,input,button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

input{outline:medium}

input,button { -webkit-appearance: none; border-radius: 0;}

body,h1,h2,h3,h4,h5,p,ul,li { margin: 0; padding:0;}

a {color: #0086d1; text-decoration: none;}

ul { margin: 0; padding: 0; list-style: none;}

img {border:0;}



/*公共部分 ----start*/

.background-color{

	height: 100%;

	background: -webkit-linear-gradient(90deg,rgba(79,190,183,0),rgba(166,209,243,1),rgba(79,190,183,1));

	}

.padding{padding:0 0%;}

.padding1{padding-right: 20px;}

.padding2{padding: 0 10px;}

.width1{width:180px;}

.width2{width: 150px;}

.margin{margin: 0 4%;}

.button {padding: 10px 0 10px;}

.button a{height: 40px;width: 100%;line-height: 40px;text-align: center;display: inline-block;

background: url(../images/button.png) no-repeat 0 0;background-size: 100% 100%;font-size: 15px;color: #fff;font-weight: bold;}

.cancel a{height: 40px;width: 100%;line-height: 40px;text-align: center;display: inline-block;

background: url(../images/cancel.png) no-repeat 0 0;background-size: 100% 100%;font-size: 15px;color: #56c6bb;font-weight: bold;}

.head-mid{text-align: center;}

.head-mid img{width: 265px; }

.head-left{text-align: left;}

.head-center{text-align: center;}

.head-left img{width: 230px; }

.quit{ float:right; color: #fff; line-height: 32px; font-size: 12px;}

.col1-2{width: 49.8%;}

.line{ width:1px; background:#fff; }

.height-one{height:63px;}

.radius{border-radius: 5px;}

.dashed1{border-bottom:dashed #aaa 1px; border-top: dashed #aaa 1px;}

.dashed2{border-top: dashed #aaa 1px;}

.gaodu3{margin-top: 30px;}

.gaodu4{padding: 15px 0;}

.gaodu{margin-top: 10px;}

.gaodu2{margin: 25px 0 10px;}

.gaodu5{padding: 15px 0;}

.gaodu6{padding: 15px 0 0;}

.color1{color: red;}

.card-flag{

	float: left;margin-right: 2px; 

	display:inline-block; 

	height:17px;background:#FFFFFF;

	font-size: 10px;color: #e46e6e;

	line-height: 17px;

	padding: 0 2px;

	border:solid 1px;

	margin-left: 5px;

    width: 28px;

	-webkit-border-top-left-radius:9px;

	-webkit-border-bottom-right-radius:9px;

	}

.card-flag-silk {

	float: left;margin-right: 2px; 

	display:inline-block; 

	height:17px;background:#FFFFFF;

	font-size: 10px;color: #e46e6e;

	line-height: 17px;

	padding: 0 2px;

	border:solid 1px;

	margin-left: 5px;

    width: 25px;

    padding-left:4px;

	-webkit-border-top-left-radius:9px;

	-webkit-border-bottom-right-radius:9px;

	}

/* .card-flag{float: left;margin-right: 2px; display:inline-block; height:18px;background:#FF0000;font-size: 8px;color: #fff;line-height: 18px;padding: 0 2px;} */

.select-flag{float: left;margin-right: 2px; display:inline-block; height:18px;font-size: 8px;color: #fff;line-height: 18px;padding: 0 2px;padding-top:15px;}

.color2{color: #fff;}

.border-bottom{border-bottom: 1px solid #e2e2e2;}

.tip div{font-size: 12px;color: #a6a6a6;}

.tip p{color: #a6a6a6;font-size: 12px;}

.foot{ text-align: center; color: #939393; font-size:12px; margin:20px 0;}

.col1-3{width: 33%;}

.line_height1{line-height: 24px;}

.line_height2{line-height: 32px;}

.Tips{margin: 4%;font-size: 13px;color: #858585;}

.Tips p{padding-top: 5px;}

.photo1{height: 33px;width:85px;}

.disable{padding: 10px 0 10px;}

.disable a{height: 40px;width: 100%;line-height: 40px;text-align: center;display: inline-block;

background: #fff;background-size: 100% 100%;font-size: 15px;color: #aaa;font-weight: bold;box-shadow: 1px 1px 2px 1px #ccc;}

/*公共部分 ----end*/





/*积分商城-订单支付 ----start*/

.waibian{background: #fff;padding: 0 2% 5px;}

.waibian1{padding-top: 20px;}

.waibian1 p{font-weight: bold;text-align: center;font-size: 16px;}

.waibian3 ul li{overflow: hidden;}

.waibian3 ul li p{float: left; font-size: 15px;color: #858585;}

.waibian3 ul li span{float: right;font-size: 15px;font-weight: bold;}

.num-select{float: right;font-weight: bold;font-family: "微软雅黑","宋体",arial; font-size: 15px;-webkit-appearance: none; 

	width:164px;height: 20px;border: 0px;

	background: url(../images/arow-down.png) no-repeat 98% center; background-size:16px 9px;}

.waibian4{margin-top: 15px;}

.waibian4 ul li{overflow: hidden;line-height: 22px;}

.waibian4 ul li p{float: left; font-size: 15px;color: #666;}

.waibian4 ul li a{line-height: 20px;float: right;font-size: 15px;text-align: center;

color: #56c6bb;border: 0;font-size: 15px;width: 90px;border: solid #56c6bb 1px;

width: 75px;margin-left: 8px;}

.waibian4 ul li input{float: right;font-size: 15px;text-align: right;border: 0;font-size: 15px;width: 90px;line-height: 22px;}

/*积分商城-订单支付-----end*/





/*我的账户   ----start*/

.circle{margin-top: 20px; text-align: center;position:relative;}

.circle2{padding-top: 50px; background: url(../images/myaccount-circle.png)no-repeat 0 center;background-size: 100% 100%;height: 100px; width: 210px;display: inline-block; }

.circle2 p{color: #fff;font-weight: bold;font-size: 16px;}

.circle2 span{color: #fff;font-weight: bold;font-size: 30px;}

.circle-ground{position: absolute;left: 0;top: 60px;padding-top: 110px; background: url(../images/screw-thread.png)no-repeat 0 center;background-size: 100% 100%;height: 130px; width: 100%;display: inline-block;}

.mid-module-double{overflow: hidden;margin-top: 20px;}

.mid-module-double ul{ overflow: hidden;text-align: center;}

.mid-module-double ul li{ float:left;color: #fff;font-weight: bold;}

.mid-module-double ul li p{font-size: 15px;}

.mid-module-double ul li span{font-size: 18px;}

.exclusive{overflow:hidden;}

.exclusive ul{overflow: hidden;}

.exclusive ul li a img{width:100%;}

.exclusive ul li{float: left; width:28%;padding-left: 4%;max-width: 200px;}

/*我的账户   ----end*/





/*我的积分 ----start*/

.circle3{padding-top: 55px; background: url(../images/circle.png)no-repeat 0 center;background-size: 100% 100%;height: 105px; width: 160px;display: inline-block; }

.circle3 p{color: #4abeb3;font-size: 30px;}

.circle3 span{color: #4abeb3;font-size: 16px;}

.mid-module-third{overflow: hidden;}

.mid-module-third ul li{ float:left;}

.item-one{ text-align: center;padding: 2px 0;}

.item-one p{color: #fff; font-size:15px; text-align: center;}

.item-one span{ font-size:18px;color: #fff;font-weight: bold;}

.online-slide img{width: 100%;}

.integralbutton{padding: 10px 0 10px;}

.integralbutton a{height: 40px;width: 90%;line-height: 40px;text-align: center;display: inline-block;background-size: 100% 100%;font-size: 15px;color: #fff;font-weight: bold;border:solid 1px #f2f2f2;border-radius: 5px;}



/*我的积分 -----end*/



/*绑定 ----start*/

.bangding1{background: #fff;padding: 0 4%;overflow: hidden;}

#indate1{width: 22px; float: right;text-align: left;}

#indate2{width: 22px;}

.gaodu3 label{padding-left: 70%;width: 5px;display: block;position: absolute;}

.bangding1 ul li{overflow: hidden;}

.bangding1 ul li:last-child{ border:none;}

.bangding1 ul li label{float: right;padding: 0 10px;line-height: 22px;}

.bangding1 ul li p{float: left; font-size: 15px;color: #858585;line-height: 22px;}

.bangding1 ul li input{float: right;font-size: 15px; text-align: right;font-family: "微软雅黑","宋体",arial;border: 0;}

.bangding1 ul li span{float: right;font-size: 15px; text-align: right;font-weight:bold ;}

.width{width: 160px;}

.vcode-input{width: 85px;}

.bangding1 ul li a{line-height: 20px;float: right;font-size: 15px;text-align: center;color: #56c6bb;width: 80px;border:solid #56c6bb 1px;margin-left: 8px;}

.bangding2{margin: 4%;overflow: hidden;}

.bangding2 input{vertical-align: baseline; font-size: 15px;color: #858585;}

.bangding2 span{float: left;font-size: 15px;}

.bangding2 a{font-size: 15px;color: #56c6bb;}

/*绑定 ----end*/





/*登录 ----start*/

.bangding1 ul li select {height: 22px;float: right;font-size: 15px;text-align: right;border: 0;direction: rtl;padding-right: 20px;width: 180px;color: #000}

.bangding1 img{float: right;border: 0;margin-left: 5px;text-align: center;}

.rmbText{font-size: 15px;color: #999;}

/*登录 ----end*/





/*我卡我做主(arbitrarylock)---start*/

.arbitrarylock{background: #fff;border-radius: 5px;padding: 0 4%;}

.lockwaibian4{margin-top: 10px;padding-top: 10px;}

.lockwaibian4 span{font-size: 15px;line-height: 30px;margin-top: 15px;margin-bottom: 15px;}

.lockwaibian6 span,input{font-size: 15px;}

.lockwaibian6 input{width: 45px;}

.lockwaibian6{margin-bottom: 1em;}

#forinSt,#fbposSt,#nocardSt,#forinEnd,#fbposEnd,#nocardEnd {width: 50px;}

.arbitrayinput{font-size:15px;border:0;outline:0;  -webkit-appearance:none;  background-color:transparent;}

/*我卡我做主(arbitrarylock)---end*/



/*我卡我做主（limitdouble）---start*/

.limitwaibian3 ul li{overflow: hidden;}

.limitwaibian3 ul li p{float: left; font-size: 15px;color: #858585;}

.limitwaibian3 ul li span{font-size: 15px;font-weight: bold;float:right;}

.limitwaibian3 ul li input{width:90px;text-align: right;font-size: 15px;border: 0;outline:none;margin-right: 3px;}

/*我卡我做主（limitdouble）---end*/



/*我卡我做主（lockindex）----start*/

.lockwaibian{background: #fff;border-radius: 5px;padding: 0 4%;}

.lockwaibian li{overflow: hidden;border-bottom: 1px solid #f2f2f2;padding: 15px 0;}

.lock-img{float: right;width: 8px;margin-top: 5px;}

.lockwaibian ul li p{float: left; font-size: 16px;color: #3C3C3C;font-weight: 550;}

.lockwaibian ul li span{float: left; font-size: 15px;color: #3C3C3C;font-weight: 550;padding-top: 5px;margin-left:3%;}

.lockAll ul li p{ font-size: 16px;color: #333333;}

.lockAll ul li input{font-size: 16px; text-align: center;font-family: "微软雅黑","宋体",arial;border: 0;border: 1px solid #ccc;}

/*我卡我做主（lockindex）----end*/





/*-----卡片列表start-----*/

.cardList{padding: 24px 24px;}

.cardList ul{overflow: hidden;}

.cardList ul li{float: left;color: #777777;}

.cardList ul li:first-child{margin: 3px auto;}

.cardList ul li span{font-size: 16px;}

.cardList ul li p{font-size: 15px;}

.cardList img{margin-right: 5px;width: 36px;}

.cardList div{font-size: 16px;color: #000;padding: 0 0 0 45px;}

.cardListOut{position:relative; margin: 16px 4%;background:#FFFFFF;border: 1px solid #ccc;border-radius: 10px;overflow: hidden;}

/*-----卡片列表end-----*/



/*挂失失败----start*/

.success{overflow: hidden;text-align: center;}

.success img{padding-top:80px;width: 100px;}

.success p{padding-top:5%;font-size: 30px;color: #000;}

.errmsg{padding-top:3%;margin-bottom:100px;}

/*挂失失败----end*/



/*挂失成功----start*/

.out{margin-top:20%;border-top: 1px solid #d2d2d2;}

.info ul li{overflow: hidden;padding:2% 5%;}

.info ul li p{float: left; font-size: 15px;color: #777777;}

.info ul li span{float: right;font-size: 15px;font-weight: bold;}

.info ul li input{float: right;font-size: 15px; text-align: right;font-family: "微软雅黑","宋体",arial;border: 0;}

/*挂失成功----end*/





/*联机修改账单方式 ----start*/

.billgaodu5{padding: 15px 0;}

.billgaodu5:active{background: rgba(138,138,138,0.2);box-sizing: border-box;border-radius: 5px;}

.billgaodu5:nth-child(2) img{display: none;}

.error{text-align: center;color: #dd4f2b;padding-top: 10px;}

.tips1{margin-top: 25px; font-size: 15px;}

.tips2{font-weight: bold;font-size: 15px;margin-bottom: 25px;}

.transparent {position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;}

.toast {position: fixed;z-index: 5000;width: 7.6em;min-height: 7.6em;top: 180px;left: 50%;margin-left: -3.8em;background: hsla(0,0%,7%,.7);text-align: center;border-radius: 5px;color: #fff;}

.icon_toast.loading {margin: 30px 0 0;width: 38px;height: 38px;vertical-align: baseline;}

.loading{display:inline-block;vertical-align:middle;-webkit-animation:e 1s steps(12) infinite;animation:e 1s steps(12) infinite;background:transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;background-size:100%;}

.content {margin: 0 0 15px;}

 @-webkit-keyframes e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}

/*联机修改账单方式 ----end*/



/*账单查询（bill）----start*/

.banner{background: linear-gradient(to right, #56c6bb , #a5d2f3) no-repeat 0 0;}

.banner img{width: 100%;height: 154px;}

.banner_all{display: flex;flex-direction: row;justify-content: space-between;}

.bannner_left{display: flex;flex-direction:column;justify-content: center;padding-left: 7%;width: 40%;}

.left_top{display: flex;flex-direction:column;flex-wrap:wrap;justify-content: space-around;}

.span_top{width: 8em;font-size: 27px;color: #fff;font-family: "微软雅黑","宋体",arial;}

.span_bottom{width: 8em;font-size: 15px;color: #fff;font-family: "微软雅黑","宋体",arial;opacity: 0.7;}

.left_btm{display: flex;flex-direction:column;margin-top: 13%;}

.banner_right{display: flex;height: 160px;flex:1;}

.billbutton{height: 21px;width: 75px;font-weight:bold;line-height: 21px;text-align: center;display: inline-block;background: url(../images/billbutton.png) no-repeat 0 0;background-size: 100% 100%;font-size: 12px;color: rgb(115,199,211);}

.cardInfo{border-radius: 10px; background: url(../images/master.png) no-repeat 0 0;background-size:100% 100%;margin: 10px 4%;flex-direction: column;padding-left: 5%;padding-right: 3%;padding-top: 3%;height: 110px;}

.cardno{display: flex;font-size: 24px;color: #fff;}

.billcardinfo{padding-bottom: 5%;display: flex;flex-wrap: wrap;flex-direction: row;padding-top: 4%;align-items: center;justify-content:space-between;}

.billcardinfo img{width: 36px;height:36px}

.billcardinfo span{font-size: 15px;color: #fff;margin-left: .3em;}

.billcardinfo_l{display: flex;align-items: center;justify-content: flex-start;}

.sencardInfo{border-radius: 10px;background: url(../images/sendary.png) no-repeat 0 0;background-size:100% 100%;margin: 10px 4%;flex-direction: column;padding-left: 5%;padding-right: 3%;height: 110px;}

/*账单查询（bill）----end*/



/*追加卡片 -----start*/

.numInfo {

	text-align: right;

	float: right;

	font-size: 15px;

	-webkit-appearance: none;

	width: 164px;

	height: 18px;

	border: 0px;

	background: url(../images/arow-down.png) no-repeat 90% center;

	background-size: 16px 9px;

}



.numInfoTwo {

	text-align: right;

	font-size: 15px;

	-webkit-appearance: none;

	width: 164px;

	height: 18px;

	border: 0px;

	background: url(../images/arow-down.png) no-repeat 90% center;

	background-size: 16px 9px;

}

/*追加卡片 -----end*/





/**/

.beforeButton{float: left;width: 30px;}

.afterButton{float: right;margin-top:10px;width:7px;}





/*现金分期（cashStagingTips）----start*/

.content-top {padding: 20px 10px;background-color: #FFFFFF;}

.content-top ul li {overflow: hidden;}

.content-top ul li p {float: left; font-size: 15px;color:#000;}

.first{padding-right: 5px;}

.last{float: right;font-size: 16px;font-weight: bold;}

.cashbgcolor{background-color: #fff;}

.dlist{width:60%;}

/*现金分期（cashStagingTips）----end*/





/*在线申请 online----start*/

.online-slide img{width: 100%;padding-top: 5px;}

/*在线申请 online----end*/





/*激活页面设置密码----start*/

.inner2 {margin: 10px 0 10px;color: #FF0000;text-align: center;width: 100%;height: auto;word-wrap: break-word;word-break: break-all;overflow: hidden;}

/*激活页面设置密码----end*/



/*实时还款添加借记卡（realadd）---start*/

.realadd{text-align: center; padding: 15px 0;background: #fff;font-weight: bold;}

.real-info ul li{overflow: hidden;}

.real-info ul li p{float: left; font-size: 15px;color: #333333;}

.real-info ul li input{float: right;font-size: 15px; text-align: right;font-family: "微软雅黑","宋体",arial;border: 0;background: #f8f8f8;}

.radio {display: inline-block;position: relative;line-height: 18px;margin-right: 10px;cursor: pointer;}

.radio input{display: none;}

.radio .radio-bg{display: inline-block;height: 16px;width: 16px;margin-right: 4px;background-color: #56C6BB;border-radius: 100%;

vertical-align: top;box-shadow: 0 1px 15px rgba(0,0,0,0.1) inset,0 1px 4px rgba(0,0,0,0.1) inset, 1px -1px 2px rgba(0,0,0,0.1);

cursor:pointer;transition: all 0.2s ease;}

.radio .radio-on{display:none}

.radio input:checked + span.radio-on{width: 10px;height: 10px;position: absolute;border-radius: 100%;background: #fff;top:3px;

left: 3px;box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3), 0 0 1px rgba(255,255,255,0.4) inset;background-image: linear-gradient(#fff 0,#e7e7e7 100%);

transform: scale(0, 0);transition: all 0.2s ease;transform: scale(1, 1);display: inline-block;

}

.dcardlists{padding: 15px 4%;border-top: dashed 1px #C4C4C4;background-color: #fff;}

.dcardlists ul li {overflow: hidden;line-height: 28px;}

.dcardlists ul li a {float: right; font-size: 24px;color: #56c6bb;}

.ipt ul li{overflow: hidden;line-height: 26px;}

.ipt ul li input{float: right;font-size: 15px;line-height: 18px;width:65%;border:none;outline: medium;text-align: right;background-color: #f8f8f8;}

.ipt p {float: left; font-size: 16px;color:#000;}

/*实时还款添加借记卡（realadd）---end*/



/*卡片权益*/

.cardsRights  a{color: #0086d1;text-decoration: none;}

.cardModel {position: relative;margin: 16px 4%;background: #fff;border-radius: 5px;overflow: hidden;}

.cardModel h3 {font-size: 17px;color: #000;margin: 0 0 10px 2%;}

.card-info{overflow: hidden;padding: 10px;}

.card-info img{width: 41%;float: left;}

.card-info p {font-size: 12px;color: #a1a1a1;}

.hot {position: absolute;right: 0;top: 0;height: 32px;width: 32px;display: inline-block;}

.introduce {float: right;width: 52%;}

/*卡片权益*/



/*申请进度*/

.mailledInfo{display: flex;flex-direction: column;justify-content:space-around;background-color: #fff;margin-top: 3%;padding: 4%;margin-left: 3%;margin-right: 3%;}

.onechild{display: flex;flex-direction: row;justify-content: space-between;position: relative;}

.onechild span{font-size: 15px;color: #777777;line-height: 22px;}

.one_first{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}

.one_first img{width: 5px;height: 5px;position: absolute; top: 6px; left: 0;}

.one_first h3{font-size: 17px;color: #424242;padding-left: 4vw;}

.twochild p {font-size: 12px;color: #777777;}

.twochild,.threechild{margin-top: 2%;}

.already1{flex-direction:row;line-height: 25px;overflow: hidden;}

.already1 img{float: left; width: 25px;height: 25px;}

.already1 span{padding-left: 5px;font-size: 15px;}

.already1 a{float: right; background-color:rgb(2,200,180);background-size:width:20px;height:25px;width:110px;line-height:25px;text-align: center;font-size: 15px;color: #fff;border-radius: 19px;}

.mailcontinue{background-color: #fff;padding-top: 3%;padding-bottom: 2%; margin-left: 3%; margin-right: 3%;}

.mailcontinue p{color: rgb(168,168,168);padding-left: 5%; font-size: 15px;}

.mailInfo{background-color: #fff;border-top: solid 1px #f2f2f2; margin-left: 3%;margin-right: 3%;}

.title{ height: 45px; background: #fff;color:#1e1e1e; font-size:16px;padding-left:14px;line-height: 45px;font-weight: bold;}

.Status1-one{margin: 2% 3% 2% 3%; background: linear-gradient(to right, #4fbeb7 , #a6d1f3);padding: 15px 5% 15px;position: relative;border-radius:5px}

.pane{position: absolute;left: 0;top: 3%;height: 25%;width: 2%;}

.one{overflow: hidden;}

.one h3{float: left;font-size: 20px;color: #fff;}

.one span{float: right;font-size: 15px;color: #fff;line-height: 30px;}

.two{margin-top: 1px;overflow: hidden;}

.two p{float: left;font-size: 12px;color: #fff;}

.two span {float: right;font-size: 12px;color: #fff;}

.already{margin-top: 20px; padding: 2% 0; overflow: hidden;}

.already p{float: left;height: 28px; line-height: 28px;font-size: 12px;color: #fff;}

.already img{padding: 3px 5px 0 0;border-radius:50%;width: 20px;height: 20px;float: left;}

.already a:active{float: right; background: url(../images/eye2.png) no-repeat 10%;background-color: #09a39b; background-size: 20px 15px;width: 30%;padding-left: 25px; text-align: center; font-size: 15px;color:#fff ; border: 1px solid #09a39b;border-radius: 5px;height: 28px;line-height: 28px;}

.btt{float: right; background: url(../images/eye1.png) no-repeat 10%;background-color: #fff;background-size: 20px 15px;width: 30%;padding-left: 25px; text-align: center; font-size: 15px;color:#09a39b ; border-radius: 5px;height: 28px;line-height: 28px;}

.Status2-one{margin: 3% 3% 0 3%; background-color: #fff;padding: 3px 5%;position: relative;}

.stop{margin-top: 10px; padding: 2% 0; overflow: hidden;}

.stop p{float: left;height: 28px; line-height: 28px;font-size: 12px;color: #d36c2e;;background-size: 20px 20px;}

.stop img{padding: 3px 5px 0 0;border-radius: 50%;width: 20px;height: 20px;float: left;}

.Status3-one{margin: 3% 3% 0 3%; background-color: #fff;padding: 3px 5%;position: relative;}

.verifying{margin-top: 10px; padding: 2% 0; overflow: hidden;}

.verifying p{float: left;height: 28px; line-height: 28px;font-size: 12px;color: #d36c2e;background-size: 20px 20px;}

.verifying img{padding: 3px 5px 0 0;border-radius: 50%;width: 20px;height: 20px;float: left;}

.Status4-one{margin: 3% 3% 0 3%; background-color: #fff;padding: 3px 5%;position: relative;}

.teleph{margin-top: 10px; padding: 2% 0; overflow: hidden;}

.teleph p{float: left;height: 28px; line-height: 28px;font-size: 12px;color: #d36c2e;background-size: 20px 20px;}

.teleph a:active{float: right; background: url(../images/eye2.png) no-repeat 10%;background-color: #09a39b; background-size: 20px 15px;width: 30%;padding-left: 25px; text-align: center; font-size: 15px;color:#fff ; border: 1px solid #09a39b;border-radius: 5px;height: 28px;line-height: 28px;}

.teleph img{padding: 3px 5px 0 0;border-radius: 50%;width: 20px;height: 20px;float: left;}

.Status5-one{margin: 3% 3% 0 3%; background-color: #fff;padding: 3px 5%;position: relative;}

.supply{margin-top: 10px; padding: 2% 0; overflow: hidden;}

.supply p{float: left;height: 28px; line-height: 28px;font-size: 12px;color: #d36c2e;background-size: 20px 20px;padding-left: 25px;}

.supply a:active{float: right; background: url(../images/eye2.png) no-repeat 10%;background-color: #09a39b; background-size: 20px 15px;width: 30%;padding-left: 25px; text-align: center; font-size: 15px;color:#fff ; border: 1px solid #09a39b;border-radius: 5px;height: 28px;line-height: 28px;}

.continue{margin: 1px 3% 0 3%; background-color: #fff;padding: 3px 5% 20px;border-radius:5px}

.continue p{font-size: 12px;color: #777777;}

.three{margin-top: 10px;overflow: hidden;}

.three p{float: left;font-size: 15px;color: #777;}

.three span {float: right;font-size: 15px;color: #000;}

.apply{width: 50%;height: 45px;background: #fff;color: #1e1e1e;font-size: 16px;padding-left: 14px;line-height: 45px;font-weight: bold;text-align: center;}

.mail{width: 50%; height: 45px;background: #fff;color: #1e1e1e;font-size: 16px;padding-left: 14px;line-height: 45px;font-weight: bold;text-align: center;}

#hide{display: none;}

.applyback{display: flex;flex-flow: row;justify-content: flex-start;text-align: center;}

.apply{display: flex;flex-direction: column;width: 50%;justify-content: space-around;align-items: center;background-color: #FFFFFF;}

.apply img{width: 50px; height: 2px;}

.pr_ipt ul li {display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}

.pr_ipt ul li p{font-size:15px;color:#858585;}

.pr_ipt ul li input{font-size: 15px;line-height: 18px;width:44%;outline: medium;text-align: right;background-color: #f8f8f8;border: solid 1px  #f8f8f8;}

.pr_ipt ul li a{line-height: 20px;float: right;font-size: 15px;text-align: center;color: #56c6bb;width: 77px;border: solid #56c6bb 1px;margin-left: 8px;flex:1}

.pr_ipt ul li a:active{padding-right:10px;font-size: 15px;font-family: "微软雅黑","宋体",arial;flex:1}

/*申请进度*/

/*home*/

.overall{background-color: #fff;}

.news{background: #fff;padding: 30px 30px 50px 30px;}

.news ul{ overflow: hidden;}

.news ul li{ float:left;text-align: center;padding: 2px 0;font-size: 15px;width: 33%;}

.news ul li a p{color: #4d4d4d; font-size: 12px;margin-top: 10px;}

.news ul li a img{ width: 40px;height: 40px;margin:20px 30px 0 30px;}

.news ul li a:active p{ color: #0baaa0;}

/*home*/



/*补电话联系----start*/

.dtpipt{width: 90px;}

.dttipt{width:50px; float:right;text-align: right;}

/*补电话联系----end*/



/*权益活动  悦享专区  用卡宝典*/

.title{ height: 45px; background: #fff;color:#1e1e1e; font-size:16px;padding-left:14px;line-height: 45px;font-weight: bold;}

.card-slide img{width: 100%;}

.swiper-pagination, .swiper-container-horizontal, .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ position:inherit; bottom:auto; left:auto;background: #fff;}

.rights-info{margin-top: 10px;background: #fff; overflow: hidden;}

.card-rights{padding:15px 13px 22px 13px;overflow: hidden;}

.card-rights img{float: left;width: 20px;height: 20px;margin-right: 5px;}

.card-rights h3{font-size: 16px;font-weight: bold;color:#1e1e1e;float: left;}

.more{background: url(../images/right-arow.png) no-repeat 100% center;background-size: 6px;}

.more1{background: url(../images/right-arow.png) no-repeat 100% center;background-size: 6px;}

.change{background:url(../images/arow-gray.png) no-repeat 100% center;background-size: 9px;}

a.more{padding-right: 10px;  font-size: 13px;color:#c6c6c6;float: right;}

a.more1{padding-right: 10px;  font-size: 13px;color:#c6c6c6;float: right;}

.card-rights-bottom{overflow: hidden;}

.card-rights-bottom ul li{float: left; width: 39%; padding:0 5% ; border-right: 1px solid #e2e2e2;}

.card-rights-bottom ul li:last-child{ border:none;}

.card-rights-bottom ul li img{ width:100%;margin-top: 5px;}

.card-rights-bottom ul li h4{font-size: 15px;color: #555;text-align: center;padding-top: 10px;}

.card-rights-bottom ul li p{font-size: 9px;color: #aaa;margin-top: 3px;}

.exclusive{margin-top: 10px;  background: #fff;line-height: 45px;font-weight: bold; overflow:hidden;}



.exclusive h3{font-size: 16px;color:#1e1e1e;padding-left:14px;}

.exclusive ul{overflow: hidden;}

.exclusive ul li a img{width:100%;}

.exclusive ul li{ float: left; width:29%; padding: 0 2%;}



/*专属社区*/

.exclusivecom{padding:0 5%;}



/*新闻详情正文字体*/

.bluelbl{color: #09a39b;}

.graylbl{color: #bbb;}

.newsfont{font-size: 15px;}

.newstitle{padding:10px 4%; background-color: #fff;color: #333;font-size: 18px;}

.newstitle span{font-size: 12px;}

.con{width: 90%;padding: 0 1.8%;margin: 0 auto;word-wrap: break-word;word-break:break-all;}

.readoriginal{font-size: 16px;}

.newsbottom a:active{color: #ccc;}



/*我的权益*/

.exclusiveset{margin-top: 10px;  background: #fff;line-height: 45px;font-weight: bold; overflow:hidden;display: flex;justify-content: flex-start;align-items: center;}

.exclusiveset h3{font-size: 16px;color:#1e1e1e;}

.exclusiveset img{width: 20px;height: 20px;}

.card-right{padding:0px 13px 10px 13px;overflow: hidden;background: #F8F8F8;}

.card-right img{float: left;width: 20px;height: 20px;margin-right: 5px;}

.class_outer{display: block;position: relative;overflow: hidden;background:#fff;margin:0.25rem;border-radius:0.25rem}

.class_cover{width: 100%;color: #000;font-size:0.75rem; position: absolute;left: 0;margin:1.6rem 0 0 4rem;}

.ptUl li img{width:3rem;height:3rem;margin-top: 0.25rem;border-radius:2rem;padding:0.5rem;}

.ptUl {overflow: hidden;}

.ptUl li{ float: left; width:50%; }



/*分期*/

.bangding{background: #fff;margin: 0 4%;padding: 0 4%;overflow: hidden;display: flex;flex-direction: column;margin-top: 3%;    margin-bottom: 3%;border-radius: 2%;}

.bangding ul{padding-top: 10px;}

.billdate{display: flex;flex-direction: row;}

.billdate img{width: 21px;height: 19px;}

.billdate div{padding-left: 5px;color:rgb(160,160,160)}

.billamount{display: flex;justify-content: center;font-size: 40px;color:rgb(95,180,176);font-family: "微软雅黑","宋体",arial;}

.billcontent{display: flex;flex-direction: row;justify-content: space-around;font-size:10px;font-family: "微软雅黑","宋体",arial;color:rgb(173,173,173)}

.billcontent li{display: flex;flex-direction: column;align-items: center;}

.billcontent li span{padding-bottom: 5px;}

.billcontent li span:last-child{padding-bottom: 10px;color: rgb(95,180,176);font-size: 15px;}

.line{width: 0;border-right: 1px solid rgb(173,173,173);margin-bottom: 10px;}

.waibian7{background: #fff;padding: 0 4% 5px;margin-top: 3%;}

.waibian7 ul{display: flex;flex-direction: column;}

.waibian7 ul li{display: flex;padding-top: 15px;flex-direction: row;justify-content: space-between;color: #858585;font-size: 15px;}

.waibian7 ul li:last-child{padding-bottom: 10px;}

.waibian7 ul li a{font-size: 15px;color:rgb(86,198,187);font-family: "微软雅黑","宋体",arial;}

.waibian7 ul li input{border: 0;font-size: 26px;font-weight: bold;width: 80%;}

.waibian7 ul li select{height: 22px;float: right;font-size: 15px;text-align: right;border: 0;direction: rtl;padding-right: 20px;width: 180px;color: #000;}

.rowline{height: 0;border-bottom: 1px solid rgb(229,229,229);margin-top: 10px;}

.stageMoney{font-size: 15px;font-family: "微软雅黑","宋体",arial;color: #000000;}

.borderRadius {border-radius: 5px;}

.marginTop{margin-top: 0;}

.infoTitle{height: 2rem;box-sizing: border-box;align-items: center;display: flex;justify-content: space-between;background: #fff;padding: 0 2%;margin-top: 3%;overflow: hidden;}

.waibian7 ul li *{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.waibian7 ul li div{display: flex;flex-direction: row;font-size: 12px;box-sizing: border-box;width: 50%;}

.waibian7 ul li div span{color:#000000;}

.waibian7 ul li div:first-child {padding-right: .5rem;}

.waibian7 ul li div * {flex: 1;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.waibian7 ul li div *:last-child {text-align: end;}

.whiteButton a {height: 40px;width: 100%;line-height: 40px;text-align: center;display: inline-block;background-size: 100% 100%;font-size: 15px;font-weight: bold;background: #fff;color: rgb(86,198,187);border-radius: 5px;}



/*旅游卡权益*/

.background-color-tour{background: url(../images/tour-head.png) no-repeat 0px 0px;background-size: cover;background-position: center;}

.tour-image{text-align: center; width: 60%;float: left;position: relative;margin: 10% 20%; }

.tour-image img{width: 100%; }

.tour-sc{padding-bottom: 185px;}

.tour-sc h1{text-align: center;line-height: 30px;font-size: 30px;font-weight: bolder;font-family: "微软雅黑","宋体",arial;color: #fff;}

.tour-sc p{font-family: "微软雅黑","宋体",arial;color: #fff;line-height: 20px;font-size: 15px;word-wrap: break-word;word-break: break-all;overflow: hidden;

padding:10% 15% 0 15% ;padding-bottom: 30px;}

.tour-list{float: left;position: relative;}

.tour-title{text-align: center;line-height: 40px;font-size: 30px;font-weight: bolder;position: relative;margin-bottom: 30px;

background-image: -webkit-linear-gradient(left,#6bba3d,#1798c8); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.tour-content{float: left;position: relative;width: 90%;margin-bottom: 50px;margin-left: 4%;margin-top: 5%;height:auto;border:3px solid;

border-image: -webkit-linear-gradient(left,#6bba3d,#1798c8) 30 30;}

.tour-img{width:90%;float: left;position: relative; margin-left: 5%; margin-top: -5%;}

.tour-img img{width: 100%;}

.tour-digest{float:left;position:relative;word-wrap: break-word;word-break: break-all;overflow: hidden;width:90%;margin: 8% 0 8% 5%;}

.tour-button {padding: 10px 0 30px;text-align: center;}

.tour-button a{height: 40px;width: 90%;line-height: 40px;text-align: center;display: inline-block;margin:10px;

background: -webkit-linear-gradient(left,#2fc05d,#2bb1c5);background-size: 100% 100%;font-size: 15px;color: #fff;font-weight: bold;}

.tour-button1 {padding: 10px 0 30px;text-align: center;}

.tour-button1 a{height: 40px;width: 90%;line-height: 40px;text-align: center;display: inline-block;margin:10px;

font-size: 15px;color: #2cb1c0;font-weight: bold;border:3px solid;border-image: -webkit-linear-gradient(left,#6bba3d,#1798c8) 10 10;}

.tour-bottom {width: 100%;}

.tour-bottom img{width: 100%; }

.tour-tips{margin: 0 8% 8% 8%;font-size: 13px;float:left;position:relative;}

.tour-tips span{padding-bottom: 15px;color: #2b9964;line-height: 40px;}

.tour-tips p{padding-left: 10px;padding-top: 5px;}

.radio1 {display: inline-block;position: relative;line-height: 18px;margin-right: 10px;cursor: pointer;}

.radio1 input{display: none;}

.radio1 .radio1-bg{display: inline-block;height: 16px;width: 16px;margin-right: 4px;background-color: #FFF;border-radius: 100%;

vertical-align: top;cursor:pointer;transition: all 0.2s ease;border:2px solid #2ec05f;}

.radio1 .radio1-on{display:none;}

.radio1 input:checked + span.radio1-on{width: 10px;height: 10px;position: absolute;border-radius: 100%;background: #2ec05f;top:5px;

left: 5px;transform: scale(0, 0);transition: all 0.2s ease;transform: scale(1, 1);display: inline-block;}

.getRight{float: left;position: relative;width: 90%;margin-left: 6%;height:auto;text-align: center;}

.getRight li{display: inline;padding-left: 5px;}



/*邮储食堂*/

.canteenBd{width: 100vw;height: 100vh;}

.canteenBg{background: linear-gradient(to right, rgb(68,185,128) , rgb(46,190,105)) no-repeat 0 0;width: 100%;min-height: 100%;display: flex;flex-direction: column;}

.canteenLogo{display: flex; padding: 8% 2% 2% 7%;}

.canteenLogo img{width: 39%;height: 5%;}

.canteenContent{display: flex;flex-direction: column;justify-content: center;align-items: center;flex: 1;}

.mainTitle{font-size: 26px;font-weight: bold;}

.canteenContent p{color: #fff;font-family: "微软雅黑";margin-top: 4%;}

.canteenText{padding: 0 12% ;font-size: 12px;letter-spacing:3pt;}

.canteenBt{margin-top: 3%;width: 60%;}

.canteenBt a{border: solid 1px #fff;border-radius: 5px;text-align:center;color: #fff;background-size: 100% 100%;line-height: 30px;height: 30px;font-size: 15px;width: 100%;    display: inline-block; transition: background-color 0.25s color 0.25s;}

.canteenBt a:active{background-color: #fff;color:rgb(68,185,128) ;}

.btPadding{padding: 0 5%;display: flex;flex-direction: column;align-items: center;flex-grow: 1;}

.canteenImg{display: flex;justify-content: center;margin-top: 2%;}

.canteenImg img{width: 80%;height: 30%;}

.canteenCloud{display: flex;}

.canteenCloud img{width: 100%;height: 15%;}

.protol{padding:1% 2% 1% 2%;color: #fff;}

.protol a{color: #fff; font-size: 15px;}



/*账单查询*/

 .headInfo{display: flex;flex-direction: column;background: linear-gradient(to right, rgb(91,193,191) , rgb(154,206,235)) no-repeat 0 0;margin:5%;border-radius: 3px;font-family: "微软雅黑","宋体",arial;padding-bottom: 3%;border-radius:10px;}

.billDate{font-size: 12px;color: #fff;float:left;width:47.5%;}

.lastRepayDate{font-size: 12px;color: #fff;width:47.5%;margin-right:-50%;}

.currbillcontent{margin-top: 5%;}

.billDesc{font-size: 15px;color: #fff;width: 100%;}

.billAmt{font-size: 28px;color: #fff;font-weight: bold;width: 100%;}

.buttons{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-end;padding-bottom: 4%;}



.leastAndLast{display: flex;flex-direction: row;justify-content: flex-start;;align-items: flex-end;font-size: 14px;color: #fff;padding: 0 7% 2% 7%;}

.minAmt{display: flex;flex-direction: column;justify-content: center;align-items: center;width:40%;}

.minAmt p{font-size: 15px;}

.minAmt span{font-size: 15px;}

.separator{width:22px;height:36px;background-image:url("../../../common/base/images/list_bold_line.png");background-repeat: no-repeat;background-size:100% 100%;margin-left:5.5%;;}

.remainedAmt{display: flex;flex-direction: column;justify-content:center;align-items: center;flex: 1;margin-left:5%;width:40%;}

.remainedAmt p{font-size: 15px;color: #fff;}

.remainedAmt span{font-size: 15px;color: rgb(249,243,140);}



.repay {width: 40%;margin-left:4%;}

.repay button{font-size: 13px;color:rgb(154,206,235);background-color: #fff; border: 0;border-radius:10px;line-height: 20px;text-align: center;width: 35%;}

.stage {width: 40%;margin-left:10.5%;}

.stage button{font-size: 13px;color:rgb(154,206,235);background-color: #fff; border: 0;border-radius:10px;line-height: 20px;text-align: center;width: 35%;}

.queryButton{display: flex;flex-direction: row;justify-content: center;align-items: center;}

.queryButton a{display: flex;flex-direction: row;justify-content: center;align-items: center;width:50%;}

.queryButton img{width: 17px;height: 12px;}

.queryButton span{font-size: 14px;color: #fff;margin-left: 4%;}

.billpadding{padding: 0 7% 4% 7%;}

.lastdate{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;flex: 1;}

#detailList td{font-size: 12px;}

.list_line{width:22px;height:22px;background-image:url("../../../common/base/images/list_line.png");background-repeat: no-repeat;background-size:100% 100%;}

.list_line_half{width:22px;height:22px;background-image:url("../../../common/base/images/list_line_half.png");background-repeat: no-repeat;background-size:100% 100%;}

.list_point_top{width:22px;height:22px;background-image:url("../../../common/base/images/list_point_top.png");background-repeat: no-repeat;background-size:100% 100%;}

.list_point_middle{width:22px;height:22px;background-image:url("../../../common/base/images/list_point_middle.png");background-repeat: no-repeat;background-size:100% 100%;}

.nextPage button{font-size: 13px;color:rgb(95,180,176);background-color: rgb(248,248,248); border: 0;border-radius:10px;line-height: 20px;text-align: center;width: 85%;}

/*弹窗-----start*/

.coverback{display:flex;justify-content: center;width: 100%;min-height: 100%;background: rgba(95,95,95,0.7); position: absolute;top: 0px;}

.popup{margin-top: 27vh;width: 80%;display: flex;flex-direction: column;border-radius: 5px; overflow: hidden;}

.tip_title{background: #fff;font-size: 16px;font-weight: bold;padding: 0.55rem;text-align: center;}

.tip_content{display:flex;flex-direction: column;background-color: rgb(248,248,248);padding: 2.55vh;color: rgb(102,102,102);}

.re-btn{display:flex;flex-direction: row;background: #fff;justify-content:space-around;}

.re-btn div{width: 50%;text-align: center;padding: 1.5vh;font-size: 15px;}

.re-btn div:first-child{border-right: solid 1px #D1D1D1;color:rgb(102,102,102);}

.re-btn div:last-child{color: rgb(86,198,187);}

.re-btn1{display:flex;flex-direction: row;background: #fff;justify-content:space-around;border-radius: 0 0 5px 5px;align-content: center;}

.re-btn1 div{text-align: center;padding: 1.5vh;font-size: 15px;color:#000;width: 50%;}

.tip_content1{display:flex;flex-direction: column;font-size: 13px;background-color: rgb(248,248,248);padding: 2.55vh;color: rgb(102,102,102);text-align: center;}

.lineTwo{width: 0;border-right: 1px solid rgb(173,173,173);margin-bottom: 5px;margin-top: 5px;}

/*弹窗-----end*/



/*活动专区-----start*/

.title-text{padding: 4% 4% 0 4%;}

.title-text span{display: block;position: relative;font-size: 16px;text-align: center;color: #AAA;font-family: "微软雅黑","宋体",arial;}

.title-text span:before,.title-text span:after{content: '';position: absolute;top: 50%;background: #ccc;width: 35%;height: 1px;}

.title-text span:before{left: 2%;}

.title-text span:after{right: 2%;}

.ac-list{margin: 4%;box-shadow: 0px 0px 5px 3px #eee;}

.ac-con img{width: 100%;border-radius: 5px 5px 0px 0px;}

.ac-con{background: #fff;height: auto;border-radius: 0px 0px 5px 5px;}

.ac-title{font-size: 18px;color: #000;line-height: 30px;padding-left: 10px;font-family: "微软雅黑","宋体",arial;}

.ac-des{font-size: 14px;line-height: 20px;font-family: "微软雅黑","宋体",arial;color: #ccc;padding: 5px 0 10px 10px;}

.ac-bottom{background: #fff;position: fixed;bottom: 0;width: 100%;}

.ac-bottom div{padding: 4%;}

.ac-box{height: 8%;}

/*活动专区-----end*/



/*权益管理-----start*/

.right-boder{padding: 4%}

.myRight{padding-bottom: 2%;}

.myRight img{width: 100%;border-radius: 10px 10px 0px 0px;}

.right-title{padding:4% 0;overflow: hidden;}

.right-title h3{font-size: 16px;font-weight: bold;color:#1e1e1e;float: left;}

.right-title img{float: left;width: 20px;height: 20px;margin-left: 5px;}

.crList{overflow: auto;white-space: nowrap;display: block;}

.crList::-webkit-scrollbar{display: none;}

.crList ul li {width: 33%;height: auto;margin-right: 10px;display: inline-block;}

.crList ul li img{ width:100%;border-radius: 5%;}

.crList ul li h4{font-size: 12px;color: #555;text-align: center;padding: 10px 0 10px ;}

.crList a{word-wrap: break-word;word-break: break-all;overflow: hidden;}

.cr-des{width:100%;height:20px;float:left;font-size: 12px;color: #555;text-align: center;padding: 10px 0 10px;white-space:pre-wrap;}

.cr-img{float: left;}

.rmList img{width: 100%;border-radius: 5px;}

.right-title2{padding:  0 4% 2% 4%;overflow: hidden;}

.right-title2 h3{font-size: 16px;font-weight: bold;color:#1e1e1e;float: left;}

.right-title2 img{float: left;width: 20px;height: 20px;margin-left: 5px;}

.spList li img{width:3rem;height:3rem;margin-top: 0.25rem;border-radius:2rem;padding:0.5rem;}

.spList {overflow: hidden;padding-left: 4%;}

.spList li{float: left; width:45%;padding-right: 5%;margin-top: 10px;}

.spList a{display: block;position: relative;overflow: hidden;background:#fff;border-radius:0.25rem}

/*权益管理-----end*/

/*分期优惠折扣-----start*/

.css-discount{

    float: left;

    margin-right: 5px;

    display: inline-block;

    height: 17px;

    background: #f5fafb;

    font-size: 10px;

    background-color: #e80a0a;

    line-height: 17px;

    padding: 0 4px;

    border: solid 1px;

    width: 12px;

    color:#f8f8f8;

    margin-top: 3px;

	-webkit-border-top-left-radius:9px;

	-webkit-border-bottom-right-radius:9px;

}

/*分期优惠折扣-----end*/

.css-circle{

	text-align:center;

   	float: right;

    margin-right: -8px;

    display: inline-block;

    height: 14px;

    background: #f5fafb;

    font-size: 11px;

    background-color: rgb(86, 198, 187);

    line-height: 14px;

    padding: 0 4px;

    border: solid 1px;

    width: 7px;

    color: #f8f8f8;

    margin-top: 4px;

    -webkit-border-top-left-radius: 8px;

    border-radius: 24px;

}

.css-circle2{

	text-align:center;

   	float: right;

    margin-right: 11px;

    display: inline-block;

    height: 14px;

    background: #f5fafb;

    font-size: 11px;

    background-color: rgb(86, 198, 187);

    line-height: 16px;

    padding: 0 4px;

    border: solid 1px;

    width: 7px;

    color: #f8f8f8;

    margin-top: 4px;

    -webkit-border-top-left-radius: 8px;

    border-radius: 24px;

}

.css-circle3{

	text-align:center;

   	float: right;

    margin-right: 13px;

    display: inline-block;

    height: 14px;

    background: #f5fafb;

    font-size: 11px;

    background-color: rgb(86, 198, 187);

    line-height: 16px;

    padding: 0 4px;

    border: solid 1px;

    width: 7px;

    color: #f8f8f8;

    margin-top: 4px;

    -webkit-border-top-left-radius: 8px;

    border-radius: 24px;

}



/*分期菜单页面-----start*/

.img-boder {

	width: 100%;

	padding: 3% 0 3% 0;

}



.stagemodel {

	display: flex;

	flex-direction: column;

}



.stageclassify {

	display: flex;

	flex-direction: row;

	justify-content: space-around;

	height: 105px;

	background-color: #fff;

	border-radius: 4px;

	margin-bottom: 2%;

	align-items: center;

	padding: 0 5%;

	box-shadow: 5px 4px 8px 1px rgb(238, 238, 238), -5px 0px 9px 1px rgb(238,238,238);

	margin-bottom: 3%;

}



.stagedetail {

	display: flex;

	flex-direction: row;

	align-items: center;

	justify-content: space-around;

	flex: 1;

}



.detaildes {

	display: flex;

	flex-direction: column;

	flex: 1;

}



.stagedetail img {

	width: 55px;

	height: 50px;

	margin-right: 5%;

}



.detaildes p {

	font-size: 17px;

	font-family: "微软雅黑","宋体",arial;

}



.detaildes span {

	font-size: 12px;

	color: #858585;

	margin-top: 2%;

	font-family: "微软雅黑","宋体",arial;

}



.stagesbutton {

	height: 24px;

	width: 80px;

	font-weight: bold;

	line-height: 24px;

	text-align: center;

	background: linear-gradient(to right, #56c6bb, #a5d2f3) no-repeat 0 0;

	background-size: 100% 100%;

	font-size: 12px;

	color: #fff;

	border-radius: 10px;

}

/*分期菜单页面-----end*/



/*现金分期Apply-----*/

.bangding3{background: #fff;padding: 0 4%;overflow: hidden;}

.bangding3 ul li input{float: right;font-size: 15px; text-align: right;font-family: "微软雅黑","宋体",arial;border: 0;margin-left:-190px;font-weight: bold;width:225px;}

.bangding3 ul li p{float: left; font-size: 15px;color: #858585;line-height: 22px;}

.bangding3 ul li select{float: right;font-size: 15px; text-align: right;font-family: "微软雅黑","宋体",arial;border: 0;margin-left:-225px;}

.num-select1{float: right;font-weight: bold;font-family: "微软雅黑","宋体",arial; font-size: 15px;-webkit-appearance: none; 

	width:245px;height: 20px;border: 0px;background: url(../images/arow-down.png) no-repeat 98% center; background-size:16px 9px;}

/*现金分期Apply-----end*/

/*隐私协议-----start*/

.policy{

	display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-around;

}

 .policy p{

    margin-left:2px;	

 }

.login_remember{

	display: flex;

	margin: 4% 0 4% 4%;

	align-items: baseline;

}

.privacy_policy{

	margin: 4% 0 4% 4%;

} 

.privacy_policy a{

	font-size:13px;

}

/*隐私协议-----end*/



/*消保专区-----start*/

.cpList{overflow: hidden;}

.cpList ul li {width: 100%;border-bottom: 1px solid #C4C4C4;}

.cpList ul li img{ width:100%;}

.cp-boder{position: relative;overflow: hidden;margin: 10px 0;}

.cp-text{float: left;width: 60%;}

.cp-title{width:100%;float:left;font-size: 15px;color: #666;text-align: left;font-family: "微软雅黑","宋体",arial;font-weight: bold;}

.cp-des{width:100%;float:left;font-size: 12px;color: #AAAAAA;text-align: left;padding: 10px 0 10px;}

.cp-img {width: 35%;float: right;}

/*消保专区-----end*/

/*消费分析-----start*/

.charts{width: 90%;padding-top: 10px;}

.month-left{position: relative;float:left;width:7px;height: 7px;border-top: 1px solid #82868D;border-right: 1px solid #82868D;transform: rotate(225deg);}

.month-right{position: relative;float:right;width:7px;height: 7px;border-top: 1px solid #82868D;border-right: 1px solid #82868D;transform: rotate(45deg);}

.month-center{width: 90%;position: relative;float:left;display: flex;flex-direction: row;margin-top: -10px;}

.month-center p{width: 33%;font-size: 12px;line-height: 26px;}

.month-one{color:#82868D;text-align: left;padding-left: 15px;}

.month-two{border-radius: 15px;background-color: #44CAC2;color: #fff;}

.month-three{color:#82868D;text-align: right;}

.chart-amt{position: relative;float:left;text-align: center;width: 100%;margin-top:20px;margin-bottom: 20px;}

.chart-amt p{color: #4A5267;margin-bottom: 10px;font-size: 15px;}

.chart-amt b{color: #48506D;font-size: 22px;}

.chart{width: 100%;float: left;position: relative;}

.chart b{display: flex;flex-direction: row;line-height: 28px;width: 100%;color: #21283D;}

/*消费分析-----end*/

/**-----分期优惠券START-----**/

legend{

	     color: rgb(153,153,153);

	     padding: 0 10px; 

	     text-align: center;

	     font-size: 14px;

	     font-family: SourceHanSansCN-Regular;

   	}

	.div-l-a{

	position: absolute;width: 53px; margin-top: 22px;font-family: PingFang-SC-Heavy;font-size: 24px;color: #3E79FA;letter-spacing: 0;text-align: left;left: 5.8%;height: 33px;

	}

	.div-l-b{

	width: 63px;height: 15px;left: 5.8%;margin-top:60px;position:absolute;

	}

	.div-l-b-s{

	font-family: PingFang-SC-Regular;font-size: 11px;color: #51515A;letter-spacing: 0;text-align: center;

	

	}

	.div-l-c{

	height: 21px; margin-top: 23px;position: absolute;display: inline-block;left: 35%;

	}

	.div-l-c-s{

	font-family: PingFangSC-Semibold;font-size: 15px;color: #51515A;letter-spacing: 0.48px;text-align: center;

	

	}

	.div-l-d{

	line-height: 15px; margin-top: 64px;position: absolute;font-family: PingFang-SC-Regular;font-size: 12px;color: #9E9EA9;letter-spacing: 0;text-align: center;display: inline-block;left: 35%;

	}

	.div-l-img{

	height: 22px;width: 22px;right:19px;  position: absolute;margin-top: 40.5px;

	}

	.div-d-a{

		font-family: PingFangSC-Regular;

		font-size: 15px;

		color: #51515A;

		letter-spacing: 0.48px;

		text-align: center;

	}

	.div-d-s1{

		font-family: PingFang-SC-Regular;font-size: 12px;color: #9E9EA9;letter-spacing: 0;text-align: center;z-index:9999;color:#FFFFFF;padding-left: 10%;

	}

	.div-d-s2{

		font-family: PingFang-SC-Regular;font-size: 12px;color: #3E79FA;letter-spacing: 0;text-align: center;line-height: 16.5px;

	}

	.div-d-a-img{

		margin-top: 15px; margin-right: 14px;position: absolute; right: 0; height: 13px;width: 13px;cursor:pointer;

	}

	.div-list{

	

		position:relative;

		width:100%;

		margin-top:12px;

		height:101px;

		/* background: #FFFFFF; */

		box-shadow: 0 0 30px 0 rgba(125,139,199,0.10);

  

	}

	.div-youhuiquan{

	    position: fixed;

	    bottom: 0;

	    left: 0;

	    width: 100%;

	    height: 537px;

	    z-index: 998;

	    display: -webkit-box;

	    -webkit-box-orient: horizontal;

	    -webkit-box-align: center;

	}

	.div-youhuiquan-bd1 {

		padding-right:14px;

		padding-left:14px;

		justify-content:center;

		align-items:center;

	

		height: 426px;

	    overflow: auto;

	    background: #F5F5F5;

	    display: -webkit-box;

	    display: box;

	    -webkit-box-align: center;

	    -webkit-box-orient: vertical;

	}

	.div-youhuiquan-hd {

	   

	   	height:54px;

		border-radius: 20px 20px 0 0;

	   	line-height: 44px;

	    text-align: center;

	    background: #FFFFFF;

		box-shadow: inset 0 -1px 0 0 #E6E6E6;

	}



	.div-youhuiquan-cnt1 {

	    border-radius: 6px;

	    height:537px;

	    width: 100%;

	    -webkit-background-clip: padding-box;

	    background-clip: padding-box;

	    pointer-events: auto;

	    background-color: white;

	    position: relative;

	    font-size: 16px;

	}

	.div-youhuiquan-ft{

	  	line-height: 60px;

	    text-align: center;

		background: #FFFFFF;

		box-shadow: inset 0 1px 0 0 #E6E6E6;

	}

	.ui-dialog1 {

	    position: fixed;

	    top: 0;

	    left: 0;

	    width: 100%;

	    height: 100%;

	    z-index: 998;

	    display: -webkit-box;

	    -webkit-box-orient: horizontal;

	    -webkit-box-pack: center;

	    -webkit-box-align: center;

	    background: rgba(0,0,0,0.4);

    /* display: none; */

	}

.ui-dialog-bd1 {

    min-height: 225px;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    padding: 18px;

    display: -webkit-box;

    display: box;

    -webkit-box-pack: center;

    -webkit-box-align: center;

    -webkit-box-orient: vertical;

}

.ui-dialog-cnt1 {

    border-radius: 6px;

    height:368px;

    width: 276px;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    pointer-events: auto;

    background-color: white;

    position: relative;

    font-size: 16px;

}

	.ui-list>li {

	    margin: 0 35px;

	    padding-left: 10px;

	 }

	 /* 提示信息 */   

	#INFO {

	    width : 100%;

	    background : white;

	}

	/* 提示信息 */  

	#INFO_1,#INFO_2, #INFO_3{

	    width : 100%;

	    background : white;

	}

	

	.warn-content{

	    margin-top: 10px;

	    color:#999

	}

	/* 按钮颜色 */

	.ui-btn-danger{

	border: 1px solid #3c81df;

	background-image: none;

	background: -webkit-linear-gradient(left,rgba(60, 129, 232, 0.67),#3c81df);

	} 

	.ui-btn-danger:not(.disabled):not(:disabled):active {

	border: 1px solid #3c81df;

	background-image: none;

	background: -webkit-linear-gradient(left,rgba(60, 129, 232, 0.67),#3c81df);

	}

	

	.ui-btn-primary{

	border: 1px solid #7e7d7d;

    background-image: none;

    background: -webkit-linear-gradient(left, #adaeae, #7e7d7d);

	} 

	.ui-btn-primary:not(.disabled):not(:disabled):active {

	border: 1px solid #C2C2C2;

	background-image: none;

	background: -webkit-linear-gradient(left,#bbbbbb,#646464);

	}

	

	/* 手续费区域大小 */

	.A {

		margin : 5px 0px 0px 0px;

	}

	

	/* 手续费区域每个模块大小 */

	.C li{

		height : 20px;

		padding:0px,15px,0px,10px;

		background-color: #fff;

	}

	

	/* 期数手续费字体大小 */

	.ui-list li div{

		color:#000;

		font-size:12px;

	}

	

	/* select选择 */

	.split {

		text-align : center;

		width : 20%;

		float : left;

	}

	

	.ui-form-item input, .ui-form-item textarea{

	text-align:right;

	margin-right:7px;

	}

	

	/* 选择框位置 */

	.ui-form-item>.ui-select{

	margin-left:31%;

	}

	/* 查询按钮 */

	#search {

	background-image: none;

	background: #EBEDEE;

	border: 0px solid #3c81df;

	color: #333;

	} 

	.yui-warn .warn-title{

	color:#3c81df;

	}

	.yui-warn{

	margin-bottom:10px;

	}

	

	.mask{

		position:absolute;

		top:0;filter:alpha(opacity=60);background:rgba(0,0,0,0.5);

		z-index:1002,

		left:0;

		opactiy:0.5;

		-moz-opacity:0.5;

		display: none;

		overflow= hidden;

		display:none;

	}

	.colorRed{

		color:#ff0000;

	}

	.styleTop{

		position:-webkit-sticky;

		position:sticky;

		top:0.64rem;

		z-index:99999;

		background: linear-gradient(to right, rgb(79, 190, 183), rgb(166, 209, 243)) 0% 0% / 100% 100%;

		height: 23px;width: 100%;

		

		-webkit-border-top-left-radius:9px;

		-webkit-border-top-right-radius:9px;

		-webkit-border-bottom-right-radius:9px;

		-webkit-border-bottom-left-radius:9px;

	}

	.selectConfirm{

		color:#FFFFFF;

		letter-spacing:10px;

		font-size:91%;

		height: 46px;

		width: 95%; 

		background: linear-gradient(to right, rgb(79, 190, 183), rgb(166, 209, 243)) 0% 0% / 100% 100%;

		-webkit-border-top-left-radius:9px;

		-webkit-border-top-right-radius:9px;

		-webkit-border-bottom-right-radius:9px;

		-webkit-border-bottom-left-radius:9px;

	}

	html,body{

		width:100%;

		height:100%;

		overflow:scroll;

	}

/**-----分期优惠券END-----**/
.tranDesList{border-spacing:0;background-color: white;border-radius:10px;padding:10px 0 0 0;}
.trandes {padding:0 10px 0 10px;line-height:22px;}
.trandes2 {padding:0 10px 10px 10px;line-height:22px;}
.stageimg{padding-left:5px;width:20%;}
.gostage{line-height:37px;border-top:2px solid #F8F8F8;border-spacing:0;color:#5FB4B0;}