@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url("../fonts/fontawesome-webfont.eot") format('embedded-opentype'),
     url("../fonts/fontawesome-webfont.woff") format('woff'),
     url("../fonts/fontawesome-webfont.ttf") format('truetype'),
     url("../fonts/fontawesome-webfont.svg#fontawesome") format('svg');
  font-style: normal;font-weight: normal;}
body,ul,ol,li,h1,h2,h3,h4,pre,code,form,button,input,fieldset,legend,input,textarea,p,blockquote,th,td,article,aside,hgroup,menu,nav,section{margin:0;padding:0;}
button,input,textarea,span,section,img,a{outline:none;-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;transition:all 0.30s ease-in-out;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
address,cite,dfn,em,var,i{font-style:normal;} /* ������ */
code,kbd,pre,samp,tt{font-family:"Courier New", Courier, monospace; } /* ͳһ�ȿ����� */
small{font-size:12px;}
/* html,body{min-width: 1170px; height: 100%;} */
body{color:#666;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
.windows{
    font-family: Helvetica, Arial, "Microsoft YaHei", sans-serif;
}
.windows input,.windows button,.windows textarea,.windows select{
  font-family: Helvetica, Arial, "Microsoft YaHei", sans-serif;
}
.mac{
    font-family: "Hiragino Sans GB","Helvetica Neue", Helvetica, Arial,"Microsoft YaHei", sans-serif;
}
.mac input,.mac button,.mac textarea,.mac select{
  font-family: "Hiragino Sans GB","Helvetica Neue", Helvetica, Arial,"Microsoft YaHei", sans-serif;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
	-webkit-text-fill-color: #666 !important;
}
ul,ol{list-style:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
a:hover{color:#007aff;text-decoration:none;}
img {vertical-align: middle;}
::selection{background:#007aff;color:#fff;text-shadow:none;}
::-webkit-selection{background:#007aff;color:#fff;text-shadow:none;}
::-moz-selection{background:#007aff;color:#fff;text-shadow:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear: both;}
.fl{float: left;}.fr{float: right;}
.text_left{text-align:left;}.text_right{text-align:right;}
.fa{font:normal normal normal 14px/1 FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-angle-right:before {
    content: "\f105";
}
/* public */
.header{height:85px;background-color: #fff;}
.container{max-width:1170px;margin:0 auto;position:relative;*zoom:1}
.container:before,.container:after{display:table;content:"";line-height:0}
.container:after{clear:both}
.footer{}
/* Loading Area */
.loading-area {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}
.loading-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.loading-icon {
    width: 100px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -30px;
    background-image: url(../images/loading.gif);
    background-color: rgba(0, 0, 0, .66);
    background-size: auto 30px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}
/* ---- particles.js container ---- */

#particles-js{
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    /* min-width: 1170px; */
    height: 100%;
}
/* navbar */
.header{
	-moz-box-shadow: 0px 5px 5px rgba(13, 4, 8, .05);
	-webkit-box-shadow: 0px 5px 5px rgba(13, 4, 8, .05);
	box-shadow: 0px 5px 5px rgba(13, 4, 8, .05);
}
.navbar{
	max-width: 1170px;
	height: 85px;
	margin: 0 auto;
}
.navbar .logo{
	width: 141px;
	height: 85px;
}
.navbar .logo a{
	display: block;
	height: 100%;
	text-indent: -9999px;
	background: url(../images/login_pagelogo.png) center center no-repeat;
}
.navbar .nav{
	overflow: hidden;
}
.navbar .nav li{
	height: 85px;
	line-height: 85px;
	float: left;
	position: relative;
	margin-left: 50px;
}
.navbar .nav li:first-child{
	margin-left: 0;
}
.navbar .nav li a{
	display: inline-block;
	height: 100%;
	font-size: 18px;
}
.navbar .nav li.current:before{
	content: "";
	display: inline-block;
	width: 100%;
	height: 4px;
	background-color: #007aff;
	position: absolute;
	top: 0;
	left: 0;
}


.main-box{
	padding: 95px 0 127px;
}
#sign{
	width: 532px;
	height: 449px;
	margin: 0px auto;
    position: relative;
}
#sign .login-tips{
	position: absolute;
    z-index: 12;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 29px;
    line-height: 29px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 13px;
    -moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    display: none;
}
#sign .login-tips-normal{background-color:#f66;}
#sign .login-tips-success {background:#9c6;}
#sign .view{
	width: 532px;
	height: 430px;
	padding: 0 62px;
	background-color: #fff;
	-moz-box-shadow: 5px 5px 5px rgba(13, 4, 8, .05);
	-webkit-box-shadow: 5px 5px 5px rgba(13, 4, 8, .05);
	box-shadow: 5px 5px 5px rgba(13, 4, 8, .05);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
#sign .view.view-signup {
    display: none;
}

.windows #sign .view .signin-title, .windows #sign .view .singup-title{
	font-family: "Microsoft YaHei";
	font-size:32px;
	color:#000;
}
.mac #sign .view .signin-title, .mac #sign .view .singup-title{
	font-family: "Hiragino Sans GB W6";
}
#sign .view .signin-title, #sign .view .singup-title{
	height: 70px;
	line-height: 70px;
	margin-top: 19px;
	text-align: center;
	font-size: 20px;
	color: #6e6e6e;
}
#sign .view .input-box{
	height: 61px;
	margin: 10px 0;
	position: relative;
}
#sign .view .input-box .icon-user, #sign .view .input-box .icon-pwd, #sign .view .input-box .icon-pic{
	display: inline-block;
	width: 18px;
	height: 30px;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 15;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
#sign .view .input-box .icon-user{
	background-image: url(../images/login_username.png);
}
#sign .view .input-box .icon-pwd{
	background-image: url(../images/login_pwd.png);
}
#sign .view .input-box .icon-pic{
	background-image: url(../images/login_verify.png);
}
#sign .view .input-control{
	display: block;
	width: 100%;
	height: 61px;
	line-height: 30px;
	padding: 15px 0 15px 38px;
	font-size: 16px;
	color: #666;
	border: 0;
	border-bottom: 1px solid #d8d7d7;
	background: none;
}
.input-box img{
    display: block;
    /* height: 100%; */
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    bottom: 0;
    margin: auto;
}
#sign .view .input-control:focus + .icon-user {
	background-image: url(../images/login_username_focus.png);
}
#sign .view .input-control:focus + .icon-pwd {
	background-image: url(../images/login_pwd_focus.png);
}
#sign .view .input-control:focus + .icon-pic {
	background-image: url(../images/login_verify_focus.png);
}
#sign .view .go-register{
	margin-top: 32px;
}
#sign .view .go-login{
	margin-top: 12px;
}
#sign .view .go-register, #sign .view .go-login{
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #6e6e6e;
	font-size: 16px;
}
#sign .view .go-register a, #sign .view .go-login a{
	color: #007aff;
}
#sign .view .go-register a:hover, #sign .view .go-login a:hover{
	text-decoration: underline;
}
#sign .view .qrcode-box{
	text-align: center;
	padding-top: 18px;
}
#sign .view .qrcode-box img{
	display: inline-block;
	width: 209px;
	height: 209px;
	margin: 0 auto;
}
#sign .view .qrcode-box .description{
	line-height: 44px;
	font-size: 16px;
	color: #9ba0aa;
}

