.container-fluid {
	position: relative;
}
.con_top {
	z-index: 14;
	position: fixed;
	top: 0;
	width: 100%;
}
	.con_top img {
		width: 100%;
	}
	.con_top .top_btn {
		position: absolute;
		width: 25%;
		right: 2vw;
		top: 2.5vw;
	}
.banner {
	z-index: 3;
	position: relative;
	top: 13vw;
}
.banner img {
	width: 100%;
}
	.ban_btn img {
		position: absolute;
		bottom: 4vh;
		width: 75%;
	}
	.ban_btn1 img {
		left: 17%;
	}
.h5_game {
	position: relative;
	margin-top: 10vh;
}
	.h5_game img {
		margin-left: 30%;
		width: 40%;
	}

.new_title {
	position: relative;
	margin-top: 8vh;
}
	.new_title img {
		margin-left: 10%;
		width: 80%;
	}

.lunbo {
	position: relative;
	padding: 5vw 0;
}
.swiper-container {
	position: relative;
	margin-top: 3vh;

}
.swiper-container img {
	width: 100%;
}
	.lunbo .swiper-pagination {
		position: relative;
		margin-top: 5vh;
	}
	#lunbo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		background: url(./img/listli.png) no-repeat center;
		background-size: 100%;
		padding: 9px;
		opacity: 1;
	}
	#lunbo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
		 background: url(./img/actived.png) no-repeat;
	}
	/*.liactive {
		margin-left: 3vw; 
		width: 18px;
        height: 18px;
        float: left;
		background: url(./img/listli.png) no-repeat center;
        background-size: 100%; 
	}
	.liactived {
       background: url(./img/actived.png) no-repeat;
    }*/
.tab {
	position: relative;
	height: auto;
	width: 100%;
	margin: auto;
	margin-top: -4vw;
}
	.tab_line1 {
		z-index: 4;
		position: absolute;
		top: 9vh;
		width: 100%;
		height: 1.2px;
		background: #282633;
	}
	.tab_line2 {
		z-index: 4;
		position: absolute;
		top: 8vh;
		left: 5%;
		width: 90%;
		height: 1.2px;
		background: #A53249;
	}
	.tab_more {
		position: absolute;
		right: .5vh;
		top: 1.8vh;
	}
	.tab_more img {
		width: 5vh;
	}
		#myTab li img {
			z-index: 5;
			position: absolute;
			width: 7vw;
			top: 6vh;
			left: 2vh;
			display: none;
		}
.nav a {
	color: #43414F;
}
	.tab-content ul li {
		position: relative;
		display: block;
		padding: 10px 15px;
		/*margin-bottom: -1px;*/
		background-color: #fff;
		border-bottom: 1px dashed gray; 
	}
	#myTab {
		border: none;
		margin-bottom: 5vh;
	}
	.nav {
		font-size: 2.8vh;
		margin-left: 4%;
	}
	.nav > li > a {
		padding: 10px 1vh;
	}
	#myTab .active a {
		border: none;
		color: #AB4055;
	}
	.list a {
		color: #8C8B8C;
	}
	.list div {
		color: #8C8B8C;
	}
	.txt-left {
		width: 80%;
	    text-align: left;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    word-break: break-all;
	    overflow: hidden;
	}
	.lastfooter {
		z-index: 3;
		position: relative;
		top: 3vh;
	}
		.weixin {
			z-index: 4;
			position: absolute;
			top: 3vh;
			left: 5vh;
			width: 15vh;
			height: 4vh;
			background: transparent;
		}
		.last_qq {
			position: absolute;
			width: 15vh;
			height: 4vh;
			top: 3vh;
			right: 8vh;
			background: transparent;
		}
		.weixin_cover {
			z-index: 20;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			display: none;
			background: rgba(21,21,21,.8);
		}
			.wx_ewm {
				z-index: 21;
				position: fixed;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				width: 50%;
				/*height: 20%;*/
			}
	.lastfooter img {
		width: 100%;
	}

	.footer_display {
		height: 13vh;
		background: #AB4055;
	}
	.fixed_footer {
		z-index: 10;
		position: fixed;
		bottom: 0px;
	}
	.fixed_footer img {
		width: 100%;
	}
