*{color: #34353c;}
body,div,ul,ol,li,p,input,select,button,textarea{padding: 0; margin: 0; list-style-type: none; font-family: 'Microsoft YaHei'; font-size: 14px; box-sizing: border-box; box-shadow: none; border-width: 1px;}
input{border: none; border: #eee solid 1px; box-sizing: border-box; text-indent: 3px; outline: none; overflow: hidden;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #f8f8f8 inset;}
input-focus{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(102,175,233,.6); border-color: #398be6!important;}
button{height: 30px; line-height: 30px; box-sizing: border-box; border-radius: 0; border: none; cursor: pointer; display: block; outline: none;}
button[disabled]{cursor: not-allowed; opacity: 0.7;}
img{display: block; border: none;}
a{color: #34353c; text-decoration: none;}

.float-tips{position: fixed; z-index: 10; width: 250px; padding: 20px 0; left: 50%; margin-left: -125px; top: 25%; color: #fff; background: #333; background: rgba(51,51,51,0.9); border-radius: 3px; text-align: center; display: none;}

.head{ width: 100%; padding: 15px 0; overflow: hidden; border-bottom: #dcdada solid 1px;}
.head-left{ float: left; width: 50%;}
.head-left img{ float: left;} 
.head-left span{display: block; float: left; width: 115px; height: 73px; background: url('../images/login.jpg');}
.head-right{float: left; width: 50%; text-align: right;}
.head-right span{line-height: 73px; color: #6b6a6a;}
.head-right a{display: block; width: 124px; height: 32px; margin-top: 20px; margin-left: 20px; float: right;background: url('../images/jigou-btn-1.png');}
.head-right a:hover{opacity: 0.9; filter: alpha(opacity=90);}
.line{width: 100%; height: 8px; background: #f0ecec;}

.ck-slide {width: 100%; overflow: hidden;}
.ck-slide ul { width: 100%; margin: 0; padding: 0; list-style-type: none;}
.ck-slide-wrapper{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; margin: 0;padding: 0;}
.ck-slide-wrapper li{display: none; position: absolute; width: 100%; height: 100%;}
.ck-slide-wrapper li:first-child{display: block;}
.ck-slide-wrapper li img{width: 100%; height: 100%; display: block;}
.ck-slidebox{position: absolute; left: 50%; bottom: 5px; z-index: 30; display: ;}
.ck-slidebox ul{height: 20px; padding: 0 4px;}
.ck-slidebox ul li{float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em{display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px;}
.ck-slidebox ul li.current em { background-color: #fe6500;}

.register-bg{width: 100%; overflow: hidden; position: relative;}
.login-layout{width: 100%; max-width: 1000px; margin: 0 auto; overflow: hidden; position: relative; z-index: 10;}

.login-left{float: left; margin-top: 50px; margin-left: 60px;}
.login-left img{width: 400px;}
.login-right{float: right; width: 400px; margin: 40px 0 40px; padding: 10px 35px; overflow: hidden; background: #f8f8f8;}
.qiandu{width: 100%; line-height: 30px; color:#ccc; margin-top: -10px; margin-bottom: 20px; text-align: center;}
.qiandu em{display: inline-block; width:32%; height:30px; border-bottom: #ccc solid 2px; font-style: normal;}
.qiandu em.active-1{ border-color: #dc201e;}
.qiandu em.active-2{ border-color: #2f9425;}

.login-tab{width: 85%; margin: 0 auto;}
.login-tab-head{width: 100%; line-height: 30px; height: 30px; margin: 10px 0 35px; text-align: center; }
.login-tab-head p{width: 50%; float: left; padding-bottom: 5px; border-bottom: #ccc solid 1px; color: #666; font-size: 16px;}
#tab-head-1{border-color: #dc201e; color: #dc201e;}
#tab-head-2{border-color: #dc201e; color: #dc201e;}
.login-tab-head p a{color: #666;}
.login-tips{display: block; width: 100%; height: 20px; margin-bottom: 10px; opacity: 0; filter: alpha(opacity=0);}
.login-tips img{float: left; margin-top: 4px; margin-right: 4px;}
.login-tips span{color: #666;}

.input-outer{width: 100%; height: 40px; clear: both; margin-bottom: 20px;}
.input-outer p{float: left; width: 96px; line-height: 38px; font-size: 16px; text-align: right;}
.input-outer input{float: left; width: 70%; height: 38px; line-height: 38px; border: #ccc solid 1px; background: none; color: #333; font-size: 16px;}
.input-outer .captcha{width: 42%; margin-right: 10px;}
.input-outer img{height: 38px; width: 80px;}

#duanxin{width: 65%; float: left; margin-bottom: 20px;}
#duanxin input{width: 55%;}
.send-verify{float: right; width: 30%; height: 38px; line-height: 38px; background: #4778df; text-align: center;  border-radius: 3px; cursor: pointer; color: #fff;}
.fujia{width: 100%; overflow: hidden; padding: 0 10px;}
.fujia a{color: #999;}
.fujia a:hover{text-decoration: underline;}
.forget-password{float: left;}
.zhuce-link{float: right;}

.disanfang{text-align: center; margin-bottom: 10px;}
.disanfang p{text-align: left; color: #666; margin-bottom: 10px;}
.disanfang img{display: inline-block; margin: 0 10px;}
    
.submit-button{width: 70%; margin: 20px auto 30px; height: 40px; line-height: 40px; background: #dc201e; color: #fff;  border-radius: 5px; transition: all 1s ease; font-size: 16px;}
.submit-button:hover{background: #ff552e;}
.disanfang{margin-bottom: 20px; display:none;}
.disanfang img{opacity: 0.8; filter: alpha(opacity=80);}
.disanfang img:hover{opacity: 1; filter: alpha(opacity=100);}

/*友情链接*/
.friend-link-bg{width: 100%; background: #f4f4f8;}
.friend-link{width: 100%; max-width: 1000px; margin: 0 auto; overflow: hidden; padding: 10px 0; border-bottom: #ccc solid 1px;}
.friend-link div{float: left; width: 13%; text-align: center;}
.friend-link div h4{color: #34353c; border-bottom: #ccc dashed 1px; padding-bottom: 5px; margin-bottom: 10px; font-weight: 400;}
.friend-link div ul li{width: 100%; text-align: center; line-height: 25px;}
.friend-link div ul li a{color: #34353c; font-size: 13px;}
.friend-link div ul li a:hover{color: #dc201e;}
.friend-link p{float: left; width: 11%; text-align: center;}
.friend-link-p{margin: 0 5%;}
.friend-link p span{display: block; margin: 17px 0 10px; color: #34353c;}
.friend-link p img{width: 100%;}

/*页脚*/
.footer{width: 100%; padding: 20px 0; background: #f4f4f8; text-align: center; overflow: hidden;}
.footer div{color: #34353c; font-size: 13px; margin-top: 5px;}
.footer a{display: inline-block; padding: 0 5px; color: #34353c; font-size: 13px;}
.footer a:hover{color: #dc201e;}


@media only screen and (max-width: 768px){
    body{background: #f0ecec;}
    .head{padding: 10px 0; background: #fff;}
    .head-left img{width: 90%; margin-left: 10px;}
    .head-left span{display: none;}
    .head-right span{display: none;}
    .head-right a{margin-top: 8px; margin-right: 10px;}
    .slide-outer{display: none;}
    .login-left{display: none;}
    .login-right{width: 95%; margin: 0 auto; float: none; padding: 10px; background: #fff;}
    .friend-link-bg{display: none;}
    .footer{background: none;}
    .footer div{font-size: 12px; color: #666;}
}

@media only screen and (max-width: 360px) {
    .input-outer input{width: 65%;}
    #duanxin input{width: 48%}
}