/************************ common **************************/
*{
margin: 0;
padding: 0;
}
body,html{
width: 100%;
height: 100%;
}
body{
min-width: 960px;
background-color: #eeeeee;

}
input{
border: none;
outline: none;
}
a{
text-decoration: none;
}
.none{
display: none;
}
.clearfix:after{
display: block;
height: 0;
line-height: 0;
content: '';
visibility: hidden;
clear: both;
}
.clearfix{
zoom: 0;
}
.w{
margin: 0 auto;
width: 960px;
}
/************************ login **************************/
.entry{
	float: left;
	cursor: pointer;
	line-height: 0px;
}
.login{
width: 100%;
height: 100%;
background: url("../Image/banner.png") no-repeat center center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
overflow: hidden;
position: relative;
}
.login-header{
font-size: 0;
position: absolute;
top: 50px;
left: 50%;
margin-left: -220px;
}
.login-header1{
        font-size: 0;
        position: absolute;
        top: 67px;
        left: 50%;
        margin-left: -434px;
    }
    .guide-a{
        position: absolute;
        top: 84px;
        left: 50%;
        margin-left: 360px;
        font-size: 18px;
        text-decoration: underline;
        color: #ffffff;
    }
.index-header{
font-size: 0;
position: absolute;
top: 50px;
left: 50%;
margin-left: -221px;
}
.loginFormMask{
padding: 13px 11px;
width: 30%;
min-width: 400px;
border-radius: 10px;
margin: 145px auto 0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B287CEEB,endColorstr=#B287CEEB);
background-color: rgba(135,206,235,.7);
}
.loginFormMask2{
      padding: 13px 11px;
        width: 30%;
        min-width: 847px;
        border-radius: 10px;
        margin: 145px auto 0;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B287CEEB,endColorstr=#B287CEEB);
        background-color: rgba(135,206,235,.7);

 }
.loginForm{
min-height: 288px;
padding: 30px 0 60px;
background-color: #fff;
border-radius: 10px;
position: relative;
}
.loginForm-btns{
margin: 0 auto;
width: 344px;
}
.entry-btns{
	width: 448px;
	margin: 0 auto;
}
.loginFormMask1{
padding: 13px 11px;
width: 30%;
min-width: 580px;
border-radius: 10px;
margin: 145px auto 0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B287CEEB,endColorstr=#B287CEEB);
background-color: rgba(135,206,235,.7);
}
.loginForm1{
background-color: #fff;
border-radius: 10px;
position: relative;
padding: 45px 0;
}
#login-error{
	margin: 15px auto;
	min-height: 1px;
	text-align: left;
	color: #ff6600;
	width: 340px;
	font-size: 14px;
}
.hello{
font-size: 14px;
color: #666;
text-align: center;
margin-bottom: 18px;
}
.loginForm-cell{
margin: 12px auto 0;
height: 40px;
width: 344px;
}

.loginIcon{
width: 44px;
height: 40px;
border-radius: 5px 0 0 5px;
border: 1px solid #d5d5d5;
float: left;
background-size: 14px 16px;
}
.loginIcon1{
background: url("../Image/login-icon1.png") no-repeat center center #EEEEEE;
}
.loginIcon2{
background: url("../Image/login-icon2.png") no-repeat center center #EEEEEE;
}
.loginIcon3{
background: url("../Image/login-icon3.png") no-repeat center center #EEEEEE;
}
.login-input{
width: 280px;
height: 40px;
line-height: 40px;
border-radius: 0 5px 5px 0;
border: 1px solid #d5d5d5;
border-left: none;
float: left;
font-size: 14px;
color: #999;
padding-left: 17px;
}
.loginInput-yzm{
width: 200px;
}
.loginIcon-yzm{
margin-left: 17px;
margin-top: 3px;
cursor: pointer;
}


.notice{
font-size: 14px;
color: #ff6600;
text-align: center;
}
.btn-login{
cursor: pointer;
display: block;
float: left;
width: 163px;
height: 42px;
font-size: 14px;
text-align: center;
line-height: 42px;
border-radius: 3px;
color: #ffffff;
margin-right: 18px;
background-color: #fe7f46;
}
.btn-register{
cursor: pointer;
display: block;
float: left;
width: 163px;
height: 42px;
font-size: 14px;
text-align: center;
line-height: 42px;
border-radius: 3px;
color: #ffffff;
background-color: #0092eb;
}
.loginForm-explain{
position: absolute;
width: 100%;
bottom: 20px;
font-size: 12px;
color: #999;
text-align: center
}
.loginForm-explain a{
color: #0099ff;
}

