﻿/*main*/
.bodyer{background-color: #fafafa;padding-bottom: 30px;margin-top: 0;}
.m-page-naver{/*background-color: #fafafa;*/}
.footer-container-new{margin-top: 0;}
html{background-color: #fafafa;}
.mg-detail-wrapper .g-bottom-container{ margin-top: 0;}
/*顶部左侧轮播*/
.m-up{height: 230px;-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);-ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);}
.m-up .unslider{height: 100%;float: left;position: relative;}
.m-up .unslider .unslider-nav{position: absolute;bottom: 11px;right: 10px;z-index: 99;}
.m-up .unslider .unslider-nav ol li{-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s; width: 10px;height: 10px;border: none;background-color: #fff;opacity: .5;filter: alpha(opacity=50);}
.m-up .unslider .unslider-nav ol li.unslider-active{width: 20px;height: 10px;background-color: #fff;opacity: 1;filter: alpha(opacity=100);}

.m-up .m-swiper-box{width: 400px;height: 230px;float: left;}
.m-up .m-swiper-box .m-slider-list{height: 100%;font-size: 0;white-space: nowrap;overflow: hidden;}
.m-up .m-swiper-box .m-slider-list .u-slider-item{height: 100%;width: 400px;display: inline-block;}
.m-up .m-swiper-box .m-slider-list .u-slider-item a{display: block;height: 100%;position: relative;}
.m-up .m-swiper-box .m-slider-list .u-slider-item .img-box-wrapper{position: relative;height: 100%;overflow: hidden;}
.m-up .m-swiper-box .m-slider-list .u-slider-item .m-title-wrapper{width: 100%;position: absolute;height: 40px;bottom: 0;}
.m-up .m-swiper-box .m-slider-list .u-slider-item .m-title-wrapper .u-bg{position: absolute;z-index: 1; width: 100%;height: 100%;background-color: #000;opacity: .69;filter: alpha(opacity=69);}
.m-up .m-swiper-box .m-slider-list .u-slider-item .m-title-wrapper .u-title{color: #fff;font-size: 14px;position: absolute;width: 100%;height: 100%;line-height: 40px;font-weight: normal;padding-left: 13px;padding-right: 60px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;z-index: 9;}

.m-up .m-swiper-list{margin-left: 400px;height: 100%;background-color: #fff; padding: 25px 20px 0;}
.m-up .m-swiper-list .m-swiper-list-item{margin-bottom: 18px;color: #303030;}
.m-up .m-swiper-list .m-swiper-list-item a{color: #303030;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-up .m-swiper-list .m-swiper-list-item .u-tag{display: inline-block;width: 36px;height: 22px;line-height: 22px;text-align: center; border-radius: 2px;font-style: normal;border: 1px solid transparent;}
.m-up .m-swiper-list .m-swiper-list-item .u-text{margin-left: 14px;}
.m-up .m-swiper-list .tag-new .u-tag{border-color: #ff0000;color: #ff0000;}
.m-up .m-swiper-list .tag-hot .u-tag{border-color: #5ac9fb;color: #5ac9fb;}
.m-up .m-swiper-list .tag-rec .u-tag{border-color: #4a90e2;color: #4a90e2;}
.m-up .m-swiper-list .m-swiper-list-item:hover .u-text{color: #5ac9fb;font-weight: bold;}

/*列表*/
.m-switcher-item-grid{display: none;}
.m-switcher-item-hot{display: none;}
.m-switcher-item-new{display: none;}
.m-detail-section-strategylist{margin-top: 20px;-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);-ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);}

/**/
.m-switcher.m-switcher-l-g {margin-top: 20px;
}
.m-strategy-gridview{font-size: 0;padding-bottom: 20px;}
.m-strategy-griditem-a{width: 188px;height: 186px;display: inline-block;margin-left: 20px;margin-bottom: 20px;position: relative;}
.m-strategy-griditem-a .m-trategy-a{display: block;width: 100%;height: 100%;color: #303030;font-size: 12px;overflow: hidden; border: 1px solid transparent;background-color: #fafafa;}
.m-strategy-griditem-a .img-box-wrapper{width: 200px;height: 112px;position: relative;overflow: hidden;}
.m-strategy-griditem-a .m-bottom-wrapper{/* height: 74px; */ padding: 9px 10px 8px;}
.m-strategy-griditem-a .m-bottom-wrapper .u-title{font-size: 14px; font-weight: normal;line-height: 26px;height: 26px;height: 55px;overflow: hidden; color: #303030;}
.m-strategy-griditem-a .m-strategy-msg{ width: 100%;padding: 0 10px;font-size: 12px;position: absolute;bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-strategy-griditem-a .m-strategy-msg .u-game-name{color: #4A90E2;}
.m-strategy-griditem-a .m-strategy-msg .u-game-date{}
.m-strategy-griditem-a .m-strategy-msg .u-line{margin: 0 2px;color: #b2b2b2;}
.m-strategy-griditem-a:hover .m-trategy-a{border-color: #148eff;background: #FFFFFF;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);}

.m-pager-box{-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);-ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);}