/* 如需修改公共头部搜索框和导航条背景色，请修改以下三处颜色值 */
.topInfo a:hover,
.topInfo .loginbox .siteCityInfo,
.search .type dd a.active span,
.search .type dd a:hover span,
.MoudleNav ul li:hover,
.MoudleNav ul li.MooudleBC {
	color: #2babff;
	/* 修改一 */
}

.searchwrap,
.search .hotkey a:hover,
.search .submit:hover,
.fixedwrap .nav,
.mainnav li dd,
.mainnav li:hover,
.mainnav li:hover .dropbox,
.mainnav li.mainnav li dd,
.hover .dropbox,
.mainnav li:hover,
.mainnav li:hover .dropbox {
	background: #2babff;
	/* 修改二 */
}

.MoudleNav ul li:hover,
.MoudleNav ul li.MooudleBC {
	border: 1px solid #2babff;
	/* 修改三 */
}


/* Css Reset */
html {
	color: #333;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

body {
	width: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

body,
button,
input,
select,
textarea {
	font: 12px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "STHeiti", "\5B8B\4F53", sans-serif, tahoma, arial;
}

input,
select,
textarea {
	font-size: 100%;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
	transition: background-color 5000s ease-in-out 0s;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: inherit;
}

fieldset,
img {
	border: 0;
}

iframe {
	display: block;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

del {
	text-decoration: line-through;
}

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

ol,
ul,
li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

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

q:before,
q:after {
	content: '';
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

a {
	color: #333;
}

a:hover {
	color: #000;
	text-decoration: none;
}

ins,
a {
	text-decoration: none;
}

.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.fn-clear {
	zoom: 1;
	/* for IE6 IE7 */
}

.fn-hide {
	display: none;
}

.fn-left,
.fn-right {
	display: inline;
}

.fn-left {
	float: left;
}

.fn-right {
	float: right;
}

/*.huoniao_iOS .header{padding-top: 20px;}*/
/*.padTop20{padding-top: 20px;}*/


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

.w1200 .wrap {
	width: 1200px;
}

/* 支付成功回调页面隐藏LOGO右侧文字 */
.header .logo h2 {
	display: none;
}

a {
	color: #333;
	transition: all 0.1s;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

.adv,
.ad,
.tladv {
	overflow: hidden;
}

.adv img,
.ad img,
.tladv img {
	display: block;
	width: 100%;
}

.tladv img {
	margin: 20px 0;
}

.oh {
	position: relative;
	overflow: hidden;
}

a.more:hover {
	text-decoration: underline;
}

.aaa {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.adClose {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 16px;
}

.adClose i {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	float: left;
	text-align: center;
	width: 15px;
	line-height: 16px;
	font-style: normal;
}

.adClose span {
	width: 15px;
	height: 15px;
	float: right;
	background: url('../image/px.gif') 0 -15px no-repeat;
	cursor: pointer;
}

.adClose span.kai {
	background-position: 0 0;
}

.picon {
	background-image: url(../image/public_icons.png);
	background-repeat: no-repeat;
}

.picon-qq {
	background-position: -2px 0px;
}

.picon-weixin {
	background-position: -6px -20px;
}

.picon-weibo {
	background-position: -6px -40px;
}

.picon-phone {
	background-position: -6px -60px;
}

.picon-down {
	background-position: -2px -85px;
}

.picon-down2 {
	background-position: -20px -94px;
}

.picon-latest {
	background-position: 0 -103px;
}

.picon-hui {
	background-position: 0 -126px;
}

.picon-join {
	background-position: 0 -149px;
}

/* 顶部信息 */
.topInfo {
	position: relative;
	height: 34px;
	line-height: 34px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee;
	background: #f5f5f5;
	color: #6c6c6c;
	z-index: 1002;
}

.topInfo a {
	color: #6c6c6c;
}

.topInfo .separ {
	color: #ddd;
	margin-left: 15px;
}

.topInfo .loginbox .regist {
	margin-right: 0;
}

.topInfo .regist {
	color: #ff6600;
}

.topInfo .logint {
	float: left;
	margin-right: 10px;
}

.topInfo .loginbox .logint a {
	margin-right: 0;
}

.topInfo .menu {
	float: right;
}

.topInfo .menu li {
	position: relative;
	float: left;
	padding: 0 8px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

.topInfo .menu li i img {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-top: -2px;
	vertical-align: middle;
}

.topInfo .menu li .ewmbox {
	position: absolute;
	left: 0;
	top: 36px;
	margin-left: -90px;
	border-radius: 4px;
	border: 1px solid #0087BD;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	z-index: 100;
	display: none;
}

.topInfo .loginbox {
	float: left;
}

.topInfo .loginbox .siteCityInfo,
.topInfo .loginbox .changeCityBtn,
.topInfo .loginbox .loginbefore,
.topInfo .loginbox .loginafter {
	float: left;
}

.topInfo .loginbox .changeCityBtn {
	margin-right: 10px;
}

.topInfo .loginbox .changeCityBtn a {
	float: none;
	margin: 0;
}

.topInfo .loginbox a {
	float: left;
	margin: 0 10px 0 0;
}

.topInfo .loginbox a.loginconnect {
	margin-right: 5px;
	margin-top: 9px;
	line-height: 0;
}

.topInfo .loginbox a.loginconnect .picon {
	background: none;
}

.topInfo .loginbox a:hover {
	text-decoration: underline;
}

.topInfo .dropdown a {
	padding-left: 2px;
}

.topInfo .dropdown .picon-down {
	display: inline-block;
	width: 8px;
	height: 5px;
	margin-left: 4px;
	vertical-align: middle;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.topInfo .submenu {
	display: none;
	position: absolute;
	top: 35px;
	left: -1px;
	min-width: 82px;
	padding: 5px 0;
	border: 1px solid #ddd;
	border-top: none;
	background: #fff;
	-webkit-animation: topFadeIn .3s ease-out;
	-moz-animation: topFadeIn .3s ease-out;
	animation: topFadeIn .3s ease-out;
	z-index: 10;
}

.topInfo .submenu.tonglan {
	left: auto;
	right: -1px;
	width: 1146px;
	padding: 16px 26px 13px;
}

.topInfo .submenu.tonglan a {
	float: left;
	position: relative;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #5c5c5e;
	display: inline-block;
	min-width: 63px;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 3px;
	z-index: 1;
}

.topInfo .submenu.tonglan a:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 12px;
	background: #e6e7ed;
	right: -2px;
	top: 50%;
	margin-top: -6px;
}

.topInfo .submenu.tonglan a:hover {
	background-color: #ffefed;
	color: #ff523b !important;
	z-index: 2;
}

.topInfo .submenu.tonglan a:nth-child(11n+0):after,
.topInfo .submenu.tonglan a:hover:after {
	display: none;
}

.topInfo li.user .submenu {
	min-width: 106px;
}

.topInfo .submenu a {
	display: block;
	padding: 0 10px;
	line-height: 26px;
	white-space: nowrap;
}

.topInfo li:hover .picon-down {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.topInfo li.dropdown:hover {
	height: 35px;
	border-color: #ddd;
	background: #fff;
}

.topInfo li:hover .submenu {
	display: block;
}

.topInfo .submenu a:hover {}

.topInfo .picon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

.topInfo .picon img {
	width: 20px;
	height: 20px;
	display: block;
	margin: -2px auto 0;
	vertical-align: middle;
}

/*切换城市弹出层*/
.topInfo .loginbox .changeCityBtn {
	position: relative;
}

.topInfo .loginbox .changeCityList {
	display: none;
	position: absolute;
	left: 0;
	top: 34px;
	min-width: 400px;
	max-width: 900px;
	z-index: 10;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	background: transparent;
}

.topInfo .loginbox .changeCityBtn:hover .changeCityList,
.topInfo .loginbox .changeCityBtn:hover .changeCityList {
	display: block !important;
}

.setwidth {
	height: 0;
	opacity: 0;
	padding: 0 45px 0 65px;
	overflow: hidden;
	white-space: nowrap;
}

.setwidth span {
	display: inline-block;
	width: 30px;
	text-align: center;
	margin: 0 5px 0 0;
}

.topInfo .loginbox .changeCityBtn:hover .changeCityList {
	display: block;
}

.topInfo .loginbox .changeCityList a:hover,
.topInfo .loginbox .changeCityList a.curr {
	text-decoration: none;
	color: #FF6402;
}

.topInfo .loginbox .changeCityBtn .changeCityList .boxpd {
	position: relative;
	padding-top: 12px;
}

.topInfo .loginbox .changeCityBtn .changeCityList .boxpd .sj {
	position: absolute;
	left: 22px;
	top: -7px;
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #ddd;
}

.topInfo .loginbox .changeCityBtn .changeCityList .boxpd .sj i {
	position: absolute;
	left: -9px;
	top: -7px;
	display: block;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-bottom-color: #fff;
}

.topInfo .loginbox .changeCityList .box {
	padding: 15px 0 5px;
	border: 1px solid #ddd;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
	background: #fff;
}

.topInfo .loginbox .changeCityBtn .changeCityList .hot {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: #E5E5E5 solid 1px;
}

.topInfo .loginbox .changeCityBtn .changeCityList dt {
	display: inline-block;
	width: 65px;
	float: left;
	text-align: center;
	color: #B0B3B4;
}

.topInfo .loginbox .changeCityBtn .changeCityList dd a {
	float: left;
	margin: 0 20px 6px 0;
	white-space: nowrap;
}

.topInfo .loginbox .changeCityBtn .changeCityList .hot dt {
	color: #FF6402;
}

.topInfo .loginbox .changeCityList dd {
	overflow: hidden;
}

.topInfo .loginbox .changeCityList .more {
	position: relative;
}

.topInfo .loginbox .changeCityList .pytit {
	padding-right: 25px;
	margin-bottom: 10px;
	line-height: 26px;
	white-space: nowrap;
}

.topInfo .loginbox .changeCityBtn .changeCityList .pytit span {
	width: 30px;
	text-align: center;
	float: left;
	margin: 0 5px 0 0;
	cursor: pointer;
}

.topInfo .loginbox .changeCityBtn .changeCityList .pytit span:hover,
.topInfo .loginbox .changeCityBtn .changeCityList .pytit span.curr {
	background: #FF6402;
	color: #fff;
}

.topInfo .loginbox .changeCityBtn .changeCityList .pytit dd {
	border-bottom: 1px solid #FF6402;
}

.topInfo .loginbox .changeCityBtn .changeCityList .list {
	position: relative;
	max-height: 280px;
	overflow-y: auto;
}

.topInfo .loginbox .changeCityBtn .changeCityList .list dl {
	line-height: 30px;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content {
	padding: 10px 20px;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content li {
	float: left;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content a {
	margin: 0 15px 15px 0;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content .tit {
	margin-bottom: 20px;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content li a {
	display: block;
	position: relative;
	font-size: 11px;
	padding: 0 20px;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content li a:hover {
	text-decoration: none;
	border-color: #0ab7f9;
	color: #0ab7f9;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content li a s {
	position: absolute;
	width: 17px;
	height: 17px;
	right: 0;
	bottom: 0;
	display: none;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content li a s img {
	display: block;
	width: 100%;
	height: 100%;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content li a:hover s {
	display: block;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content li a.curr {
	border-color: #0ab7f9;
	color: #0ab7f9;
}

.topInfo .loginbox .changeCityBtn .changeCityList .content li a.curr s {
	display: block;
}


/* 浮动菜单 */
.topInfo .pop {
	display: none;
	position: absolute;
	left: -38px;
	top: 34px;
	width: 170px;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 0;
	-moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, .2);
	box-shadow: 4px 4px 0 rgba(0, 0, 0, .2);
	color: #101010;
	font-size: 14px;
	-webkit-animation: topFadeIn .3s ease-out;
	-moz-animation: topFadeIn .3s ease-out;
	animation: topFadeIn .3s ease-out;
}

.topInfo .pop s {
	position: absolute;
	top: -8px;
	left: 80px;
	width: 16px;
	height: 9px;
	background: url('../image/icons.png') -10px -591px;
}

.topInfo .pop p {
	line-height: 20px;
}

.topInfo .pop p a {
	padding: 0;
	background: none;
}

.topInfo .pop p a img {
	display: block;
	margin: 0 auto;
}

/* header */
.fixedwrap {
	height: 139px;
	margin: 10px 0 23px;
}

.fixedpane.fixed {
	position: fixed;
	height: 150px;
	width: 100%;
	top: 0;
	z-index: 1000;
	background-color: #fff;
}

/*.header {margin-top: 10px;}*/
.fixedwrap .header .logo {
	float: left;
	max-width: 220px;
	height: 61px;
	margin-top: 13px;
	overflow: hidden;
}

.fixedwrap .header .logo a {
	display: inline-block;
	overflow: hidden;
	height: 61px;
	line-height: 61px;
}

.fixedwrap .header .logo h2 {
	float: left;
	line-height: 60px;
	font-size: 24px;
	color: #333;
}

.fixedwrap .header .logo img {
	max-width: 220px;
	max-height: 60px;
	margin-right: 10px;
	vertical-align: middle;
}

.searchwrap {
	position: relative;
	float: right;
	width: 410px;
	height: 40px;
	line-height: 34px;
	margin: 25px 85px 0 0;
	z-index: 1001;
}

.w1200 .searchwrap {
	width: 557px;
}

.fixedwrap .search {
	margin: 3px 88px 3px 3px;
	background: #fff;
	*zoom: 1;
}

.fixedwrap .search .type {
	float: left;
	width: 93px;
	border-right: 1px solid #ddd;
}

.fixedwrap .search .type a {
	font-size: 14px;
	color: #666;
}

.fixedwrap .search .type dl {
	position: relative;
}

.fixedwrap .search .type dl dt {
	height: 34px;
	text-align: center;
}

.fixedwrap .search .type dl em {
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #666;
	vertical-align: middle;
	margin-left: 8px;
	transition: all .3s;
}

.fixedwrap .search .type dl.hover em {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: center 2px;
	transform-origin: center 2px;
}

.fixedwrap .search .type dd {
	display: none;
	position: absolute;
	top: 32px;
	padding-top: 20px;
	left: -3px;
	width: 100px;
}

.fixedwrap .search .type dd .ModuleBox {
	min-width: 97px;
	border-top: none;
	background: #fff;
	-webkit-animation: topFadeIn .3s ease-out;
	-moz-animation: topFadeIn .3s ease-out;
	animation: topFadeIn .3s ease-out;
	z-index: 10;
	box-shadow: 1px 2px 16px rgb(218, 218, 218);
	padding: 8px 0;
}

.fixedwrap .search .type dl.hover dd {
	display: block;
}

.fixedwrap .search .type dd a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	white-space: nowrap;
	text-align: center;
	position: relative;
}

.fixedwrap .search .type dd a.active span,
.fixedwrap .search .type dd a:hover span {
	background: #fff;
}

.fixedwrap .search .type dd a:hover .MoudleNav {
	display: block;
}

.MoudleNav {
	position: absolute;
	left: 100px;
	top: -37px;
	width: 600px;
	padding-left: 20px;
	display: none;
}

.jobMoudle.MoudleNav {
	top: -16px;
}

.MoudleNav i {
	position: absolute;
	left: 13px;
	top: 40px;
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-right: 7px solid #fff;
	border-bottom: 11px solid transparent;
}

.jobMoudle.MoudleNav i {
	top: 21px;
}

.MoudleNav ul {
	width: 425px;
	background: #fff;
	box-shadow: 1px 2px 16px rgb(218, 218, 218);
	border-radius: 5px;
	padding: 10px;
}

.MoudleNav ul li {
	float: left;
	width: 86px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #afafaf;
	text-align: center;
	border-radius: 20px;
	color: #afafaf;
	margin: 7px 9px;
	cursor: pointer;
}

.fixedwrap .search .inputbox {
	position: relative;
	margin-left: 63px;
	overflow: hidden;
}

.fixedwrap .search .inpbox {
	margin: 0 10px;
	height: 34px;
}

.fixedwrap .search .searchkey {
	width: 100%;
	height: 21px;
	margin: 6px 0 7px;
	font-size: 14px;
	vertical-align: middle;
}

.fixedwrap .search .searchkey,
.fixedwrap .search .searchkey:focus,
.fixedwrap .search .searchkey:active,
.fixedwrap .search .submit,
.fixedwrap .search .submit:focus,
.fixedwrap .search .submit:active {
	border: 0;
	outline: 0;
	background: none;
}

.fixedwrap .search .hotkey {
	position: absolute;
	right: 15px;
	top: 0;
	max-width: 270px;
	display: none;
}

.w1200 .fixedwrap .search .hotkey {
	display: block;
}

.fixedwrap .search .hotkey a {
	display: inline-block;
	float: right;
	height: 21px;
	line-height: 20px;
	margin: 6px 0 0 7px;
	padding: 0 12px;
	background: #f0f0f0;
	color: #fff;
	font-size: 14px;
	color: #999;
	white-space: nowrap;
	border-radius: 10px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.fixedwrap .search .hotkey.leave a {
	opacity: .5;
}

.fixedwrap .search .hotkey a:hover {
	color: #fff;
}

.fixedwrap .search .submit {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 88px;
	height: 100%;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

.header .kefu {
	float: right;
	position: relative;
	padding-left: 55px;
	margin-top: 18px;
	font-size: 20px;
	line-height: 25px;
}

.header .kefu p {
	font-size: 14px;
}

.header .kefu s {
	position: absolute;
	left: 0;
	top: 6px;
	width: 40px;
	height: 40px;
}

.header .kefu s img {
	width: 100%;
	height: 100%;
	display: block;
}

/* 导航 */
.fixedwrap .nav {
	position: relative;
	margin-top: 20px;
	height: 45px;
	-moz-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	z-index: 100;
}

.mainnav li {
	position: relative;
	float: left;
	padding: 0 12px;
	margin: 0;
}

.w1200 .mainnav li {
	margin: 0 9px;
	padding: 0 13px;
}

.mainnav li a {
	color: #fff;
	display: block;
}

.mainnav li .nav-m {
	position: relative;
	font-size: 18px;
	line-height: 45px;
}

.mainnav li .nav-m i {
	position: absolute;
	left: 50%;
	top: -14px;
	display: inline-block;
	width: 32px;
	height: 22px;
}

.dropbox {
	margin: -11px -12px 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.mainnav li dl {
	padding-top: 11px;
}

.mainnav li dt {
	padding: 0 12px;
	overflow: hidden;
}

.mainnav li dd a {
	font-size: 16px;
	white-space: nowrap;
}

.mainnav li dd {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	min-width: 100%;
	padding: 8px 0 16px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 10;
}

.mainnav li dd a {
	display: block;
	line-height: 40px;
	padding: 0 13px;
}

.mainnav li dt .nav-m {
	float: left;
}

.mainnav li .picon-down2 {
	display: inline-block;
	width: 11px;
	height: 6px;
	float: left;
	margin: 20px 0 0 6px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.mainnav li:hover,
.mainnav li:hover .dropbox {
	filter: alpha(opacity:98);
	opacity: .98;
	-moz-opacity: .98;
	-khtml-opacity: .98;
}

.mainnav li:hover dd {
	display: block;
}

.mainnav li:hover .picon-down2 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.nav .wrap {
	position: relative;
}

/* 底部 */
.footer {
	background: #404040;
	margin-top: 50px;
	padding: 40px 0 15px;
}

.footer .wrap {
	background: transparent;
}

/* 友情链接 */
.friendlink {
	border-bottom: 1px solid #5d5d5d;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.gray .friendlink {
	border-bottom-color: #ececec;
}

.white .friendlink {
	border-bottom-color: #ececec;
}

.friendlink h5 {
	font-size: 16px;
	color: #fff;
}

.friendlink ul {
	margin-top: 10px;
}

.friendlink li {
	float: left;
	margin: 0 40px 5px 0;
}

.friendlink li a {
	font-size: 12px;
	color: #737373;
}

.friendlink li a:hover {
	text-decoration: none;
	color: #fff;
}

/* 关于、帮助、二维码 */
.help {
	margin-bottom: 25px;
}

.help .helplist {
	float: left;
}

.help .helplist dl {
	float: left;
	width: 130px;
	padding-right: 10px;
}

.help .helplist dl dt {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}

.help .helplist dl dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #737373;
}
.help .helplist dl dt:first-child a{
	font-size: 18px;
}
.help .helplist dl a {
	font-size: 12px;
	color: #737373;
	line-height: 22px;
}

.help .helplist dl a:hover {
	text-decoration: none;
	/* color: #fff; */
}

.help .qr {
	display: none;
	float: right;
	margin-top: 5px;
}

.w1200 .help .qr {
	display: block;
}

.help .qr .qr-img {
	float: left;
	width: 110px;
	margin-left: 40px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}

.help .qr .qr-img img {
	width: 110px;
	height: 110px;
	display: block;
}

/* 版权 */
.copyright {
	padding-bottom: 10px;
	text-align: center;
	line-height: 20px;
	color: #737373;
}

.copyright a {
	color: #737373 !important;
}

.copyright a:hover {
	text-decoration: none;
	color: #fff;
}

/* 统计 */
.footer .statisticscode {
	text-align: center;
}

.footer.gray {
	position: relative;
	z-index: 2;
	background: #f8f8f8;
}

.gray .friendlink h5,
.gray .friendlink li a,
.gray .help .helplist dl dt,
.gray .help .helplist dl dd,
.gray .help .helplist dl dd a,
.gray .copyright,
.gray .copyright a,
.gray .help .qr .qr-img {
	color: #333;
}

.gray .friendlink li a:hover,
.gray .help .list dl a:hover,
.gray .copyright a:hover {
	color: #2babff;
}

.footer.white {
	background: #fff;
}

.white .friendlink h5,
.white .friendlink li a,
.white .help .helplist dl dt,
.white .help .helplist dl dd,
.white .help .helplist dl dd a,
.white .copyright,
.white .copyright a,
.white .help .qr .qr-img {
	color: #333;
}

.white .friendlink li a:hover,
.white .help .list dl a:hover,
.white .copyright a:hover {
	color: #2babff;
}


/* 第三方登陆授权后提示绑定手机号 */
#loginconnectInfo .mask,
#loginconnectInfo .layer {
	display: block;
}

#loginconnectInfo .mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .5;
	z-index: 1003;
}

/*弹出层*/
#loginconnectInfo .layer {
	position: fixed;
	top: 200px;
	left: 50%;
	background: #fff;
	z-index: 1004;
	border-radius: 4px;
	font-size: 16px;
	margin-left: -190px;
	text-align: center;
	padding: 24px 0 28px;
}

#loginconnectInfo .layer-tit {
	padding-bottom: 15px;
}

#loginconnectInfo .layer-tit span {
	padding: 0 0 0 30px;
	background: url(../image/layer_icon.png) left center no-repeat;
}

#loginconnectInfo .layer-con {
	font-size: 16px;
	padding: 20px 50px;
	border-top: 1px solid #cbcbcb;
}

#loginconnectInfo .layer-btn a {
	background: #1facee;
	color: #fff;
	border-radius: 4px;
	display: block;
	width: 120px;
	margin: 0 auto;
	line-height: 40px;
	height: 40px;
}



/* 返回顶部 */
.btntop {
	width: 50px;
	right: 20px;
	position: fixed;
	bottom: 40px;
	_position: absolute;
	_top: expression(documentElement.scrollTop + documentElement.clientHeight-120);
	z-index: 100;
	overflow: hidden;
}

.btntop a {
	display: block;
	font-size: 0;
	text-indent: -9999em;
}

.btntop .top {
	height: 50px;
	width: 50px;
	background: url('../image/gotop.png');
	filter: Alpha(Opacity=35);
	opacity: .35;
	border-bottom: 0;
	overflow: hidden;
}

.btntop a:hover.top {
	filter: Alpha(Opacity=50);
	opacity: .5;
}

.btntop .close {
	width: 50px;
	height: 18px;
	background: url('../image/gotop.png') 0 -53px;
	margin-top: 5px;
}


/* 登录窗口 */
#login_iframe {
	display: none;
	position: fixed;
	_position: absolute;
	z-index: 9001;
	width: 1000px;
	height: 314px;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -500px;
}

#login_iframe iframe {
	width: 1000px;
	height: 314px;
}

#login_bg {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9000;
	display: block;
	background: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#login_bg .loadPage {
	position: fixed;
	_position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -500px;
	width: 1000px;
	height: 314px;
	line-height: 314px;
	font-size: 16px;
	text-align: center;
	color: #fff;
}

#login_bg iframe {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	opacity=0;
	border-style: none;
}

/* 文本框Autocomplete浮动层 */
.autocomplete-suggestions {
	border: 1px solid #999;
	background: #fff;
	font-size: 13px;
	cursor: default;
	overflow: auto;
	-webkit-animation: topFadeIn .3s ease-out;
	-moz-animation: topFadeIn .3s ease-out;
	animation: topFadeIn .3s ease-out;
	line-height: 25px;
}

.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-no-suggestion {
	padding: 2px 5px;
}

.autocomplete-selected {
	background: #f0f0f0;
}

.autocomplete-suggestions strong {
	font-weight: bold;
	color: #000;
}

.autocomplete-group {
	padding: 2px 5px;
}

.autocomplete-group strong {
	font-weight: bold;
	font-size: 16px;
	color: #000;
	display: block;
	border-bottom: 1px solid #000;
}

/* 页面加载进度提示 */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #333333;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	height: 3px;
	-webkit-transition: width 0.1s;
	-moz-transition: width 0.1s;
	-o-transition: width 0.1s;
	transition: width 0.1s;
}



/* 广告标识 */
.siteAdvObj {
	position: relative;
}

.siteAdvObj .advMark {
	position: absolute;
	width: 24px;
	height: 14px;
	z-index: 1;
	background: url('../image/advMark.png') no-repeat;
	font-size: 0;
	text-indent: -999em;
}

.siteAdvObj .advMark.pos0 {
	left: 5px;
	top: 5px;
}

.siteAdvObj .advMark.pos1 {
	right: 5px;
	top: 5px;
}

.siteAdvObj .advMark.pos2 {
	left: 5px;
	bottom: 5px;
}

.siteAdvObj .advMark.pos3 {
	right: 5px;
	bottom: 5px;
}

.siteAdvObj .advTitleMark {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 24px;
	font-size: 12px;
	margin: 0;
	padding: 0 5px;
	color: #fff;
	background: rgba(0, 0, 0, .5);
}

/* 广告占位 */
.advPlaceholder {
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 20px;
	z-index: 1;
}

.advPlaceholder .apCon {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	min-height: 100px;
	background: #f5f5f5;
	z-index: 888;
	color: #999;
}

.advPlaceholder .apCon:hover {
	background: #f0f0f0;
}

.advPlaceholder .apCon:hover .ad_title h5 {
	background: #f00;
	border-color: #ff0;
	color: #fff;
}

.advPlaceholder .ad_tit {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}

.advPlaceholder .ad_stu {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 4;
	text-decoration: underline;
}

.advPlaceholder .ad_title {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding-top: 6px;
	text-align: center;
	margin-top: -40px;
	font-size: 18px;
}

.advPlaceholder h5 {
	display: inline-block;
	border: 1px dotted #fda9a9;
	background: #f9f9a3;
	padding: 3px 5px;
	color: #000;
}

.advPlaceholder h6 {
	display: block;
	font-size: 12px;
	margin-top: 6px;
}

.advPlaceholder .ad_tips {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	z-index: 4;
	padding: 0 10px;
	background: #f5f5f5;
	text-align: center;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.advPlaceholder .apCon:hover .ad_tips {
	background: #f0f0f0;
}

/*分享功能*/
#shareBtn {
	position: absolute;
	z-index: 20;
	width: 95px;
	padding: 6px 0;
	border: 1px solid #e2e2e2;
	background: #fff;
	box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
}

#shareBtn li,
#shareBtn li a {
	height: 26px;
	line-height: 26px;
	font-size: 12px;
}

#shareBtn a {
	padding-left: 37px;
	display: block;
	background: url('../image/share_icon.png') no-repeat;
}

#shareBtn a:hover {
	background-color: #f3f3f3;
	text-decoration: none;
	color: #333;
}

#shareBtn .popup_weixin a {
	background-position: 13px -1px;
}

#shareBtn .qzone a {
	background-position: 13px -30px;
}

#shareBtn .qq a {
	background-position: 13px -56px;
}

