/* 未能缩小。正在返回未缩小的内容。
(385,2): run-time error CSS1019: Unexpected token, found '}'
(997,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1009,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(1010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1033,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(1034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1045,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1430,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1442,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(1443,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1466,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(1467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1478,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1515,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1527,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(1528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1551,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(1552,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1563,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1564,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1730,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1742,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(1743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1766,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(1767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1778,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "utf-8";
*{ padding:0px; margin:0px;list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#333;  }
a:hover{ color:#ff8239;text-decoration:none; }
html{font:normal 14px/1.5 "microsoft yahei";position:relative; }
body{background:#fff; margin:0 auto;}
input,input:focus{outline:none;text-indent:5px}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*common css*/

.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}

/*top*/


/*index_focus*/
.index_focus {width:100%;position: relative; height:auto; padding-bottom:25px;}
.index_focus .focus_pic {width:100%; height:auto; overflow:hidden;overflow: hidden;}
.index_focus .focus_pic li {width:100%;float: left;text-align: center;position: relative;}
.index_focus .focus_pic li img {width:100%;vertical-align: middle;}
.index_focus .focus_btn {width:100%;position: absolute;bottom:0px;left:0;text-align:center;}
.index_focus .focus_btn li {width:10px;height:10px;background: #dfd7cc;display: inline-block;margin: 0 3px;cursor: pointer;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px;}
.index_focus .focus_btn li.on {background:#fe7a15;}
.video-icon {
  display: block;
  outline: none;
  position: absolute;
  top: 69%;
  left: 50%;
  margin: -36px 0 0 -36px;
    height: 72px;
    width: 72px;
    background: url(http://mm.6666.cn/images/spr.png?v=1);
    background-size: 346px 130px;
    background-position: -88px -58px;
  overflow: hidden;
  text-indent: -99999px;
  -moz-animation: breathing2 2.2s 0.01s infinite alternate linear;
  -webkit-animation: breathing2 2.2s 0.01s infinite alternate linear;
  -o-animation: breathing2 2.2s 0.01s infinite alternate linear;
  -ms-animation: breathing2 2.2s 0.01s infinite alternate linear;
  animation: breathing2 2.2s 0.01s infinite alternate linear;
}




/*service center*/
.service_box{ height:auto; padding:3% 0; margin:0 3%; text-align:center; overflow:hidden; border-radius:10px; border:1px solid #532f17; position:relative;-moz-box-shadow: 1px 4px 6px #532f17;
 -webkit-box-shadow: 1px 4px 6px #532f17;
 box-shadow: 1px 4px 6px #532f17;background-color:#614B27;}
.service_box ul{  height:auto; overflow:hidden; padding:0 10px;}

.service_box ul li{ width:32%; display:inline-block; overflow:hidden; }
.service_img{ width:60%; height:auto; overflow:hidden;margin: 0 auto;}
.service_img img { float:left; width:100%; height:auto; overflow:hidden; }
.service_box ul li P{ line-height:25px; text-align:center;  font-size:14px; color:#dfdfdf;}
.service_box  .tel{ color:#FF9E00; text-align:center;font-size:36px; font-weight:bold; line-height:28px; margin-top:10px;}
.service_box  .tips{ text-align:center; color:#FF9E00; margin-top:5px;}
.service_box .zx_btn{ width:60%; height:auto; overflow:hidden; margin:3% 20%; }
.service_box .zx_btn img{ width:100%; height:auto; overflow:hidden;}
.service_box .zx_btn a{ width:100%; height:100%; display:block;}

/*common problem*/
.common_problem{ width:94%; height:auto; overflow:hidden; margin:5% 3%;}
.common_problem ul{ width:100%; height:auto; overflow:hidden; margin-bottom:20px}
.common_problem ul li{ width:100%; line-height:50px; float:left; overflow:hidden; border-top:1px solid #e5e5e5;}
.common_problem ul li a:link,.common_problem ul li a:visited{ color:#545454;}
.common_problem ul li a:hover,.common_problem ul li a:active{ color:#ff8239;}


/*contact us*/


.contact_us{ width:100%; height:auto; overflow:hidden;}
.contact_us img{width:100%; height:auto; overflow:hidden;}
.contact_us .contact_info{ width:94%; height:auto; overflow:hidden; margin:0 3%; color:#545454;}





/*customer center*/
.customer_boxs{ width:95%; text-align:center; height:auto; padding:3% 0; margin:0 auto; overflow:hidden; border-radius:10px; border:1px solid #ecebeb; position:relative;-moz-box-shadow: 1px 4px 6px #cfc5c3;
 -webkit-box-shadow: 1px 4px 6px #cfc5c3;
 box-shadow: 1px 4px 6px #cfc5c3;}
.customer_box ul{width:90%; height:auto;  overflow:hidden; margin:0 auto;}


.customer_boxs ul li{ width:32%; display:inline-block; overflow:hidden; }
.customer_boxs ul li img { float:left; width:100%; height:auto; overflow:hidden; }
.customer_boxs ul li P{ line-height:25px; text-align:center;  font-size:14px; color:#dfdfdf;}


.customer_box{ height:auto; padding:3% 0; margin:0 3%; overflow:hidden; border-radius:10px; position:relative;}

.customer_box .tel{ color:#29485f; text-align:center;font-size:36px; font-weight:bold; line-height:28px; margin-top:10px; margin-bottom:15px}
.customer_box .tips{ text-align:center; color:#a6a7a8;height:35px }
.customer_box .tips img{  vertical-align:middle; margin-right:5px}
.customer_box .zx_btn{ width:60%; height:auto; overflow:hidden; margin:3% 20%; }
.customer_box .zx_btn img{ width:100%; height:auto; overflow:hidden;}
.customer_box .zx_btn a{ width:100%; height:100%; display:block;}
.more{display: block;outline: none; width: 36%; height: 28px; line-height:28px;border: 2px solid #ff7a39;    border-radius: 16px; -webkit-border-radius: 16px; color: #ff7a39; margin: 0 auto; text-align: center; margin:15px auto}
.more a{ color:#ff7a39; font-size:0.75rem; width:100%; height:100%; display:block}




/*activity*/
.hot_activity{height:auto;overflow:hidden; margin:0 6%; font-family:"microsoft yahei"; border-top:1px solid #e5e5e5;}
.hot_activity li{  width:88.13%; margin:0 auto; height:auto; padding:5% 0; overflow:hidden;}

.hot_activity li a:link,.hot_activity li a:visited{ color:#545454;}
.hot_activity li a:hover,.hot_activity li a:active{ color:#fe8125;}
.hot_activity li .pic{ width:100%; height:auto; overflow:hidden; position:relative;z-index:1;}
.hot_activity li .pic img{width:100%; height:auto; overflow:hidden; text-align:center;}
.hot_activity li .pic a{ width:100%; height:100%; display:block; }
.hot_activity li .pic .tips{ width:12.5%; height:12.5%; position:absolute; left:0px; top:0px; z-index:222; }
.hot_activity li .intro{ height:auto; overflow:hidden; margin-top:2%;}
.hot_activity li .intro .title{  line-height:30px; font-size:24px;}
.hot_activity li .intro .pub_date{ font-size:12px; color:#b2b2b2; line-height:30px;}
.hot_activity li .intro .nr{   line-height:25px; font-size:13px; color:#545454;}


/*load center*/
.dLoad{  height:auto;overflow:hidden;  font-family:"microsoft yahei"; border-top:1px solid #e5e5e5;}
.dLoad h5{ width:50%;  height:auto; overflow:hidden; margin:0 25%; text-align:center; color:#595959; }
.dLoad h5 .pic{ width:20%; margin-right:2%;}
.dLoad h5 .pic img{ width:100%; height:auto; }
.dLoad h5 .tt{ font-size:1rem;}
.dLoad .download_area{ width:95%; height:auto; margin:5% auto; overflow:hidden; text-align:center}
.download_area .d_img{ width:100%; height:100%; text-align:center;}
.download_area .d_img img{ width:80%; height:auto; margin:20px}
.download_area .d_title{ text-align:center; font-size:20px;color:#182c4d}
.button {
    width: 46%;
    height: auto;
    text-align: center;
	float:left;
    display: inline-block;
	margin:2%
	
   
}
.button  img{ width:100%; height:auto;}


.dLoad ul{ margin-bottom:20px;}
.dLoad ul li{ width:88.13%; margin:0 auto; height:auto; padding:5% 0; overflow:hidden;border-bottom:1px solid #f3f3f3;}

.dLoad ul li .dlc_left{float:left; width:25%;}
.dLoad ul li .dlc_left img{width:100%;height:auto; overflow:hidden;}
.dLoad ul li .dlc_right{float:left; width:70%;margin-left:5%; position:relative;}
.dLoad ul li .dlc_right h3{font-size:18px;font-weight:bold;line-height:30px;color: #4f4f4f;}
.dLoad ul li .dlc_right p{color:#a3a3a3;font-size:12px;line-height:25px;}
.dLoad ul li .dlc_right .xzyx{ width:42%; height:auto; overflow:hidden; float:left;}
.dLoad ul li .dlc_right .xzyx img{ width:100%; height:auto; overflow:hidden; }
.dLoad ul li .dlc_right a:hover{filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.top_tit{width:100%; margin:10px auto; height:auto; overflow:hidden;}
.wx_bg{width:85%; height:auto; overflow:hidden; margin:20px auto; background:#f5f5f5; }
.wx_bt{width:90%; height:auto; overflow:hidden; margin:10% auto; }
.wx_bt img{ width:100%; height:auto;}
.wx_bt .s{ padding-right:15px;}
.wx_ts{width:88%;  margin:3% auto; font-size:.8rem; color:#fe7a15; line-height:1.8;}
.down_ts{width:77%;  margin:0 auto; font-size:.8rem; color:#fe7a15; line-height:1.8;}




/*load game intro*/
.loadgame_intro{height:auto;overflow:hidden; margin:0 6%;}
.loadgame_intro  .title{ height:25px; overflow:hidden; border-left:4px solid #ff742a; text-indent:10px; font-size:20px; margin-bottom:15px }
.loadgame_intro .game_img { margin:5% 0px}
.loadgame_intro .game_img img{width:100%; height:auto; overflow:hidden; }
.loadgame_intro  .game_intro_cont{ line-height:128%; color:#909090; font-size:18px}
.loadgame_intro .game_box{width:100%; height:auto; padding:5% 0; overflow:hidden;border-bottom:1px solid #f3f3f3; border-top:1px solid #f3f3f3; }
.loadgame_intro .game_box .game_pic{float:left; width:25%; }
.loadgame_intro .game_box .game_pic img{width:100%; height:auto; overflow:hidden;}

.loadgame_intro .game_box .game_right{float:left; width:70%;margin-left:5%; position:relative;}

.loadgame_intro .game_box .game_right h3{font-size:18px;font-weight:normal;line-height:30px;color: #545454;}
.loadgame_intro .game_box .game_right p{color:#a3a3a3;font-size:12px;line-height:25px;}
.loadgame_intro .game_box .game_right .btn_box{ width:100%; height:auto; margin-top:10px; overflow:hidden;}
.loadgame_intro .game_box .game_right .load_btn{ width:42%; height:auto; overflow:hidden; float:left;}
.loadgame_intro .game_box .game_right .load_btn img{ width:100%; height:auto; overflow:hidden; }
.loadgame_intro .game_box .game_right a:hover{filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}




/*reg and login*/
.user_table{ width:100%;  height:auto; overflow:hidden; font-family:"Microsoft Yahei";}
.user_table .hd{width: 100%;height: 24px; padding: 9px 0 16px; text-align: center; font-size: 0;}
.user_table .hd ul li{ width: 22%;height: 24px;line-height:24px; margin:0 10%;font-size: 0.875rem;display: inline-block;}
.user_table .hd ul .on{ color:#fff;background:#ff7a16; border-radius: 12px; }
.user_table .hd ul .on a{ display:block; color:#fff;  }

.tabLoad .hd{ width:98%;height:50px; margin:0 auto;text-align: center;font-size: 0;font-family:"Microsoft Yahei";}
.tabLoad .hd ul{ overflow:hidden;}
.tabLoad .hd ul li{ width:45%; height:auto;line-height:2rem;font-size:.8rem; display: inline-block; }
.tabLoad .hd ul .on{ color:#fff;background:#ff7a16; border-radius:1.1rem; }
.tabLoad .hd ul .on a{ display:block; color:#fff;  }

.user_table .bd{ width:100%; height:auto; overflow:hidden;}


.user_table .tt_l{ height:40px; overflow:hidden;  line-height:38px; text-align:right;color:#545454; }
.user_table .inp{ width:100%; height:auto; overflow:hidden;border:1px solid #c5c4c4; line-height:38px; padding:0px 5px;color:#000;font-size:18px; border-radius:5px;}

.user_table .inp:hover{ border:1px solid #46b4e1; }

.user_table .yzm_inp{width:60%; height:auto; overflow:hidden; color:#000; border-radius:5px; border:1px solid #c5c4c4;line-height:38px; padding:0px 5px; font-size:18px; }
.user_table .yzm_inp:hover{ border:1px solid #46b4e1; }
.user_table .yzm_pic{ width:34%; height:auto; overflow:hidden; cursor:pointer;}
.user_table .yzm_pic a{width:100%; height:100%; display:block; }
.user_table .yzm_pic img{ width:100px; height:auto; overflow:hidden;}
.user_table .sub_btn{ width:70%; height:auto; overflow:hidden; border-radius:25px; font-size:24px; border:0;text-align:center; line-height:38px; color:#FFF; background:#fd7e3b;  font-family:"Microsoft Yahei";
}
.user_table .sub_btn:hover{ background:#fd8444; cursor:pointer;}

.user_table .get_yzm{width:30%; height:auto; text-align:center; overflow:hidden; color:#FFF; border-radius:5px; line-height:38px; text-align:center;  font-size:12px; background:#0ece3f;  font-family:"Microsoft Yahei"; margin-left:5px
}




/*about us*/


/*qi ye wen hua*/
.about_us{ width:100%; height:auto; overflow:hidden;}
.about_us_box{width:90%; height:auto; overflow:hidden; margin:0 5%; }
.about_us_box p{ font-size:14px; line-height:25px;font-family:"Microsoft Yahei";}
.about_us .title{ width:90%; height:auto; margin:0 5%; font-size:28px; line-height:28px; text-indent:10px; color:#545454; font-family:"Microsoft Yahei";  border-left:3px solid #ff742a; }
.culture{ width:90%; height:auto; overflow:hidden; margin:0 5%;}
.culture img{ width:100%; height:auto; overflow:hidden;}


/* ad */


.about_top{ width:90%; height:auto; overflow:hidden; margin:0 5%; position:relative; padding:15px 0; }
.about_top .line{ width:100%; height:50%;  position:absolute;z-index:20;  }
.about_top .xl{ left:0; top:0;background:url(/images/link_mask.png) no-repeat;  }
.about_top .xr{ bottom:-20px; right:20px; padding-left:80%; background:url(/images/link_mask.png) no-repeat right -180px; }


.about_top .ad{ width:90%; height:auto; overflow:hidden; margin:0 5%;}

.about_top .ad ul{ width:100%;} 
.about_top .ad ul li{ width:45%; height:auto; float:left; margin-right:5%; overflow:hidden;}
.about_top .ad ul li img{ width:100%; height:100%; display:block;}

/*pc game and phone game*/

.games_show{width:90%; height:auto; overflow:hidden; margin:0 5%; }
.games_show{width:90%; height:auto; overflow:hidden; margin:0 5%; position:relative; padding-bottom:50px; }
.games_show .bd{ width:100%; height:auto; overflow:hidden;}
.games_show .bd ul li{ width:100%; height:auto; float:left;margin:5% 0; overflow:hidden; }
.games_show .bd ul li img{width:100%; height:100%; overflow:hidden; text-align:center;}

.games_show  .hd{ width:64%; height:auto; overflow:hidden; margin:0 18%; position:absolute; bottom:0; left:10%; }
.games_show .hd ul li{ width:30%; height:auto; margin-left:2%; overflow:hidden; float:left;}
.games_show .hd ul li a { width:100%; height:100%; display:block;}
.games_show .hd ul li a i{ width:50px; height:50px;}

.games_show .hd ul li a i.pc_btn{ background:url(/images/btn_game_08.png) no-repeat; background-size:100% 100%;}
.games_show .hd ul li a i.mb_btn{background:url(/images/btn_game_10.png) no-repeat;background-size:100% 100%;}
.games_show .hd ul li.on i.pc_btn{background:url(/images/btn_game_02.png) no-repeat;background-size:100% 100%;}
.games_show .hd ul li.on i.mb_btn{background:url(/images/btn_game_04.png) no-repeat;background-size:100% 100%;}







/*yuan gong sheng huo*/
.life{ width:100%; height:auto; overflow:hidden;}
.life  img{width:100%; height:auto; overflow:hidden; margin:5% 0; text-align:center;}

	
/*tab qie huan code*/
.tabBox .hd{ width:100%;height:24px;padding:9px 0 16px;text-align: center;font-size: 0;font-family:"Microsoft Yahei";}
.tabBox .hd ul{ overflow:hidden;}
.tabBox .hd ul li{ width:22%; height:24px;line-height: 24px;font-size:0.875rem; display: inline-block; }
.tabBox .hd ul .on{ color:#fff;background:#ff7a16; border-radius: 12px; }
.tabBox .hd ul .on a{ display:block; color:#fff;  }

.tabBox .bd ul{width:100%;height:255px; padding-bottom:16px;  }
.tabBox .bd li{width:88.13%; height:50px; border-bottom:1px solid #B29142; margin:0 auto;   }
.tabBox .bd ul li a{ width:80%; height:auto; overflow:hidden; float:left; display:inline}
.tabBox .bd ul li span.time{ width:20%; float:right; display:inline;line-height: 50px; text-align:right;font-size: 0.8rem;}
.tabBox .bd li a i.status {display: block;outline:none;position:absolute; margin:12px 0px;overflow: hidden;font-style:normal;border-radius:50%;color:#fff;padding:3px 7px;font-size:12px; line-height:18px;
}
.tabBox .bd li a i.status.hot{background-color:#fe8126;}
.tabBox .bd li a i.status.new{background-color:#a6dd0a;}

.tabBox .bd li a span.news-title{
  width: 100%;
  position: relative;
  display: block;
  outline: none;
  color: #FFF;
  line-height:50px;
 
  font-size: 0.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tabBox .bd li a span.news-title.ti{text-indent:30px;}

/*load center*/


.tabLoad .bd { margin:0 6%;height:auto; overflow:hidden; padding-bottom:16px;  }


/*banner*/
.banner_wrap{width:100%; height:auto; overflow:hidden;  position:relative; margin-top:51px }
.banner_wrap .bd li img{ width:100%;  height:auto; overflow:hidden; }
.banner_wrap .hd {width:30px; height:auto; overflow:hidden; position:absolute; right:0; top:40%; z-index:1;}
.banner_wrap .hd ul{ overflow:hidden; zoom:1; float:left;  }

.banner_wrap .hd ul li{ float:left; margin:4px; width:8px; height:8px; border:2px solid #FFF; cursor:pointer; border-radius:50%; }
.banner_wrap .hd ul li.on{ background:#FFF; }

/*tan*/
.notice_layer {
	background:#000000;
	width:640px;
	height:100%;
	margin:0 auto;
	z-index:99;
	position:fixed;
	filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
	
}
.name_list{ width:559px; height:auto; overflow:hidden;z-index:100;margin:0 auto; border-radius:5px;top: 13%; margin-left: 40px; }
.name_list .title_pz{ width:96%; padding:2%; color:#545454; font-size:2.0rem; padding-top:5%; padding-bottom:5%; background-size:100% 100%}
.name_list .title_pz .pic{ width:12%;}
.name_list .title_pz img{ width:100%; height:auto; vertical-align:middle;}
.name_list .nr_box{ width:96%; height:auto; overflow:hidden; padding:3% 2%; background:#FFF;}
.name_list .nr_box .tit{  background:#f6f6f6; text-align:center; color:#ff7800; font-size:1.4rem;}
.name_list .nr_box table{ text-align:center; margin:3% auto;}
.name_list .nr_box table .pm{ width:1.5rem; height:1.5rem;font-size:1.0rem;text-align:center; color:#FFF; border-radius:50%; display:block;margin: 8% auto; }
.name_list .nr_box table .r{ background-color:#ff0000;}
.name_list .nr_box table .y{ background:#ff4700;}
.name_list .nr_box table .g{ background:#a5a5a5;}
.name_list .nr_box table .c{background:#fc8f02;}
.name_list .nr_box table .tt{   color:#a5a5a5;text-align:center;font-size:1.0rem;}
.name_list .nr_box table .tt1{  text-align:center;  color:#202326; font-size:1.0rem;}
.name_list .nr_box table .tt2{  text-align:center;  color:#ff7800; font-size:1.0rem;}
.name_list .nr_box table .line{ width:100%; height:1px; background:#f6f6f6; margin:5px auto}
@media only screen and (max-width:640px){
.name_list{ width:90%; margin-left:5%}
 
}
 
 @media screen and (max-width:580px){
	 .name_list .title_pz{ font-size:22px;}
.name_list .nr_box .tit{ height:28px;line-height:28px; font-size:18px; }
.name_list .nr_box table .tt{ font-size:16px}
.name_list .nr_box table .pm{width: 1.3rem;height: 1.3rem;font-size: 18px;}
.name_list .nr_box table .tt1{ font-size:14px}
.name_list .nr_box table .tt2 { font-size:16px}}
 }
 
 
 
 /* add  code */
 
.FWbanner{ width:100%; height:auto; overflow:hidden; margin-top:51px; position:relative; }
.FWbanner img{ width:100%; height:auto;}
 
 .w96{ width:96%; height:auto; overflow:hidden; padding:0 2%; background:#FFF;  }
 
.agreementDetail  .contBox{ width:100%; height:auto; overflow:hidden;  }
.agreementDetail  .contBox h4{ width:100%; height:24px; line-height:24px; padding:10px 0px; border-bottom:1px solid #e3e3e3; }
 .agreementDetail  .contBox .num{ width:1.3rem; height:1.3rem; background:url(../images/numbg.png) no-repeat; background-size:100% auto; text-align:center; line-height:1.3rem; color:#FFF; font-size:.7rem; font-weight:bold; }
 .agreementDetail  .contBox  .tt{ margin-left:10px; font-size:.7rem; }
 .agreementDetail  .contBox  .tt a{  color:#545454; }
 .agreementDetail  .contBox  .tt a:hover{color:#4caced; }
 .agreementDetail .contBox p{ color:#797979;  background:#f8f8f8; width:98%; height:auto; overflow:hidden; padding:0 1%;  font-size:.7rem; line-height:1.5rem; display:none; }
 
 
.footnav{width:100%; height:60px; margin:0 auto; background:#302219; position:fixed; bottom:0px;z-index:8;}
.footnav ul{ width:100%; height:auto; margin:0 auto; }
.footnav ul li{ float:left;width:33.3333%; display:inline; text-align:center; }
.footnav ul li a{ width:100%; height:100%; display:block;color:#dddcdc; font-size:0.8rem }
.footnav ul li i{ width:24px; height:24px; margin:0px auto;  display:block;background:url(../images/foot_icon.png) no-repeat 0px 0px; margin-top:10px  }
.footnav ul li i.lqm_icon{ background-position:-174px 0px}
.footnav ul li i.news_icon{background-position:-377px 0px}
.footnav ul li a:hover i,footnav ul li a:active i,.footnav ul li.on a i{ background-position:0px -68px;}
.footnav ul li a:hover i.lqm_icon,.footnav ul li a:active i.lqm_icon,.footnav ul li.on i.lqm_icon{background-position:-174px -68px;}
.footnav ul li a:hover i.news_icon,.footnav ul li a:active i.news_icon,.footnav ul li.on i.news_icon{background-position:-377px -68px;}
 
.footnav ul li a:hover,.footnav ul li a:active{color:#ff8239}
.header .nav_right{ position:absolute; right:10px; top:10px;}







/*  add code for gamesList */
.focusGames{ width:100%; height:auto; overflow:hidden;   position:relative;   }
.focusGames .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focusGames .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
.focusGames .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focusGames .hd ul .on{ background:#FE6C9C;  }

.focusGames .bd{ position:relative; z-index:0; }
.focusGames .bd li img{ width:100%; height:auto; overflow:hidden;  }

.GMList{ width:100%; height:auto; overflow:hidden; background:#FFF;  }
.GMList .wrap96{ width:96%; height:auto; overflow:hidden; margin:0 auto;  }


.GMList .item{ width:100%; height:40px; border-bottom:1px solid #eaeaea; line-height:40px; margin-top:10px;  }
.GMList .item .itemName{ width:30%; height:40px; text-align:center;  border-bottom:2px solid #f08200; color:#f08200; font-size:1rem; }
.GMLists ul li{ width:100%; height:auto; overflow:hidden; margin:5% 0; }
.GMLists ul li .pic{ width:22%; height:auto; overflow:hidden;}
.GMLists ul li .pic img{ width:100%; height:auto; }
.GMLists ul li .intro{ width:50%; height:auto; margin-left:3%;  overflow:hidden; }
.GMLists ul li .intro .gamsTitle{ color:#585858; height:1.5rem; font-size:1rem; }
.GMLists ul li .intro .cont{ color:#acacac; font-size:.6rem;}
.GMLists ul li .startGame{ width:20%; height:36px; border:2px solid #f08200; border-radius:5px;  font-size:.8rem; text-align:center; line-height:36px; margin-top:10%;  }
.GMLists ul li .startGame a{color:#f08200; width:100%; height:100%; display:block }
 
 

.wrapper .header .ljxz {
  position: absolute;
  width: 75px;
  padding: 2px 0;
  height: 28px;
  line-height: 28px;
  display: block;
  outline: none;
  border: #ff7e3f solid 2px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  font-size: 0.8125rem;
  right: 10px;
  top: 7px;
  text-align: center;
  overflow: hidden;
  color: #f69748;
}

.show-wechat-notice .pattern {
    top: 180px;
}
.show-wechat-notice .notice-wechat {
    height: 180px;
}

.notice-wechat {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 0;
    background-color: #505556;
    box-shadow: 0 -9px 29px -7px rgba(0,0,0,.1) inset;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.wechat-tips {
    top: 10px;
    z-index: 103;
    padding-top: 14px;
    width: 100%;
    text-align: right;
}

.wechat-tips span {
    color: #fff;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
}

.wechat-tips img, .wechat-tips span {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

*, .wechat-tips {
    box-sizing: border-box;
}

@media (min-width: 420px) {
    .wechat-tips img {
        margin-right: 20px;
    }
}

.wechat-tips img {
    margin-bottom: 13px;
    width: 50px;
}
	
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

.wrapper
{
    background-color:#D6BF9A;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
footer{ color:#737373;}
html,
body {
  font: 18px "Microsoft Yahei";
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-user-select: text;
  -webkit-touch-callout: none;
  word-break: break-all;
  word-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
input,
select,
form,
img {
  vertical-align: middle;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th,
ul,
ol {
  padding: 0;
  list-style-type: none;
}
a,
button,
input,
select,
textarea,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[onclick] {
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
a {
  -webkit-touch-callout: none;
  text-decoration: none;
  outline: 0;
}
.hidden {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  text-indent: -9999px;
  display: block;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
em,
i {
  font-style: normal;
  display: block;
}
.a {
  display: block;
  outline: none;
}
.flL {
  float: left;
}
.flR {
  float: right;
}
.nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.txtInd {
  overflow: hidden;
  text-indent: -99999px;
}
.clear {
  clear: both;
}
.bg_size {
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}
/*animation*/
@media screen and (min-width: 360px) and (max-width: 480px) and (orientation: portrait) {
  html,
  body {
    font-size: 20px;
  }
}
/*@media screen and (min-width:375px) and (max-width:399px) and (orientation:portrait) {
/*ip6:375px*/
/*html,body { font-size: 73.2421875%; } 
}*/
/*@media screen and (min-width:400px) and (max-width:480px) and (orientation:portrait) {
/*mx2:400px*/
/* html,body { font-size: 20px; } 
}*/
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 22px;
  }
}
@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 22px;
  }
}
html,
body {
  width: 100%;
  height: auto;
  margin:0 auto;
  background: #FAFAFA;
  color: #f5f5f5;
}
.spr {
  background: url(/images/spr.png?v=1);
  background-size: 346px 130px;
}
 
.wrapper .header {
  width: 100%;
  height: 50px;
  color: #717171;
  background: #302219;
  position:absolute;
  left: 0;
  top: 0;
  z-index: 999;
  overflow: hidden;
  border-bottom: 1px solid #614B27;
  margin:0 auto
}

.wrapper .header .logo {
  position: absolute;
  width: 45%;
  height: 45px;
  display: block;
  outline: none;
  overflow: hidden;
  text-indent: -99999px;
  background: url(/images/logo.png?v=1) no-repeat;
  background-size:auto 45px;
  background-position: 0 0;
  top: 50%;
  left: 55%;
  margin-left: -71px;
  margin-top: -22.5px;
}
.wrapper .header .share-booking {
	float:left;
  width: 43%;
  padding: 2px 0;
  height: 25px;
  line-height: 25px;
  display: block;
  outline: none;
  border: #bfbfbf solid 2px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  font-size: 0.8125rem;
  
  text-align: center;
  overflow: hidden;
  color: #545454;
}

.wrapper .header .share-booking:link {
  color: #545454;
}
.wrapper .header .share-booking:visited {
  color: #545454;
}
.wrapper .header .share-booking:hover {
  color: #f69748;
  border-color:#f69748
}
.wrapper .header .share-booking:active {
  color: #f69748;
  border-color:#f69748
}
.wrapper .header .share-booking.login {
  display: none;
  font-size: 0.6875rem;
}
.wrapper .header .share-booking.logout {
  display: none;
  line-height: 14px;
  font-size: 0.625rem;
}
.wrapper .header .share-booking.logout span {
  display: block;
  outline: none;
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 56px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  color: #717171;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrapper .page-title-wrap {
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  position: relative;
}

.wrapper .page-2 .tabBox{
    background-color:#614B27;
    padding-bottom:27px;
}
.wrapper .page-title-wrap .load_pic{ width:35%; height:auto; overflow:hidden; margin:0 auto;}
.wrapper .page-title-wrap .load_pic img{ width:100%; height:auto;}
.wrapper .page-title-wrap .line {
  width: 9.07%;
  height: 3px;
  display: block;
  outline: none;
  margin: 0 auto 10px;
}
.wrapper .page-title-wrap .line.line-1 {
  background: #ff7e3f;
}
.wrapper .page-title-wrap .line.line-2 {
  background: #a6dd0a;
}
.wrapper .page-title-wrap .line.line-3 {
  background: #75d7ff;
}
.wrapper .page-title-wrap .line.line-4 {
  background: #7152ff;
}

.wrapper .page-title-wrap .line.line-5{ background:#72d8ff;}
.wrapper .page-title-wrap .line.line-6 {
  background: #704efa;
}

.wrapper .page-title-wrap .line.line-7 {
  background: #a5dd08;
}
.wrapper .page-title-wrap .title {
  display: block;
  outline: none;
  margin: 0 0 2px 0;
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #EFA902;
  font-size: 1.2rem;
  font-weight: normal;
}
.wrapper .page-title-wrap span {
  display: block;
  outline: none;
  width: 100%;
  height: 15px;
  line-height: 15px;
  text-align: center;
  color: #8E7033;
  font-size: 0.625rem;
}
.wrapper .more-btn {
  display: block;
  outline: none;
  width: 36%;
  height: 28px;
  border: 2px solid #ffb400;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  color: #ffb400;
  margin: 0 auto;
  text-align: center;
}
.wrapper .more-btn span {
  outline: none;
  width: 84px;
  height: 28px;
  margin: 0 auto;
  line-height: 28px;
  display: block;
  font-size: 0.75rem;
  position: relative;
  text-align: right;
}
.wrapper .more-btn span i {
  display: block;
  outline: none;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 6px;
  background: url(/images/spr.png?v=1);
  background-size: 346px 130px;
  background-position: 0 -91px;
  overflow: hidden;
  text-indent: -99999px;
  line-height: 99999px;
}
.wrapper .booking-btn {
  display: block;
  outline: none;
  width: 88%;
  height: 71px;
  margin: 0 auto 22px;
  background: url(/images/dl-bg.png) no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
  color: #f4f4f4;
  text-align: center;
  position: relative;
  /*em{
      .a;
      width: 100%;
      height: 14px;
      line-height: 14px;
      font-size: 20/32rem;

      i{
        display: inline;
        color:#82450c;
        margin: 0 1px;
      }
    }*/
}
.wrapper .booking-btn.nav-booking-btn {
  margin-top: 25px;
}
.wrapper .booking-btn span {
  display: block;
  outline: none;
  width: 100%;
  height: 22px;
  line-height: 22px;
  padding: 34px 0 15px 0;
  font-size: 1.0625rem;
  font-weight: bolder;
  font-family: microsoft yahei;
}
.wrapper .booking-btn i {
  display: block;
  outline: none;
  position: absolute;
}
.wrapper .booking-btn i.bot {
  top: 31.66%;
  width: 21px;
  height: 8px;
  left: 50%;
  margin-left: -10.5px;
  background: url(/images/spr.png?v=1);
  background-size: 346px 130px;
  background-position: 0 -121px;
}
.wrapper .booking-btn i.arrow {
  top: 15.3%;
  width: 16px;
  height: 14px;
  left: 50%;
  margin-left: -8px;
  background: url(/images/spr.png?v=1);
  background-size: 346px 130px;
  background-position: 0 -107px;
  -moz-animation: downarr 0.2s linear infinite alternate;
  -webkit-animation: downarr 0.2s linear infinite alternate;
  -o-animation: downarr 0.2s linear infinite alternate;
  -ms-animation: downarr 0.2s linear infinite alternate;
  animation: downarr 0.2s linear infinite alternate;
}
@-webkit-keyframes downarr {
  0% {
    -webkit-transform: translateY(-4px);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  100% {
    -webkit-transform: translateY(4px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes downarr {
  0% {
    -moz-transform: translateY(-4px);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  100% {
    -moz-transform: translateY(4px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes downarr {
  0% {
    -o-transform: translateY(-4px);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  100% {
    -o-transform: translateY(4px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-ms-keyframes downarr {
  0% {
    -ms-transform: translateY(-4px);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  100% {
    -ms-transform: translateY(4px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes downarr {
  0% {
    transform: translateY(-4px);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  100% {
    transform: translateY(4px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.wrapper .newsnotice ul,
.wrapper .guidance ul {
  width: 90%;
  height: auto;
  padding-bottom: 16px;
  overflow:hidden;
  margin:0 auto
}
.wrapper .newsnotice ul li,
.wrapper .guidance ul li {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #B29142;
  margin: 0 auto;
  
}
.wrapper .newsnotice ul li a,
.wrapper .guidance ul li a {
  position: relative;
  display:inline-block;
  outline: none;
  width: 80%;
  height: 34px;
  line-height:34px;
  overflow:hidden;
  padding: 7px 0;
  font-size:0.7rem;
  color:#FFF;
}
.wrapper .newsnotice ul li  span{ float:right; display:inline; width:20%;height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 7px 0; text-align:right;font-size:0.7rem}
.wrapper .newsnotice ul li a i.status,
.wrapper .guidance ul li a i.status {
  display: block;
  outline: none;
  position: absolute;
  top: 7px;
  overflow: hidden;
  font-style:normal;border-radius:50%;color:#fff;padding:3px 7px;font-size:12px;
}
.wrapper .newsnotice ul li a i.status.hot,
.wrapper .guidance ul li a i.status.hot {
	background-color:#fe8126;
}
.wrapper .newsnotice ul li a i.status.new,
.wrapper .guidance ul li a i.status.new {
	background-color:#a6dd0a;
  
}
.wrapper .newsnotice ul li a span.news-title,
.wrapper .guidance ul li a span.news-title {
  width: 100%;
  position: relative;
  display: block;
  outline: none;
  color: #717171;
  height: 18px;
  line-height: 18px;
  margin-bottom: 5px;
  font-size: 0.8125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrapper .newsnotice ul li a span.news-title.ti,
.wrapper .guidance ul li a span.news-title.ti {
  text-indent: 30px;
}
.wrapper .newsnotice ul li a span.news-brief,
.wrapper .guidance ul li a span.news-brief {
  width: 100%;
  display: block;
  outline: none;
  color: #b2b2b2;
  height: 13px;
  line-height: 13px;
  font-size: 0.625rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrapper .newsnotice ul li a span.news-brief i.created,
.wrapper .guidance ul li a span.news-brief i.created {
  display: none;
  color: #b2b2b2;
}
.wrapper .newsnotice ul li a span.news-brief i.created.show,
.wrapper .guidance ul li a span.news-brief i.created.show {
  display: inline;
}
/*nav*/
.btn_nav_slide {
  display: block;
  outline: none;
  width: 46px;
  height: 46px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 998;
}
.draw,
.draw:before,
.draw:after {
  display: block;
  outline: none;
  width: 22px;
  height: 3px;
  background: #DCB04B;
  position: absolute;
  left: 0;
  -webkit-transition: all .5s;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  border-radius: 1px;
  overflow: visible;
}
.draw {
  top: 22px;
  left: 12px;
}
.draw:before {
  content: "";
  top: -8px;
}
.draw:after {
  content: "";
  top: 8px;
}
.G_close .draw {
  background: transparent;
}
.G_close .draw:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  background: #DCB04B;
}
.G_close .draw:after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  background: #DCB04B;
}
.o_h {
  overflow: hidden;
}
.common_nav {
  background: #614B27;
  width: 0;
  height: 0;
  position:absolute;
  left: 0;
  top: 51px;
  z-index: 997;
  opacity: 0;
  -webkit-transition: all .5s;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;

  
}
.common_nav ul {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.common_nav li {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #B29142;
}
.common_nav a {
  color: #FFF;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.9375rem;
}
.common_nav a.hot {
  text-indent: 28px;
}
.common_nav a.hot img {
  display: inline;
  margin-left: 4px;
}
.G_open {
  width: 100%;
  height: 100%;
  top: 51px;
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
}
/*footer*/
footer {
  background: #e8e8e8;
  color: #717171;
  padding: 18px 0;
  line-height: 1.2rem;
  text-align: center;
  font-size: 0.625rem;
  border-top: #e0e0e0 solid 1px;
   margin-bottom:50px
}
/* mocha slider */
.mocha-slider {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.mocha-slider .content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 0;
}
.wrapper .page-3 .features-con {
  float: left;
  position: relative;
  overflow: hidden;
}
.wrapper .page-3 .features-con a {
  display: inline-block;
}
.mocha-slider .controller {
  width: 100%;
  z-index: 2;
}
.mocha-slider .controller li {
  display: inline-block;
  line-height: 9999px;
}
.wrapper .page-3 .features-con.shadow {
  overflow: visible;
}
.wrapper .page-3 .features-con.shadow img {
  box-shadow: 0 3px 2px #d0c6c4;
}
.wrapper .page-3 .features-con.radius img {
  border-radius: 10px;
}
.wrapper .page-3 .features-con.marginr {
  margin-right: 14px;
}
.mocha-slider-scheme2.mocha-slider-skin1 .controller {
  position: absolute;
  bottom: 8px;
  right: 0;
  height: 15px;
  text-align: center;
}
.mocha-slider-scheme2.mocha-slider-skin1 .controller li {
  width: 9px;
  height: 9px;
  margin: 3px 4px;
  background-color: #e0d7cd;
  border-radius: 50%;
}
.mocha-slider-scheme2.mocha-slider-skin1 .controller li.current {
  background-color: #ff7a16;
}
.mocha-slider-scheme2.mocha-slider-skin1.mocha-slider-skin2 .controller {
  bottom: 11px;
}
.mocha-slider-scheme2.mocha-slider-skin1.mocha-slider-skin3 .controller {
  bottom: 23px;
}
/*goback*/
.btn_goback {
  position: absolute;
  top: 50px;
  left: 0;
  width: 45px;
  height: 30px;
  background: #201c1b;
  display: none;
  text-align: center;
  line-height: 30px;
  text-indent: 12px;
  z-index: 996;
  font-size: 14px;
}
.btn_goback.show {
  display: block;
}
.btn_goback:before {
  display: inline-block;
  content: '';
  border: #ffc203 solid 2px;
  border-color: #ffc203 #ffc203 transparent transparent;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 22px;
  left: 12px;
  -webkit-transform: rotate(-135deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.btn_goback:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-width: 30px 12px 0 0;
  border-color: #201c1b transparent transparent;
  border-style: solid;
  position: absolute;
  right: -12px;
  top: 0;
}
/*��Ƶ*/
.video_player {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
  background: #000;
  display: none;
}
.video_close {
  font: 700 1.6rem/34px "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  width: 34px;
  height: 34px;
  background: #000;
  color: #f38e4b;
  position: fixed;
  right: 2%;
  top: 2%;
  z-index: 99999;
  text-align: center;
  display: none;
  opacity: 0.2;
}
/*��Ƶ���Ű�ť����*/
.main{ }
.wrapper .page {
  width: 100%;
  background: #302219;
 
}
.wrapper .page.page-1 {
  background: #f5f5f5;
}
.wrapper .page-1 {
  position: relative;
}
.wrapper .page-1 img.kv {
  z-index: 1;
}
.wrapper .page-1 .kv-btn-wrap {
 /*padding-bottom:27px;*/
  z-index: 2;
}
.wrapper .page-1 .kv-btn-wrap .video-btn {
  display: block;
  outline: none;
  width: 16%;
  height: 11.3422%;
  position: absolute;
  /*top:29.67%;
        right: 11.3333%;*/
  top: 46.4537%;
  right: 1.8667%;
  overflow: hidden;
  text-indent: -99999px;
}
@-webkit-keyframes breathing {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.2);
  }
}
@-moz-keyframes breathing {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -moz-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: scale(1.2);
  }
}
@-o-keyframes breathing {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -o-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transform: scale(1.2);
  }
}
@-ms-keyframes breathing {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -ms-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(1.2);
  }
}
@keyframes breathing {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1.2);
  }
}
.wrapper .page-1 .kv-btn-wrap .booking-wrap {
  width: 100%;
  position: absolute;
  bottom: 4.44%;
  left: 0;
  text-align: center;
}
.wrapper .page-1 .kv-btn-wrap .booking-wrap .booking-tips {
  width: 100%;
  height: 14px;
  line-height: 14px;
  font-size: 0.625rem;
  color: #717171;
}
.wrapper .page-1 .kv-btn-wrap .booking-wrap .booking-tips span {
  color: #ff7e3f;
}

.btn-wrap{width: 100%; height:auto; overflow:hidden; margin:0 auto}
.btn-wrap li{display: block; float: left; width: 50%;}
.btn-wrap img{width: 100%;}
.btn-wrap a{display: block; width: 100%; height: 100%;}
.clearfix:after{content: '.'; display: block; height: 0; overflow: hidden; clear: both;}
.clearfix{*zoom: 1;}

@-webkit-keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -moz-transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
  }
}
@-o-keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -o-transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transform: scale(1);
  }
}
@-ms-keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -ms-transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(1);
  }
}
@keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
  }
}
.wrapper .page-2 {
  /*padding-bottom: 27px;*/
  margin-bottom: 25px;
  /*margin-top:27px;*/
}

.newsnotice{
    background-color:#614B27;
    padding-bottom:27px;
    color:#FFF;
}

.newsnotice a{
    color:#FFF;
}
.wrapper .page-2 .newslist-con {
  width: 100%;
}
.wrapper .page-2 .newslist-con .tab-wrap {
  width: 100%;
  height: 24px;
  padding: 9px 0 16px;
  text-align: center;
  font-size: 0;
  font-family:"Microsoft Yahei";
}

.wrapper .page-2 .newslist-con .tab-wrap .tab {
  width: 22%;
  height: 24px;
  line-height: 24px;
  font-size: 0.875rem;
  display: inline-block;
}
.wrapper .page-2 .newslist-con .help .tab{ width: 20%; font-size:0.8rem}
.wrapper .page-2 .newslist-con .tab-wrap .tab a {
  display: block;
  outline: none;
  width: 100%;
  height: 100%;
  color: #717171;
  text-decoration: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
}
.wrapper .page-2 .newslist-con .tab-wrap .tab a.cur {
  color: #fff;
  background: #ff7a16;
}
.wrapper .page-2 .newslist-con .newsnotice {
  width: 100%;
  height: auto;
  
}
.wrapper .page-2 .newslist-con .newsnotice.show {
  display: block;
}
.wrapper .page-3 {
	position:relative;
	height:auto;
	overflow:hidden;
	padding-bottom:27px;
	margin-top:25px;
    /*background-color:#302219;*/
}
.wrapper .page-3 .features-con {
	width:100%;
	height:auto;
	overflow:hidden;
  padding: 5px 0 10px 0;
  background:#FFF;
}
.wrapper .page-3 .features-con .tab-wrap {
  width: 90%;
  height: 66px;
  text-align: center;
  font-size: 0;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top:20px;
}
.wrapper .page-3 .features-con .tab-wrap ul li {
  width: 22.375%;
  height: 100%;
  float:left;
  display: inline-block;
  margin-left: 3.5%;
}
.wrapper .page-3 .features-con .tab-wrap ul li:first-child {
  margin-left: 0;
}
.wrapper .page-3 .features-con .tab-wrap ul li a {
  display: block;
  outline: none;
  width: 100%;
  height: 100%;
  color: #717171;
  text-decoration: none;
}
.wrapper .page-3 .features-con .tab-wrap ul li a i {
  display: block;
  outline: none;
  width: 36px;
  height: 29px;
  margin: 0 auto;
  background: url(/images/spr.png?v=1);
  background-size: 346px 130px;
}
.wrapper .page-3 .features-con .tab-wrap ul li a i.tab-icon-1 {
  background-position: -94px 0;
}
.wrapper .page-3 .features-con .tab-wrap ul li a i.tab-icon-2 {
  background-position: -130px 0;
}
.wrapper .page-3 .features-con .tab-wrap ul li a i.tab-icon-3 {
  background-position: -166px 0;
}
.wrapper .page-3 .features-con .tab-wrap ul li a i.tab-icon-4 {
  background-position: -202px 0;
}
.wrapper .page-3 .features-con .tab-wrap ul li a em {
  display: block;
  outline: none;
  width: 100%;
  height: 37px;
  line-height: 37px;
  font-size: 0.875rem;
}
.wrapper .page-3 .features-con .tab-wrap ul li.on  a{
  color: #ff7a39;
}
.wrapper .page-3 .features-con .tab-wrap ul li.on i.tab-icon-1 {
  background-position: -94px -29px;
}
.wrapper .page-3 .features-con .tab-wrap ul li.on i.tab-icon-2 {
  background-position: -130px -29px;
}
.wrapper .page-3 .features-con .tab-wrap ul li.on i.tab-icon-3 {
  background-position: -166px -29px;
}
.wrapper .page-3 .features-con .tab-wrap ul li.on i.tab-icon-4 {
  background-position: -202px -29px;
}
.wrapper .page-3 .features-con .features {
  width: 100%;
  height: auto;
  display: none;
}
.wrapper .page-3 .features-con .features.show {
  display: block;
}
.wrapper .page-3 .features-con .features .socialcontact {
  margin-bottom: 37px;
}

@-webkit-keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -moz-transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
  }
}
@-o-keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -o-transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transform: scale(1);
  }
}
@-ms-keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -ms-transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(1);
  }
}
@keyframes breathing2 {
  0% {
    opacity: 0.65;
    filter: alpha(opacity=65);
    transform: scale(0.88);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
  }
}
.wrapper .page-4 .parks-con .parks ul li a .pic-box .seq {
  display: block;
  outline: none;
  width: 88px;
  height: 46px;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 4.545%;
  background: url(/images/spr.png?v=1);
  background-size: 346px 130px;
  background-position: 0 -45px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  line-height: 46px;
  text-align: center;
  overflow: hidden;
  text-shadow: 1px 1px 2px #d75929;
}
.wrapper .page-4 .parks-con .parks ul li a .title {
  padding: 4px 0 0 3px;
  height: 20px;
  line-height: 20px;
  color: #656565;
  font-size: 0.8125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrapper .page-4 .parks-con .parks ul li a .brief {
  padding: 4px 0 0 3px;
  max-height: 32px;
  line-height: 16px;
  color: #adadad;
  font-size: 0.625rem;
  overflow: hidden;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.wrapper .page-5 {
  padding-bottom: 27px;
  margin-bottom: 25px;
  
}
.wrapper .page-5 .guidance-con {
  width: 100%;
}
.wrapper .page-5 .guidance-con .tab-wrap {
  width: 100%;
  height: 24px;
  padding: 9px 0 16px;
  text-align: center;
  font-size: 0;
}
.wrapper .page-5 .guidance-con .tab-wrap .tab {
  width: 21.5%;
  height: 24px;
  line-height: 24px;
  font-size: 0.875rem;
  display: inline-block;
  margin: 0 1%;
}
.wrapper .page-5 .guidance-con .tab-wrap .tab a {
  display: block;
  outline: none;
  width: 100%;
  height: 100%;
  color: #717171;
  text-decoration: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
}
.wrapper .page-5 .guidance-con .tab-wrap .tab a.cur {
  color: #fff;
  background: #ff7a16;
}
.wrapper .page-5 .guidance-con .guidance {
  width: 100%;
  height: auto;
  display: none;
}
.wrapper .page-5 .guidance-con .guidance.show {
  display: block;
}
.wrapper .page-6 {
  padding: 25px 0 0 0;
  height:auto;
  overflow:hidden;
  margin-top:25px;
}
.wrapper .page-6 .qrcode-box {
  width: 74.4%;
  height: auto;
  padding: 2px 0 22px 0;
  margin: 0 auto;
}
.wrapper .page-6 .qrcode-box .qrcode {
  width: 100%;
  height: auto;
  padding: 16px 0 11px 0;
}
.wrapper .page-6 .qrcode-box .line {
  display: block;
  outline: none;
  width: 83.5125%;
  height: 1px;
  margin: 0 auto;
  background: #ededed;
}
.wrapper .page-6 .go-top {
  display: block;
  outline: none;
  background: #f1f1f1;
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #717171;
  font-size: 0.75rem;
  letter-spacing: 1px;
}
.wrapper .page-6 .go-top i {
  display: inline-block;
  width: 18px;
  height: 8px;
  position: relative;
  overflow: hidden;
  top: -2px;
  margin-left: 6px;
}
.wrapper .page-6 .go-top i:before {
  display: inline-block;
  content: '';
  border: #ff7a39 solid 2px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 9px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.wrapper .pop {
  display: none;
  width: 90%;
  height: 57px;
  padding-top: 40px;
  background: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
.wrapper .pop .close {
  width: 29px;
  height: 29px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  outline: none;
  background: url(/images/spr.png?v=1);
  background-size: 346px 130px;
  background-position: -16px -91px;
  overflow: hidden;
  text-indent: -99999px;
}
.wrapper .pop .btn-group {
  display: block;
  outline: none;
  width: 275px;
  height: 34px;
  position: relative;
  margin: 0 auto;
}
.wrapper .pop .btn {
  width: 128px;
  height: 100%;
  position: absolute;
  top: 0;
  display: block;
  outline: none;
  background: url(/images/spr.png?v=1);
  background-size: 346px 130px;
  color: #fff;
  line-height: 34px;
  text-indent: 50px;
  font-size: 0.8125rem;
}
.wrapper .pop .btn.wx-btn {
  left: 0;
  background-position: -218px -58px;
}
.wrapper .pop .btn.qq-btn {
  text-indent: 54px;
  right: 0;
  background-position: -218px -92px;
}



/*add and update*/
.wrapper .page-3 .features-con .bd{ width:96%; height:auto;margin:0 auto; overflow:hidden;}

.wrapper .page-3 .features-con .cell{ height:auto;overflow:hidden; padding-bottom:25px;position:relative;  }
.wrapper .page-3 .features-con .cell_main_box{height:auto;overflow:hidden;  }
.wrapper .page-3 .features-con .cell_main_box .cell_main{  height:auto; float:left; overflow:hidden;background:#a5cbf8; border-radius:25px;}

.wrapper .page-3 .features-con .cell_main ul li{ width:22%; height:auto;text-align:center; float:left; margin:10px 1.5% 0 1.5%;   overflow:hidden; line-height:18px;}
.wrapper .page-3 .features-con .cell_main ul li img{ float:left; width:100%; height:auto; overflow:hidden; }
.wrapper .page-3 .features-con .cell_main ul li p a{ font-size:12px; line-height:30px; }
.wrapper .page-3 .features-con .cell_main ul li p a:link,.cell_main ul li p a:visited{color:#FFF;}
.wrapper .page-3 .features-con .cell_main ul li p a:hover,.cell_main ul li p a:active{color:#ff8239;}

.wrapper .page-3 .features-con  .focusbtn { height:20px;position:absolute;bottom:0px;left:40%;text-align:center; }
.wrapper .page-3 .features-con  .focusbtn ul li {width:10px;height:10px; background:#dfd7cc;display: inline-block;margin: 0 3px;cursor: pointer;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius:10px;}
.wrapper .page-3 .features-con  .focusbtn ul li.on {background:#fe7a15;}