/************************ register **************************/
.register{
background-color: #eeeeee;
width: 100%;
height: 100%;
}
.r-header{
height: 125px;
background: url("../Image/banner1.png") no-repeat center center;
background-size: 100% 125px;
}
.r-header img{
margin-top: 35px;
}
.r-title1{
margin-top: 30px;
color: #666;
font-size: 22px;
font-weight: 900;
}
.r-title1 .return{
        color: #ff6633;
        font-size: 16px;
        font-weight: 400;
        float: right;
    }
.r-title2{
font-size: 14px;
color: #666;
margin-top: 10px;
}
.registerForm{
background-color: #fff;
margin-top: 26px;
padding: 26px 0 53px;
}
.pt45{
padding-top: 33px;
}
.registerPrompt{
height: 60px;
line-height: 60px;
width: 100%;
text-align: center;
font-size: 16px;
color: #ff6600;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 31px;
font-weight: 900;
}
.register-cell{
height: 34px;
line-height: 34px;
margin-bottom: 18px;
}
.register-info{
width: 395px;
text-align: right;
color: #666;
font-size: 14px;
float: left;
}
.register-input{
width: 552px;
height: 34px;
padding-left: 13px;
float: right;
font-size:8px;
}

#phoneRand{
width: 100px;
height: 32px;
line-height: 32px;
border: 1px solid #d5d5d5;
border-radius: 3px;
padding-left: 12px;
color: #666666;
float: left;
}
#sendRand{
background-color: #0092eb;
width: 100px;
height: 32px;
font-size: 13px;
color: #ffffff;
border-radius: 3px;
margin-left: 50px;
cursor: pointer;
}

.register-input span{
margin-left: 10px;
font-size: 12px;
color: #ff0000;
}
.register-input>input[type=checkbox]{
float: left;
margin: 11px 0 0 18px;
}
.register-input>input[type=text]{
width: 250px;
height: 32px;
line-height: 32px;
border: 1px solid #d5d5d5;
border-radius: 3px;
padding-left: 12px;
color: #666666;
float: left;
}
.register-input>input[type=password]{
width: 250px;
height: 32px;
line-height: 32px;
border: 1px solid #d5d5d5;
border-radius: 3px;
padding-left: 12px;
color: #666666;
float: left;
}
.register-input .registerInput-yzm{
width: 180px!important;
}
.registerIcon-yzm{
margin-right: 100px;
margin-top: 3px;
cursor: pointer;
float: right;
}
.register-cell .registerInput-btn{
display: block;
background-color: #0092eb;
width: 163px;
height: 42px;
font-size: 14px;
color: #ffffff;
border-radius: 3px;
margin-top: 16px;
cursor: pointer;
}
.registerInput-left{
background-color: #0092eb;
width: 120px;
height: 42px;
font-size: 14px;
color: #ffffff;
border-radius: 3px;
margin-top: 16px;
cursor: pointer;
}
.registerInput-right{
background-color: #0092eb;
width: 120px;
height: 42px;
margin-left: 24px;
font-size: 14px;
color: #ffffff;
border-radius: 3px;
margin-top: 16px;
cursor: pointer;
}

/************************ forgotPwd **************************/
.forgotPwd{
background-color: #eeeeee;
width: 100%;
height: 100%;
}
.forgotPwd .modify-form{
	padding-top: 30px;
	border-top: 1px solid #e0e0e0;
}
#newError,#comError,#phoneError,#yzmError{
	color: #ff6600;
	float: left;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	margin-left: 10px;
}
.fpwd-header{
height: 125px;
background: url("../Image/banner1.png") no-repeat center center;
background-size: 100% 125px;
}
.fpwd-header img{
margin-top: 40px;
}
.fpwd-title1{
margin-top: 30px;
color: #666;
font-size: 22px;
font-weight: 900;
}
.fpwd-title2{
font-size: 14px;
color: #666;
margin-top: 10px;
}
.modifyForm{
background-color: #fff;
position: relative;
margin-top: 26px;
padding: 30px 112px 30px;
}
.step{
width: 320px;
margin: 0 auto 15px;
}
.step-cell{
float: left;
width: 156px;
color: #999;
margin-right: 4px;
}

