body {
	font-family: "Microsoft YaHei";
	font-size: 12px;
	background: #000
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	padding: 0;
	margin: 0
}

fieldset,
img {
	border: 0;
	vertical-align: bottom
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-weight: 400;
	font-style: normal
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

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

abbr,
acronym {
	border: 0
}

button,
input,
select,
textarea {
	cursor: pointer
}

.areaBg2 a.donebtn,
.qdlist li a.donebtn {
	cursor: inherit
}

button,
input,
optgroup,
option,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

input {
	border: 0
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0
}

input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner {
	border: 0;
	padding: 0
}

a {
	text-decoration: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.areaDiv {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 2
}

.areaBg1 {
	height: 721px;
	background: url("../images/t015ba8eda897d7b7cd.jpg") top center no-repeat
}

.areaBg1 .time {
	font-size: 20px;
	color: #c73f3f;
	text-align: center;
	padding-top: 20px
}
.areaBg1 .user-name {
	font-size: 20px;
	color: #c73f3f;
	text-align: center;
	padding-top: 631px
}
.areaBg1 .user-name span{ margin: 0 20px;}
.areaBg2 {
	height: 1222px;
	background: url("../images/t0104d2524e9e966f24.jpg") top center no-repeat;
	overflow: hidden
}

.areaBg2 a.Btn {
	width: 228px;
	height: 70px;
	background: url("../images/t019f02d34b36839cf8.png") no-repeat;
	display: block;
	margin: 156px auto 0
}

.areaBg2 a.Btn:hover {
	background-position: 0 -72px
}

.areaBg2 a.donebtn,
.areaBg2 a.donebtn:hover {
	background-position: 0 -145px
}

.qdlist {
	padding: 42px 0 0;
	overflow: hidden;
}
.qdlist.jifen {
	padding: 86px 0 0;
	overflow: hidden;
}

.qdlist li {
	width: 298px;
	height: 370px;
	float: left;
	margin-right: 2px;
	text-align: center;
	position: relative
}
.qdlist.jifen li {
	width: 398px;
	height: 370px;
	float: left;

	text-align: center;
	position: relative
}

.qdlist li img {
	display: block;
	width: 156px;
	height: 161px;
	overflow: hidden;
	margin: 24px auto 0
}

.qdlist li span {
	width: 229px;
	height: 40px;
	background: url("../images/t01c796a0d6abe6e2e7.png") no-repeat;
	margin: 20px auto 0;
	display: block;
	color: #a03e30;
	font-size: 20px;
	line-height: 38px
}

.qdlist li a.ljbtn {
	width: 195px;
	height: 51px;
	line-height: 48px;
	border: 2px solid #a98b59;
	color: #cfa968;
	font-size: 24px;
	text-align: center;
	display: block;
	margin: 25px auto 0
}

.qdlist li a.ljbtn:hover {
	border: 2px solid #f9da70;
	color: #f9da70
}
.qdlist li a.ljbtn.no-drop {
	width: 195px;
	height: 51px;
	line-height: 48px;
	border: 2px solid #999;
	color: #999;
	font-size: 24px;
	text-align: center;
	display: block;
	margin: 25px auto 0;
	cursor: no-drop;
	cursor: not-allowed;
}
.shuom{font-size: 16px; color: #fff; padding-top: 15px;}
.qdlist li a.donebtn,
.qdlist li a.donebtn:hover {
	border: 2px solid #999;
	color: #999
}

.areaBg2 .qdlist .popLit {
	width: 330px;
	display: none;
	border: 1px solid #6f281f;
	position: absolute;
	top: -40px;
	left: -40px;
	background: url("../images/t01f40e863bfd8a39b7.png");
	font-size: 14px;
	color: #d0a29c;
	text-align: center;
	padding: 14px
}

.areaBg3 ul li i,
.areaBg3 ul li span {
	font-size: 35px;
	display: block;
	float: left
}

.areaBg2 .qdlist li.cur .popLit {
	display: block
}

.areaBg3 {
	height: 1181px;
	background: url("../images/t01094ea47f296a0253.jpg") top center no-repeat
}

.areaBg3 ul {
	width: 680px;
	height: 840px;
	overflow: hidden;
	position: absolute;
	top: 228px;
	left: 1px
}

.areaBg3 ul li {
	height: 84px;
	line-height: 84px;
	overflow: hidden;
	color: #118597
}

.areaBg3 ul li i {
	font-weight: 700;
	font-style: normal;
	width: 130px;
	text-align: center;
	color: #ce7070
}

.areaBg3 ul li span {
	width: 550px;
	text-align: center;
	color: #e5aa75
}

.areaBg4 p.info i,
.areaBg5 p.info i {
	font-style: normal;
	width: 22px;
	display: inline-block;
	text-align: center;
	margin-right: 6px
}

.areaBg4 {
	height: 732px;
	background: url("../images/t0152ee85933fe60003.jpg") top center no-repeat
}

.areaBg4 p.info {
	font-size: 16px;
	color: #cc8f85;
	line-height: 30px;
	padding-top: 170px;
	height: 250px;
	padding-left: 40px
}

.areaBg4 p.info i {
	height: 22px;
	background: url("../images/t01919bbc94c770187f.png") no-repeat;
	line-height: 20px;
	font-size: 14px
}

.areaBg4 p.tu {
	text-align: center;
	margin-top: 92px
}

.areaBg5 {
	height: 532px;
	background: url("../images/t01d78bc87c4d8ac9aa.jpg") top center no-repeat
}

.areaBg5 p.info {
	font-size: 16px;
	color: #e1b3ab;
	line-height: 30px;
	padding-top: 200px;
	height: 250px;
	padding-left: 40px
}

.areaBg5 p.info i {
	height: 22px;
	background: url("../images/t01721e7bd5f5f8e5e7.png") no-repeat;
	line-height: 20px;
	font-size: 14px
}

.navbox {
	width: 155px;
	height: 383px;
	background: url("../images/t010e2912afd71169e2.png") no-repeat;
	position: fixed;
	top: 30%;
	right: 30px;
	padding-top: 25px;
	padding-left: 65px;
	z-index: 1000;
}

.navbox p {
	width: 120px;
	height: 57px;
	line-height: 57px;
	color: #baa380;
	font-size: 18px;
	cursor: pointer
}

.navbox p:hover {
	color: #f3cf96
}

.navbox p a {
	display: block;
	color: #baa380
}
.content_box {
	width: 570px;
	padding:30px 40px;
	background-color: #fff;
	display: table;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .09);
	box-shadow: 0 0 5px rgba(0, 0, 0, .09);
	position: fixed;
	z-index: 1002;
	left: 50%;
	top: 200px;
	margin-left:-325px;
}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1487563627'); /* IE9*/
  src: url('iconfont.eot?t=1487563627#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1487563627') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1487563627') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1487563627#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:20px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color: #c7c7c7;
}
.txt-16{font-size: 16px;}
.txt-12{font-size: 12px;}
.txt-999{color: #999;}
.third-btn{ width:30px; height:30px; background: url(../images/img-24.png) no-repeat; line-height: 300px; overflow: hidden;float: left; margin-right: 10px;}
.third-btn.qq{ background-position: 0 0;}
.third-btn.wx{ background-position: -39px 0;}
.login li{ width: 100%; border: 1px solid #ccc; background: #fff; height:36px ; margin-bottom: 15px;}
.login li.input-green{border:1px solid #04b715;}
.login li.input-red{border:1px solid #f00;}
.login li input{ height: 36px; border: 0 none; line-height: 36px; outline: 0; width: 260px; background: #fff; float: left;}
.login li.yzm{margin-bottom: 0;}
.tc-in.login li.yzm input,.login li.yzm input{ width: 140px;}
.login li label{padding: 0 8px; float: left; margin-top:8px;-ms-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
.login li label.bao{ background: url(../images/img-24.png) no-repeat -54px -143px; width: 20px; height: 20px; padding: 0; margin: 8px 8px 0;}
.login li:hover label{-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg); 	-webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);transform: rotateY(180deg);}
.login li img{ float: right;height:36px ;}
.login .errmsg{ color: #f00; visibility:visible; height: 20px; line-height: 20px; overflow: hidden; margin: 10px 0;}
.btn{ height: 40px; line-height: 40px; text-align: center; color: #fff; background: #ff5c23; border:0 none; cursor: pointer;}
.btn:hover{background: #f54e13;}
.login .tool{ height: 15px; color: #999;}
.login .tool label span{ vertical-align: middle;}
.login .tool input{ margin-right:4px; margin-top: 2px;}
.login .tool a,.login .tool a:hover{vertical-align: middle; margin-top: 3px; color: #999; }
.login .btn{ width: 100%; margin-top: 10px;}
.content_box h2{ font-size: 20px; color: #aaa; font-weight: 600; margin-bottom: 15px; position: relative;}
.r-area{border-left: 1px solid #c2c1c1; padding-left:40px; width: 200px;}
.r-area dt{margin-bottom: 15px;}
.r-area dl{margin-bottom: 15px; width: 100%;}
.r-area .code,.bg-gray .code{; margin:0 auto 30px; width: 160px; text-align: center; font-size: 12px;}
.r-area .code img,.bg-gray .code .nvs{width: 128px; height: 128px; margin: 20px auto 10px;}
.bg-gray .code img{ width: 150px; height: 150px;}
.l-area{ width: 298px;}
.l-area .btn{ margin-bottom: 30px;}
.l-area .login{padding-top: 0;}
.sming{ line-height: 20px;}
.sming span{ float: left; color: #FF5C23; margin-left: -20px;}
.reg li{ margin-bottom: 10px; overflow: hidden; width: 100%;}
.reg li label{ float: left; text-align: right; height: 36px; line-height: 36px; width: 60px; padding-right:8px; color: #999;}
.reg li .in-put,.reg .btn{ width: 210px; margin-bottom: 0;}
.l-area .reg li .in-put,.l-area .reg .btn{ width: 228px; margin-bottom: 0;}
.reg li.reg-yzm{ position: relative;}
.reg li.reg-yzm img{ height: 36px; position: absolute; right: 1px; top: 1px; *top: 2px; }
.ng-hide{ display: none;}
.ng-show{ display: block;}
.pull-left{float: left;}
.pull-right{float: right;}
.close{ width: 18px; height: 18px; background: url(../images/close.png) no-repeat; display: block; text-indent: -999px; overflow: hidden; transition: all 1s;}
.close-333{; background: url(../images/close.png) no-repeat; position: absolute; right:-20px; top: -10px;}