/* CSS Document */
@import url("../animate.min.css");
@import url("../font-awesome.min.css");
/*全局样式*/
html{font-size:16px;height:100%;}
a{text-decoration:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button {margin:0;padding:0;box-sizing: border-box;border:none;outline: none;}
input:hover,input:focus{border:none;}
body{font-size:16px;font-family:"微软雅黑";word-spacing:0.1em;min-width:320px;background-color:#fff;}
button{border:0 none;background-color:transparent;cursor:pointer}
ul,ol,li{list-style-type:none;}
img{border:none;height:auto; vertical-align: top; }
.fl{float:left;}
.fr{float:right;}
.clear{clear: both;display: none;}
.notclick{pointer-events: none;}
.w100{width: 100%;margin:0 auto;}
.w96{width:96%;margin:0 auto;max-width:1200px;}
.gray-bg{background:#f2f2f2;}
.part-left{width:75%;}
.part-right{position: absolute;right:0px;width:calc(25% - 20px);top:4rem;height:calc(100% - 4rem);box-sizing:border-box;padding:1rem;background:#fff;border-radius:5px;overflow:hidden;}
.part-head{overflow: hidden;height:4rem;line-height:4rem;color: #2673ff;}
.part-head h5{float: left;font-weight: normal;font-size:1.8rem;padding-left:10px;position:relative;}
.part-head h5:before{content: "";position: absolute; width:3px;height:1.8rem;opacity:1;left: 0px;background-color: #2673ff;top:50%;margin-top:-0.8rem;}
.part-head h5 span{color:#333;}
.part-head h5 strong{display: inline-block;color:#d7d7d7;font-weight:normal;margin-left:10px;text-transform: uppercase;}
.part-head .more{display:inline-block;float: right;font-size:0.875rem;color:inherit;}
.part-head .more i{font-size:1rem;}
/* head css */
.head-bg{background:#35343c;transition: all 0.7s ease-out 0s;min-height:80px;}
.head-bg.fix-head{position: fixed;z-index:991;background:rgba(53,52,60,0.8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c835343c, endcolorstr=#c835343c);}
.head-bg.showBg{position: fixed;background:#35343c;z-index:991;}
.head .top-logo{float: left;width:139px;padding-top:20px;}
.top-logo a{display: block;}
.head .top-logo img{display: block;width:100%;height:auto;max-width:139px;}
/*navBar css */
.head .navBar{position:relative; z-index:5;width:calc(100% - 360px);float: left;margin-left:10px;overflow: hidden;}
.navul{text-align: center;overflow:hidden;}
.scrollerNavBox{position: relative;height:50px;line-height:50px;display:none;overflow: hidden;}
.scrollerTips{position: absolute;right:0px;color:#fff;width:40px;text-align: center;background:#35343c;}
.scrollerNav{position:absolute;left:0;height:50px;line-height:50px;text-align:center;cursor:pointer;}
.scrollerNav li{float:left;height:50px;}
.navul .m{display: inline-block;z-index:1;width:15.2%;position:relative;}
.navul h3{width: 100%;max-width:90px;margin:auto;font-weight:normal;font-size:1rem;height:80px;line-height:80px;position:relative;z-index:91;}
.scrollerNav h3{padding:0px 5px;margin:0px 5px;font-weight:normal;font-size:1rem;z-index:91;position: relative;}
.navul h3 a{display:block;position:relative;}
.navul h3 a,.scrollerNav h3 a{color:#fff;}
.navul a:after,.scrollerNav h3:after{content:"";display: block;width:0px;height:3px;background:#ffe401;margin:0 auto;transition:all 0.4s ease;position: absolute;bottom:0px;left:0px;}
.navul .m:hover h3 a,.navul .m.on h3 a,.scrollerNav li:hover h3 a,.scrollerNav .cur h3 a{font-weight:bold;}
.navul .m:hover a:after,.navul .m.on a:after,.scrollerNav li:hover h3:after,.scrollerNav .cur h3:after{width:100%;}
/* .head-search css */
.head-search{float: right;width:200px;height:40px;line-height:30px;margin-top:25px;position: relative;color:#999;}
.head-search .submit{border:none;background:none;color:#fff;font-size:14px;margin-left:5px;cursor: pointer;}
.head-search .ser-input{height: 30px;width:140px;padding:0px 5px;padding-left:25px;border-radius:15px;border:none;box-sizing: border-box;}
.head-search .form-icon {position:absolute;left:5px;top:0px;font-size:16px;}
.head-search-list{position: absolute;width:100%;left:0px;top:40px;background:#fff;z-index:92;display: none;}
.head-search-list li a{display: block;padding:5px;box-sizing: border-box;overflow: hidden;font-size:1rem;position: relative;font-size:0.875rem;color:#666;padding-left:60px;height:60px;line-height:50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.head-search-list li a img{display: block;position: absolute;left:5px;width:50px;height:50px;border-radius:5px;}
/* fouceSlide css */
.fouceSlide{position:relative;}
.fouceSlide .bd li{width:100%;}
.fouceSlide-li{position:relative;width:100% !important;padding-bottom:36.2%;}
.fouce_box{position: absolute;width:1200px;left:50%;margin-left:-600px;height:110px;top:50%;margin-top:-55px;}
.fouce_box a{display:block;position: relative;color:#fff;border-radius:5px;box-sizing: border-box;padding:20px;height:110px;overflow: hidden;max-width:500px;background:rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);}
.fouce_icon{width:70px;height:70px;overflow: hidden;float: left;}
.fouce_icon img{display: block;width:100%;height:auto;}
.fouce_info{width:calc(100% - 90px);float: right;}
.fouce_topic{width:100%;height:40px;line-height:40px;overflow:hidden;}
.fouce_topic span.fouce_name{float: left;display:block;max-width:calc(100% - 40px);font-size:18px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.fouce_topic span.fouce_type{display:block;float: left;text-align: right;width:40px;font-size:14px;color:#fff;opacity: 0.7;}
.fouce_info p{width:100%;height:30px;line-height:30px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;font-size:14px;color:#fff;opacity: 0.7;}
.item_tags{position: absolute;padding:5px 12px;font-size:12px;background:#ff6f21;color:#fff;border-radius:0px 5px;top:0px;right:0px;}
.item_tags span{font-size:18px;font-weight: bold;}
.fouceSlide .hd{position:relative;width:930px;margin:auto;margin-top:-2.26%;border-radius:5px;overflow:hidden;}
.fouceSlide .hd ul{width:100%;overflow: hidden;}
.fouceSlide .hd li{position:relative;float:left;display:block;width:25%;overflow:hidden;cursor:pointer;font-size: 0;}
.fouceSlide .hd li .hd-img{width:100%;padding-bottom:36.2%;}
.timer-bg{display: none;position:absolute;z-index:2;left:5%;width:90%;top:50%;margin-top:-5px;border-radius:2px;height:10px;background:rgba(144,149,155,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f90959b, endcolorstr=#7f90959b);}
.timer-bar{display: none;position:absolute;z-index:3;left:5%;width:0;top:50%;margin-top:-5px;border-radius:2px;height:10px;background:rgba(225,228,1,0.8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8ffe401, endcolorstr=#c8ffe401);}
.fouceSlide .hd li.on .hd-img{height:100%; width:100%; background:rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000); overflow:hidden;}
.fouceSlide .hd li.on .timer-bg,.fouceSlide .hd li.on .timer-bar{display: block;}
/* scrollSlide */
.scrollSlide-bg{background:url(../../images/1.9.7/xy-bg.png) top center no-repeat;background-size:100% auto;padding:2rem 0px;margin-top:-2.26%;padding-top:calc(2rem + 2.26%);}
.scrollSlide{position: relative;}
.scrollSlide .bd{margin:auto;overflow: hidden;position:relative;width:calc(100% + 40px);margin-left:-10px;}
.scrollSlide .bd ul{overflow: hidden;position: relative;}
.scrollSlide .bd ul li{float: left;margin:10px;width:calc(20% - 24px);cursor:pointer;  display: inline;box-sizing:border-box;}
.scrollSlide .bd ul li a{display: block;width:100%;position: relative;background:#fff;border-radius:5px;overflow: hidden;color:#333;transition:all 0.4s ease;}
.scrollSlide .bd ul li a:hover{box-shadow: 0 0 10px 2px #aeaeae;color:#2673ff;}
.game_bgimg{width:100%;padding-bottom:150%;}
.scroll_topic{width:100%;box-sizing:border-box;padding:10px;margin-top:5px;overflow:hidden;text-align: center;}
.scroll_topic .scroll_title{display: inline-block;box-sizing:border-box;max-width:100%;height:26px;line-height:26px;padding-right:45px;font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;position: relative;}
.scroll_topic .scroll_type{position:absolute;right:0px;top:0px;display:block;background:#2673ff;width:40px;height:26px;line-height:26px;font-size:14px;border-radius:5px;color:#fff;}
.scroll_info{padding: 0px 10px;height:40px;line-height:20px;font-size:14px;color:#999;overflow: hidden;margin-bottom:15px;}
.scrollSlide .hd{display: none;}
.scrollSlide .sPrev,.scrollSlide .sNext{position:absolute;transition:all 0.4s ease;top:50%;margin-top:-40px;padding:30px 12px;background:#fff;color:#2673ff;border-radius:40px;font-size:20px;}
.scrollSlide .sPrev{left:-40px;}
.scrollSlide .sNext{right:-40px;}
.scrollSlide .sPrev:hover,.scrollSlide .sNext:hover{box-shadow: 0 0 10px 2px #bcd4fd;}

/* rs_part css */
.rs_part_bg{background:url(../../images/1.9.7/rs-bg.png) center no-repeat;background-size:100% auto;}
.rs_part{overflow: hidden;position: relative;}
.rs_part .part-right{height:calc(100% - 5rem);}
.red-style{color: #ff2659;}
.red-style h5:before{background-color:#ff2659;}
.hot_part{width:100%;overflow: hidden;}
.hot_part ul{width:calc(100% + 1rem);overflow: hidden;}
.hot_part ul li{width:calc(25% - 1rem);margin-right:1rem;margin-bottom:1rem;float: left;cursor:pointer;border-radius:5px;overflow: hidden;}
.hot_li{width:100%;padding-bottom:150%;overflow:hidden;position:relative;top:0px;left:0px;}
.hot_li .hot_game_bg{position: absolute;height:100%;width:100%;overflow: hidden;}
.hot_box{position: absolute;top:20px;width:100%;left:-100%;color:#fff;z-index:5;padding:10px;box-sizing:border-box;-webkit-transition: all 0.6s; transition: all 0.3s;}
.hot_game_name{text-align: center;height:30px;line-height:30px;font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.hot_icon img{display: block;margin:auto;width:70px;height:70px;}
.hot_type{text-align: center;}
.hot_type span{display:inline-block;background:#2673ff;width:50px;height:24px;line-height:24px;font-size:14px;border-radius:5px;color:#fff;}
.hot_info{height:40px;line-height:20px;overflow: hidden;font-size:12px;margin:10px 0px;}
.hot_btn{text-align: center;}
.hot_btn a{display: inline-block;font-size:26px;color:#fff;border-radius:30px;padding:2px 16px;border:1px solid #fff; -webkit-transition: all 0.6s; transition: all 0.3s;}
.hot_btn a:hover{border-color:#2673ff;background:#2673ff;}
.hot_li:after{content: '';width: 0;height:100%;background-color:#591525;opacity:0.8;position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.hot_part ul li:hover .hot_box{left:0px;}
.hot_part ul li:hover .hot_li:after{width:100%;}
.list-head{width:100%;overflow: hidden;height:30px;line-height:30px;}
.list-head h5{float: left;font-size:16px;color:#8994a4;font-weight: normal;}
.list-head .more{float: right;font-size:14px;color:#999;}
.list-head .more:hover{color:#ffb820;}
.part-list li a{display: block;padding:1rem 0px;position: relative;overflow:hidden;color:#999;-webkit-transition: all 0.3s; transition: all 0.3s;}
.list_eq{width:30px;height:20px;float: left;margin-top:23px;}
.list_eq span{display: block;width:22px;line-height:20px;text-align: center;line-height:20px;font-size:12px;color:#666;border:1px solid #666;border-radius:20px;box-sizing:border-box;-webkit-transition: all 0.3s; transition: all 0.3s;}
.part-list li:first-child .list_eq span,.part-list li:nth-child(2) .list_eq span,.part-list li:nth-child(3) .list_eq span{background:#ffb820;border-color:#ffb820;color:#fff;}
.list_icon{float:left;width:66px;overflow:hidden;}
.list_icon img{display: block;width:100%;height:auto;}
.list_info{float: right;width:calc(100% - 5rem);overflow: hidden;}
.server-game{height:36px;line-height:36px;color:#333;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;font-size:1rem;}
.server-span{height:20px;line-height:20px;font-size:0.875rem;overflow: hidden;}
.server-time{display:block;width:64px;float: left;padding-left:2px;box-sizing: border-box;overflow: hidden;}
.server-name{display:block;width:calc(100% - 64px);float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list_topic{float: right;width:calc(100% - 6.8rem);overflow: hidden;}
.list_topic_head{position: relative;max-width:100%;padding-right:40px;box-sizing:border-box;height:36px;line-height:36px;color:#333;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;font-size:0.9rem;}
.list_topic_type{position:absolute;right:0px;top:8px;display:block;background:#dadada;width:40px;height:20px;text-align: center;line-height:20px;font-size:12px;border-radius:5px;color:#fff;-webkit-transition: all 0.3s; transition: all 0.3s;}
.list_topic p{max-width:100%;height:20px;line-height:20px;font-size:0.875rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;-webkit-transition: all 0.3s; transition: all 0.3s;}
.part-list li a:hover{color:#3a84f9;}
.part-list li a:hover .list_eq span{background:#ffb820;border-color:#ffb820;color:#fff;}
.part-list li a:hover .list_topic_type{background:#ffb820;}
.part-list li a:hover .list_topic p{color:#ffb820;}
/* .zt_part */
.bottom-bg{background:url(../../images/1.9.7/bg-bottom.png) top center no-repeat;background-size:100% auto;}
.green-style{color: #00d089;}
.green-style h5:before{background-color:#00d089;}
.zt_part{overflow: hidden;}
.zt_part ul{width:calc(100% + 10px);overflow: hidden;margin-left:-5px;}
.zt_part ul li{float: left;width:calc(25% - 10px);margin:10px 5px;padding:5px;box-sizing:border-box;}
.zt_part ul li a{display: block;background:#fff;border-radius: 5px;overflow: hidden;color:#333;}
.zt_bg{width:100%;padding-bottom:82.35%;position: relative;overflow:hidden;}
.zt_bg .zt_bgimg{position: absolute;top:0px;left:0px;width:100%;height:100%;transition: all 0.4s ease;}
.zt_title{padding:0px 10px;box-sizing: border-box;width:100%;height:2.4rem;line-height:2.4rem;font-size:1.125rem;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.zt_info{padding:0px 10px;margin-bottom:1rem;box-sizing: border-box;height:2.4rem;line-height:1.2rem;overflow: hidden;font-size:0.875rem;color:#999;}
.zt_part ul li a:hover .zt_bgimg{transform: scale(1.15);}
.zt_part ul li a:hover{color: #00d089;}
/* .group_part */
.waring-style{color: #ffab26;}
.waring-style h5:before{background-color:#ffab26;}
.group_part{position: relative;}
.game_type_part ul{overflow: hidden;border-radius:5px;box-shadow: 0 0 10px 2px #c1c6cc;margin-bottom:1rem;}
.game_type_part ul li{float: left;width:50%;}
.game_type_part ul li:nth-child(2),.game_type_part ul li:nth-child(4),.game_type_part ul li:last-child{width:20%;}
.game_type_part ul li:nth-child(2) .grid-content,.game_type_part ul li:nth-child(4) .grid-content,.game_type_part ul li:last-child .grid-content{padding-bottom:100%;}
.game_type_part ul li:nth-child(3){width:30%;float: right;}
.game_type_part ul li:nth-child(3) .grid-content{padding-bottom:133.33%;}
.game_type_part ul li:nth-child(7){width:30%;}
.game_type_part ul li:nth-child(7) .grid-content{padding-bottom:66.66%;}
.game_type_part ul li a{display: block;width:100%;}
.grid-content{position: relative;overflow: hidden;width:100%;padding-bottom:40%;}
.grid-img{position: absolute;width:100%;height:100%;transition: all 0.4s ease;opacity:0.8;}
.grid-content .grid-shade{position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;text-align: center;}
.grid-content .grid-shade span{display:block;color:#fff;position: absolute;height:2rem;line-height:2rem;top:50%;margin-top:-1rem;font-size:1.125rem;text-align:center;width:100%;}
.game_type_part ul li a:hover .grid-img{transform: scale(1.15);opacity:1;}
/* .slideTxtBox */
.slideTxtBox{display: none;overflow: hidden;position: relative;padding:1rem;box-sizing: border-box;background:#fff;border-radius:5px;}
.slideTxtBox .tab-hd{width:100%;position:relative;box-sizing: border-box;}
.slideTxtBox .tab-hd ul{width:100%;overflow: hidden;text-align: center;position: relative;}
.slideTxtBox .tab-hd ul li{display:block;float: left;cursor:pointer;height:3rem;line-height:3rem;margin-right:1rem;}
.slideTxtBox .tab-hd ul li span{display: block;font-size:16px;color:#8994a4;font-weight: normal;}
.slideTxtBox .tab-hd ul li .more{display: block;position: absolute;right:0px;top:0px;font-size:14px;color:#999;display: none;}
.slideTxtBox .tab-hd ul li.on span{color:#ffb820;font-weight:bold;}
.slideTxtBox .tab-hd ul li.on .more{display: block;}
.slideTxtBox .tab-bd{width:100%;}
.slideTxtBox .tab-hd ul li .more:hover{color:#ffb820;}
/* foot */
.foot-bg{background:#35343c;bottom:0px;}
.foot{padding:4rem 0px;overflow: hidden;position: relative;color:#fff;}
.foot-logo{width:34%;float: left;text-align:right;padding:1rem 20px;box-sizing: border-box;padding-top:4rem;}
.foot-logo a{display: block;}
.foot-logo img{display:inline-block;width:100%;height:auto;max-width:172px;}
.foot-txt{float: left;width:66%;padding:0px 20px;box-sizing: border-box;}
.foot-topic a{display: inline-block;padding:0px 5px;font-size:1.125rem;color:#fff;opacity:0.8;height:3rem;line-height:3rem;}
.foot-topic a:first-child{padding-left:0px;}
.foot-txt p{font-size:0.875rem;line-height:2.4rem;color:#fff;opacity:0.8;}
.foot-topic a:hover{color: #ffe401;}
/*quickFloat*/
.quickFloat{position:fixed;right:1%;height:6.4rem;bottom:2rem;box-shadow: 0 0 5px 2px #dcdcdc;z-index:888;transition:all 0.4s ease;}
.quickFloat.floatCenter{bottom:50%;margin-bottom:-3.2rem;}
.quickBox{width:3.2rem;height:3.2rem;position: relative;background:#fff;}
.quickTxt{position:absolute;right:3.2rem;display: none;width:100px;}
.quickTxt a{background:#ffe401;color:#333;font-size:1rem;display: block;height:3.2rem;line-height:3.2rem;width:100%;text-align: center;}
.quickIcon a{display:block;width:3.2rem;height:3.2rem;position:relative;}
.quickIcon img{display: block;position: absolute;width:2rem;height:auto;top:0px;left:0px;bottom:0px;right:0px;margin:auto;}
.quickIcon .after{display: none;}
.quickBox:hover{background:#ffe401;}
.quickBox:hover .quickTxt{display: block;}
.quickBox:hover .after{display: block;}
.quickBox:hover .before{display: none;}
/* flatBlock */
.flatBlock{overflow: hidden;padding-bottom:23.5%;}
.containerBox{padding:2rem 0px;overflow: hidden;}
/* .gameBox_list */
.tabsBox-head{padding:0.5rem 1rem;background:#fbfbfb;border-radius:5px;overflow: hidden;}
.tabs-nav-box{overflow: hidden;margin:1.5rem 0px;}
.tabs-nav-type{float: left;height:2rem;line-height:2rem;width:5rem;font-size:1rem;color:#666;font-weight: bold;overflow: hidden;}
.tabs-scroller{position: relative;width:calc(100% - 5rem);float: right;height:2rem;overflow: hidden;}
.scrollerOpt{position: absolute;right:0rem;width:1.5rem;height:2rem;line-height:2rem;text-align: center;background:#fbfbfb;cursor: pointer;color:#888;}
.tagNavFloat{display:none;font-size:0.875rem;}
.tabs-scroller .tabs-nav{position: absolute;height:2rem;padding-right:1rem;}
.tabs-nav li{float: left;height:2rem;}
.tabs-nav li a{display:inline-block;margin:0px 0.5rem;text-transform: uppercase;min-width:1.6rem;text-align: center;box-sizing: border-box;padding:0px 0.5rem;height:1.6rem;line-height:1.6rem;font-size:0.875rem;border-radius: 1.6rem;color:#333;margin-top:0.2rem;transition: all 0.4s ease;}
.tabs-nav li.cur a,.tabs-nav li a:hover{background:#333;color:#ffe401;}
.tabsBox-content{margin:1rem 0px;overflow: hidden;}
.tabLi{float: left;margin:1rem;width:calc(33.33% - 2rem);padding:1rem;box-sizing:border-box;position:relative;overflow: hidden;border-radius: 5px;}
.tabLi-icon{float: left;width:80px;max-height:80px;min-height:80px;border-radius:10px;overflow:hidden;}
.tabLi-icon a{display: block;}
.tabLi-icon a img{display: block;width:100%;height:auto;max-height:80px;}
.tabLi-info{float: right;width:calc(100% - 90px);overflow: hidden;}
.tabLi-title a{display:inline-block;font-size:1rem;color:#333;max-width:100%;height:20px;line-height:20px;position: relative;box-sizing: border-box;padding-right:55px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tabLi .bate_tags{position: absolute;top:0px;right:0px;}
.bate_tags{font-size:12px;color:#ff6f21;}
.bate_tags span{font-size:18px;font-weight: bold;max-width:40px;}
.tabLi-type{height:30px;line-height:30px;font-size:0.875rem;color:#999;}
.tabLi-tags{position: absolute;width:calc(100% - 90px - 2rem);right:1rem;bottom:1rem;font-size:0.75rem;color:#fff;box-sizing:border-box;}
.tabLi-tags span{display: inline-block;padding:0px 6px;height:20px;line-height:20px;border-radius:3px;}
.tags-b{background:#5a9cff;}
.tags-g{background:#3fb3cb;}
.tags-w{background:#efbe00;}
.tags-r{background:#f87474;}
.tabLi:hover{background:#fbfbfb;}
.tabLi:hover a{color:#ff6b1a;}
/*tagNavFloatBox*/
.tagNavFloatBox{position: fixed;height:75%;width:100%;background:#fbfbfb;z-index:99;bottom:-75%;color:#333;transition:all 0.4s ease;}
.tagNavFloatBox.active{bottom:0px;}
.tagNavFloatBox-head{font-size:1.125rem;height:3rem;line-height:3rem;position: relative;text-align: center;border-bottom:1px solid #eee;}
.tagNavFloatBox-head .closeNavFloat{position: absolute;left:0.5rem;cursor:pointer;}
.tagNavGroup-head{height:2rem;line-height:2rem;padding-left:1rem;font-size:1rem;color:#666;font-weight: bold;margin-bottom:0.5rem;}
.tagNavGroup ul{overflow: hidden;}
.tagNavGroup ul li{float: left;width:25%;text-align: center;margin:2px 0px;}
.tagNavGroup ul li a{display: inline-block;width:70px;height:30px;line-height:30px;border-radius:3px;font-size:0.875rem;overflow: hidden;background:#dcdcdc;color:#888;text-transform: uppercase;}
.tagNavGroup ul li.active a,.tagNavGroup ul li a:hover{background: #333;color: #ffe401;}
.tagNavFloatBox-btn{display: block;padding:5px 20px;margin:auto;margin-top:1rem;font-size:1rem;background:#5a9cff;color:#fff;border-radius:5px;}
/* service-block */
.service-block{margin-bottom:2rem;}
.service-head{width:100%;overflow: hidden;height:3rem;line-height:3rem;color:#757cff;border-bottom:1px solid #e1e1e1;}
.service-head i{font-size:1.4rem;}
.service-head h5{display: inline-block;font-size:1.125rem;color:#333;margin:0px 5px;}
.service-head span{font-size:0.9rem;font-weight: bold;}
.slideService{margin:2rem 0px;padding-left:30px;position:relative;box-sizing:border-box;}
.slideService:before{content: '';width:5px;height:100%;background-color:#ced1ff;position: absolute;top: 0;left:7px; -webkit-transition: all 0.3s; transition: all 0.3s;z-index:1;}
.serviceTime{height:20px;line-height:20px;margin-left:-30px;padding-left:30px;position: relative;margin-bottom:1rem;font-size:1rem;color:#333;}
.serviceTime span{font-size:0.75rem;margin-left:0.5rem;color:#757cff;opacity:1;cursor: pointer;}
.serviceTime.on span{opacity: 0;}
.serviceTime:after{content: '';width:10px;height:10px;border:5px solid #ced1ff;border-radius:10px;background-color:#757cff;position: absolute;top: 0;left:0px;z-index:2;}
.serviceTable{overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;}
.serviceTable table{font-size:0.875rem;color: #666; width: 100%;max-width:100%;margin-bottom:1rem;border-collapse: collapse;}
.serviceTable table tr{border-bottom:1px dashed #e1e1e1;}
.serviceTable table tr:last-child{border:none;}
.serviceTable table th{font-size:1rem;color:#999;background:#fbfbfb;padding:15px 5px;}
.serviceTable table td{min-width:40px;vertical-align: middle;padding:10px 5px;}
.serviceTable table td a{display: inline-block;color: #666;}
.service-sort{font-size:1.5rem;font-weight:bold;font-style:italic;}
.service-icon img{display:inline-block;width:60px;height:60px;border-radius:10px;overflow: hidden;}
td.service-game,td.service-name,td.service-desc{min-width:100px !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width:360px;}
.service-desc{text-align: center;}
.service-name{color:#3a84f9;}
td.service-btn{min-width:80px !important;}
.service-btn a{display:inline-block;box-sizing: border-box;padding:0px 0.8rem;height:1.6rem;line-height:1.6rem;font-size:0.75rem;border-radius:1.6rem;background:#333;color:#ffe401 !important;}
.service-btn a:hover{background:#ffe401;color:#333 !important;}
.service-game a:hover{color:#6a12ae;}
/* rankList */
.rankList table td{text-align: center;}
.rankList .service-icon a{padding:12px;}
/*gameDetail css*/
.gameDetail{overflow: hidden;}
.gameDetail-left{max-width:780px;width:66%;}
.gameDetail-right{width:calc(34% - 20px);margin-left:20px;max-width:380px;}
.gameDetail-head{overflow: hidden;position:relative;padding:20px;background:#fff;border-radius: 5px 5px 0px 0px;box-sizing:border-box;}
.gameDetail-icon{float: left;width:20%;max-width:170px;}
.gameDetail-icon img{display:inline-block;width:100%;height:auto;margin:0 auto;}
.gameDetail-info{float:left;width:78%;margin-left:2%;}
.gameDetail-name{overflow: hidden;height:3rem;position:relative;}
.gameDetail-name .downNum{float: left;width:120px;padding:0px 0.5rem;background:url("../../images/1.9.7/hot.png") center no-repeat;background-size:100% 100%;height:3rem;line-height:4rem;text-align: center;overflow: hidden;color:#fff;font-size:12px;box-sizing:border-box;}
.gameDetail-name h5{font-size:1.125rem;font-weight:bold;color:#333;overflow: hidden;padding-left:5px;float:left;margin-right:10px;line-height:4rem;height:3rem;max-width:calc(100% - 120px);box-sizing:border-box;}
.gameDetail-info p{font-size:0.75rem;color:#757575;height:1rem;line-height:1rem;margin-top:0.5rem;box-sizing: border-box;padding-right:100px;overflow: hidden;}
.gameDetail-info p span{display: inline-block;padding:0px 5px;}
.gameDetail-head .tabLi-tags{right:1.5rem;bottom:3rem;width:calc(80% - 3rem);position:absolute;}
.gameDetail-head .tabLi-tags span{position:relative;padding-left:23px;}
.gameDetail-head .tabLi-tags span img{display: block;height:14px;width:auto;position:absolute;left:6px;top:3px;}
.gameDetail-head-opt,.gameVerb-btn{position:absolute;right:15px;width:6rem;text-align: center;top:50%;margin-top:-1.1rem;}
.gameDetail-head-opt{margin-top:0px;top:4rem;}
.gameDetail-head-opt a,.gameVerb-btn a{display: block;height:2.2rem;line-height:2.2rem;color:#111;background:#ffe401;border-radius:1.1rem;font-size:0.875rem;}
/* .gift-detail-tab css */
.gameDetailTab{width: 100%;overflow: hidden;}
.gameDetailTab .tab-hd ul {overflow: hidden;background:#fff;border-top:1px solid #e1e1e1;border-radius: 0px 0px 5px 5px;font-size:16px;color:#3b3f46;}
.gameDetailTab .tab-hd li{ float: left;padding:5px;width:20%;text-align:center;border-radius: 0px 0px 5px 5px;box-sizing: border-box;}
.gameDetailTab .tab-hd li a{display: block;padding:5px 0px;cursor: pointer;color:#333;}
.gameDetailTab .tab-hd li.on{ border-bottom:5px solid #ffe401;font-weight:bold;}
.gameDetailTab .tab-bd{ overflow:hidden; zoom:1; }
.gameDetailTab .gameDetailTab-block{margin-top:15px;background:#fff;padding:20px 15px;color:#333;font-size:16px;box-sizing: border-box;border-radius: 5px;min-height:600px;}
/* gameDetailTab-block css */
.block-title h4{font-size:1.125rem;font-weight:bold;padding:15px 5px;box-sizing: border-box;position:relative;z-index:1;}
.block-title h4:before{content: '';width:8px;height:1.5rem;background-color:#f2e259;position: absolute;top:15px;left:0px;z-index:-1;}
.gameDetailEmpty{position: relative;width:100%;overflow: hidden;}
.gameDetailEmpty img{display: block;margin:auto;width:60%;height:auto;}
/* .gameDetailTxt css */
.gameDetailTxt{font-size:14px;color:#333;line-height:24px;padding:5px 15px;}
.gameDetailTxt-head{text-align: center;margin-bottom:10px;font-size:16px;font-weight: bold;}
.gameDetailTxt-default{max-height:72px;overflow: hidden;}
.gameDetailTxt-btn{text-align: right;}
.gameDetailTxt-btn a{cursor: pointer;font-size:12px;color:#2874f0;display:inline-block;padding:5px 20px 5px 5px;}
.gameDetailTxt-btn .gameDetailTxt-close,.gameDetailTxt.showAll .gameDetailTxt-open{display: none;}
.gameDetailTxt.showAll .gameDetailTxt-default{max-height:none !important;}
.gameDetailTxt.showAll .gameDetailTxt-close{display: inline-block;}
/* gamePicScroll */
.gamePicScroll{ width:100%;overflow:hidden;position:relative;margin-top:1rem;}
.gamePicScroll .hd{display: none;}
.gamePicScroll .spPrev,.gamePicScroll .spNext{ display:block;width:42px;height:86px;position: absolute;cursor:pointer;top:50%;margin-top:-43px;z-index:9;}
.gamePicScroll .spPrev{left:0px;background:url(../../images/1.9.7/g-prev.png) no-repeat;background-size:100% 100%;}
.gamePicScroll .spNext{right:0px;background:url(../../images/1.9.7/g-next.png) no-repeat;background-size:100% 100%;}
.gamePicScroll .bd{padding:0px;}
.gamePicScroll .bd ul{ overflow:hidden; zoom:1; }
.gamePicScroll .bd ul li{width:33.33%;margin-right:1rem; float:left; _display:inline; overflow:hidden; text-align:center;  }
.gamePicScroll .bd ul li img{ width:100%; height:auto; display:block; }

/* gameDetailZt */
.gameDetailZt ul li {width: calc(50% - 1rem);margin-top:0px;margin-right:0px;}
.gameDetailZt ul li a:hover{box-shadow:0px 5px 10px 2px #dcdcdc;}
.gameDetailZt .zt_bg {padding-bottom: 52.93%;}
/* 礼包 */
.gameDetailGift{margin:-5px;overflow: hidden;}
.gameDetailGift dl{float:left;width:calc(50% - 10px);margin:5px;padding:15px;background:#faf9ee;overflow: hidden;box-sizing: border-box;}
.gameDetailGift dl dt{overflow: hidden;font-weight:normal;font-size:12px;}
.gameDetailGift dl dt .gift-icon{width:80px;float: left;overflow: hidden;}
.gameDetailGift dl dt .gift-icon img{display:inline-block;width:100%;height:auto;max-width:90px;}
.gameDetailGift dl dt .gift-info{float: right;width:calc(100% - 90px);overflow: hidden;}
.gift-info h5{font-size:14px;font-weight: bold;height:20px;line-height:20px;padding:0px 5px;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.gift-progress{overflow:hidden;height:34px;line-height:34px;}
.gift-progress .progress{width:calc(100% - 60px);float: left;height:8px;border-radius: 5px;background:#e0e0e0;max-width:100px;margin-top:13px;}
.gift-progress .progress-bar{height:8px;background-color:#ffe401;}
.gift-progress .progress-span{float:left;width:55px;overflow: hidden;margin-left:5px;color:#666;}
.gift-info .gift-content-text{height:20px;line-height:20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color:#888;width:100%;}
.gift-btn{text-align: center;margin-top:10px;}
.gift-btn a{display:inline-block;padding:5px 15px;font-size:12px;color:#333;background:#ffe401;}
/* 新服 */
.gameDetailServer{overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;}
.gameDetailServer table{font-size:0.875rem; width: 100%;max-width:100%;margin-bottom:1rem;border-collapse: collapse;}
.gameDetailServer table tr{border-bottom:1px dashed #e1e1e1;color: #666;}
.gameDetailServer table td{min-width:160px;vertical-align: middle;padding:15px 5px;text-align: center;}
.gameDetailServer table td div{display:inline-block;height:2rem;line-height:2rem;position: relative;}
.gameDetailServer-time{padding-left:1.8rem;}
.gameDetailServer-time i{display: inline-block;font-size:1.6rem;position: absolute;top:0.2rem;left:0px;}
.gameDetailServer-name{border:1px solid #999;padding:0px 1rem;border-radius:3rem;}
.gameDetailServer table tr:hover,.gameDetailServer table tr.active{color:#2f89f8;}
.gameDetailServer table tr:hover .gameDetailServer-name,.gameDetailServer table tr.active  .gameDetailServer-name{border-color:#2f89f8;}
/* VIP表 */
.gameDetailVip{overflow: hidden;}
.gameDetailVip dl{width:16.6666%;float: left;text-align: center;overflow: hidden;border:1px solid #fffbe1;border-left:none;box-sizing:border-box;}
.gameDetailVip dl dt,.gameDetailVip dl dd{height:50px;line-height:50px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333;background:#ffdc00;}
.gameDetailVip dl dd{color:#ffdc00;background:#333;}
/* 活动 */
.gameDetailActive ul li{padding:5px 0px;border-bottom:1px solid #e1e1e1;font-size:14px;color:#fff;height:47px;overflow: hidden;}
.gameDetailActive ul li .gameDetailActive-tags{display: inline-block;width:100px;text-align: center;height:36px;line-height:36px;border-radius:36px;background:#c3c3c3;float:left;}
.gameDetailActive ul li a{display:block;width:calc(100% - 110px);height:36px;line-height:36px;float: right;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:60px;position:relative;color:#c3c3c3;box-sizing:border-box;}
.gameDetailActive ul li a i{display: block;position: absolute;right:0px;bottom:0px;font-size:1.25rem;}
.gameDetailActive ul li:hover .gameDetailActive-tags,.gameDetailActive ul li.active .gameDetailActive-tags{background:#2f89f8;}
.gameDetailActive ul li:hover a,.gameDetailActive ul li.active a{color:#2f89f8;}

/* .app-box */
.app-box{padding:15px;background:#fff;border-radius: 5px;overflow: hidden;}
.app-ewm{float: left;width:90px;height:90px;margin-right:10px;}
.app-ewm img{display:inline-block;width:100%;height: auto;max-width:90px;}
.app-plain{float:left;width:calc(100% - 100px);}
.app-plain img{display:inline-block;height:100%;width:auto;}
.app-plain h5{height:20px;overflow:hidden;margin:10px 0px;}
.app-plain a{display:inline-block;height:40px;overflow: hidden;}
.gameVerb{background:#fff;padding:10px 0px;border-radius: 5px;}
.gameVerb li{overflow: hidden;padding:15px;border-top:1px solid #e1e1e1;position: relative;}
.gameVerb li:first-child{border:none;}
.gameVerb li .gameVerb-icon{float: left;width:70px;height:70px;overflow: hidden;}
.gameVerb li .gameVerb-icon img{display: block;width:100%;height:auto;}
.gameVerb .gameVerb-info{width:calc(100% - 7.2rem);padding:0px 5px;overflow: hidden;}
.gameVerb .gameVerb-info h5 a{display: block;width:100%;height:30px;line-height:30px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:14px;text-align:left;font-weight: bold;}
.gameVerb .gameVerb-info p{font-size:12px;color:#666;height:20px;line-height:20px;overflow:hidden;}
.gameVerb .gameVerb-info p span{display: inline-block;padding:0px 5px;}
.gameVerb .gameVerb-btn{right:15px;width:64px;margin-top:-15px;}
.gameVerb .gameVerb-btn a{font-size:12px;height:30px;line-height:30px;}

.ewmAlert{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;top:0px;display:none;}
.ewmBox{width:96%;max-width:366px;background:#fff;margin:auto;box-sizing:border-box;padding:20px;position:relative;height:312px;top:50%;margin-top:-170px;border-radius:10px;}
.ewmBox div.close-btn{position: absolute;width:16px;top:20px;right:20px;background:url("../../images/1.9.7/rclose.png") no-repeat;height:16px;background-size:100% 100%;cursor: pointer;}
.ewmBox div.ewm-hh{width:100%;margin:auto;margin-top:30px;width: 264px;height: 38px;margin-left: 17px;}
.ewmBox a{display: block;float: left;}
.ewmBox div.ewm-box-img{width:120px;}
.ewmBox img{display: block;height:auto;}
.ewmBox .ios{background: url("../../images/IOSYuYue/Ios.png") no-repeat center scroll;transform: scale(0.8);background-size: cover;cursor: pointer;position: relative;width: 180px;height: 57px;display: block;margin: auto;border-radius: 30px;float: left;}
.ewmBox .ios:hover{background: url("../../images/IOSYuYue/IosHover.png") no-repeat center scroll;background-size: cover;color: rgba(255, 255, 255, 0.8);}
.ewmBox .ios .iosImg_{position: absolute;right: -43px;top: -12px;width: 87px;height: 24px;}
.ewmBox .ios .yu-num{width: 100px;height: 12px;line-height: 12px;font-size: 12px;color: #8a8a8a;position: absolute;top: 36px;left: 55px;}
.ewmBox .ios:hover .yu-num{color: rgba(255, 255, 255, 0.8);}
.ewmBox .adImg_{background: url("../../images/IOSYuYue/adimg.png") no-repeat center scroll;transform: scale(0.8);background-size: auto;cursor: pointer;position: relative;width: 180px;height: 57px;display: block;margin: auto;border-radius: 30px;float: left;}
.ewmBox .adImg_:hover{background: url("../../images/IOSYuYue/adimg2.png") no-repeat center scroll;}

/*分页*/
.soso-alert{font-size:1.25rem;font-weight:bold;padding:1rem 0px;}
.soso-alert span{color:#ff6f21;}
.tabsBox-page{text-align: center;}
.tabsBox-page ul{margin:10px 0px;}
.tabsBox-page ul li{display: inline-block;margin:10px 2px;}
.tabsBox-page ul li a{font-size:12px;color:#888;background:#dcdcdc;padding: 6px 12px;}
.tabsBox-page ul li a:hover,
.tabsBox-page ul li.active a{background:#5873fe;color:#fff;}

/*专题详情页*/
.articleFlatImg img{display: block;width:100%;height:auto;}
.articleBlock{padding:1rem 0px;}
.articleBlock-title{font-size:2rem;line-height:2.4rem;font-weight:500;}
.articleBlock-time{font-size:0.875rem;color:#888;height:2rem;line-height:2rem;}
.articleBlock-main{font-size:1rem;color:#444;font-size:1rem;line-height:1.6rem;}
.articleBlock-main img{display:block;max-width:100%;margin:10px auto;}
.relationBlock-head{padding-left:1.5rem;background:url("../../images/1.9.7/recommend.png") left no-repeat;background-size:auto 1.6rem;height:2rem;line-height:2rem;font-size:1.4rem;}
.relationBlock-box{padding:1rem 0px;}
.relationBlock-box .zt_part ul{width:calc(100% + 1rem);margin-left:-0.5rem;font-weight: bold;}
.relationBlock-box .zt_part ul li{float: left;width:calc(33.33% - 1rem);margin:0.5rem;padding:5px;}
.relationBlock-box .zt_part ul li a{box-shadow: 0 0 5px 2px #aeaeae;}
.commentBox dl{overflow: hidden;padding:1rem 0px;border-bottom:1px dotted #e1e1e1;}
.commentBox .comment-user-icon{float: left;}
.commentBox .comment-user-icon img{display: block;width:4rem;height:4rem;border-radius:2rem;overflow:hidden;}
.comment-content{float: right;width:calc(100% - 4.5rem);overflow:hidden;}
.comment-user-name{font-size:1rem;color:#666;height:1.4rem;line-height:1.4rem;}
.comment-time{font-size:0.875rem;color:#888;height:2rem;line-height:2rem;}
.comment-txt{font-size:1rem;color:#444;line-height:1.4rem;}

/* explainBlock */
.explainBlock{padding:1rem 20px;clear: both;min-height:200px;}
.explain-head{height:3rem;line-height:3rem;font-size:1.4rem;padding-left:1rem;position: relative;border-bottom:1px solid #e1e1e1;}
.explain-head:before{content: "";position: absolute; width:3px;height:1.4rem;opacity:1;left: 0px;background-color: #ffe401;top:50%;margin-top:-0.7rem;}
.explain-desc{font-size:1rem;color:#666666;padding:1rem 0px;line-height:2rem;}
.explain-game ul li{float:left;width:10%;}
.explain-game ul li a{display: block;position: relative;}
.explain-game ul li a:after{content: "";position: absolute; width:100%;height:100%;opacity:0.6;background-color: #333;top:0px;left:0px;}
.explain-game ul li a img{display: block;width: 100%;height:100%;cursor: pointer;-webkit-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.explain-game ul li a:hover:after{opacity:0;}
.explain-game ul li a:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2); transform: scale(1.2);}
.explain-platform ul{margin:0px -20px;}
.explain-platform ul li{float: left;width:20%;box-sizing:border-box;padding:20px;}
.explain-platform ul li a{display: block;}
.explain-platform ul li a img{display:block;height:auto;width:100%;margin:auto;-webkit-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;border-radius:5px;overflow:hidden;}
.explain-platform ul li a:hover{}
.explain-platform ul li a:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);box-shadow: 0 0 10px 2px #e1e1e1;}








/* 1.9.9 IOS 预约 */
.Ios-makeios{
    width: 100%;
    background: #fff;
    min-height: 522px;
    border-radius: 9px;
    padding-top: 28px;
}
.Ios-makeios form{
    width: 1040px;
    height: 100%;
    margin: 0 auto;
}
.Ios-makeios .Ios-p{
    height: 44px;
    width: 100%;
    margin: 0 0 36px;
}
.Ios-makeios .Ios-p label{
    width: 26%;
    height: 100%;
    text-align: left;
    line-height: 44px;
    font-size: 20px;
    float: left;
}
.Ios-makeios .Ios-p .ios-input{
    width: 74%;
    height: 100%;
    float: right;
    line-height: 44px;
    font-size: 16px;
    border-radius: 4px;
    border: solid 2px #f9f9f9;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    padding: 10px;
}
.Ios-makeios .Ios-p .Ios-send{
    width: 14%;
    height: 100%;
    float: right;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #383838;
    background-color: #ffe401;
    border-radius:0 4px 4px 0;
}
.Ios-title{
    width: 256px;
    margin: 0 auto 20px;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #cbcbcb;
    text-align: center;
}
.Ios-makeios .Ios-submit{
    width: 686px;   
    height: 90px;
    margin: 0 auto;
    position: relative;
    background: url("../../images/IOSYuYue/btnNhover.png") no-repeat center scroll;
    background-size: auto 100%;
}
.Ios-makeios .Ios-submit:hover{
    background: url("../../images/IOSYuYue/btnhover.png") no-repeat center scroll;
    background-size: auto 100%;
}
.Ios-makeios .Ios-submit img{
    width: 100%;
    height: 100%;
    display: block;
}
.Ios-makeios .Ios-submit .Iosyu-num{
	height: 16px;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #8a4df2;
    position: absolute;
    top: 69px;
    width: 100%;
    text-align: center;
    transform: translate(-4px);
}
.Ios-makeios .prize-img{
    width: 100%;
    height: 200px;
    margin-bottom: 70px;
}
.Ios-makeios .prize-img .prize-img-box{
    width: 33.3%;
    display: block;
    box-sizing: border-box;
    padding: 0 110px;
    float: left;
    height: 201px;
    position: relative;
    
}
.Ios-makeios .prize-img .prize-img-box img{
    width: 100%;
    height: 100%;
    min-width: 180px;
}
.Ios-makeios .prize-img .prize-img-box div{
    width: 180px;
    height: 68px;
    z-index: 2;
    position: absolute;
    bottom: 0;
    font-size: 19px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}
.Ios-makeios .prize-explain{
    width: 960px;
    height: 310px;
    margin: 0 auto;
    padding-left: 10px;
    box-sizing: border-box;
}    
.Ios-makeios .prize-explain li{
    list-style-type: decimal;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #8a8a8a;
}

/* 弹窗 */
.sucIosInfo{
    width: 512px;
	height: 512px;
	background-color: #ffffff;
    border-radius: 50px;
    position: relative;    
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    display: none;
}
.tipsInfo{
    width: 100%;
    height: 186px;
    position: absolute;
    bottom: 0;
    padding-top: 10px;
}
.tipsInfo p{
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 34px;
    font-weight: normal;
	font-stretch: normal;
}
.tipsInfo button{
    width: 214px;
	height: 60px;
	background-color: #ffe401;
    border-radius: 30px;
    font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #383838;
    display: block;
    margin: 20px auto 0;
}
.Ios-submit .submit_Ios{
    width: 137px;
    height: 63px;
    margin: 0 auto;
    cursor: pointer;
}