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

}

body {

	font-size: 12px;

	font-family: "Microsoft YaHei", Arial, "\5B8B\4F53", Helvetica, sans-serif;

	-webkit-tap-highlight-color: transparent

}

html {

	color: #333;

	background: #F3F5FD;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%

}

audio, canvas, video {

	display: inline-block

}

table {

	border-collapse: collapse;

	border-spacing: 0

}

abbr, acronym, 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

}

q:after, q:before {

	content: ''

}

abbr, acronym {

	border: 0;

	font-variant: normal

}

sup {

	vertical-align: text-top

}

sub {

	vertical-align: text-bottom

}

input, select, textarea {

	font-family: inherit;

	font-size: inherit;

	font-weight: inherit

}

input {

	outline: 0

}

a {

	text-decoration: none;

	color: #333

}

img {

	border: 0

}

.clearfix:after, .codeItem:after, .content .contentBox:after, .game ul:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: "\20";

	clear: both;

	height: 0

}

.wrapper {

	width: 1200px;

	min-width: 1200px;

	margin-left: auto;

	margin-right: auto

}

img {

	vertical-align: middle

}

.fl {

	float: left

}

.fr {

	float: right

}

.red {

	color: #ec0600!important

}

.blue {

	color: #286ceb!important

}

.blue2 {

	color: #008aff!important

}

.yellow {

	color: #fcf774!important

}

.orange {

	color: #fe6c01!important

}

.green {

	color: #0ca105!important

}

.header {

	height: 100px;

	background: #fff;

	-webkit-box-shadow: 0 6px 22px rgba(184,190,214,.69);

	box-shadow: 0 6px 22px rgba(184,190,214,.69);

	position: relative

}

.header .wrapper {

	height: 100px;

	position: relative

}

.header .logo {

	float: left;

	margin: 27px 164px 0 0

}

.header .logo img {

	vertical-align: middle

}

.header .txt {

	float: left;

	width: 383px;

	height: 61px;

	background: url(../images/domain.png) no-repeat;

	margin-top: 20px

}

.header .service {

	width: 293px;

	height: 60px;

	background: url(../images/h_img.png) no-repeat;

	float: right;

	margin: 20px 0 0 0

}

.notice {

	height: 36px;

	border-bottom: 1px solid #dfdfdf;

	background: #303438

}

.notice .wrapper {

	position: relative

}

.notice b {

	position: absolute;

	top: 0;

	left: 6px;

	background: url(../images/notice.png) no-repeat 0 50%;

	height: 36px;

	line-height: 36px;

	padding: 0 0 0 25px;

	color: #fffe9c;

	font-size: 14px;

	font-weight: 700

}

.notice span {

	color: #fefefd;

	margin: 0 0 0 100px;

	display: block;

	height: 36px;

	line-height: 36px;

	font-size: 14px

}

.content {

	padding-top: 30px;

	padding-bottom: 29px

}

.content .contentBox {

	position: relative

}

.content .title {

	height: 60px;

	background: url(../images/ttl.png) no-repeat 0 0;

	margin-bottom: 27px

}

.content .left {

	padding-left: 30px;

	padding-top: 27px;

	width: 601px;

	height: 490px;

	float: left;

	-webkit-box-shadow: 0 6px 40px rgba(184,190,214,.69);

	box-shadow: 0 6px 40px rgba(184,190,214,.69);

	border-radius: 20px;

	background: #fff

}

.content .right {

	padding-top: 31px;

	width: 540px;

	height: 519px;

	background: #fff;

	float: right;

	box-sizing: border-box;

	-webkit-box-shadow: 0 6px 40px rgba(184,190,214,.69);

	box-shadow: 0 6px 40px rgba(184,190,214,.69);

	border-radius: 20px

}

.address-list li {

	height: 50px;

	margin-bottom: 10px

}

.address-list span {

	display: inline-block;

	height: 50px;

	line-height: 50px;

	border: 1px solid #DEE7F1;

	color: #4c577f;

	font-size: 22px;

	float: left;

	text-align: center;

	box-sizing: border-box;

	-webkit-box-shadow: 0 9px 10px rgba(206,216,228,.57) inset;

	box-shadow: 0 9px 10px rgba(206,216,228,.57) inset;

	background: #ECF3FB;

	border-radius: 8px

}

