.m-topdiv { padding-top: 10px; }
.m-topdl { height: 26px; overflow: hidden; background: #f8f8f8; margin:0px 15px 10px ; }

.m-topdl dt,.m-topdl dd{ float: left; display: inline; height: 26px; line-height: 26px; }
.m-topdl dt { width: 70px; text-align: center;color: #fff }
.m-topdl dt.m-dj { background: #30a0f8 }
.m-topdl dt.m-wl { background: #52c8c4 }
.m-topdl dt.m-sj { background: #f47468 }
.m-topdl dd { margin-left: 20px; }

.g-top2 { padding-top: 20px; }

.m-tith5 { height: 47px;  border-bottom: 1px #d6d6d6 solid; font-size: 18px; font-weight: normal; }
.m-tith5 span { border-left: 4px #26c281 solid;padding-left: 8px; margin-top: 10px; }

.m-h4tit { border-bottom: 2px solid #26c281; height: 49px;margin: 0 20px;  }
.m-h4tit span { font-size: 20px; font-weight: normal;float: left; display: inline; margin: 10px 0 0 0 }
.m-h4tit i { float: right; display: inline; margin: 16px 0 0 0; font-weight: normal;   }



.m-twl { width: 330px; margin: 0 20px; }
.m-twc { width: 440px; }
.m-twr { width: 320px; margin-right:20px; }

.m-tjgameul { margin-left: -30px; padding-top: 20px; }
.m-tjgameul li{ width: 150px; margin-left: 30px; margin-bottom: 20px; }
.m-tjgameul li a{ display: block; }
.m-tjgameul li a p{ position: relative; height: 150px; overflow: hidden; }
.m-tjgameul li a p img { display: block; width: 150px; height: 150px;transition:all .2s linear;	-webkit-transition:all .2s ease-out;	-moz-transition:all .2s ease-out;	-o-transition:all .2s ease-out;	-ms-transition:all .2s ease-out  }
.m-tjgameul li a:hover p img {transform:scale(1.1);	-webkit-transform:scale(1.1);	-moz-transform:scale(1.1);	-o-transform:scale(1.1);	-ms-transform:scale(1.1);width: 110%\9}
.m-tjgameul li a p span {position:absolute;bottom: 0; height: 26px; line-height: 26px; width: 90%; background: rgba(0,0,0,0.6); color: #f0f0f0; font-size: 13px; padding: 0 5%; z-index: 99999}
.m-tjgameul li a p em{ right: 0;}
.m-tjgameul li a p i{position:absolute;bottom:0;}
.m-tjgameul li a strong { font-weight: normal; display: block; height: 26px; line-height: 26px; text-align: center; overflow: hidden; background: #f0f0f0; padding: 0 10px }
.m-tjgameul li a:hover strong { color: #fff; background: #40ab30 }

.m-small { margin-left: -20px; }
.m-small li{ margin-left: 20px; width: 142px; }


.g-wangyou .m-h4tit,.g-wangyou .m-tith5 span{ border-color: #30a0f8 }
.g-wangyou .m-tutabp i.hover,.g-wangyou .m-tjgameul li a:hover strong{  background:  #30a0f8 }

.g-shouyou .m-h4tit,.g-shouyou .m-tith5 span{ border-color: #f90 }
.g-shouyou .m-tutabp i.hover,.g-shouyou .m-tjgameul li a:hover strong{  background:  #f90 }

.m-dlist{ padding-top:7px;}
.m-dlist li{  border-bottom:1px dashed #D8D8D8; padding: 15px 0; display: block; overflow: hidden;}
.m-dlist li span{ display:block; float:left; width:50px; height:50px; line-height:50px; text-align:center; font-size:24px; font-family:"Arial Black"; color:#FFFFFF; margin-right: 15px}

.m-dlist li span i {  width: 50px; height: 50px; display: block ;background:#C6C6C6; border-radius: 10px}
.m-dlist li span img { background-color: #fff; display: block;border-radius: 10px }
.m-dlist li span.bg1 i{ background:#FF8855;}
.m-dlist li span.bg2 i{ background:#F9B76F;}
.m-dlist li span.bg3 i{ background:#F6C15B;}
.m-dlist li.f-hover span img,.m-dlist li span i { display:none  }
.m-dlist li.f-hover span i { display: block }
.m-dlist li dl{ float:left; margin-top:5px;}
.m-dlist li dl dt a{ display:block; height:18px; font-size: 14px; line-height:18px; overflow:hidden; width: 250px;}
.m-dlist li dl dd{ height:16px; line-height:16px; font-size: 12px; overflow:hidden;  color:#999; white-space:nowrap; margin-top:8px;}


.m-sjgameul li {	width:98px;	padding:20px 0px 0 0;	float:left;	text-align:center}
.m-sjgameul li img { border-radius: 15px;	width:75px;	height:75px;	margin:0 auto 3px auto}
.m-sjgameul li p {	height:22px;	line-height:22px;	overflow:hidden; margin-bottom:4px;}
.m-sjgameul li .lb {	font-size:12px;	color:#999}
.m-sjgameul li a i { display: block;    width: 60px;    height: 22px; line-height: 22px;margin: 0 auto;text-align: center;border: 1px solid #eeeeee;    font-size: 12px;    border-radius: 4px; color: #999 }
.m-sjgameul li a:hover i {background-color:#5ecd5b; color:#fff; border:1px solid #5ecd5b;}
.m-sjgameul li a:hover {text-decoration: none}

.area1-hotNews{border-bottom: 1px dotted #ddd;margin-bottom:10px;}
.area1-hotNews h2{font-size: 22px;font-weight: bold;text-align: center;margin-bottom: 10px;height: 26px;line-height: 26px;overflow: hidden;}
.area1-hotNews h2 a{color: #56a93e;}
.area1-hotNews h2 a:hover{color: #6fce53;text-decoration: none;}
.area1-hotNews div{text-align: center;margin-bottom: 15px;}
.area1-hotNews div a{color: #666;padding: 0 10px;border-right: 1px solid #ececec;}
.area1-hotNews div a:last-child{border-right:none;}
.area1-hotNews div a:hover{color: #22bc62;text-decoration: none;}


.area1-center h3{height: 25px;line-height: 25px;}
.area1-center h3 span{float: left;width: 40px;height: 25px;line-height: 25px;text-align: center;color: #fff; font-size: 14px; font-weight: normal;}
.area1-center h3 a{float: left;color: #006fcd;font-size: 15px;width: 390px;height: 25px;overflow: hidden;margin-left: 10px; font-weight: normal;}
.area1-center h3 a:hover{color: #0053a6;text-decoration: underline;}
.area1-center dt{float: left;}
.area1-center dt a{display: block;font-size: 14px;color: #333;width: 310px;height: 18px;line-height: 18px;margin-top: 12px;overflow: hidden;}
.area1-center dt a:hover{color: #22bc62;text-decoration: none;}
.area1-center dd{float: right;width: 110px;height: 132px;overflow: hidden;margin-top: 15px;}
.area1-center dd a{display: block;position: relative;width: 100%;height: 100%;}
.area1-center img{	transition: opacity 0.3s ease-out;	-webkit-transition: opacity 0.3s ease-out;	-moz-transition: opacity 0.3s ease-out;	-o-transition: opacity 0.3s ease-out;}
.area1-center img:hover{opacity: .8;filter: alpaha(opacity: 80);}
.area1-center dd span{position: absolute;left: 0;bottom: 0px;width: 98px;height: 26px;line-height: 26px;text-align: center;padding: 0 5px;overflow: hidden;border: 1px solid #eaeaea;background-color: #f5f5f5;color: #333;border-top: 0;}
.area1-center dd a:hover{text-decoration: none;}
.area1-center dd a:hover span{background-color: #22bc62;border-color: #22bc62;color: #fff;}
.area1-center-1,.area1-center-2,.area1-center-3{padding-bottom:15px;margin-bottom:15px;border-bottom: 1px dotted #ddd;}
.area1-center-1 h3 span{background-color: #f86866;}
.area1-center-2 h3 span{background-color: #318fff;}
.area1-center-3 h3 span{background-color: #42c981;}
.area1-center-4 h3 span{background-color: #ff9500;}


.m-gameleft { width: 790px; margin-left: 20px; height: 660px; overflow: hidden;}
.m-gameright { width: 320px; margin-right: 20px;  }

.m-tutabp { border-bottom: 1px #ddd solid; height: 47px; line-height: 47px; }
.m-tutabp i{ display: inline-block; height: 24px; line-height: 24px; padding: 0 10px; background: #e7e7e7; margin-right: 10px; }
.m-tutabp i.hover{background: #26c281; color: #fff }


.m-yxph li{ clear:both; height:63px; margin:12px 0 12px; padding:0 12px;}
.m-yxph li i{ display:block; float:left; width:22px; height:24px; line-height:24px; margin:17px 10px 0 0; text-align:center; color:#333; font-size:14px; background-color: #f0f0f0 }
.m-yxph li i.s1{ background:url(../images/azyx_icon.png) no-repeat 0 -145px; color:#fff;}
.m-yxph li i.s2{ background:url(../images/azyx_icon.png) no-repeat -29px -145px; color:#fff;}
.m-yxph li i.s3{ background:url(../images/azyx_icon.png) no-repeat -60px -145px; color:#fff;}
.m-yxph li img{ display:block; float:left; width:54px; height:54px; margin:2px 14px 0 0; border-radius:8px;}
.m-yxph li p strong{ display:block; height:30px; line-height:30px; font-size:14px; font-weight:normal; overflow:hidden;}
.m-yxph li p span{ font-size:12px; font-weight:normal; color:#999; margin-left: 3px}
.m-yxph li p span b{ color:#ff5555;}
.m-yxph li p span s{    background: url(../images/star.png) no-repeat;    width: 75px;
    height: 13px;    display: inline-block;position: relative; top: 1px}
.m-yxph li p span s.star1 {	background-position:0 -26px}
.m-yxph li p span s.star2 {	background-position:0 -52px}
.m-yxph li p span s.star3 {	background-position:0 -78px}
.m-yxph li p span s.star4 {	background-position:0 -104px}
.m-yxph li p span s.star5,.m-yxph li p span s.star6 {	background-position:0 -130px}


/* 幻灯 */

.m-slide-box{ position:relative; width:330px; height:234px; overflow:hidden;}
.m-slide-box ul{ position:absolute; left:0;}
.m-slide-box ul li{ position:relative; float:left; width:330px; height:234px;}
.m-slide-box ul li img{ width:330px; height:234px;}
.m-slide-box ul li div{ position:absolute; left:0; bottom:0; z-index:3; width:100%; height:40px; line-height:40px; background:url(../images/tm_bg.png) repeat 0 0; color:#fff;}
.m-slide-box ul li div p{ padding:0 16px;}
.m-slide-item{ position:absolute; bottom:15px; right:0; z-index:4; width:100px;}
.m-slide-item i{ display:block; float:left; width:18px; height:5px; margin-right:6px; background-color:#fff;}
.m-slide-lbtn { position: absolute; z-index: 3; left: 0; top: 87px; display: block; width: 35px; height: 60px; background:url(../images/azyx_icon.png) no-repeat 0 0;}
.m-slide-lbtn:hover{ background:url(../images/azyx_icon.png) no-repeat 0 -70px;}
.m-slide-rbtn { position: absolute; z-index: 3; right: 0; top: 87px; display: block; width: 35px; height: 60px; background:url(../images/azyx_icon.png) no-repeat -47px 0;}
.m-slide-rbtn:hover{ background:url(../images/azyx_icon.png) no-repeat -47px -70px;}


.m-bgbai{ background: #fff; margin-top: 12px}
.m-topdiv{ margin-top: 0;}