@charset "utf-8";
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, legend, li, ol, p, ul {
	margin: 0;
	padding: 0
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400
}
fieldset, img {
	border: none
}
img {
	display: inline-block;
	vertical-align: middle
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: 400
}
ol, ul {
	list-style: none
}
input {
	padding-top: 0;
	padding-bottom: 0;
	font-family: "Microsoft yahei", "宋体"
}
input::-moz-focus-inner {
border:none;
padding:0
}
input, select {
	vertical-align: middle
}
input, select, textarea {
	font-size: 12px;
	margin: 0;
	font-family: "Microsoft yahei"
}
input[type=password], input[type=text], textarea {
	outline-style: none;
	-webkit-appearance: none
}
textarea {
	resize: none
}
input, textarea {
	background: 0 0;
	border: none;
	font-family: "Microsoft yahei", "宋体"
}
table {
	border-collapse: collapse
}
body {
	color: #333;
	font: 12px/20px "Microsoft yahei", SimSun, "宋体", "Arial Narrow", HELVETICA;
	background: #fff
}
a {
	text-decoration: none;
	color: #333
}
a:active, a:focus, a:hover {
	text-decoration: none
}
em, i, s {
	font-style: normal
}
body {
	background: #f5f5f5
}
.bg-write {
	background: #fff
}
.layout {
	width: 100%;
	min-width: 1200px;
	margin: 0 auto
}
.landscape {
	background: #f5f5f5;
	padding-bottom: 50px
}
.w-sl-12 {
	width: 1200px;
	margin-left: auto;
	margin-right: auto
}
.w-sl-11 {
	width: 1100px;
	margin-left: auto;
	margin-right: auto
}
.w-sl-10 {
	width: 1000px;
	margin-left: auto;
	margin-right: auto
}
.w-sl-96 {
	width: 960px;
	margin-left: auto;
	margin-right: auto
}
.fl {
	float: left;
	display: inline
}
.fr {
	float: right;
	display: inline
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '.';
	clear: both;
	height: 0
}
.center {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	-webkit-transform: translate(-50%, -50%)
}
.split {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-text-overflow: ellipsis
}
.through {
	text-decoration: line-through;
	color: #999
}
.disable {
	cursor: not-allowed
}
.ani {
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear
}
.tc {
	text-align: center
}
.price {
	color: #f41818
}
.f-red {
	color: red
}
.f-blue {
	color: #09f
}
.fixed {
	position: fixed
}
.pr {
	position: relative
}
@font-face {
	font-family: icon-fonts;
	src: url(../fonts/icomoon.eot);
	src: url(../fonts/icomoon.eot?iefix) format('embedded-opentype'), url(../fonts/icomoon.ttf) format('truetype'), url(../fonts/icomoon.woff) format('woff'), url(../fonts/icomoon.svg) format('svg');
	font-weight: 400;
	font-style: normal
}
.iconFont {
	font-family: icon-fonts
}
.lay-ad {
	margin: 15px auto
}
.hover-box {
	position: relative;
	display: inline-block;
	z-index: 100000
}
.hover-box .hover-btn {
	position: relative;
	z-index: 100;
	cursor: pointer
}
.hover-box .hover-btn i {
	display: inline-block
}
.hover-box .hover-drop-area {
	position: absolute;
	z-index: 99;
	display: none
}
.hover-box:hover .hover-drop-area {
	display: block
}
.active-select-box {
	position: relative;
	display: inline-block;
	z-index: 1000
}
.active-select-box .hover-btn {
	position: relative;
	z-index: 102;
	cursor: pointer
}
.active-select-box .hover-btn input {
	width: 100%;
	height: 100%;
	vertical-align: top;
	cursor: pointer;
	color: #666
}
.active-select-box .hover-btn .icon-corrow {
	position: absolute;
	right: 8px;
	top: 0;
	display: inline-block
}
.active-select-box .hover-drop-area {
	position: absolute;
	display: none;
	z-index: 101;
	zoom: 1;
	background: #fff
}
.active-select-box.active .hover-drop-area {
	display: block
}
.active-select-box.active .hover-btn .icon-corrow {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}
.top-drop-menu {
	width: 80px
}
.top-drop-menu .hover-btn {
	width: 65px;
	height: 29px;
	padding: 1px 10px 0;
	color: #898989
}
.top-drop-menu .hover-btn span {
	float: left;
	display: inline
}
.top-drop-menu .hover-btn .icon-corrow {
	float: left;
	display: inline;
	margin-left: 2px;
	font-size: 12px
}
.top-drop-menu .hover-btn .icon-channel {
	float: left;
	display: inline;
	margin: 1px 0 0 3px
}
.top-drop-menu .hover-btn .icon-phone {
	float: left;
	display: inline;
	margin: 1px 0 0 2px
}
.top-drop-menu .hover-btn .icon-tools {
	float: left;
	display: inline;
	font-size: 14px;
	margin: 1px 0 0 2px
}
.top-drop-menu .hover-drop-area {
	top: 30px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc
}
.top-drop-menu:hover .hover-btn {
	height: 30px;
	border: 1px solid #ddd;
	border-bottom: 0 none;
	padding: 0 9px 0;
	background: #fff
}
.top-drop-menu:hover .icon-corrow {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
.top-menu-list li {
	height: 29px;
	line-height: 29px;
	float: left;
	display: inline
}
.top-menu-list li a {
	color: #898989
}
.top-menu-list li a:hover {
	color: #007bc7
}
.top-menu-list .link-btn {
	margin: 1px 8px
}
.top-menu-list .line {
	height: 13px;
	border-left: 1px solid #ccc;
	margin: 10px 0 0
}
.top-menu-list .user-login-info {
	color: #666;
	margin-right: 8px
}
.top-menu-list .user-login-info a {
	margin: 0 5px
}
.top-menu-list .user-login-info .login {
	color: red
}
.top-menu-list .user-login-info .member-btn {
	font-weight: 700;
	color: #09f
}
.mobile-code {
	text-align: center;
	padding: 10px 0;
	height: 150px;
	width: 130px
}
.mobile-code p {
	color: #999;
	height: 20px;
	line-height: 20px
}
.site-nav-list {
	display: block;
	width: 1170px;
	right: -67px;
	padding: 10px 15px
}
.nav-box, .product-box {
	float: left;
	display: inline;
	margin-right: 15px;
	line-height: 22px
}
.nav-box dt, .product-box dt {
	margin-bottom: 5px;
	font-size: 12px;
	color: #333;
	font-weight: 700
}
.nav-box dd a, .product-box dd a {
	float: left;
	display: inline;
	position: relative;
	line-height: 30px;
	color: #666
}
.nav-box dd a:hover, .product-box dd a:hover {
	color: #09f
}
.nav-box dd img, .product-box dd img {
	position: relative;
	top: -13px
}
.nav-box {
	width: 180px
}
.nav-box dd a {
	width: 80px
}
.product-box {
	width: 364px;
	height: 140px;
	margin-right: 25px;
	border-right: 1px dotted #ccc
}
.product-box dd a {
	margin-right: 25px
}
.tool-list {
	width: 150px;
	padding: 10px 15px
}
.current-position {
	margin: 15px 0;
	font-size: 12px;
	color: #999
}
.current-position i {
	position: relative;
	top: 1px;
	color: #09f
}
.current-position a {
	color: #09f
}
.current-position a:hover {
	color: #0272bc
}
.current-position .current-icon {
	position: relative;
	top: 2px;
	font-size: 14px;
	color: #0084ff
}
.current-position .font-color-blue {
	color: #7cc0ff
}
.topbar {
	height: 30px;
	background: #efefef;
	border-bottom: 1px solid #ddd
}
.topbar .welcome-text {
	height: 30px;
	line-height: 30px;
	margin-left: 15px;
	font-size: 12px;
	color: #898989
}
.topbar .home {
	height: 30px;
	line-height: 30px;
	margin: 1px 10px 0 0
}
.topbar .home i {
	position: relative;
	top: 0;
	margin-right: 1px
}
.topbar .home a {
	color: #09f
}
.topbar .home a:hover {
	color: #09f
}
.area-box {
	width: 130px;
	height: 30px
}
.area-box .area-name {
	height: 30px;
	line-height: 30px;
	padding: 1px 0 0 5px;
	color: #898989
}
.area-box .area-name i {
	float: left;
	display: inline;
	display: block
}
.area-box .area-name span {
	float: left;
	display: inline;
	margin: 0 10px 0 2px;
	color: #898989
}
.area-box .area-name .area-icon {
	position: relative;
	top: 1px;
	color: #ccc;
	font-size: 14px
}
.area-box .area-name .icon-corrow {
	font-size: 12px
}
.area-box .area-list-box {
	top: 30px;
	background: #fff;
	width: 300px;
	padding: 10px 0 0;
	border: 1px solid #ddd
}
.area-box .area-list-box span {
	display: inline-block;
	width: 70px;
	line-height: 22px;
	text-align: center
}
.area-box .area-list-box a {
	display: inline-block;
	margin: 0 0 8px 0;
	color: #898989;
	padding: 0 5px
}
.area-box .area-list-box a:hover {
	background: #09f;
	color: #fff
}
.area-box:hover .area-name {
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 0 none;
	padding: 0 0 0 4px
}
.area-box:hover .area-name .area-icon {
	color: #007bc7
}
.sall-header {
	overflow: hidden;
	padding: 30px 0 40px;
	background: #fff;
	border-bottom: 2px solid #09f
}
.sall-header .logo {
	margin: 10px 20px 0 0
}
.sall-header .logo-text {
	border-left: 1px solid #ededed;
	padding-left: 20px;
	margin-top: 5px;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	color: #999
}
.sall-header .sall-top-btn a {
	display: inline-block;
	width: 92px;
	margin: 10px 15px 0 0;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #333
}
.sall-header .sall-top-btn a:hover {
	background: #f2f2f2
}
.sall-header .search-box {
	height: 40px;
	margin: 10px 50px 0 80px
}
.sall-header .search-box .sc-text {
	width: 400px;
	height: 38px;
	line-height: 38px;
	margin: 0 -3px 0 0;
	padding: 0 5px;
	font-size: 14px;
	color: #666
}
.sall-header .search-box .sc-btn {
	background: #09f;
	width: 90px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff
}
.sall-header .key-word {
	margin-top: 5px
}
.sall-header .key-word a {
	margin: 0 5px;
	color: #666
}
.sall-header .key-word a:hover {
	color: #09f
}
.header {
	position: relative;
	height: 120px
}
.header .logo {
	margin-top: 35px;
	height: 60px;
	text-align: center
}
.header .search-area {
	margin: 33px 50px 0 0
}
.header .top-tellphone {
	margin-top: 8px
}
.header .top-tellphone strong {
	display: block;
	text-align: center;
	font-size: 16px
}
.search-form {
	overflow: hidden
}
.search-form .sc-text {
	height: 36px;
	line-height: 36px;
	width: 375px;
	padding: 0 8px;
	border: 1px solid #ddd;
	border-right: 0 none;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px
}
.search-form .sc-btn {
	position: relative;
	height: 38px;
	width: 104px;
	font-size: 14px;
	color: #fff
}
.search-form .sc-btn i {
	position: absolute;
	line-height: 36px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	z-index: 102;
	left: 12px;
	top: 1px;
	cursor: pointer
}
.search-form .sc-btn input {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #09f;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 15px
}
.logo-right-area .hot-items {
	margin-top: 5px
}
.logo-right-area .hot-items a {
	margin: 0 10px 0 0;
	color: #898989
}
.logo-right-area .hot-items a:hover {
	color: #09f
}
.logo-right-area .hot-items a.red {
	color: red
}
.hot-key-words {
	margin-top: 5px;
	font-size: 12px
}
.hot-key-words a {
	margin-right: 8px
}
.hot-key-words a:hover {
	color: #007bc7
}
.top-QR-code {
	margin-top: 25px
}
.nav-bar {
	height: 34px;
	border-bottom: 1px solid #0084ff;
	background: #fff
}
.nav-bar .nav-list {
	float: left;
	display: inline;
	margin-left: 230px
}
.nav-bar .nav-list li {
	float: left;
	display: inline
}
.nav-bar .nav-list li a {
	display: inline-block;
	float: left;
	display: inline;
	position: relative;
	height: 34px;
	line-height: 34px;
	width: 110px;
	text-align: center;
	color: #595757;
	font-size: 15px;
	font-weight: 700
}
.nav-bar .nav-list li a:hover {
	color: #0084ff
}
.nav-bar .nav-list li a img {
	position: absolute;
	top: 0;
	right: 0
}
.nav-bar .nav-list li a .nav-active-icon {
	position: absolute;
	left: 50%;
	margin-left: -13px;
	top: -12px;
	display: none;
	width: 30px;
	height: 15px;
	background: url(../images/nav-active-icon.png) no-repeat center
}
.nav-bar .nav-list li a.active {
	background: #0084ff;
	color: #fff;
	font-weight: 700
}
.nav-bar .nav-list li a.active .nav-active-icon {
	display: block
}
.server-list-area {
	position: relative;
	left: 0;
	z-index: 10;
	margin-right: 30px
}
.server-list-area .hd {
	position: relative;
	width: 220px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #007bc7;
	font-size: 16px;
	color: #fff
}
.server-list-area .hd .icon-Channel {
	position: relative;
	top: 3px;
	font-size: 20px
}
.server-list-area .drop-server-list {
	position: absolute;
	left: 0;
	top: 40px;
	width: 220px
}
.server-list-area .drop-left-menu {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100000
}
.server-list-area .drop-left-menu .server-name {
	position: relative;
	left: 0;
	z-index: 10000;
	width: 220px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	background: #eee;
	zoom: 1;
	border-bottom: 1px dotted #ccc;
	font-size: 14px
}
.server-list-area .drop-left-menu .server-name p {
	padding: 0 8px;
	overflow: hidden
}
.server-list-area .drop-left-menu .server-name p .icon-corrow {
	padding-top: 20px;
	float: right;
	display: inline
}
.server-list-area .drop-left-menu .server-name a {
	color: #333
}
.server-list-area .drop-left-menu .server-name i {
	color: #333
}
.server-list-area .drop-left-menu .server-name:hover .icon-corrow {
	font-weight: 700;
	color: #666
}
.server-list-area .drop-left-menu .active .server-name {
	background-color: rgba(255,255,255,.98)
}
.server-list-area .drop-left-menu .active .server-name a {
	color: #007bc7
}
.server-list-area .drop-left-menu .active .server-name .icon-corrow {
	font-weight: 700;
	color: #666
}
.server-list-area .drop-right-contain {
	left: 210px;
	top: 1px;
	width: 980px;
	height: 392px;
	background: url(../../dist/images/menu_list_bg.png) left bottom no-repeat
}
.server-list-area .drop-right-contain .right-contain-img {
	text-align: center
}
.server-list-area .drop-right-contain .right-contain-img a {
	display: block;
	width: 269px;
	height: 117px;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee
}
.server-list-area .drop-right-contain .drop-contain-menu {
	padding: 5px 0;
	width: 708px
}
.server-list-area li {
	position: relative
}
.server-list-area li:hover .drop-right-contain {
	display: block
}
.sub-col {
	position: absolute;
	left: 0;
	z-index: 99
}
.category {
	width: 220px
}
.category h3 {
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	text-align: center;
	position: relative;
	z-index: 9999;
	margin-top: -4px;
	background: #0086ff;
	color: #fff;
	font-size: 16px
}
.category h3 .icon-all {
	position: relative;
	top: -1px;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 5px
}
.category ul {
	position: absolute;
	z-index: 9998;
	width: 220px;
	height: 430px;
	margin-top: -20px;
	padding-top: 21px;
	background: #3d464d
}
.category ul .hd {
	width: 180px;
	margin: 10px auto 10px;
	height: 15px;
	border-bottom: 1px solid #fff;
	color: #f60;
	text-align: center;
	font-size: 14px
}
.category ul .hd strong {
	display: inline-block;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	background: #3d464d
}
.category ul .sub-item-box {
	position: relative;
	padding: 8px 15px 0 15px;
	font-size: 12px
}
.category ul .sub-item-box a {
	display: inline-block;
	width: 90px;
	margin-bottom: 5px;
	color: #fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.category ul .sub-item-box a:hover {
	color: #09f
}
.category ul .active {
	background: #fff
}
.category ul .active a {
	color: #333
}
.area-box-ctrl {
	position: relative;
	height: 30px;
	line-height: 30px
}
.area-box-ctrl .area-text-box {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	height: 30px;
	line-height: 30px;
	padding: 0 30px 0 0;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 14px;
	color: #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: default
}
.area-box-ctrl .area-text-box i {
	position: absolute;
	right: 5px;
	top: 1px;
	font-size: 12px
}
.area-box-ctrl .area-text-box input {
	border: 0 none!important;
	width: 100%!important;
	padding-left: 5px;
	font-size: 14px
}
.area-box-ctrl .checked-area {
	display: none;
	position: absolute;
	left: 0;
	top: 29px;
	z-index: 99;
	background: #fff;
	padding: 15px 5px 0;
	border: 1px solid #ddd
}
.area-box-ctrl .checked-area .handle-btn {
	text-align: center;
	margin: 10px 0 0
}
.area-box-ctrl .checked-area .cancel-btn, .area-box-ctrl .checked-area .true-btn {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	background: #ccc;
	color: #666;
	margin: 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px
}
.area-box-ctrl .checked-area .true-btn {
	color: #fff;
	background: #ff9400
}
.area-text-box.on {
	border-bottom: 0 none
}
.area-text-box.on i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
.pop-category {
	position: absolute;
	left: 219px;
	top: 35px;
	z-index: 90;
	width: 738px;
	height: 400px;
	border: 0 solid #8a0e00;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	background: #fff
}
.pop-category .sub-item {
	height: 380px;
	padding: 10px 0
}
.sub-item-tit {
	width: 711px;
	height: 380px;
	background: #fff url(../images/menu_list_bg.png) no-repeat bottom center
}
.sub-item-adpic {
	width: 258px;
	height: 380px;
	border-left: 1px solid #f5f5f5;
	padding-left: 10px
}
.sub-item-adpic a {
	display: block;
	width: 258px;
	height: 117px;
	margin-bottom: 10px
}
.sub-item-adpic a img {
	width: inherit;
	height: inherit
}
.sub-menu-list {
	padding: 15px 40px;
	overflow: hidden
}
.sub-menu-list a {
	display: inline-block;
	color: #666
}
.sub-menu-list a:hover {
	color: #09f
}
.sub-menu-list a:last-child .line {
	display: none
}
.sub-menu-list dt {
	height: 14px;
	line-height: 14px;
	border-left: 4px solid #ff9000;
	font-weight: 700;
	padding-left: 8px;
	color: #3e3a39;
	margin-bottom: 5px
}
.sub-menu-list dt a {
	font-size: 14px;
	color: #3e3a39
}
.sub-menu-list dd {
	width: 645px;
	margin-left: 12px;
	line-height: 24px
}
.sub-menu-list dd a {
	font-size: 13px;
	color: #666;
	
}
.sub-menu-list dd a span.line {
	margin: 0 8px;
	color: #b5b5b6
}
.sub-menu-list dd a .hot {
	color: red;
	font-weight: 700
}
.sub-menu-list:nth-child(even) dt {
	border-left: 4px solid #2f81d4
}
.footer {
	clear: both;
	background: #fff
}
.footer-banner {
	position: relative;
	height: 429px;
	background: #e1e1e1 url(../images/footer-banner.jpg) no-repeat center top
}
.footer-banner .area-link-bar {
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	text-align: center;
	padding: 10px 0
}
.footer-banner .area-link-bar a {
	margin: 0 30px;
	font-size: 15px;
	color: #fff
}
.footer-banner .area-link-bar a:hover {
	color: #f2f2f2
}
.footer-baozhang {
	padding: 5px 0;
	background: #383838;
	text-align: center
}
.copyright-bar {
	padding: 20px 0;
	color: #999;
	text-align: center
}
.copyright-bar a {
	color: #999
}
.copyright-bar a:hover {
	color: #09f
}
.footer-icon {
	padding: 15px 0 0
}
.footer-icon a {
	margin: 0 8px
}
.footer-icon img {
	width: 90px;
	height: 32px
}
.server-links-bar {
	border-bottom: 1px solid #dfdfdf;
	padding: 30px 0;
	overflow: hidden
}
.server-links-bar .f-nav-list {
	margin-right: 120px;
	float: left;
	display: inline
}
.server-links-bar .f-nav-list dt {
	margin-bottom: 5px;
	font-size: 14px
}
.server-links-bar .f-nav-list dd a {
	margin-bottom: 5px;
	color: #878787;
	display: block;
	font-size: 12px
}
.server-links-bar .f-nav-list dd a:hover {
	color: #09f
}
.server-links-bar .f-q-code {
	width: 205px;
	padding-left: 20px;
	border-left: 1px solid #ddd
}
.server-links-bar .f-q-code p {
	margin-left: 20px;
	color: #878787
}
.server-links-bar .f-q-code p:first-child {
	margin-top: 15px
}
.server-links-bar .f-q-code img {
	float: left;
	display: inline;
	margin-right: 20px
}
.f-kf-tell .hd {
	margin-bottom: 15px;
	font-size: 14px
}
.f-kf-tell strong {
	color: #0f89f5;
	font-size: 20px
}
.f-kf-tell p {
	color: #999
}
.f-kf-tell .mx-button {
	display: block;
	width: 140px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	margin-top: 8px;
	border: 1px solid #ebebeb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 10px;
	color: #37c2fd;
	background: #ebebeb;
	font-size: 12px
}
.f-kf-tell .mx-button:hover {
	background: #09f;
	color: #fff
}
.friend-links {
	margin-bottom: 10px;
	text-align: left
}
.friend-links a {
	color: #adadad;
	margin: 0 8px
}
.friend-links a:hover {
	color: #007bc7
}
.right-fixed-side {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 102;
	height: 100%;
	border-right: 3px solid #09f
}
.right-fixed-side .side-kf-menu {
	position: fixed;
	right: 0;
	bottom: 80px;
	z-index: 100
}
.right-fixed-side .side-kf-menu img {
	position: absolute;
	right: 0;
	top: -27px
}
.right-fixed-side .side-kf-menu .fixe-kf-img {
	display: block;
	text-align: center;
	width: 40px;
	line-height: 16px;
	margin-bottom: 1px;
	height: 106px;
	background: #2f81d3;
	color: #fff;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px
}
.right-fixed-side .side-kf-menu .fixe-kf-img span {
	display: inline-block;
	width: 20px;
	margin-top: 36px
}
.right-fixed-side .side-kf-menu .fixe-kf-img:hover {
	background: #ff9000
}
.right-fixed-side .side-kf-menu .back-top {
	position: absolute;
	right: -55px;
	width: 90px;
	z-index: 100;
	height: 30px;
	line-height: 30px;
	text-align: right;
	padding-right: 5px;
	background-color: #2f81d3;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	color: #fff
}
.right-fixed-side .side-kf-menu .back-top i {
	float: left;
	display: inline;
	width: 40px;
	height: 30px;
	background: url(../images/ip_script_icon.png) no-repeat -131px -108px
}
.right-fixed-side .side-kf-menu .back-top:hover {
	background-color: #ff9000;
	right: 0
}
.right-fixed-side .right-side-tool {
	position: fixed;
	bottom: 40%;
	right: 0;
	z-index: 100
}
.right-fixed-side .right-side-tool .menu {
	position: relative;
	margin-bottom: 1px
}
.right-fixed-side .right-side-tool .menu .menu-btn {
	display: block;
	position: relative;
	z-index: 100;
	width: 40px;
	height: 40px;
	background: #2f81d3 url(../images/ip_script_icon.png) no-repeat
}
.right-fixed-side .right-side-tool .menu .member {
	background-position: -180px -167px
}
.right-fixed-side .right-side-tool .menu .home {
	background-position: -177px 8px
}
.right-fixed-side .right-side-tool .menu .buy {
	background-position: -178px -37px
}
.right-fixed-side .right-side-tool .menu .sell {
	background-position: -179px -84px
}
.right-fixed-side .right-side-tool .menu .send {
	background-position: -179px -130px
}
.right-fixed-side .right-side-tool .menu .msg {
	background-position: -132px -130px
}
.right-fixed-side .right-side-tool .menu .tell {
	background-position: -133px -169px
}
.right-fixed-side .right-side-tool .menu .menu-text {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	height: 40px;
	line-height: 40px;
	width: 80px;
	text-align: center;
	background: #ff9000;
	color: #fff;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px
}
.right-fixed-side .right-side-tool .menu:hover .menu-text {
	display: block;
	right: 40px;
	opacity: 1
}
.right-fixed-side .right-side-tool .menu:hover .menu-btn {
	background-color: #ff9000
}
.content-head {
	background-color: #ededef;
	padding-top: 121px;
	text-align: center
}
.content-head-title {
	font-size: 36px;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0
}
.content-head-text {
	font-size: 18px;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0
}
.content-head-pic {
	margin-top: 62px;
	text-align: center
}
.mod-news-qa {
	overflow: hidden;
	margin: 20px 0
}
.mod-news-qa .mod-news-area {
	float: left;
	display: inline;
	width: 786px;
	padding: 15px;
	margin-right: 15px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.mod-news-qa .mod-qa-area {
	float: left;
	display: inline;
	width: 335px;
	padding: 15px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.mod-news-qa .mod-news-area .hd, .mod-news-qa .mod-qa-area .hd {
	padding-bottom: 10px;
	border-bottom: 1px solid #d7d7d7
}
.mod-news-qa .mod-news-area .hd strong, .mod-news-qa .mod-qa-area .hd strong {
	display: inline-block;
	padding-left: 10px;
	border-left: 2px solid #2191e5;
	font-size: 18px;
	font-weight: 400
}
.mod-news-qa .mod-news-area .hd .more, .mod-news-qa .mod-qa-area .hd .more {
	float: right;
	display: inline;
	color: #666
}
.mod-news-qa .mod-news-area .hd .more:hover, .mod-news-qa .mod-qa-area .hd .more:hover {
	color: #2191e5
}
.mod-news-qa .mod-news-list li {
	padding: 15px 0;
	border-bottom: 1px solid #eee
}
.mod-news-qa .mod-qa-list {
	overflow-y: scroll;
	margin: 15px 0 0;
	height: 572px
}
.mod-news-qa .mod-news-item {
	overflow: hidden
}
.mod-news-qa .mod-news-item .pic {
	width: 253px;
	height: 165px;
	margin-right: 15px
}
.mod-news-qa .mod-news-item .pic img {
	width: 100%;
	height: 100%
}
.mod-news-qa .mod-news-item .info {
	width: 518px
}
.mod-news-qa .mod-news-item .info .title {
	margin-bottom: 5px;
	font-size: 16px
}
.mod-news-qa .mod-news-item .info .title a {
	color: #333
}
.mod-news-qa .mod-news-item .info .title a:hover {
	color: #2191e5
}
.mod-news-qa .mod-news-item .info .summy {
	color: #999
}
.mod-news-qa .mod-news-item .info .summy a {
	color: #2191e5
}
.mod-news-qa .mod-qa-item {
	overflow: hidden;
	margin-bottom: 15px
}
.mod-news-qa .mod-qa-item .label {
	margin-right: 8px;
	font-size: 16px
}
.mod-news-qa .mod-qa-item dt {
	display: inline-block;
	margin-bottom: 5px
}
.mod-news-qa .mod-qa-item dt h3 {
	float: left;
	display: inline;
	width: 290px
}
.mod-news-qa .mod-qa-item dd {
	clear: both
}
.mod-news-qa .mod-qa-item dd p {
	float: left;
	display: inline;
	width: 270px;
	padding: 5px 10px;
	background: #f5f5f5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #666
}
.login-header {
	padding: 20px 0;
	overflow: hidden
}
.login-header .logo {
	float: left;
	display: inline;
	margin-right: 27px
}
.login-header .welcome-title {
	float: left;
	display: inline;
	height: 42px;
	line-height: 42px;
	padding-left: 27px;
	border-left: 1px solid #ddd;
	font-size: 18px
}
.login-header .top-tellphone {
	margin: 0
}
.login-header .back-home {
	margin-top: 30px;
	font-size: 16px;
	color: #cdcdcd
}
.login-header .back-home i {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	margin-right: 8px;
	background: #cdcdcd;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 12px
}
.login-header .back-home:hover {
	color: #0083ff
}
.login-area {
	height: 450px
}
.login-area .login-type-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 100;
	width: 52px;
	height: 52px;
	display: none
}
.login-area .login-type-btn a {
	position: absolute;
	left: 0;
	top: 0;
	width: 52px;
	height: 52px
}
.login-area .login-type-btn span {
	position: absolute;
	right: 60px;
	top: 0;
	height: 24px;
	line-height: 24px;
	width: 110px;
	text-align: center;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	color: #09f;
	font-size: 12px
}
.login-area .login-type-btn i {
	position: absolute;
	right: -8px;
	top: 7px;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	background: #fff;
	color: #ddd;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.login-area .login-form {
	position: relative;
	width: 350px;
	height: 400px;
	margin-top: 20px;
	background: #fff
}
.login-area .login-form .form {
	position: relative;
	width: 282px;
	padding-top: 35px;
	margin: 0 auto
}
.login-area .login-form .form .wran-text {
	left: 0;
	top: -8px;
	width: 300px;
	font-size: 12px
}
.login-area .login-form .form .form-item {
	overflow: hidden;
	margin-bottom: 15px
}
.login-area .login-form .form .password-bar, .login-area .login-form .form .user-name-bar {
	position: relative;
	border: 1px solid #ddd;
	height: 38px;
	line-height: 38px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.login-area .login-form .form .password-bar i, .login-area .login-form .form .user-name-bar i {
	float: left;
	display: inline;
	width: 38px;
	height: 38px;
	border-right: 1px solid #eee;
	background: #f3f3f3 url(../images/scripts_icon.png) no-repeat
}
.login-area .login-form .form .user-name-bar i {
	background-position: 7px -210px
}
.login-area .login-form .form .password-bar i {
	background-position: 8px -245px
}
.login-area .login-form .form .password-bar input, .login-area .login-form .form .user-name-bar input {
	float: left;
	display: inline;
	width: 230px;
	padding: 0 5px;
	height: 38px;
	line-height: 38px;
	color: #666;
	font-size: 14px
}
.login-area .login-form .form .red-pw-bar {
	overflow: hidden;
	margin-bottom: 15px;
	color: #666
}
.login-area .login-form .form .red-pw-bar label input {
	float: left;
	display: inline;
	margin-top: 5px
}
.login-area .login-form .form .red-pw-bar a {
	color: #666
}
.login-area .login-form .form .red-pw-bar a:hover {
	color: #0083ff
}
.login-area .login-form .form .red-pw-bar input {
	margin-right: 5px
}
.login-area .login-form .form .code-bar input {
	float: left;
	display: inline;
	width: 181px;
	margin-right: 12px;
	border: 1px solid #c1c1c1;
	height: 38px;
	line-height: 38px;
	padding: 0 5px
}
.login-area .login-form .form .code-bar span {
	float: left;
	display: inline;
	width: 100px;
	height: 38px;
	line-height: 38px;
	background: #ccc
}
.login-area .login-form .form .code-bar .get-code-btn {
	display: block;
	width: 100%;
	text-align: center;
	background: #40c778;
	font-size: 14px;
	color: #fff
}
.login-area .login-form .form .btn {
	height: 40px;
	line-height: 40px;
	text-align: center
}
.login-area .login-form .form .btn .btn-inp {
	width: 100%;
	height: 100%;
	background: #0084ff;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px
}
.login-area .login-form .form .agreement-bar {
	margin: 10px 0
}
.login-area .login-form .form .qrcode-img-box {
	position: relative;
	width: 305px;
	height: 247px;
	margin: 20px 0
}
.login-area .login-form .form .qrcode-img-box .qrcode-img {
	position: relative;
	left: auto;
	z-index: 100;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 1px solid #d8d8d8;
	padding: 5px;
	background: #fff
}
.login-area .login-form .form .qrcode-img-box .qrcode-img iframe {
	height: 100%;
	width: 100%
}
.login-area .login-form .form .qrcode-img-box p {
	text-align: center;
	margin: 10px 0 10px;
	color: #666
}
.login-area .login-form .form .qrcode-img-box .code-hide-bg {
	position: absolute;
	right: -10px;
	top: 0;
	display: none
}
.account-login-box {
	position: relative;
	height: 385px;
	padding-top: 15px
}
.account-login-box .login-tab {
	height: 54px;
	width: 280px;
	margin: 15px auto 0;
	border-bottom: 1px solid #d8d8d8
}
.account-login-box .login-tab a {
	float: left;
	display: inline;
	width: 49.5%;
	text-align: center;
	height: 54px;
	line-height: 54px;
	color: #999;
	font-size: 16px
}
.account-login-box .login-tab .active {
	height: 52px;
	line-height: 52px;
	border-bottom: 2px solid #09f;
	color: #333;
	font-weight: 700
}
.account-login-box .account-login-footer {
	position: absolute;
	bottom: 0;
	padding: 5px 26px 0;
	width: 298px;
	border-top: dashed 1px #ebebeb;
	background-color: #f3f3f3
}
.account-login-box .account-login-footer p {
	color: #999
}
.account-login-box .account-login-footer .other-login-btn {
	overflow: hidden;
	margin: 8px 0 0
}
.account-login-box .account-login-footer .other-login-btn a {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	background: url(../images/login-icon.png) no-repeat
}
.account-login-box .account-login-footer .other-login-btn .weixin {
	background-position: -1px -1px
}
.account-login-box .account-login-footer .other-login-btn .weixin:hover {
	background-position: -1px -36px
}
.account-login-box .account-login-footer .other-login-btn .qq {
	background-position: -78px -1px
}
.account-login-box .account-login-footer .other-login-btn .qq:hover {
	background-position: -78px -36px
}
.account-login-box .account-login-footer .other-login-btn .sina {
	background-position: -39px -1px
}
.account-login-box .account-login-footer .other-login-btn .sina:hover {
	background-position: -39px -36px
}
.account-login-box .account-login-footer .reg-bar {
	position: absolute;
	right: 8px;
	bottom: 8px;
	color: #666
}
.account-login-box .account-login-footer .reg-bar a {
	color: #09f
}
.account-login-box .form {
	display: none
}
.account-login-box .code-pw-bar {
	height: 38px;
	line-height: 38px;
	margin-bottom: 15px
}
.account-login-box .code-pw-bar .inp-code {
	height: 38px;
	line-height: 38px;
	width: 120px;
	padding: 0 5px;
	margin-right: 10px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	font-size: 14px
}
.account-login-box .code-pw-bar .get-code-btn {
	height: 38px;
	line-height: 38px;
	width: 136px;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #f5f5f5;
	color: #666;
	text-align: center;
	font-size: 14px
}
.login-footer {
	margin: 15px auto 0
}
.login-footer .footer-server-banner {
	margin: 60px auto
}
.login-footer .footer-server-banner:after, .login-footer .footer-server-banner:before {
	display: table;
	content: ""
}
.login-footer .footer-server-banner:after {
	clear: both
}
.login-footer .footer-server-banner li {
	width: 300px;
	float: left;
	display: inline
}
.login-footer .footer-server-banner li:after, .login-footer .footer-server-banner li:before {
	display: table;
	content: ""
}
.login-footer .footer-server-banner li:after {
	clear: both
}
.login-footer .footer-server-banner li span {
	float: left;
	display: inline;
	margin-left: 30px
}
.login-footer .footer-server-banner li .txt-con {
	float: left;
	display: inline;
	width: 150px;
	margin-left: 1em;
	color: #777
}
.login-footer .footer-server-banner li .txt-con h2 {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: .5em
}
.login-footer .login-footer-link {
	border-top: 1px solid #eee
}
.login-footer .login-footer-link .login-footer-nav {
	text-align: center;
	margin: 20px 0 10px;
	color: #999
}
.login-footer .login-footer-link .login-footer-nav a {
	margin: 0 5px;
	color: #666
}
.login-footer .login-footer-link .login-footer-nav a:hover {
	color: #0083ff
}
.login-footer .login-footer-link .copyright {
	text-align: center;
	margin-bottom: 10px;
	color: #999
}
.login-footer .login-footer-link .copyright a {
	color: #999
}
.attention {
	overflow: auto;
	padding: 100px 0;
	display: flex;
	justify-content: center
}
.attention .pic {
	margin-right: 30px;
	width: 150px
}
.attention .pic img {
	width: 100%;
	vertical-align: middle
}
.attention .info .text {
	margin: 20px 0 20px;
	font-size: 16px
}
.attention .info .handle {
	line-height: 26px;
	font-size: 14px;
	color: #666
}
.attention .info .handle a {
	color: #0086ff
}
.attention abbr {
	color: red
}
.focus-area {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 400px
}
.focus-area .slide-box {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	height: 400px;
	width: 100%
}
.focus-area .slide-box a {
	display: block;
	width: 100%;
	height: 100%
}
.focus-area .slide-tab {
	position: absolute;
	bottom: 15px;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	z-index: 1;
	height: 24px;
	line-height: 24px;
	text-align: center
}
.focus-area .slide-tab a {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-align: center;
	margin: 5px 5px;
	background: #fff;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.focus-area .slide-tab .active {
	background: #09f
}
.slide-tab {
	position: absolute;
	bottom: 15px;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	z-index: 1;
	height: 24px;
	line-height: 24px;
	text-align: center
}
.slide-tab a {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-align: center;
	margin: 5px 5px;
	background: #fff;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.slide-tab .active {
	background: #09f
}
.side-nav-contain {
	display: none;
	position: relative;
	left: 220px;
	height: 354px;
	width: 980px;
	background: #fff;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc
}
.side-nav-contain dl {
	padding: 0 30px
}
.side-nav-contain dl dt {
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 14px
}
.side-nav-contain dl dd a {
	color: #666;
	margin-right: 30px;
	white-space: nowrap
}
.side-nav-contain dl dd a:hover {
	color: #0f89f5
}
.regist-form {
	background: #fff;
	overflow: visible;
	position: relative;
	width: 346px;
	z-index: 4;
	float: right;
	top: 40px
}
.loginMask {
	background: rgba(0,0,0,.3);
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999999
}
.login-warp {
	width: 350px;
	height: auto;
	padding: 15px 30px 0;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	position: fixed;
	left: 50%;
	top: 20%;
	margin-left: -175px;
	z-index: 10000000
}
.login-warp .l-header {
	margin-bottom: 25px
}
.login-warp .l-header:after, .login-warp .l-header:before {
	display: table;
	content: ""
}
.login-warp .l-header:after {
	clear: both
}
.login-warp .l-header i {
	float: right;
	display: inline;
	cursor: pointer
}
.login-warp .l-header .icon-icon_cross {
	font-size: 18px
}
.login-warp .l-header .icon-icon_cross:before {
	color: #ccc
}
.login-warp .l-header .modal-title {
	font-size: 18px;
	height: 25px;
	line-height: 25px;
	margin: 0
}
.login-warp .l-body .switch-btn {
	height: 40px;
	margin-bottom: 10px
}
.login-warp .l-body .switch-btn span {
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer;
	font-size: 18px;
	height: 38px;
	line-height: 38px;
	padding-bottom: 1px;
	text-align: center;
	float: left;
	display: inline;
	display: inline-block;
	width: 50%
}
.login-warp .l-body .switch-btn span.active {
	font-weight: 700;
	border-bottom: 2px solid #0d7deb;
	color: #0d7deb
}
.login-warp .l-body .form {
	display: block;
	height: auto;
	width: 305px;
	margin: 0 auto 30px
}
.login-warp .l-body .form .wran-text {
	height: 16px;
	line-height: 16px;
	margin: 5px 0 15px
}
.login-warp .l-body .form .wran-text .wran-bar {
	display: none;
	position: relative;
	background: #ffebeb;
	color: #e4393c;
	border: 1px solid #faccc6;
	padding: 3px 0 3px 0
}
.login-warp .l-body .form .wran-text .wran-bar .icon-hint {
	font-size: 16px
}
.login-warp .l-body .form .wran-text .wran-bar .icon-hint:before {
	color: #e4393c
}
.login-warp .l-body .form .form-item {
	overflow: hidden;
	margin-bottom: 15px
}
.login-warp .l-body .form .password-bar, .login-warp .l-body .form .user-name-bar {
	border: 1px solid #c1c1c1;
	height: 38px;
	line-height: 38px
}
.login-warp .l-body .form .password-bar i, .login-warp .l-body .form .user-name-bar i {
	float: left;
	display: inline;
	display: inline-block;
	width: 38px;
	height: 38px;
	border-right: 1px solid #c1c1c1;
	background: #f3f3f3 url(../images/scripts_icon.png) no-repeat;
	background-position: 7px -210px
}
.login-warp .l-body .form .password-bar input, .login-warp .l-body .form .user-name-bar input {
	float: left;
	display: inline;
	width: 254px;
	padding: 0 5px;
	height: 38px;
	line-height: 38px
}
.login-warp .l-body .form .password-bar i {
	background-position: 8px -245px
}
.login-warp .l-body .form .red-pw-bar {
	overflow: hidden;
	margin-bottom: 15px;
	color: #666
}
.login-warp .l-body .form .red-pw-bar a {
	color: #09f
}
.login-warp .l-body .form .btn {
	height: 40px;
	line-height: 40px;
	text-align: center
}
.login-warp .l-body .form .btn .btn-inp {
	width: 100%;
	height: 100%;
	background: #0084ff;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px
}
.login-warp .l-body .form .code-bar input {
	float: left;
	display: inline;
	height: 38px;
	line-height: 38px;
	width: 181px;
	margin-right: 12px;
	border: 1px solid #c1c1c1;
	padding: 0 5px
}
.login-warp .l-body .form .code-bar span {
	float: left;
	display: inline;
	width: 100px;
	height: 38px;
	line-height: 38px;
	background: #ccc
}
.login-warp .l-body .form .code-bar .get-code-btn {
	display: block;
	width: 100%;
	text-align: center;
	background: #40c778;
	font-size: 14px;
	color: #fff
}
.login-warp .l-body .form .agreement-bar {
	margin-top: 10px
}
.login-warp .l-body .form .agreement-bar a {
	color: #09f
}
.login-warp .l-body .form-bottom {
	height: 54px;
	border-top: 1px solid #d8d8d8;
	background: #f7f7f7;
	margin: 0 -30px
}
.login-warp .l-body .form-bottom a {
	float: left;
	display: inline;
	width: 50%;
	text-align: center;
	height: 54px;
	line-height: 54px;
	font-size: 14px
}
.login-warp .l-body .form-bottom a i {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url(../images/scripts_icon.png) no-repeat;
	vertical-align: middle
}
.login-warp .l-body .form-bottom .weixin-btn i {
	background-position: 0 -287px
}
.login-warp .l-body .form-bottom .reg-btn i {
	background-position: 0 -329px
}
.login-warp .other-login {
	margin-top: 20px
}
.login-warp .other-login .more-login {
	text-align: center;
	color: #999;
	font-size: 12px
}
.login-warp .other-login .login-list {
	margin: 15px auto 0;
	overflow: hidden;
	text-align: center
}
.login-warp .other-login .login-list a {
	width: 43px;
	height: 43px;
	display: inline-block;
	margin-right: 10px;
	background: url(../images/login-icon.png) no-repeat
}
.login-warp .other-login .login-list .sina-btn {
	background-position: 0 0
}
.login-warp .other-login .login-list .sina-btn:hover {
	background-position: 0 -43px
}
.login-warp .other-login .login-list .weixin-btn {
	background-position: -44px 0
}
.login-warp .other-login .login-list .weixin-btn:hover {
	background-position: -44px -43px
}
.login-warp .other-login .login-list .qq-btn {
	background-position: -86px -1px
}
.login-warp .other-login .login-list .qq-btn:hover {
	background-position: -86px -44px
}
.pop-wran-box {
	top: 55%;
	opacity: 0;
	width: 400px;
	height: 175px;
	padding: 5px;
	background-color: rgba(0,0,0,.4);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.pop-wran-contain {
	background: #fff;
	width: 100%;
	height: 100%
}
.pop-wran-contain .th {
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	border-bottom: 1px solid #ddd;
	background: #e5e5e5
}
.pop-wran-contain .th span {
	font-size: 14px
}
.pop-wran-contain .th a {
	margin-top: 10px
}
.pop-wran-contain .tb {
	height: 101px;
	overflow: hidden
}
.pop-wran-contain .tb p {
	display: inline-block;
	overflow: hidden;
	line-height: 40px;
	margin: 25px 0 0 0;
	font-size: 16px
}
.pop-wran-contain .tb p i {
	float: left;
	display: inline;
	width: 40px;
	height: 40px;
	margin-right: 8px
}
.pop-wran-contain .tb p.success i {
	background: url(../images/success_right.png) no-repeat center;
	background-size: 90% 90%
}
.pop-wran-contain .tb p.wran i {
	background: url(../images/wran.gif) no-repeat center;
	background-size: 90% 90%
}
.pop-wran-contain .tb p.error i {
	background: url(../images/icon_error.png) no-repeat center;
	background-size: 90% 90%
}
.pop-wran-contain .ft {
	height: 36px;
	line-height: 36px;
	color: #9c9999;
	border-top: 1px solid #ddd;
	font-size: 14px
}
.pop-wran-contain .ft span {
	display: block
}
.pop-wran-contain .ft a {
	display: block;
	width: 100%;
	height: 100%;
	color: #9c9999;
	cursor: pointer
}
.pop-full-page {
	display: none;
	left: 0;
	top: 0;
	z-index: 100000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5)
}
.page {
	clear: both;
	margin: 20px auto;
	padding: 40px 0 20px;
	text-align: center
}
.page a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d8d8d8;
	margin: 0 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	color: #666
}
.page a:hover {
	border: 1px solid #0088e6
}
.page .current {
	background: #0088e6;
	color: #fff;
	border: 1px solid #0088e6
}
.page .next, .page .prev {
	border: 0 none;
	width: auto;
	background: 0 0
}
.page .next:hover, .page .prev:hover {
	border: 0 none
}
.page .pagGo {
	border-radius: 3px;
	text-align: center;
	display: inline-block;
	width: 50px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d8d8d8;
	margin: 0 3px;
	background-color: #fff;
	color: #666
}
.AD-mask {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.8);
	z-index: 2147483650;
	display: none
}
.J-AD-content {
	width: 960px;
	height: 560px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	margin-top: -280px;
	z-index: 2147483660;
	text-align: center;
	display: none
}
.J-AD-content .sub-cont {
	position: relative
}
.J-AD-content .sub-cont .J-ad-close {
	position: absolute;
	right: 5px;
	top: -20px;
	color: #fff;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer
}
.str_wrap {
	top: 6px;
	background: #fff!important
}
.news {
	width: 800px;
	font-size: 14px
}
.news a {
	margin: 0 15px;
	color: #9fa0a0;
	text-decoration: none
}
.news a:hover {
	color: #09f
}
.fixed_top_nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 29999999;
	width: 100%;
	background-color: #fff;
	padding: 5px 0 0;
	border-bottom: 1px solid #2f81d4;
	box-shadow: 5px 4px 10px #99c8f7;
	display: none
}
.fixed_top_nav .search_left_logo {
	float: left;
	display: inline;
	width: 210px;
	text-align: left;
	margin-right: 10px
}
.fixed_top_nav .fixed_top_p:after, .fixed_top_nav .fixed_top_p:before {
	display: table;
	content: ""
}
.fixed_top_nav .fixed_top_p:after {
	clear: both
}
.fixed_top_nav .nav-bar {
	border-bottom: none
}
.fixed_top_nav .nav-bar .category h3 {
	height: 50px;
	line-height: 50px
}
.fixed_top_nav .category ul {
	background: #000
}
.fixed_top_nav .menu-main {
	height: 35px;
	padding-left: 240px;
	margin-top: 15px
}
.fixed_top_nav .menu-main>li {
	float: left
}
.fixed_top_nav .menu-main>li>a {
	font-size: 15px;
	color: #666;
	position: relative;
	margin: 0 15px;
	line-height: 34px
}
.fixed_top_nav .menu-main>li>a:hover {
	font-weight: 700;
	color: #2f81d4
}
.fixed_top_nav .search_min_box {
	width: 482px;
	float: right;
	top: 7px;
	position: relative
}
.fixed_top_nav .search_min_box .search-form .sc-text {
	width: 393px
}
.fixed_top_nav .search_min_box .search-form .sc-btn {
	width: 70px
}
.fixed_top_nav .search_min_box .search-form .sc-btn i {
	left: 11px
}
.hide-nav {
	left: 0;
	top: -55px;
	z-index: 100;
	height: 50px;
	-webkit-box-shadow: 0 2px 2px #ccc;
	-moz-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
	background: #fff
}
.hide-nav .logo {
	float: left;
	display: inline;
	margin: 4px 20px 0 0
}
.hide-nav .nav-list {
	float: left;
	display: inline;
	margin: 13px 0 0 0
}
.hide-nav .nav-list li {
	float: left;
	display: inline;
	margin-right: 8px
}
.hide-nav .nav-list li a {
	display: inline-block;
	padding: 3px 10px;
	color: #333;
	font-size: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}