.address-list span.time {

	width: 99px

}

.address-list span.url {

	width: 400px;

	margin-right: 10px

}

.address-list a {

	float: left;

	color:#fff;

	font-size: 18px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	width: 160px;

	background: url(../images/btn.png) no-repeat;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.address-list a:hover {

	opacity: .8

}

.inf {

	padding-top: 10px

}

.inf p {

	color: #4c577f;

	font-size: 16px;

	line-height: 36px

}

.inf p .blue {

	font-weight: bold;

}

.exTab {

	text-align: center;

	margin-bottom: 17px

}

.exTab a {

	margin: 0 9px;

	width: 226px;

	height: 50px;

	line-height: 48px;

	text-align: center;

	display: inline-block;

	background: #E6E9F5;

	color: #4c577f;

	border: 2px solid #E6E9F5;

	border-radius: 27px;

	font-size: 20px

}

.exTab a.select, .exTab a:hover {

	background: #fff;

	border-color: #418DF4

}

.exTab img {

	margin: -2px 10px 0 0;

	display: inline-block;

	vertical-align: middle;

}

.ex {

	height: 228px;

	text-align: right;

	padding-right: 25px

}

.codeItem {

	height: 160px;

	margin-left: 31px;

	margin-right: 29px;

	box-sizing: border-box;

	border: 3px solid #DEE7F1;

	padding: 15px 0 0 16px

}

.codeItem .code {

	float: left;

	margin-right: 20px;

	width: 125px;

	height: 125px;

	text-align: center

}

.codeItem .txt {

	float: left;

	line-height: 26px;

	margin-top: 25px

}

.codeItem .txt h3 {

	font-size: 18px;

	font-weight: bold;

	color: #286ceb

}

.codeItem .txt p {

	font-size: 14px;

	color: #4c577f

}

.codeItem .txt p span {

	font-weight: bold;

}

.codeItem .icon {

	float: right;

	margin-right: 15px;

	margin-top: 23px

}



.footer {

	padding: 29px 0 0;

	overflow: hidden;

	background: #343A43;

}

.footer .fInner {

	margin-bottom: 27px;

	padding-bottom: 30px;

	border-bottom: 1px solid #555B69;

}

.footer .fInner ul {

	margin: 0 auto;

	width: 1201px;

}

.footer .fInner li {

	float: left;

}

.footer .fBox {

	margin: 0 auto 28px;

	width: 1200px;

}

.footer .fBox .navi {

	margin-bottom: 27px;

	text-align: center;

}

.footer .fBox .navi li {

	display: inline-block;

	color: #5A6772;

	font-size: 12px;

}

.footer .fBox .navi li a {

	margin: 0 22px 0 23px;

	color: #b5b8bf;

	font-size: 14px;

}

.footer .fBox .navi li a:hover {

	color: #fff;

}

.footer .fBox .list li {

	width: 25%;

	float: left;

}

.footer .fBox .list li a {

	display: block;

	color: #b5b8bf;

	font-size: 14px;

	text-align: center;

}

.footer .fBox .list li a span {

	margin-bottom: 9px;

	display: block;

}

.footer .fBox .list li a img {

	margin: 0 auto;

	display: block;

}

.footer .fBox .list li a:hover span {

	background: url(../images/f_img12_over.png) no-repeat center top;

}

.footer .fBox .list li.li02 a:hover span {

	background: url(../images/f_img13_over.png) no-repeat center top;

}

.footer .fBox .list li.li03 a:hover span {

	background: url(../images/f_img14_over.png) no-repeat center top;

}

.footer .fBox .list li.li04 a:hover span {

	background: url(../images/f_img15_over.png) no-repeat center top;

}

.footer .fBox .list li a:hover img {

	visibility: hidden;

}

.footer .copyright {

	color: #b5b8bf;

	font-size: 14px;

	line-height: 44px;

	text-align: center;

	background: #2A313B;

}