/* CSS Document 
use for:18183.com
version:1.0
Data:2015/7/17
Author:+c
*/
/* css reset */
@charset "utf-8";body,h1,h2,h3,h4,h5,h6,hr,p,pre,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea,figure,figcaption,nav,footer,menu{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}address,em,i,b{font-style:normal}a,a:hover{color:#333;text-decoration:none}ul,ol,li{list-style:none}fieldset,img{border:0}button,input,select,textarea{font:15px \5FAE\8F6F\96C5\9ED1,Helvetica;outline:none}body{background:#f1f5f8;font:15px \5FAE\8F6F\96C5\9ED1,Helvetica;color:#333;overflow:visible}html{-webkit-text-size-adjust:none}.header,.content,.footer{width:100%;overflow:hidden;z-index:1}

/*公用*/
figure{display:-webkit-box;display:box;display:-ms-flexbox;}
figure figcaption{-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;-ms-flex:1;display:block;}
.clear:after {content:"."; display:block; height:0;clear:both; visibility:hidden;}
.clear{clear:both;}
.hr_10{clear:both;font-size: 0;height: 10px;line-height: 1px;overflow: hidden;}
.hr_15{clear:both;font-size: 0;height: 15px;line-height: 1px;overflow: hidden;}
.hr_20{clear:both;font-size: 0;height: 20px;line-height: 1px;overflow: hidden;}
.re-x-wire{clear:both;font-size: 0;height:0px;line-height:0px;overflow: hidden;border-top:1px dotted #c5c5c5;}
.re-s-wire{clear:both;font-size: 0;height:0px;line-height:0px;overflow: hidden;border-top:1px solid #c5c5c5;}

/*header*/
.header {width:100%;background-color:#fff;position:relative;overflow:inherit;z-index:200;display: block;}
.top-bar{display:-webkit-box;width:100%;height:48px; line-height:48px; background-color:#fff; border-bottom:1px solid #d8d8d8; position:relative;}
.top-bar .fl{ position:absolute; left:10px; top:0;}
.top-bar .logo{width:60px;height:48px;background: url(../Images/mclogo.jpg) left center no-repeat;-webkit-background-size:60px auto;background-size:60px auto;border-right:1px solid #ccc;padding-right:10px;}
.top-bar .logo a{width:60px; height:48px;display:block;}
.top-bar .return{width:24px; height:48px;-webkit-background-size:12px auto;background-size:12px auto;}
.top-bar .fr{ position:absolute; top:0; right:10px;display:-webkit-box;}
.top-bar .fr span{height:48px;display:inline-block;}
.top-bar span.mod-tit1{background:url(../Images/bg_m.png) center center no-repeat;-webkit-background-size:auto 20px;background-size:auto 20px;display:-webkit-box;}
.top-bar span.mod-tit2{width:24px;background:url(../Images/bg_search.png) center center no-repeat;-webkit-background-size:auto 20px;background-size:auto 20px;}
.top-bar span .sign{width:24px; height:48px; display:inline-block;margin-left:8px;}
.top-bar .con-tit{height:48px;font-size:16px; color:#000; padding:0 80px;display:-webkit-box;}
.top-bar .con-tit a{ height:48px; padding:0 10px; display:block; overflow:hidden;}
.top-bar .con-tit span{ width:10px; background:url(../Images/bbs_tlang.png) center center no-repeat;-webkit-background-size:auto 48px; display:block;}
.top-bar .get_back{ background-image:none; color:#f6ad00;}
.nav-bar{ width:100%; position:absolute; top:49px; left:0; background:#fff; z-index:99999; box-shadow: 0 1px 1px #d8d8d8;}
.nav-bar .t{ height:42px; line-height:42px; border-bottom:1px solid #e6e6e6; padding:0 10px; overflow:hidden;}
.nav-bar .t a{ float:right; color:#4c95de;}
.nav{ padding:10px 0;}
ul.n_c{/* width:100%; *//* display:-webkit-box; *//* -webkit-box-sizing:border-box; */display:-ms-flexbox;/* height:30px; *//* line-height:30px; */}
ul.n_c li{}
ul.n_c li:after{content: "|";color: #ccc;float: left;width: 2%;}
ul.n_c li:last-child:after{content: "";}

/*nav-mod*/
.nav-mod{ width:100%;background-color:#fff; border-bottom:1px solid #d1d0d6; height:30px; padding:4px 0; position:relative; top:0; left:0; z-index:101;}
.nav-mod ul{display:-webkit-box;display:box;display:-ms-flexbox; width:100%;}
.nav-mod ul li{height:30px;-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;-ms-flex:1;display:block; width:1%;}
.nav-mod ul li a{height:30px; display:block; line-height:30px;border-right:1px solid #e6e6e6; position:relative; text-align:center;}
.nav-mod ul li a i{ padding-left:20px; display:inline-block; height:30px; background-repeat:no-repeat; background-position:left center;-webkit-background-size:auto 16px;background-size:auto 16px; font-size:13px;}
.nav-mod ul li.l1 i{ background-image:url(../Images/n1.png);}
.nav-mod ul li.l2 i{ background-image:url(../Images/n2.png);}
.nav-mod ul li.l3 i{ background-image:url(../Images/n3.png);}
.nav-mod ul li.l4 i{ background-image:url(../Images/n4.png);}
.nav-mod ul li.l5 i{ background-image:url(../Images/n5.png);}
.nav-mod ul li:last-child a{ border:none;}
.nav-mod ul li a.cur span{ width:100%; height:2px; line-height:0; font-size:0; background-color:#f9801e; position:absolute; bottom:-5px; left:0;}

/*=========public=========*/
.re-mod{background-color:#fff;border-bottom:1px solid #d1d0d6;border-top:1px solid #d1d0d6;margin-top:10px;/* padding:0 10px; */overflow:hidden;}

/*==re-tit1==*/
.re-tit1{height:38px;overflow:hidden;margin-top:4px;width: 100%;float: left;}
.re-tit1 span{height:36px; display:block; background-position:left center; background-repeat:no-repeat; padding-left:23px;}
.re-tit1 a{ float:right; line-height:40px; color:#606060; font-size:12px;}
.re-tit1 h4{ line-height:38px; height:36px; overflow:hidden; min-width:60px;display:inline-block;}
.re-tit1 .sty-1{border-bottom:2px solid #149eff; background-image:url(../Images/t1.png);-webkit-background-size:16px auto;background-size:16px auto;}
.re-tit1 .sty-2{border-bottom:2px solid #6bc30d; background-image:url(../Images/t2.png);-webkit-background-size:18px auto;background-size:18px auto;}
.re-tit1 .sty-3{border-bottom:2px solid #ff375e; background-image:url(../Images/t3.png);-webkit-background-size:16px auto;background-size:16px auto;}
.re-tit1 .sty-4{border-bottom:2px solid #ffc408; background-image:url(../Images/t4.png);-webkit-background-size:18px auto;background-size:18px auto;}
.re-tit1 .sty-5{border-bottom:2px solid #ca93f8; background-image:url(../Images/t5.png);-webkit-background-size:16px auto;background-size:16px auto;}

/*mod-frame-news*/
.mod-frame-news ul{ background-color:#fff; padding:0 10px;border-bottom:1px solid #d1d0d6;}
.mod-frame-news ul li{ border-bottom:1px dotted #c5c5c5; padding:10px 0;}
.mod-frame-news ul li img{ width:80px; height:60px; display:block; margin-right:10px;}
.mod-frame-news ul li p{ height:44px; line-height:22px; overflow:hidden;}
.mod-frame-news ul li figure{box-align:center;-webkit-box-align:center;}
.mod-frame-news ul li:last-child{ border:none;}
.mod-frame-news .more{ padding-top:10px;}
.mod-frame-news .more a{ width:50%; height:30px; display:block;border:1px solid #d1d0d6; background-color:#fff; line-height:30px; text-align:center; color:#7f7f7f; border-radius:3px; margin:0 auto;}

/*mod-frame-lbao*/
.mod-frame-lbao ul{display:-webkit-box;display:box;display:-ms-flexbox; margin-top:12px;}
.mod-frame-lbao ul li{-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;-ms-flex:1;display:block; width:1%;}
.mod-frame-lbao ul li img{ width:55px; height:55px; display:block; margin:0 auto;}
.mod-frame-lbao ul li h4{ line-height:34px; height:34px; text-align:center; overflow:hidden; color:#3b3b3b; font-size:12px;}

/*mod-frame-sp*/
.mod-frame-sp ul{margin-top:12px;width: 100%;float: left;}
.mod-frame-sp ul li{display:block;width: 48%;position:relative;float: left;margin: 1%;}
.mod-frame-sp ul li img{ width:144px; height:110px; display:block; margin:0 auto; border-radius:7px;}
.mod-frame-sp ul li h4{line-height:34px;height:34px;text-align:center;overflow:hidden;color:#3b3b3b;font-size:12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mod-frame-sp ul li .cov{width:144px; height:110px; display:block; position:absolute; left:50%; top:0; background:url(../Images/cover.png) left top repeat;border-radius:7px; margin-left:-72px;}
.mod-frame-sp ul li .cov span{ background:url(../Images/s1.png) center center no-repeat; width:40px; height:40px; display:block;-webkit-background-size:40px;background-size:40px; margin:35px 0 0 53px;}

/*mod-frame-hotgames*/
.mod-frame-hotgames { padding-bottom:10px;}
.mod-frame-hotgames ul{ width:100%; overflow:hidden;}
.mod-frame-hotgames ul li{ width:50%; float:left; overflow:hidden; margin-top:10px;}
.mod-frame-hotgames ul li .pl{ padding-left:5px;}
.mod-frame-hotgames ul li .pr{ padding-right:5px;}
.mod-frame-hotgames ul li a{ display:block; border:1px solid #ccc; border-radius:7px; overflow:hidden;}
.mod-frame-hotgames ul li h4{ line-height:34px; height:34px; padding:0 10px;overflow:hidden; color:#3b3b3b;border-bottom:1px solid #ccc;}
.mod-frame-hotgames ul li figure{ padding:10px;}
.mod-frame-hotgames ul li img{ width:55px; height:55px; display:block; margin-right:8px;}
.mod-frame-hotgames ul li p{ line-height:24px; height:24px;overflow:hidden; color:#808080; font-size:12px;}
.mod-frame-hotgames ul li .btn{ width:50px; height:20px; border:1px solid #0397ff; color:#0397ff; margin-top:5px; line-height:20px; text-align:center; font-size:14px; border-radius:5px;}

/*mod-frame-tj*/
.mod-frame-tj{ padding-bottom:10px;overflow:hidden;}
.mod-frame-tj ul{overflow:hidden;margin-top:10px;float: left;width: 100%;}
.mod-frame-tj ul li{display:block;width: 29%;float: left;margin: 2%;}
.mod-frame-tj ul li a{border:1px solid #ccc;border-radius:7px;width: 100%;overflow:hidden;display:block;margin:0 auto;float: left;}
.mod-frame-tj ul li img{width: 100%;height: 130px;overflow:hidden;display:block;border-radius:7px;float: left;}
.mod-frame-tj ul li h4{line-height: 36px;height: 36px;overflow:hidden;background-color:#f7f7f7;text-align:center;color:#3b3b3b;font-size:12px;border-top:1px solid #ccc;float: left;width: 100%;}


/*幻灯*/
.newslider{overflow:hidden;height:150px;}
.new_img{width: 100%;float: left;height: 150px;position:relative;overflow:hidden;}
.new_img .new_img_ul{height: 150px;position: absolute;width: 400%;}
.new_img .new_img_ul li{float: left;height: 150px;position: relative;max-width: 767px;width: 25%;}
.new_img .new_img_ul li a{width: 100%;float: left;}
.new_img .new_img_ul li img{float: left;height: 150px;width: 100%;}
.new_img .new_img_ul li .new_sake{width: 100%;height: 40px;position:absolute;left:0;bottom: 0px;z-index:3;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.7;}
.new_img .new_img_ul li span{float:left;width: 98%;padding-left: 2%;height: 40px;position:absolute;left:0;bottom: 0px;z-index:5;}
.new_img .new_img_ul li span a{float:left;width:100%;line-height:33px;font-size: 14px;color:#fff;font-family: "微软雅黑";}
.new_qiehuan{float: left;display:inline;position:absolute;z-index:5;right: 0px;bottom: 40px;width: 100%;height: 20px;}
.new_qiehuan a{float:left;width: 14px;height: 14px;overflow:hidden;margin-right:5px;background: #fff;font-size:0;border-radius: 50%;}
.new_qiehuan a.active{background: #c2f5f9;}
.new_qiehuan a:first-child{margin-left: 40%;}
.wrap{width:100%;float:left;}
.footNav{width:100%;float:left;}
.footNav p{width:100%;float:left;line-height:30px;text-align:center;}

/*footer*/
.footer{background-color: #267ae2;display: block;float: left;width: 100%;color: #fff;}
.footer .foot_u{ padding:10px 0; border-bottom:1px solid #dedede;}
.footer .nav li.active{margin-top:-2px;border-radius:0 0 3px 3px;line-height:32px}
.footer .d-menu{margin-top:-72px}
.footer .d-menu li{border-top:1px solid #e4e4e4;border-bottom:none}
.ft-nav{height:32px;}
.ft-nav ul{display:-webkit-box}
.ft-nav li{-webkit-box-flex:1;line-height:32px;text-align:center}
.ft-nav li a,.ft-nav li a:visited{display:block;color:#4473a3}
.ft-copy{height:60px;line-height:30px;color:#666;padding:15px 0; position:relative;}
.ft-copy .register{ height:30px; font-size:16px; font-weight:700; text-align:center; overflow:hidden;}
.ft-copy .register a{ display:inline-block; padding:0 10px;}
.ft-copy p{height:30px;text-align:center; overflow:hidden;color:#959595}
.ft-copy p em,.ft-copy p a{padding:0 10px;}
.ft-copy p a,.ft-copy p a:visited{color:#959595}
.ft-copy .btn-top{ position:absolute; top:25px; right:10px;width:40px; background:url(../Images/btn-top.png) center center no-repeat;-webkit-background-size:40px auto; height:40px;}
.i-arr-d,.i-arr-u{display:inline-block;margin-left:2px;border-style:solid;border-color:#f7f7f7 transparent;vertical-align:2px}.i-arr-d{border-width:6px 6px 0}.i-arr-u{border-width:0 6px 6px}


.game-mod-item-list{display:none;}

.mod-app-intro{width:100%;overflow:hidden}
.mod-app-intro li{position:relative;padding:10px 10px;border-bottom:1px solid #e6e6e6;}
.mod-app-intro figure{display:-webkit-box;-webkit-box-align:center;}
.mod-app-intro figcaption{-webkit-box-flex:1;display:block}
.mod-app-intro figure img{display:block;width:60px;height:60px;margin:0 10px 0 0;border-radius:8px;-webkit-background-size:60px 60px}.mod-app-intro figure.label-daily-red:before,
.mod-app-intro figure.label-weekly-red:before,
.mod-app-intro figure.label-monthly-red:before,
.mod-app-intro figure.label-zhuanxiang-red:before,
.mod-app-intro figure.label-daily-blue:before,
.mod-app-intro figure.label-weekly-blue:before,
.mod-app-intro figure.label-monthly-blue:before,
.mod-app-intro figure.label-zhuanxiang-blue:before{position:relative;display:block;width:40px;height:60px;margin-right:-40px;content:"";background:url(../Images/icon_label.png) 0 0 no-repeat;-webkit-background-size:327px 35px}
.mod-app-intro figure.label-daily-red:before{background-position:0 0}
.mod-app-intro figure.label-weekly-red:before{background-position:-41px 0}
.mod-app-intro figure.label-monthly-red:before{background-position:-82px 0}
.mod-app-intro figure.label-zhuanxiang-red:before{background-position:-123px 0}
.mod-app-intro figure.label-daily-blue:before{background-position:-164px 0}
.mod-app-intro figure.label-weekly-blue:before{background-position:-204px 0}
.mod-app-intro figure.label-monthly-blue:before{background-position:-245px 0}
.mod-app-intro figure.label-zhuanxiang-blue:before{background-position:-286px 0}
.mod-app-intro li .tit{height:22px;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:16px;}
.mod-app-intro li em{color:#f23900}
.mod-app-intro li p{height:22px;line-height:22px;font-size:12px;color:#808080; overflow:hidden;}
.mod-app-intro li p.type{ font-size:15px; color:#333;}
.mod-app-intro li p.type-time{ color:#000; font-size:15px; font-weight:bolder;}
.mod-app-intro li i{color:#f5ae04}
.mod-app-intro li span{ margin:0 8px;}
.mod-app-intro li .con{ line-height:22px;color:#808080;font-size:12px;}

/*补充v1.0*/
.gameinfo-mod .bc-btn-ios{height:42px; margin-top:15px; display:block; color:#fff; line-height:32px; border-radius:7px;display:-webkit-box;display:box;display:-ms-flexbox;}
.gameinfo-mod .bc-btn-ios p{-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;-ms-flex:1;display:block; height:42px; width:1%;}
.gameinfo-mod .bc-btn-ios p.a-y{ padding-right:5px;}
.gameinfo-mod .bc-btn-ios p.a-f{ padding-left:5px;}
.gameinfo-mod .bc-btn-ios p a{ width:100%; height:32px; display:block; color:#fff; border-radius:5px; padding:5px 0;display:-webkit-box;display:box;display:-ms-flexbox;}
.gameinfo-mod .bc-btn-ios p.a-y a{ background-color:#ff375e;}
.gameinfo-mod .bc-btn-ios p.a-f a{ background-color:#0397ff;}
.gameinfo-mod .bc-btn-ios p a i,.gameinfo-mod .bc-btn-ios p a span{-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;-ms-flex:1;display:block; }
.gameinfo-mod .bc-btn-ios p a i{height:32px; background:url(../Images/dw_ios_ico.png) center center no-repeat;-webkit-background-size:16px auto;background-size:16px auto;}
.gameinfo-mod .bc-btn-ios p.a-y a i{ border-right:1px solid #cc2d4d;}
.gameinfo-mod .bc-btn-ios p.a-f a i{ border-right:1px solid #0278cc;}
.gameinfo-mod .bc-btn-ios p a span{ text-align:center;}


/*gameinfo-mod-reco*/
.gameinfo-mod-reco{padding:10px 0; overflow:hidden;}
.gameinfo-mod-reco figure{box-align:center;-webkit-box-align:center;}
.gameinfo-mod-reco img{ width:74px; height:74px; display:block; margin-right:10px; border-radius:9px;}
.gameinfo-mod-reco h4{ line-height:30px; font-size:18px; overflow:hidden; height:30px;}
.gameinfo-mod-reco p{ line-height:20px; font-size:12px; overflow:hidden; height:40px;color: #616161;}
.gameinfo-mod-reco .btn{ height:38px; margin-top:10px; display:block; background-color:#0397ff; text-align:center; color:#fff; line-height:38px; border-radius:7px;}
.gameinfo-mod-reco .btn span{ font-size:18px; display:inline-block; background:url(../Images/adicod.png) left center no-repeat;-webkit-background-size:20px auto;background-size:20px auto; padding-left:24px;}
.gameinfo-mod-reco .item{line-height: 30px;height: 30px;overflow: hidden;color: #616161;font-size: 12px;display:-webkit-box;display:box;display:-ms-flexbox;border-bottom:1px solid #ececec;}
.gameinfo-mod-reco .item a{color: #616161;-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;-ms-flex:1;display:block;width: 1%;text-align: center;}
.gameinfo-mod-reco .item a:after{content: "|";float: right;}
.gameinfo-mod-reco .item a:last-child:after{content: "";}
.gameinfo-mod-reco .mt{margin-top: 5px;}
.gameinfo-mod-reco ul{line-height: 30px;height: 30px;overflow: hidden;color: #616161;font-size: 12px;display:-webkit-box;display:box;display:-ms-flexbox;padding-top: 10px;}
.gameinfo-mod-reco ul li{color: #616161;-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;-ms-flex:1;display:block;width: 1%;}
.gameinfo-mod-reco ul li a{display: block;text-align: center;border-radius: 3px;color: #fff;}
.gameinfo-mod-reco ul li a span{display: inline-block;padding-left: 19px;}
.gameinfo-mod-reco ul li.l1{padding-right: 5px;}
.gameinfo-mod-reco ul li.l2{padding:0 5px;}
.gameinfo-mod-reco ul li.l3{padding-left: 5px;}
.gameinfo-mod-reco ul li.l1 a{background-color: #f7994f;}
.gameinfo-mod-reco ul li.l2 a{background-color: #fb7e90;}
.gameinfo-mod-reco ul li.l3 a{background-color: #56c0aa;}
.gameinfo-mod-reco ul li.l1 span{background:url(../Images/adicoa.jpg) left center no-repeat;-webkit-background-size:auto 14px;background-size:auto 14px; }
.gameinfo-mod-reco ul li.l2 span{background:url(../Images/adicob.jpg) left center no-repeat;-webkit-background-size:auto 14px;background-size:auto 14px; }
.gameinfo-mod-reco ul li.l3 span{background:url(../Images/adicoc.jpg) left center no-repeat;-webkit-background-size:auto 14px;background-size:auto 14px; }
.classlist{width:100%;float:left;border-bottom: 1px #f9801e solid;}
.classlist a{float:left;width: 22%;margin:1%;line-height: 30px;height: 30px;text-align: center;border: 1px #ccc solid;}
.xyx-list{float:left;width: 96%;padding: 2%;}
.xyx-list li{float:left;width: 31%;margin:1%;}
.xyx-list li .listpica{float:left;width:100%;}
.xyx-list li .listpica img{float:left;width:100%;height: 56px;border-radius: 15%;}
.xyx-list li .txtslista{float:left;width:100%;}
.xyx-list li .txtslista p{float:left;width:100%;line-height:40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;background: #fbfbfb;opacity: 0.7;}
.xyx-list li .txtslista p a{color:#000405;width: 100%;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.xyx-lista{float:left;width: 96%;padding: 2%;}
.xyx-lista li{float:left;width: 31%;margin:1%;}
.xyx-lista li .listpica{float:left;width:100%;}
.xyx-lista li .listpica img{float:left;width:100%;height: 56px;border-radius: 15%;}
.xyx-lista li .txtslista{float:left;width:100%;}
.xyx-lista li .txtslista p{float:left;width:100%;line-height:40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;background: #fbfbfb;opacity: 0.7;}
.xyx-lista li .txtslista p a{color:#000405;width: 100%;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}