.step-icon{
width: 156px;
height: 26px;
position: relative;
}
.step-middle{
width: 156px;
height: 7px;
position: absolute;
top: 50%;
margin-top: -4px;
background-color: #eeeeee;
}
.step-active .step-middle{
background-color: #2196f3;
}
.step-num{
height: 26px;
width: 26px;
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
margin-left: -13px;
margin-top: -13px;
line-height: 26px;
text-align: center;
background-color: #eeeeee;
}
.step-active .step-num{
background-color: #2196f3;
color: #ffffff;
}
.step-name{
height: 38px;
line-height: 38px;
font-size: 14px;
text-align: center;
}
.step-active .step-name{
color: #2196f3;
}
.modify-cell{
margin-bottom: 20px;
font-size: 0;
height: 34px;
}
.modify-info{
width: 169px;
float: left;
height: 34px;
line-height: 34px;
text-align: right;
font-size: 14px;
color: #666;
margin-right: 12px;
}
.modify-input{
width: 555px;
float: left;
}
.modify-yzm{
width: 198px!important;
}
.modify-getYzm{
font-size: 14px;
width: 117px;
height: 34px;
line-height: 34px;
border-radius: 3px;
float: left;
border: 1px solid #ff6600;
color: #ff6600;
background-color: #fff;
margin-left: 13px;
cursor: pointer;
}
.modify-input input[type=text]{
float: left;
height: 32px;
line-height: 32px;
border: 1px solid #d5d5d5;
border-radius: 3px;
width: 330px;
padding-left: 12px;
}
.modify-input input[type=password]{
	float: left;
height: 32px;
line-height: 32px;
border: 1px solid #d5d5d5;
border-radius: 3px;
width: 330px;
padding-left: 12px;
}
.modify-btn{
background-color: #0092eb;
color: #ffffff;
width: 344px;
height: 34px;
display: block;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
}
.modify-left{
background-color: #0092eb;
color: #ffffff;
width: 150px;
height: 34px;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
}
.modify-right{
background-color: #0092eb;
color: #ffffff;
width: 150px;
height: 34px;
margin-left: 44px;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
}
.modify-foot{
color: #666;
font-size: 12px;
text-align: center;
margin-top: 20px;
}

/****************2017/10/24******************************/
    .entry-div{
        background: #ffffff;
        height: 420px;
        overflow: hidden;
        border-radius: 10px;
    }
    .entry-title{
        width: 292px;
        height: 27px;
        margin: 30px auto 0;
        font-size: 0;
    }
    .entry-con{
        width: 561px;
        margin: 0 auto;
        height: 240px;
    }
    .entry-cell{
        float: left;
        width: 161px;
        height: 100%;
    }
    .entry-img{
    	display: block;
        width: 161px;
        height: 161px;
        background-color: #0092eb;
        overflow: hidden;
        border-radius: 5px;
        cursor: pointer;
        margin-top: 12px;
    }
    .entry-img img{
        display: block;
        width: 96px;
        height: 106px;
        margin: 30px auto 0;
        border: none;
    }

    .entry-num{
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
        background: #ffcc33;
        color: #ffffff;
        font-size: 24px;
        margin: 25px auto 0;
    }
    .entry-cue{
        width: 561px;
        margin: 0 auto;
        color: #666;
        font-size: 14px;
        padding-top: 28px;

    }
    .entry-cue>div{
        display: none;
    }

    .guide-div{
        background-color: #fff;
        margin-top: 30px;
    }
    .guide-left{
        float: left;
        padding-top: 40px;
        width: 220px;
        height: 100%;
        border-right: 1px solid #eee;
    }
    .guide-right{
        width: 667px;
        float: left;
        min-height: 400px;
        padding: 40px 36px;
        overflow-x: hidden;
    }
    .guide-right>div{
        display: none;
    }
    .guide-btn{
        margin: 0 auto 16px;
        width: 159px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        font-size: 14px;
        color: #666;
        border: 1px solid #c9c9c9;
        border-radius: 3px;
        cursor: pointer;
    }
    .guideBtn-active{
        color: #ffffff;
        background-color: #fe7f46;
        border: 1px solid #fe7f46;
    }
    .guide-active{
        background-color: #fe7f46;
    }
    .guide-active .entry-sj{
        display: block;
    }
    .entry-sj{
        font-size: 0;
        width: 23px;
        height: 13px;
        margin: 0 auto;
        display: none;
    }
	.page-foot1{
        color: #666;
        font-size: 12px;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 110px;
    }
    .page-foot1 p{
        line-height: 24px;
    }
    .page-foot2{
        position: absolute;
        bottom: 60px;
        text-align: center;
        width: 100%;
        font-size: 12px;
        color: #ffffff;
    }
    .page-foot2 p{
        line-height: 24px;
    }