@charset "UTF-8";
/* ================= contents =================	            	
============================================ */

body{
	background: #f5f5f5;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

img{
	max-width: 100%;
}
.bodyFlex {
    display: flex;
    flex-direction: column;
}
.t_l{
	text-align: left!important;
}
.t_c{
	text-align: center!important;
}
.t_r{
	text-align: right!important;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.h_hd{
	height: 100%;
}
.pst_rlt{
	position: relative;
}
.dispBlock{
	display: block!important;
}
.boxOvf_hide{
	height: 100%;
	overflow: hidden!important;
	box-sizing: border-box;
}
.boxOvf_auto{
	height: 100%;
	/* overflow: auto!important; */
}
.comMt{
	margin-top: 2.7%;
}
.colRed{
	color: #f22727!important;
}
.colOrange{
	color: #ff8f00!important;
}
.colBlue{
	color: #34a6fd!important;
}
.colGreen{
	color: #02bf14!important;
}
.bgWhite{
	background: #fff;
}
.bgBlue{
	background: #02aeee;
}
.bgG{
	background: #30b645;
}
.bgG_2{
	background: #77d13c;
}
.boxWrap{
	background: #f5f5f5;
	padding-top: 2.7%;
}

/*header*/
#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.header{
	background: #fa8e19;
	height: 37px;
	line-height: 37px;
	padding: 0 2.7%;
	color: #fff;
	position: relative;
}
.header h1{
	text-align: center;
	font-weight: normal;
	font-size: 15px;
	font-size: 1.5rem;
	height: 100%;
}
/*.topLogin{
	position: absolute;
	right: 8px;
	font-size: 12px;
	font-size: 1.2rem;
}
.topLogin a{
	color: #fff;
}*/

.ico_back{
	display: block;
	position: absolute;
	top: 0;
	left: 2.7%;
	font-family: 'FontAwesome';
}
.ico_back a:link, a:visited {
    color: #fff;
	text-decoration: none;
}
.ico_back:after{
	display: block;
	content: "\f104";
	font-size: 20px;
	font-size: 2.0rem;
}

.container{
	margin-top: 37px;
	margin-bottom: 15.7%;
}

.banner, .container{
	width: 100%;
	overflow: hidden;
}

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

.banImg, .banImg ul {
	width: 100%;
	height: 320px;
	overflow: hidden;
}

.banImg li {
	float: left;
	height: auto;
	text-align: center;
}

.banImg li a {
	display: block;
	height: auto;
}

.banIcon {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin-bottom: 2%;
	z-index: 99;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.banIcon a {
	display: inline-block;
	width: 1.3%;
	height: 0;
	padding: 0 0 1.3%;
	margin: 0 0.7%;
	text-indent: -9999px;
	background: #fff;
	border-radius: 50%;
	box-sizing: border-box;
}

.banIcon a.on {
	width: 4.4%;
	border-radius: 30px 30px 30px 30px;
}

/*SP*/
@media screen and (max-width:640px) {
	.banImg, .banImg ul{
		height: 137px;
	}
}
/*iphone6*/
@media (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){
	.banImg, .banImg ul{
		height: 160px;
	}
}
/*iphone6plus*/
@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){
	.banImg, .banImg ul{
		height: 177px;
	}
}

/*notice*/
/*.bulletin {
	background: url(../images/icon/ico_notice.png) no-repeat 2% center/3.7% auto #fff;
	margin-bottom: 2.7%;
	position: relative;
}
.bulletin marquee {
	margin: 3.3% 0 3.3% 8%;
	width: 85%;
	white-space:nowrap;
}

.bull-arrow {
	font-style: normal;
	font-family: 'FontAwesome';
	float: right;
	height: 100%;
}
.bull-arrow:after{
	display: block;
	content: '\f105';
	color: #bdbdbd;
	font-size: 14px;
	font-size: 1.4rem;
	position: absolute;
	top: 30%;
	right: 2.7%;
}*/
/*iphone6*/
/*@media (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){
	.bull-arrow:after{
		font-size: 16px;
		font-size: 1.6rem;
	}
}*/
/*iphone6plus*/
/*@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){
	.bull-arrow:after{
		font-size: 18px;
		font-size: 1.8rem;
	}
}*/

.boxItem{
	width: 100%;
	overflow: hidden;
	margin-top: 2.7%;
}


/*ttl*/
.ttl{
	font-weight: normal;
	line-height: 1;
	font-size: 11px;
	font-size: 1.1rem;
	padding: 2.7% 4%;
	border-bottom: 1px solid #e6e6e6;
}
.ttl:before{
	display: inline-block;
	content: '';
	width: 2px;
	height: 0;
	padding: 2% 0;
	background: #fa8e19;
	margin-right: 2.7%;
	vertical-align: -2px;
}
.ttl a.more{
	color: #ccc;
	font-size: 10px;
	font-size: 1.0rem;
	padding-top: 1%;
}

.ico_arrow{
	display: block;
    position: absolute;
    top: 35%;
    right: 4%;
    font-family: 'FontAwesome';
}
.ico_arrow:after{
	display: block;
	content: "\f105";
	font-size: 20px;
    font-size: 2.0rem;
	color: #ccc;
}

.ico_arrow_common{
	/* display: block; */
    /* position: absolute; */
    /* top: 4%; */
	right: 4%;
	float: right;
    font-family: 'FontAwesome';
}
.ico_arrow_common:after{
	/* display: block; */
	content: "\f105";
	font-size: 16px;
    /* font-size: 1.4rem; */
	color: #ccc;
}

.arrowDown:after{
	content: "\f107";
}

/*cz_logo*/
.cz_sexw{
	background: url(../images/logo/cz_sexw.png) no-repeat ;
	background-size:100% 100%;
}
.cz_shssl{
	background: url(../images/logo/cz_shssl.png) no-repeat ;
	background-size:100% 100%;
}
.cz_lucky{
	background: url(../images/logo/cz_lucky28.png) no-repeat ;
	background-size:100% 100%;
}
.cz_xy28{
	background: url(../images/logo/cz_xy28.png) no-repeat center center;
}
.cz_xyc{
	background: url(../images/logo/cz_xyc.png) no-repeat center center;
}
.cz_ssq{
	background: url(../images/logo/cz_ssq.png) no-repeat center center;
}
.cz_dlt{
	background: url(../images/logo/cz_dlt.png) no-repeat center center;
}
.cz_k3{
	background: url(../images/logo/cz_k3.png) no-repeat center center;
}
.cz_ahk3{
	background: url(../images/logo/cz_ahk3.png) no-repeat center center;
}
.cz_fjk3{
	background: url(../images/logo/cz_fjk3.png) no-repeat center center;
}
.cz_shk3{
	background: url(../images/logo/cz_shk3.png) no-repeat center center;
}
.cz_gsh3{
	background: url(../images/logo/cz_gsh3.png) no-repeat center center;
}
.cz_hbk3{
	background: url(../images/logo/cz_hbk3.png) no-repeat center center;
}
.cz_hnk3{
	background: url(../images/logo/cz_hnk3.png) no-repeat center center;
}
.cz_jsk3{
	background: url(../images/logo/cz_jsk3.png) no-repeat center center;
}
.cz_nmgk3{
	background: url(../images/logo/cz_nmgk3.png) no-repeat center center;
}
.cz_qhk3{
	background: url(../images/logo/cz_qhk3.png) no-repeat center center;
}
.cz_kl10{
	background: url(../images/logo/cz_kl10.png) no-repeat center center;
}
.cz_gdkl10{
	background: url(../images/logo/cz_gdkl10.png) no-repeat center center;
}
.cz_gxkl10{
	background: url(../images/logo/cz_gxkl10.png) no-repeat center center;
}
.cz_tjkl10{
	background: url(../images/logo/cz_tjkl10.png) no-repeat center center;
}
.cz_ynkl10{
	background: url(../images/logo/cz_ynkl10.png) no-repeat center center;
}
.cz_ssc{
	background: url(../images/logo/cz_ssc.png) no-repeat center center;
}
.cz_cqssc{
	background: url(../images/logo/cz_cqssc.png) no-repeat center center;
}
.cz_tjssc{
	background: url(../images/logo/cz_tjssc.png) no-repeat center center;
}
.cz_xjssc{
	background: url(../images/logo/cz_xjssc.png) no-repeat center center;
}
.cz_ynssc{
	background: url(../images/logo/cz_ynssc.png) no-repeat center center;
}
.cz_shssc{
	background: url(../images/logo/cz_shssc.png) no-repeat center center;
}
.cz_jxssc{
	background: url(../images/logo/cz_jxssc.png) no-repeat center center;
}
.cz_syxw{
	background: url(../images/logo/cz_syxw.png) no-repeat center center;
}
.cz_jssyxw{
	background: url(../images/logo/cz_jssyxw.png) no-repeat center center;
}
.cz_lnsyxw{
	background: url(../images/logo/cz_lnsyxw.png) no-repeat center center;
}
.cz_shsyxw{
	background: url(../images/logo/cz_shsyxw.png) no-repeat center center;
}
.cz_gdsyxw{
	background: url(../images/logo/cz_gdsyxw.png) no-repeat center center;
}
.cz_fsd{
	background: url(../images/logo/cz_fsd.png) no-repeat center center;
}
.cz_qlc{
	background: url(../images/logo/cz_qlc.png) no-repeat center center;
}
.cz_qxc{
	background: url(../images/logo/cz_qxc.png) no-repeat center center;
}
.cz_lucky28{
	background: url(../images/logo/cz_lucky28.png) no-repeat center center;
}
.cz_bj28{
	background: url(../images/logo/cz_bj28.png) no-repeat center center;
}
.cz_sfc{
	background: url(../images/logo/cz_sfc.png) no-repeat center center;
}
.cz_rx9c{
	background: url(../images/logo/cz_rx9c.png) no-repeat center center;
}
.cz_lhc{
	background: url(../images/logo/cz_lhc.png) no-repeat center center;
}
.cz_klpk{
	background: url(../images/logo/cz_klpk.png) no-repeat center center;
}
.cz_jclq{
	background: url(../images/logo/cz_jclq.png) no-repeat center center;
}
.cz_jczq{
	background: url(../images/logo/cz_jczq.png) no-repeat center center;
}
.cz_pk10{
	background: url(../images/logo/cz_pk10.png) no-repeat center center;
}
.cz_bjpk10{
	background: url(../images/logo/cz_bjpk10.png) no-repeat center center;
}
.cz_jczq{
	background: url(../images/logo/cz_jczq.png) no-repeat center center;
}
.cz_pls{
	background: url(../images/logo/cz_pls.png) no-repeat center center;
}
.cz_plw{
	background: url(../images/logo/cz_plw.png) no-repeat center center;
}
.cz_shssl{
	background: url(../images/logo/cz_shssl.png) no-repeat center center;
}
.cz_hlsfc{
	background: url(../images/logo/cz_hlsfc.png) no-repeat center center;
}
.cz_more{
	background: url(../images/logo/cz_more.png) no-repeat center center;
}
.cz_logo{
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size: 50px auto;
	border-radius: 50%;
}


/*footer*/
#footer{
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
}
.footer{
	background: #fff;
	height: 42px;
}
.footer ul{
	display: box;			  /* OLD - Android 4.4- */
	display: -webkit-box;	  /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;		 /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;	  /* TWEENER - IE 10 */
	display: -webkit-flex;	 /* NEW - Chrome */
	display: flex;
	padding: 1.6% 0 1.3%;
}
.footer ul li{
	-webkit-box-flex: 1;	  /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;		 /* OLD - Firefox 19- */
	width: 25%;			   /* For old syntax, otherwise collapses. */
	-webkit-flex: 1;		  /* Chrome */
	-ms-flex: 1;			  /* IE 10 */
	flex: 1;
	text-align: center;
}
.footer ul li a{
	display: block;
	color: #b2b2b2;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1;
}
.footer ul li em{
	display: inline-block;
	width: 100%;
	height: 18px;
	background-size: auto 18px;
}
.footer ul li p{
	padding-top: 2%;
}
.footer ul li.cur a{
	color: #fa8e19;
}
.ico_home{
	background: url(../images/icon/ico_home.png) no-repeat center top;
}
.ico_winInfo{
	background: url(../images/icon/ico_winInfo.png) no-repeat center top;
}
.ico_trend{
	background: url(../images/icon/ico_trend.png) no-repeat center top;
}
.ico_user{
	background: url(../images/icon/ico_user.png) no-repeat center top;
}
.ico_kf{
	background: url(../images/icon/ico_kf_online.png) no-repeat center top;
}
.cur .ico_home{
	background-image: url(../images/icon/ico_home_ah.png);
}
.cur .ico_winInfo{
	background-image: url(../images/icon/ico_winInfo_ah.png);
}
.cur .ico_trend{
	background-image: url(../images/icon/ico_trend_ah.png);
}
.cur .ico_user{
	background-image: url(../images/icon/ico_user_ah.png);
}

