﻿
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:400
}

ol,ul{
	list-style:none
}

caption,th{
	text-align:left
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:400
}

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
}

textarea{
	resize:none
}

legend{
	color:#000
}

a{
	color:#0068b7;
	outline:0;
	text-decoration:none
}

.wrap{
	margin:0 auto;
	width:960px
}

.header{
	background:#2684c2;
	height:68px
}

.container{
	height:100%;
	margin:0 auto;
	position:relative;
	width:960px
}

.logo{
	background:url(../images/logo.png) no-repeat 0 0;
	float:left;
	height:56px;
	margin-top:6px;
	overflow:hidden;
	text-indent:-2000px;
	width:200px;
}

.gg{
	color:#d7e44c;
	float:left;
	font-size:16px;
	line-height:18px
}

.navbar{
	font-family:"Microsoft YaHei";
	margin-top:26px;
	white-space:nowrap;
	width:585px
}

.navbar,.nav{
	float:right
}

.footer{
	margin:40px 0 66px;
	padding:25px 0;
	position:relative;
	z-index:3
}

.follow-us{
	height:32px;
	position:absolute;
	right:25px;
	top:25px;
	width:112px
}

.mask{
	background-color:#000;
	filter:alpha(opacity:30);
	left:0;
	opacity:.3;
	overflow:hidden;
	position:fixed;
	top:0;
	-moz-user-select:none
}

.mask,.mask iframe{
	height:100%;
	width:100%
}

.panel{
	position:absolute;
	text-align:left;
	z-index:99
}

.panel-content{
	zoom:1
}

.nav ul{
	overflow:hidden
}

.nav li{
	border-left:1px dashed #93c2e1;
	float:left;
	height:18px;
	line-height:18px;
	margin:0 0 0 -1px;
	padding:0 30px
}

.nav a{
	color:#fff;
	font-size:16px
}

.menu li{
	border-left:4px solid #fff;
	height:54px
}

.menu a{
	color:#3e76a3;
	display:block;
	font-family:"Microsoft Yahei";
	font-size:16px;
	padding:15px 0
}

.mask iframe{
	left:0;
	position:absolute;
	top:0;
	z-index:-1
}

.mask div{
	background-color:#000;
	height:100%;
	left:0;
	top:0;
	-moz-user-select:none;
	width:100%;
	z-index:1
}

.layout .aside{
	float:left;
	margin:0 0 0 -100%;
	width:170px
}

.layout .main{
	float:left;
	width:100%
}

.layout .main-wrap{
	margin:0 0 0 180px
}

.layout .content{
	border-left:1px solid #e5e5e5;
	font-size:15px;
	font-family:"Microsoft YaHei";
	padding-left:40px
}

.header .container{
	height:68px
}

.nav .gg{
	color:#d7e44c
}

.menu .current{
	background:#e7f5ff;
	border-color:#2684c2
}

.menu .icon{
	background:url() no-repeat 0 0;
	display:inline-block;
	height:18px;
	margin:0 10px;
	vertical-align:middle;
	width:18px
}

.menu .icon-android{
	background-position:0 0
}

.menu .icon-bbs{
	background-position:0 -27px
}

.menu .icon-ios,.menu .icon-mac{
	background-position:0 -49px
}

.menu .icon-level{
	background-position:0 -76px
}

.menu .icon-other{
	background-position:0 -98px
}

.menu .icon-question{
	background-position:0 -123px
}

.menu .icon-web{
	background-position:0 -148px
}

.menu .icon-windows{
	background-position:0 -176px
}

.footer .links{
	margin-bottom:16px;
	overflow:hidden
}

.footer .copyright{
	color:#cdcdcd;
	font-family:arial
}

