/* 登录注册页面 */
.login-body{background: #fff;}
/*============ top-nav ============*/
.top-nav{background: #2e2e33;position: relative;z-index:100;font-size: 14px;color: #a1a1a3;height: 36px;line-height: 36px;padding: 0 0 0 15px;box-shadow: 0 5px 8px rgba(0,0,0,.15);}
.top-nav a{color: #797979;display:block}
.top-nav a:hover{background: #f5f5f5;}
.top-nav-left{float: left;}
.top-nav-right{float: right;}
.top-nav-right .r-nav:hover .r-nav-child{display: block;min-width: 100%;}
.top-nav .r-nav .cart_icon{background: #ee2d2d;color: #fff;display: inline-block;line-height:15px;height: 17px;min-width: 17px; padding: 0 5px;border-radius:15px;font-size: 13px;margin-left: 3px;vertical-align: text-top;}

.top-nav-right .r-nav{float: left;padding: 0 10px;position: relative;height: 36px;line-height: 36px; text-align: center}
.top-nav-right .r-nav:hover{background: #000}
.top-nav-right .r-nav .r-nav-child{display: none;position:absolute;right: 0;top:36px; background: #fff;box-shadow: 0 5px 8px rgba(0,0,0,.15);color: #333}
/*header*/
.header{position: absolute;width: 100%;padding-top: 10px;}
.logo{}

.header-nav{margin-top: 10px;}
.header-nav > ul > li{float: left;margin: 0 3px;line-height: 40px;}
.header-nav a{font-size: 16px;font-weight: bold;}
.header-nav > ul > li>a{padding: 0 10px; }
.header-nav > ul > li:hover .header-subnav{display: block}
.header-nav .header-subnav{text-align: center;display: none;background: #fff;box-shadow: 0 5px 8px rgba(0,0,0,.08);min-width: 100%;}
.header-nav .header-subnav a{font-size: 15px;line-height:25px;font-weight: normal}

@media(max-width:768px){
    .xs-hide{display: none!important;}
    .header-nav { margin-top:0px;}
    .logo{width: 105px;}
    .logo img{max-width: 100%;}
    .header-nav > ul > li>a {padding: 0;font-size: 14px;}
    .header-nav > ul > li {line-height:30px;}
}

/*================================= 登录注册 =================================*/
.login_bg{background: url(../images/login.jpg) #e6e5ea no-repeat left center;}
.register_bg{background: url(../images/login2.jpg) #d2dbe3 no-repeat center;}
.login_bg .wp{vertical-align: middle;min-height:750px;overflow: hidden}
.login_box{float: right;margin-top:12%;margin-bottom: 50px; width:440px;padding:20px 30px 0 30px;min-height:280px;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,.08); transition: all .3s;}

.login_tit{padding-top: 10px;}
.login_tit h1{font-size: 26px;}

.login_con{padding:15px 0;}
.login_con img{vertical-align: top;}
.login_inp{position: relative;}
.login_inp input{padding-left: 52px;margin-bottom: 15px;height:50px;line-height:50px;font-size: 16px; border: solid 1px #e1e1e1;color: #919191;width:100%;position: relative;}
.login_inp .login_ico{position: absolute;left: 13px;top: 4px;color: #c4c4c4;font-size: 24px;z-index: 1;}
.login_btn{background: #ee2d2d;border: none;color: #fff;font-size: 18px;height:50px;line-height:50px;text-align: center;width:100%;cursor: pointer;border-radius: 2px;display: inline-block;}
.login_btn:hover{background: #e30003;color: #fff;}
.login_inp .login_yzm{
    width:200px;
    width:calc(100%-140px);
    width:-webkit-calc(100% - 140px);
    width:-moz-calc(100% - 140px);margin-left: -1px;}
.login_inp .login_yzm_img{border:solid 1px #e1e1e1;height:50px;line-height:48px;width: 130px;float: right;cursor: pointer}
.login_dxbtn{border:solid 1px #e1e1e1;background: #f9f9f9;color: #666;font-size: 16px; height:50px;line-height:48px;float: right;width: 130px;margin-left: -1px;cursor: pointer;}
.login_dxbtn:hover{background: #f3f3f3;}

.login_tip{margin: -12px auto 8px;font-size: 12px;color: #999;}
.login_tip_default{margin: -12px auto 8px;font-size: 12px;color: #999;}
.login_error .login_tip,
.login_error .login_ico{color: #ff4a3e;}
.login_error input{border-color: #ff4a3e;}

.login_bottom{margin:15px -30px 0;background: #f9f9f9;padding:13px 30px;border-top:solid 1px #e9e9e9;overflow: hidden;}
.login_bottom a{color: #999;}
.login_bottom a:hover{color: #5186da;}

.login-box .item{overflow: hidden;}
.login-box label{ margin:0; font-weight:normal;}
.register_box{width:650px;border-radius:3px; margin: auto;margin-top:11%;margin-bottom: 50px;padding:40px 50px;min-height:280px;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,.08);}
.register_tit{text-align: center;font-size:26px;}

.login-steps{overflow: hidden;}
.login-steps .login-line{height:18px;border-bottom: 1px solid #ddd;margin:15px auto 30px;position: relative;}
.login-steps .login-line i{line-height: 33px; height:35px;width:35px;border: solid 1px #d1d1d1;color: #999; border-radius: 100%;display: inline-block;text-align: center;margin-right: 10px;}
.login-steps .login-line>div{position: absolute;padding: 0 10px; background: #fff;}
.login-steps .login-line .active{color: #6e91dd;}
.login-steps .login-line .active i{color: #fff;background: #6e91dd;border-color: #6e91dd;}
.login-steps .login-line .login-steps01{left: 0}
.login-steps .login-line .login-steps02{left:50%;margin-left: -50px;}
.login-steps .login-line .login-steps03{right: 0}

.register_con{width:400px;margin:20px auto 0;}
.login_jieguo{text-align: center;}
.login_jieguo i{font-size:44px;vertical-align: middle;}
.login_jieguo h1{ display: inline;}
.login_jieguo .bottom{margin-bottom: 50px;margin-top:10px;}
.login_jieguo .bottom a{border: 1px solid #ddd;background: #fff; padding: 0 15px; height:30px;line-height:28px;margin: 0 2px; display: inline-block;border-radius: 3px;}
.login_jieguo .bottom a:hover{color: #666;background: #f6f6f6;}

@media(max-width:768px){
    .login_tit {padding-top:0px;}
    .login_bg {padding: 10px;}
    .register_box{padding:20px 10px;width:100%;margin-top:50px;}
    .login_box {margin-top:50px;width:100%;margin-bottom: 10px;padding: 15px 15px 0;}
    .login_bg .wp {min-height:auto;}
    .login_inp input {height: 40px;line-height: 40px;font-size: 14px;border: solid 1px #e1e1e1;padding-left: 42px;color: #919191;width: 100%;position: relative;}
    .login_dxbtn,
    .login_inp .login_yzm_img {height: 40px;line-height: 40px;}
    .login_btn {height:40px;line-height:40px;}
    .login_inp .login_ico {top: 2px;font-size: 22px;}
    .register_con{width:auto;}
    .login-steps .login-line>div span{display: none;}
    .login-steps .login-line i { margin-right:0px;}
    .login-steps .login-line .login-steps02 {margin-left: -25px;}
    .register_tit {font-size: 22px;}
    .login_jieguo h1 {font-size: 24px;}
}

/*================================= 登录注册 end =================================*/
/*============ footer ============*/
.footer{color:#767984;text-align:center; padding-top:30px;font-size: 12px;}

@media(max-width:768px){
    .footer{ padding:20px 10px;}
}