﻿@charset "utf-8";
.ma_main{width: 1180px;padding: 0 10px;margin: 20px auto 0 auto;}
.ma_main .breadcrumbs{ border-bottom:none; padding-bottom:0; margin-left:23px;}
.ma_main .area1{ border-top:1px solid #ececec; margin-bottom:40pox;/* overflow:hidden;*/}
.clr{ height:40px;}
.ma_main .area1_l{ float:left; width:860px;}
.ma_main .area1 .tit{ margin:28px 0; height:30px; overflow:hidden;}
.ma_main .area1 .tit h1{ font-size:26px; color:#333333; font-weight:bold; line-height:30px; float:left; margin-right:10px;}
.ma_main .area1 .tit span{ margin-left:15px; color:#ff5500; font-size:14px; font-weight:normal; border:1px solid #ececec; background-color:#f9f9f9; line-height:28px; padding:0 5px; height:28px; overflow:hidden; word-wrap:break-word; display:block; float:left;}
.area1_l .area1_lt{ overflow:hidden;}
.area1_l .l_tl{ float:left; width:124px; position:relative; margin-right:28px;}
.area1_l .l_tl img{ display:block; width:124px; height:124px; border-radius:10px;}
.area1_l .l_tl p{height:18px; text-align:center; margin:11px 0 0 5px; overflow:hidden;}
.area1_l .l_tl p i{ line-height:18px; color:#666666; font-size:14px; float:left; }
.area1_l .l_tl p b{ display:inline-block; width:10px; height:18px; margin:0 3px; background:url(/Public/images/shouji/detail/ma03.jpg) no-repeat; float:left;}
.area1_l .l_tl .pos72,.pos1377{ position:absolute; background:url(/Public/images/shouji/detail/ma02.png) no-repeat; top:0; left:0; width:50px; height:52px;}
.area1_l .l_tl .pos70,.pos1378{ position:absolute; background:url(/Public/images/shouji/detail/ma11.png) no-repeat; top:0; left:0; width:50px; height:52px;}
.area1_l .l_tl .pos71,.pos1376{ position:absolute; background:url(/Public/images/shouji/detail/ma12.png) no-repeat; top:0; left:0; width:50px; height:52px;}
.area1_l .l_tr{ float:left; width:705px;}
.area1_l .l_rt{ overflow:hidden;}
.area1_l .l_rt li{ float:left; width:200px; font-size:14px; color:#999999; line-height:14px; height:14px; overflow:hidden; margin-top:15px;}
.area1_l .l_rt li span{ color:#666666;}
.area1_l .l_rb{ height:auto!important; width:700px!important; overflow:hidden;}
.area1_l .l_rb a.dn { float: left; display: block; width:116px; font-size:16px; color: #fff; line-height: 45px; height: 45px; background: url(/Public/images/shouji/detail/azspr.png) 0 0 no-repeat; padding-left:64px;  margin:0 0 0 30px;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari 和 Chrome */
  border-radius:5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
 .area1_l .l_rb a.dn:first-child {
    margin-left: 0px;
}
#iosbtn{ background-position: 0 -53px;}
#pcbtn{ background-position: 0 -106px;}	
.area1_l .l_rb a.dn:hover{ opacity:0.9;filter(alpha=90)}
.area1_l .l_rb .close_dn { float: left; display: block; width:130px; font-size:21px; color: #fff; line-height: 45px; height: 45px; background:url(/Public/images/shouji/detail/close_down.png) #cccccc no-repeat 25px center; padding-left:60px;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari 和 Chrome */
  border-radius:5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.area1_l .l_rb p{ color:#999999; font-size:14px; line-height:26px; height:26px; margin:9px 0 0 20px; float:left; width:455px; overflow:hidden;}
.area1_l .l_rb p.nomt{ margin-top:0!important;}
.area1_l .l_rb p span{ display:inline-block; line-height:24px; border:1px solid #ececec; background-color:#f9f9f9; padding:0 10px; margin-right:10px;}
.area1_l .l_rb p span a{ color:#666666;}
.area1_l .l_rb p span a:hover{ color:#ff9500;}
.area1 .area1_lb{ margin-bottom:40px;/* overflow:hidden;*/}
.area1 .area1_lb a{ height:45px; line-height:45px; display:block; width:165px; margin-right:13px; float:left;}
.area1 .area1_lb i{ height:45px; line-height:45px; display:block; width:165px; margin-right:13px; float:left;}
.area1 .area1_lb a span{ font-size:20px; color:#fff; line-height:45px; height:45px; font-weight:normal; display:inline-block; margin-left:20px;}
.area1 .area1_lb i span{ font-size:20px; color:#fff; line-height:45px; height:45px; font-weight:normal; display:inline-block; margin-left:20px;}
.area1 .area1_lb .download1{ background-color:#ff9500; width:240px;}
.area1 .area1_lb .download1 i{ background:url(/Public/images/shouji/detail/ma04.png) no-repeat 30px center; padding-left:55px; float:left; width:117px; font-size:20px; color:#fff; line-height:45px; height:45px; font-weight:normal; display:inline-block; border-right:1px solid #ffae3b;}
.area1 .area1_lb .download1 i:hover{ background-color:#ff9f1a;}
.area1 .area1_lb .download1 b{ background:url(/Public/images/shouji/detail/ma08.jpg) no-repeat; display:block; width:26px; height:45px; margin-right:17px; float:right; position:relative;}
.area1 .area1_lb .download1 b:hover em{ display:block;}
.area1 .area1_lb .download1 b em{ position:absolute; width:159px; height:175px; top:0; left:-185px; background:url(/Public/images/shouji/detail/ma10.png); z-index:999; display:none;}
.area1 .area1_lb .download1 b em img{ width:130px; height:130px; display:block; margin:12px 1px 8px 11px;}
.area1 .area1_lb .download1 b em h6{ color:#666666; font-size:14px; text-align:center; line-height:15px;}
.area1 .area1_lb .download2{ background-color:#58728c;}
.area1 .area1_lb .download2:hover{ background-color:#4b6284;}
.area1 .area1_lb .download2 span{ background:url(/Public/images/shouji/detail/ma05.png) no-repeat left center; padding-left:28px;}
.area1 .area1_lb .download3{ background-color:#4897f3;}
.area1 .area1_lb .download3:hover{ background-color:#007eff;}
.area1 .area1_lb .download3 span{ background:url(/Public/images/shouji/detail/ma34.png) no-repeat left center; padding-left:28px;}
.area1 .area1_lb .download4{ background-color:#20da9b; width:160px;}
.area1 .area1_lb .download4:hover{ background-color:#0acc8b;}
.area1 .area1_lb .download4 span{ background:url(/Public/images/shouji/detail/ma07.png) no-repeat left center; padding-left:28px;}

.ma_main .area1_r{ float:right; margin-right:30px; width:275px;}
.ma_main .area1_r .left{ float:left; width:120px; height:143px;}
.ma_main .area1_r .left div{ background-color:#4897f3; height:115px;}
.ma_main .area1_r .left p{ line-height:28px; height:28px; text-align:center; color:#ffffff; font-size:16px; background-color:#393939;}
.ma_main .area1_r .left div span{ color:#ffffff; text-align:center; font-size:50px; font-weight:bold; font-family:'Arial'; display:block; line-height:60px;}
.ma_main .area1_r .left i{ display:block; text-align:center; color:#fff; font-size:15px; margin-bottom:10px;}
.ma_main .area1_r .right{ margin-left:15px; float:left;}
.ma_main .area1_r .right li{ border:1px solid #ececec; width:133px; height:36px; line-height:36px; margin-bottom:15px; box-shadow:3px 3px #fafafa; position:relative;}
.ma_main .area1_r .right li p{ display:block; float:left;/* border-right:1px solid #ececec;*/border:1px solid #ececec; text-align:center; font-size:14px; padding-right:10px; padding-left:37px; height:34px;}
.ma_main .area1_r .right li p:hover{ background-color:#fcfcfc; cursor:pointer; border:1px solid #ffca80;}
.ma_main .area1_r .right li span{ display:block; float:left; width:56px; text-align:center; background-color:#f9f9f9;}
.ma_main .area1_r .right li em{ display:block; width:56px; position:absolute; text-align:center; top:-15px; right:0; color:#ff6010; font-size:14px; z-index:99;}
.ma_main .area1_r .right li .hide{ display:none;}

.area1_r .right .level1 p{ background:url(/Public/images/shouji/detail/ma52.png) no-repeat 8px center;}
.area1_r .right .level1 span{ color:#ff6010;}
.area1_r .right .level2 p{ background:url(/Public/images/shouji/detail/ma53.png) no-repeat 8px center;}
.area1_r .right .level2 span{ color:#20da9b;}
.area1_r .right .level3 p{ background:url(/Public/images/shouji/detail/ma54.png) no-repeat 8px center;}
.area1_r .right .level4 span{ color:#7f8794;}

.current1{ color:#ff5500; background-color:#ffe9de; font-weight:bold}
.current2{ color:#22bd89; background-color:#ebfef8; font-weight:bold}
.current3{ color:#6589c2; background-color:#e4eeff; font-weight:bold}

.ma_main .area2{ border-top:1px solid #ececec; overflow:hidden; margin-top:30px;}
.ma_main .area2_l{ float:left; width:860px;}
.ma_main .area2_l h2{ border-bottom:1px solid #ececec; height:40px; margin-top:40px; position:relative;}
.ma_main .area2_l h2 i{ border-top:1px solid #ff5500; border-left:1px solid #ececec; border-right:1px solid #ececec; background-color:#fff; width:135px; line-height:40px; height:40px; display:block; text-align:center; font-size:18px; color:#333;}
.ma_main .area2_l h2 em{ position:absolute; right:0; bottom:0; color:#666666; font-size:14px; line-height:40px;}
.ma_main .area2_l h2 a{ position:absolute; right:10px; bottom:0; color:#666666; font-size:14px; line-height:40px;}
.ma_main .area2_l h2 a:hover{ color:#ff5500;}
.ma_main .cont1 .att{ margin:40px 19px; border:1px solid #ffd2a6; background-color:#fffaf2; position:relative;}
.ma_main .cont1 dl{ padding:30px 49px;}
.ma_main .cont1 dt{ color:#ff5500; font-size:20px; font-weight:bold; margin-bottom:19px;}
.ma_main .cont1 dd{ font-size:14px; color:#666; margin-bottom:15px;}
.ma_main .cont1 .comma1{ position:absolute; background:url(/Public/images/shouji/detail/ma24.png) no-repeat; display:block; width:13px; height:9px; top:20px; left:19px; z-index:99}
.ma_main .cont1 .comma2{ position:absolute; background:url(/Public/images/shouji/detail/ma25.png); display:block; width:13px; height:9px; bottom:20px; right:19px; z-index:99}
.ma_main .cont1 .int{ margin:30px 20px;}
.ma_main .cont1 .int p{ line-height:30px; color:#333; font-size:14px; text-indent:1.5em;}
.ma_main .cont1 .int p img{ max-width: 60%; }
.ma_main .cont1 .int .txt{ height:auto; overflow:hidden;}
.ma_main .cont1 .int #btn{ overflow:hidden;}
.ma_main .cont1 .int h4{ color:#ff5500; font-size:16px; line-height:23px; background-color:#fff4e5; padding:0 15px; display:inline-block; margin:28px 0; border-radius:15px; margin-left:20px;}
.ma_main .cont1 .int #btn a{ float:right; line-height:24px; color:#0acc8b; background:url(/Public/images/shouji/detail/ma19.png) no-repeat left center; padding-left:15px; cursor:pointer; display:block;}
.ma_main .cont2 h6{ color:#ff5500; font-size:16px; line-height:23px; background-color:#fff4e5; padding:0 15px; display:inline-block; margin:28px 0; border-radius:15px; margin-left:20px;}
.ma_main .cont2 .block div{ overflow:hidden; margin-left:20px;}
.ma_main .cont2 a{ display:block; float:left; color:#333333; font-size:14px; line-height:32px; height:32px; border:1px solid #ececec; background-color:#fafafa; margin:0 20px 19px 0; width:85px; text-align: center; overflow:hidden;}
.ma_main .cont2 a:hover{ color:#7ca698; background-color:#f6fffc; border:1px solid #b8ead9;}
.block3 .last{ background:url(/Public/images/shouji/detail/ma20.jpg) no-repeat 85px center; padding-right:45px; width:85px;}

/*.cont3 .cen{ margin:40px 20px; border:1px solid #ececec; background-color:#fafafa;}
.cont3 .main{ overflow:hidden;}
.cont3 .pos_l{ background:url(/Public/images/shouji/detail/ma22.png) no-repeat; width:40px; height:40px; float:left; margin-top:255px; margin-left:20px;}
.cont3 .pos_l:hover{ background:url(/Public/images/shouji/detail/ma33.png) no-repeat;}
.cont3 .pos_r{ background:url(/Public/images/shouji/detail/ma23.png) no-repeat; width:40px; height:40px; float:left; margin-top:255px; margin-right:20px;}
.cont3 .pos_r:hover{ background:url(/Public/images/shouji/detail/ma32.png) no-repeat;}
.cont3 .cont3_alk{ float:left; width:407px; margin:20px 138px; height:520px;}
.cont3 ul{ overflow:hidden;}
.cont3_alk li {float:left;height:520px;}
.cont3 ul li{ float:left;}
.cont3 ul li img{ width:407px; height:245px; display:block; margin-bottom:15px;}*/

.ma_main .cont4{ border:1px solid #ececec; overflow:hidden; margin-bottom:20px;}
.ma_main .cont4 .cont4_l{ float:left; background:url(/Public/images/shouji/detail/ma26.jpg) no-repeat left top; margin:19px 20px; overflow:hidden;}
.ma_main .cont4_l .left{ float:left; width:110px; padding-left:48px; margin-right:20px;}
.ma_main .cont4_l .left p{ color:#0073e6; font-size:26px; margin:5px 0;}
.ma_main .cont4_l .left em{ color:#999999; font-size:12px;}
.ma_main .cont4_l .right{ float:right; width:180px;}
.ma_main .cont4_l .right b{ display:block; color:#ff5500; font-size:12px; font-weight:normal; margin:3px 0 5px 0;}
.ma_main .cont4_l .right em{ color:#999999; font-size:12px;}
.ma_main .cont4_l .right em span{ color:#666666;}
/*.ma_main .cont4 .cont4_c{ float:left; margin:14px 25px;}
.ma_main .cont4 .cont4_c i{ display:block; margin-bottom:7px;}
.ma_main .cont4 .cont4_c a{ display:inline-block; margin-right:20px;}
.ma_main .cont4 .cont4_c a img{ display:block; width:109px; height:24px;}*/

.ma_main .cont4 .cont4_c{ float:left; width: 228px; margin:0 60px 0 30px;}
.ma_main .cont4 .cont4_c a { display: block; width: 228px; height: 86px; background: url(/Public/images/game/sg01.jpg) no-repeat left 3px; font-size:0;}
.ma_main .cont4 .cont4_c a:hover { background: url(/Public/images/game/sg02.jpg) no-repeat left 3px;}

.ma_main .cont4 .cont4_r{ float:left; width:90px; margin:14px 0;}
.ma_main .cont4 .cont4_r i{ display:block; margin-bottom:7px;}
.ma_main .cont4 .cont4_r a img{ display:block; width:90px; height:24px;}

.cont5 ul{ margin:15px 20px 15px -40px; overflow:hidden;}
.cont5 ul li{line-height:50px; height:50px; overflow:hidden; color:#003333; color:#003333; width:380px; float:left; margin:0 0 0 60px;}
.cont5 ul li h4{ float:left; width:285px; margin-right:5px;}
.cont5 ul li h4{ color:#003333; color:#003333;} 
.cont5 ul li h4 a:hover{ color:#ff6010;}
.cont5 ul li span{ float:left; display:block; margin-right:5px;}
.cont5 ul li a{ float:right; display:block; color:#fff; background-color:#0acc8b; line-height:24px; margin-top:13px; padding:0 14px; margin-right:5px;}
.cont5 ul li a:hover{ background-color:#3eb37e;}
.cont5 .unfold{ overflow:hidden;}
.cont5 .unfold a{ display:block; background:url(/Public/images/shouji/detail/ma19.png) no-repeat left center; float:right; padding-left:12px; color:#0acc8b; font-size:14px; margin-right:25px; cursor:pointer;}
#cont5ul .hid{display:none;}
#cont5ul .show{display:block;}


.cont6 ul{ overflow:hidden; margin:29px 20px;}
.cont6 ul li{ float:left; overflow:hidden; width:50%; margin-bottom:16px;}
.cont6 ul li h5{ float:left; width:70px; line-height:17px; height:17px; overflow:hidden;}
.cont6 ul li h5 a{ color:#ff5500; font-size:14px;}
.cont6 ul li p{ float:left; line-height:17px; height:17px; overflow:hidden; width:330px;}
.cont6 ul li p a{ color:#333333; font-size:16px;}
.cont6 ul li p a:hover{ color:#ff6010;}


.cont8 h5{ padding: 0 10px; height: 30px; line-height: 30px; border-left: 5px solid #26A8DD; font-size: 16px; margin:10px 20px;}
.cont8 ul{ overflow:hidden; margin:0 20px 10px 20px;}
.cont8 ul li{ float:left; background:url(/Public/images/shouji/detail/Arr.gif) no-repeat left center; padding-left:10px; height:17px; overflow:hidden; margin:0 10px 15px 0; width:388px;}
.cont8 ul li a{ color:#333333; font-size:16px; line-height:17px;}
.cont8 ul li a:hover{ color:#ff6010;}


.ma_main .area2_r{ float:right; width:285px;}
.area2_r h4{ color:#4f5361; font-size:20px; border-left:5px solid #ff9500; padding-left:7px; line-height:24px; height:24px; margin-top:40px; overflow:hidden;}
.area2_r h4 a{ padding:0; background:url(/Public/images/shouji/detail/ma18.jpg) left center; width:22px; height:22px; float:right;}
.area2_r h4 a:hover{ background:url(/Public/images/shouji/detail/ma29.jpg);}
.area2_r h4 span{ float:right; color:#666666; font-size:14px; line-height:22px; cursor:pointer; padding-left:22px; background:url(/Public/images/shouji/detail/ma48.png) no-repeat left center; margin-right:10px;}
.area2_r h4 span:hover{ background:url(/Public/images/shouji/detail/ma49.png) no-repeat left center; color:#ff5500;}
.area2_r .r_t ul{ border-top:1px solid #ececec; margin:20px 0 0 0;}
.area2_r .r_t ul li{ border-bottom:1px solid #ececec; padding:20px 0; overflow:hidden;}
.area2_r .r_t ul li img{ float:left; display:block; width:76px; height:76px; border-radius:10px; margin-right:8px;}
.area2_r .r_t ul li div{ float:left; display:block; margin-bottom:0; width:130px;}
.area2_r .r_t li h6{ height:17px; overflow:hidden; width:130px; margin:15px 0 10px 0;}
.area2_r .r_t li h6 a{ font-size:16px; color:#333; line-height:17px;}
.area2_r .r_t li h6 a:hover{ color:#ff6010;}
.area2_r .r_t ul li i{ color:#999; font-size:14px;}
.area2_r .r_t ul li b{ float:right; display:block; background-color:#e2fff5; color:#09ca89; font-size:14px; height:60px; width:60px; line-height:60px; font-weight:normal; text-align:center; border-radius:50%; margin-top:10px;}
.area2_r .r_t ul li span{ font-weight:bold; font-size:20px;}
.area2_r .r_c dl{ border-top:1px solid #ececec; margin:20px 0 0 0;}
.area2_r .r_c dt{ border-bottom:1px solid #ececec; overflow:hidden; padding:16px 0; position:relative;}
.area2_r .r_c dt img{ display:block; float:left; width:72px; height:72px; border-radius:10px; margin:0 10px 0 40px;}
.area2_r .r_c dt div{ float:left; width:155px;}
.area2_r .r_c dt div h6{ line-height:19px; height:19px; overflow:hidden; margin:5px 0 10px;}
.area2_r .r_c dt div h6 a{ color:#333; font-size:18px;}
.area2_r .r_c dt div h6 a:hover{ color:#ff6010;}
.area2_r .r_c dt div p{ display:block; color:#999999; font-size:12px; margin-bottom:5px;}
.area2_r .r_c dt div p span{ color:#666;}
.area2_r .r_c dt i{ background:url(/Public/images/shouji/detail/ma16.jpg) no-repeat; position:absolute; left:0; top:0; width:26px; height:59px; display:block; font-size:0;}
.area2_r .r_c dd{ border-bottom:1px solid #ececec; line-height:19px; height:19px; padding:10px 0;}
.area2_r .r_c dd b,.area2_r .r_c dd span,.area2_r .r_c dd em,.area2_r .r_c dd i{ line-height:19px; height:19px; overflow:hidden;}
.area2_r .r_c dd b{ display:inline-block; background-color:#4b9afa; width:19px; line-height:19px; height:19px; color:#fff; text-align:center; font-weight:normal; margin-right:20px;}
.area2_r .r_c .fr b{ background-color:#ff5a00;}
.area2_r .r_c dd span{ display:inline-block; width:190px; color:#333; font-size:14px; margin-right:5px;}
.area2_r .r_c dd span:hover{ color:#ff6010;}
.area2_r .r_c dd em{ display:inline-block; width:90px; color:#333; font-size:14px; margin:0 5px;}
.area2_r .r_c dd i{ display:inline-block; width:49px; color:#006fcd; font-size:14px;}
.area2_r .r_b ul{ overflow:hidden; border-top:1px solid #ececec; margin:20px 0 0 0; background:url(/Public/images/shouji/detail/ma31.jpg) repeat-y top center;}
.area2_r .r_b li{ float:left; margin-top:20px; padding:0 20px;}
.area2_r .r_b li a{ display:block;}
.area2_r .r_b li a img{ display:block; width:100px; height:100px; border-radius:10px;}
.area2_r .r_b li p{ text-align:center; color:#333333; font-size:16px; margin-top:15px; line-height:17px; height:17px; overflow:hidden; width:100px;}
.area2_r .r_b li p:hover{ color:#ff6010;}

/*安卓版*/
/*安卓版 游戏截图*/
/*.cont3 .main2{ overflow:hidden;}
.main2 .pos_l{ background:url(/Public/images/shouji/detail/ma22.png) no-repeat; width:40px; height:40px; float:left; margin-top:240px; margin-left:20px;}
.cont3 .main2 .pos_l:hover{ background:url(/Public/images/shouji/detail/ma33.png) no-repeat;}
.cont3 .main2 .pos_r{ background:url(/Public/images/shouji/detail/ma23.png) no-repeat; width:40px; height:40px; float:left; margin-top:240px; margin-right:20px;}
.cont3 .main2 .pos_r:hover{ background:url(/Public/images/shouji/detail/ma32.png) no-repeat;}
.cont3 .cont3_alk2{ float:left; width:546px; margin:20px 75px; height:408px;}
.cont3 .ul2 li{ float:left;width:546px}
.cont3 .ul2 li img{ width:248px; height:408px; display:block; margin-right:25px; float:left;}*/
/*安卓版下载专区*/
.area1_lt .l_r .add{ overflow:hidden; margin:12px 0 5px 0;}
.area1_lt .l_r .add span{ display:block; float:left; color:#333333; font-size:14px; padding-left:25px; margin-right:20px; line-height:16px;}
.area1_lt .l_r .add .add1{ background:url(/Public/images/shouji/detail/ma40.png) no-repeat left center;}
.area1_lt .l_r .add .add2{ background:url(/Public/images/shouji/detail/ma41.png) no-repeat left center;}
.area1_lt .l_r .add .add3{ background:url(/Public/images/shouji/detail/ma42.png) no-repeat left center;}
.area1_lt .l_r .add .add4{ background:url(/Public/images/shouji/detail/ma43.png) no-repeat left center;}
.area1_lt .l_r .add .add5{ background:url(/Public/images/shouji/detail/ma44.png) no-repeat left center;}

.area1 .area1_lb{ margin-right:-500px;}
.area1 .area1_lb .download5{ background-color:#ff5500;}
.area1 .area1_lb .download5:hover{ background-color:#e64d00;}
.area1 .area1_lb .download5 span{ background:url(/Public/images/shouji/detail/ma35.png) no-repeat left center; padding-left:28px;}
.area1 .area1_lb .download6{ background-color:#2693ff;}
.area1 .area1_lb .download6:hover{ background-color:#007eff;}
.area1 .area1_lb .download6 span{ background:url(/Public/images/shouji/detail/ma06.png) no-repeat left center; padding-left:28px;}
.area1 .area1_lb .download7{ background-color:#fff4e5; width:285px;}
.area1 .area1_lb .download7 span{ background:url(/Public/images/shouji/detail/ma45.png) no-repeat left center; padding-left:28px; color:#333333; font-size:16px;}
.area1 .area1_lb .download7 span b{ color:#ff5500;}
.area1 .area1_lb .download8{ background-color:#e2fff5; width:235px;}
.area1 .area1_lb .download8 span{ background:url(/Public/images/shouji/detail/ma46.png) no-repeat left center; padding-left:28px; color:#333333; font-size:16px;}

.area1_l .l_tl .p2 b{ background:url(/Public/images/shouji/detail/ma39.jpg); width:16px;}
.ma_main .area1_r .left .div2{ background-color:#8fd316;}
.others{ float:left; background-image: url(/Public/images/shouji/detail/ma50.png); padding:0 52px 0 55px; color: rgb(10, 204, 139); font-size: 14px; cursor: pointer; background-position:40px 50%;
background-repeat: no-repeat no-repeat;}
.shrink{ float:left; background-image: url(/Public/images/shouji/detail/ma51.png); padding:0 52px 0 55px; color: rgb(10, 204, 139); font-size: 14px; cursor: pointer; background-position:60px 50%; background-repeat: no-repeat no-repeat;}



.hidden{ display:none;}
.show{ display:block;}
#guess ol{ overflow:hidden; border-bottom:1px solid #ececec;}
#guess ol li{ float:left; padding:0 17px; color:#333; font-size:18px; line-height:45px; height:45px; cursor:pointer; border-bottom:1px solid #fff;}
#guess ol li.active{ color:#ff5500; height:45px; border-bottom:1px solid #ff5500;}
#guess h6{ color:#333; font-size:18px; line-height:19px; height:19px; overflow:hidden; border-left:4px solid #ff5500; padding-left:8px; margin:22px 0 0 0;}
#guess h6 a{ display:block; float:right; color:#333; font-size:14px;}
#guess h6 a:hover{ color:#ff5500;}
#guess p{ text-indent:1.5em; line-height:30px; font-size:14px; color:#333; margin:10px 0 15px;text-overflow:ellipsis; height:90px; overflow:hidden; position:relative;}
#guess p a{ color:#ff5500; position:absolute; bottom:0; right:0; background-color:#fff; display:block;}
#guess ul li{ float:left; margin:0 11px 0 30px; width:100px;}
#guess ul li img{ display:block; width:100px; height:100px; border-radius:10px;}
#guess ul li span{ width:100px; display:block; text-align:center; color:#333; font-size:16px; line-height:20px; height:40px; overflow:hidden; margin:13px 0 15px;}
#guess ul li span:hover{ color:#ff5500;}

.intitle h2 { margin: 20px 0 10px; padding: 0px 11px; line-height: 23px; height: 23px!important; background-color: #fff4e5; color: #ff5500; display: inline-block; font-size:16px; border-bottom:none!important;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}
.int table{ margin:20px auto;}
/*系列版本*/
.similar{clear:both; zoom:1;overflow:hidden; margin-bottom:20px;}
#wrapper2{ float:left; position:relative;z-index:0;overflow:hidden;}
#scroller2{width:3000px;height:100%;float:left;padding:10px;}
#scroller2 ul{display:block;float:left;width:100%;height:100%;padding:0;margin:0;}
#scroller2 li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;display:block;float:left;width:80px; margin:20px 17px 0 10px;}
#scroller2 li img{width:80px;height:80px;display:block;margin:0 auto 3px auto;
  -moz-border-radius:10px; /* Firefox */
  -webkit-border-radius:10px; /* Safari 和 Chrome */
  border-radius:10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
#scroller2 p{font-size:16px; line-height:20px; height:40px;color:#333; display:block;overflow:hidden; text-align:center; margin-top:14px;}
#scroller2 p:hover{ color:#ff5500;}
/*fahao*/
/*.fahao ul{ overflow:hidden; border-left:1px solid #e2e2e2; margin:20px 0 20px 0; width:856px;
  -moz-box-shadow:0 1px 5px #e2e2e2; /* Firefox */
/*  -webkit-box-shadow:0 1px 5px #e2e2e2;*/ /* Safari 和 Chrome */
 /* box-shadow:0 1px 5px #e2e2e2;*/ /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
/*}
.fahao ul li{ float:left; width:173px; padding:20px; border:1px solid #e2e2e2; border-left:0;}
.fahao li h6{ font-size:18px; line-height:19px; height:19px; overflow:hidden; color:#333; margin-bottom:20px;}
.fahao li p{ float:left; line-height:26px; height:26px; color:#999; font-size:14px;}
.fahao li p span{ color:#ff9500;}
.fahao li a{ float:right; display:block; width:70px; text-align:center; line-height:24px; height:24px; border:1px solid #2693ff; color:#2693ff; font-size:14px;}
.fahao li a:hover{ background-color:#2693ff; color:#fff;}*/
/*rg*/
.rg{ margin-bottom: 40px;}
.rg h2{ position:relative;}
.rg .more{ position:absolute; top:9px; right:0; padding:0; background:url(/Public/images/shouji/detail/ma18.jpg) left center; width:22px; height:22px; float:right; border:none;}
.rg .more:hover{ background:url(/Public/images/shouji/detail/ma29.jpg);}
.rg ul{ padding-top:10px;}
.rg li{ padding:10px 20px; overflow:hidden; border-bottom:1px dotted #dddddd;}
.rg li div{ width:710px; overflow:hidden; float:left;}
.rg li div h6 { font-size:16px; line-height:22px; height:22px; overflow:hidden; color:#333;}
.rg li div h6:hover{ color:#ff5500;}
.rg li div p{ font-size:14px; color:#858585; line-height:20px; height:20px; margin-top:3px;}
.rg li div p span{ margin-right:20px;}
.rg li div p em{ color:#ff7e72; margin:0 3px;}
.rg .li_r{ float:right; display:block; width:95px; text-align:center; line-height:37px; height:37px; background-color:#08961e; color:#fff; margin-top:15px; border-radius:3px;}
.rg .li_r:hover{ opacity:0.85;filter(alpha=85)}

.rg dl{ margin:30px auto; width:838px; border:1px solid #fbfbfb;}
.rg dt{ background-color:#fbfbfb; overflow:hidden; line-height:40px; height:40px; font-size:16px; color:#666;}
.rg dt p{ float:left; margin:0 20px 0 0;}
.rg dt .name{ width:300px; padding-left:50px;}
.rg dt .pf{ width:200px; text-align:center;}
.rg dt .remaining{ width:100px; text-align:center;}
.rg dt .gift{ width:100px; text-align:center;}
.rg dd{ border-top:1px solid #fbfbfb; overflow:hidden;}
.rg dd p{ float:left; line-height:38px; height:38px; margin:0 20px 0 0; overflow:hidden; color:#666;}
.rg dd .name{ width:340px; padding-left:10px;}
.rg dd .pf{ width:200px; text-align:center;}
.rg dd .remaining{ width:100px; text-align:center;}
.rg dd .gift{ width:100px; text-align:center;}
.rg dd .gift a{ display:block; width:74px; text-align:center; height:26px; line-height:26px; margin:5px auto; color:#2971e9; font-size:14px; border:1px solid #2971e9;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari 和 Chrome */
  border-radius:5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.rg dd .gift a:hover{ background-color:#2971e9; color:#fff;}
/**/
.acty ul{ overflow:hidden;}
.acty li{ float:left; margin:20px 0 0 19px;}
.acty li a{ display:block; width:191px;}
.acty li img{ display:block; width:191px; height:120px;}
.acty li a span{ font-size:14px; line-height:20px; height:40px; overflow:hidden; display:block; color:#666666; margin:5px 0 0 0; text-align:center;}
.acty li a span:hover{ color:#ff5500;}
.acty .more{ position:absolute; top:9px; right:0; padding:0; background:url(/Public/images/shouji/detail/ma18.jpg) left center; width:22px; height:22px; float:right; border:none;}
.acty .more:hover{ background:url(/Public/images/shouji/detail/ma29.jpg);}
/**/
.snapShotWrap{width:820px;overflow:hidden;position:relative;margin:30px auto 30px;}
#shotNext{top:0;right:0;}
#shotPrev{top:0;left:0;}
.snap-shot-btn{position:absolute;width:50%;height:100%;opacity:0.7;z-index:3;}
#shotNext i{background-position:-20px 0;right:30px;}
#shotPrev i{background-position:0 0;left:30px;}
.snap-shot-btn i{background:url(/Public/images/shouji/detail/contral_w.png) no-repeat;position:absolute;width:18px;height:32px;top:50%;margin:-16px 0 0 0;}

.snapShotCont{width:820px;position:relative;overflow:hidden;}
.snopshot{position:absolute;overflow:hidden;zoom:1;text-align:center;}
.snapShotCont img{position:relative;width:100%; height:100%;}
.elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40);}
.elementOverlays{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);}

.down{ margin:20px 0 0 0 ;}
.down .cont div{ margin:0 0 0 -35px;}
.down .cont a{ height:45px; line-height:45px; display:block; float:left; margin-left:13px; width:220px; margin:0 0 20px 35px;}
.down .cont a i{ height:45px; line-height:45px; float:left; margin-right:13px; padding-left:55px; font-size:20px; color:#fff;  font-weight:normal; display:inline-block;}
.down .cont a b{ display:block; width:48px; height:45px; float:right; position:relative;}
.down .cont a b em { position: absolute; width: 159px; height: 175px; top: 0; left: -162px; z-index: 999; display: none;}
.down .cont a b em img { width: 150px; height: 150px; display: block; margin: 1px 1px 0 1px;}
.down .cont a b em h6 { color: #666666; font-size: 14px; text-align: center; line-height: 15px;}
.down .cont a b:hover em{ display:block;}
.down .cont a :hover i{ opacity:0.8;filter(alpha=80)}

.down_android a b{ background:url(/Public/images/shouji/detail/qr01.png) no-repeat center center; border-left:1px solid #ffae3b;}
.down_android .android01{ background:url(/Public/images/shouji/detail/down_icon01.png) #ff9500 no-repeat 30px center;}
.down_android .android01 b em { background: url(/Public/images/shouji/detail/ma10.png);}
.down_android .android02{ background:url(/Public/images/shouji/detail/down_icon02.png) #ff5500 no-repeat 30px center;}
.down_android .android02 b em { background:url(/Public/images/shouji/detail/qrbg02.png) no-repeat;}

.down_ios a{ background:url(/Public/images/shouji/detail/down_icon03.png) #2693ff  no-repeat 30px center;}
.down_ios a b{ background:url(/Public/images/shouji/detail/qr03.png) no-repeat center center; border-left:1px solid #51a9ff;}
.down_ios a b em { background:url(/Public/images/shouji/detail/qrbg03.png) no-repeat;}

.down_other a{ background-color:#b2d235!important;}
.down_other a b{ background:url(/Public/images/shouji/detail/qr04.png) no-repeat center center; border-left:1px solid #c1db5d;}
.down_other a b em { background:url(/Public/images/shouji/detail/qrbg04.png) no-repeat;}
.down_other .other01{ background:url(/Public/images/shouji/detail/down_icon04.png) no-repeat 26px center;}
.down_other .other02{ background:url(/Public/images/shouji/detail/down_icon05.png) no-repeat 30px center;}

.notice{ padding:6px 9px; background-color:#fffaf2; border:1px solid #ffd2a6; font-size:14px; color:#666; line-height:22px;  display:block; margin: 0 20px 10px 20px;}
.notice span{ color:#666; font-size:14px; display:block;}
.notice span i{ display:inline-block;  padding-left:25px;}
.notice span .ts{ background:url(/Public/images/game/sing54.png) no-repeat left center; color:#20da9b;}
.notice span .jg{ background:url(/Public/images/game/sing41.png) no-repeat left center; color:#ff5500;}
.notice a{ color:#007eff; text-decoration:underline; margin:0 3px;}
.notice a:hover{ color:#ff5500;}
.tabox .add{ display:inline-block; }
.downadd{ float:left; width:460px;margin-left: 20px;}
.downadd h5{ font-size:16px; color:#333; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ececec; margin-bottom:20px;}

.dntitle { margin-bottom: 20px; overflow: hidden;}
.downban {float: right;width: 325px; margin-top: 15px; margin-right: 20px; margin-bottom: 30px;}
.dntitle a { float: left; line-height: 40px; height: 40px; font-size: 18px; color: #333; width: 135px; text-align: center; border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-top: 1px solid #ff5500; display: inline-block;}
.dntitle span { float: right; display: inline-block; width: 723px; height: 40px; border-bottom: 1px solid #ececec;}
.gs { margin-top: 20px;}

.cp ul { overflow: hidden;}
.cp li {float: left; height: 37px; background-color: #fafafa; margin: 0 20px 20px 0; border: 1px solid #ececec;}
.cp li:hover{ background-color:#ff5500; border:1px solid #ff5500;}
.cp li:hover a{ color:#fff;}
.xz a {display: inline-block; color: #333; font-size: 16px; line-height: 37px; padding: 0 20px 0 52px!important;}
.xz .dx{ background:url(/Public/images/game/sing57.png) no-repeat 20px center;}
.xz .dx:hover{ background:url(/Public/images/game/sing61.png) no-repeat 20px center;}
.xz .wt{ background:url(/Public/images/game/sing58.png) no-repeat 20px center;}
.xz .wt:hover{ background:url(/Public/images/game/sing62.png) no-repeat 20px center;}

.tl{ margin-bottom:10px;}
.tl ul{ overflow:hidden;}
.tl li{ float:left; height:37px; background-color:#fafafa; border:1px solid #ececec; margin:0 20px 20px 0;}
.tl a{ display:block; color:#333; font-size:16px; line-height:37px; padding:0 25px 0 45px; background:url(/Public/images/game/sing46.png) no-repeat 13px center;}
.tl li:hover{ background-color:#ff5500; border:1px solid #ff5500;}
.tl li:hover a{ color:#fff; background:url(/Public/images/game/sing52.png) no-repeat 13px center;}
.un_li a{  background:url(/Public/images/game/sing47.png) no-repeat 10px center!important;}
.un_li:hover a{ background:url(/Public/images/game/sing53.png) no-repeat 10px center!important;}

.spare dl{ overflow:hidden; padding:0 0 0 0!important;}
.spare dt{ float:left; width:125px; height:125px;}
.spare dt img{ width:125px; height:125px;}
.spare dd{ float:right; width:330px;}
.spare dd b{ line-height:30px; height:30px; font-size:18px; color:#333333; font-weight:normal; display:block;}
.spare dd p{ line-height:30px; height:30px; font-size:16px; color:#333333;}
.spare dd p em{ color:#ff5a00;}
.spare dd span{ display:block; font-size:16px; color:#333333; line-height:27px;}

.dntitle{ position:relative;}
.dntitle .look{ position:absolute; left:155px; top:0; width:auto!important; text-align:left!important; border:none!important;background: url(/Public/images/shouji/detail/jc_r.png) 0 0 no-repeat; width:228px!important; height:40px;}

.ma_main .area1 .tit a{ float:left; margin:6px 0 0 5px; height: 25px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; border-radius: 3px; text-align: center; font-size: 14px; color: #fff;}
.ma_main .area1 .tit a i{position:absolute;top:-6px;right:-4px;padding:0 4px;display:inline-block;background:red;border-radius:10px;font-size:12px;color:#fff;font-family: initial;line-height: initial;font-weight: 100;height:14px;line-height:15px;}

.ma_main .area1 .tit .special{ width: 38px; height: 24px; line-height: 24px; font-weight: 100; background: #20ace6;}
.ma_main .area1 .tit .libao{ width: 38px; height: 24px; line-height: 24px; font-weight: 100; background: #c740e3;}
.ma_main .area1 .tit .huodong{ width: 38px; height: 24px; line-height: 24px; font-weight: 100; background: #fc5b79;}

.down_box{ overflow:hidden; border:1px solid #ececec; padding:15px 25px; margin:40px 0 0 0;}
.down_box h5{ float:left; display:block; font-size:22px; line-height:24px; height:24px;}
.down_box a{ float:right; display:block; line-height:24px; height:24px; margin:0 0 0 30px; font-size:16px; color:#333333;}
.down_box a:hover{ color:#ff5500;}

.r_hj{ margin:0 0 30px 0;}
.r_hj ul{ width:285px; height:auto; margin:auto; display:block; overflow:hidden}
.r_hj ul li{ width:285px; height:120px; padding:5px; margin:10px 0 5px 0; display:block; overflow:hidden}
.r_hj ul li a{ width:100%; height:120px; display:block; overflow:hidden; position:relative; zoom:1}
.r_hj ul li a img{ display:block; width:100%; height:100%; object-fit:cover;}
.r_hj ul li a strong{ width:100%; height:26px; line-height:26px; background:rgba(0,0,0,0.5); font-size:14px; font-weight:normal; color:#fff; text-align:center; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.r_hj ul li a:hover{ box-shadow:0px 0px 5px #ff5500;}
.r_hj ul li a:hover strong{ background:#ff5500}

.swiper-container { width:860px; margin:20px 0 0 0 !important; } 
.swiper-slide { text-align:center; font-size:18px; background:#fff; max-height:350px;
  /* Center slide text vertically */
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center; }
.swiper-button-prev,.swiper-button-next{ width:34px; height:66px; background:url(https://static.wanyx.com/Public/images/pcgame/index/pn.png) rgba( 0, 0, 0,0.8)  no-repeat;background-size:auto; margin-top:-32px;}
.swiper-button-prev{ background-position:9px 23px; left:0;}
.swiper-button-next{ background-position:-19px 23px; right:0;}
.swiper-wrapper img{ display:block; width:100%; height:100%; object-fit:cover;}