*,
*:after,
*:before {
	box-sizing: border-box;
}

* {
	font-family: "Microsoft YaHei" !important;
}

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

body,
button,
input,
select,
textarea {
	font: 12px Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	color: #333;
	font-family: 'PingFang SC', 'Hei', Tahoma, Helvetica, arial, sans-serif;
}

address,
cite,
dfn,
em,
var {
	font-style: normal;
}

code,
kbd,
pre,
samp {
	font-family: courier new, courier, monospace;
}

small {
	font-size: 12px;
}

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

a {
	text-decoration: none;
	outline: none;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

legend {
	color: #000;
}

fieldset,
img {
	border: 0;
}

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

img {
	vertical-align: top;
	display: inline-block;
	background-color: transparent;
}

p {
	font-size: 13px;
	line-height: 1.6;
}

a {
	height: 100%;
}

.recommended a,
.tooltip a,
.bottom_text a,
.columns_70 a,
#select_3 a,
.login_footer a {
	display: inline;
}

.login_footer a {
	color: #333333;
}

#select_3 a {
	color: #333333;
}

.clearfix {
	*zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

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

.banner_text {
	text-align: center;
}

.banner_text p {
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	line-height: 120px;
}

.banner_text strong {
	font-size: 48px;
	color: #19B955;
	margin-right: 10px;
}

.mainIndex_title {
	width: 1200px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #353535;
}

@media screen and (min-width:1100px) {
	.ad_container {
		width: 1200px;
		margin: 30px auto;
	}

	.mob_buyMember {
		display: none !important;
	}

	.mobile_menu {
		display: none;
	}

	.mobile_menu_container {
		display: none;
	}

	.mobile-nav {
		display: none;
	}

	.mobImg {
		display: none;
	}

	.pcImg {
		display: block;
	}

	.sweet-cancel {
		border-radius: 4px;
		width: 100px;
		font-size: 14px;
	}

	.gradient-primary {
		background-color: #ff6d01;
		background-image: -moz-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
		background-image: -webkit-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
		background-image: -ms-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
		background-image: linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
	}

	.ui-btn {
		display: inline-block;
		padding: 6px 12px;
		line-height: 18px;
		border: 1px solid #ff6d01;
		border-radius: 3px;
		color: #ff6d01;
		background-color: #fff;
		cursor: pointer;
		vertical-align: middle;
		text-align: center;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}

	.layout-wrap {
		width: 1200px;
		position: relative;
		margin: 0 auto;
		padding: 43px auto;
	}

	.browser-tip p {
		text-align: center;
		color: #fff;
	}

	.mod-topbar {
		height: 28px;
		background: #666;
		padding: 6px 0;
		font-size: 12px;
		line-height: 16px;
		color: #a1a1a1;
		position: relative;
		z-index: 50;
	}

	.mod-topbar a {
		color: #fff;
		padding: 0 10px;
	}

	.mod-topbar .login,
	.mod-topbar .user-info {
		float: right;
	}

	.mod-topbar .user-info a {
		border-left: 1px solid #999;
	}

	.mod-topbar .user-info a:first-child {
		border-left: none;
	}

	.mod-topbar .user-info a:hover {
		color: #fff;
	}

	.mod-header,
	.mod-header .logo a,
	.mod-header .logo .logo-img,
	.mod-header .nav,
	.mod-header .nav-start-btn {
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.mod-header {
		margin: 0 auto;
		height: 50px;
		background: #19B955;
		z-index: 999;
	}

	.mod-header .logo {
		float: left;
		margin-right: 1px;
	}

	.mod-header .logo .logo-img {
		height: 45px;
		width: 165px;
		vertical-align: middle;
	}

	.mod-header .nav {
		position: absolute;
		top: 0;
	}

	.mod-header .nav>li {
		float: left;
		width: 120px;
		height: 50px;
		font-size: 12px;
	}

	.mod-header .nav>li>a {
		display: block;
		width: 120px;
		height: 50px;
		line-height: 50px;
		color: #fff !important;
		text-decoration: none;
		text-align: center;
	}

	.mod-header .nav>li>a:hover {
		background: #20c997;
	}

	.has-sub-long {
		position: relative;
	}

	.has-sub .sub-nav-long {
		position: absolute;
		left: -150px;
		width: 450px;
		box-shadow: 0px 0px 9px 0px rgba(170, 170, 170, 0.5);
		display: none;
	}

	.has-sub .sub-nav-long li {
		width: 150px;
		float: left;
	}

	.has-sub-longOne .sub-nav-long {
		width: 300px !important;
		left: -75px !important;
	}

	.sub-nav {
		box-shadow: 0px 0px 9px 0px rgba(170, 170, 170, 0.5);
		background: #fff;
		padding: 10px;
		box-sizing: border-box;
		display: flex;
		position: absolute;
		;
		z-index: 999999999999999999999999999 !important;
		min-width: 150px;
	}

	.sub-nav li {
		float: left;
		width: 130px;
		text-align: center;
	}

	.sub-nav li span {
		font-size: 16px;
		font-weight: bold;
		color: #19B955;
		padding-bottom: 8px;
		border-bottom: 1px solid #19B955;
		box-sizing: border-box;
		text-align: center;
		margin-left: 10px;
	}

	.sub-nav li .t_btn {
		width: 130px;
		margin-top: 15px;
	}

	.sub-nav li a {
		display: block;
		width: 100%;
		height: 30px;
		color: #000;
		font-size: 14px;
		text-align: center;
		line-height: 30px;
		box-sizing: border-box;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.sub-nav li a img {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin-top: -3px;
	}

	.sub-nav li a:hover {
		background: #19B955;
		color: #fff;
	}

	.nav_btn:hover {
		background: #20c997;
	}

	.mod-header .nav-start-btn {
		position: absolute;
		right: 0;
		top: 0;
		padding: 12px 20px;
		margin: 24px 0;
		font-size: 15px;
		color: #fff;
		text-decoration: none;
	}

	.ui-art,
	.ui-arb {
		position: relative;
		display: inline-block;
		height: 0;
		width: 0;
		line-height: 0;
		overflow: hidden;
		border-width: 4px;
		border-style: dashed dashed solid;
		border-color: transparent;
		background: url(/static/tool/img/jiantou-dowm.png) center center/14px auto no-repeat;
	}

	.xuanzhuan {
		transform: rotate(180deg);
		transition: transform 1s linear;
	}

	.manual:hover {
		background: #20c997;
	}

	.index_banner {
		width: 1200px;
		height: 120px;
		margin: 40px auto 40px;
		border-radius: 8px;
		overflow: hidden;
	}

	.swiper-container {
		width: 100%;
		height: 100%;
	}

	.swiper-container img {
		width: 100%;
		height: 100%;
	}

	.swiper-slideOne {
		width: 100%;
		height: 100%;
		background: url(/static/tool/img/banner1.png) center center no-repeat;
		background-size: 100% 100%;
	}

	.swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 0 !important;
	}

	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 4px 4px !important;
	}

	.swiper-pagination-bullet {
		display: inline-block;
		width: 9px !important;
		height: 9px !important;
		background: #fff !important;
		border: 1px solid rgba(204, 204, 204, 1) !important;
		border-radius: 50%;
		opacity: 1 !important;
	}

	.swiper-pagination-bullet-active {
		background: rgba(204, 204, 204, 1) !important;
	}

	*,
	*:after,
	*:before {
		box-sizing: border-box;
	}

	.mod-header .nav>li>a {
		display: block;
		font-size: 16px;
		color: #333;
		text-decoration: none;
	}

	.ui-arb {
		content: '';
		width: 14px;
		height: 11px;
		display: inline-block;
		margin-left: 2px;
	}

	.ui-arb {
		-webkit-transition: -webkit-transform 0.2s 0.2s;
		-moz-transition: -moz-transform 0.2s 0.2s;
		transition: transform 0.2s 0.2s;
	}

	.ui-arb.open {
		-webkit-transform: translateY(-4px) rotate(180deg);
		-moz-transform: translateY(-4px) rotate(180deg);
		transform: translateY(-4px) rotate(180deg);
	}

	.topfiled {
		color: #333333;
		background: #fff;
		width: 100%;
		height: 60px;
		line-height: 60px;
		border-bottom: 1px #B1B1B1 solid;
	}

	.header1 {
		width: 100%;
		background: #19B955;
		z-index: 999;
		position: relative;
	}

	.sooua_web {
		position: fixed;
		text-align: center;
		right: 5px;
		top: 320px;
		z-index: 99;
		border:solid 1px #E2E2E2;
	}
	.plus-title{
		padding:10px;
		font-size:16px;
		background:#f2f2f2}
	.sooua_web .t_web{width:130px;background:#ffffff }
	.sooua_web a{
		display: block;
		width: 100%;
		height: 30px;
		color: #000;
		font-size: 14px;
		text-align: center;
		line-height: 30px;
		box-sizing: border-box;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.sooua_web a:hover{
       color:#fff;
       background: #19B955;
	}
	.sooua_web #dele-web {
		color:#999;
		position: absolute;
		right: -15px;
		top: -2px;
		width: 50px;
		height: 20px;
		cursor: pointer;
	}




	.sooua_collect {
		position: fixed;
		width: 100px;
		height: 160px;
		right: 10px;
		top: 120px;
		z-index: 99;
		background: url(/static/tool/img/onlinedo_collect.png) center center no-repeat;
	}

	.sooua_collect span {
		position: absolute;
		right: 0px;
		top: 36px;
		width: 20px;
		height: 20px;
		background: url(../img/collect_close.png) center center no-repeat;
		cursor: pointer;
	}

	.topfiled:hover {
		color: #19B955;
	}

	.topOne {
		width: 1200px;
		height: 60px;
		line-height: 60px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	.topfiled .top-left {
		color: #BBBBBB;
		font-size: 16px;
	}

	.top-left img {
		width: 160px;
		height: 45px;
		vertical-align: middle;
		margin-top: -2px;
	}

	.top-left a {
		color: #BBBBBB;
	}

	.top-left a:hover {
		color: #BBBBBB;
	}

	.top-left-line {
		display: inline-block;
		width: 1px;
		height: 26px;
		background: #dddddd;
		margin-left: 15px;
		margin-right: 15px;
		vertical-align: middle;
		margin-top: -2px;
	}

	.top-right .noLogin {
		color: #19B955;
		font-size: 14px;
		line-height: 60px;
		text-align: right;
		cursor: pointer;
	}

	.top-right .top-right-word a {
		color: #333333;
		font-size: 14px;
	}

	.top-right-word img {
		vertical-align: middle;
		margin-top: -3px;
		margin-right: 5px;
	}

	.headImg img {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		vertical-align: middle;
		margin-top: -3px;
	}

	.headImg {
		position: relative;
	}

	.headImgBox {
		display: none;
		position: absolute;
		right: 0;
		top: 62px;
		background: #fff;
		width: 155px;
		height: 202px;
		box-shadow: 0px 0px 9px 0px rgba(170, 170, 170, 0.5);
		border-radius: 8px;
		z-index: 9999999999999999999999999;
	}

	.headImgBox-jiao {
		width: 20px;
		height: 20px;
		position: absolute;
		right: 15px;
		z-index: 160;
		top: -9px;
		background: #fff;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		box-shadow: 0px 0px 9px 0px rgba(170, 170, 170, 0.5);
	}

	.headImgBox-top {
		position: absolute;
		width: 100%;
		height: 50px;
		background: #fff;
		z-index: 999999;
		border-radius: 8px 8px 0 0;
		font-size: 14px;
		color: #555555;
		line-height: 50px;
		padding: 0 10px;
		box-sizing: border-box;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.headImgBox-top img {
		width: 40px;
		height: 40px;
		vertical-align: middle;
		margin-top: -2px;
		margin-right: 5px;
	}

	.headImgBox-list {
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		color: #333333;
		font-size: 14px;
		padding-left: 60px;
		box-sizing: border-box;
	}

	.headImgBox-list-line {
		width: 125px;
		height: 1px;
		background: #f5f5f5;
		margin: 0 auto;
	}

	.headImgBox-listOne {
		margin-top: 50px;
		background: url(../img/index/mine-nor.png) 28px center no-repeat;
	}

	.headImgBox-listOne:hover {
		color: #19B955;
		background: url(../img/index/mine-sel.png) #f5f5f5 28px center no-repeat;
	}

	.headImgBox-listTwo {
		background: url(../img/index/wenjian-nor.png) 28px center no-repeat;
	}

	.headImgBox-listTwo:hover {
		color: #19B955;
		background: url(../img/index/wenjian-sel.png) #f5f5f5 28px center no-repeat;
	}

	.headImgBox-listThree {
		border-bottom: none;
		background: url(../img/index/tuichu-nor.png) 28px center no-repeat;
	}

	.headImgBox-listThree:hover {
		color: #19B955;
		border-radius: 0 0 8px 8px;
		background: url(../img/index/tuichu-sel.png) #f5f5f5 28px center no-repeat;
	}

	.logo p {
		float: right;
		margin-left: 10px;
		color: #111111;
		font-size: 20px;
		line-height: 46px;
	}

	.login_btn {
		width: 100px;
		height: 46px;
		background: #19B955;
		border-radius: 4px;
		color: #FFFFFF;
		text-align: center;
		line-height: 46px;
		font-size: 20px;
		position: absolute;
		top: 41px;
		right: 0;
	}

	.login_btn a {
		text-decoration: none;
		color: #FFFFFF;
	}

	.login_btn:hover {
		background: #ff605d;
	}

	.login_btn:active {
		background: #aa0300;
	}

	.user_pic {
		position: absolute;
		top: 41px;
		right: 40px;
	}

	.user_pic img {
		width: 46px;
		height: 46px;
		border-radius: 50%;
	}

	.drop_menu {
		width: 186px;
		background: #ffffff;
		position: absolute;
		right: 0;
		padding: 13px 18px;
		height: 220px;
		z-index: 160;
		margin-top: 20px;
	}

	.drop_menu a {
		color: #333333;
		display: block;
	}

	.drop_menu a:hover {
		text-decoration: none;
		color: #ffffff;
	}

	.account_menu {
		width: 150px;
		margin: 0 auto;
	}

	.user_menu img {
		width: 46px;
		height: 46px;
		border-radius: 50%;
	}

	.user_menu p {
		float: right;
		color: #111111;
		font-size: 14px;
		line-height: 46px;
		width: 90px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.user_text {
		width: 150px;
		height: 45px;
		border-top: 1px #dcdcdc solid;
		text-align: center;
		line-height: 45px;
		font-size: 14px;
		color: #333333;
	}

	.user_text:hover {
		background: #19B955;
		border-top: none;
		color: #ffffff;
	}

	#icon_hot {
		top: -10%;
	}

	.triangle_border_left {
		width: 0;
		height: 0;
		border-bottom: 20px solid #ffffff;
		border-left: 20px solid transparent;
		position: absolute;
		right: 75px;
		z-index: 160;
	}

	.ja_init {
		z-index: 200;
		width: 185px;
		height: 220px;
		position: absolute;
		right: 0;
		display: none;
	}

	.on {
		color: #19B955 !important;
	}

	.first_nav {
		border-bottom: #19B955 1px solid;
		color: #19B955 !important;
	}

	.trigger_fan {
		transform: rotate(180deg) !important;
	}

	.prompt_conversion {
		width: 260px;
		background: #19B955;
		height: 60px;
		float: right;
		border-radius: 8px;
		padding: 8px 15px;
		margin: 25px 0;
	}

	.prompt_conversion p {
		color: #ffffff;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.triangle_border_right {
		width: 0;
		height: 0;
		border-bottom: 25px solid #19B955;
		border-left: 20px solid transparent;
		position: absolute;
		right: 70px;
		z-index: 160;
	}

	.complete_tip {
		position: absolute;
		right: 0;
		display: none;
		cursor: hand;
		cursor: pointer;
	}

	.sidenav {
		color: #19B955 !important;
	}

	.adapt_phone {
		display: none;
	}

	.header_2 {
		display: none;
	}

	.suspension {
		position: fixed;
		top: 60%;
		right: 0px;
		z-index: 1000;
		height: 258px;
		clear: both;
	}

	.bb {
		position: relative;
		width: 60px;
		height: 60px;
		border-radius: 4px;
		background-color: #333333;
		text-align: center;
		text-decoration: none;
		cursor: hand;
		cursor: pointer;
	}

	.bb:hover {
		background-color: #31445a;
	}

	.bbb {
		display: none;
	}

	.bb:hover .bbb {
		display: block;
		position: absolute;
		top: 0px;
		right: 53px;
		height: 60px;
		border-radius: 4px;
		background-color: #31445a;
		z-index: 1000;
		line-height: 60px;
		font-size: 14px;
		color: #ffffff;
		white-space: nowrap;
		padding-left: 8px;
		cursor: hand;
		cursor: pointer;
	}

	.suspension_left {
		position: fixed;
		top: 50%;
		left: 3px;
		z-index: 1000;
		height: 258px;
		clear: both;
	}

	.bb_left {
		position: relative;
		width: 60px;
		height: 60px;
		border-radius: 4px;
		background-color: #333333;
		text-align: center;
		text-decoration: none;
		cursor: hand;
		cursor: pointer;
	}

	.bb_left:hover {
		background-color: #31445a;
	}

	.bbb_left {
		display: none;
	}

	.bb_left:hover .bbb_left {
		padding-right: 10px;
		display: block;
		position: absolute;
		top: 0px;
		left: 53px;
		height: 60px;
		border-radius: 4px;
		background-color: #31445a;
		z-index: 1000;
		line-height: 60px;
		font-size: 14px;
		color: #ffffff;
		white-space: nowrap;
		padding-left: 8px;
		cursor: hand;
		cursor: pointer;
	}

	.commont {
		width: 1200px;
		height: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1100px) {
	.ad_container {
		width: 100%;
		margin: 30px auto;
	}

	.topfiled {
		position: relative;
	}

	.mobile_menu {
		display: block;
		position: fixed;
		width: 40px;
		height: 40px;
		right: 5px;
		top: 10px;
		text-align: center;
		background: #fff;
		box-shadow: 0 0 8px #ccc;
		border-radius: 50%;
		z-index: 99;
	}

	.mobile_menu img {
		margin-top: 5px;
	}

	.mobile_menu_container {
		position: fixed;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100vh;
		background: #0096FF;
		z-index: 999;
		color: #fff;
		overflow-y: auto;
	}

	.mobile_menu_container_top {
		width: 100%;
		height: 60px;
		line-height: 60px;
		font-size: 16px;
		padding: 0 10px;
		box-sizing: border-box;
		background: #036fd4;
		display: flex;
		justify-content: space-between;
		z-index: 9;
	}

	.mobile_menu_container_top img {
		margin-top: 15px;
	}

	.mobile_menu_container_list {}

	.mobile_menu_container_list,
	.mobile_menu_container_list li {
		width: 100%;
	}

	.mobile_menu_container_list li>a {
		display: block;
		font-size: 16px;
		color: #fff;
		width: 100%;
		height: 60px;
		line-height: 60px;
		position: relative;
		cursor: pointer;
		padding: 0 28px 0px 10px;
	}

	.mobile_menu_container_list li>a span:after {
		content: attr(data-after);
		display: block;
		width: 0;
		border-width: 8px;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
		position: absolute;
		right: 8px;
		top: 50%;
		margin-top: -4px;
	}

	.mobile_menu_container_list li>a.childreShow span:after {
		margin-top: -12px;
		border-color: transparent transparent #fff transparent;
	}

	.mobile_menu_container_list_detail {
		width: 100%;
		background: #fff;
		padding-bottom: 10px;
		box-sizing: border-box;
		display: none;
	}

	.mobile_menu_container_list_detail ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.mobile_menu_container_list_detail ul li {
		width: 33.333333333%;
		text-align: center;
		margin-top: 10px;
	}

	.mobile_menu_container_list_detail ul li span {
		width: 100%;
		color: #036fd4;
		display: block;
		font-size: 16px;
		font-weight: bold;
	}

	.mobile_menu_container_list_detail ul li a {
		display: block;
		width: 100%;
		color: #000;
		font-size: 14px;
		line-height: 30px;
	}

	.memberBtn {
		margin-left: 100px !important;
		padding: 0 !important;
	}

	.mob_buyMember {
		display: block;
	}

	.buyMember {
		display: none !important;
	}

	.topfiled {
		width: 100%;
		height: 60px;
		background: #f2f2f2;
		padding-left: 15px;
		box-sizing: border-box;
		line-height: 60px;
	}

	.top-left img {
		width: 100px;
		height: 25px;
		vertical-align: middle;
	}

	.top-left a {
		color: #666666;
	}

	.top-left-line {
		display: inline-block;
		width: 1px;
		height: 20px;
		background: #999999;
		vertical-align: middle;
		margin-right: 5px;
		margin-left: 5px;
	}

	.top-right,
	.adapt_phone,
	.muen_btnimg {
		display: none;
	}

	.mobile-nav {
		width: 100%;
		height: 36px;
		background: #fff;
	}

	.mobile-nav-list {
		display: flex;
	}

	.mobile-nav-list li {
		position: relative;
		flex: 4;
		line-height: 36px;
		text-align: center;
		font-size: 11px;
	}

	.mobile-nav-list div {
		flex: 2;
		text-align: center;
	}

	.mobile-nav-list div img {
		width: 20px;
		height: 20px;
		margin-top: 8px;
	}

	@keyframes tea_arrow {
		0% {
			transform: rotateZ(180deg);
		}

		25% {
			transform: rotateZ(135deg);
		}

		50% {
			transform: rotateZ(90deg);
		}

		75% {
			transform: rotateZ(45deg);
		}

		100% {
			transform: rotateZ(0deg);
		}
	}

	@keyframes tea_arrow1 {
		0% {
			transform: rotateZ(0deg);
		}

		25% {
			transform: rotateZ(45deg);
		}

		50% {
			transform: rotateZ(90deg);
		}

		75% {
			transform: rotateZ(135deg);
		}

		100% {
			transform: rotateZ(180deg);
		}
	}

	.tea_arrowDown {
		animation: tea_arrow 0.3s linear;
		transform-origin: 10px 10px;
		transform: rotateZ(0deg);
	}

	.tea_arrowUp {
		animation: tea_arrow1 0.3s linear;
		transform-origin: 10px 10px;
		transform: rotateZ(180deg);
	}

	.select_active {
		background: #19B955;
		color: #fff;
	}

	.navList {
		position: absolute;
		left: 0;
		top: 36px;
		background: #fff;
		width: 200%;
		z-index: 99999999999999999;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 9px 0px rgba(170, 170, 170, 0.5);
		border-radius: 4px;
	}

	.navListOne {
		width: 100% !important;
	}

	.navListOne a {
		width: 100% !important;
	}

	.navListTwo {
		width: 300% !important;
		left: -100%;
	}

	.navListTwo a {
		width: 33.33% !important;
	}

	.navList a {
		float: left;
		width: 50%;
		color: #333;
	}

	.index_banner {
		width: 100%;
	}

	.swiper-container {
		width: 100%;
	}

	.swiper-slide a {
		display: block;
		width: 100%;
	}

	.swiper-slide a img {
		width: 100%;
		height: auto;
	}

	.mobImg {
		display: block;
	}

	.pcImg {
		display: none;
	}

	.swiper-pagination-bullet-active {
		background: #999 !important;
	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 3px !important;
	}

	.swiper-slideOne {
		min-width: 120px;
		background: url(../img/mob-banner1.png) no-repeat;
		background-size: 100% 100%;
	}

	.banner_text {
		display: block !important;
	}

	.banner_text p {
		width: 80%;
		margin: 25px auto;
		font-size: 20px;
		line-height: 32px;
	}

	.banner_text strong {
		font-size: 24px;
		margin-right: 6px;
	}

	.order {
		text-align: left !important;
		padding-top: 0px !important;
		margin-bottom: 14px !important;
		padding-left: 16px !important;
		font-size: 16px !important;
		font-weight: bold;
	}

	.order span {
		width: 4px !important;
		height: 20px !important;
		border-radius: 4px !important;
		margin-right: 4px !important;
	}

	.icon_box {
		display: flex;
		flex-wrap: wrap;
	}

	.icon_box a {
		width: 22%;
		height: 80px;
		margin-right: 4%;
	}

	.icon_box a:nth-child(4n) {
		margin-right: 0;
	}

	.icon_img span {
		width: 40px !important;
		height: 40px !important;
	}

	.hotImg {
		width: 30px;
		height: 30px;
	}

	.icon_img {
		margin-top: 10px !important;
		height: 35px !important;
	}

	.icon_out p {
		font-size: 10px !important;
	}

	.suspension_left,
	.login_bannerleft {
		display: none;
	}

	.suspension {
		display: none;
	}

	ul.muen {
		padding: 0 10px;
		list-style: none;
		width: 260px;
		margin: 80px auto;
		clear: both;
	}

	ul.muen .list {
		font-size: 14px;
		border-bottom: 1px solid #324252;
		position: relative;
		width: 100%;
		box-sizing: border-box;
		height: 60px;
		vertical-align: sub;
		background: #19B955;
		clear: both;
	}

	ul.muen .list a {
		text-decoration: none;
		color: #fff;
		font-size: 16px;
		line-height: 60px;
		margin-left: 10px;
		display: block;
		width: 95%;
	}

	ul.muen .list .items {
		height: 0px;
		overflow: hidden;
	}

	ul.muen .list .items a {
		padding: 5px;
	}

	ul.muen .list .items a:hover {
		background-color: #3f5d79;
		color: #fff;
		transition: 300ms all;
	}

	ul.muen .list:last-child {
		border-bottom: none;
	}

	ul.muen .active>.items {
		display: block;
		background: #23313f;
		padding: 0px;
		height: auto;
		color: #fff;
		transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: all 200ms;
		clear: both;
		float: left;
		width: 100%;
	}

	ul.muen .active>.items li {
		padding: 0px;
		border-bottom: 1px solid #324252;
		list-style: none;
	}

	ul.muen .active>.items li:last-child {
		border-color: transparent;
		padding-bottom: 0px;
	}

	ul.muen .active>.items .active>.items {
		background-color: #2f4b67;
	}

	ul.muen .active>a {
		color: #ffffff;
		text-transform: uppercase;
		font-weight: bold;
	}

	ul.muen .active .list {
		background: #697d92;
	}

	ul.muen .active .list a {
		padding: 17px 0px 17px 45px;
	}

	.muen_mask {
		background-color: rgb(68, 68, 68);
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 20%;
		z-index: 50;
		display: none;
		overflow: auto !important;
	}

	.mod-header .logo {
		width: 237px;
		padding: 10px 20px;
		;
	}

	.mod-header {
		width: 100%;
	}

	.user_pic_1 {
		padding: 10px;
		position: absolute;
		top: 10px;
	}

	.adapt_phone,
	.adapt_phone_colse {
		display: none;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background: #ffffff;
		box-shadow: 1px 1px 10px 3px #dfdfdf;
		position: fixed;
		right: 20px;
		top: 10px;
		z-index: 200;
		cursor: pointer;
	}

	.complete_tip {
		position: absolute;
		right: 0;
		display: none;
	}

	.mod-header .logo .logo-img {
		height: 56px;
		width: 98px;
		vertical-align: middle;
	}

	.triangle_border_left {
		width: 0;
		height: 0;
		border-bottom: 20px solid #ffffff;
		border-right: 20px solid transparent;
		position: absolute;
		right: 180px;
		z-index: 160;
	}

	.ja_init {
		z-index: 200;
		width: 185px;
		height: 220px;
		position: fixed;
		top: 70px;
		right: 52px;
		display: none;
	}

	.drop_menu {
		width: 220px;
		background: #ffffff;
		position: absolute;
		right: 0;
		padding: 13px 18px;
		height: 230px;
		z-index: 160;
		margin-top: 20px;
	}

	.drop_menu a {
		color: #333333;
		display: block;
		font-size: 16px;
	}

	.drop_menu a:hover {
		text-decoration: none;
		color: #ffffff;
	}

	.user_menu img {
		width: 46px;
		height: 46px;
		border-radius: 50%;
	}

	.user_menu p {
		float: right;
		color: #111111;
		font-size: 16px;
		line-height: 46px;
		width: 120px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.user_text {
		width: 185px;
		height: 50px;
		border-top: 1px #dcdcdc solid;
		text-align: center;
		line-height: 50px;
		font-size: 14px;
		color: #333333;
	}

	.user_text:hover {
		background: #19B955;
		border-top: none;
		color: #ffffff;
	}

	#icon_hot {
		top: -10%;
	}

	.login_btn {
		width: 100px;
		height: 46px;
		background: #19B955;
		border-radius: 4px;
		color: #FFFFFF;
		text-align: center;
		line-height: 46px;
		font-size: 20px;
		position: absolute;
		top: 41px;
		right: 0;
	}

	.login_btn a {
		text-decoration: none;
		color: #FFFFFF;
	}

	.triangle_border_right {
		width: 0;
		height: 0;
		border-bottom: 25px solid #19B955;
		border-left: 20px solid transparent;
		position: absolute;
		right: 105px;
		z-index: 160;
	}

	.user_pic_1 img {
		width: 46px;
		height: 46px;
		border-radius: 50%;
	}

	.prompt_conversion {
		width: 260px;
		background: #19B955;
		height: 60px;
		float: right;
		border-radius: 8px;
		padding: 8px 15px;
		margin: 25px 0;
	}

	.prompt_conversion p {
		color: #ffffff;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.logo p {
		float: right;
		margin-left: 10px;
		color: #111111;
		font-size: 20px;
		line-height: 46px;
	}

	.header_1,
	.banner_text,
	.user_pic,
	.nav,
	.top {
		display: none
	}

	.login_btn {
		display: none;
	}

	.login_btn_1 {
		width: 100px;
		height: 46px;
		background: #FFFFFF;
		border-radius: 4px;
		text-align: center;
		line-height: 46px;
		font-size: 20px;
		position: absolute;
		top: 15px;
		left: 24px;
	}

	.login_btn_1 a {
		text-decoration: none;
		color: #19B955;
	}
}

.login_main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 9999999999;
	display: none;
}

.loginCenterBox {
	width: 600px;
	height: 400px;
	background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.loginClose:hover {
	color: #19B955;
}

.login {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 413px;
	height: 407px;
	background: #fff;
	box-shadow: 0 0 5px #999;
}

.loginClose {
	position: absolute;
	top: -25px;
	right: -25px;
	width: 35px;
	height: 35px;
	font-size: 28px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
}

.loginActive {
	border-bottom: 1.5px solid #19B955;
}

.weiLogin {
	display: inline-block;
	margin-top: 20px;
	padding-bottom: 10px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
}

.otherLogin {
	position: absolute;
	bottom: 15px;
	left: 30px;
	font-size: 13px;
	cursor: pointer;
}

.otherLogin img {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-top: -6px;
}

.youxiangBox-top {
	width: 100%;
	height: 80px;
	margin-bottom: 40px;
}

.loginBack {
	width: 80px;
	height: 80px;
	background: url(/static/index/img/loginBack.png) center center no-repeat;
	background-size: 30px 30px;
	cursor: pointer;
}

.loginBack:hover {
	background: url(/static/index/img/loginBackone.png) center center no-repeat;
	background-size: 30px 30px;
}

.youxiangBox-title {
	font-size: 16px;
	margin-left: 95px;
	margin-top: 28px;
}

.weiLogin {
	margin-left: 30px;
}

.loginLine {
	display: inline-block;
	width: 1px;
	height: 24px;
	background: #aaaaaa;
	margin-left: 50px;
	vertical-align: middle;
}

.codeItem {
	position: relative;
	width: 85px;
	height: 25px;
	border: 1px solid #19B955;
	color: #19B955;
	font-size: 12px;
	text-align: center;
	line-height: 25px;
	margin-top: 10px;
}

.codeItemjiao {
	position: absolute;
	top: 6px;
	right: -4px;
	transform: rotate(45deg);
	width: 5px;
	height: 5px;
	border-top: 1px solid #19B955;
	border-right: 1px solid #19B955;
	background: #fff;
}

.weiLoginBox {
	width: 100%;
}

.weiCode {
	width: 200px;
	height: 200px;
	margin: 40px auto 15px;
}

.weiCode img {
	width: 100%;
	height: 100%;
}

.weiCodeSpan {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	text-align: center;
	color: #666;
	cursor: pointer;
	font-size: 16px;
	padding-top: 70px;
	box-sizing: border-box;
}

.weiCodeA {
	display: block;
	font-size: 14px;
	color: #3385ff;
}

.weiLoginBox p {
	width: 100%;
	text-align: center;
	font-size: 14px;
}

.phoneLoginBox {
	width: 100%;
}

.phoneInp,
.codeInp,
.mailInp,
.emailInp,
.mailcodeInp {
	outline: 0;
	border: none;
}

.phoneInp,
.mailInp,
.emailInp {
	display: block;
	width: 313px;
	height: 40px;
	border: 1px solid #aaaaaa;
	margin: 0 auto;
	box-sizing: border-box;
	line-height: 40px;
	padding-left: 40px;
	box-sizing: border-box;
	background: url(/static/index/img/shouji_icon.png) no-repeat 10px 4px;
}

.mailInp,
.emailInp {
	background: url(/static/index/img/youxiangdenglu.png) no-repeat 10px 4px;
}

.codeInp,
.mailcodeInp {
	width: 207px;
	height: 40px;
	line-height: 40px;
	padding-left: 40px;
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
	background: url(/static/index/img/suo_icon.png) no-repeat 10px 4px;
}

.getCode,
.getmailCode {
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: #999999;
	cursor: not-allowed;
}

.loginBtn,
.loginmailBtn {
	width: 313px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	background: #19B955;
	text-align: center;
	margin: 50px auto;
	color: #fff;
	cursor: pointer;
}

.phoneError,
.codeError,
.mailError,
.mailcodeError {
	width: 75%;
	margin: 0 auto;
	font-size: 12px;
	color: #19B955;
	margin-top: 5px;
}

.disabled {
	pointer-events: none;
}

.login-item {
	background: #19B955;
	height: 40px;
	width: 100%;
	color: #fff;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	margin-top: 1px;
}

.login-item img {
	width: 28px;
	height: 28px;
	margin-right: 10px;
	margin-top: -3px;
}

.fl {
	float: left;
}

.user-pay-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	transition: all .3s ease;
	z-index: 99999;
	overflow: auto;
}

.user-pay-content {
	position: relative;
	min-width: 800px;
	max-width: 800px;
	margin: 0 auto 50px;
	margin-top: 3vh;
	transition: all .3s ease;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-sizing: border-box;
	z-index: 999999;
}

.user-pay-header {
	background-color: #f2f2f2;
	padding: 10px;
	position: relative;
}

.user-pay-header .header-title {
	text-align: center;
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 0;
	color: #303133;
}

.user-pay-header span::before {
	position: absolute;
	right: 10px;
	top: 10px;
	content: '\2573';
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 18px;
	color: #909399;
	cursor: pointer;
}

.user-pay-header span:hover::before {
	color: #ff9263;
}

.user-pay-main {
	width: 100%;
	display: flex;
}

.user-pay-left {
	width: 24%;
	border: 1px solid #eee;
	background: url('/static/index/img/pay/VIP-bg-left.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.user-info-contain {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 23px 0 39px;
	border-bottom: 1px solid #eee;
}

.user-info-contain img {
	width: 76.5px;
	height: 76.5px;
	border-radius: 50%;
}

.user-info-contain .user-name {
	margin-top: 18px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	color: #111;
	margin-bottom: 0;
	line-height: 14px;
}

.user-info-contain .user-id,
.user-info-contain .user-member {
	margin-top: 18px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 14px;
	font-family: Microsoft YaHei;
	color: #111;
}

.vip-desc {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 40px 0 140px;
}

.vip-desc-item {
	width: 100%;
	padding-left: 43px;
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333;
}

.vip-desc-item .icon-success {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	margin-right: 18px;
	margin-bottom: 3px;
	background: #ffb703;
	border-radius: 50%;
	vertical-align: middle;
}

.vip-desc-item .icon-success::before {
	content: "\2714";
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	margin-left: 2px;
}

.user-pay-right {
	width: 76%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 15px 20px;
	background-image: url('/static/index/img/pay/VIP-bg-right.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	position: relative;
}

.user-pay-banner {
	display: block;
	width: 100%;
	height: 42px;
	margin-bottom: 15px;
	cursor: pointer;
}

.user-pay-banner img {
	width: 100%;
	height: 100%;
}

.payment-toggle {
	width: 240px;
	height: 40px;
	margin: 0 auto;
	margin-bottom: 20px;
	display: flex;
	font-size: 12px;
	line-height: 39px;
	text-align: center;
	color: #666666;
	overflow: hidden;
	cursor: pointer;
	margin-top: 18px;
	background-size: 36px 36px;
	position: relative;
}

.payment-toggle_personal,
.payment-toggle_business {
	width: 120px;
	text-align: center;
	border: 1px solid #eee;
}

.payment-toggle_personal {
	border-radius: 4px 0 0 4px;
	border-right: 0;
}

.payment-toggle_business {
	background: url('/static/index/img/pay/business_small.png') top right no-repeat;
	border-radius: 0 4px 4px 0;
}

.payment-toggle_personal.active,
.payment-toggle_business.active {
	background-color: #D4D8DA;
	color: #343434;
}

.payment-problem {
	position: absolute;
	left: 430px;
	top: 82px;
}

.payment-problem i {
	display: inline-block;
	width: 26px;
	height: 26px;
	cursor: pointer;
	background: url('/static/index/img/pay/problem_2.png') center center no-repeat;
	background-size: 100% 100%;
}

.payment-problem i:hover {
	background: url('/static/index/img/pay/problem_1.png') center center no-repeat;
}

.payment-problem i:hover+.payment-problem-conent {
	display: block;
}

.payment-problem-conent {
	width: 212px;
	height: 100px;
	background: #ffb703;
	padding: 10px;
	box-sizing: border-box;
	z-index: 99;
	position: relative;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	top: 3px;
	right: 92px;
	display: none;
	border-radius: 5px;
}

.payment-problem-conent span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #ffb703;
	position: absolute;
	transform: rotate(45deg);
	top: -5px;
	left: 100px;
}

.user-pay-price {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-height: 168px;
	margin-bottom: 0;
}

.user-pay-price .price-item {
	width: 150px;
	height: 100px;
	min-width: 150px;
	margin-right: 30px;
	margin-bottom: 20px;
	border: 1px solid #ffe2ac;
	background-color: #fff7ef;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.user-pay-price .price-item.active .member-time {
	background: linear-gradient(-90deg, #ffbc50, #ffe2ad 98%);
	border-radius: 6px 6px 0 0;
}

.price-item .member-time {
	width: 101%;
	height: 29px;
	line-height: 29px;
	border-bottom: 1px solid #ffe2ac;
	margin-bottom: 0;
}

.price-item .member-price {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px 0 8px;
}

.member-price h1 {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	color: #111;
	line-height: 18px;
	margin: 0;
}

.member-price span {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999;
	margin-top: 20px;
	line-height: 12px;
}

.price-item .g_describe_desc {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 16px;
	color: #FFF;
	line-height: 16px;
	transform: translateY(-8px);
	font-size: 12px;
	background: #ff9263;
	border-radius: 8px 0 8px 0;
}

.price-item .g_discount {
	position: absolute;
	right: -6px;
	top: 28px;
	width: 48px;
	height: 22px;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	background: url('/static/index/img/pay/discount-bg.png');
	background-size: 100% 100%;
}

.price-title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #111;
}

.price-tip {
	margin-left: 18px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #bbb;
}

.enterpriseBuy {
	margin-left: 65px;
	color: #00b8ee;
	font-size: 12px;
}

.enterpriseBuy:hover {
	text-decoration: none;
}

.user-pay-foot {
	margin-bottom: 20px;
}

.user-pay-way {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.wechat_pay {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 124px;
	height: 34px;
	font-size: 14px;
	border: 1px solid #eee;
	color: rgb(96, 98, 102);
	border-radius: 6px;
	cursor: pointer;
}

.user-pay-way img {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 9px;
}

.wechat_pay.active {
	border: 1px solid #f4a323;
}

.alipay_pay {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 124px;
	height: 34px;
	font-size: 14px;
	margin-left: 20px;
	border: 1px solid #eee;
	color: rgb(96, 98, 102);
	border-radius: 6px;
	cursor: pointer;
}

.alipay_pay.active {
	border: 1px solid #f4a323;
}

.redeem-code {
	font-size: 14px;
	margin-left: 20px;
	text-decoration: underline;
	color: #555;
	cursor: pointer;
}

.qr-code-wrap {
	display: flex;
	min-height: 123px;
}

.pay-success {
	height: 100px;
	line-height: 100px;
	font-size: 25px;
	padding-left: 20px;
	color: green;
}

.agree-tips {
	width: 100%;
	height: 123px;
	text-align: left;
	line-height: 123px;
	font-size: 24px;
	font-weight: 700;
	color: #999;
}

.payment-qrcode {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 123px;
	height: 123px;
	margin-right: 20px;
	border: 1px dashed #ddd;
}

.qrcode-timeout {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 123px;
	height: 123px;
	margin-right: 10px;
	background-color: rgba(0, 0, 0, .7);
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	box-sizing: border-box;
}

.qrcode-timeout p {
	margin-bottom: 0;
}

.qrcode-timeout p:nth-child(2) {
	font-size: 14px;
	line-height: 14px;
	color: #3385ff;
	margin-top: 20px;
}

.wechat-pay-course,
.ali-pay-course {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 20px 0;
	margin-bottom: 0;
	color: rgb(96, 98, 102);
	font-size: 14px;
}

.wechat-pay-course img {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

.ali-pay-course img {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

.user-pay-issue {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	bottom: 10px;
}

.agreement-vip {
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 0;
}

.agreement-vip input {
	vertical-align: middle;
}

.agreement-title {
	color: #fe4800;
	font-size: 14px !important;
	line-height: 19px;
	padding-left: 10px;
	cursor: pointer;
}

.issue-solve {
	margin-left: 34px
}

.issue-solve span {
	color: rgb(96, 98, 102);
	font-size: 14px;
	margin-right: 3px;
}

.issue-solve a {
	color: rgb(96, 98, 102);
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	position: relative;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	padding: 0;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	margin-right: 3px;
}

.issue-solve a:hover {
	color: #fe4800;
	border-bottom: 1px solid #fe4800;
}

.issue-solve a:hover .issue-icon.help {
	background-image: url('/static/index/img/pay/icon-help-active.png');
}

.issue-solve a:hover .issue-icon.kefu {
	background-image: url('/static/index/img/pay/icon-kefu-active.png');
}

.issue-icon {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 6px;
	background-size: cover;
}

.issue-icon.help {
	background-image: url('/static/index/img/pay/icon-help.png');
}

.issue-icon.kefu {
	background-image: url('/static/index/img/pay/icon-kefu.png');
}

.membership-agreement {
	width: 76%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 15px 20px;
}

.membership-title {
	margin: 5px 0 18px;
	text-align: center;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	color: #111;
}

.membership-content {
	overflow: hidden;
	margin-bottom: 15px;
}

.membership-text {
	height: 388px;
	background: #f7f7f7;
	overflow: scroll;
	padding: 15px;
	margin-bottom: -17px;
}

.membership-text p {
	color: rgb(96, 98, 102);
	font-size: 12px;
	text-indent: 24px;
	line-height: 22px;
	margin-bottom: 0;
}

.membership-text h5 {
	font-size: 12px;
	text-indent: 24px;
	line-height: 22px;
	color: #111;
	font-weight: 700;
	margin-bottom: 0;
}

.membership-text span.text-bold {
	font-weight: 700;
}

.membership-text span.text-underline {
	text-decoration: underline;
}

.membership-topay {
	width: 96px;
	height: 40px;
	margin: 0 auto;
	margin-top: 5px;
	line-height: 40px;
	font-size: 14px;
	border-radius: 4px;
	color: #fff;
	background-image: linear-gradient(145deg, #ffb529, #f78c2f);
	text-align: center;
	cursor: pointer;
}

.tipbox-detail {
	width: 380px;
	border: 1px solid #ccc;
	position: relative;
	position: absolute;
	top: 118px;
	left: -120px;
	background: #fff;
	z-index: 999999;
	padding-bottom: 20px;
	border-radius: 5px;
	cursor: pointer;
}

.tipbox-detail .arrow {
	width: 24px;
	height: 40px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	position: absolute;
	left: 170px;
	top: -21px;
	z-index: -1;
}

.tipbox-header {
	display: flex;
	width: 340px;
	height: 60px;
	background: #e0e0e0;
	margin: 20px auto 0;
	border-radius: 10px;
}

.tipbox-header-left {
	height: 100%;
	width: 50px;
	margin-left: 30px;
}

.tipbox-header-left img {
	width: auto;
	height: 100%;
	vertical-align: middle;
}

.tipbox-header-right {
	width: 240px;
}

.tipbox-header-right p {
	font-size: 13px;
	line-height: 10px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0;
}

.tipbox-item {
	margin-top: 5px;
	margin-left: 10px;
	position: relative;
	text-align: left;
}

.tipbox-add {
	font-size: 35px;
	margin-right: 15px;
	position: absolute;
	left: -40px;
	top: 16px;
}

.tipbox-item h4 {
	font-size: 14px;
	line-height: 40px;
	width: 170px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 0;
	color: rgb(64, 64, 64);
	font-weight: 700;
	margin-top: 0;
}

.tipbox-item p {
	margin-bottom: 0;
	font-size: 12px;
	margin-bottom: 2px;
	color: #8B8B8B;
	line-height: 1;
}

.tipbox-item .tip-title {
	display: inline-block;
	width: 48px;
	height: 20px;
	text-align: right;
}

.tipbox-item .tip-price {
	color: #19B955;
}

.tipbox-hide {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	color: #8b8b8b;
	text-align: center;
	cursor: pointer;
	margin-bottom: 0;
}

.tipbox-hide img {
	width: 20px;
	height: 20px;
	margin-top: -3px;
	vertical-align: middle;
}

.tipbox-empty {
	position: absolute;
	top: 98px;
	width: 150px;
	height: 20px;
}

.memberBtn {
	width: 120px;
	cursor: pointer;
	margin-left: 675px;
	margin-right: 20px;
	display: flex;
	align-items: center;
	font-size: 14px;
	height: 100%;
	padding: 8px 0;
	margin-bottom: 5px;
	color: rgb(85, 85, 85);
}

.memberBtn:hover {
	color: #ff9263;
}

.memberBtn:active {
	color: #ff9263;
}

.memberBtn img {
	margin: 0 10px;
}

element.style {}

.btn-info.btn-fill {
	color: #FFFFFF;
	background-color: #23CCEF;
	opacity: 1;
	filter: alpha(opacity=100);
}

.btn.btn-fill {
	color: #FFFFFF;
	background-color: #888888;
	opacity: 1;
	filter: alpha(opacity=100);
}

.btn-info.btn-fill {
	background-color: #19B955 !important;
	border: none !important;
	border-radius: 4px;
	padding: 10px;
	width: 100px;
	font-size: 16px;
	line-height: 100%;
	margin-top: 20px;
}

* {
	padding: 0;
	margin: 0;
}

body,
html {
	background: #fff;
}

.footer-box {
	width: 100%;
	height: 360px;
	background: #F5F5F5;
	margin-top: 60px;
}

.footer_icon {
	width: 1200px;
	margin: 0 auto;
	clear: both;
}

.footer_icon_box {
	width: 280px;
	margin-right: 180px;
	float: left;
	margin-top: 90px;
}

.footer_icon_box p {
	color: #333333;
	font-size: 14px;
}

.footer_icon_img {
	margin: 0 auto;
	width: 60px;
}

#icon_title {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 23px;
}

.footer {
	width: 100%;
	clear: both;
	background: #333333 !important;
	padding: 51px 0;
	padding-bottom: 10px;
}

.footer_in {
	width: 1200px;
	margin: 0 auto;
}

.footer_text {
	width: 340px;
	margin-right: 90px;
	float: left;
	margin-bottom: 26px;
}

.footer_text .text_title {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 20px;
}

.footer_text p {
	color: #ccc;
	font-size: 16px;
	padding-bottom: 3px;
}

.fth {
	display: inline-block !important;
	color: #ccc !important;
	font-size: 16px !important;
	padding-bottom: 3px !important;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 360px;
}

.column_title {
	margin-top: 5px;
}

.footer_line {
	width: 1200px;
	padding: 15px 0;
	clear: both;
	margin: 0 auto;
	border-top: 1px #ccc solid;
}

.footer_line a {
	color: #ffffff;
	font-size: 16px;
}

.footer_line p {
	color: #ccc;
	font-size: 16px;
}

.bottom_text {
	color: #ffffff;
	text-align: center;
	margin-top: 45px;
	clear: both;
	border-top: 1px #ffffff solid;
	width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
}

.bottom_text p {
	font-size: 16px;
}

.bottom_text a {
	display: initial;
}

.fth:hover {
	color: #19B955 !important;
	cursor: pointer;
}

.footer_line a:hover {
	color: #19B955 !important;
}

.bei {
	color: #ffffff;
	text-decoration: none;
}

.line_f {
	display: initial
}

.sitemap-link {
	text-align: center;
	font-size: 12px;
	margin-top: 12px;
}

.w {
	width: 1200px;
	margin: 0 auto;
}

.bottom a {
	display: inline;
	color: #333333;
}

.bottom {
	width: 100%;
	background: #fff;
}

.bottom-top {
	height: 280px;
	border-bottom: 1px solid #dddddd;
}

.bottom-logo {
	margin-top: 60px;
	margin-left: 20px;
}

.bottom-middle {
	width: 250px;
	text-align: center;
}

.bottom-line {
	margin-top: 30px;
	margin-left: 120px;
	width: 1px;
	height: 210px;
	background: #dddddd;
}

.bottom-middle {
	margin-top: 60px;
	margin-left: 50px;
}

.bottom-middle p {
	margin-top: 5px;
	font-size: 14px;
}

.bottom-right {
	margin-top: 92px;
	margin-left: 60px;
}

.bottom-right p {
	font-size: 18px;
	margin-bottom: 5px;
	padding-left: 60px;
	box-sizing: border-box;
}

.bottom-right .qunhao {
	font-size: 14px;
	margin-top: 10px;
}

.bottom-right .qunhao a {
	margin-left: 5px;
}

.qunhao a img {
	z-index: 999999999999999999;
}

.vipLink {
	position: relative;
}

.vipLink:hover .vipImg {
	display: block;
}

.vipImg {
	display: none;
	position: absolute;
	left: 0px;
	top: 22px;
	width: 90px;
	height: 90px;
}

.bottom-d-left {
	width: 80px;
	text-align: center;
}

.bottom-d {
	margin-top: 30px;
	font-size: 12px;
	color: #555555;
}

.bottom-d-right {
	width: 1110px;
}

.bottom-d-right a {
	display: inline-block;
	height: 12px;
	line-height: 12px;
	color: #555555;
	margin-bottom: 11px;
	border-right: 1px solid #555555;
	padding-right: 10px;
	margin-right: 10px;
}

.bottom-d-right a:last-child {
	border-right: none;
}

.bottom-d-right a:hover {
	color: #19B955;
}

.bottom-jx {
	width: 100%;
	text-align: center;
	font-size: 14px;
}

.bottom-jx a {
	font-size: 14px;
}

.bottom-internet {
	width: 665px !important;
	margin: 30px auto 0px !important;
	padding-left: 115px;
}

.bottom-internet li {
	float: left;
	margin-right: 50px;
}

.list-first {
	margin-top: -3px;
}

.xieyi,
.yinsi,
.cookiecelue {
	border-left: 1px solid #666;
	margin-left: 10px;
	padding-left: 10px;
}

.bottom-jx a:hover {
	color: #666 !important;
}

.bottom-jx,
.bottom-jx a {
	width: 100%;
	height: 50px;
	line-height: 40px;
	color: #999
}

.agreement {
	margin-top: 70px;
}

.agreement h1 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 40px;
}

.agreement p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 18px;
	margin-top: 18px;
}

.agreement-title {
	font-size: 18px;
}

.agreement-list {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 18px;
	margin-top: 18px;
	text-indent: 2em;
}

.mob-bottom {
	display: none;
}

@media screen and (max-width:1100px) {
	.xiangjc {
		margin-top: 0px !important;
	}

	.bottom {
		display: none;
	}

	.footer {
		height: 100%;
		padding: 20px 10px;
	}

	.footer a,
	.bottom_text p,
	.footer_text p,
	.footer_line p {
		font-size: 14px !important;
	}

	.footer_icon {
		width: 95%;
		margin: auto;
	}

	.footer_icon_box {
		clear: both;
		width: 100%;
		margin-top: 20px;
		border-bottom: 1px solid #DDDDDD;
		padding-bottom: 20px;
		display: flex;
		box-sizing: border-box;
	}

	.footer_icon_box:last-child {
		border-bottom: none;
	}

	#icon_title {
		font-size: 14px;
		text-align: left;
		padding-top: 0;
		padding-bottom: 0;
	}

	.footer_icon_img img {
		width: 55px;
		height: 55px;
		margin-top: 8px;
	}

	.footer-box {
		margin-top: 40px;
		height: 380px;
		padding: 0 3.2%;
		box-sizing: border-box;
	}

	.footer_icon_right {
		margin-left: 6px;
	}

	.footer_icon_box p {
		text-align: left;
		font-size: 12px;
	}

	.footer_in {
		width: 100%;
	}

	.footer_text {
		clear: both;
		text-align: left;
		margin-left: 7%;
		width: 90%;
	}

	.footer_line {
		width: 100%;
		margin-left: 7%;
		width: 90%;
	}

	.bottom_text {
		width: 100%;
		;
		margin-left: 7%;
		width: 90%;
		margin-top: 20px;
	}

	.footer_text {
		margin-right: 0;
	}

	.footer a {
		width: 100%;
	}

	.mob-bottom {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 50px;
		background: #fff;
		display: flex;
		z-index: 9999999999999999999999999;
	}

	.mob-bottom li {
		width: 25%;
		height: 50px;
	}

	.mob-bottom li a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		color: #999999;
	}

	.mob-bottom li a p {
		font-size: 10px;
		margin-top: 4px;
	}

	.mob-bottom-active {
		color: #19B955;
		font-size: 10px !important;
	}

	.mob-bottom li a img {
		width: 20px;
		height: 20px;
		margin-top: 8px;
	}

	.not_banner div {
		width: 100% !important;
	}

	.not_banner div img {
		width: 100%;
	}

	.not_banner button {
		width: 50%;
		height: 40px;
		margin-top: 20px;
		line-height: 14px;
		font-size: 14px !important;
	}

	.not_banner button img {
		width: 20px;
		height: 20px;
	}
}