.w990{ width: 100%; max-width: 990px; margin: 0 auto; padding:0px;}
@media screen and (max-width:1010px){
	.w990{ padding: 0px 15px;}
}


.userheader{ position:fixed; top:0px; left:0px; width: 100%; z-index: 99;}
.usersub{ width: 100%; background: rgba(34,34,34,.9); padding:12px 0px;color: #FFFFFF; position: relative; z-index:2;}
.usersub a{color: #FFFFFF;display: inline-block; vertical-align: middle;height: 26px; line-height: 26px; }
.usersub a:hover{ color: #afafaf;}
.usersub .sub-left{ float: left;}
.usersub .sub-left a{ margin-right:30px;}
.usersub .sub-left .sub_a{ width: 104px; text-align: center;}
.usersub .sub-left .sub_a:hover{ color: #FFFFFF; background: url(../images/user/a_hover.png);}
.usersub .sub-right{ float: right;}
.usersub .sub-right span{ margin: 0px 8px;}
.usersub .sub{ display:none; position: absolute; top:100%; left:0px; width: 100%; background: rgba(255,255,255,.95); padding:12px 0px;}
.usersub .sub a{ color: #292929; margin: 0px 5%;}
.usersub .sub a:hover{ color: #df3343;}
.usersub .user-in{ float: right; }
.usersub .user-in .a-out{ color: #c1c1c1; margin-left: 20px;}
.usersub .user-in .a-out i{ font-style: normal; vertical-align: middle; display: inline-block;text-decoration: underline; }
.usersub .user-in .a-out img{ vertical-align: middle;}

.user-top{ height: 74px; line-height: 74px; background: rgba(255,255,255,.9);}
.user-top .logo{ float: left; margin-left: -50px; height:74px;}
.user-top .logo img{ height: 100%;}
.user-top span{  float: left; display: inline-block; margin:0px 20px; font-size: 26px; color: #454545;}
.user-top i{ float: left;  display: inline-block; height: 40px; line-height: 40px; margin-top: 17px; border-left:1px solid #c5c9cc; padding-left: 25px; color: #292929; font-style: normal;  font-size: 16px;}
.user-top .login-a{ position: absolute; top:50%; right:0px; height: 28px; line-height: 28px; margin-top: -14px; padding: 0px 5px; border: 1px solid #df3343; color:#df3343;}
.user-top ul{ float: left; margin-left: 50px;}
.user-top ul li{ float: left; display: block; height: 74px; font-size: 16px;}
.user-top ul li a{ display: block; padding: 0px 25px; color: #4a4a4a;}
.user-top ul li.active,.user-top ul li:hover{border-bottom:2px solid #df3343; }
.user-top ul li.active a,.user-top ul li:hover a{ color: #df3343;}
.user-top .w990{ position: relative;}
.user-top .w990 .red{ position: absolute; top:0px; right:100%; width: 100%; height: 100%; background: #df3343;}


.userfooter{background:#FFFFFF;}
.userfooter ul{ padding: 55px 0px;}
.userfooter ul li{ float: left; width: 25%; padding:0px 15px; font-size: 13px;}
.userfooter ul li img{ float: left; margin-right: 20px;}
.userfooter ul li div{ float: left; color: #a4a4a4;}
.userfooter ul li span{ color: #2f2f2f; font-size: 16px; line-height: 30px;} 
.userfooter .copyright{ text-align: center; background: rgba(0,0,0,.85);}


@media screen and (max-width:1200px){
	.user-top{ height: 60px; line-height: 60px;}
	.user-top .logo{ height: 60px; margin-left: -35px;}
	.user-top span{ font-size: 20px; margin: 0px 10px;}
	.user-top i{ font-size: 16px; height: 40px; line-height: 40px; margin-top:10px; padding-left: 10px;}
	.user-top ul li{ height: 60px;}
}
@media screen and (max-width:1000px){
	.user-top{ height: 44px; line-height: 44px;}
	.user-top .logo{ height: 44px; margin-left: -15px;}
	.user-top span{ font-size: 15px;}
	.user-top i{ font-size: 12px; height: 24px; line-height: 24px;}
	.user-top .login-a{ right:10px;font-size: 12px;}
	.user-top ul{ display: none; margin-left: 0px; position: absolute; left:0px; top:44px; float: none; width: 100%; background: #FFFFFF;}
	.user-top ul li{ float: none; width: 100%;line-height:40px; height: 40px;font-size: 12px; border-bottom: 1px solid #ffe5e7;}
	.user-top ul li a{ padding: 0px 20px; }
	.user-top ul li.active,.user-top ul li:hover{border-bottom: 1px solid #ffe5e7;}
	.user-top ul li.active a,.user-top ul li:hover a{ color: #4a4a4a;}
	.userfooter ul li{ padding: 0px;font-size: 12px;}
	.userfooter ul li img{ width:45px; margin-right: 10px;}
	.userfooter ul li span{ font-size: 14px; line-height:20px;}
}
@media screen and (max-width:720px){
	.userfooter ul{ padding: 20px 0px 0px;}
	.userfooter ul li{ width: 50%; padding-bottom: 20px;}
	.userfooter ul li span{ font-size: 12px;}
}
@media screen and (max-width:640px){
	.usersub{padding: 5px 0px;}
	.usersub .sub-left a{ margin-right: 10px;}
	.usersub .sub-left .sub_a{ width:60px; }
	.usersub .sub-left .sub_a:hover{ background: #df3343;}
	.usersub .user-in .a-out{ margin-left:5px;}
	.usersub .sub{ padding: 5px 0px;}
	.usersub .sub a{ margin: 0px 10px;}
	.user-top .login-a{ display: none;}
}
@media screen and (max-width:380px){
	.userfooter ul li img{ margin-top:5px; width: 30px; margin-right: 5px;}
}



/******login*******/
.login{ background-image: url(../images/user/login_bg.jpg); padding-top: 220px; position: relative;}
.login-container .text{ float: left; margin-top: 80px;}
.loginBox{ float: right; width: 100%; max-width:520px; padding: 45px 55px 30px; background: rgba(0,17,30,.7); outline:8px solid rgba(255,255,255,.11);font-size: 16px; }
.login-tab{ width: 100%; color: #FFFFFF; margin-bottom: 30px;}
.login-tab span{ display: inline-block; margin-right: 20px; cursor: pointer;}
.login-tab .cur{ font-weight: bold;}
.login-tab span img{ margin-right: 5px; vertical-align: middle; width: 15px;}
.login-tab span i{ vertical-align: middle; font-style: normal;}

.login-con{ display: none;}
.login-con .in{ background:#ecedee; height: 47px; line-height: 47px; position: relative; padding:8px 55px; margin-bottom: 20px;}
.login-con .in img{position: absolute; top:1px; height: 45px;}
.login-con .in .icon{ left:1px;}
.login-con .in .icon2{ display: none;left:0px;}
.login-con .in .img-right{ position: absolute; right:12px; top:50%; margin-top: -10px;height: 20px; }
.login-con .in .poor{ cursor: pointer;}
.login-con .in .in_input{ float: left; background: none;font-family:Microsoft YaHei; width: 100%; height:30px; line-height:30px; border: none; color: #4a4a4a;}
.login-con .in.cur{ border:1px solid #df3343; background: #FFFFFF; line-height: 45px;}
.login-con .in.cur .icon{ display: none;}
.login-con .in.cur .icon2{ display: block; top:0px; }
.login-con .tip{ height: 34px; line-height: 34px; color: #df3343; font-size: 14px;}
.login-con .tip img{ vertical-align: middle; margin-right:5px; width: 15px;}
.login-con .tip span{ display: inline-block; vertical-align: middle;}

.login-con .submit{ width: 100%; background: #df3343; color: #FFFFFF; height: 48px; line-height: 48px; font-size: 25px;font-family:Microsoft YaHei; border-radius:3px;}
.login-con .alink{ font-size: 14px;}
.login-con .alink a{ color: #FFFFFF;}
.login_con .alink a:hover{ color: #afafaf;}
.login-con .alink .areg{ float: left;}
.login-con .alink .areg img{ vertical-align: middle;margin-right:5px; width: 17px;}
.login-con .alink .areg span{ display: inline-block; vertical-align: middle;}
.login-con .alink .aforget{ float: right;}
.login-con .code{ padding-right:210px;}
.login-con .code #btnSendCode{ position: absolute; right:0px; top:0px; display: inline-block; height: 47px; width: auto; padding: 0px 20px; border-left: 1px solid #d6d5d5; background: #ebe9e9;  font-family:Microsoft YaHei; color: #434343;  border-radius: 0px;}
.login-con .code.cur #btnSendCode{ height:45px;}

@media screen and (max-width:1000px){
	.login{ padding-top: 130px;}
	.login-container .text{ float: none; margin: 0 auto 50px; max-width:45%;}
	.loginBox{ float:none; margin: 0 auto;}
}
@media screen and (max-width:640px){
	.login{ padding-top: 100px;}
	.login-container .text{ margin-bottom:20px;}
	.loginBox{ padding:30px 10px 20px; font-size: 14px;}
	.login-tab{ margin-bottom: 20px;}
	.login-con .in{ margin-bottom: 12px;}
	.login-con .submit{height: 40px; line-height: 40px; font-size: 16px; }
	.login-con .code{ padding-right: 145px;}
	.login-con .code #btnSendCode{ padding: 0px 5px;}
	.login-con .tip{ height:28px; line-height: 28px; font-size: 12px;}
	.login-con .alink{ font-size: 12px;}
}

.cartoon-scroll{ margin: 75px 0px 80px;}
.cartoon-scroll .slick{ width: 100%; max-width:1056px;text-align: center; margin:0 auto;}
.cartoon-scroll .slick-slide{margin: 0px 23px; border: 4px solid rgba(255,255,255,.13); border-radius: 5px;}
.cartoon-scroll .slick-slide a{ display: block; height:119px; background: rgba(0,17,30,.6); }
.cartoon-scroll .slick-slide a img{vertical-align: middle; max-height: 100%;}
.cartoon-scroll .slick-slide a i{ display:inline-block; height: 100%; vertical-align: middle;}
.cartoon-scroll .slick-dots{ bottom:-30px;}
.cartoon-scroll .slick-slide:hover{ border: 4px solid #df3343;}
.cartoon-scroll .slick-slide:hover a{ background: #FFFFFF;}
@media screen and (max-width:1000px){
	.cartoon-scroll{ padding: 0px 6px;}
	.cartoon-scroll .slick-slide{ margin: 0px 15px;}
}
@media screen and (max-width:640px){
	.cartoon-scroll{ margin: 25px 0px 50px;}
	.cartoon-scroll .slick-slide{ margin: 0px 5px;}
	.cartoon-scroll .slick-dots{ bottom:-20px;}
}



/******register*******/
.register{ background-image: url(../images/user/register_bg.jpg); padding-top: 210px; position: relative;}
.register-container{ padding-bottom: 90px; }
.register-tab{ color: #FFFFFF;}
.register-tab span{ float: left; display:inline-block; width: 28%; text-align: center; background: rgba(255,255,255,.1);border-radius: 10px 10px 0px 0px; padding:10px 0px; margin-right: 10px; cursor: pointer;}
.register-tab span img{ vertical-align: middle; margin-right: 10px;}
.register-tab span .icon2{ display:none;}
.register-tab span i{ font-style: normal; display: inline-block; vertical-align: middle;}
.register-tab span.cur{ background: rgba(0,0,0,.35); }
.register-tab span.cur .icon{display:none; }
.register-tab span.cur .icon2{ display:inline-block;}

.register-con{ width: 100%; background: rgba(0,0,0,.35); border-radius:0px 15px 15px 15px; padding: 75px 5px;}
.register-con .con{ display:none;  width: 100%; max-width: 465px; margin: 0 auto;} 
.register-con .in{ background: #e8e8e9; height: 58px; line-height: 58px; position: relative; border-radius: 3px; padding: 9px 50px 9px 135px;}
.register-con .in span{ position: absolute; top:0px; left:0px; height: 100%; color: #4a4a4a; font-size: 16px; padding:0px 28px;}
.register-con .in span font{ color: #df3343;}
.register-con .in .in_input{ float: left; width: 100%; height: 38px; line-height: 38px; border: none; background: none;font-family:Microsoft YaHei;}
.register-con .in .img-right{ position: absolute; right:13px; top:50%; margin-top: -10px;height: 20px; }
.register-con .code{ padding-right: 120px; position: relative;}
.register-con .code a{ position: absolute; display:inline-block; right:0px; top:0px; height: 100%; width: 110px;}
.register-con .code a img{ height: 100%;}
.register-con .code2{ padding-right: 200px;}
.register-con .code2 #btnSendCode{ position: absolute; right:0px; top:0px; display: inline-block; height: 100%; width: auto; padding: 0px 15px; border-left: 1px solid #d6d5d5; background: #ebe9e9;  font-family:Microsoft YaHei; color: #434343; border-radius: 0px;}
.register-con .tip{ height: 28px; line-height: 28px; margin-bottom: 5px; color: #df3343; font-size: 13px;}
.register-con .tip img{ margin-right: 10px; vertical-align: middle;}
.register-con .tip span{ display: inline-block; vertical-align: middle;}
.register-con .text{ margin-bottom: 15px; color: #FFFFFF; font-size: 12px;}
.register-con .text input{ margin-right: 8px; display: inline-block; vertical-align: middle;}
.register-con .text span{ display: inline-block; vertical-align: middle;}
.register-con .text a{ color: #ffe1bb;}
.register-con .text a:hover{ text-decoration: underline;}
.register-con .button{width: 100%; background: #df3343; color: #FFFFFF; height:58px; line-height: 58px; font-size: 30px;font-family:Microsoft YaHei; border-radius:3px;}

@media screen and (max-width:1000px){
	.register{ padding-top:150px; }
	.register-container{ padding-bottom: 60px; }
}
@media screen and (max-width:640px){
	.register{ padding-top:110px;}
	.register-container{ padding-bottom: 30px; }
	.register-tab span{ width: 46%;}
	.register-tab span img{ width: 30px; margin-right: 5px;}
	.register-con{ padding: 30px 5px;}	
	.register-con .in{ height: 44px;line-height: 44px;padding: 2px 40px 2px 75px;}
	.register-con .in span{ font-size: 12px; padding: 0px 10px;}
	.register-con .in .right-img{ right:10px;}
	.register-con .code{ padding-right: 90px;}
	.register-con .code a{ width: 80px;}
	.register-con .code2{ padding-right: 150px;}
	.register-con .code2 #btnSendCode{  padding: 0px 5px;}
	.register-con .tip{ height: 24px; line-height: 24px; margin-bottom: 0px;}
	.register-con .button{height: 40px; line-height: 40px; font-size: 16px; }
}

.register-sucess{ background-image: url(../images/user/register_sucess_bg.jpg);}
.register-sucess .sucess{ background: rgba(0,0,0,.35); border-radius: 15px; padding: 100px 10px; text-align: center; color: #FFFFFF;}
.sucessBox{ color: #FFFFFF;text-align: center;}
.sucessBox  a{ color: #FFFFFF;}
.sucessBox .tit{ font-size: 42px; margin: 20px 0px;}
.sucessBox .info{ width: 80%; max-width: 440px; margin: 0 auto; padding: 15px 0px; line-height:30px; border-top:1px dashed #FFFFFF;border-bottom:1px dashed #FFFFFF;}
.sucessBox .info span{ margin: 0px 15px;}
.sucessBox .save img{ vertical-align: middle; margin-right: 8px;}
.sucessBox .save i{ display: inline-block; font-style: normal; vertical-align: middle;text-decoration: underline;}
.sucessBox .save:hover{ color: #cdcdcd;}
.sucessBox .homelink{ margin-top: 20px; background: #df3343; color:#FFFFFF; display: inline-block; height: 26px; line-height: 26px; padding:0px 20px;}
@media screen and (max-width:640px){
	.register-sucess .sucess{ padding: 30px 5px;}
	.sucessBox .center-img{ width: 16%;}
	.sucessBox .tit{ font-size: 20px;}
	.sucessBox .info{ line-height: 24px;}
	.sucessBox .info span{ display: block; margin: 0px;}
}



/******forget*******/
.forget{background-image: url(../images/user/forget_bg.jpg);}
.forget-con{background: rgba(0,0,0,.35); padding: 80px 10px 150px;}
.forget-con .step{ text-align: center;}
.forget-con .cont{width: 100%; max-width: 465px; margin: 100px auto 0;}
.forget-con .in{ padding-left: 80px;}
.forget-con .in .icon{ position: absolute; top:0px; left:0px; height: 100%;}
.forget-con .info{ color: #FFFFFF; margin-bottom:20px; }

@media screen and (max-width:640px){
	.forget-con{ padding: 30px 5px;}
	.forget-con .cont{ margin-top: 30px;}
	.forget-con .in{ padding-left: 60px;}
}



/*********user**********/
.user{ background-image: url(../images/user/user_bg.jpg); padding-top: 200px; color: #FFFFFF;}
.user-container { padding-bottom: 85px;}
.user-container .left{ float: left; width: 24%; text-align: center;}
.user-container .phone{ background: rgba(0,0,0,.2); padding-top: 25px; border-radius: 10px;}
.user-container .phone .head-img{  width: 140px; margin: 0 auto; border-radius: 10px; overflow: hidden; position: relative;}
.user-container .phone .head-img i{ display:inline-block; padding-bottom: 100%;}
.user-container .phone .head-img img{ position: absolute; top:0px; left:0px; width: 100%; height: 100%;}
.user-container .phone p{ font-size: 16px; padding: 10px 10px 20px;}
.user-container .phone .con{ padding: 20px 10px; border-top:1px solid #345572;}
.user-container .phone .con a{ float: left; color: #c1d9eb; display: inline-block; width: 50%; }
.user-container .phone .con a:hover i{ text-decoration: underline;}
.user-container .phone .con i{ font-style: normal; display: inline-block; vertical-align: middle;}
.user-container .phone .con img{ vertical-align: middle; margin-right:3px;}
.user-container .list li{ margin-top: 10px; width:100%;}
.user-container .list li a{ display: block; color: #FFFFFF;  border: 1px solid rgba(0,0,0,0); background: rgba(0,0,0,.2); border-radius: 10px; overflow: hidden;}
.user-container .list li span{ display: block; width: 100%; height: 105px;}
.user-container .list li span i{ display: inline-block; height: 100%; vertical-align: middle;}
.user-container .list li span img{ max-height: 100%; max-width: 100%; vertical-align: middle;}
.user-container .list li p{ height: 38px; line-height: 38px;background: rgba(0,0,0,.3);}
.user-container .list li:hover a{ border: 1px solid #df3343; background: #FFFFFF;}
.user-container .list li:hover p{ background: #df3343;}

.user-container .right{ float: right; width: 74.5%; }
.user-info{background: rgba(0,0,0,.3); border-radius: 10px; padding: 30px 30px 30px 145px; position: relative;}
.user-info .date{ position: absolute; top:30px; left:30px; width: 76px;}
.user-info .date b{ font-size:54px; line-height: 54px; font-weight: normal; font-family:arial;}
.user-info .date span{ position: absolute; top:5px; right:0px; width: 12px; line-height:14px;}
.user-info .date p{ text-align: center;}
.user-info .info{ padding-left: 25px; border-left:1px solid #347eac;}
.user-info .info .p1{ font-size: 16px; margin-bottom: 10px;}
.user-info .info .p2{ line-height: 36px;}
.user-info .info .p2 img{ vertical-align: middle; margin-right: 5px;}
.user-info .info .p2 span{ display: inline-block; vertical-align: middle;}

.game-points .item{ margin-top: 10px;background: rgba(0,0,0,.2); border-radius: 10px; overflow: hidden;}
.game-points .item .tit{ height: 46px; line-height: 46px; padding: 0px 35px;background: rgba(0,0,0,.2); color: #c1d9eb;}
.game-points .item .tit span{ font-size: 16px; color: #FFFFFF; margin-right: 20px;}
.game-points .item .con{ padding: 20px 35px;}
.game-points .item .con .dimg{ float: left; width: 40%; position: relative;}
.game-points .item .con .dimg i{ display: inline-block; padding-bottom: 60.5%;}
.game-points .item .con .dimg img{ position: absolute; top:0px; left:0px; width: 100%; height: 100%;}
.game-points .item .con .text{ float: right; width: 56%;}
.game-points .item .con .p1{ margin-bottom: 4%; }
.game-points .item .con .p1 span{ float: left; display: inline-block; width: 50%;}
.game-points .item .con .p1 b{ display: inline-block; vertical-align: middle; font-size: 20px; font-weight: normal;}
.game-points .item .con .p1 img{ vertical-align: middle; margin-right: 10px;}
.game-points .item .con .p1 i{ font-style: normal; vertical-align:middle; color: #c1d9eb;}
.game-points .item .con .p2{ padding-top:15%;}
.game-points .item .con .p2 a{ margin-right: 30px; color: #c1d9eb;}
.game-points .item .con .p2 a i{ font-style:normal; text-decoration: underline; margin-right: 5px;}
.game-points .item .con .p2 a:hover{ color:#FFFFFF;}

@media screen and (max-width:1010px){
	.user{ padding-top: 140px;}
	.game-points .item .tit{ padding: 0px 15px;}
	.game-points .item .con{ padding: 15px;}
	.game-points .item .con .dimg{ width: 32%;}
	.game-points .item .con .text{ width: 65%;}
	.game-points .item .con .p1 b{ font-size: 18px;}
	.game-points .item .con .p2{ padding-top: 2%;}
}
@media screen and (max-width:830px){
	.user{ padding-top: 110px;}
	.user-container{ padding-bottom: 30px;}
	.user-container .left{ float: none; width: 100%;}
	.user-container .phone{ padding: 10px; }
	.user-container .phone .head-img{ width: 100%;}
	.user-container .phone p{ padding: 10px;}
	.user-container .phone .con{ padding: 10px;}
	.user-container .list { display: none;}
	.user-container .right{ float: none; width: 100%; margin-top: 10px;}	
}
@media screen and (max-width:640px){
	.user-info{ padding: 10px 10px 10px 105px;}
	.user-info .date{ left:10px; top:10px;}
	.user-info .info .p2{ line-height: 26px;}
	.game-points .item .tit span{ font-size: 13px; margin-right: 10px;}
	.game-points .item .con{ padding: 10px;}
	.game-points .item .con .dimg{ float: none; width: 100%; margin-bottom: 10px;}
	.game-points .item .con .text{ float: none; width: 100%;}
	.game-points .item .con .p1{ margin-bottom: 10px;}
	.game-points .item .con .p1 b{ font-size: 14px;}
	.game-points .item .con .p1 img{ margin-right: 3px;}
	.game-points .item .con .p2{ padding-top: 0px;}
}
@media screen and (max-width:380px){
	.user-info{ padding: 10px;}
	.user-info .date{ display: none;}
	.user-info .info{ border: none; padding:0px;}
	.game-points .item .con .p1 b{ display: block; margin-left:20px;}
}
@media screen and (max-width:360px){
	.game-points .item .con .p2 a{ margin-right: 5px;}
}



/*********head-portrait**********/
.infolink{ background: rgba(0,0,0,.3);}
.infolink a{ margin: 0px 30px; display: inline-block; height: 62px; line-height: 62px; color: #a0bad1;font-size: 16px;}
.infolink a.cur{ color: #FFFFFF;}

.head-portrait{ background: rgba(0,0,0,.3); border-radius: 10px;overflow: hidden;}
.head-portrait .box{ margin-top: 30px;  padding: 0px 35px; position: relative;} 
.head-portrait .box .img{ margin-top: 20px; position: relative;width: 230px; display: block; border-radius: 10px; overflow: hidden;}
.head-portrait .box .img i{ display: inline-block; padding-bottom: 100%;}
.head-portrait .box .img img{ position:absolute; top:0px; left:0px; height: 100%; width: 100%;}
.head-portrait .box .button{ position: absolute; bottom:0px; right:35px;}
.head-portrait .box .button input{ margin-left: 10px;width: 130px;}
.head-portrait .tab{ margin-top: 10px; padding: 0px 30px; }
.head-portrait .tab div{ border-bottom: 1px solid #3e638d; }
.head-portrait .tab span{  margin-right: 30px; cursor: pointer; display: inline-block; height: 54px; line-height: 54px;}
.head-portrait .tab span.cur{ border-bottom: 3px solid #ffffff; color: #FFFFFF;}
.head-portrait .tabcon .con{ display: none; padding: 0px 15px 40px;}
.head-portrait .tabcon li{ float: left; margin-top: 25px; width: 25%; padding: 0px 15px; cursor: pointer;}
.head-portrait .tabcon li div{ opacity: .8; border-radius: 10px; overflow: hidden;position: relative; }
.head-portrait .tabcon li div i{ display: inline-block; padding-bottom: 100%;}
.head-portrait .tabcon li div img{ position:absolute; top:0px; left:0px; height: 100%; width: 100%;}
.head-portrait .tabcon li:hover div{ opacity: 1; box-shadow:0px 0px 25px #16bff1;} 
@media screen and (max-width:830px){
	.infolink a{ height:50px; line-height: 50px; }
	.head-portrait .box{ padding: 0px 10px; margin-top: 10px;}
	.head-portrait .tab{ padding: 0px 10px;}
	.head-portrait .tab span{ margin-right: 10px;}
	.head-portrait .tabcon .con{ padding: 0px 10px 20px;}
	.head-portrait .tabcon li{ margin-top:20px; padding: 0px 10px;}
}
@media screen and (max-width:640px){
	.infolink{ margin-top: 0px;}
	.infolink a{ float: left; margin: 0px; text-align: center; width:33.3%; font-size: 14px;}
	.head-portrait .box{ text-align: center;}
	.head-portrait .box .img{ width: 100%;}
	.head-portrait .box .button{ position: relative; right:auto; bottom: auto; margin-top: 10px; width: 100%;}
	.head-portrait .box .button input{ width: 115px; margin: 0px 5px;}
	.head-portrait .tab span{ height: 42px; line-height: 42px;}
	.head-portrait .tabcon .con{ padding: 0px 5px 10px;}
	.head-portrait .tabcon li{ margin-top: 10px; padding:0px 5px;width: 33.3%; }
}


.information{ padding: 30px 35px; min-height: 838px; color:#FFFFFF;}
.information .tit{border-bottom: 1px solid #3e638d; padding-bottom: 10px;} 
.information .in{ margin-top: 20px; height: 44px; line-height: 44px; position: relative; padding-left: 90px;}
.information .in span{ position:absolute; top:0px; left:0px;}
.information .in .in_input{ width: 100%; max-width: 485px; padding:0px 10px; height:44px; line-height: 44px; border-radius: 0; font-family:Microsoft YaHei; color: #FFFFFF; background: rgba(0,0,0,.1); border: 1px solid rgba(255,255,255,.3);}
.information .in .in_input::-webkit-input-placeholder{color:#81aaca;}
.information .in .in_input::-moz-placeholder { color:#81aaca; } 
.information .in .in_input:-ms-input-placeholder { color:#81aaca; } 
.information .in .in_input:-moz-placeholder { color:#81aaca; }
.information .in .radio{ vertical-align: middle;}
.information .in i{ font-style: normal; display: inline-block; vertical-align: middle; margin-right: 10px;}
.information .select-div select{ float: left; width: 33.3%; max-width: 162px;font-family:Microsoft YaHei; color: #FFFFFF; background: rgba(0,0,0,.1); border: 1px solid rgba(255,255,255,.3); height: 44px; line-height: 44px; color:#81aaca; padding: 0px 10px; border-radius:0px;}
.information .button{ padding-left: 90px; margin-top: 40px;}
.information .button input{ margin-right: 10px; width: 130px;}

@media screen and (max-width:830px){
	.information{ padding: 10px; min-height: 0px;}
	.information .in{ margin-top: 10px;}
	.information .button{ margin-top: 20px;}
	.information .select-div select{-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
}
@media screen and (max-width:640px){
	.information .in{ padding-left: 60px;}
	.information .button{ padding-left: 0px; text-align: center;}
	.information .button input{ width: 115px; margin: 0px 5px;}
}




/***password***/
.password-sub{background: rgba(0,0,0,.3);border-radius: 10px; text-align: center; line-height: 60px; color: #c1e1f8; font-size: 16px;}
.password-sub .tit{ background: rgba(0,0,0,.3); height: 60px;border-radius: 10px 10px 0px 0px; overflow: hidden;}
.password-sub li{ border-top: 1px solid #11355e; position:relative;}
.password-sub li a{ display: block; height: 60px; color: #c1e1f8;}
.password-sub li img{ display: none; vertical-align: middle;}
.password-sub li span{  display: none; width: 20px;} 
.password-sub li .left_in{ position: absolute; top:50%; right:-15px}
.password-sub li i{ display:inline-block; font-style: normal; vertical-align: middle; margin:0px 10px;}
.password-sub li.active a{color: #FFFFFF;}
.password-sub li.active img{ display:inline-block;}
.password-sub li.active span{ display:inline-block;}

.password-con{ background: rgba(0,0,0,.4);border-radius: 10px; padding: 0px 0px 65px; overflow: hidden;}
.password-con .title{height: 60px; line-height: 60px; padding: 0px 35px; margin-bottom: 40px; background: rgba(0,0,0,.2); color: #c1d9eb;}
.password-con .tab{ text-align: center; padding-bottom:40px;}
.password-con .tab b{ display: inline-block; font-weight: normal; vertical-align: middle;}
.password-con .tab span{ margin-left: 30px; color: #81aac9; cursor: pointer;}
.password-con .tab span img{  margin-right: 5px; vertical-align: middle; width: 15px;}
.password-con .tab span i{ vertical-align:middle; font-style: normal; display: inline-block;}
.password-con .tab span.cur{ color: #FFFFFF;}
.password-con .password-tabcon .con{ display: none; max-width: 480px; width: 100%; padding: 0px 10px; margin: 0 auto;}
.password-tabcon .in{ height: 52px; line-height: 52px; padding-left: 90px;position: relative;}
.password-tabcon .in span{ position: absolute; top:0px; left:0px;}
.password-tabcon .in span font{ color: #df3343;}
.password-tabcon .in div{ float: left; width: 100%; height: 52px; line-height: 52px; padding:7px 50px 7px 10px;  background: rgba(0,0,0,.1); border: 1px solid rgba(255,255,255,.2); position: relative;}
.password-tabcon .in .img-right{ position: absolute; top:50%; right:13px; height: 20px; margin-top: -10px;}
.password-tabcon .in .in_input{ float: left; padding:0px 10px;  width: 100%; border-radius: 0; border: none; background: no-repeat; height: 38px; line-height: 38px; font-family:Microsoft YaHei; color: #FFFFFF;}
.password-tabcon .code div{ padding-right: 190px;position: relative;}
.password-tabcon .code #btnSendCode{ position: absolute; right:0px; top:0px; height: 100%; width:auto; padding: 0px 15px; text-align: center; background: #648193; font-family:Microsoft YaHei; color: #112032; border-radius: 0px;}
.password-tabcon .tip{ padding-left: 90px; height: 28px; line-height: 28px; color: #df3343; font-size: 13px;}
.password-tabcon .tip img{ margin-right: 10px; vertical-align: middle;}
.password-tabcon .tip span{ display: inline-block; vertical-align: middle;}
.password-tabcon .bottom{ padding-left: 90px; text-align: center; }
.password-tabcon .bottom input{ width: 100%; background: #df3343; color: #FFFFFF; height:58px; line-height: 58px; font-size: 20px;font-family:Microsoft YaHei; border-radius:3px;}
.password-tabcon .text { margin-top: 15px; color: #26aad2;}
.password-tabcon .text img{ margin-right: 5px; vertical-align: middle;}
.password-tabcon .text span{ display: inline-block; vertical-align:middle;}
.password-tabcon .text .save{ margin-top: 15px; display: inline-block; color: #d6e0e7;}
.password-tabcon .text .save i{ display: inline-block; font-style: normal; vertical-align: middle;text-decoration: underline;}
.password-tabcon .text .save:hover{ color: #a4a4a4;}

.password-con .sucessBox .p-ts{font-size: 18px; color: #c1e1f8; padding-bottom: 10px;}
.password-con .sucessBox .tit span{ display: inline-block; position: relative;}
.password-con .sucessBox .tit a{ display: inline-block; position: absolute; left:100%; top:-20px; width:80px;}
.password-con .step{ text-align: center; padding: 0px 10px;}
.password-con .change{ max-width: 475px; width: 100%; padding: 50px 10px 0px; margin: 0 auto;}
.password-con .change .in{ background: rgba(0,0,0,.1); border: 1px solid rgba(0,110,180,.4);}
.password-con .change .in input{ color: #FFFFFF; }
.password-con .change .in input::-webkit-input-placeholder{color:#81aaca;}
.password-con .change .in input::-moz-placeholder { color:#81aaca; } 
.password-con .change .in input:-ms-input-placeholder { color:#81aaca; } 
.password-con .change .in input:-moz-placeholder { color:#81aaca; }
.password-con .change .code2 #btnSendCode{  background: #648193; border: none; color: #112032; border-radius: 0px;}
.password-con .change .remind{ padding-bottom: 30px;}
.password-con .change .remind div span{ font-size: 22px; vertical-align: middle; display: inline-block;}
.password-con .change .remind div img{vertical-align: middle; margin-right: 10px;}
.password-con .change .remind p{ padding-left: 40px;color: #81aaca;}

@media screen and (max-width:830px){
	.password-sub li{ float: left; width: 50%; font-size: 14px;}
	.password-sub li.active .left_in{ display: none;}	
}
@media screen and (max-width:640px){
	.password-sub{ line-height: 40px;}
	.password-sub .tit{ height:40px;}
	.password-sub li a{ height: 40px;}
	.password-con{ padding-bottom: 30px;}
	.password-con .title{ height: 40px; line-height: 40px; padding: 0px 10px; margin-bottom: 20px;}
	.password-con .tab{ padding-bottom: 20px; }
	.password-con .tab b{ display: block; margin-bottom:10px;}
	.password-con .tab span{ margin: 0px 10px;}
	.password-tabcon .in{ padding-left:65px; height:44px; line-height: 44px; }
	.password-tabcon .in div{ height: 44px; line-height: 44px; padding:2px 40px 2px 10px;}
	.password-tabcon .in .right-img{ right:10px;}
	.password-tabcon .tip{ padding-left: 75px;}
	.password-tabcon .code div{ padding-right: 140px;}
	.password-tabcon .code #btnSendCode{ padding: 0px 3px;}
	.password-tabcon .bottom{ padding-left: 0px;}
	.password-tabcon .bottom input{ height: 40px; line-height: 40px; font-size: 16px;}

	.password-con .sucessBox .p-ts{ font-size: 12px;}
	.password-con .sucessBox .tit a{ width: 70px;}
	.password-con .change{ padding-top: 20px;}
	.password-con .change .remind{ padding-bottom: 20px;}
	.password-con .change .remind div span{ font-size: 16px;}
	.password-con .change .remind div img{ width:20px; margin-right: 8px;}
	.password-con .change .remind p{ padding-left:28px;}
}