﻿@charset "utf-8";
/* CSS Document */
* {
	word-wrap: break-word;
}
html {
	-webkit-text-size-adjust: none;
}
body{
	background:#eeeeee;
	color:#3e4146;
	font:normal 14px "Microsoft Yahei","冬青黑体简体中文 w3","宋体";
}
fieldset,img,html,body,iframe{
	border:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
ol,ul,ul li{
	list-style:none;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight:normal;
	font-style:normal;
}
caption,th{
	text-align:left;
}
em,i,small,caption,th{
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
q:before,q:after{
	content:'';
}
.clearfix{
	*zoom:1;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	}
a{
	color: #3e4146;
	text-decoration: none;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a:hover{
	color:#6eb88c;
}
a img {
	border: none;
}
a,button{
	outline:none; border:0;
}
input,select{
	border:1px solid #e1e1e1;
}
button::-moz-focus-inner{
	border:0;
	padding:0;
	margin:0;
}
textarea,input,button,select{
	outline:0;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
	font-family:inherit;
}
textarea{
	overflow:auto;
	resize:none;
}
.hide,.none{
	display: none;
}
.hidden{
	visibility: hidden;
}
.show,.block{
	display: block;
}
img{
	vertical-align:middle;
}
input:disabled,select:disabled,textarea:disabled{
	background:#f7f7f7;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

::-webkit-scrollbar{width:8px;height:6px;background:#eee;}
::-webkit-scrollbar-button{background-color:#eee;}
::-webkit-scrollbar-track{background:#eee;}
::-webkit-scrollbar-track-piece{background:#eee}
::-webkit-scrollbar-thumb{background:#aaaaaa;}
::-webkit-scrollbar-corner{background:#82AFFF;}
::-webkit-scrollbar-resizer{background:#FF0BEE;}
scrollbar{-moz-appearance:none !important;background:rgb(0,255,0) !important;}
scrollbarbutton{-moz-appearance:none !important;background-color:rgb(0,0,255) !important;}
scrollbarbutton:hover{-moz-appearance:none !important;background-color:rgb(255,0,0) !important;}

scrollbarbutton{display:none !important;}

scrollbar[orient="vertical"]{min-width:8px !important;}

.tpui-overlay-proxy{width:100%;height:100%;background-color:#000;position:fixed;top:0;left:0;z-index:99;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.n_color_gray{color:#c5c6c9;font-size:13px;float:left;display:block}
.newlogin{
	width:360px;
	margin-left:auto;
	margin-right:auto;
	background:#ffffff;
    border-width: 3px;
    border-style: solid;
    border-radius: 10px;
    border-color: #34a1f4;
	-webkit-box-shadow:1px 1px 8px #34a1f4;
	-moz-box-shadow:1px 1px 8px #34a1f4;
	box-shadow:1px 1px 8px #34a1f4;
}
.newlogin_content{
	width:312px;
	margin-left:auto;
	margin-right:auto;
	padding-top:24px;
	padding-bottom:24px;
}
.newlogin_title{
	position:relative;
	width:100%;
	height:32px;
	line-height:32px;
}
.newlogin_title span{
	display:block;
	float:left;
	padding-right:10px;
	font-size:20px;
	color:#c5c6c9;
}
.newlogin_title span a{
	font-size:24px;
	color:#c5c6c9;
}
.newlogin_title span.oncurrent a{
	color:#4d4d4d;
}
.close_div{
	position:absolute;
	right:0;
	top:0;
	width:26px;
	height:26px;
	line-height:26px;
	border:1px solid #e1e1e1;
	background:#fff;
	cursor:pointer;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.close_div:hover{
	background:#3d4146;
}
.close_div a{
	display:block;
	width:12px;
	height:12px;
	margin-top:7px;
	margin-left:7px;
	background-position:-153px -57px;
}
.close_div:hover a{
	background-position:-153px -70px;
}
.newlogin_box{
	position:relative;
	width:310px;
	height:46px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.password_on{
	display:block;
	position:absolute;
	right:10px;
	top:11px;
	width:20px;
	height:24px;
	background-position:-264px -113px;
}
.password_off{
	display:block;
	position:absolute;
	right:10px;
	top:13px;
	width:14px;
	height:18px;
	background-position:-238px -113px;
}
.newlogin_icon{
	float:left;
	width:52px;
	text-align:center;
}
.username_icon{
	display:inline-block;
	width:19px;
	height:19px;
	margin-top:13px;
	background-position:-182px -86px;
}
.account_login{
	display:inline-block;
	width:17px;
	height:17px;
	background-position:-264px -86px;
	margin-top:14px;
}
.password_icon{
	display:inline-block;
	width:20px;
	height:12px;
	margin-top:16px;
	background-position:-209px -86px;
}
.verify_icon{
	display:inline-block;
	width:17px;
	height:17px;
	margin-top:14px;
	background-position:-238px -86px;
}
.verify_box{
	width:170px;
	height:46px;
}
.verify_box1{
	height:34px;
	line-height:34px;
	padding:6px;
	background:#ffffff;
	border:1px solid #d9d9d9;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:1px 1px 5px #e3e3e3;
	-webkit-box-shadow:1px 1px 5px #e3e3e3;
	-moz-box-shadow:1px 1px 5px #e3e3e3;
}
.verify_box1 img{
	height:34px;
}
.verify_gray{
	background-position:-211px -177px;
}
.verify_code{
	position:absolute;
	top:-56px;
	right:-1px;
	height:64px;
}
.verify_code i{
	display:block;
	width:13px;
	height:7px;
	position:absolute;
	left:50%;
	margin-left:-6px;
	top:47px;
}
.verify_img{
	 width:130px;
	 height:46px;
	 text-align:center;
}
.verify_img img{
	width:125px;
	height:36px;
	padding-top:5px;
}
.phone_icon{
	display:inline-block;
	width:16px;
	height:18px;
	margin-top:14px;
	background-position:-209px -113px;
}
.email_icon{
	display:inline-block;
	width:18px;
	height:13px;
	margin-top:17px;
	background-position:-182px -113px;
}
.qq_icon{
	display:inline-block;
	width:18px;
	height:19px;
	margin-top:17px;
    background-color:#a9aaae;
    border-radius:5px;
	background-position:-181px -138px;
}
.jj_icon{
	display:inline-block;
	width:19px;
	height:19px;
	margin-top:17px;
    background-color:#a9aaae;
    border-radius:5px;
	background-position:-209px -138px;
}
.textbox{
	width:240px;
	height:30px;
	line-height:30px;
	margin-top:7px;
	font-size:14px;
	border:0px;
	background:#ffffff;
}
.textbox1{
	width:115px;
	height:30px;
	line-height:30px;
	margin-top:7px;
	font-size:14px;
	border:0px;
	background:#ffffff;
}
.textbox2{
	width:240px;
	height:80px;
	line-height:20px;
	margin-top:11px;
	font-size:14px;
	border:0px;
	background:#ffffff;
    outline:0;
}
.login_btn{
	width:312px;
	height:45px;
	line-height:45px;
	border:0px;
	font-size:18px;
	color:#ffffff;
	cursor:pointer;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.loginbtn_bg{
	background:#e86201;
}
.loginbtn_bg:hover{
	background:#fe6c03;
}
.prompt{
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:12px;
}
.login_qq{
	display:block;
	width:153px;
	height:40px;
	line-height:36px;
	font-size:14px;
	color:#ffffff;
	background:#279edb;
	text-align:center;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.login_qq i{
	display:inline-block;
	width:15px;
	height:17px;
	background-position:-182px -139px;
	vertical-align:middle;
}
.login_qq:hover{
	background:#1e96d1;
	color:#ffffff;
}
.login_wx{
	display:block;
	width:153px;
	height:40px;
	line-height:36px;
	margin-left:4px;
	font-size:14px;
	color:#ffffff;
	background:#1ba336;
	text-align:center;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.login_wx i{
	display:inline-block;
	width:21px;
	height:17px;
	background-position:-209px -139px;
	vertical-align:middle;
}
.login_wx:hover{
	background:#179731;
	color:#ffffff;
}
.login_qq span,.login_wx span{
	padding-left:6px;
}
.choose{
	width:100%;
	height:50px;
	line-height:50px;
}
.choose input[type='checkbox']{
	display:block;
	float:left;
	margin-top:18px;
	margin-right:10px;
}
.choose span{
	display:block;
	float:left;
}
.choose a{
	display:block;
	float:right;
	padding-left:2px;
	padding-right:2px;
}
.choose a i{
	display:inline-block;
	width:0px;
	height:0px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #4d4d4d;
	font-size:0px;
	line-height:0px;
}
.login_head{
	width:100%;
	height:53px;
	position:fixed;
	left:0;
	top:0;
	background:#000;
	z-index:9;
}
.login_video{
	width:1920px;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:1;
}
.login_shadow{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,0.5);
	opacity:0.5;
	filter: alpha(opacity=50);
	z-index:2;
}
.login_foot{
	width:100%;
	height:80px;
	position:fixed;
	bottom:0px;
	background:#ffffff;
	z-index:8;
}
.login_foot p{
	width:100%;
	line-height:24px;
	padding-top:16px;
	color:#a9aaae;
	font-size:12px;
	text-align:center;
}
.login_content{
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	margin-top:-230px;
	z-index:5;
}
.register_content{
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	margin-top:-275px;
	z-index:5;
}
.verify_btn {
    /* width: 312px; */
    height: 32px;
    /* line-height: 45px; */
    border: 0px;
    font-size: 18px;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 7px;
}
.error_prompt{
	position:absolute;
	height:38px;
	top:-38px;
	right:-1px;
}
.error_prompt_box{
	min-width:154px;
	padding-left:10px;
	padding-right:10px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:12px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:1px 1px 5px #e3e3e3;
	-webkit-box-shadow:1px 1px 5px #e3e3e3;
	-moz-box-shadow:1px 1px 5px #e3e3e3;
}
.error_prompt i{
	display:block;
	width:13px;
	height:7px;
	position:absolute;
	left:50%;
	margin-left:-6px;
	top:29px;
}
.error_prompt_green{
	background-position:-193px -187px;
}
.error_prompt_red{
	background-position:-193px -177px;
}
.bglight_red{
	background:#ffe7e9;
}
.bglight_green{
	background:#d1f1cf;
}
.borlight_red{
	border:1px solid #f56983;
}

@media screen and (max-width:720px){
.login_video{
	display:none;
}
.login_shadow{
	display:none;
}
.login_content{
	top:53px;
	margin-top:0px;
}
.register_content{
	top:53px;
	margin-top:0px;
}
.newlogin{
	width:100%;
	box-shadow:none;
}
}
/*loading*/
.tmui-loading{padding:16px;color:#444444;z-index:1000;border:1px solid #BED8FE;line-height:16px;position:fixed;background:#EAF3FC;font-size:12px;
	-webkit-box-shadow:2px 2px 1em #333;
	-moz-box-shadow:2px 2px 1em #333;
	-ms-box-shadow:2px 2px 1em #333;
	-o-box-shadow:2px 2px 1em #333;
	box-shadow:2px 2px 1em #333;
	border-radius:3px
}
.tmui-loading #tm-loading-content{padding:2px 10px 10px 22px;background:url('../../images/loading.gif') no-repeat;}
.margin_b22{
	margin-bottom:22px;
}
.main_icon{
	background-image:url(../../images/main_icon.png);
	background-repeat:no-repeat;
}
.color_gray{
	color:#8b8c8f;
}
.color_red{
	color:#cb4b63;
}
.color_green{
	color:#62c189;
}
.bor_gray{
	border:1px solid #e1e1e1;
}
.bor_green{
	border:1px solid #62c189;
}
.bor_red{
	border:1px solid #cb4b63;
}
.bor_gray1{
	border:2px solid #8b8c8f;
}
.bor_green1{
	border:2px solid #62c189;
	background:#eafcf1;
}
.bg_green{
	background:#62c189;
}
.bg_gray{
	background:#e1e1e1;
}
.bg_gray1{
	background:#8b8c8f;
}
.bg_yellow{
	background:#ffb502;
}
.bg_blue{
	background:#17badd;
}
.bg_red{
	background:#e7402a;
}
.bg_purple{
	background:#9d74ef;
}
.border_gray{
	color:#8b8c8f;
	border:1px solid #e1e1e1;
	background:#ffffff;
}
.border_gray:hover{
	color:#8b8c8f;
	border:1px solid #e1e1e1;
	background:#f7f7f7;
}
.border_gray1{
	color:#8b8c8f;
	border:1px solid #e1e1e1;
	background:#f7f7f7;
}
.border_gray1:hover{
	color:#ffffff;
	border:1px solid #bc4058;
	background:#cb4b63;
}
.border_red{
	color:#ffffff;
	border:1px solid #bc4058;
	background:#cb4b63;
}
.border_red:hover{
	color:#ffffff;
	background:#db526d;
}
.border_green{
	color:#ffffff;
	border:1px solid #5ea37a;
	background:#6eb88c;
}
.border_green:hover{
	color:#ffffff;
	background:#62c189;
}
.border_yellow{
	color:#ffffff;
	border:1px solid #fc961c;
	background:#feaf51;
}
.border_yellow:hover{
	color:#ffffff;
	background:#ffb761;
}
.lineheight54{
	line-height:54px;
}
.lineheight88{
	line-height:88px;
}
#content{
	/*width:100%;*/
}
.quick_login {
    margin-left:75px;
text-align:center;
}