#shareBtn .sina a {
	background-position: 13px -82px;
}

/*微信分享弹窗*/
.wxAlert {
	position: fixed;
	width: 280px;
	height: 280px;
	top: 50%;
	left: 50%;
	margin-left: -140px;
	margin-top: -140px;
	background: #fff;
	box-sizing: border-box;
	z-index: 10000;
	display: none;
	-webkit-animation: popup .3s ease-out;
	-moz-animation: popup .3s ease-out;
	animation: popup .3s ease-out;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 24px 0px rgba(68, 60, 60, 0.16);
}

.wxAlert.show {
	display: block;
}

.wxAlert .wxAlert_head {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	position: relative;
	padding-left: 15px;
	background: #f2f2f2;
	height: 40px;
	line-height: 40px;
}

.wxAlert .wxAlert_code {
	width: 185px;
	height: 185px;
	margin: 0 auto;
	padding: 26px 10px;
}

.wxAlert .wxAlert_code img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wxAlert .wxAlert_close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 8px;
	color: #999;
	text-decoration: none;
	font-size: 20px;
	text-align: center;
	line-height: 20px
}



/* 隐私相关隐藏 */
.huoniao_privacy {
	display: none !important;
}



/* 隐私号码 */









/* CSS 特效 */

/* 从下往上缓冲显示 */
@-webkit-keyframes bottomFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bottomFadeIn {
	0% {
		opacity: 0;
		-moz-transform: translateY(10px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes bottomFadeIn {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 从上往下缓冲显示 */
@-webkit-keyframes topFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes topFadeIn {
	0% {
		opacity: 0;
		-moz-transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes topFadeIn {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 从下往上关闭 */
@-webkit-keyframes bottomFadeOut {
	0% {
		opacity: 1;
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

@-moz-keyframes bottomFadeOut {
	0% {
		opacity: 1;
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

@keyframes bottomFadeOut {
	0% {
		opacity: 1;
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

/* 从左往右缓冲显示 */
@-webkit-keyframes leftFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes leftFadeIn {
	0% {
		opacity: 0;
		-moz-transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes leftFadeIn {
	0% {
		opacity: 0;
		transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 从右往左缓冲显示 */
@-webkit-keyframes rightFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes rightFadeIn {
	0% {
		opacity: 0;
		-moz-transform: translateX(10px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes rightFadeIn {
	0% {
		opacity: 0;
		transform: translateX(10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 膨胀后变正常尺寸 */
@-webkit-keyframes popup {
	0% {
		-webkit-transform: scale(0);
	}

	60% {
		-webkit-transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes popup {
	0% {
		-moz-transform: scale(0);
	}

	60% {
		-moz-transform: scale(1.1);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@keyframes popup {
	0% {
		transform: scale(0);
	}

	60% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/* X轴翻动 */
@keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
}

@-moz-keyframes flipInX {
	0% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-moz-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-moz-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-moz-transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
}

/* Y轴翻动 */
@keyframes flipInY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

@-moz-keyframes flipInY {
	0% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-moz-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-moz-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-moz-transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}



/* 第三方登陆授权后提示绑定手机号 */
#loginconnectInfo .mask,
#loginconnectInfo .layer {
	display: block;
}

#loginconnectInfo .mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .5;
	z-index: 1003;
}

/*弹出层*/
#loginconnectInfo .layer {
	position: fixed;
	top: 200px;
	left: 50%;
	background: #fff;
	z-index: 1004;
	border-radius: 4px;
	font-size: 16px;
	margin-left: -190px;
	text-align: center;
	padding: 24px 0 28px;
}

#loginconnectInfo .layer-tit {
	padding-bottom: 15px;
}

#loginconnectInfo .layer-tit span {
	padding: 0 0 0 30px;
	background: url(../image/layer_icon.png) left center no-repeat;
}

#loginconnectInfo .layer-con {
	font-size: 16px;
	padding: 20px 50px;
	border-top: 1px solid #cbcbcb;
}

#loginconnectInfo .layer-btn a {
	background: #1facee;
	color: #fff;
	border-radius: 4px;
	display: block;
	width: 120px;
	margin: 0 auto;
	line-height: 40px;
	height: 40px;
}


/* 国际手机号号公共样式 */

/*.areaCode {position: absolute; left: 0; top: 0; bottom: 0; width: 60px; text-indent: 12px; background: #fff; cursor: pointer;margin-left: 0!important;font-size: 12px;}

.areaCode s {position: absolute;content: ' ';right: 8px;top: 50%;margin-top: -2px;width: 0;height: 0;border: 5px solid transparent;border-top-color: #666;}*/
.areaCode {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	background: #fff;
	cursor: pointer;
	margin-left: 0 !important;
	font-size: 12px;
	text-align: center !important;
	text-indent: 0 !important
}

.areaCode s {
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #666;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.areaCode i {
	font-style: normal;
}

.areaCode_wrap {
	position: absolute;
	left: 0;
	top: 41px;
	width: 200px;
	max-height: 300px;
	background: #fff;
	border: 1px solid #ebebeb;
	box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
	z-index: 10;
	overflow-y: auto;
	padding: 10px 0;
	display: none;
}

.areaCode_wrap ul {
	margin-top: 0 !important;
	width: 100%
}

.areaCode_wrap li {
	padding: 0 20px !important;
	line-height: 30px !important;
	cursor: pointer;
	margin-top: 0 !important;
	height: auto !important;
	width: auto !important;
	font-size: 12px !important;
}

.areaCode_wrap li:hover {
	background: #f5f5f5;
}



@keyframes rotate_ {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* 打赏弹窗 */
.dsMask {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 9;
	display: none;
}

.dsPop {
	width: 660px;
	height: 300px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	background: url(../image/ds_bg.png) no-repeat center/cover;
	border-radius: 20px;
	z-index: 9;
	box-sizing: border-box;
	padding: 80px 20px 20px;
	animation: popup .3s;
	display: none;
}

.dsPop .dsPopCon {
	height: 100%;
	width: 100%;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(255, 0, 0, 0.08);
	border-radius: 8px;
	position: relative;
	z-index: 1;
}

.dsPop .ds_icon2 {
	display: block;
	width: 200px;
	height: 130px;
	background: url(../image/ds_1.png) no-repeat center/cover;
	position: absolute;
	right: 46px;
	top: -22px;
}

.dsPop>h2 {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 19px;
	left: -10px;
	line-height: 47px;
}

.dsPop>h2 span {
	font-size: 14px;
	color: rgba(255, 255, 255, .7);
	margin-left: 9px;
	font-weight: normal;
}

.dsPop>h2 s.ds_icon1 {
	display: inline-block;
	width: 50px;
	height: 47px;
	background: url(../image/ds_2.png) no-repeat center/cover;
	vertical-align: middle;
	margin-right: 8px;
}

.dsPop a.close_ds_pop {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../image/ds_close.png) no-repeat center/cover;
	position: absolute;
	right: 12px;
	top: 12px;
}

.dsPop .ds_info {
	padding: 0 18px 0 26px;
	line-height: 70px;
}

.dsPop .ds_info .leftDs {
	float: left;
	color: #37373B;
	font-size: 14px;
}

.dsPop .ds_info .leftDs span {
	font-size: 18px;
	color: #FF653B;
	font-weight: bold;
	opacity: .15;
	margin-left: 8px;
	vertical-align: middle;
}

.dsPop .ds_info .leftDs span.ds_clear {
	opacity: 1
}

.dsPop .ds_info .leftDs span b {
	font-size: 38px;
}

.dsPop .ds_info .rightp {
	float: right;
	color: #A2A4AB;
	font-size: 14px;
}

.dsPop .ds_numChose {
	margin: 0 20px;
}

.dsPop .ds_numChose li {
	float: left;
	width: 80px;
	height: 84px;
	background: #FFFFFF;
	border: 1px solid #CFD6E6;
	border-radius: 6px;
	box-sizing: border-box;
	margin-right: 10px;
	cursor: pointer;
}

.dsPop .ds_numChose li:hover {
	background: linear-gradient(0deg, #F72B20 0%, #FF4B33 100%);
	border: none;
}

.dsPop .ds_numChose li:hover p,
.dsPop .ds_numChose li:hover .ds_num {
	color: #fff
}

.dsPop .ds_numChose li:last-of-type {
	width: 130px;
	margin-right: 0
}

.dsPop .ds_numChose li:last-of-type:hover {
	background: none;
	border: 1px solid #CFD6E6;
}

.dsPop .ds_numChose li:last-of-type:hover p {
	color: #A2A4AB;
}

.dsPop .ds_numChose li p {
	color: #A2A4AB;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
}

.dsPop .ds_numChose li .ds_num {
	color: #37373B;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	font-family: moneyNumber;
	margin-top: 6px;
}

.dsPop .ds_numChose li .ds_num b {
	font-size: 22px;
}

.dsPop .ds_numChose li a.pop_more_num {
	display: block;
	color: #37373B;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}

.dsPop .ds_numChose li a.pop_ds_btn {
	display: block;
	width: 116px;
	height: 44px;
	border-radius: 22px;
	text-align: center;
	line-height: 44px;
	color: #783C20;
	font-size: 16px;
	background: linear-gradient(0deg, #FFF08C 0%, #FEF7C4 100%);
	box-shadow: 0px 4px 0px 0px rgba(222, 146, 16, 0.93), 0px 8px 12px 0px rgba(147, 92, 0, 0.25);
	margin: auto;
}

.dsPop .ds_numChose li input {
	border: none;
	background: none;
}

/* .dsPop .ds_numChose li .ds_toInp{display: none;} */
.dsPop .ds_numChose li .dsinput span {
	font-size: 14px;
}

.dsPop .ds_numChose li .dsinput {
	text-align: center;
	color: #37373B;
	font-size: 22px;
	font-weight: bold;
	line-height: 48px;
}

[v-cloak] {
	display: none;
}

.ds_success {
	width: 240px;
	height: 100px;
	border-radius: 16px;
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	text-align: center;
	z-index: 10;
	box-sizing: border-box;
	padding: 18px 0;
	display: none;
	animation: popup .3s
}

.ds_success s {
	width: 64px;
	display: inline-block;
	height: 64px;
	background: url(../image/ds_3.png) no-repeat center/cover;
	vertical-align: middle;
	margin-right: 6px
}

.ds_success .ds_tip {
	display: inline-block;
	vertical-align: middle;
	min-width: 110px;
	text-align: left;
}

.ds_success h4 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.ds_success p {
	color: rgba(51, 51, 51, .6);
	font-size: 14px;
}

@font-face {
	font-family: moneyNumber;
	src: url('https://www.gashw.com/static/fonts/coregtd6.otf'),
		url('https://www.gashw.com/static/fonts/coregtd6.TTF'),
		url('../font/coregtd6.svg'),
		url('../font/coregtd6.woff');
	/* IE9 */
}

/* .JubaoPopBox{width: 670px !important; height: 520px !important;} */
.JubaoPopBox .JubaoPop {
	border-radius: 8px;
}

.JubaoPopBox .JubaoPop .ui_title {
	font-size: 20px;
	color: #222;
	font-weight: bold;
	text-align: center;
	background: none;
	border: none;
	padding: 0;
	padding-top: 16px;
	margin-bottom: 20px;
}




/* 20220628 隐私通话 s*/

#private_phone_container {
	position: relative;
	z-index: 1003;
}

.private_phone_mask {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
}

.private_phone_pop {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	animation: popup .3s ease-in-out;
	border-radius: 6px;
	background-color: #fff;
	box-sizing: border-box;
}

.private_phone_LoginByMsg {
	width: 480px;
	height: 320px;
	padding: 20px 24px;
}

.close_priveta_phone_pop {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../image/private_phone_close_pc.png) no-repeat center/cover;
	position: absolute;
	right: 10px;
	top: 10px;
}

/* .private_phone_header{padding: ;} */
.private_phone_pop .noClick {
	pointer-events: none;
}

.private_phone_header h3 {
	font-size: 20px;
	color: #212121;
}

.private_phone_header p,
.private_phone_header h3 span.private_phone_text {
	font-size: 13px;
	color: #808080;
	margin-top: 3px;
}

.private_phone_form {
	padding-top: 16px;
}

.private_phone_inputBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 280px;
	margin: 20px auto;
}

.private_phone_inputBox input {
	border: none;
	background: none;
	box-sizing: border-box;
	padding: 0 10px;
	width: 280px;
	height: 40px;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	background-color: #FCFCFC;
}

.private_phone_inputBox input:focus {
	outline: #FF9C1C solid 1px;
	border: solid 1px #fff;
}

.private_phone_inputBox .private_phone_vscode {
	width: 180px;
}

.private_phone_inputBox .pp_getCode {
	width: 94px;
	height: 40px;
	background: #F5F5F5;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 38px;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
}

.private_phone_btn {
	width: 280px;
	height: 46px;
	background: #FF9C1C;
	border-radius: 6px;
	font-size: 16px;
	margin: auto;
	border: none;
	display: block;
	color: #fff;
	margin-top: 40px;
	cursor: pointer;
	box-sizing: border-box;
}

.private_phone_btn:disabled {
	opacity: .5;
	cursor: not-allowed;
}

.private_phone_pop.fn-hide {
	display: none;
}

.private_phone_callPop {
	width: 580px;
	height: 420px;
	box-sizing: border-box;
	padding: 18px 22px;
}

.private_phone_header .priveta_phone_showTip {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../image/private_phone_tip.png) no-repeat center/cover;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	margin-bottom: 2px;
}

.private_phone_header .priveta_phone_showTip:hover .private_phone_tip {
	display: block;
}

.private_phone_header .showTipPhone:hover .private_phone_tip {
	display: block;
}

.private_phone_header .showTipPhone {
	position: relative;
	cursor: default;
}

.private_phone_header .showTipPhone::before {
	content: '';
	display: block;
	height: 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -8px;
}

.private_phone_header .showTipPhone .private_phone_tip {
	top: 30px;
	left: -40px;
}

.private_phone_btnGroup {
	margin-top: 28px;
}

.private_phone_btnGroup a {
	display: inline-flex;
	width: 230px;
	height: 58px;
	border-radius: 6px;
	align-items: center;
	cursor: default;
}

.private_phone_btnGroup a.private_phone_call_btn {
	width: 280px;
	background-color: #FFAB3E;
	vertical-align: middle
}

.private_phone_btnGroup a.private_phone_call_btn s {
	display: block;
	width: 60px;
	background: #FF9C1C url(../image/private_phone_call_icon.png) no-repeat center/40px;
	height: 58px;
	border-radius: 6px 0 0 6px;
}

.private_phone_btnGroup a.private_phone_call_btn span {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 58px;
	color: #fff;
	font-size: 20px;
}

.private_phone_btnGroup a.private_phone_cutDown {
	font-size: 14px;
	display: inline-flex;
	vertical-align: middle;
	background-color: #F7F7F7;
	text-align: center;
	justify-content: center;
	color: #666;
	margin-left: 10px;
}

.private_phone_btnGroup a.private_phone_cutDown span {
	color: #FA5D32;
}

.private_phone_QrCode {
	width: 160px;
	height: 160px;
	margin: auto;
	box-sizing: border-box;
	padding: 4px;
}

.private_phone_QrCode img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.private_phone_QrCodeBox {
	margin-top: 42px;
}

.private_phone_QrCodeBox p {
	font-size: 15px;
	color: #212121;
	text-align: center;
	margin-top: 16px;
}

.private_phone_QrCodeBox p span {
	color: #FA5D32;
}

.private_phone_loading {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 6px;
	background: rgba(0, 0, 0, .9);
	background-size: 25px;
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	z-index: 999
}

.private_phone_loading::before {
	content: '';
	background: url(../image/loading.png) no-repeat center;
	background-size: 40px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	animation: rotate_ 1s infinite linear;
}

.private_phone_tip {
	width: 330px;
	min-height: 90px;
	box-sizing: border-box;
	padding: 16px 18px;
	background: #FFFFFF;
	border: 1px solid #F2F2F2;
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	position: absolute;
	top: 18px;
	left: -98px;
	display: none;
	animation: topFadeIn .15s ease-in-out;
	cursor: text;
}

.private_phone_tip p {
	font-size: 12px;
	color: #666;
	line-height: 18px;
}

.private_phone_tip a {
	font-size: 12px;
	color: #FA5D32;
	display: inline-block;
	margin-top: 5px;
}

.private_phone_arr {
	position: absolute;
	left: 98px;
	top: -6px;
	width: 14px;
	height: 6px;
	background: url(../image/private_phone_arr_up.png) no-repeat center/cover;
}

.popErrAlert {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.popErrAlert p {
	margin-left: 0 !important;
	position: static;
	font-size: 14px
}

.popErrAlert {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10000001 !important;
	visibility: hidden;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	pointer-events: none;
}

.popErrAlert p {
	position: static;
	background-color: rgba(23, 23, 23, .9);
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	padding: 0 20px;
	z-index: 9999;
	left: 0;
	top: 50%;
	margin-top: -40px;
	text-align: center;
}

.geetest_panel_ghost {
	pointer-events: none;
}

@keyframes rotate_ {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* 20220628 隐私通话 e*/

/* 右下角聊天工具默认隐藏 */
.im-msg_tip,
.im-panel_box,
.im-tip_p,
.im-big_img,
.im-photo,
.im-notes_panel,
.im-video_box {
	display: none;
}