.follow-us .item{
	background:url(http://p1.qhimg.com/t01373e63b38f5f3fb0.png) no-repeat 0 0;
	float:left;
	height:31px;
	width:39px
}

.follow-us .divider{
	border-left:1px solid #e5e5e5;
	display:inline;
	float:left;
	height:31px;
	margin:0 10px;
	width:1px
}

.follow-us .weixin{
	position:relative;
	background-position:0 -120px
}

.follow-us .weibo{
	background-position:0 -40px
}

.follow-us .qrcode{
	height:128px;
	left:-40px;
	position:absolute;
	top:-130px;
	visibility:hidden;
	width:128px
}

.panel .co1,.panel .co2,.panel .cue,.panel .sd,.panel .close,.panel .minimize,.panel .resize{
	z-index:3
}

.panel .close,.panel .minimize{
	cursor:pointer
}

.panel .resize{
	background-color:#ccc;
	bottom:0;
	height:10px;
	overflow:hidden;
	position:absolute;
	right:0;
	width:10px
}

.panel .panel-iframe{
	height:expression(this.parentNode.offsetHeight-3);
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:-8
}

.nav .current a{
	font-weight:700
}

.footer .links a{
	border-left:1px solid #d5d5d5;
	color:#8d8d8d;
	margin:0 0 0 -10px;
	padding:0 10px
}

.follow-us .weixin:hover{
	zoom:1;
	background-position:0 -80px
}

.follow-us .weibo:hover{
	background-position:0 0
}

.follow-us .weixin:hover .qrcode{
	visibility:visible
}

#rtt{
	background:black;
	background:url("") no-repeat;
	cursor:pointer;
	height:68px;
	position:fixed;
	width:68px;
	z-index:10000
}

#rtt:hover{
	background-position:0 -68px
}

.panel-t1 .panel-content .hd,.panel-t1 .left-corner,.panel-t1 .right-corner,.panel-t1 .close-link,.panel-t1 .minimize-link{
	background:url("data:image/gif") no-repeat
}

body,button,input,select,textarea{
	font:12px/1.5 tahoma,arial,\5b8b\4f53
}

body{
	background-color:#eef8fe
}

header,footer{
	display:block
}

h1{
	background:url(/images/index.gif) no-repeat 140px 5px;
	color:#2684c2;
	font:26px "Microsoft Yahei","\5fae\8f6f\96c5\9ed1",SimSun,sans-serif;
	margin:0 50px;
	padding:0 0 36px 182px
}

h1 strong{
	color:#ed580f
}

.panel-t1{
	z-index:0;
	zoom:1
}

.msg-panel{
	display:table;
	font-size:14px;
	height:80px;
	width:310px
}

.msg-text-box{
	display:table-cell;
	vertical-align:middle
}

.msg-text{
	color:#221815;
	height:45px;
	margin:0 auto;
	padding-left:38px;
	padding-top:26px;
	width:270px
}

.msg-ok-tip,.msg-warning-tip,.msg-error-tip{
	background-position:0 25px;
	background-repeat:no-repeat
}

.msg-ok-tip{
	background-image:url()
}

