@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td{ margin:0px; padding:0px;margin-top: 0px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; } 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0px;}
i,em{font-style: normal;}
address,caption,em,code{ font-style:normal; font-weight:normal;}
pre, code, kbd, samp { font-family:inherit; } 
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; padding:0; margin:0;}
a{ text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;color: #333}
input:focus,textarea:focus{outline:none}
input,textarea,select{font-family:inherit;font-weight:inherit}
html{font-size:62.5%;height:100%;}
body{font-family:"PingFang","Microsoft YaHei","Arial",sans-serif;height:100%;min-width:320px;max-width:100%;margin:0 auto;background: #fff;position: relative;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance:none;}  

/*娓呴櫎娴姩*/
.clearfix:after{ display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix { zoom:1;}
.clearFloat{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.pt20{padding-top: 20px!important;}



/****** 鍏敤鏍峰紡鍖哄煙 寮€濮� ******/
.big_bg{width: 100%;padding-bottom: 30px;}
/* 澶撮儴瀵艰埅 */
.nav{width: 100%;height:44px;background: url(../images/nav-bg.png) no-repeat 0 0;background-size: 100% 44px; text-align: center;line-height: 44px;color:#fff;font-size: 1.8rem;z-index: 999;position: fixed;left: 0px;top: 0px;right: 0px;}
.back{position: absolute; width: 34px;height: 44px;background: url(../images/little_picture.png) no-repeat 0px 12px;background-size: 356px; top:0px;left:20px;}
.content_box{margin:0 20px;padding-top:20px}
/* 杈撳叆淇℃伅 */
.input_box{width: 100%;height: 40px;border-radius: 5px;border:1px solid #dcdcdc;position: relative;overflow: hidden;}
.input_box.error{border:1px solid #e13b29;}
.input_box input{position:absolute;width: 95%;left: -2px;top:8px;padding:10px 0 10px 36px;height:5px;line-height:23px;font-size:1.4rem;border:0;}
.input_box.error input{background:#ffeef0;}
.input_icon{position: absolute;width: 19px;height: 21px;left: 7px;top: 12px;z-index: 1;}
.username_icon01{background: url(../images/little_picture.png) no-repeat -440px 1px;background-size: 600px;}
.password_icon01{background: url(../images/little_picture.png) no-repeat -468px 0;background-size: 600px;}
.password_icon02{position: absolute;width: 34px;height: 10px;background: url(../images/little_picture.png) no-repeat right 0;right: 10px;top:17px;z-index: 1;background-size: 600px;}
.password_icon02.yanjing{position: absolute;width: 20px;height: 14px;background: url(../images/little_picture.png) no-repeat -530px 0;right: 10px;top:14px;z-index: 1;background-size: 600px;}
.error_box{width: 100%;height: 24px;margin:0 0 5px 0;padding: 0}
.error_box .error_prompt{display: none;}
.error_box .error_prompt.error{display: block;width: 100%;height: 24px;font-size: 1.2rem;color:#e13b29;line-height: 24px;}
.error_box .error_prompt.error em{font-weight: bold;}
.input_box.input_verificationcode{width: 220px;}
.input_box.input_dynamiccode{width: 220px;}
.phonenumber_icon01{background: url(../images/little_picture.png) no-repeat right -99px;background-size: 600px;}
.input_box.ture .phonenumber_icon03{position: absolute;width: 20px;height: 20px; background: url(../images/little_picture.png) no-repeat -499px -99px;right:10px;top:10px;z-index: 1;background-size: 600px;}
.verificationcode_icon01{background: url(../images/little_picture.png) no-repeat -558px -99px;top: 15px;background-size: 600px;}
.input_box.error .verificationcode_icon02{position: absolute;width: 20px;height: 20px; background: url(../images/little_picture.png) no-repeat -499px 0px;right:10px;top:10px;z-index: 1;background-size: 600px;}
.verificationcode_detail{width: 90px;height: 40px;background: url(../images/verificationcode.png) no-repeat 11px 6px;background-size: 64px;}
.dynamiccode_icon01{background: url(../images/little_picture.png) no-repeat -530px -99px;top: 13px;background-size: 600px;}
.input_box.error .dynamiccode_icon02{position: absolute;width: 20px;height: 20px; background: url(../images/little_picture.png) no-repeat -499px 0px;right:10px;top:10px;z-index: 1;background-size: 600px;}
.dynamiccode_detail{width: 88px;height: 38px;border-radius: 5px;background: none;color:#e13b29;text-align: center;line-height: 40px;font-size: 1.2rem;border:1px solid #e13b29;}
.dynamiccode_detail.click{background: #eee;color:#c4c4c4;border:1px solid #eee;}

.login_success_picture img,.binding_picture img,.verification_picture img,.xinren_package_picture img{width: 100%!important;height: auto;}
.binding_big_box .content_box,.verification_big_box .content_box,.register_success_box .content_box{padding-top:0;}


/* 纭鎸夐挳 */
.certain_submit{display: block;width: 80%;margin-left: 10%;height: 40px;background-image: linear-gradient(128deg,#f25a43,#e13b29);margin-top: 30px;position: relative;text-align: center;line-height: 40px;font-size: 1.6rem;font-weight: bold;color:#fff;box-shadow: 0 5px 8px 0px #ffd2cd;border-radius: 10px;border:none;}
.certain_submit:active{animation: push 0.1s linear forwards}
@keyframes push{
	0%{transform: scale(1);}
	100%{transform: scale(0.96);}
}
/******** 鍏敤鏍峰紡鍖哄煙 缁撴潫 ********/



/******** 鎵嬫満鐧诲綍鏍峰紡鍖哄煙 寮€濮� ********/
/* 鐧诲綍閫夋嫨 */
.login_choice_box{padding:24px 0 0 0;margin:0 30px;}
.login_choice_box div{float: left;width: 50%;}
.login_choice{display: block;padding-bottom: 8px;text-align: center;font-size: 1.4rem;color:#999;margin:0 auto;}
.login_choice.common{width: 75px;}
.login_choice.mphone{width: 97px;}
.login_choice.choiced{border-bottom: 2px solid #e13b29;color:#333;}


/* 杈撳叆淇℃伅 */
.input_box.error .username_icon02{position: absolute;width: 20px;height: 20px;right:10px;top: 10px;background: url(../images/little_picture.png) no-repeat -499px 0;z-index: 1;background-size: 600px;}


/* 蹇樿瀵嗙爜 */
.forget_password{display: block;width: 100%;height: 20px;margin:20px 0 28px;}
.forget_password a{float: right;width: 80px;height: 20px;font-size: 1.4rem;color:#bbb;line-height: 20px;text-align: right;}
.forget_password a:active{color:#e13b29;}


/* 绗笁鏂圭櫥褰� */
.outside_login{width: 100%;}
.outside_login a{float: left;width: 33.3%;}
.outside_login_icon{width: 42px;height: 42px;margin:0 auto;}
.outside_login .detail{display: block;text-align: center;font-size: 1.4rem;color:#bbb;margin-top: 5px;}
.weixin .outside_login_icon{background: url(../images/little_picture.png) no-repeat right -41px;cursor: pointer;background-size: 600px;}
.weixin:active .detail{color:#e13b29;}
.weixin:active .outside_login_icon{background: url(../images/little_picture.png) no-repeat right -264px;background-size: 600px;}
.qq .outside_login_icon{background: url(../images/little_picture.png) no-repeat -500px -41px;cursor: pointer;background-size: 600px;}
.qq:active .detail{color:#e13b29;}
.qq:active .outside_login_icon{background: url(../images/little_picture.png) no-repeat -502px -264px;background-size: 600px;}
.weibo .outside_login_icon{background: url(../images/little_picture.png) no-repeat -442px -41px;cursor: pointer;background-size: 600px;}
.weibo:active .detail{color:#e13b29;}
.weibo:active .outside_login_icon{background: url(../images/little_picture.png) no-repeat -446px -264px;background-size: 600px;}


/* 鎵嬫満蹇嵎鐧诲綍 */
/* 杈撳叆淇℃伅 */
.login_big_box .input_box.error .phonenumber_icon02{position: absolute;width: 20px;height: 20px; background: url(../images/little_picture.png) no-repeat -499px 0px;right:10px;top:10px;z-index: 1;background-size: 600px;}


/* 鎵嬫満缁戝畾 */
.binding_nav{width: 100%;height:67px;text-align: center;line-height: 67px;color:#333;font-size: 2rem;border-top-right-radius: 8px;}
.binding_picture{width: 131px;height: 86px;margin:0 auto 20px;}
.binding_detail{display: block; font-size: 1.4rem;color:#999;line-height: 20px;margin-bottom: 26px;}


/* 鐧诲綍鎴愬姛 */
.login_success_box{margin-bottom: 50px;}
.login_success_picture{width: 164px;height: 159px;margin:74px auto 20px;}
.login_success_detail{display: block;font-size: 1.4rem;color:#bbb;text-align: center;}
.login_success_detail em{color:#e13b29;}
/******** 鎵嬫満鐧诲綍鏍峰紡鍖哄煙 缁撴潫 ********/




/******** 鎵嬫満娉ㄥ唽鏍峰紡鍖哄煙 寮€濮� ********/

/* 杈撳叆淇℃伅 */
.show_username{position:absolute; font-size:1.4rem;color:#333;top: 11px;left: 35px;}
.register_big_box .input_box.error .phonenumber_icon02{position: absolute;width: 20px;height: 20px;right:10px;top: 10px;background: url(../images/little_picture.png) no-repeat -471px -99px;z-index: 1;background-size: 600px;}


/*瀹夊叏绛夌骇*/
.safety_grade{margin-top: 10px;padding:0}
.safety_grade li{margin-top: 6px;}
.safety_grade li em{float: left;margin-left:5px;width: 102px;height: 4px;background: #eee;width:32%;margin-left:1%;}
.safety_grade li em.first{margin-left: 0px;}
.safety_grade_di .show{background: #ff6633;}
.safety_grade_zhong .show{background: #ffbe21;}
.safety_grade_gao .show{background: #83c44e;}
.user_protocol{font-size: 1.4rem;color:#999;text-align: center;margin-top: 16px;}
.user_protocol a{color:#e13b29;}


/* 濉啓鐭俊楠岃瘉鐮� 寮€濮� */
/* 楠岃瘉鎵嬫満 */
.verification_nav{width: 100%;height:44px; text-align: center;line-height: 44px;color:#333;font-size: 1.8rem;position: relative;margin-bottom: 29px;}
.verification_nav .back{position: absolute; width: 34px;height: 44px;background: url(../images/little_picture.png) no-repeat 0px -34px;background-size: 356px; top:0px;left:20px;}
.verification_picture{width: 131px;height: 100px;margin:0 auto 20px;}
.verification_detail{display: block; font-size: 1.8rem;color:#999;margin-bottom: 26px;text-align: center;}
.verification_detail em{color:#333;}


/*璇煶楠岃瘉*/
.speech_verification{margin-top: 28px;font-size: 1.2rem;color:#999;}
.speech_verification a{color:#0078de;}
/* 濉啓鐭俊楠岃瘉鐮� 缁撴潫 */


/* 鎭枩浣犳敞鍐屾垚鍔熼鍙栫Н鍒� 寮€濮� */
/* 娉ㄥ唽鎴愬姛澶撮儴 */
.register_success_nav{width: 100%;height:67px; line-height: 67px; text-align: center;color:#333;font-size: 1.8rem;position: relative;margin-bottom: 29px;}
.register_success_nav .back{position: absolute; width: 34px;height: 44px;background: url(../images/little_picture.png) no-repeat 0px -34px;background-size: 356px; top:0px;left:20px;}

/*绉垎*/
.integral-box{width: 310px;margin:0 auto;background: #ffecea;margin-bottom: 20px;}
.integral,.growth{margin-top: 10px;}
.integral{margin-left: 8px;}
.growth{margin-right: 14px;}
.integral_icon{width: 48px;height: 51px;background: url(../images/little_picture.png) no-repeat right -115px;margin-top: -2px;background-size: 500px;}
.growth_icon{width: 38px;height: 58px;background: url(../images/little_picture.png) no-repeat -407px -108px;margin-top: -10px;background-size: 500px;}
.integral dl,.growth dl{margin-left:12px;}
.integral dl dt,.growth dl dt{font-size: 1.4rem;color:#333;}
.integral dl dd,.growth dl dd{font-size: 2rem;color:#e13b29;font-weight: bold; background-image: -webkit-linear-gradient(135deg,#ff813f,#e13a27);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0}
.level-line{width: 100%;height: 1px;background: #efefef;margin:15px 0 20px;}
.xinren_package_picture{width: 164px;height: 117px;margin:20px auto 12px;}
.xinren_package_detail{display: block;font-size: 1.8rem;color:#333;text-align: center;}

/* 纭鎸夐挳 */
.receive_button{display: block;width: 100%;height: 40px;background-image: linear-gradient(128deg,#f25a43,#e13b29);margin-top: 10px;position: relative;text-align: center;line-height: 40px;font-size: 1.6rem;font-weight: bold;color:#fff;box-shadow: 0 5px 8px 0px #ffd2cd;border-radius: 20px;margin-top: 30px;}
.receive_button:active{animation: push 0.1s linear forwards}
.guang_button{display: block;width: 100%;height: 38px;border:1px solid #e13b29;margin:20px auto 0px;text-align: center;line-height: 40px;font-size: 1.6rem;color:#e13b29;border-radius: 20px; background: none}
.guang_button:active{background: #e13b29;color:#fff;}
@keyframes push{
	0%{transform: scale(1);}
	100%{transform: scale(0.96);}
}

/* 鎭枩浣犳敞鍐屾垚鍔熼鍙栫Н鍒� 缁撴潫 */

/* 鎭枩浣犳敞鍐屾垚鍔熻缃处鍙� 寮€濮� */
.register_set_nav{width: 100%;height:44px; text-align: center;line-height: 44px;color:#333;font-size: 1.8rem;position: relative;margin-bottom: 10px;}
.register_set_nav .back{position: absolute; width: 34px;height: 44px;background: url(../images/little_picture.png) no-repeat 0px -34px;background-size: 356px; top:0px;left:20px;}
.nav_little_title{text-align: center;font-size: 1.6rem;color:#999;margin-bottom: 10px;}

/*鎻愰啋*/
.remind{font-size: 1.2rem;color:#999;text-align: center;line-height: 20px;margin-top: 16px;}

/* 璺宠繃 */
.skip{text-align: right;margin-top: 14px;}
.skip a{font-size: 1.4rem;color:#999;margin-right: 10px;}
.skip a:active{color:#e13b29;}

/* 鎭枩浣犳敞鍐屾垚鍔熻缃处鍙� 缁撴潫*/

/* 璁剧疆鑰冭瘯 寮€濮� */
.set_test_box .nav{width: 100%;height:44px; text-align: center;line-height: 44px;color:#333;font-size: 1.8rem;position: relative;background: none;margin-bottom: 0px;}
.set_test_box .back{position: absolute; width: 34px;height: 44px;background: url(../images/little_picture.png) no-repeat 0px -34px;background-size: 356px; top:0px;left:20px;}
.set_test_box .test_remind{display: block; font-size: 1.4rem;color:#999;right:27px;top:0px;text-align: center;margin-bottom: 20px;}
.set_test_box .content_box{margin:0 10px;padding: 0}
/* 璁剧疆绫诲埆 */
.category_box{float: left;width: 33%;padding-bottom:14px;padding:0}
.vertical_line{width: 1px;height: 154px;background: #efefef;}
.level_line{width: 100%;height: 1px;background: #efefef;}
.category_title{height: 20px;margin-bottom: 10px;}
.category_title em{float: left;width: 16px;height: 16px;margin:2px 10px 0 9px;}
.category_box.last .category_title em{margin-left: 31px;}
.category_title span{font-size: 1.6rem;font-weight: bold;color:#e13a27; background-image: -webkit-linear-gradient(135deg,#ff813f,#e13a27);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.category_box li a{display: block; width: 103px;height: 24px;margin-top: 2px;position: relative;color:#666;font-size: 1.4rem;line-height: 24px;border-radius:12px;border:1px solid transparent;margin-left: 4px;}
.category_box.last li a{margin-left: 20px;}
.category_box li a span{margin-left: 10px;}
.category_box li a span:hover{color:#e13b29;}
.category_box li.choiced a{border-radius:12px;border:1px solid #e13b29;color:#e13b29;}
.category_box li.choiced a em{position: absolute;width: 18px;height: 18px;top: 3px;right: 3px;background: url(../images/little_picture.png) no-repeat -455px -231px;background-size: 600px;}
.category_title em.jianzhu{background: url(../images/little_picture.png) no-repeat -484px -231px;background-size: 600px;}
.category_title em.jinrong{background: url(../images/little_picture.png) no-repeat -509px -231px;background-size: 600px;}
.category_title em.caihui{background: url(../images/little_picture.png) no-repeat -535px -231px;background-size: 600px;}
.category_title em.zhiye{background: url(../images/little_picture.png) no-repeat -561px -231px;background-size: 600px;}
.category_title em.qita{background: url(../images/little_picture.png) no-repeat -584px -231px;background-size: 600px;}
.category_box li.transparent{opacity: 0;}

/* 璁剧疆鑰冭瘯 缁撴潫*/
/******** 鎵嬫満娉ㄥ唽鏍峰紡鍖哄煙 缁撴潫 ********/


@media only screen and (min-width:320px)and (max-width:359px){
.certain_submit{margin-top: 30px;}
.category_title em{margin:2px 10px 0 4px;}
.category_box li a{ width: 95px;}
.category_box li.choiced a em{display: none;}
.category_box li a{margin-left: 1px;}
.category_box.last .category_title em{margin-left: 20px;}
.category_box.last li a{margin-left: 11px;}
ul.safety_grade li em{width: 90px;}
.input_box.input_verificationcode{width: 174px;}
.input_box.input_dynamiccode{width: 174px;}
.integral-box{width: 280px;}
.integral dl,.growth dl{margin-left:10px;}
}


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

.certain_submit.submit_userlable{display: block;width: 100%; box-sizing: border-box;height: 45px;background-image: linear-gradient(128deg,#f25a43,#e13b29);margin-top: 30px;position: fixed; bottom: 0; left: 0; text-align: center;line-height: 45px;font-size: 1.6rem;font-weight: bold;color:#fff;box-shadow: 0 5px 8px 0px #ffd2cd;border:none;border-radius: 0px}

.footer{display:block;padding:15px 0;text-align:center;font-size:1.2rem;background:#fff;text-align: center;width: 100%;/*bottom:0;*/position:absolute}

a.wait_code { border: 1px solid #e0e0e0 !important;color: #aaa !important;background: #f5f5f5 !important;}