.cover2,.cover3 {
	z-index: 15;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(21,21,21,.8);
}
/*.cover3 {
	display: block;
}*/
.c_content2,.c_content3 {
			z-index: 16;
		      position: fixed;
		      left: 0;
		      top: 0;
		      right: 0;
		      bottom: 0;
		      display: none;
		      margin: auto;
		    }

	.c_content2 {
      width: 80vw;
      height: 102vw;
    }
      .c_cont2_main {
        position: relative;
        width: 97%;
        height: 96%;
        margin: auto;
        text-align: center;
        background: url(./img/con2_bg.jpg);
      }
        .c_con2_title {
          margin-top: 3vh;
          width: 70%;
        }
        .c_con2_tab {
          width: 85%;
          height: 27vh;
          margin: 2vh auto;
        }
        	.phonetab {
        		padding: 0;
        		height: 100%;
        		width: 100%;
        	}
          .c_con_t_t1 {
          	position: relative;
            width: 100%;
            height: 6vh;
            line-height: 30px;
            background: #E5E5E5;
          }
            .c_con_t_t1 input {
              /*height: 30px;*/
              /*font-size: 1.2vh;*/
              border: 1px solid #A3A3A1;
            }
            .c_con_t_t1 ul li {
            	list-style: none;
            	padding: 0px;
            	margin: 0px;
              float: left;
              width: 50%;
              height: 100%;
              cursor: pointer;
            }
            .con_tab_active {
              background: black;
              color: white;
              height: 100%;
            }
            .c_con_input1 {
              height: 5vh;
              text-indent: 10px;
              width: 100%;
              line-height: 25px;
              font-size: .8rem;
              margin: 1vh 0;
            }
            .con2_yan {
            	height: 5vh;
            	width: 100%;
            	margin-bottom: 1vh;
            }
            .c_con_input2 {
              height: 5vh;
              text-indent: 10px;
              float: left;
              width: 55%;
              line-height: 25px;
              font-size: .8rem;
              margin-right: 3%;
            }
            .c_con_input3,.c_con_pic {
              float: left;
              width: 32%;
              height: 4.5vh;
              line-height: 25px;
              font-size: .8rem;
              box-sizing: content-box;
            }
        .con2_btn {
          width: 50%;
          cursor: pointer;
        }
        .con2_list {
          width: 90%;
          margin-left: 5%;
          margin-top: 1.5vh;
          height: 6vh;
          /*padding: 20px auto;*/
          border-top: 1px solid #B2B2B0;
        }
          .con2_list ul {
            margin-top: 1vh;
            margin-left: -7%;
            width: 100%;
          }
          .con2_list ul li {
            float: left;
            width: 20%;
            list-style: none;
            color: gray;
            /*font-size: 10px;*/
          }
          	.con2_list ul li img {
				width: 85%;
          	}

    /*.c_content3 {
    	display: block;
    }*/
    .c_content3 {
      width: 80vw;
      height: 55vw;
      text-align: center;
      background: url(./img/con3_bg.jpg) no-repeat;
    }
      .c_con3_title {
        margin-top: 6vw;
        width: 60%;
      }
      .c_con3_font1 {
        width: 85%;
        text-align: left;
        font-size: .8rem;
        margin: auto;
        margin-top: 5vw;
        color: #737371;
        line-height: 20px;
      }
      .c_con3_font2 {
        width: 60%;
        margin: auto;
        margin-top: 3vw;
        font-size: .9rem;
        letter-spacing: 2px;
      }
      	.c_con3_font2 img {
      		width: 18%;
      	}
	.di {
	width:100%;
	color: #333333;
	background-color: #DCC292;
	}	
.text-big{font-size:16px;}
.text-left{text-align:left;}
.game-icon{
    height: 60px;
    width: 60px;
}
.container {background-color:#fff;width:100%;max-width:100%;padding-bottom:10px;}
.padding-right{padding-right:10px;}
.padding-left{padding-left:10px;}
.padding-big-top{padding-top:20px;}
.clearfix, .layout, .container, .container-layout, .line, .line-small, .line-middle, .line-big, .nav-main, .nav-sub, .navbar{display:block;}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12{position:relative;min-height:1px;}
.margin-large-bottom{margin-bottom:30px;}
.container,.container-layout{margin:0 auto;padding:0 0px;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.padding-bottom{padding-bottom:10px;}
.text-center{text-align:center;}
.line{margin:0;padding:0;}
.xb1{width:8.33333333%;}.xb2{width:16.66666667%;}.xb3{width:25%;}.xb4{width:33.33333333%;}.xb5{width:41.66666667%;}.xb6{width:50%;}.xb7{width:58.33333333%;}.xb8{width:66.66666667%;}.xb9{width:75%;height:62px}.xb10{width:83.33333333%;}.xb11{width:91.66666667%;}.xb12{width:100%;}
.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12{float:left;}
body{font-size:16px;color:#333;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}
.text-small{font-size:12px;}
hr{background: #c34e4e;color:#cccccc;clear:both;float:none;width:100%;height:2px;margin-bottom:10px;border:none;-moz-box-sizing:content-box;box-sizing:content-box;}