.msg-warning-tip,.msg-error-tip{
	background-image:url(http://p1.qhimg.com/t0110b60959dbf97304.png)
}

.msg-prompt{
	padding-left:0;
	text-align:center;
	width:320px
}

.msg-text em{
	color:red;
	font-style:normal
}

.msg-prompt input{
	border:1px solid #95a1b6;
	height:25px;
	vertical-align:middle;
	width:125px
}

.msg-prompt textarea{
	height:80px;
	overflow-y:auto;
	resize:vertical;
	width:200px;
	word-break:break-all
}

.msg-prompt label{
	padding-right:5px;
	vertical-align:top
}

.reg-wrap dd{
	margin:0 0 16px;
	position:relative;
	zoom:1
}

.reg-wrap label{
	font-size:16px;
	height:38px;
	left:-86px;
	line-height:38px;
	padding:0 10px 0 0;
	position:absolute;
	text-align:right;
	top:0;
	width:76px
}

.panel-t1 .panel-content{
	position:relative;
	z-index:2
}

.panel-t1 .left-corner,.panel-t1 .right-corner{
	display:block;
	height:30px;
	position:absolute;
	width:10px
}

.panel-t1 .left-corner{
	background-position:0 -35px;
	left:0;
	top:0
}

.panel-t1 .right-corner{
	background-position:0 -70px;
	right:0;
	top:0
}

.panel-t1 .close,.panel-t1 .minimize{
	display:block;
	height:22px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	width:21px
}

.panel-t1 .close{
	right:10px;
	top:4px
}

.panel-t1 .close-link,.panel-t1 .minimize-link{
	display:block;
	height:22px;
	width:21px
}

.panel-t1 .close-link{
	background-position:0 -152px
}

.panel-t1 .minimize{
	right:34px;
	top:4px
}

.panel-t1 .minimize-link{
	background-position:0 -174px
}

.panel-t1 .y-btn{
	display:inline-block;
	height:22px;
	line-height:22px;
	margin:10px 5px 0;
	padding:4px 25px
}

.msg-text .info{
	color:silver;
	font-size:12px
}

.msg-text .info-warning{
	color:red;
	font-size:14px
}

.msg-prompt .msg-text{
	width:100%
}

.reg-wrap .input-bg,.reg-wrap .input-bg-focus{
	display:block;
	height:36px;
	width:290px
}

.reg-wrap .input-bg{
	border:1px solid #c7c7c7
}

.reg-wrap .input-bg-focus{
	border:1px solid #4d90fe
}

.reg-wrap .rules{
	top:-60px
}

.reg-wrap .submit{
	top:80px;
	left: 0px;
}

.reg-wrap .input-bg input,.reg-wrap .input-bg-focus input{
	border:0 none;
	font-size:14px;
	padding:8px 0 0 6px;
	width:90%
}

.reg-wrap .rules label{
	position:static
}

.reg-wrap .submit input{
	background:0;
	background:#68c73e;
	border:1px solid #53b727;
	color:#fff;
	cursor:pointer;
	font-size:18px;
	height:42px;
	text-align:center;
	width:210px
}

.panel-t1 .panel-content .hd{
	background-color:#5da6d7;
	background-repeat:repeat-x;
	height:30px;
	margin-left:8px
}

.panel-t1 .panel-content .bd{
	background-color:#fff;
	border:solid #8e9da4;
	border-width:0 1px;
	min-width:320px;
	padding:15px
}

.panel-t1 .panel-content .ft{
	background-color:#fff;
	border:solid #8e9da4;
	border-width:0 1px 1px;
	border-radius:0 0 3px 3px;
	height:60px;
	text-align:center
}

.panel-t1 .panel-content .ft-none{
	font-size:0;
	height:0;
	line-height:0;
	overflow:hidden
}

.panel-t1 .close-link:hover{
	background-position:0 -104px
}

.panel-t1 .minimize-link:hover{
	background-position:0 -130px
}

.panel-t1 .y-btn .icon{
	float:left;
	height:24px;
	margin:0 4px 0 0;
	width:17px
}

.panel-t1 .panel-content .hd h3{
	color:#d6ebf8;
	font-size:12px;
	font-weight:400;
	height:30px;
	line-height:30px;
	margin:0;
	padding-left:10px
}

.panel-t1 .panel-content .ft button{
	cursor:pointer;
	font-size:108%;
	margin:.2em .4em;
	padding:0 .6em
}

#main{
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:3px;
	box-shadow:0 0 10px 0 rgba(0,0,0,.1);
	margin:20px auto 0;
	padding-top:36px;
	width:756px
}

#reg,#actPanel{
	border-top:1px solid #e0e0e0;
	margin:0 50px;
	padding:40px 0 0 186px
}

#ypPhraseLi .verify-code,#ypPhraseLi .verify-code-focus,.reg-wrap .verify-code,.reg-wrap .verify-code-focus{
	border:1px solid #c7c7c7;
	height:40px;
	left:0;
	position:absolute;
	top:0;
	width:134px
}

.reg-wrap .verify-code-focus,#ypPhraseLi .verify-code-focus{
	border-color:#f48e44
}

#ypPhraseLi .verify-code input,#ypPhraseLi .verify-code-focus input,.reg-wrap .verify-code input,.reg-wrap .verify-code-focus input{
	border:0 none;
	font-size:14px;
	padding:8px 4px 0;
	width:90%
}

.reg-wrap,.reg-wrap dd{
	position:relative
}

.other-login{
	margin:20px 0 0 188px
}