/*iphone6*/
@media (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){
	/*header*/
	.header{
		height: 44px;
		line-height: 44px;
	}
	.header h1{
		font-size: 18px;
		font-size: 1.8rem;
	}
	.container{
		margin-top: 44px;
	}
	/*ttl*/
	.ttl{
		font-size: 13px;
		font-size: 1.3rem;
	}
	/*cz_logo*/
	.cz_logo{
		width: 58px;
		height: 58px;
		background-size: 58px auto;
	}
	/*arrow*/
	.ico_back:after, .ico_arrow:after{
	    font-size: 22px;
	    font-size: 2.2rem;
	}

	/*footer*/
	.footer{
		height: 49px;
	}
	.footer ul li a{
		font-size: 12px;
		font-size: 1.2rem;
	}
	.footer ul li em{
		height: 20px;
		background-size: auto 20px;
	}

}

/*iphone6plus*/
@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){
	/*header*/
	.header{
		height: 48px;
		line-height: 48px;
	}
	.header h1{
		font-size: 20px;
		font-size: 2.0rem;
	}
	.container{
		margin-top: 48px;
	}
	/*ttl*/
	.ttl{
		font-size: 14px;
		font-size: 1.4rem;
	}
	/*cz_logo*/
	.cz_logo{
		width: 64px;
		height: 64px;
		background-size: 64px auto;
	}
	/*arrow*/
	.ico_back:after, .ico_arrow:after{
	    font-size: 24px;
	    font-size: 2.4rem;
	}

	/*footer*/
	.footer{
		height: 55px;
	}
	.footer ul li a{
		font-size: 13px;
		font-size: 1.3rem;
	}
	.footer ul li em{
		height: 22px;
		background-size: auto 22px;
	}
}

.more-icon { 
	background: url(/statics/mobile/common/images/icon/ico_all.png) no-repeat; 
	background-size:30px 30px; 
	/* margin: 2px 0 0 0;  */
	width:30px;
	height:30px;
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 9999;
}