@charset "utf-8";
@import url(reset.css);
body {font-size: 100%;line-height: 1em;background: #f7f7f7;font-family: "Microsoft YaHei";overflow-y: auto;}
li {list-style: none;}
img {vertical-align: middle;}
.clear {clear: both;height: 0;width: 0;display: block;}
hr {height: 0;padding: 0;margin: 0;display: block;clear: both;}
.scroll {overflow: hidden;height: 100%;overflow-y: auto;}
input,textarea {font-family: Microsoft yahei;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 0.9rem;}
h1,h2 {font-weight: normal;display: inline-block;}
h1 {font-size: 1.1rem;}
a {color: #7f7f7f;}
.red {color: #e60012;}
.blue {color: #76d6f1;}
.orange {color: #fc9800;}
.yorange {color: #ec461f;}
.dorange {color: #d0662c;}
.gray {color: #9a9a99;}
.yellow {color: #f8bc1f;}
.pink {color: #fe8774;}
.brown {color: #997426;}
.dbrown {color: #a56231;}
.purple {color: #8a1184;}
.lblue {color: #4ecbcd;}
.lbrown {color: #ad6733;}
.ggreen {color: #7eb422;}
.shadow {background: #000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 15;opacity: 0.6;-moz-opacity: 0.6;filter: alpha(opacity=60);-khtml-opacity: 0.6;overflow: hidden;}

.omit {
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: keep-all;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
	vertical-align: middle;
}

.icon {
	display: inline-block;
	vertical-align: middle;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.btn {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 1rem;
	display: inline-block;
	text-align: center;
	line-height: 2.4rem;
	height: 2.6rem;
	font-size: 1rem;
	border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
}

.ifreal {
}

.active .ifreal {
}

.ifslot {
}

.active .ifslot {
}

.ifpt {
}

.active .ifpt {
}

.ifact {
}

.active .ifact {
}

.iservice {
	width: 1.8rem;
	height: 1.8rem;
	vertical-align: top;
	position: relative;
	top: 0.5rem;
}

.service {
	position: fixed;
	bottom: 4rem;
	right: 1rem;
	background: rgba(38,27,27,0.8);
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-mox-border-radius: 50%;
	box-shadow: 0 0 6px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.8);
}

.iuser {
}

.ipassword {
}

.btn_red {
	background: #ba000c;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
}

.btn_pink {
	background: #fe8774;
	color: #fff;
	border: 2px solid #fe8774;
}

.btn_gray {
	border: 2px solid #888888;
	color: #888888;
}

.btn_yellow,.btn_orange {
	color: #fff;
	height: 2rem;
	line-height: 2rem;
}

.btn_yellow {
	background: #f8bc1f;
}

.btn_orange {
	background: #fa6d06;
}

.img img {
	width: 100%;
}

p {
	text-align: justify;
	line-height: 1.2rem
}

.twoem {
	text-indent: 2em;
}

.none {
	display: none;
}

.padding {
	padding: 0;
}

.dpadding {
	padding: 2rem 1rem;
}

.wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	
	overflow-x:hidden;overflow-y:scroll
}

/* header */
.header {
	color: #fff;
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #2c2c2c;
	background: #313131;
	height: 1.8rem;
	line-height: 1.8rem;
}

.header .padding {
	padding: 0 0.8rem;
}

.header img {
	height: 2.4rem;
}

.header .btn {
	margin-left: 0.4rem;
}

.title {
	font-size: 0.9rem;
	color: #000000;
	height: 2.4rem;
	line-height: 2.4rem;
}

.title.graybg {
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	height: 2rem;
	line-height: 2rem;
}

.title .padding {
	padding: 0 0.8rem;
}

.passage_group {
	line-height: 2rem;
}

.p_title {
	margin-top: 0.4rem;
}



/* footer */
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	height: 3.4rem;
	background: #fff;
	border-top: 1px solid #d2d2d2;
	font-size: 90%;
	padding-top: 0.2rem;
	z-index: 10;
}

.footer a {
	display: inline-block;
	width: 25%;
	text-align: center;
	color: #454547;
}

.footer a.active {
	color: #fa6d06;
}

.footer .icon {
	width: 2rem;
	height: 2rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.2rem;
}

/* content */
.content {
	padding-top: 0.1rem;
	padding-bottom: 1px;
}

/* banner */
.banner {
	position: relative;
	overflow: hidden;
}

.banner .title {
	padding: 0.6rem 0;
}
/* Slider */
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
}

.slick-slide {
	display: block;
	float: left;
	height: 100%;
}

.slick-slide img,.ag_group img {
	max-height: 7rem;
	min-width: 100%;
}
/* Dots */
.slick-dots {
	position: absolute;
	bottom: 1%;
	display: block;
	width: 100%;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	background: rgba(245,245,245,0.8);
}

.slick-dots li button {
	text-indent: -9999em;
	background: none;
}

.slick-dots li.slick-active {
	background: #fff;
}

.slick-arrow {
	display: none;
}

.fast_group .box {
	text-align: center;
}

.fast_group .box img {
	width: 6rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.8rem;
}

.fast_group .box a {
	display: inline-block;
	width: 30%;
	border: 1px solid #e5e5e5;
	color: #474747;
	margin: 0.1rem;
	padding-top: 0.6rem;
	height: 7.6rem;
}

.list {
	line-height: 3rem;
	position: relative;
	text-align: center;
}

.list span {
}

.list span.gray {
	font-size: 0.8rem;
	width: 45%;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
}

.list span.omit {
	width: 55%;
}

.list li {
	border-bottom: 1px dashed #e3e3e3;
	padding: 0 0.4rem;
}

.ul_list,.ul_list2 {
	position: relative;
	list-style: none;
}

.pay_group {
	padding: 0 0.2rem;
}

.pay_group span {
	display: inline-block;
	width: 32.3%;
	text-align: left;
	padding: 0 0;
}

.pay_group span img {
	display: block;
	border: 1px solid #e5e5e5;
	padding: 0 0;
	max-height: 5rem;
	min-width: 98%
}

.safe_group {
	padding-top: 0.6rem;
	text-align: center;
	background-color: black;
}

.safe_group .left,.safe_group .right {
	width: 50%;
	display: inline-block;
}

.safe_group .left dl {
	border-right: 1px solid #eeeeee;
}

.safe_group dt,.safe_group dd {
	display: block;
	text-align: center;
}

.safe_group dd {
	margin-top: 0.6rem;
}

.safe_group dd span.gray {
	font-size: 0.9rem;
}

.safe_group h1 {
	line-height: 1.6rem;
	display: block;
	position: relative;
}

.safe_group h1 span {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	bottom: 0;
	font-size: 1.1rem;
}

.safe_group h1 i {
	font-style: normal;
	font-size: 1.6rem;
	font-weight: normal;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 0.2rem;
}

.pt_group .shadow {
	position: absolute;
	height: 1.6rem;
	line-height: 1.6rem;
	bottom: 0;
	top: auto;
	z-index: 1
}

.pt_group h2 {
	position: absolute;
	z-index: 2;
	width: 100%;
	text-align: center;
	bottom: 0.4rem;
	left: 0;
}

.pt_group .img {
	position: relative;
	text-align: center;
	border-top: 0.3rem solid #f8bc1f;
}

.pt_group .img img {
	min-height: 8rem;
}

.slot_group .tab {
	line-height: 2.4rem;
	font-size: 0.9rem;
	text-align: center;
}

.slot_group .tab .padding {
	padding-bottom: 0;
}

.slot_group .tab_bg {
	background: -moz-linear-gradient(top, #595959 0%, #181818 100%);
 /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(100%,#181818));
 /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #595959 0%,#181818 100%);
 /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #595959 0%,#181818 100%);
 /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #595959 0%,#181818 100%);
 /* IE10+ */
	background: linear-gradient(top, #595959 0%,#181818 100%);
}

.slot_group .tab a {
	color: #fffefe;
	display: inline-block;
	vertical-align: top;
	height: 2.4rem;
	width: 24%;
	text-align: center;
	border-right: 1px solid #d2d2d2;
}

.slot_group .tab a.active {
	color: #f8bc1f;
}

.slot_group .tab a:last-child {
	border: 0;
}

.slot_group .tab_box .padding {
	padding: 0 0.6rem 0.6rem 0.2rem;
}

.slot_group .tab_box a {
	display: inline-block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0.4rem  0  0 0.4rem;
}

.slot_group .tab_box img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 6rem;
}

.edit_form .padding {
	padding: 0 1.4rem 0 1rem;
}

.edit_form dt,.edit_form dd {
	display: inline-block;
	line-height: 3rem;
	vertical-align: middle;
}

.edit_form .padding {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}

.edit_form dl {
	clear: both;
	line-height: 3rem;
}

.search {
	background: #fff;
	border-bottom: 1px solid #cccccc;
}

.search .padding {
	padding: 0.6rem 1rem;
}

.search .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -0.5rem;
	margin-left: -4rem;
}

.search .search_input {
	height: 2rem;
	line-height: 2rem;
	border: 1px solid #cecece;
	border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	width: 100%;
	text-align: center;
	position: relative;
}

.search .search_input input[type=text] {
	color: #888888;
	border: 0;
	height: 2rem;
	line-height: 2rem;
	width: 98%;
	margin: 0 auto;
	display: block;
	text-align: center;
	font-size: 95%;
}
/*popup*/
.popup {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9999;
	-webkit-box-shadow: 0 0 20 rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 20 rgba(0,0,0,0.4);
	box-shadow: 0 0 20 rgba(0,0,0,0.4);
	background: #fff;
	width: 90%;
	margin-left: -45%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.popup .title {
	color: #fff;
	background: #313131;
	font-size: 1.1rem;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
}

.login_popup {
	margin-top: -40%;
}

.login_popup .t_content .padding {
	padding: 1rem 1.2rem;
}

.login_popup .t_content .icon {
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0.2rem 0 0.4rem;
	vertical-align: top;
	position: relative;
	top: 0.2rem;
}

.login_popup .t_content .input {
	margin: 0.6rem 0;
	border: 1px solid #dcdcdc;
	border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	height: 2rem;
	line-height: 2rem;
}

.login_popup .t_content .input input[type=text],.login_popup .input input[type=password] {
	border: 0;
	width: 80%;
	display: inline-block;
	vertical-align: top;
	height: 2rem;
	line-height: 2rem;
}

.login_popup .t_content .link {
	font-size: 0.9rem;
	margin-top: 0.4rem;
}

.login_popup .btn_group {
	margin-top: 2rem;
}

.login_popup .btn_group .btn {
	width: 98%;
}

.orangebg {
	background-color: #fde4d0;
}

.yellowbg {
	background-color: #fae8b1;
}

.bluebg {
	background-color: #4ecccd;
}

.purplebg {
	background-color: #bb62ad;
}

.whitebg {
	background-color: #fff;
}

.redbg {
	background-color: #ba000c;
}

.greenbg {
	background-color: #25b77e;
}

.brownbg {
	background-color: #ad6732;
}

.graybg {
	background-color: #f0f0f0;
}
/* overlie */
.right,.fr {
	float: right;
}

.left,.fl {
	float: left;
}

.margin1 {
	margin-top: 1rem;
}

.marginr1 {
	margin-right: 1rem;
}

.marginr2 {
	margin-right: 2rem;
}

.padding06 {
	padding-top: 0.6rem;
}

.marginp8 {
	margin-top: 80%;
}

.w80 {
	width: 80%;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

/**/
@media (min-width:640) {

	.login_popup {
		margin-top: 0;
	}
}

.announcement {background-color: #27211c;text-align: center;margin-top: 5px;z-index: 9;position: relative;padding: 4px 0}
.speaker {position: absolute;color: #f7f5f4;top: 0;left: 0;padding: 4px 0;font-size: 1.0rem;text-align: right;z-index: 10;width: 8rem;background: #27211c;}
.marquee {font-size: 1.0rem;color: #00e9e1;white-space: nowrap;padding: 1px 0;display: block;width: 100%;}