@charset "utf-8";
/* CSS Document */
html {
	width:100%;
	overflow-x:hidden;
}
body {
	width:100%;
	margin:0px;
	font-family:"Microsoft Yahei";
	font-size:12px;
	background:#fafafa;
	color:#333;
}
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd {
	margin:0;
	padding:0;
	border:0;
}
font, span, b, em {
	font-size:1em;
}
div:after, ul:after, li:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
p {
	line-height:22px;
	color:#333;
	font-weight:400;
	
}
dl, dt, dd, ul, ol {
	list-style-type:none;
}
select, input, img, select {
	vertical-align:middle;
	border:none;
}
input:focus {
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-modify:read-write-plaintext-only;
}
a {
	text-decoration:none;
	outline:none;
	color:#333
}
a:hover, a:active, a:focus {
	color:#20AE75
}
.clear {
	clear:both;
	font-size:0;
	height:0;
	visibility:hidden;
	overflow:hidden;
}
h1 {
	font-size:1.2em;
}
h2, h3, h4, h5, h6 {
	font-size:1.2em;
	line-height:22px;
}
h6 {
	text-align:center;
}
span, b, em, font {
	font-size:1em;
}
.wrapper{
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
}
.header {
	width:100%;
	height:46px;
	overflow:hidden;
	background:#fff;
        -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1); */
        -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
}
.logoText{ float:left;margin:.5rem 0rem 0rem .3rem;}
.logoText em{font-style: normal;}
#logo img {
        float:left;
	height:46px;
}
.hotgame {
	margin-top:10px;
	
}
.service {
	padding-bottom:60px;
}
.hot_tit {
	line-height:30px;
	background:#ccc
}
.hotgame .no {
	border-bottom:none
}
.hot_tit strong {
	float:left;
        padding:0px 10px;
	font-size:1.2em;
        font-weight:normal;
	margin-left:10px;
        background:#fff;
}
.hot_tit span {
	float:right;
}
.hot_tit a {
	margin-right:10px;
	color:#999
}
.hot_list ul {
	margin-left:1.4%
}
.hot_list li {
	float:left;
	line-height:25px;
	width:16%;
	margin:3% 0% 0% 3%;
	text-align:center;

}
.hot_list li img {
	width:100%;
       border-radius:1rem
}
.hot_list li em{ display:block;font-weight:bold; font-style:normal;height:30px;overflow:hidden;font-size:14px}
#result{padding-bottom:10px;overflow:hidden }
#result1{height:405px; padding-bottom:10px;overflow:hidden }
#loader{ opacity:0; margin:10px 0; text-align:center}
#loadMeinvMOre {
	    display:block;
        width: 30%;
		margin:1rem auto;
    	line-height:30px;
        background:#fff;
        border-radius:5px;
        border:1px solid #dcdcdc;
	    text-align:center;
        border-radius: 5px;
        box-shadow: 1px 1px 2px 0 rgba(0,0,0,.5);
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        transition: all .4s;
      
}
#loadMeinvMOre:hover{background:#FEA000; border:1px solid #f60;}
.service_list{ position:relative;}
.service_list li {
	border-bottom:1px solid #E6E7E9;
	margin-top:5px;
	height:50px;
        color:#000
}
.service_list li span {
	float:left;
	width:20%;
	text-align:center
}
.service_list li .s1 {
	width:20%;
        line-height:47px;
     
        height: 40px;
}
.service_list li .s2 {
	width:27%
}
.service_list li .s2 em, .service_list li .s3 em {
	float:left;
	margin:15px 0px 0px 20px;
	width:60%;
	font-style:normal
}
.service_list li .s3 {
	width:23%
}
.service_list li .s4{
	width:15%;
        margin-top:2.2%;
       
}
.service_list li .s4 img,.service_list li .s5 img{height:22px}
.service_list li .s5 {
	width:15%;
        margin-top:2.2%;
}
.footer {
	position:fixed;
	left:0;
	bottom:0;
	z-index:99;
	width:100%;
	height:150px;
	background:#fff;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	box-shadow: 0 0 10px #ccc;
}
.footer ul li {
	float: left;
	width:33.33%;
	text-align: center;
}
.footer ul li a {
        width:100%;
	color:#7D848B;
        border-right:1px solid #E6E7E9;
	font-size:14px;
}
.footer ul li a:hover {
	color:#ffa440
}
.footer ul li img {
	margin:5px 0px
}
.footer .f1 a{ display:block;background:url(../img/fh_coin.png) 50% 6px  no-repeat; color:#ffa440;background-size:27%;padding-top:35px;}

.footer .f2 a{  display:block;background:url(../img/f_coin1.png) 50% 6px no-repeat; padding-top:35px;background-size:35%}
.footer .f3 a{  display:block;background:url(../img/xf3.jpg) 50% 6px no-repeat; padding-top:35px;background-size:35%}
.footer .f4 a{  display:block;background:url(../img/f_coin3.png) 50% 6px no-repeat; padding-top:35px;background-size:40%}
.footer ul li em {
	display:block;
	font-style:normal
}
.copyright{   
    background:#fff; 
    text-align: center;
    line-height: 20px;
	}
/*banner*/
.swiper-container {
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1;
}
.swiper-slide {
	float: left;
	width:100%;
}
.swiper1, .swiper1 .swiper-slide {
	width: 100%;
	height: 170px;
}
.swiper-slide img {
	width:100%;
        height:170px
}
.pagination1 {
	width:100%;
	text-align: right;
	line-height:22px;
	position:absolute;
        bottom:0px;
	z-index:2;
}
.pagination1 .swiper-pagination-switch {
	display: inline-block;
	width: 13px;
	height: 13px;
	color: #fff;
	background: #fff;
	margin-right: 10px;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.pagination1 .swiper-active-switch {
         width:30px;
	border-radius:10px;
	background: #FFA100;
	color:#FFA100
}
/*game*/
.game_list {
    height: 640px;
    position: relative;
    top: 0px;
    overflow: scroll;
	
}
.game_list li {
	margin:10px;
	padding-bottom:10px;
	border-bottom:1px solid #E6E7E9
}

.game_list .down {
	float:right;
	width:15%;
	overflow-x:visible;
	margin:15px 5px 0px;
}
.game_list .down a {
	display:block;
	width:100%;
	height:28px;
	line-height:28px;
        border-radius:3px;
        border:1px solid #ADB0B1;
        box-shadow: 1px 1px 2px 0 rgba(0,0,0,.5);
	background:#F5F9FA;
	color:#4D4E53;
	transition: all 0.5s ease 0s;
	text-align:center
}
.game_list .down a:hover {
	background:#EBEFF1;
}
.game_list .cimg{
        float:left;
        width:20%;
        }
.game_list .con{
        float:left;
        line-height:15px;
        width:60%;
        height:60px;
        overflow:hidden
        }
.game_list li img {
	float:left;
        width:60px;
        height:60px;
	margin-right:10px;
        border-radius:1rem
}
.game_list li em {
	font-style:normal;
	display:block;
        color:#666
}
.game_list li .e01{font-size:15px;font-weight:bold;color:#000}
.game_list li i{
        font-size:12px;
        font-weight:normal;
	font-style:normal;
        color:#FFA313
}
.game_list li b {
	color:#f60;
	font-weight:normal
}


/*礼包码*/
.gifGet {
	color: #333;
	display: none;
	padding:1em 1.5em 1em 1.5em;
	background:#ffa440;
	text-align: left;
	z-index:1001;
}
.gifGet h1 {
	font-size:18px;
	padding-bottom:5px;
	text-align:center;
	border-bottom:1px dashed #ccc
}
.gifGet img{ height:13px}
.gifGet span {
	float:right
}
.gifGet span a {
        display: block;
        height: 30px;
        width: 30px;
	font-size:16px;
}
.gifGet input {
	margin:10px 10%;
        padding-left:5%;
	height:35px;
	line-height:35px;
	width:80%;
        border:1px solid #dcdcdc
}
.gifGet .text_p {
	padding-top:8px;
	line-height:28px;
	font-size:10pt;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	z-index: 1000;
	background: #000;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
}
.theme-popover {
	z-index: 9999;
	position: fixed;
	top: 45%;
	left:50%;
	width: 230px;
	height: 80px;
	margin: -40px 0 0 -145px;
	border-radius: 10px;
	border: 8px solid rgba(0,0,0,0.6);
	background: #fff;
	display: none;
	box-shadow: 0 0 10px #e0e0e0;
	behavior: url(PIE.htc);
}
.theme-popover p {
	margin-top: 10px;
	text-align: center
}
.theme-popover p strong {
	color: #f60
}
.footbanner{
	width:100%;
	background:url("../img/20170821.png") no-repeat;background-size:100% 100%;
}