.auto-tip{
	background:url(http://p4.qhimg.com/t0139ac37edc851a1fe.gif) left center no-repeat;
	font-size:24px;
	height:38px;
	left:188px;
	line-height:38px;
	padding-left:45px;
	position:absolute;
	top:30px
}

.auto-error-tip{
	background-image:url(http://p1.qhimg.com/t0110b60959dbf97304.png);
	color:#f48e44
}

.reg-wrap dd{
	height:64px;
	z-index:1
}

.reg-wrap .text-tips{
	bottom:0;
	color:#cbcbcb;
	left:0;
	position:absolute;
	white-space:nowrap
}

.reg-wrap .reg-tips-wrong{
	background:url(/images/reg-error.gif) no-repeat 0 2px;
	color:#f16906;
	padding:0 0 0 20px
}

.reg-wrap .phrase-tips{
	bottom:0;
	height:20px;
	left:0;
	line-height:20px;
	position:absolute;
	white-space:nowrap
}

.reg-wrap .tips-phrase{
	display:block
}

.reg-wrap .yz{
	left:140px;
	position:absolute;
	top:4px;
	width:180px
}

.reg-wrap .reg-global-error{
	color:#f48e44
}

#actPanel{
	border-top:1px solid #e0e0e0;
	display:none;
	margin:40px 50px 0;
	padding:40px 0;
	position:relative;
	z-index:1
}

#yp-tips-phrase{
	color:#cbcbcb;
	font-size:12px
}

#regGlobal_tips{
	font-size:14px;
	left:0;
	position:absolute;
	top:-30px;
	white-space:nowrap
}

#autoPanel{
	border-top:1px solid #e0e0e0;
	display:none;
	height:120px;
	position:relative;
	z-index:1
}

#actPanel label{
	color:#000;
	display:inline-block;
	font-size:14px;
	height:41px;
	left:0;
	line-height:41px;
	padding-right:10px;
	position:absolute;
	text-align:right;
	width:60px
}

#ypPhraseLi .icon-phrase{
	bottom:-20px;
	color:#F60;
	display:none;
	font-weight:400;
	left:0;
	position:absolute;
	white-space:nowrap
}

#ypPhraseLi .yz{
	left:140px;
	position:absolute;
	top:4px;
	width:180px
}

#ypPhraseLi .fac{
	color:#0082cb;
	font-size:12px;
	padding-left:3px
}

#actPanel .tips{
	color:#f06806;
	font-size:24px;
	left:182px;
	position:absolute;
	top:-60px
}

#actPanel .act-submit{
	background:0;
	background-color:#65c43b;
	border:solid 1px #3f9d1f;
	color:#FFF;
	cursor:pointer;
	display:block;
	font-family:"\5fae\8f6f\96c5\9ed1";
	font-size:16px;
	height:44px;
	margin:20px 0 0 188px;
	outline:medium none;
	width:212px
}

#actPanel .phrase-box{
	height:62px;
	left:118px;
	position:relative
}

#actPanel .verify-code,#actPanel .verify-code-focus{
	left:68px;
	position:absolute
}

#actPanel .verify-code{
	background-position:-665px 0
}

#actPanel .verify-code-focus{
	background-position:-665px -47px
}

#actPanel .verify-code,#actPanel .verify-code-focus{
	border:1px solid #cbcbcb;
	display:inline-block;
	height:43px;
	padding-left:10px;
	width:110px
}

#actPanel .verify-code-focus{
	border-color:#f27b25
}

#actPanel .ipt1{
	background:0;
	border:medium none;
	color:gray;
	float:left;
	font:16px/25px arial,simsun;
	height:25px;
	outline:medium none;
	padding:10px 0;
	width:103px
}

#actPanel .yz{
	height:35px;
	left:198px;
	position:absolute;
	top:4px
}

#actPanel .fac{
	color:#0082cb;
	font-size:12px;
	padding-left:3px
}

#actPanel .phrase-tips{
	left:0;
	position:absolute;
	top:10px
}

#actPanel .tips-phrase{
	display:inline-block;
	left:70px;
	position:absolute;
	top:40px;
	width:222px
}

#ypPhraseLi .yz img,#actPanel .yz img{
	cursor:pointer;
	vertical-align:middle
}

#actPanel b.icon-wrong{
	color:red;
	display:none;
	font-size:14px;
	font-weight:400;
	left:44px;
	padding-left:22px;
	position:absolute;
	top:-32px;
	white-space:nowrap
}

#actPanel .verify-code-focus .ipt1{
	color:#000
}
