@charset "utf-8";
/* DesignByLiuBo */

/*-----------------------------------// 全局样式 //-----------------------------------*/
body,textarea,input,option{font-size:12px; font-family:Microsoft YaHei,SimSun,arial;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,textarea,input,select,form{margin:0}
html{ width:100%; height:100%;overflow-y: auto;}
body{ color:#333; line-height:24px; background:#fff; overflow-x:hidden;}
th,td,ul,ol,textarea,input{padding:0;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0; border:0;}
li{list-style:none}
img{border:none}
img,label,input{vertical-align:middle}
textarea,a,input{outline:none}
textarea{overflow:auto;resize:none}
select, button{ font-family:Microsoft Yahei;}
em{ font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.alignR{ text-align:right;}
.center{ text-align:center;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft24{ font-size:24px;}
.indent{ text-indent:2em;}
.none{ display:none;}
.relative{ position:relative;}
.blue{ color: #227BF4;}

::-webkit-input-placeholder{ color:#ccc;}
:-moz-placeholder{ color:#ccc;}
::-moz-placeholder{ color:#ccc;}
:-ms-input-placeholder{ color:#ccc;}
.placeholder{ color:#ccc;}

.clear{zoom:1}
.clear:after,.wrap:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
/* 安全区大小 */
.wrap{ width: 1300px; margin: 0 auto;}

/* 头部 */
.header{ height: 80px; background: #fff; line-height: 80px;}
.logo img { width: 362px; height: 40px;}
.top-menu a{ margin-left: 60px;}
.top-menu a:hover{ color: #D42D26;}

/* 页脚 */
.footer{ background: #EEEFEF; line-height: 40px; color: #999; text-align: center;}

/*-----------------------------------// 登录页 //-----------------------------------*/
/* banner */
.banner{ height: 778px; padding-top: 160px; box-sizing: border-box; background: url(../images/login/banner.jpg) no-repeat 50%; background-size: cover; background: none\9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login/banner.jpg',sizingMethod='scale');}
.banner{ height:640px; padding-top: 100px; box-sizing: border-box; background: url(../images/login/banner.jpg) no-repeat 50%; background-size: cover; background: none\9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/login/banner.jpg',sizingMethod='scale');}
.login-box{ width: 440px; box-sizing: border-box; background: #FFFFFF; border-radius: 9px; padding: 40px 40px 20px;}
.login-switch{ width: 240px; line-height: 34px; margin: 0 auto;}
.login-switch li{ color: #666; cursor: pointer; padding: 0 2px;}
.login-switch li.act{ color: #E10B0A; border-bottom: 4px solid #E10B0A;font-weight: bold;}
.login-box form{ margin-top: 46px;}
.login-box form div{ display: none;}
.login-box form div.act{ display: block;}
.login-box form p{ box-sizing: border-box; height: 50px; padding:10px 20px 10px 60px; margin-bottom: 30px; border: 1px solid #ccc; border-radius: 3px; line-height: 50px;}
.login-box input{ font-size: 16px; border: none;border-left: 1px solid #ccc; width: 100%; padding:4px 0 4px 17px; box-sizing: border-box; vertical-align: top;}
.login-box .notice{ padding: 0 15px;}
.login-box .notice a{ cursor: pointer;}
.btn{ font-size: 18px; background: #D42D26; border-radius: 3px; margin-bottom: 26px; border: none; display: block; width: 100%; height: 50px; color: #fff; cursor: pointer;}
.btn:hover{ opacity: 0.8;}
.username{ background: url(../images/login/icon-login-user.png) no-repeat 19px 50%;}
.password{ background: url(../images/login/icon-login-pass.png) no-repeat 19px 50%;}

/* 功能区 */
.fn-box{ background: #F7F8FC; padding: 45px 0 40px;}
.fn-box a{ float: left; margin-right: 30px; width: 180px; height: 80px; box-sizing: border-box; padding: 25px 0 0 120px; background-color: #fff; background-position: 40px 50%; background-repeat: no-repeat; border-radius: 4px; transition: color .3s, background-color .3s, background-image .3s;}
.fn-box a.mr0{ margin-right: 0;}
.fn-box a p{ display: inline-block; text-align: left;}
.fn-box a span{ color: #333;}
.fn-box a em{ color: #999;}
.fn-box a span, .fn-box a em{ display: block; transition: color .3s;}
.fn-box a:hover{ background-color: #D42D26;}
.fn-box1{ background-color: #D42D26;background-image: url(../images/login/icon-assistant-black1.png);} 
.fn-box2{ background-color: #D42D26;background-image: url(../images/login/icon-certs-black1.png);} 
.fn-box3{ background-color: #D42D26;background-image: url(../images/login/icon-guide-black1.png);} 
.fn-box a:hover span,.fn-box a:hover em{ color: #fff;}
.fn-assistant{ background-image: url(../images/login/icon-assistant-black.png);}
.fn-assistant:hover{ background-image: url(../images/login/icon-assistant-white.png);}
.fn-certs{ background-image: url(../images/login/icon-certs-black.png);}
.fn-certs:hover{ background-image: url(../images/index/icon-certs-white.png);}
.fn-guide{ background-image: url(../images/login/icon-guide-black.png);}
.fn-guide:hover{ background-image: url(../images/index/icon-guide-white.png);}
.fn-show{ background-image: url(../images/login/icon-show-black.png);}
.fn-show:hover{ background-image: url(../images/login/icon-show-white.png);}