/* footer */
.footer .contact-links{
    height: 439px;
    background-color: #40434a;
}
.footer .contact-links .about-contact{
    margin-left: 1px;
    margin-top: 103px;
    color: #fff;
}
.footer .contact-links .about-contact .footer-logo{
    height: 38px;
    background: url(../images/new_index-logo.png) 0 0 no-repeat;
    margin-bottom: 19px;
}
.footer .contact-links .about-contact .about{
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 36px;
    border-bottom: 1px solid #666;
    margin-bottom: 33px;
}
.footer .contact-links .about-contact .wechat, .footer .contact-links .about-contact .address{
    font-size: 14px;
    line-height: 30px;
}
.footer .contact-links .about-contact .phone:before, 
.footer .contact-links .about-contact .wechat:before, 
.footer .contact-links .about-contact .address:before{
    display: inline-block;
    width: 16px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 10px;
}
.footer .contact-links .about-contact .wechat:before{content: "\f1d7";}
.footer .contact-links .about-contact .address:before{content: "\f041";}
.footer .contact-links .about-contact .phone:before{content: "\f095";}
.footer .contact-links .friend-links{
    width: 456px;
    margin-top: 90px;
}
.footer .contact-links .friend-links .title{
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.footer .contact-links .friend-links .list{
    overflow: hidden;
}
.footer .contact-links .friend-links .list li{
    width: 114px;
    line-height: 30px;
    text-align: left;
    float: left;
}
.footer .contact-links .friend-links .list li a{
    font-size: 14px;
    color: #fff;
}
.footer .contact-links .friend-links .list li a:hover{
    color: #007aff;
    text-decoration: underline;
}


.footer .copyright{
    height: 82px;
    line-height: 82px;
    color: #fff;
    background-color: #3a3d44;
}
.footer .copyright .copy{
    font-size: 12px;
}
.footer .copyright .qrcode{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin: 28.5px 0 0 40px;
    position: relative;
}
.footer .copyright .qrcode:after{
    font-family: FontAwesome;
    font-size: 18px;
    color: #fff;
}
.footer .copyright .weibo:after{content: "\f18a";}
.footer .copyright .wechat:after{content: "\f1d7";}
.footer .copyright .qrcode:hover:after{color: #007aff;}
.footer .copyright .qrcode span{
    display: inline-block;
    width: 300px;
    height: 300px;
    padding: 20px;
    position: absolute;
    top: -315px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 3px;
    display: none;
}
.footer .copyright .qrcode span:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}
.footer .copyright .qrcode:hover span{
    display: inline-block;
}
.footer .copyright .qrcode span img{
    width: 100%;
    height: 100%;
}



@media (max-width: 900px) {
    .footer .contact-links .about-contact {
    	float: none;
    	text-align: center;
    	width: 100%;
    	padding-bottom: 0;
    }
    .footer .contact-links .friend-links {
    	float: none;
    	text-align: center;
    	width: 100%;
    }
    .footer .contact-links .about-contact .footer-logo {
    	background-position: center 0;
    }
    .footer .contact-links .friend-links .list li {
    	text-align: center;
    }
}
@media (max-width: 480px) {
    html,body{width: 100%; height: 100%;}
    .footer {display: none;}
    .nav {display: none;}
    .go-register {display: none;}
    .header {
    	width: 100%;
    	position: absolute;
    	background: none;
    	box-shadow: none;
    }
    .main-box {
    	padding: 95px 0 0;
    }
    .navbar .logo {
    	width: 100%;
    	float: none;
    }
    .container {
    	width: 80%;
    }
    #sign {
    	width: 100%;
    }
    #sign .view {
    	width: 100%;
    	padding: 0 20px;
    }
    .progress-button button {
    	width: 80%;
    }
    #particles-js {
    	font-size: 0;
    }
}
.loginstyle {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:url(../images/select_03.png)  no-repeat right center;
padding-right:14px;
height:35px;
border:1px solid #d8d7d7;
color:#666;
padding-left:10px;
width:100%;
margin-top:10px;
}
.tishi{
	margin-top:10px;
}
.banquan{ text-align:center; color:#8a8b8d;}
select:focus { outline: none; }
.op{
	 border:none !important;
}