.hide-nav .nav-list li a:hover {
	background: #ff9000;
	color: #fff
}
.hide-nav .top-search {
	float: right;
	display: inline;
	width: 234px;
	height: 32px;
	margin-top: 8px
}
.hide-nav .top-search .sc-text {
	float: left;
	display: inline;
	width: 170px;
	padding: 0 5px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #e8e8e8
}
.hide-nav .top-search .sc-btn {
	float: left;
	display: inline;
	width: 50px;
	height: 34px;
	line-height: 34px;
	background: #09f;
	color: #fff;
	font-size: 14px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px
}
.full-pop-page {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000001;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5)
}
.full-pop-page .mod-tip-box {
	position: relative;
	top: 60%;
	width: 300px;
	height: 150px;
	margin: -50px auto 0;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc
}
.full-pop-page .mod-tip-box .hd {
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	background: #ccc;
	font-size: 16px;
	color: #333;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px
}
.full-pop-page .mod-tip-box .hd a {
	margin-right: 8px
}
.full-pop-page .mod-tip-box .msg-bar {
	text-align: center;
	height: 24px;
	line-height: 24px;
	margin-bottom: 20px
}
.full-pop-page .mod-tip-box .msg-bar p {
	display: inline-block;
	height: 24px;
	line-height: 24px
}
.full-pop-page .mod-tip-box .msg-bar p i {
	float: left;
	display: inline;
	margin: 2px 5px 0 0;
	font-size: 28px;
	color: #b2c10b
}
.full-pop-page .mod-tip-box .msg-bar p span {
	float: left;
	display: inline;
	font-size: 16px;
	color: #666
}
.full-pop-page .mod-tip-box .handle-btn {
	text-align: center
}
.full-pop-page .mod-tip-box .handle-btn a {
	display: inline-block;
	width: 80px;
	text-align: center;
	height: 26px;
	line-height: 26px;
	color: #fff;
	margin: 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.full-pop-page .mod-tip-box .handle-btn .cancel-btn {
	background: #b0b0b0
}
.full-pop-page .mod-tip-box .handle-btn .true-btn {
	background: #ff9000
}
.hx_noNum {
	margin: 100px auto;
	overflow: hidden;
	width: 700px
}
.hx_noNum .empty-icon {
	width: 170px;
	height: 200px;
	margin-right: 30px;
	background: url(../images/empty.png) no-repeat;
	background-size: 100%
}
.hx_noNumCont {
	margin-top: 20px;
	color: #666
}
.hx_noFind {
	color: #333;
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 300
}
.hx_noFind span {
	color: #f20
}
.hx_noNumCont p {
	line-height: 30px
}
.consult-bar {
	clear: both;
	height: 120px;
	margin-bottom: 20px;
	background: url(../images/q_bg.jpg) no-repeat;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	-moz-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.consult-bar .consult-bar-contain {
	display: inline-block;
	text-align: left;
	margin: 15px 0 0 345px
}
.consult-bar .consult-bar-contain span {
	width: 84px;
	height: 94px;
	margin-right: 20px
}
.consult-bar .consult-bar-contain .text {
	margin-top: 15px;
	color: #fff;
	font-size: 18px
}
.consult-bar .consult-bar-contain p {
	margin-bottom: 20px;
	color: #fff
}
.consult-bar .consult-bar-contain p a {
	display: inline-block;
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin: 0 10px;
	border: 2px solid #ddd;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	background: #2f81d3
}
.consult-bar .consult-bar-contain p a:hover {
	border: 2px solid #ddd;
	color: #fff;
	background: #e26b03
}
.regiest-header {
	height: 110px;
	-webkit-box-shadow: 0 4px 5px #eee;
	-moz-box-shadow: 0 4px 5px #eee;
	box-shadow: 0 4px 5px #eee
}
.regiest-header h1 {
	float: left;
	display: inline;
	margin-top: 34px
}
.regiest-header .logo-title {
	float: left;
	display: inline;
	margin-top: 34px;
	padding-left: 15px;
	height: 45px;
	line-height: 45px;
	border-left: 1px solid #999;
	font-size: 24px;
	color: #999
}
.regiest-header .back-home {
	margin-top: 73px;
	color: #999;
	font-size: 14px
}
.regiest-header .back-home a {
	color: #333
}
.regiest-header .back-home a:hover {
	color: #09f
}
.regiest-main {
	width: 900px;
	margin: 80px auto 60px
}
.regiest-main .left-side {
	width: 550px;
	padding-bottom: 100px;
	border-right: 1px solid #eee;
	margin-bottom: 60px
}
.regiest-main .right-side {
	float: left;
	display: inline;
	width: 199px;
	padding-left: 150px
}
.regiest-main .right-side .r-con {
	margin-bottom: 40px;
	font-size: 13px
}
.regiest-main .right-side .r-con .hd {
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 15px
}
.regiest-main .right-side .r-con .tell {
	color: #09f;
	font-size: 16px
}
.regiest-main .right-side .r-con p {
	margin-bottom: 8px
}
.regiest-main .right-side .r-con p a i {
	position: relative;
	top: 3px;
	margin-right: 3px;
	font-size: 16px;
	color: #09f
}
.regiest-main .wran-text {
	width: 420px;
	left: 0;
	top: -45px
}
.regiest-form {
	position: relative
}
.regiest-form .items {
	position: relative;
	width: 400px;
	height: 45px;
	line-height: 45px;
	margin-bottom: 30px;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.regiest-form .items .label {
	width: 100px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #666
}
.regiest-form .items .info {
	width: 290px;
	height: 45px;
	line-height: 45px;
	padding: 0 5px
}
.regiest-form .items .info input {
	float: left;
	display: inline;
	height: 100%;
	background: #fff;
	font-size: 14px;
	color: #666;
	outline: 0
}
.regiest-form .items .info .text-input {
	width: 100%
}
.regiest-form .items .info .tell-code-input {
	width: 160px
}
.regiest-form .items .info .get-code-btn {
	width: 128px;
	height: 41px;
	margin: 2px 0;
	background: #09f;
	color: #fff
}
.regiest-form .items .info .dsable {
	background: #ccc;
	color: #666
}
.regiest-form .items .info .img-code {
	float: left;
	display: inline;
	width: 128px;
	height: 41px;
	margin: 2px 0
}
.regiest-form .items .info .img-code img {
	vertical-align: top
}
.regiest-form .items .info .state-icon {
	display: block;
	position: absolute;
	right: -30px;
	top: 0
}
.regiest-form .items .info .state-icon i {
	color: #10c748;
	font-size: 16px
}
.regiest-form .items .info .error-text {
	display: block;
	position: absolute;
	left: 0;
	top: 49px;
	height: 20px;
	line-height: 20px;
	color: #999
}
.regiest-form .items .info .error-text i {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	font-size: 16px
}
.regiest-form .btn-bar p {
	color: #999
}
.regiest-form .btn-bar p input {
	position: relative;
	margin: -2px 3px 0 0
}
.regiest-form .btn-bar p a {
	color: #09f
}
.regiest-form .btn-bar p a:hover {
	text-decoration: underline
}
.regiest-form .btn-bar .submit-btn {
	width: 400px;
	height: 45px;
	line-height: 45px;
	background-color: rgba(0,153,253,.8);
	margin-top: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	color: #fff
}
.regiest-form .btn-bar .dsable {
	background: #ccc;
	color: #fff
}
.login-footer {
	clear: both;
	padding: 30px 0 40px;
	background: #fff
}
.login-footer .footer-nav {
	text-align: center;
	color: #ddd;
	margin-bottom: 15px
}
.login-footer .footer-nav a {
	color: #999;
	margin: 0 10px
}
.login-footer .footer-nav a:hover {
	color: #09f
}
.login-footer .copyright {
	text-align: center;
	color: #999
}
.register-success {
	margin: 150px 0 250px;
	text-align: center
}
.success-text-bar {
	display: inline-block;
	height: 44px;
	margin: 0 0 15px 0;
	font-size: 16px
}
.success-text-bar {
	height: 34px;
	line-height: 34px
}
.success-text-bar i {
	float: left;
	display: inline;
	margin-right: 10px;
	font-size: 34px;
	color: #10c748
}
.success-text-bar span {
	float: left;
	display: inline
}
.success-ps {
	margin-bottom: 10px;
	font-size: 14px;
	color: #6d6d6d
}
.success-ps a {
	color: #2277e6
}
.login-btn {
	color: 666
}
.login-btn span {
	color: #666;
	margin: 0 8px
}
.login-btn a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #09f
}
.login-btn a:hover {
	text-decoration: underline
}
.wran-text {
	position: absolute;
	width: 288px;
	z-index: 100;
	height: 32px;
	line-height: 32px
}
.wran-text .wran-bar {
	display: none;
	position: relative;
	left: -10px;
	top: -10px;
	background: #fff;
	color: red;
	border: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.25);
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	margin: 10px
}
.wran-text .wran-bar i {
	float: left;
	display: inline;
	color: red;
	margin: 0 5px;
	font-size: 20px
}
.find-pw-box {
	padding: 30px 0 0 0;
	min-height: 500px
}
.find-pw-box .pos-bar {
	height: 14px;
	line-height: 14px;
	padding-left: 8px;
	border-left: 2px solid #55a6ff;
	color: #999
}
.find-pw-box .pos-bar a {
	color: #09f
}
.find-pw-box .pos-bar a:hover {
	color: #2277e6
}
.find-pw-step {
	margin: 70px auto;
	width: 800px;
	height: 55px
}
.find-pw-step ul {
	overflow: hidden
}
.find-pw-step ul li {
	float: left;
	display: inline;
	width: 200px;
	background: url(../images/nav_icon1.png) no-repeat 0 0;
	text-align: center
}
.find-pw-step ul li span {
	color: #fff;
	font-size: 14px
}
.find-pw-step ul li p {
	margin-top: 3px;
	font-size: 14px;
	color: #999
}
.find-pw-step ul .cur {
	background: url(../images/nva_icbg.png) no-repeat 0 0
}
.find-pw-step ul .cur p {
	color: #09f
}
.u-steps-box {
	width: 354px;
	margin: 0 auto
}
.u-steps-box .m-vf-item {
	position: relative;
	height: 34px;
	margin-bottom: 30px;
	font-size: 14px;
	color: #333
}
.u-steps-box .m-vf-item p {
	margin-bottom: -20px
}
.u-steps-box .m-vf-item .text {
	height: 34px;
	line-height: 34px;
	color: #09f
}
.u-steps-box .m-vf-item .label {
	float: left;
	display: inline;
	width: 90px;
	height: 36px;
	line-height: 36px;
	margin-right: 5px;
	text-align: right;
	color: #666
}
.u-steps-box .m-vf-item .find-pw-code {
	float: left;
	display: inline;
	position: relative;
	height: 32px;
	line-height: 32px;
	margin-right: 5px;
	font-size: 12px
}
.u-steps-box .m-vf-item .find-pw-code input {
	float: left;
	display: inline;
	height: 36px;
	width: 120px;
	margin-right: 2px;
	background: #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	text-align: center;
	font-size: 14px
}
.u-steps-box .m-vf-item .find-pw-code span {
	float: left;
	display: inline;
	height: 36px;
	width: 95px;
	margin-right: 2px;
	background: #ccc
}
.u-steps-box .m-vf-item .find-pw-code a {
	float: left;
	display: inline;
	color: #09f
}
.u-steps-box .m-vf-item .input-bar {
	float: left;
	display: inline;
	width: 108px;
	height: 34px;
	line-height: 34px;
	margin-right: 6px;
	padding: 0 5px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.u-steps-box .m-vf-item .input-bar input {
	float: left;
	display: inline;
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: 0 0;
	border: 0 none;
	font-size: 14px;
	color: #666
}
.u-steps-box .m-vf-item .get-code {
	float: left;
	display: inline;
	border: 1px solid #ffbee0;
	width: 98px;
	padding: 0;
	font-size: 13px;
	white-space: nowrap;
	background-color: #fcedf2;
	height: 36px;
	line-height: 36px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	color: #333
}
.u-steps-box .m-vf-item .wran-text {
	display: none;
	font-size: 12px;
	color: red
}
.u-steps-box .method-type {
	display: none
}
.change-finw-type .select-btn {
	height: 34px;
	line-height: 34px;
	width: 120px;
	border: 1px solid #ddd
}
.change-finw-type .select-btn input {
	font-size: 14px
}
.change-finw-type .on {
	border-bottom: 0 none
}
.change-finw-type .select-list {
	width: 120px;
	top: 29px;
	border: 1px solid #ddd
}
.tip-txt {
	margin-bottom: 20px
}
.next-btn-bar {
	margin: 50px 0 100px 0
}
.next-btn-bar a, .next-btn-bar input {
	display: inline-block;
	width: 180px;
	height: 36px;
	line-height: 36px;
	margin-left: 85px;
	text-align: center;
	background-color: #55a6ff;
	border: 1px solid #55a6ff;
	color: #fff;
	font-size: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.send-txt {
	width: 500px;
	margin: 50px auto 30px;
	text-align: center
}
.send-txt h3 {
	font-size: 18px
}
.send-txt p {
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 14px
}
.send-txt p i {
	float: left;
	display: inline;
	height: 30px;
	line-height: 30px;
	margin-right: 8px;
	font-size: 34px;
	color: #10c748
}
.send-txt p span {
	float: left;
	display: inline;
	height: 30px;
	line-height: 30px
}
.send-txt .chance-success {
	display: inline-block;
	font-size: 18px
}
.send-txt p a {
	color: #2277e6;
	font-weight: 700
}
.send-btn-bar {
	margin: 30px 0
}
.send-btn-bar a {
	display: inline-block;
	padding: 0 15px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #333;
	border-radius: 3px;
	font-size: 16px
}
.success-link {
	margin: 30px 0 0 0;
	color: #999
}
.success-link a {
	margin: 0 5px;
	color: #1d94d1
}
.change-area {
	width: 315px;
	margin: 0 auto
}
.add-num-box {
	position: absolute;
	top: 55%;
	left: 50%;
	height: 60px;
	line-height: 60px;
	width: 150px;
	text-align: center;
	background: #fff;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 3px;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px #ccc;
	color: #666;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}
.add-num-box span {
	font-style: italic;
	color: #09f;
	font-size: 18px;
	font-weight: 700
}
.slide-contain {
	position: absolute;
	overflow: hidden
}
.slide-contain .slide-wrap {
	position: relative
}
.slide-contain .slide-wrap .slide-item a {
	display: block;
	width: 100%;
	height: 100%
}
.slide-pagination {
	position: absolute;
	bottom: 8px;
	z-index: 2;
	width: 100%;
	text-align: center
}
.slide-pagination a {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	background: #ccc;
	border-radius: 50%
}
.slide-pagination a.active {
	background: #09f
}
.fade-wrap .slide-wrap {
	position: relative;
	height: 100%
}
.fade-wrap .slide-wrap .slide-item {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 0;
	width: 100%;
	height: 100%
}
.fade-wrap .slide-wrap .active {
	opacity: 1;
	z-index: 1
}
.slide-left .slide-wrap {
	height: 100%
}
.slide-left .slide-wrap .slide-item {
	float: left;
	height: 100%
}
.slide-up .slide-wrap {
	height: 100%
}
.logo-header {
	overflow: hidden;
	margin: 30px 0
}
.logo-header h1 {
	float: left;
	display: inline;
	margin-right: 20px
}
.logo-header span {
	float: left;
	display: inline;
	height: 40px;
	line-height: 40px;
	margin-top: 6px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
	color: #999;
	font-size: 25px
}
.wrap {
	width: 850px;
	margin: 0 auto
}
.terms-header {
	border-bottom: 3px solid #2277e6;
	overflow: hidden
}
.terms-header h1 {
	float: left;
	width: 316px;
	height: 56px;
	margin: 10px 0
}
.terms-header span {
	float: right;
	margin: 45px 20px 0 0;
	font-size: 14px
}
.terms-header span a {
	color: #333;
	text-decoration: none
}
.terms-header span a:hover {
	color: #2277e6
}
#terms h2 {
	padding: 15px 0;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #333;
	text-align: center;
	text-shadow: 0 0 2px #ccc
}
.terms_content {
	border: 1px solid #eee;
	background: #fff;
	padding: 10px 20px
}
.terms_content center {
	padding: 10px;
	text-align: left;
	font-size: 12px
}
.terms_content center p {
	line-height: 20px;
	margin-bottom: 20px
}
.close_btn {
	margin: 15px 0 20px 0;
	text-align: center
}
.terms-foot {
	border-top: 1px solid #ddd;
	text-align: center;
	padding: 10px 0;
	color: #666
}
.protocol-cont h4 {
	font-size: 14px;
	color: #333;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
	font-weight: 400;
	margin: 20px 0 15px
}
.protocol-cont h4.m {
	margin: 0
}
.protocol-cont p {
	font-size: 12px;
	color: #666;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
	margin: 10px 0 0;
	padding: 0 0 0 40px;
	position: relative
}
.agree-btn {
	width: 340px;
	height: 50px;
	background: #fff;
	border: 1px solid #999;
	line-height: 50px;
	display: block;
	margin: 30px auto;
	color: #999;
	text-align: center;
	border-radius: 100px;
	font-size: 16px
}
.agree-btn:hover {
	color: #09f;
	border: 1px solid #09f
}
.select-ctrl {
	display: inline-block;
	position: relative;
	z-index: 100
}
.select-ctrl .select-btn {
	position: relative;
	z-index: 1;
	padding: 0 8px;
	cursor: pointer;
	border: 1px solid #ddd;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.select-ctrl .select-btn .label-icon {
	position: relative;
	display: inline-block
}
.select-ctrl .select-text {
	float: left;
	display: inline;
	background: 0 0;
	border: 0 none;
	width: 175px;
	padding-left: 8px;
	height: 100%;
	font-size: 14px;
	color: #666
}
.select-ctrl .select-list {
	display: none;
	position: absolute;
	left: 0;
	width: 99%;
	padding: 10px 0 5px 0;
	background: #fff;
	border: 1px solid #ddd
}
.select-ctrl .select-list .btn-list a {
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	font-size: 14px
}
.select-ctrl .select-list .btn-list a:hover {
	background: #09f;
	color: #fff
}
.select-ctrl.active .label-icon {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
.select-ctrl.active .select-btn {
	border-bottom: 0 none;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0
}
.select-ctrl.active .select-list {
	display: block
}
.choice-ctrl {
	overflow: hidden;
	margin-right: 15px
}
.choice-ctrl .check-icon, .choice-ctrl .radio-icon {
	float: left;
	display: inline;
	height: 16px;
	margin-right: 8px
}
.choice-ctrl .check-icon input, .choice-ctrl .radio-icon input {
	float: left;
	display: inline;
	display: none
}
.choice-ctrl .radio-icon {
	width: 16px;
	background: url(../images/sprite-checked.png) no-repeat -21px -42px
}
.choice-ctrl .check-icon {
	width: 19px;
	background: url(../images/sprite-checked.png) no-repeat -48px 0
}
.choice-ctrl .radio-icon.active {
	background-position: 0 -42px
}
.choice-ctrl .check-icon.active {
	background-position: -24px 0
}
.choice-ctrl .label-text {
	float: left;
	display: inline;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #666
}
.tips-icon {
	position: relative;
	display: inline-block
}
.tips-icon span {
	cursor: pointer;
	color: #09f;
	font-size: 16px
}
.tips-icon .tips-contain {
	display: none;
	position: absolute;
	left: 30px;
	top: -30px;
	width: 400px;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fefce4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #666
}
.tips-icon .tips-contain i {
	position: absolute;
	left: -12px;
	top: 32px;
	z-index: 1;
	width: 12px;
	height: 14px;
	line-height: 14px;
	background: #fff;
	color: #ddd;
	font-size: 16px
}
.del-btn-icon {
	font-size: 16px;
	color: #999
}
.del-btn-checked {
	display: inline-block;
	border: 1px solid #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 24px;
	line-height: 24px;
	color: #999;
	padding: 0 8px
}
.del-btn-checked:hover {
	color: #09f;
	border: 1px solid #09f
}
.full-pop-page {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000001;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5)
}
.full-pop-page .mod-tip-box {
	position: relative;
	top: 60%;
	width: 300px;
	height: 150px;
	margin: -50px auto 0;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc
}
.full-pop-page .mod-tip-box .hd {
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	background: #ccc;
	font-size: 16px;
	color: #333;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px
}
.full-pop-page .mod-tip-box .hd a {
	margin-right: 8px
}
.full-pop-page .mod-tip-box p {
	text-align: center;
	margin: 0 0 25px 0;
	font-size: 16px;
	color: #666
}
.full-pop-page .mod-tip-box .handle-btn {
	text-align: center
}
.full-pop-page .mod-tip-box .handle-btn a {
	display: inline-block;
	width: 80px;
	text-align: center;
	height: 26px;
	line-height: 26px;
	color: #fff;
	margin: 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.full-pop-page .mod-tip-box .handle-btn .cancel-btn {
	background: #b0b0b0
}
.full-pop-page .mod-tip-box .handle-btn .true-btn {
	background: #ff9000
}
.tabs-text {
	padding: 0 0 20px;
	margin: 0 0 10px;
	border-top: 1px solid #ddd
}
.tabs-text .tabs-keyword {
	margin: 40px 0 20px;
	font-size: 24px
}
.tabs-text .tabs-keyword strong {
	font-weight: 400;
	color: #09f
}
.tabs-text .text {
	font-size: 14px;
	color: #999
}
.search-result-box .left {
	width: 890px;
	padding: 10px 0;
	margin: 0 20px 20px 0;
	background: #fff
}
.search-result-box .right {
	width: 290px
}
.sc-result-tab {
	border-bottom: 2px solid #09f;
	overflow: hidden;
	padding-left: 15px;
	margin-bottom: 15px
}
.sc-result-tab a {
	float: left;
	display: inline;
	width: 80px;
	text-align: center;
	height: 38px;
	line-height: 38px;
	font-size: 15px;
	color: #333
}
.sc-result-tab .active {
	background: #09f;
	color: #fff;
	font-weight: 700
}
.sc-news {
	margin: 0 10px
}
.sc-news .item {
	overflow: hidden;
	padding: 10px;
	border-bottom: 1px dotted #ddd
}
.sc-news .item .pic {
	width: 220px;
	height: 146px;
	margin-right: 20px;
	border: 1px solid #eee;
	padding: 1px;
	overflow: hidden
}
.sc-news .item .pic a {
	width: 220px;
	height: 146px;
	display: table-cell;
	text-align: center;
	vertical-align: middle
}
.sc-news .item .pic a img {
	max-width: 220px
}
.sc-news .item .info {
	width: 600px
}
.sc-news .item .info h2 {
	margin-bottom: 15px;
	font-size: 16px
}
.sc-news .item .info h2 a {
	color: #333
}
.sc-news .item .info h2 a:hover {
	color: #09f
}
.sc-news .item .info p {
	line-height: 24px;
	color: #999;
	font-size: 14px
}
.sc-news .item .info p a {
	color: #09f
}
.sc-news .item span {
	color: red
}
.sc-news .item:hover img {
	-webkit-transform: scaleX(1.1) scaleY(1.1);
	-moz-transform: scaleX(1.1) scaleY(1.1);
	-ms-transform: scaleX(1.1) scaleY(1.1);
	-o-transform: scaleX(1.1) scaleY(1.1);
	transform: scaleX(1.1) scaleY(1.1)
}
.sc-question {
	margin: 0 10px
}
.sc-question .info {
	width: auto
}
.sc-buy {
	margin: 0 10px
}
.sc-buy .item {
	position: relative;
	padding: 10px;
	border-bottom: 1px dotted #ddd
}
.sc-buy .item h2 {
	margin-bottom: 15px;
	font-size: 16px
}
.sc-buy .item h2 a {
	color: #666
}
.sc-buy .item h2 span {
	color: red
}
.sc-buy .item .price-bar {
	margin-bottom: 15px;
	font-size: 14px;
	color: #999
}
.sc-buy .item .detail-btn {
	position: absolute;
	right: 15px;
	top: 30px;
	display: block;
	margin: 15px 0;
	width: 85px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	background: #09f;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px
}
.sc-buy .item .buy-info {
	color: #999
}
.sc-buy .item .buy-info span {
	margin-right: 20px
}
.sc-buy .item .buy-info span i {
	position: relative;
	top: 2px;
	margin-right: 3px;
	font-size: 14px
}
.sc-buy .item:hover {
	background: #f2f2f2
}
.sc-buy .item:hover h2 a {
	color: #09f
}
.sc-sell .item {
	float: left;
	display: inline;
	position: relative;
	margin: 0 5px 10px;
	width: 210px;
	height: 255px;
	overflow: hidden;
	border: 1px solid #eee
}
.sc-sell .item .label {
	position: absolute;
	left: -3px;
	top: -3px;
	width: 47px;
	height: 48px
}
.sc-sell .item .pic {
	margin-bottom: 5px
}
.sc-sell .item .pic a {
	width: 220px;
	height: 146px;
	display: table-cell;
	text-align: center;
	vertical-align: middle
}
.sc-sell .item .pic a img {
	margin: 1px;
	max-width: 208px;
	max-height: 146px
}
.sc-sell .item .info {
	position: absolute;
	left: 0;
	bottom: -32px;
	width: 210px;
	height: 140px;
	padding: 5px 0 0;
	background: #fff
}
.sc-sell .item .info .link-btn {
	display: block;
	text-align: center;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 12px;
	background: #09f
}
.sc-sell .item h2 {
	padding: 0 8px;
	margin-bottom: 5px;
	font-size: 14px
}
.sc-sell .item h2 a {
	color: #333
}
.sc-sell .item h2 a:hover {
	color: #09f
}
.sc-sell .item p {
	height: 22px;
	line-height: 22px;
	padding: 0 8px 0;
	margin-bottom: 8px;
	color: #999;
	overflow: hidden
}
.sc-sell .item strong {
	display: block;
	padding: 0 10px 5px;
	font-size: 16px
}
.sc-sell .item .area {
	display: block;
	text-align: right;
	padding: 0 10px 8px;
	color: #999;
	font-size: 12px
}
.sc-sell .item:hover {
	-webkit-box-shadow: 1px 1px 4px #eee;
	-moz-box-shadow: 1px 1px 4px #eee;
	box-shadow: 1px 1px 4px #eee
}
.sc-sell .item:hover .info {
	bottom: 0
}
.sc-right-grid {
	border: 1px solid #eee;
	background: #fff;
	margin-bottom: 15px
}
.sc-right-grid .hd {
	height: 16px;
	line-height: 16px;
	margin: 10px 0;
	padding-left: 10px;
	border-left: 3px solid #09f;
	font-size: 16px;
	font-weight: 700
}
.sc-right-grid .con {
	padding: 5px 10px
}
.sc-rank-list li {
	margin: 10px 0;
	overflow: hidden
}
.sc-rank-list li a {
	color: #333;
	font-size: 14px
}
.sc-rank-list li a:hover {
	color: #09f
}
.sc-rank-list li i {
	float: left;
	display: inline;
	width: 20px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #999;
	font-size: 12px;
	background: #ccc;
	font-style: italic
}
.sc-rank-list li .hot {
	background: #09f;
	color: #fff
}
.hot-service-list {
	overflow: hidden
}
.hot-service-list li {
	padding: 10px 0;
	border-bottom: 1px dotted #eee
}
.hot-service-list li:after, .hot-service-list li:before {
	display: table;
	content: ""
}
.hot-service-list li:after {
	clear: both
}
.hot-service-list li .pic {
	width: 60px;
	height: 60px;
	margin-right: 15px;
	padding: 1px;
	border: 1px solid #ddd
}
.hot-service-list li .pic a {
	width: 60px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.hot-service-list li .pic img {
	max-width: 60px
}
.hot-service-list li .info {
	width: 150px
}
.hot-service-list li .info h2 {
	margin-bottom: 15px
}
.hot-service-list li .info h2 a {
	color: #333;
	font-size: 14px
}
.hot-service-list li .info h2 a:hover {
	color: #09f
}
.hot-service-list li .info strong {
	font-size: 16px
}
.fast-register {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 101;
	height: 120px;
	background-color: rgba(0,0,0,.8)
}
.fast-register .fast-register-btn {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	min-width: 1920px;
	height: 100%
}
.fast-register .fast-register-img {
	position: relative;
	width: 100%;
	height: 120px;
	margin: 0 auto;
	background: url(../images/fast-registration.png) no-repeat 0 -20px
}
.fast-register .fast-register-img img {
	position: absolute;
	left: 0;
	bottom: 0
}
.fast-register .cut-btn {
	position: fixed;
	left: -180px;
	bottom: 10px
}
.fast-register .demand-form {
	position: relative;
	top: -27px;
	width: 900px;
	height: 40px;
	margin: 0 auto;
	padding: 106px 0 0 300px;
	background: url(../images/fast-form-bg.png) no-repeat left top
}
.fast-register .demand-form .close-btn {
	position: absolute;
	right: 0;
	top: 27px;
	z-index: 101;
	width: 34px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	font-size: 28px;
	color: #fff
}
.fast-register .demand-form input[type=text] {
	float: left;
	display: inline;
	width: 100px;
	height: 32px;
	line-height: 32px;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 5px;
	background: #fff
}
.fast-register .demand-form select {
	float: left;
	display: inline;
	width: 120px;
	height: 32px;
	line-height: 32px;
	margin-right: 5px;
	color: #666
}
.fast-register .demand-form textarea {
	float: left;
	display: inline;
	width: 340px;
	height: 28px;
	line-height: 28px;
	margin-right: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff
}
.fast-register .demand-form input[type=button] {
	height: 32px;
	line-height: 32px;
	width: 120px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #09f;
	color: #fff
}
.guestbanner {
	height: 181px;
	background: #3196dc url(../images/guestbanner.jpg) no-repeat center
}
.guest-page {
	padding: 30px 50px;
	margin-top: -34px;
	background: #fff;
	border: 1px solid #eee
}
.guest-page .hd {
	height: 55px;
	line-height: 55px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
	font-size: 20px
}
.guest-page .hd i {
	float: left;
	display: inline;
	margin: 1px 5px 0 0;
	color: #09f;
	font-size: 26px
}
.guest-page .guest-item {
	padding: 0 30px;
	margin-bottom: 10px;
	overflow: hidden
}
.guest-page .guest-item label {
	float: left;
	display: inline;
	width: 100px;
	text-align: right;
	margin-right: 10px;
	height: 34px;
	line-height: 34px;
	font-size: 15px
}
.guest-page .guest-item input[type=text] {
	height: 32px;
	line-height: 32px;
	border: 1px solid #ddd;
	padding: 0 5px;
	width: 300px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.guest-page .guest-item textarea {
	width: 500px;
	height: 250px;
	border: 1px solid #ddd;
	padding: 2px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Micorsoft yahei'
}
.guest-page .guest-item select {
	height: 32px;
	line-height: 32px;
	border: 1px solid #ddd;
	padding: 0 5px;
	width: 180px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666
}
.guest-page .btn-bar {
	margin: 50px 0 0 140px
}
.guest-page .btn-bar input {
	width: 200px;
	height: 36px;
	line-height: 36px;
	background: #09f;
	color: #fff;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.guest-page .btn-bar p {
	margin-top: 10px;
	width: 640px;
	color: #999
}
.guest-page .wran-bar {
	height: 20px;
	color: red
}
.guest-page .wran-bar span {
	display: none
}
.guest-page .wran-bar i {
	float: left;
	display: inline;
	margin: 1px 5px 0 0;
	color: red
}
.relation-area {
	margin: 20px auto;
	background: #fff;
	border: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.relation-area .hd {
	border-bottom: 1px solid #ddd;
	margin: 15px 0
}
.relation-area .hd h2 {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin-left: 20px;
	padding: 0 5px;
	border-bottom: 3px solid #09f;
	color: #333;
	font-weight: 700
}
.relation-area .hd a {
	float: right;
	display: inline;
	margin: 10px 10px 0 0;
	color: #09f;
	font-size: 14px
}
.relation-area .wx-info {
	width: 340px;
	margin: 0 auto;
	padding: 150px 0 100px
}
.relation-area .wx-info .btn {
	display: block;
	width: 340px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid #09f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	color: #09f
}
.relation-area .wx-info .btn:hover {
	background: #eee
}
.relation-area .wx-info .btn-new {
	background: #09f;
	color: #fff
}
.relation-area .wx-info .btn-new:hover {
	background: #08f
}
.relation-area p {
	text-align: center;
	margin-bottom: 40px;
	font-size: 14px
}
.relation-area .wx-avatar {
	width: 120px;
	height: 120px;
	margin: 0 auto 10px;
	border: 1px solid #eee;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.relation-area .wx-avatar img {
	width: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.relation-area h3 {
	text-align: center;
	margin-bottom: 30px
}
.relation-login {
	width: 340px;
	margin: 50px auto
}
.relation-success {
	margin: 100px 0
}
.relation-success .btn-bar {
	width: 340px;
	margin: 0 auto
}
.relation-success .btn-bar a {
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #09f;
	color: #fff;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.relation-success p {
	color: #333;
	font-size: 14px;
	text-align: center
}
.relation-success .relation-avatar {
	width: 500px;
	margin: 0 auto 50px;
	overflow: hidden
}
.relation-success .relation-avatar .bind-arrow {
	width: 260px;
	text-align: center;
	margin-top: 50px
}
.relation-success .avatar-box {
	width: 120px
}
.relation-success .avatar-box strong {
	display: block;
	text-align: center
}
.relation-success .avatar-box .pic {
	display: block;
	width: 120px;
	height: 120px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.relation-success .avatar-box .pic img {
	width: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.form-contain {
	margin: 0 auto
}
.form-contain .item {
	margin-bottom: 5px
}
.form-contain .item .wran-bar {
	height: 15px;
	line-height: 15px;
	margin-top: 5px;
	color: red
}
.form-contain .item .wran-bar i {
	float: left;
	display: inline;
	margin: 1px 5px 0 0
}
.form-contain .item .wran-bar .wran-text-box {
	display: none
}
.form-contain .item .inp-text {
	position: relative;
	height: 36px;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.form-contain .item .inp-text input[type=password], .form-contain .item .inp-text input[type=text] {
	width: 95%;
	padding: 0 5px;
	height: 36px;
	line-height: 36px;
	font-size: 14px
}
.form-contain .item .inp-text .icon-label {
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	font-size: 20px;
	color: #999
}
.form-contain .item .inp-text .icon-error, .form-contain .item .inp-text .icon-success {
	display: none;
	position: absolute;
	right: 5px;
	top: 10px;
	color: #b1a694;
	font-size: 14px
}
.form-contain .item .inp-text .icon-error {
	color: red
}
.form-contain .item .inp-text .success .icon-success {
	display: block
}
.form-contain .item .inp-text .error .icon-error {
	display: block
}
.form-contain .item .has-icon input[type=password], .form-contain .item .has-icon input[type=text] {
	padding-left: 36px
}
.form-contain .item .code-bar {
	height: 36px
}
.form-contain .item .code-bar input[type=text] {
	width: 50%;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center
}
.form-contain .item .code-bar input[type=button] {
	float: right;
	display: inline;
	width: 40%;
	height: 36px;
	line-height: 36px;
	background: #ccc;
	color: #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.form-contain .item .code-bar input[type=button].active {
	background: #09f;
	color: #fff
}
.form-contain .item .code-bar .img-code {
	float: right;
	display: inline;
	width: 40%;
	height: 36px;
	line-height: 36px;
	background: #ccc
}
.form-contain .btn-bar {
	height: 36px
}
.form-contain .btn-bar .btn {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: #09f;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px
}
.form-contain .find-pw {
	overflow: hidden;
	margin-bottom: 20px
}
.form-contain .find-pw a {
	color: #333;
	font-size: 12px
}
.form-contain .find-pw a:hover {
	color: #09f
}