/*浼氬憳涓績*/
.mem_service .part-1{margin-bottom: 45px;padding-top: 60px;}
.mem_service .part-1 .box-1{padding: 25px 6% 20px 3.5%;background: #00AEEF;color: #fff;overflow: hidden; position: relative;}
.mem_service .part-1 .box-1 h4{text-align: left;margin-bottom: 20px; }
.mem_service .part-1 .box-1 h4 span{ padding-right: 35px; background: url(../images/mem_dot01.png) right center no-repeat;}
.mem_service .part-1 .box-1 li{float: left; margin-right: 80px; margin-bottom: 10px;text-align: left;}
.mem_service .part-1 .box-1 li dl{overflow: hidden;}
.mem_service .part-1 .box-1 li dt,.mem_service .part-1 .box-1 li dd{float: left;}
.mem_service .part-1 .box-btn{ left:auto; right:6%; border: 1px solid #D6E2E7;width: 240px; height: 38px; line-height: 38px;}
.mem_service .part-1 .box-btn a{ display: block; width: 100%;height: 100%;text-align: left; text-indent: 40%; line-height: 38px;color: #fff!important; background: url(../images/mem_dot02.png) no-repeat 25% center;}
.mem_service .part-2 .title{border-bottom: 1px solid #1f3e52;margin-bottom: 40px;}
.mem_service .part-2 .title h4{line-height: 1.25em;padding-bottom: 8px;position: relative;float: left;padding-left: 40px;}
.mem_service .part-2 .title h4::before{content:'';position: absolute;left: 0;bottom: -1px;width: 100%;border-bottom: 4px solid #00AEEF;}
.mem_service .part-2 li{padding: 17px 3.5%;position: relative;width: 100%;text-align: left;background: #f5f5f5;margin-bottom: 5px;}
.mem_service .part-2 .box-1 li a{display: block;position: relative;width: 100%;line-height: 1.4em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mem_service .part-2 .box-1 li a span{position: absolute;right: 0;top: 50%;color: #00AEEF;transform: translateY(-50%);}
.mem_service .part-2 .box-1{margin-bottom: 45px;}
.mem_service .part-2 .box-1 h4{background: url(../images/mem_dot03.png) left 4px no-repeat;}
.mem_service .part-2 .box-2 h4{background: url(../images/mem_dot04.png) left 4px no-repeat;}
.mem_service .part-2 .box-1 a{padding-right: 110px; color: #2C2C2C;}
.mem_service .part-2 .box-2{margin-bottom: 60px;}
.mem_service .part-2 .box-2 li{ float: left; width: 48.5%;padding: 25px 3.5%; margin-bottom: 0;}
.mem_service .part-2 .box-2 li:nth-child(even){float: right;}
.mem_service .part-2 .box-2 span{border:1px solid #00AEEF; color: #2C2C2C; display: inline-block; padding:3px 30px; margin-bottom: 25px;}
.mem_service .part-2 .box-2 h3{position: relative;}
.mem_service .part-2 .box-2 h3 em{position: absolute; right:0; top:-20px; width: 34px; height: 34px; background: url(../images/mem_dot05.png) no-repeat;}
.mem_service .part-2 .box-2 h3 a{ color: #2C2C2C;padding-right: 40px; display: block;}
.mem_service .part-2 .box-2 .ver{margin:10px 0 0;}
.mem_service .part-2 .box-2 .ver a{ color: #00AEEF; margin-right: 10px;}

.load-more-box{display: none;}
.load-more-link {display: block; cursor: pointer; width: 190px; height:40px; line-height: 40px; margin:40px auto 0; padding:0!important; color: #00AEEF!important; border:1px solid #D0D0D0; text-align: center;border-radius: 5px;}
#infscr-loading{ /*background:rgba(0,0,0,0.4);*/ position:fixed; width:100px; height:50px; line-height:50px;overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;}
#infscr-loading img{ opacity:0.5; filter:alpha(opacity=50);}

@media only screen and (max-width: 1024px){
.mem_service .part-1{padding-top: 40px; margin-bottom: 40px;}	
.mem_service .part-2 .box-1 h4,.mem_service .part-2 .box-2 h4{background-position: left 0px; padding-left: 30px;}
.mem_service .part-2 .box-1,.mem_service .part-2 .box-2{margin-bottom: 40px;}
}

@media only screen and (max-width: 768px){
.mem_service .part-1{padding-top: 30px; margin-bottom: 30px;}	
.mem_service .part-2 .box-1,.mem_service .part-2 .box-2,.mem_service .part-2 .title{margin-bottom: 30px;}
.load-more-link{margin:30px auto 0;}
.mem_service .part-1 .box-btn{width: 120px; right:3.5%;}
.mem_service .part-1 .box-btn a{background-position: 20% center;}
.mem_service .part-2 .box-1 h4,.mem_service .part-2 .box-2 h4{font-size: 18px;}
.mem_service .part-2 .box-2 h3{height: 3em;}
}

@media only screen and (max-width: 768px){
.mem_service .part-1 .box-1 li{width: 100%;}
.mem_service .part-2 .box-2 li{width: 100%; margin-bottom: 5px;}
.mem_service .part-2 .box-2 h3{height: auto;}
}


/*鐧诲綍娉ㄥ唽*/
.color-white{color: #fff;}
.register{top:55%;}
.register h2{ text-align: center; margin-bottom:2%; }
.register h2+p{text-align: center; font-size: 13px;margin-bottom:3%; }
.register li{ float: left; width: 48.5%; margin-bottom: 1.5%;}
.register li:nth-child(even){float: right;}
.register li .txt{width: 100%; padding:0 0 0 8%; height: 54px; line-height: 54px;background: #fff; color: #777777; border-radius:10px; overflow: hidden;}
.register li .name{ float: left;}
.register li .name img{ vertical-align: middle; margin-right: 10px; }
.register li .name em{color: #FF0000; padding-left: 3px;}
.register li .inp{ float: left; width: 75%; margin-left: 5%;}
.register li .inp input{ width: 100%; background: none; border:none; font-size: 18px; height: 54px; color: #777;}
.register li .inp input::-webkit-input-placeholder{color: #777;}
.register li .txt1{width:calc(100% - 140px); float: left;}
.register li .inp1{width: 65%!important;}
.register li .yzm{ float: right; width: 120px; height: 54px; overflow: hidden;}
.register li .yzm img{width: 120px; height: 54px; }
.register li .label-box{float: left; width: 78%; margin-left: 2%;}
.register label{font-weight: normal;}

.label-radio { line-height: 20px; height: 20px; cursor: pointer; position:relative; background:url(../images/mem_dot10.png) left center no-repeat; display:inline-block; margin:0 6px;}
.label-radio.on {background:url(../images/mem_dot10_on.png) left center no-repeat;}
.label-radio input { float: left; width: 12px; height: 20px; margin:0 10px 0 0; cursor: pointer; opacity:0; filter:alpha(opacity=0);}

.label-checkbox{ line-height: 20px; height: 20px; cursor: pointer; position:relative;background:url(../images/mem_dot11.png) left center no-repeat;display:inline-block; }
.label-checkbox.on{ background:url(../images/mem_dot11_on.png) left center no-repeat;}
.label-checkbox input { float: left; width: 20px; height: 20px; margin:0 20px 0 0; cursor: pointer; opacity:0; filter:alpha(opacity=0);}

.register .agree{padding:1% 4% 0;}
.register .agree a{color: #fff;}

.register .bon{text-align: center; margin-top: 3%;}
.register .bon p a{border-bottom: 1px solid #fff; padding-bottom:2px; color: #fff;}
.register .bon .b_tn{ display: block; width: 30%; height: 46px; line-height: 46px; color: #fff!important; margin:1.5% auto 0; background: #00AEEF;border-radius:3px; }


.reg_bg_cover{background-size: cover; background-repeat: no-repeat; background-position: center;}

.login{max-width: 620px;}
.login ul{margin-top: 5%;}
.login li{width: 100%; margin-bottom: 3%;}
.login li .inp{margin-left: 2%;}
.login .remeber{padding:1% 8% 0;}
.login .remeber a{ margin-left: 30px; border-bottom: 1px solid #fff; padding-bottom: 5px; color: #fff;}
.login .label-radio{background:url(../images/mem_dot12.png) left center no-repeat;}
.login .label-radio.on{background:url(../images/mem_dot12_on.png) left center no-repeat;}
.login .label-radio input{margin-right:26px;}
.login .bon{margin-top: 10%;}
.login .bon .b_tn{display: inline-block; margin:0 2.5%;}
.login .bon .b_tn_1{background: #000000; }


@media only screen and (min-width: 1024px){
.register .bon .b_tn:hover{ background: #05B1EC;}
.register .bon p a:hover,.login .remeber a:hover{border-bottom: 1px solid #05B1EC;}
}

@media only screen and (max-width: 1600px){
.reg_bg_cover{padding:15% 0 7%;}
.reg_bg_cover>img{display: none;}
.register{position: static;transform:translate(0,0);-webkit-transform:translate(0,0); left:auto;top:auto;}
}

@media only screen and (max-width: 1024px){
.register li .txt{padding-left: 4%;}
.register li .inp{width: 70%;}
}

@media only screen and (max-width: 768px){
.reg_bg_cover{padding:10% 0;}
.register li{width: 100%;}
}

@media only screen and (max-width: 767px){
.register li:first-child .txt{height: 84px;}
.register li .label-box{line-height: 30px; margin-top: 12px;}
.register li .inp{width: 65%;}
.register li .inp1{width: 48%!important;}
.login li:first-child .txt{height: 54px;}

}

@media only screen and (max-width: 360px){
.register li .label-box{width: 74%;}
.register li .inp{width: 60%;}
.register li .txt1{width: calc(100% - 125px);}
.register li .inp1{width: 38%!important;}
}

/*蹇樿瀵嗙爜*/
.forget h2{border-bottom: 1px solid #DADADA; margin:60px 0 100px; text-align: center;}
.forget h2 span{ display: inline-block; border-bottom: 4px solid #00AEEF; padding:0 20px 20px; color: #000;}
.mem_retrieve{overflow: hidden;}
.retrieve_flow{color: #393939;text-align: center;margin-bottom: 60px; overflow: hidden;}
.retrieve_flow li{display:inline-block;*display:inline;*zoom:1;position: relative; width: 20%; color: #3C3C3C;}
.retrieve_flow li dl{position: relative;z-index: 99;}
.retrieve_flow li dt{ width: 60px; height: 60px;margin: auto; line-height: 52px; text-align: center; border-radius: 50%; background: #fff;border:4px solid #00AEEF;margin-bottom: 25px;}
.retrieve_flow li.on dt{ background: #00AEEF;border:4px solid #00AEEF;color: #fff;}
.flow_line{height: 8px; background: #00AEEF; position: absolute;z-index: 0; top:26px; left: 50%; width: 105%; }

.retrieve_form{max-width: 480px;margin: auto}
.retrieve_form li{margin-bottom: 10px; overflow: hidden;}
.retrieve_form input{width: 100%; padding:0 7%; box-sizing: border-box; height: 48px; line-height: 48px; border-radius: 10px; background: #f2f2f2; border: none; outline: none;color: #333;}
.re_yzm em img{ height:100%; width: 100%;}
.re_yzm em{float: right; border: 1px solid #F2F2F2;width: 118px;height: 46px;overflow: hidden;}
.re_yzm input{width:calc(100% - 128px);}
.retrieve_button{padding-top: 50px;}
.retrieve_button a{display: block; margin: auto; width: 186px; height: 46px; line-height: 46px; text-align: center;background: #00AEEF; border-radius: 5px; color: #fff;}

.phone_wrap{max-width: 100%; text-align: center;}
.retrieve_phone{color: #777777;}
.retrieve_phone a{color: #00AEEF;text-decoration: underline;}
.retrieve_sucess{text-align: center;}
.retrieve_sucess p{color: #393939;line-height: 1.8em; margin-top: 20px;}
.btn_yzm{display: block;  width: 186px; height: 46px; line-height: 46px; text-align: center;background: #000; border-radius: 10px; color: #fff!important; float: right;}
.btn_yzm.disabled{cursor: no-drop;}
.btn_next{ width: 186px; height: 46px; line-height: 46px; text-align: center;background: #00AEEF; border-radius: 10px; color: #fff!important; margin:0px auto; display: block;}
.re_yzm1 input{width:calc(100% - 206px);}

.mb30{margin-bottom: 30px;}
.pt30{padding-top: 30px;}
.pt20{padding-top: 20px;}

.btn_yzm1{height: 54px !important; line-height: 54px !important;}
.register li .txt2{width: calc(100% - 206px); float: left;}


@media only screen and (max-width: 1024px){
.forget h2{margin:40px 0 40px;}
.retrieve_flow{margin-bottom: 40px;}
.retrieve_button{padding-top: 40px;}
}

@media only screen and (max-width: 768px){
.forget h2{margin:30px 0 30px;}
.retrieve_flow{margin-bottom: 30px;}
.retrieve_button{padding-top: 30px;}
}

@media only screen and (max-width:767px) {
.retrieve_flow{margin-bottom:30px;}
.retrieve_form input,.retrieve_button a,.btn_yzm,.btn_next{height: 40px; line-height: 40px;}
.re_yzm em{height: 40px;}
.flow_line{height: 4px;}
.retrieve_flow li dt{width: 50px; height: 50px;line-height: 46px;}
.retrieve_flow li{width:25%;float: left;}
.retrieve_flow li dt{margin-bottom: 10px;border: 2px solid #00AEEF;}
.retrieve_button{padding-top: 20px;}
.retrieve_phone{margin-bottom: 0;}
.modify_flow li{width: 33.33%;}
.retrieve_sucess img{width: 40px;}
}

@media only screen and (min-width:1024px) {
.retrieve_button a:hover{color: #fff !important;opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
.btn_yzm:hover,.btn_next:hover{color: #fff!important;}
}


.select_box{width: 48%; float: left; height: 54px; background: #fff; line-height: 54px;color: #777; border-radius: 10px; cursor: pointer; position: relative;}
.select_box span{display: block;padding-left: 16%;}
.select_box span em{color: #FF0000;padding-left: 3px;}
.select_box a{color: #777;}
.select_box:nth-child(2){float: right;}
.select_box dl{display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; z-index: 10;border-radius: 10px; padding: 10px 0;}
.select_box dl dd{height: 36px; line-height: 36px;}
.select_box dl dd a{display: block; padding-left: 16%;}
@media only screen and (max-width:1024px) {
	.select_box span{padding-left: 8%;}
	.select_box dl dd a{padding-left: 8%;}
}