*{margin: 0;padding: 0;list-style: none;}
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;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
.overflow{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.red{ color: red; }
/*header*/
.header{ height: 3rem; line-height: 3rem; background: #c50c1e; }
.header i{ position: absolute; color: #fff; font-size: 1rem;}
.header .icon-back_light{ left: 3%; }
.header .header_title{ font-size: 1.2rem; text-align: center; color: #fff; }
/*资金*/
.moneybox{ background: #c50c1e; padding:1.5rem 0;}
.bgc{ background: #b60b1c; text-align: center; }
.moneysc div{ color: #fff; padding:0.5rem 1rem; font-size: 1rem; flex: 1; }

.moneynavs a{ width: 33.3%; text-align: center; color: #333; padding: 1.5rem 0; }
.moneynavs a i{ display: block; font-size: 2rem; }
.moneynavs a:nth-child(1) i{ color: #fbbe62; }
.moneynavs a:nth-child(2) i{ color: #ac4fed; }
.moneynavs a:nth-child(3) i{ color: #4bb7ea; }

.money_search{ padding: 0.5rem 3%; background: #efeff4; }
.money_search .search_l{ width: 20%; position: relative; background: #fff; }
.money_search .search_l .search01{ width: 80%; border:none; height: 2.5rem; line-height: 2.5rem; color: #999; background: none; text-align: center; }
.money_search .search_l i{ position: absolute; right: 0; top: 0.8rem; color: #999; font-size: 0.2rem; }
.money_search .search_l .search01_list{ position: absolute; top: 2.5rem; width: 100%; background: #fff; display: none; }
.money_search .search_l .search01_list span{ display: block; padding: 0.5rem 1rem; color: #333; font-size: 0.8rem; }
.money_search .search_m{ width: 50%; padding: 0 5%; position: relative; background: #fff; border:none; }
.money_search .search_m .search02{ width: 80%; background: none; border:none; padding:0.6rem 0;}
.money_search .search_m i{ position: absolute; right: 5%; top: 0.6rem; font-size: 1.4rem; color: #999; }
.searchbtn{ width: 20%; border:none; color: #fff; font-size: 1rem; background: #c50c1e; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

.monelist li{ border-bottom: 1px solid #eee; padding:0.5rem 3%; align-items: center; }
.money1{ width: 10%; text-align: center;}
.money2{ width: 48%;}
.money3{ width: 23%;}
.money4{ width: 16%; text-align: right;}
.money1,.money2,.money3,.money4{ font-size: 0.8rem; padding:0 1%;}
.money1 span{ margin-top: 15px; display: block; }
.money1 p{ margin-top: 0.58rem; }
.money2 div{ flex: 1; text-align: center; font-size: 0.8rem; position: relative;}
.money2 div img{ max-width: 37px; display: block; margin: 0 auto;}
.money2 div i{ position: absolute; right: 0; top: 25px; border-radius: 50%; background: #c53336; color: #fff; font-size: 0.4rem; padding:0.1rem; }
.money3{ position: relative; }
.money3 i{ position: absolute; right: 0; top: 0.4rem; color: #999; }
.money3 p,.money4 p{ font-size: 1rem; margin-top: 0.3rem;}
.money3 font,.money4 font{ display: block; margin-top: 0.5rem;}
.money4{ padding: 0; }
.money4 font{ color: #4bb7ea; }

.box_order{ border-radius: 5px; background: #fff; width: 84%; padding:1rem 3%; position:fixed; left: 5%; top: 20%; z-index: 9999; }
.box_order ul{ padding:0.5rem 0; }
.box_order ul li{padding:1rem 3%; text-align: center;}
.box_order ul li i{ margin-right: 0.5rem; }
.box_order ul li[data-id="1"] i{ color: red; }
.orderCbtns{ width: 100%; }
.orderCbtns a{ flex: 1; text-align: center; padding:0.5rem 0; border-top: 1px solid #eee; color: #333;}
.orderCbtns a:nth-last-child(1){ color: red; border-left: 1px solid #eee; }
.closemoney{ float: right; padding:0; font-size: 1.2rem; }

.moneyhande{ align-items: center; width: 70%; padding: 0 15% 1rem; border-bottom: 1px solid #eee;}
.moneyhande .w30{ width: 30%; text-align: center; position: relative;}
.moneyhande .w30 img{ max-width: 40px; display: block; margin: 0 auto 0.5rem; }
.moneyhande .w30 i{ position: absolute; right: 0; top: 20px; border-radius: 50%; font-size: 0.4rem; color: #fff; padding: 0.2rem; background: #ff0d68;}
.moneyhande .w5{ width: 5%; }
.orderchose li{ align-items: center; padding: 0.5rem 3%; }
.orderchose li .moneinfo_l{ width: 40%; font-size: 1rem; text-align: left; }
.orderchose li .moneinfo_r{ width: 60%; text-align: left;}

.moneymax{ align-items: center; padding:0 3% 1.5rem; }
.moneymax span{ color: #fff; flex: 1;}
.pull-right{ text-align: right; }

.moneyals{ padding:0 3%; text-align: center; align-items: center; }
.moneyals .moneyal_m{ flex: 1; }
.moneyals .moneyal_m:first-child{ border-right: 1px solid #e22638;}
.moneyals .moneyal_m p{ font-size: 1rem; margin-bottom: 1rem; color: #fff; }
.moneyals .moneyal_m font{ font-size: 2rem; color: #fff;}

.tabline{ padding: 1rem 3%; border-bottom: 1px solid #eee; }
.tabline a{ flex: 1; text-align: center; color: #666; }
.tabline a.active{ color: #c50c1e; }
.moneynavs a{ width: 50%; }
.hide{ display: none; }



.banner_zc img{ width: 100%; }
.zc_top{ position: fixed; z-index: 999; width: 100%; align-items: center; top: 0; height: 3rem; line-height: 3rem; background: #fff; border-bottom: 1px solid #ddd; }
.come_back,.share{ width: 15%; font-size: 1.4rem; text-align: center;}
.zcoff0{ background: none; border-bottom: none; }
.zc_top i{ color: #333; }
.zcoff0 i{ color: #fff; }
.zc_top .pagename{ text-indent: 0; }
.zcoff0 .pagename{ text-indent: -9999px; }
.pagename{ width: 70%; text-align: center; font-size: 1.2rem; }
.zc_text{ border-bottom: 1px solid #ddd; padding: 1rem 3%; }
.zc_text .Bname{ font-size: 1.2rem; width: 65%; margin-right: 5%; }
.zc_text .Bnamer{ width: 30%; text-align: right;}
.zc_text .Bnamer span{ margin-left: 10%; color: #999; }
.zc_text .Bnamer .red i{ color: red; }
.zc_text p{ font-size: 1rem; color: #999; margin-top: 0.5rem; }
.zzsc-container{
	margin: 0 auto;
	padding: 1.2em 0;
	text-align: center;
}
.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}
/* Header */
.zzsc-header{
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
	background: #66677c;
}
.zzsc-header h1 {
	color: #D5D6E2;
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.zzsc-header h1 span {
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #c3c8cd;
}
/*nav*/
.zzsc-demo a{color: #1d7db1;text-decoration: none;}
.zzsc-demo{width: 100%;padding-bottom: 1.2em;}
.zzsc-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;}
.zzsc-demo a:hover{opacity: 0.6;}
.zzsc-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.zzsc-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.zzsc-links::after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: #dbdbdb;
	content: '';
	-webkit-transform: rotate3d(0,0,1,22.5deg);
	transform: rotate3d(0,0,1,22.5deg);
}

.zzsc-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0em 0;
	width: 1.5em;
	text-decoration: none;
}

.zzsc-icon span {
	display: none;
}

.zzsc-icon:before {
	margin: 0 5px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
/* footer */
.zzsc-footer{width: 100%;padding-top: 10px;}
.zzsc-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
	color: #fff;
	background: #494A5F;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}
.related a:hover img,
.related a:active img {
	opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;}
.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-zzsc-home-outline:before {
	content: "\e5000";
}

.icon-zzsc-arrow-forward-outline:before {
	content: "\e5001";
}
.chartss p{ line-height: 1rem; margin-top: 0.5rem; }
.chartss p i{ width: 1rem; height: 1rem; display: inline-block; vertical-align: middle; margin-right: 0.5rem; }

.chartsK{ height: 8rem; }
.Tosignup{ padding: 1rem 3%; border-top: 1px solid #ddd;}
.Tosignup .Tosignup_l{ width: 70%; }
.Tosignup .Tosignup_l .imgszc{ width:2rem; height: 2rem; border-radius: 50%; overflow: hidden; display: inline-block; }
.Tosignup .Tosignup_l .imgszc img{ width: 100%; }
.Tosignup .Tosignup_r{ text-align: right; line-height: 2rem; width: 30%; color: #ff3f3f; }
.timespan{ background: #efefef; padding: 1rem 3%; text-align: center; }
.time_l{ width: 50%; }
.timens,.timenb{ color: #ff3f3f; font-size: 1.2rem; margin: 0.5rem 0; }
.ntimrs{ padding: 1rem 3%; border-bottom: 1px solid #ddd; }
.ntimrs .ntimrs_l{ width: 25%; text-align: center;}
.ntimrs .ntimrs_l img{ max-width: 60%; margin: 0 auto; }
.ntimrs .ntimrs_r{ width: 70%; margin-left: 5%; }
.ntimrs .ntimrs_r p{ margin-bottom: 0.5rem;font-size: 0.9rem; }
.ntimrs .ntimrs_r div{ color: #da2c15; }
.colum{ padding: 1rem 3%; }
.colum .colum_t{ color: #c50c1e; position: relative; font-size: 1rem; padding-left: 0.5rem;}
.colum .colum_t:after{ content: ""; position: absolute; left: 0; top: 3px; width: 3px; height: 16px; background: #c50c1e; }
.colums{ margin: 0.5rem 2rem; }
.colums p{ width: 60%; }
.colums span{ width: 40%; }
.tips{ font-size: 1rem; color: #c50c1e; padding-top: 0.5rem; }
.mapadd{ padding: 1rem 3%; border-top: 0.5rem solid #eee; border-bottom: 1px solid #ddd;}
.informeition{ line-height: 180%; font-size: 1rem; margin: 1rem 0; }

.footers{ position: fixed; left: 0; bottom: 0; width: 100%; height: 3rem; line-height: 3rem; }
.footers a{ color: #fff; font-size: 1rem;  text-align: center;}
.footers .joins{ width: 70%; background: #c50c1e;}
.footers .players{ width: 30%; background: #ff7f00; color: #fff; text-align: center;}

.servershow{ margin-bottom: 0;}
.servershow li{ margin: 0.3rem 0;}
.servershow li span{margin-right: 0.5rem;}
.zc_top i.icon-likefill{ color: #c50c1e}

@media screen and (max-width: 50em) {
	.zzsc-header {
		padding: 3em 10% 4em;
	}
	.zzsc-header h1 {
        font-size:2em;
    }
}


@media screen and (max-width: 40em) {
	.zzsc-header h1 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 30em) {
    .zzsc-header h1 {
        font-size:1.2em;
    }
}