.wuyi-head{
    background:#e6426c;
    width:100%;
    height:490px;
}
 .wuyi-head.xibei{
    background:#f9f9f9;
    width:100%;
    height:766px;
}
.wu-body{width:100%;background:#f9f9f9;padding-top:140px;}
.wu-body.playWater{width:100%;background:#60aff2;padding-top:300px;}

.wuyi-box{
 
   width:1100px;
   margin:0 auto;
   padding-bottom:50px;
}
.slope-color{background:#f9f9f9;width:100%;height:200px;
box-shadow:0 -3px 5px rgba(182,52,86,0.4);
    position:absolute;
    left:0;
    top:590px;
    transform:skewY(-2deg) translateZ(0);
    -ms-transform:skewY(-2deg) translateZ(0); 	/* IE 9 */
    -moz-transform:skewY(-2deg) translateZ(0); 	/* Firefox */
    -webkit-transform:skewY(-2deg) translateZ(0); /* Safari 和 Chrome */
    -o-transform:skewY(-2deg) translateZ(0);
     }
.wuyi-banner-box {

  width: 1100px;
  height: 450px; 
  margin:0 auto;
  margin-bottom:80px;


  }
 .wuyi-banner-box .capital-img{
    transition:all 0.5s;
     transform: translate(230px, 0) ;
    -ms-transform: translate(230px, 0); 	/* IE 9 */
    -moz-transform: translate(230px, 0); 	/* Firefox */
    -webkit-transform:  translate(230px, 0); /* Safari 和 Chrome */
    -o-transform: translate(230px, 0); 
    margin-top:20px;
    
 }
.tab-box {width: 100%;height:auto; position:relative;margin-bottom:120px;}
.top{height:35px;line-height:30px; float:left; position:relative;}
.top li{font-size:20px;cursor:pointer;display:inline-block;margin:0 10px;padding:0 20px;color:#333;border-radius:15px;background-color:#fff;transition:all 0.3s;}
.top li:hover{box-shadow:0 0 8px #fffac6;}
.top li.active{background-color:yellow;color:#333;box-shadow:0 0 8px #f3f3f3;}
.top li a{text-decoration:none;}
.tab-box h2{
  font-size:20px;
  float:right;
  margin-right: 12px;
  display:inline-block;
  padding:0 10px;
  line-height:30px;
   height:30px;
  color:#333;
  border-radius:15px;
  background-color:yellow;
   position:relative;
  }
.tab-box h2 a{
    display:inline-block;
    padding:0 6px;
    height:24px;
    line-height:24px;
    border-radius:12px;
    background:#5f5f5f;
    color:#fff;
     font-size:14px;
     font-weight:900;
     position:relative;
     right:-6px;
     top:-3px;
     }  
.tab-box h2 a.mobile-wuyi-a{

    display:none;

    
}
.tab-box  section{
   min-height:400px;
   padding:10px;
 
   border-radius:5px;
   display:none;
   }
.tab-box-content > section:first-child{
  
   display:block;
 }

ul.tab-ul-content{width:100%;height:800px}
.m10{transition:all 0.3s;width:340px;height:336px;background:#fff;border-radius:5px;padding:5px;overflow:hidden;margin:0 13px 13px 0;float:left;position:relative;}
.m10:hover{box-shadow:0 0 10px #c0c0c0;}

.m10:first-child + li + li{margin-right:0;}
.m10:first-child + li + li + li + li+ li{margin-right:0;}
.m10 a img{width:100%;height:240px;border-radius:5px 5px 0 0;}
.mt10 a{font-size:16px;}
.wuyi-pb10 {display:inline-block;position:absolute;left:0px;top:12px;padding:3px 8px;background:yellow;color:#333;}

.wuyi-pb10 b{color: #333; font-size: 20px;}

.ljyd{transition:all 0.5s;background:#1fc167;font-size: 18px;font-weight:300;color:#fff;padding:0px 10px;height:30px;line-height:30px;border-radius:15px;position:absolute;right:5px;bottom:8px;}
.ljyd:hover{background:#16d992;box-shadow:0 0 6px #44f1b2;}
.godays{position:absolute;bottom:100px;left:5px;background: url(/images/nimgs/transparent_bg.png);color: #fff;padding:3px 5px;width:330px;}
.price_memo_s{position:absolute;top:12px;right:5px;background: url(/images/nimgs/transparent_bg.png);color: #fff;padding:3px 9px;border-radius:10px;overflow:hidden;}



/* 大转盘样式 */
.abanner{d
    isplay:block;
    margin:0 0 30px 110px;
    width: 310px;
	height: 310px;
    transform: translate(0px, 485px) scale(0);
    -ms-transform: translate(0px, 485px) scale(0); 	/* IE 9 */
    -moz-transform: translate(0px, 485px) scale(0); 	/* Firefox */
    -webkit-transform:  translate(0px, 485px) scale(0); /* Safari 和 Chrome */
    -o-transform: translate(0px, 485px) scale(0); 
    transition:all 0.5s;
    }
.abanner .turnplate{display:block;width:100%;position:relative;}
.abanner .turnplate canvas.aitem{width:100%;}
.abanner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}



/* Reset */

.htmleaf-container{
	margin: 0 auto;
}
.htmleaf-content{
	width: 450px;
	height: 310px;
	margin-top:30px;
	
	float:right;
  
}

.game-detail{

    cursor:pointer;
    background:yellow;
    padding:10px;
    position:relative;
    transform:rotate(-2deg) skew(-10deg)  translate(0px, 67px) ;
    -ms-transform:rotate(-2deg) skew(-10deg)  translate(0px, 67px); 	/* IE 9 */
    -moz-transform:rotate(-2deg) skew(-10deg)  translate(0px, 67px); 	/* Firefox */
    -webkit-transform:rotate(-2deg) skew(-10deg)  translate(0px, 67px); /* Safari 和 Chrome */
    -o-transform:rotate(-2deg) skew(-10deg)  translate(0px, 67px); 
   transition:all 0.5s;
   }
.game-detail::after{content:'';display:block;width:145px;height:97px;background:url(/images/nimgs/512-1.png) no-repeat;position:absolute;right:-40px;top:-140px;}   
   
   
.game-detail h2{background:yellow;padding:10px;display:inline-block;position:absolute;top:-40px;right:0;font-size:20px;font-weight:900;z-index:-1;}
.game-detail p{color:#333;font-size:14px;  position:relative;z-index:1;}

.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 */
.htmleaf-header{
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
	background: #66677c;
}
.htmleaf-header h1 {
	color: #D5D6E2;
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
}
.htmleaf-header h1 span {
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #c3c8cd;
}

/*nav*/
.htmleaf-demo a{color: #fff;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.htmleaf-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.htmleaf-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);
}

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

.htmleaf-icon span {
	display: none;
}

.htmleaf-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 */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-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;font-size: 1.2em}
.related a h3 {
	font-size: 0.85em;
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}
.tab_img00{position:absolute;left:-80px;top:-120px;z-index:0;}
.tab_img04{position:absolute;left:-80px;top:-230px;z-index:0;}
.tab_img01{position:absolute;left:-170px;top:-120px;z-index:0;}
.tab_img02{position:absolute;right:-170px;top:-210px;z-index:0;}




@media screen and (max-width: 1024px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}
	.htmleaf-header h1 {
        font-size:1.4em;
    }
    .htmleaf-links{font-size: 1.4em}
}

@media screen and (max-width: 960px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}
	.htmleaf-header h1 {
        font-size:1.2em;
    }
    .htmleaf-links{font-size: 1.2em}
    .related h3{font-size: 1em;}
	.related a h3 {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 766px) {
	.htmleaf-header h1 {
        font-size:1.3em;
    }
    .htmleaf-links{font-size: 1.3em}
}

@media screen and (max-width: 640px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}
	.htmleaf-header h1 {
        font-size:1em;
    }
    .htmleaf-links{font-size: 1em}
    .related h3{font-size: 0.8em;}
	.related a h3 {
		font-size: 0.6em;
	}
	.tab-box >img
	{display:none;
	    }
	.tab-box h2 a{display:none;}
.tab-box h2 a.mobile-wuyi-a{display:inline-block;}
}


@media(max-width:780px){
.wuyi-head 
{
   height: auto; 
}
 .wuyi-head.xibei{
    background:#f9f9f9;
    width:100%;
    height:auto;
}
.wu-body.playWater {
    width: 100%;
    background: #60aff2;
    padding-top: 60px;
}
.wuyi-head img
{
    width:100%;
}
.wuyi-banner-box {
    width: 100%;
    height:auto;
    margin: 0 auto;
    margin-bottom: 0px;
}
.tab-box h2 {display:none;}
.tab-box h2 a.mobile-wuyi-a{display:inline-block;}


.wuyi-banner-box .capital-img {
    width:90%;
    transform: translate(5%, 0);
    -ms-transform: translate(5%, 0);
    -moz-transform: translate(5%, 0);
    -webkit-transform: translate(5%, 0);
    -o-transform: translate(5%, 0);
}
.htmleaf-content {
    width: 100%;
    height:auto;
    margin-top: 0px;
    background: #e6426c;
     float: none;
}
.slope-color{
   display:none;
}

.abanner {
    margin: 0 0 0px 5%;
    width: 300px;
    height: 300px;
    transform: translate(0px, 0) scale(1); 
    -ms-transform: translate(0px, 0) scale(1);
    -moz-transform: translate(0px, 0) scale(1);
     -webkit-transform: translate(0px, 0) scale(1); 
    -o-transform: translate(0px, 0) scale(1);
   
}
.game-detail::after {

    width: 85px;
    height: 54px;
   background-size:cover;
    right: 20px;
    top: -60px;
}
.game-detail {
    background: none;
     transform: rotate(0) skew(0) translate(0px, 0); 
    -ms-transform: rotate(0) skew(0) translate(0px, 0);
    -moz-transform: rotate(0) skew(0) translate(0px, 0);
     -webkit-transform: rotate(0) skew(0) translate(0px, 0); 
    -o-transform: rotate(0) skew(0) translate(0px, 0);
}

.game-detail p{  
   color:#fff;
   }
.game-detail h2{display:none;}
   
.wu-body {

    padding-top:10px;
}
.wuyi-box {
    width: 100%;
    padding-bottom: 20px;
}
.wuyi-box img
{
    width:20%;
    }
.tab-box {
   
    margin-bottom:80px;
}
.tab_img01 {
  
    left: 0px;
    top: -20px;
  width:40%!important;
}
.tab_img02 {
  
    right: 0px;
    top: -60px;
  width:60%!important;
}
.m10 {

    width: 95%;
    height: 336px;
    margin: 0 0 10px 0;
    float: none;

}
ul.tab-ul-content {

     height: auto; 
}
.top
{
    height:auto;
    }
.top li {
    font-size: 1.5em;
    margin: 0 5px;
    padding: 0 5px;
    border-radius: 5px;

}
.tab-box h2 {
    font-size:2em;
    float: none;
    margin-right: auto;
   
    padding: 0 17px;
    line-height: 34px;
    color: #333;
    border-radius: 17px;
    background-color: yellow;
    position: absolute;
    left:3%;
    top:-2em;
}
.godays {
    position: absolute;
    bottom: 101px;
    left: 5px;
    background: url(/images/nimgs/transparent_bg.png);
    color: #fff;
    padding: 3px 5px;
     width: 94%;
}
}