/* =s Reset */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
header,section,footer,nav{display: block;}
/* end */
/*= global start */
html,body{height:100%;}
body{font:12px/1.5 arial,simsun;color:#999;word-break:break-all;word-wrap:break-word;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
.clr{*zoom:1;}
.clr:after,.clr:before{content:"";display:block;height:0;visibility:hidden;clear:both;}
.inner{width:960px;margin:0 auto;}
.c-blue{color:#05b1d9;}
input{outline:none;}
a{outline:none;}
.hide{display: none;}

/* =内容开始  */
.wrap {max-width: 1920px;min-width: 960px;}
.header{position:relative;background-color:#FFF;z-index:2;}
.header-more{height:70px;width: 960px;margin: 0 auto;}
.h-logo{float:left;width:170px;height:70px;}
.h-logo img{display:block;height:70px;}
.h-inform {float: right;height: 60px;}
.h-i-phone{position:relative;float:left;width:165px;height:60px;color:#000;text-align:center;display: block;line-height: 60px;font-size: 14px;background: url(/images/tq/phone.png) no-repeat center left;}
.h-i-qr,.h-i-mail,.h-i-user {position: relative;float: left; width: 50px;height: 60px;color: #fff;background-image: url(/images/icon/spr.png);background-repeat: no-repeat;   text-align: center;cursor: pointer;}
.h-i-qr{background-position: 14px 0;}
.h-i-mail { background-position: -27px 0;line-height: 90px;color: #ff3300;}
.h-i-user{ background-position: -76px 0;}
.h-i-user:hover{background-color:#454545;background-position: -287px -48px;}
.h-i-user span{display: none; position: absolute;right: 0;top: 60px;width: 180px;padding: 10px 0;background-color: #454545;}
.h-i-user span a{width: 8em;display:block;padding-left:50px;height:30px;line-height:30px;color:#fff;text-align:left;background:url(/images/icon/spr.png) no-repeat;}
.h-i-user span .quick{background-position: -146px 3px;}
.h-i-user span .logout{background-position:-146px -22px;}
.h-i-user span .passchange{background-position: -275px 3px;}

.wrap-login{position:relative; background:url(/images/tq/login/tq_bg_login.jpg) no-repeat center top;}
.wrap-login .inner{position:relative; height:650px;}
.login-form{ top:50px;left: 400px;width: 550px;position:relative;background:url(/images/tq/login/tq_bg_form.png) no-repeat ;}
.header-loginWrap-form{margin:0 auto; width:320px;height:500px;}
.user-info{position: relative;top: 80px;}
.login-role{width: 80px;float: left;display: inline-block;text-align: center;margin: 5px 25px;padding:5px;color: #999;border-radius:10px;cursor: pointer;}
.login-role:hover{text-decoration: none; color: #56BCED;} 
.user-role{padding: 2px;}
.in_role{position: relative;top:3px;display: none;}
.showcheckedrole{position: relative;top: 3px;height: 16px;}
.txt-inf{width:300px;margin:0 auto;padding: 5px;}
.txt-inf input {width: 250px;height: 38px;line-height: 38px;border: 1px solid #56BCED;border-radius:15px;font-size: 14px;padding: 0 20px;}
.verify-code{width:300px;margin:0 auto;padding: 5px;}
.verify-code input {width:100px;height: 38px;line-height: 38px;border: 1px solid #56BCED;border-radius:15px;font-size: 14px;padding: 0 20px;}
.verify-code a{float: right; height: 38px;line-height: 38px; color: #fff;background: #56BCED;padding: 0 15px; border-radius: 8px;}
.verify-code a:hover{background-color: #4F93C8;text-decoration: none;}
.header-next-button{width:300px; height:50px; border:none;margin: 20px auto; background-color:#56BCED;color:#fff;cursor:pointer;display: block;text-align: center;line-height: 50px;border-radius:15px;font-size: 16px;font-weight: bold; }
.header-next-button:hover{background-color: #4F93C8;text-decoration: none;}
.header-next-cancle-button{width:300px; height:50px; border:none;margin: 20px auto; background-color:#fff;border:1px solid #56BCED;color:#999;cursor:pointer;display: block;text-align: center;line-height: 50px;border-radius:15px;font-size: 16px;font-weight: bold; }
.header-next-cancle-button:hover{background-color: #4F93C8;color:#fff;text-decoration: none;}
.header-loginWrap-form-button{width:300px; height:50px; border:none;margin: 5px auto; background-color:#56BCED; color:#fff; font:bold 20px "Microsoft Yahei";cursor:pointer;display: block;text-align: center;line-height: 50px;border-radius:15px;}
.header-loginWrap-form-button:hover{background-color: #4F93C8;text-decoration: none;}
.forget-pwd{float: right;color: #56BCED;font-size: 14px;margin: 5px 10px;cursor: pointer;}
.forget-pwd:hover{color: #4F93C8;text-decoration: none;}
/* end */




/*= footer start*/
#footer{width:960px;margin:0 auto;text-align: center;}
#footer_content{padding-bottom:20px;overflow:hidden;margin-top: 50px;}
#footer_lnk{overflow:hidden;margin-bottom:10px;margin-left:-16px;}
#footer_lnk {color:#000;}
#footer_lnk a{color:#000;padding: 0 6px}
#footer_copy,#footer_copy a{color:#000;}
/* end */