body,
h1,h2,h3,h4,h5,h6,hr,
p,blockquote,dl,dd,ul,ol,li
pre,form,fieldset,legend,button,input,
textarea,th,td{margin:0; padding:0;}
html{ overflow-x:hidden;}
body,button,input,select,textarea{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',Arial,'\9ED1\4F53','\5B8B\4F53';}
body{ position:relative; color:#333;background-color: #f4f4f4;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight: normal;}
input,select{ border:none;}
em,i{ font-style:normal;}
li{ list-style:none;}
img{ border:none; vertical-align:middle;}
button, input, select, textarea { font-size:100%;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline; color:#ff7900;}
:focus{ outline: none;}
p{word-break: break-all;}
.hidden { visibility:hidden!important}
.clearfix:after{ clear: both; content: ""; display: table;}
* html .clearfix{ zoom:1;}
*+ html .clearfix{ min-height:1px;}

/*global*/
@font-face {font-family: "iconfont";
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome銆乫irefox */
    url('iconfont.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.g-icon{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.logo,
.next,.prev,
.more,
.comm-content,.comm-bg-r,.comm-tri,
.col-act-tit,.col-act-var,
.new-item,
.gif,.bbs-attr,
.sgl-star,.sgl-star-in,
.gs,
.icon-app .g-icon,
.dimen-tip,.dimen-tri,.side-icon,.dClose{ background: url(../images/sprite.png) no-repeat;}

.header-in,.nav-in,.cont{ width: 1190px; margin: 0 auto;}

.m20{ margin-top: 20px;}
.m24{ margin-top: 24px;}
.m30{ margin-top: 30px;}
.t-hid,
.col-hot-link,
.new-item-a,
.f-net-name,.f-sig-name,
.net-link-a,.news-tit,
.bbs-link,
.game-tit,.sgl-rank-name,
.rank-name,.rank-de-name,
.act-branch li,
.gift-name{ white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}

.more{ float: right; width: 35px; height: 27px; background-position: -80px -60px;}
.more:hover{ background-position: -80px -100px;}
.tit-tri{position: absolute; height: 0; overflow: hidden; border-width:0 4px 4px; border-style: dashed dashed solid; border-color:transparent transparent #46505a; font-size: 0;left: 50%; margin-left: -4px; bottom: 0;}

.gif{ position: absolute; width: 11px; height: 13px; top:-4px; right: -13px; }
.gif-h{ background-position: 0 -230px;}
.gif-n{ background-position: 0 -250px;}

/*header*/
.header{ height: 90px; background-color: #fff;}
.logo{ float: left; width: 214px; height: 53px; margin-top: 14px; background-position: 0 0;}
.logo-bd{ display: block; height: 0; overflow: hidden; padding-top: 53px;}

.search{ position: relative; float: right; width: 600px; height: 41px; margin-top: 25px; font-size: 14px;}
.search-panel{ position: relative; border:2px solid #ff7900; height: 37px;}
.search-button{ position: absolute; right:-2px;top:-2px; width: 120px; height: 41px; text-align: center;  overflow: hidden;}
.btn-search{ height: 100%; width: 100%; border: 0 none; cursor: pointer; background-color:#ff7900; font-size: 20px; color: #fff; line-height: 40px;}
.search-type-wrap{ float: left; width: 58px; padding-left: 18px; height: 36px; border: 1px solid #ededed; border-width: 1px 1px 0; background-color: #f7f7f7; line-height: 36px; color: #8e8e8e;}
.search-type-list{display: none;  position: absolute; width: 76px; top:39px; left: 2px; background-color: #fff; border: 1px solid #dcdcdc; border-width: 0 1px 1px;}
.search-type-list li{ line-height: 30px;}
.search-type-list li a{ display: block; padding-left: 18px; color: #555;}
.search-type-list li a:hover{ background-color: #ff7900; color: #fff; font-weight: bold; text-decoration: none;}
.search-input-wrap{ overflow: hidden; margin-right: 118px; }
.search-input{ float: left; text-indent: 10px; line-height: 22px; height: 22px; padding: 8px 0 7px; width: 100%; color: #c0c0c0;}

.nav{ height: 40px; background-color: #46505b;}
.nav-in a{text-decoration: none;}
.nav-in .nav-list{ position: relative; float: left; width: 170px; z-index: 3;}
.main-nav{ display: block; height: 100%; font-size: 18px; line-height: 40px; color: #fff; text-align: center;}
.nav-focus .main-nav{ background-color: #283136;}
.nav-bar{ visibility: hidden; position: absolute; width: 100%; height: 2px; font-size: 0; line-height: 0; background-color: #ff7900; left: 0; bottom:0;}
.nav-focus .nav-bar{ visibility: visible;}
.sub-nav-wrap{ display: none; position: absolute; width: 415px; overflow: hidden; font-size: 14px; border: 1px #46505a solid; border-width: 0 1px 1px; left: -1px; top:40px; box-shadow: 3px 3px 3px rgba(0,0,0,.15); z-index: 3;}
.sub-nav{ padding: 15px 0 15px 50px; overflow: hidden; line-height: 36px;background: #fff url(../images/bear.png) right bottom no-repeat;background-size: 68px 71px;}
.sub-nav li{ float: left; width:84px; text-align: center; height: 26px; margin: 5px 0; line-height: 26px;}
.sub-nav li a{ display: block; text-align: center;}
.sub-nav li a:hover{background: #ff7900; color: #fff;}
.nav-hover .main-nav{ background-color: #fff; color: #333;}
.nav-hover .sub-nav-wrap{ display: block;}
.nav-hover .nav-bar{ visibility: visible;top:0;}

.last .sub-nav-wrap{left:-246px;}

/*screen-hd*/
.top-link-wrap{ background-color: #fff; font-size: 14px;}
.top-link-list{ height: 35px; overflow: hidden; border-bottom:1px solid #e9e9e9; white-space: nowrap; vertical-align: middle;}
.top-link-tit{ float: left; height: 35px; margin-right: 14px; border-left: 3px solid #ff7900; line-height: 35px; }
.top-link-tit span{ float:left; height: 20px; padding: 0 10px;  margin-top: 7px;  border-right:1px solid #e9e9e9; line-height: 20px;}
.top-link-list .top-link{ float: left; height: 35px; margin-right: 26px; line-height: 35px;}
.top-link-list .strong{ font-weight: bold; color: #f42916;}
.top-net .top-link-tit{ color: #ff7900;}
.top-android .top-link-tit{ color: #53a511;}

.top-banner{ width: 1190px; height: 325px; margin-top: 20px;}

.slide{ float: left; margin-right: 20px; }
.slide-main{ position: relative; width: 750px; height: 300px; overflow: hidden;}
.slide-cont{ position: absolute;}
.slide-cont li{position: relative; float: left; height: 300px; width: 750px;}
.slide-cont li .ban-cover-txt{position: absolute;width: 820px;padding: 0 20px;height: 58px;left: 0;bottom: 0;line-height: 58px;color: #fff;font-size: 24px;text-shadow: 2px 2px rgba(0, 0, 0, 0.3);z-index: 2;}
.next,.prev{ position: absolute; height: 72px; width: 36px; top:114px; opacity: .5;filter:alpha(opacity=50);}
.next{ right: 0; background-position: 0 -60px;}
.prev{ left: 0; background-position: -36px -60px;}
.next:hover,.prev:hover{ opacity: 1; filter:alpha(opacity=100);}

.dl-app-wrap{ float: left; width: 420px; height: 300px; overflow: hidden; background-color: #fff;}
.dl-app-head{ padding-bottom: 12px;}
.dl-app-tit{ overflow: hidden; font-size: 18px; color: #000; font-weight: bold;}
.dl-comm{ padding: 0 15px 0 20px;}
/* .dl-app-cont{ border:1px solid #ebebeb; border-width: 1px 0 1px 1px; overflow: hidden;}
.dl-app-cont li{ float: left; width: 95px; height: 102px; border-right:1px solid #ebebeb;}
.dl-app-cont li a{ display: block; width: 100%; height: 100%; overflow: hidden; text-align: center; font-size: 12px;}
.dl-app-cont li a:hover{ background-color: #f9f9f9; text-decoration: none;}
.dl-icon{ display: block; width: 60px; height: 60px; margin: 10px auto 8px; border-radius: 60px; color: #fff; cursor: pointer;}
.icon-android{ background-color: #a5ca39;}
.icon-ios{ background-color: #67b7f4;}
.icon-pc{ background-color: #fe9251;}
.icon-app{ background-color: #46c7e3;}
.dl-app-cont a:hover span{ color: #fff;}
.dl-icon .g-icon{ font-size: 38px;}
.icon-app .g-icon{ display: inline-block; width: 27px; height: 33px; margin: 14px 0 0 3px; background-position: 0 -270px;}
.dl-app-cont a:hover .icon-android{ background-color: #69aa1d;}
.dl-app-cont a:hover .icon-ios{ background-color: #1279c8;}
.dl-app-cont a:hover .icon-pc{ background-color: #d55000;}
.dl-app-cont a:hover .icon-app{ background-color: #00a5c8;} */

.dl-app{position:relative;}
.dl-app-more{position:absolute;right: 20px;top: 10px;z-index: 2;}
.dl-app-more:hover{text-decoration: none;}
.dl-app-cont{ position:relative;display: block; background:url(../images/gamecenter.jpg) center top no-repeat; background-size:cover; height:160px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gamecenter.jpg',sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gamecenter.jpg',sizingMethod='scale')";}
.dl-app-cont .dl-app-download{ position: absolute;display: block;text-align: center;line-height: 23px;width: 25%;top: 50%;left: 50%;margin-left: -4%;border: 1px solid #526988;border-radius:8px;}
.dl-app-cont:hover .dl-app-download{color: #ff7900;border-color: #ff7900;text-decoration:none;}
.comm-wrap{ height: 83px; overflow: hidden; position: relative;}
.comm-cont{ position: absolute; top:0; left: 0;width: 100%;}
.comm-list{ overflow: hidden; padding-bottom: 7px;}
.comm-thumb{ float: left; margin-right: 15px;}
.comm-thumb img{border-radius: 10px;}
.comm-main{ overflow: hidden;}

.slide-cont-info-minor,.slide-cont-info-main{color:#fff;}
.slide-cont-info-main{font-size: 24px; line-height: 40px;}
.slide-cont-info-minor{display:none; line-height: 20px;}
.slide-cont li a:hover .slide-cont-info-minor{display:block;}
.slide-cont-info{position: absolute; left: 0; bottom: 0; padding: 0 15px;width: 720px;background: url(../images/silde-banner.png) left center no-repeat;}
.comm-name,.comm-star,.comm-num{float:left;}
.comm-star,.comm-star-in{background-image: url(../images/sprite.png);background-repeat: no-repeat;}
.comm-star{position: relative; margin-top:4px;width: 77px;height: 12px;font-size: 0;line-height: 0;background-position: -218px -154px;}
.comm-star-in{  position: absolute;height: 12px;top: 0;left: 0;background-position: -218px -143px;}
.comm-star1{width:17px;}
.comm-star2{width:30px;}
.comm-star3{width:45px;}
.comm-star4{width:64px;}
.comm-star5{width:100%;}
.comm-avatar{ float: left; margin-right: 7px; border-radius: 33px;}
.comm-info-area{ overflow: hidden;}
.comm-info{ position: relative; padding-bottom: 3px; border-bottom: 1px solid #e9e9e9;}
.comm-name{color: #000;font-size: 13px;padding-right:15px; max-width:111px;height:19px;overflow:hidden;}
.comm-other{ overflow: hidden;}
.comm-time{ float: left;color: #aaa; }
.comm-num{ float: right; padding-left: 18px; background-position: -130px -60px; color: #46505b;}
.comm-num em{color:#ff7900;}
.comm-tri{ position: absolute; width: 8px; height: 4px; font-size: 0; bottom:-1px; right: 45px; background-position: -120px -60px;}
.comm-content{ padding:4px 0 0 15px; color: #003333; background-position: -200px -60px;height:54px;overflow:hidden;}
.comm-bg{position: relative;}
.comm-bg-r{ position: absolute; width: 10px; height: 36px; top:38px; right: 0; background-position: -201px -121px;}


.screen-col{clear: both; padding-top: 24px;}
.col-act{ float: left; width: 322px; height: 572px; margin-right: 20px; background-color: #fff;}
.col-act-in{ padding: 10px 14px 0 13px;}
.col-act-head{ padding-bottom: 14px;}
.col-act-tit{height: 27px; width: 115px; background-position: 0 -140px; text-indent: -3000px;}

.col-act-var{position: relative; height: 55px; overflow: hidden; padding-left: 30px; background-position: 0 -170px;}
.act-branch{ position: absolute; width: 265px; left: 30px; top:0;}
.act-branch li{ line-height: 55px; font-size: 14px; color: #fff; height: 55px; white-space: nowrap;}
.act-branch li a{color:#fff}

.col-act-list{ padding-left: 14px; border-left:1px #e5e5e5 solid;}
.col-act-item{position: relative; padding: 9px 0;}
.act-time{ padding:0 5px; width:186px; height: 18px; overflow: hidden; color: #999; line-height: 18px; background-color: #fe8d00;}
.act-tri{ position: absolute; margin: 5px 0 0 -9px; height: 0; overflow: hidden; border-width:4px 4px 4px 0; border-style: dashed solid dashed dashed; border-color:transparent #fe8d00 transparent transparent; font-size: 0; }
.act-tit{ display: block; padding-top: 4px; font-size: 14px; line-height: 27px;}
.act-thumb-wrap{height: 69px; padding: 7px 4px 0; background-color: #f8f8f8;  color: #999; }
.act-thumb-cont{ position: relative; float: left; margin:0 9px 0 0; width: 130px; height: 64px; overflow: hidden;}
.act-dot{ position: absolute; width: 7px; height: 12px; background-color: #fff; font-size: 0; left: -18px; top:12px;}
.act-dot-s{ display: block; width: 7px; height: 7px; margin-top: 3px; border-radius: 7px; background-color: #e5e5e5;}
.act-hot .act-time{background-color: #f8f8f8;}
.act-hot .act-tri{border-color:transparent #f8f8f8 transparent transparent;}


.col-new{ float: left; width: 408px; height: 572px; margin-right: 20px; background-color: #fff;}
.col-new-in{ padding: 3px 15px 0;}
.col-new-hot{  width: 100%; margin-top: 7px; height: 48px; }
.col-new-hot .col-hot-link{ display: block; height: 48px; font-size: 18px; text-align: center; line-height: 48px;  color: #ff1603; font-weight: bold;}
.col-sub-new{ width: 100%; text-align: center; height: 18px; overflow: hidden;}
.col-sub-new a{ display: inline-block; margin: 0 4px 0 5px;}

.col-new-list{ padding-top: 16px;}
.new-item{ padding-left: 16px; background-position: -200px -230px; font-size: 14px; line-height: 30px; vertical-align: middle;}
.new-item-a{ display: block; width: 100%; height: 30px;}
.new-item-a i{ color: #dadada;}
.new-item-a:hover i{ color: #f60;}
.new-item-a:hover .g-icon{ text-decoration: underline;}
.new-item .g-icon{ float: left; font-size: 18px; width: 22px;}

.col-fore{ overflow: hidden; height: 572px; background-color: #fff;}
.col-fore-in{ padding: 10px 18px 0;}
.fore-head{ text-align: center; font-size: 0; vertical-align: middle;}
.fore-tit{ position: relative; display: inline-block; width: 189px; font-size: 16px; color: #000; line-height: 42px; border-bottom: 3px solid #46505a; cursor: pointer;overflow: hidden; vertical-align: middle;}
.fore-focus{ color: #ff7900; border-bottom-color: #ff7900;}
.fore-focus .tit-tri{ border-bottom-color: #ff7900;}
.fore-spe{ display: inline-block; width: 3px; height: 20px; position:relative;top:9px;left: 2px; text-align: center; border-left:1px solid #ccc; overflow: hidden; zoom:1;}
.fore-cont{ overflow: hidden; padding-top: 13px;}
.fore-main{ overflow: hidden;}
.fore-main li{ position: relative; top:1px; vertical-align: middle;}
.f-item{ border-bottom: 1px solid #f4f4f4;}
.f-nor{ height: 43px; line-height: 43px; font-size: 14px; cursor: pointer;}
.f-nor span{ display: inline-block; vertical-align: middle;}
.f-net-rank{ width: 36px; padding-left:8px;color: #a5a5a5;}
.f-net-name{ width: 140px;}
.f-net-type{ width: 88px;}
.f-net-down{ width: 12px; position:relative; top:2px; color: #999; font-size: 12px;}
.g-icon-in{vertical-align: 3px;margin-left: 10px;cursor: pointer;}
.f-net-no{ padding-left: 12px; color:#999;}
.f-net-has{ color: #ff3e3e;}
.f-net-have{ color: #7cd31f;}

.f-de{ display: none; height: 81px; overflow: hidden; padding: 8px 0 0 7px; background-color: #f9f9f9;}
.f-de-icon{ float: left; width: 72px; height: 72px; margin-right: 18px;}
.f-de-icon img{border-radius: 10px;}
.f-de-info{ position: relative; overflow: hidden; }
.f-de-info .f-de-name{ font-size: 14px; color: #ff1600;}
.f-get-wrap{ padding-bottom: 4px;}
.f-de-info p{ line-height:22px; width: 202px; color: #999;height:22px;overflow:hidden; }
.f-de-info p span{ color: #333; }
.f-de-get{ position: absolute; width: 52px; height: 27px; border-radius: 12px; background-color: #7cd31f; color: #fff; font-size: 14px; line-height: 27px; text-align: center; right:18px; top:27px;}
.f-de-get:hover{ background-color: #5cb300; color: #fff; text-decoration: none;}

.f-focus .f-nor{ display: none;}
.f-focus .f-de{ display: block;}

.js-fore-sig{ display: none;}
.f-sig-name{ padding-left: 2px; width: 109px;}
.f-sig-time{ width: 132px; color: #333; text-indent: 15px;}
.f-sig-type{ color: #999;}
.f-de-info p .f-de-type{ float: right; font-size: 14px; color: #999; padding-right: 10px;}
.f-not{color: #999;}

.fore-more-link{ display: block; margin-top: 7px; color: #999; line-height: 26px; border: 1px solid #e9e9e9; text-align: center;}
.fore-more-link:hover{ text-decoration: none;}


.aid-cont{ position: relative; overflow: hidden; height: 80px;}
.aid-cont img{ position: relative;}

.lay{ background-color: #fff; padding: 14px 16px 0 14px;}
.lay-tit{ position: relative; float: left; width: 126px; margin-right: 4px; border-bottom: 3px solid #ff7900; font-size: 18px;line-height:44px;}
.lay-tit a{ color: #000; font-weight: bold;}
.lay-tit a:hover{ color: #ff7900; text-decoration: none;}
.lay-tit .tit-tri{ border-bottom-color: #ff7900;}
.lay-tit .g-icon{ float: left; width: 33px; position: relative; top:1px; font-size: 30px;}
.lay-tit a:hover .g-icon{ text-decoration: none;}

.lay-right{ overflow: hidden; height: 44px; border-bottom: 3px solid #46505b; line-height: 46px}
.lay-nav{ float: left;}
.lay-nav-item{ position: relative; font-size: 14px;  }
.lay-nav-item:hover{ text-decoration: none;}
.lay-nav-spe{ position:relative; top :-1px; padding: 0 20px 0 15px;  font-size: 12px; color: #dadada;}
.lay-right .more{ margin: 13px 5px 0 0;}
.lay-net-left{ float: left; width: 255px; margin-right: 38px;}
.thumb{ position: relative; width: 255px; height: 120px; margin-top: 28px;}
.thumb-bg{ position: absolute; left: 0; top:90px ; width: 100%; height: 100%; background-color: #000; opacity:.6; filter:alpha(opacity=60);}
.thumb-txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 90px; color: #fff; overflow: hidden;  padding-bottom:20px;font-size: 14px;}
.thumb-des{ line-height: 20px; padding:0 12px 0;}
.thumb-tit{ padding: 0 10px; text-align: center;line-height: 30px;}
.thumb-link{ position: relative; display: block; overflow: hidden;}
.thumb-link:hover .thumb-txt{ top:20px;}
.thumb-link:hover .thumb-bg{ top:0;}
.thumb a:hover{ text-decoration: none;}

.lay-net-center{ float: left; width: 440px;}
.net-top{ padding: 17px 0 0;}
.net-top-tit{ display: block; font-size: 18px; line-height: 40px; height: 40px;}
.net-top-txt{ height: 54px; color: #999; overflow: hidden;}
.net-new-list{ padding-top: 20px;}
.net-link-a{ float: left; height: 30px; width: 290px;}
.net-new-link:hover .net-link-a{text-decoration: underline;}
.new-time{ float: right; color: #999; margin-right: 20px;}

.lay-net-right{ width: 403px; float: right;}
.test-wrap{ padding: 25px 0 0;}
.test-head{ border: 1px solid #ddd; border-width: 1px 1px 0 0; font-size: 0; color: #000; }
.test-tit{ float:left; width: 200px; height: 35px; line-height: 35px; vertical-align: middle; font-size: 16px; text-align: center; border-left:1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fafafa; cursor: pointer; }
.test-focus{ border-bottom-color: #fff; background-color: #fff; color: #ff7900; }

.test-cap{ margin-top: 10px; background-color: #fff5ed; color: #aa784f; font-weight: bold; font-size: 12px; line-height: 40px; clear: both;}
.test-cap span,.test-item span, .test-item a{ float: left; }
.test-time{ width: 65px; text-indent: 12px;}
.test-game{ width: 130px;height: 38px;overflow: hidden;}
.test-sta{ width: 105px;height:38px;overflow:hidden;}
.test-down{ width: 30px; margin-right: 15px; text-align: center;}
.test-cap .test-down{ float: right;}
.test-item{ position: relative; top:1px; overflow: hidden; font-size: 14px; line-height: 38px; border-bottom: 1px solid #f4f4f4; vertical-align: middle;}
.test-item .test-time{ color: #ff3e3e;}
.test-item .test-time-fore{ color: #999;}
.test-list-wrap .fore-more-link{ margin-top: 0;}
.test-list{ overflow: hidden;}
.test-item .g-icon{ font-size: 16px;color:#bebebe;cursor: default;}
.test-item .test-gift{ width: 30px;  color: #e74c3c;cursor: pointer;}
.test-item .test-down{ float: right; font-size: 12px; color: #7cd31f;cursor: pointer;}
.test-list a:hover{ text-decoration: none;}

.lay-net1{ padding: 34px 0 37px 0;}
.lay-net1-l{ float: left; width: 255px; margin-right: 38px;}
.lay-sub-tit{ float: left; margin-right: 18px;}
.lay-sub-tit a{ font-size: 12px; color: #ff7900; font-size: 18px; line-height: 36px;}
.lay-sub-tit span{ font-size: 12px; color: #ff7900; font-size: 18px; line-height: 36px;}
.lay-net1-thumb li{ padding-bottom: 10px;}

.thumb-info{ overflow: hidden; line-height: 34px;}
.thumb-name{ float: left; color: #010101; font-weight: bold; font-size: 14px; }
.thumb-score{ color: #999; float: right;}
.thumb-score strong{ color: #f22e1e; font-size: 16px; font-weight: normal;}

.lay-sub{ padding-bottom: 10px;}
.lay-sub-nav{ overflow: hidden; line-height: 22px; padding-top: 10px;}
.lay-sub-item{ position: relative;}
.lay-sub-spe{ margin: 0 20px; color: #ccc;}

.lay-net1-r{ overflow: hidden;}
.gift-list{ overflow:hidden; width: 864px; border: 1px #e0e0e0 solid; border-width:1px 0 0 1px;}
.gift-item{ float: left; width: 277px; height: 145px; padding: 5px; border: 1px #e0e0e0 solid; border-width:0 1px 1px 0;}
.gift-wrap{ padding:  2px 12px 0 25px; height: 145px; background-color: #fff;}
.gift-name{ display: block; line-height: 46px; font-size: 14px; color: #000; width: 240px;}
.gift-info{ overflow: hidden;}
.gift-icon{ float: left; width: 72px; height: 72px; margin-right: 14px; border-radius: 16px;}
.gift-icon img{border-radius: 10px;}
.gift-last{ height:22px;}
.gift-txt{ color: #999; height: 36px; overflow: hidden;}
.gift-get{ display: block; width: 96px; height: 20px; line-height: 20px; text-align: center; color: #f90000; background-color: #f3f3f3; border-radius: 15px;}
.gift-get:hover{ background-color: #f90000; color: #fff; text-decoration: none;}
.gift-bar{ float: left; margin: 8px 0 11px; width: 96px; font-size: 0; line-height: 0; height: 3px; background-color: #e0e0e0;}
.gift-bar-in{ display: block; height: 3px; background-color: #20c356;}
.gift-num{ position: absolute; margin: 1px 0 0 5px; font-size: 10px; -webkit-scale:0.8; color: #999;}
.gift-hover{ background-color: #f6f6f6;}


.topic-wrap{ padding:20px 0 6px 0; margin-right: -40px;}
.news-item{ float: left; position: relative; padding-bottom: 24px; overflow: hidden; width: 260px; margin:0 40px 0 0;}
.news-item .news-link{ position:relative; display: block; width: 260px; height: 150px; overflow: hidden;}
.news-link:hover{ text-decoration: none;}
.news-link:hover .topic-name{ color: #ff7900;}
.news-img{ width: 100%;}
.topic-item-b .news-img{ width: 560px; height: 370px;}
.news-item .news-img{position: relative; top:-22px;}
.topic-mask{ position: absolute; top:0; left: 0; bottom:0; right:0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAAC3CAYAAAC2YlPyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERTEyMDlGRDYzMjgxMUU0ODVDMkUxOEJGMkQ0NEVGNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERTEyMDlGRTYzMjgxMUU0ODVDMkUxOEJGMkQ0NEVGNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRFMTIwOUZCNjMyODExRTQ4NUMyRTE4QkYyRDQ0RUY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRFMTIwOUZDNjMyODExRTQ4NUMyRTE4QkYyRDQ0RUY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WhHINAAAAo5JREFUeNrs3NsNwkAMRUE2CRDekAX6LxVRxV3JMyX448hOAq333nYAQU2IACEChEiIACEChEiIgBFCNBkDIESAEBkDIERA+RDNxgAIESBExgCkQ7QYAyBEgBAZA5AO0d4YACEChMgYACEChMgYgHSIDsYACBFQPkRHYwCECCgfotUYgHSITsYACBFQPkRnYwDSIboYAyBEQPkQXY0BSIfoZgyAEAHlQ3Q3BkCIgPIhehgDIERA+RA9jQFIh+hlDEA6RJsxAOkQdWMA0iF6GwOQDtHHGIB0iL7GACQt/xgZA5A0GQFgIwKESIgAIQKESIiAEULkgTVgIwKESIgAIQKESIgAIQKESIiAeIi8vgdsRIAQCRHgNANqEyHARgTgGRFgIwKwEQE2IgAhAuJECLARAQgRIEQAXt8DNiIAGxFgIwKwEQE2IgAhApxmADYiQIgAnGaAjQhAiACnGYCNCBgiRLMxAE4zwGlmDIAQAU4zYwBsRED5EHlrBtiIACHyjAiwEQFCJESAEAFCJESAEAFCJESAEAFC5DsiwEYECJEQAUIECJFf3wM2IkCIvDUDbESAEHlGBDjNACFymgFOM0CInGaA0wwQIiEChAgQIiEChAgQIiEChAgQIiEC4iHyQSMQD5GfeAA2IkCIbESAjQgQIm/NACEChEiIgHiIPCMCbESAEAkR4DQDhMhGBAgRIEROM0CIACESIkCIACESIkCIACESIkCIACESIkCIACESIkCIACESIkCIACESIkCIACESIkCIACESIkCIgNr8cT5gIwIQIkCIAIQIECIAIQKECECIACEC8GU1IEQATjNAiACECBAiACEChAjA63vARgQgRIAQAXhGBNiIAH4CDAA/4w6D84FgrwAAAABJRU5ErkJggg==) no-repeat center bottom;*background: url(../images/xiao.png) no-repeat center bottom;}
.topic-txt{position: absolute; width: 100%; left: 0; bottom:0; z-index: 2;}
.news-item .news-link:hover p{
	height: auto;
	overflow: auto;
}
.topic-name{ padding: 0 10px; height: 24px; overflow:hidden; justify-content: center; vertical-align: middle; font-size: 16px; font-weight: 700; text-shadow: 2px 1px 1px rgba(0,0,0,1); color: #fff;cursor: pointer; }

.topic-item-b{ float: left; position: relative; padding-bottom: 24px; overflow: hidden;margin:0 40px 0 0; width: 560px;}
.topic-item-b .news-link{ position:relative; display: block; width: 560px; overflow: hidden;}
.topic-item-b .topic-name{ font-size: 24px;height:36px;overflow:hidden;}
.topic-item-b .topic-mask{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAk4AAAFFCAYAAAAadmKrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOERFMkQ2MzYzMjgxMUU0QTc0MEU0QjVDMzU2QjNCRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOERFMkQ2NDYzMjgxMUU0QTc0MEU0QjVDMzU2QjNCRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM4REUyRDYxNjMyODExRTRBNzQwRTRCNUMzNTZCM0JGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM4REUyRDYyNjMyODExRTRBNzQwRTRCNUMzNTZCM0JGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IJFcpwAABelJREFUeNrs3cFNA0EQRUEWGwjA+eeKOPrkN1aLWUxVCHt6+tOG43a7HW8AADx0CCcAAOEEACCcAACEEwCAcAIAEE4AAMIJAADhBAAgnAAAhBMAgHACABBOAADCCQBAOAEAIJwAAIQTAIBwAgAQTgAAwgkAQDgBACCcAACEEwCAcAIAEE4AAMIJAEA4AQD8w3B69xkAAIQTAIBwAgAQTgAAwgkAQDgBAAgnAACEEwDAU+F08RkAAIQTAIBwAgAQTgAAwgkAQDgBAAgnAADuw+nqMwAACCcAAOEEACCcAACEEwCAcAIAEE4AAAgnAICnwunDZwAAEE4AAMIJAEA4AQCcOJw+fQYAAOEEACCcAACEEwCAcAIAEE4AAMIJAID7cPryGQAAHvv5B7+HzwAA8Ni7TwAAIJwAAIQTAIBwAgAQTgAAf59f1QEARBYnAADhBAAgnAAAtnDjBAAgnAAAZnmqAwAQTgAAwgkAYAs3TgAAkcUJACCyOAEARBYnAADhBAAgnAAAtnDjBAAgnAAAZnmqAwAQTgAAszzVAQBEFicAAOEEADDLUx0AgHACAJjlqQ4AILI4AQBEFicAgMjiBAAQWZwAACKLEwBAZHECAIgsTgAAkcUJAEA4AQDM8lQHALAQTlYnAIBANAEARJ7qAAAiixMAQGRxAgCILE4AAJHFCQBAOAEAzPJUBwAQWZwAAIQTAIBwAgDYwo0TAEBkcQIAEE4AALM81QEARBYnAADhBAAgnAAAtnDjBAAQWZwAAIQTAIBwAgAQTgAAZ+Y4HAAguoonAIAeTp7qAAACaxMAQOSpDgAgEk0AAJHFCQAgEk0AAJFf1QEALIST1QkAIBBNAACRxQkAIBJNAACR43AAAOEEADAfTp7rAABiOFmcAAACaxMAQGRxAgAQTgAAwgkAQDgBAJw9nByIAwAEogkAILI4AQAshJMbJwAA4QQAIJwAAH6d+yYAgMhxOADAQjh5qgMAEE4AALPhdPEZAAAec98EABB5qgMAEE4AAMIJAGBbOLlzAgAIRBMAQGRxAgBYCCc3TgAAgbUJACDyVAcAIJwAAObDyY0TAEAMJ4sTAEAgmgAAIosTAEAkmgAAIosTAMBCOPlVHQBADCeLEwCAcAIAmCOaAAAiixMAQCSaAAAiixMAwEI4+XMEAAAxnCxOAACBaAIAiDzVAQAshJPVCQAghpPFCQAgsDYBAESe6gAAFsLJUx0AQAwnixMAQCCaAAAiT3UAAMIJAEA4AQAIJwAA4QQA8AL8qg4AIPJ3nAAAFsLJUx0AQAwnixMAQCCaAAAiT3UAAMIJAEA4AQBsCyd3TgAAgWgCAIg81QEACCcAgPlw8lwHABCIJgCAyFMdAMBCOFmdAAAC0QQAEFmcAAAi0QQAEDkOBwAQTgAAszzVAQBEjsMBACLRBAAQuXECAIgsTgAAkRsnAIBINAEARG6cAAAiixMAQOTGCQAgEk0AAJEbJwAA4QQAMMtTHQCAcAIAmOVXdQAAkWgCAIgchwMARBYnAIDIjRMAQCSaAACEEwDALMfhAACRxQkAILI4AQBEFicAAOEEADDLUx0AQGRxAgCILE4AAJHFCQBAOAEACCcAgC3cOAEARBYnAIDI4gQAEFmcAAAiixMAQGRxAgAQTgAAszzVAQBEFicAgMjiBAAQWZwAAIQTAIBwAgAQTgAAZ+Y4HAAgsjgBAEQWJwCAyOIEACCcAACEEwDAFm6cAAAiixMAQGRxAgCILE4AAJHFCQAgsjgBAAgnAADhBAAgnAAAzsxxOABAZHECAIgsTgAAkcUJAEA4AQAIJwAA4QQAcGaOwwEAIosTAEBkcQIAiCxOAADCCQBAOAEACCcAgDNzHA4AEFmcAACEEwDALE91AACRxQkAQDgBAMzyVAcAEFmcAACEEwCAcAIAEE4AAMIJAOAF+FUdAEBkcQIAEE4AAMIJAEA4AQAIJwAA4QQAIJwAABBOAADCCQBAOAEACCcAAOEEACCcAACEEwAAwgkAYMS3AAMAkpQSeFUDqh8AAAAASUVORK5CYII=) no-repeat center bottom;*background: url(../images/da.png) no-repeat center bottom;}

.video-wrap,.bear-wrap{ margin-right: -40px;}
.bear-wrap{ padding-bottom: 20px;}
.news-tit{ display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; }
.news-author{ float: left; color: #999;}
.news-author span{ color: #333;}
.bear-author{ float: left;}
.bear-author img{ margin-right: 8px; border-radius: 22px;}
.news-view,.news-comm{ float: right; padding-left:12px; color: #999;}
.video-mask,.video-btn{ position: absolute; top:0; left: 0; bottom: 0; right:0; }
.video-mask{background-color: #000; opacity: .3; filter:alpha(opacity=30);}
.news-link:hover .video-mask{ opacity: .15; filter:alpha(opacity=15);}
.video-btn{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEM2QTU0RjRFQ0JEMTFFNEJDRDJGRThBNUI5RTM1MTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEM2QTU0RjVFQ0JEMTFFNEJDRDJGRThBNUI5RTM1MTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQzZBNTRGMkVDQkQxMUU0QkNEMkZFOEE1QjlFMzUxOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQzZBNTRGM0VDQkQxMUU0QkNEMkZFOEE1QjlFMzUxOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj5pk50AAAOSSURBVHja5FrfS1NhGP48W5vbDEZuJApWeNFuZtky6cKQLkLcFLqYzYsRigtpKkEXglde+A+EN4ME8U7WhSROFnWlkuBKLC/ajVFCYmyGmK5p2+x91zc4nvbD7fwcPfAwtp3z7Xl2vh/v+71fxcnJCREAKuAlYD3wIrAaeB6ood8fA38Cd4HfgVvAr8Ak3x+u4GngGvAWsK7E+78BV4EfpDRQCWwGtrL+Yb7AJ7QEfAf8JaaBRqAdqCXi4AgYAH4U2kAt0EFfpcA2cJ6+8jZgAXYDGSItUkA/MJzvokKimoAuGcRntOFv38h3kTrPd3hjF5EfGQ1rxTwBi0LEs01YzmqglvZ5paE72ySSzYBDpj5/ljHhKGSgUcKpshSgNmsuA5V0kVI6HFTrPwaaRVxhhQRqvJnNQCspH9zhrgPX+QZmfr//6szMTJdarU62tbUt9ff3v9doNCmRDGio5vVMKOHhERKn4XQ6n8ZisarMe6PRGHG5XMHOzs7PIpnAUPw5Q59CHd/W2OIRe3t7Zp/P5x4eHn6wsbFxQQQDqFnN0CxKNGxublpGR0cfj42N3YtEIpUCN18vuoF0WJlKqUKh0O2BgYGhycnJpmQyWSGkgRqppo54PK6fnZ3t6uvrexQMBi8L0GQNQxNwSRGNRmsmJiYe4vgIh8NGHk1VowGDXJM5jo+RkRHv+Pj4XRj0pUzjBkbu1TeRSKhXVlZaPR7PUCAQuFLsqqyYqBOn4enp6fulhKhHSjFRwhbPERo4VIJ4vV5/4Ha7XxZ52yGuwrjdZ5YtS2GYZEtLy9vBwcFlCD+Oi7x9Fw3s5Mo3xUZDQ0MYBu9rq9X6o8QmdtDAltTCTSbTTk9Pz6v29vYvPJvaktSAVquNdXR0vOnt7V1XqVRCbIunDSRoaFonZj+32WyrXq930Ww2xwUMpxOZhCYklgEB+nkuhNgZ2TpN6M/xmQa5CQ1MiwsC9PNs+E01n8qJl3lmZAGdTndgMBj27Xb7wtTUlE8k8ae0snen9cAnRLiihVjAyOEZRh/cJ4AfzJfBjkQgI55rAIGVkW0Fi98mnOoNk8NhSoHiU1QbKWQA51e/Ag34qbaCBhBY1plTkPg5kqPUlC+hWVOIiTmSozrDXsjymcC6rZPIU+R7AfyU76L/oszKRtkWutnQkb/780IeNcDYZpFIcNSAi7I87JEN3OM2JmAVOX3c5gAYJQIft/kjwAALayOhozgvlwAAAABJRU5ErkJggg==) no-repeat center center;*background: url(../images/video.png) no-repeat center center;}
.news-link:hover .video-btn{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEM4Mzc1RDZFQ0JGMTFFNDlENjE5MEVCREI1NDU2OUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEM4Mzc1RDdFQ0JGMTFFNDlENjE5MEVCREI1NDU2OUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQzgzNzVENEVDQkYxMUU0OUQ2MTkwRUJEQjU0NTY5RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQzgzNzVENUVDQkYxMUU0OUQ2MTkwRUJEQjU0NTY5RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv8IYaAAAATOSURBVHja1FpraBRXFL47O7uzJmqMMVbjWwQ1YkwbE0QSRQviYzG/EhRUUPGHlYr/BH+UWlDqExroQ6RY8IcaQduSqD9EQcVXVFTwhZBgRI2pW5PovtzJbM9Nz+jZ6yzZeexscuBjZ3Z35n7f3HPOPffe8SSTSeaAeQGTABMBXwCKAMMAfvz9A+AdIAR4DWgHPAP02m3YY1PAHEAVYJzF618AbgLuuSkgAKgE1JAnbNd4D10G3AJEsymgDLACoAjfa4C36CI9gPeAGHERLwofChiOLlYIkIT7xAHNgPtOCygBBPGTWjf68ktAwuRT5703FmOnQPiN368JP20LmAGoF54WJ/4Y8A/AbhbwAIqxnQKhVxuxHcsCvgTUCjd9BGhzgLiRkCmAmcLD+htwx4qArwAryXkYg6yHZdd4jMwF5GciIp0A3p2ryHkXprs4c8f8mJ4LyXfHjdxJShOw9eScZ5drLpLX0+p1bFu3eoMkYiggSL7nbtMCUJn7pmLbYcI12J+AMqJSQ5+Ps9xZHDloxDtmpxMQwEFKt0cuBGwm1oNcqIcEjARUkhG2G1PlQLE28jAVzFKfCaghx4+zkOftWFLIQAtEAeWkMOvGEdaUxbasWxiePe58uGz8mejq5XXJrrdeh0V0Ijc9zZbTcWATKYnvYb1uyoD4OaYmRn2KqECr/PWyA8q+3244KGIilvB6KX6Y94BMyPPq8ZW1pEfI93VJbKrafPrnSHXpvsSRXyc4JOAVqXA5Z1lCVXTETTjqvP+GFn3Yv7MxunTett6bV4fZvF0COX7sEVFAKDshmPRp7W1rYhvrTsXW1q5ksahk424hUcAYoUzOnvWqhb23r38XqZ51NL5ja4XFu1COYyScHdGKM/s5MRKerv554lBffBw7UmI2X5DjIkkoW10tG/riY9eOk9Fg9Tfaw/t5JsoL3fIlYX7rftGmaYrW+nRDdNXyU/HtW6oyLPJ0UyQ2UAzSsHr2r+/NXiYJXSLnWIYng/9QjnFJCAolZ9Rl3xt5yYqdGfyTcgzLmFeL9aBg/y8BuvjMPQlpyrSjyt5f/pBKyyIZXEGTTogL6MA5MMNljQ7XuI8suujb+G2Db/3m5yYuo0svHbJQuBW5Qjwv/4l3SfCgsrvhtoXLKcd2UcAIgM/peuijeeUub/nchsDh400sMESzEinIMUWAiqUpr+54DT/WSjndr59PmHzC/8PB371V8+3EWAly1MtpVU9JLaSknuykAIt+ns4mkeMWmlPv4oTeh0FSbHpWBmnwswnN0to9Fv3cyIqJ+ySQc8qc+Ao5Ls1wUPnk3jWLfwQRIeb3d0pzKvbkXbi72kHynMtMI650aZEXU9vI3PgBoHWAFBpTAbNIMfcTICL2AP+iiZzzsWH4ACBfQMYpbs06eVEAN74zom8qeHH9Rckhed52Bck8L5mwe2NUjXKFGhm2K3NU5MnYtl46aMiN9SeA59dGcs6XuOcx5zb0MjE/tkmX1xuRW2p0m9jg4Bt3PKsMig2OdCIG1RaTbvyGdcx4k6/TIfKjmfEm30mWujJtSYBegwzabVZqZja642QCLuM1OdvopjYEg8zJVw14711iLrxqINqgfNnDsJZjqa/bjEJ3oa/bcLd6wxx+3eY/AQYAOQaVBhIHWs4AAAAASUVORK5CYII=) no-repeat center center;*background: url(../images/video-h.png) no-repeat center center;}

/*bbs*/
.bbs-attr{ position: absolute; width: 38px; height: 34px;top:-3px; right: 7px;}
.bbs-hot{ background-position: -80px -230px;}
.bbs-spe{ background-position: -120px -230px;}

.lay-bbs{ padding-top: 20px;}
.bbs-l{ float: left; width: 257px; margin-right: 40px;}
.hot-bbs-item{ padding-bottom: 30px;}
.hot-bbs-link{ display: block; position: relative; width: 257px; height: 120px;}
.hot-bbs-item{ float: left; width: 257px;}
.bbs-r{ margin-right: -40px; padding-top: 40px; zoom:1;}
.bbs-item{ float: left; width: 415px; overflow: hidden; margin-right: 30px; padding-bottom: 40px;}
.bbs-link{ display: block; padding-bottom: 11px; height: 27px; font-size: 18px; font-weight: bold;}
.bbs-icon{ float: left; margin-right: 25px;}
.bbs-icon img{border-radius:10px;}
.bbs-txt{ height: 72px; overflow: hidden; color: #999;}
.bbs-other{ padding-top: 8px;}


.lay-sub-more{ margin-left: 20px;}
.sgl-game{ float: left; width: 720px; padding-top: 16px;}
.sgl-az .lay-sub-tit a{ color: #90c11a;}
.sgl-az .lay-sub-nav,.sgl-ios .lay-sub-nav{ padding-left: 2px; font-size: 14px;}
.sgl-ios .lay-sub-tit a{ color: #5da8e2;}
.sgl-thumb-wrap{ margin-right: -20px; position: relative;}
.sgl-thumb{ float:left; width: 230px; height: 115px; margin-right: 15px;}
.sgl-thumb a{ text-decoration: none;}
.sgl-thumb .thumb-bg,.sgl-thumb .thumb-txt{ top:85px; cursor: pointer;}
.game-list{ padding:22px 0 0; margin-bottom: 30px;}
.game-item{ float: left; width: 90px; height: 135px;}
.game-cont{ display: block; height: 124px; padding: 9px 8px; border: 1px #fff solid; text-align: center; font-size: 0;}
.game-cont img{ display: block; width: 72px; height: 72px; margin-bottom: 14px; border-radius: 4px;}
.game-tit{ display: block; width: 72px; line-height: 18px; font-size: 14px;}
.game-type{ display: block; width: 72px; color: #999; line-height: 24px; font-size: 12px;}
.game-btn{ display: none; width: 72px; height: 29px; line-height: 29px; color: #fff; font-size: 14px;background-color: #ff7700; border-radius:4px; cursor: pointer;}
.game-cont:hover{ background-color: #f6f6f6; border-color: #ededed;}
.game-cont:hover .game-btn{ display: block;}
.game-cont:hover .game-txt{ display: none;}

.sgl-rank{ width: 410px; float: right; padding-top: 23px;}
.sgl-rank-head{ border: 1px #dddddd solid; border-width: 1px 0 0 1px; line-height: 35px; font-size: 16px; text-align: center; overflow: hidden; background-color: #fafafa;}
.sgl-rank-tit{ float: left; width: 101px;border: 1px #dddddd solid; border-width: 0 1px 1px 0;}
.sgl-focus{ background-color: #fff; border-bottom-color: #fff;}
.sgl-rank-tit:hover{ text-decoration: none;}

.sgl-rank-main{ overflow: hidden;}
.sgl-rank-item{ position: relative; top:1px; vertical-align: middle;}
.sgl-rank-name{ float: left; width: 81px; padding-left: 21px;}
.sgl-rank-size{ float: left; width: 97px; text-align: center;}
.sgl-nor{ height: 45px; line-height: 45px; border-bottom: 1px #eee solid; font-size: 14px;}
.sgl-star{ float: left; position: relative; margin-top: 18px; width: 68px; height: 12px; font-size: 0; line-height: 0; background-position: -120px -155px;}
.sgl-star-in{ position: absolute; height: 12px; top:0; left: 0; background-position: -121px -140px;}
.sgl-nor .sgl-star{ margin-left: 24px;}
.sgl-star1{ width: 0;}
.sgl-star1{ width: 13px;}
.sgl-star2{ width: 26px;}
.sgl-star3{ width: 39px;}
.sgl-star4{ width: 52px;}
.sgl-star5{ width: 68px;}
.sgl-rank-type{ float: right; padding-right: 28px; color: #666;}

.sgl-detail{ display: none; height: 100px; padding: 20px 3px 0 10px; background-color: #f9f9f9;}
.sgl-detail img{border-radius :10px;}
.sgl-rank-icon{ float: left; width: 72px; margin-right: 10px; border-radius: 8px;}
.sgl-rank-info{ overflow: hidden;}
.sgl-info-name{ float: left; font-size: 14px; color:#000; font-weight: bold; width: 222px; height: 21px; overflow: hidden;}
.sgl-info-head .sgl-star{ float: right; margin-top: 4px;}
.sgl-info-num{ padding: 5px 0 5px; color: #999;}
.sgl-info-type{ padding-right: 13px;}
.sgl-info-spe{ padding:0 8px;}
.sgl-info-des{ color: #666;height:38px;overflow:hidden;}

.sgl-item-focus .sgl-detail{ display: block;}
.sgl-item-focus .sgl-nor{ display: none;}
.sgl-main-wrap{ display: none;}
.sgl-main-focus{ display: block;}
.sgl-main-wrap .fore-more-link{ margin-top: 0;}

/*play*/
.lay-play{ padding-bottom: 47px;}
.play-ul{ margin-right: -30px;}
.play-list{ float: left; margin-right: 20px;display: inline;}
.play-item{ margin-top: 20px;}
.play-item{ width: 275px;}
.play-link{ position: relative; display: block; width: 100%;}
.play-img-l{ width: 275px; height: 180px;}
.play-img-b{ width: 275px; height: 380px;}
.play-mask{ position: absolute; top:0; left: 0; right: 0; bottom:0; background-color: #000; opacity: .3;filter:alpha(opacity=30);}
.play-txt{ position: absolute; width: 100%; height: 36px; bottom:0; left: 0; line-height: 36px; }
.play-tit{ padding: 0 15px;text-shadow:1px 1px rgba(0, 0, 0, 0.3);color: #fff;font-size: 16px; font-weight:bold; height: 30px; overflow:hidden;}
.play-link:hover .play-mask{ opacity: .1; filter:alpha(opacity=10)}
.play-link:hover .play-tit{ text-decoration: none; color: #ff7900;}
/*rank*/
.lay-rank{ margin-right: -50px; padding-bottom: 34px; zoom:1;}
.rank-cont{ float: left; width: 256px; margin-right: 45px; overflow: hidden;}
.rank-cont .lay-tit{ width: 70px; color: #000; font-weight: bold;}
.rank-cont .lay-right{ font-size: 16px;}
.rank-ul{ padding-top: 15px;}
.rank-nor{ line-height: 44px; height: 44px;}
.rank-rank{ float: left; margin-right:25px; color: #a5a5a5;font-size: 14px;}
.rank-tit{ overflow: hidden; font-size: 14px;}
.rank-name{ float: left; max-width: 137px; height: 44px;}
.rank-type{ padding-left: 10px;color: #CAC9C9;width: 67px;height: 40px;overflow: hidden;float: left;}

.rank-de{ display: none; height: 68px;}
.rank-de img{border-radius: 10px;}
.rank-info{ overflow: hidden;}
.rank-icon{ float: left; width: 64px; height: 64px; margin-right: 15px;}
.rank-about{ overflow: hidden;}
.rank-about .sgl-star{ margin-top:9px;}
.rank-de-name{ display: block; width: 135px; height: 21px; font-size: 14px;}
.rank-de-type{ padding-top: 3px; clear: both; color: #999;height:21px;overflow:hidden;}
.rank-de-type span{ color: #333;}

.rank-focus .rank-nor{ display: none;}
.rank-focus .rank-de{ display: block;}

.rank-cont .g-icon{ width: 22px; font-size: 20px;}
.rank-anz .g-icon{ color: #8abf12;}
.rank-ios .g-icon{ color: #5ca7e0;}
.rank-mob .g-icon{ color: #ff4b33;}
.rank-bbs .g-icon{ color: #dca81d;}

.rank-anz .rank-top .rank-rank{ color: #8abf12;}
.rank-ios .rank-top .rank-rank{ color: #5ca7e0;}
.rank-mob .rank-top .rank-rank{ color: #ff4b33;}
.rank-bbs .rank-top .rank-rank{ color: #dca81d;}

/*footer*/
.layer{ background-color: #fff;}
.f-l-tit{line-height: 45px; padding-left: 20px; font-size: 16px; font-weight:bold;}
.f-link {background-color: #fff; padding: 0 20px 10px; font-size: 12px;}
.f-link li { line-height: 24px;width: 82px;float: left;}
.f-link li a { color: #999;}

.gs{ display: inline-block; vertical-align: text-bottom; margin-top: -2px; width: 18px; height: 18px;  font-size: 0; margin-right: 4px;}
.gs-1{background-position:  -120px -100px;}
.gs-2{background-position:  -138px -100px;}
.gs-3{background-position:  -156px -100px;}
.gs-4{background-position:  -174px -100px;}
.gs-5{background-position:  -174px -118px;}
.gs-6{background-position:  -133px -119px;}
.gs-7{background-position:  -155px -81px;}
.gs-8{background-position:  -174px -81px;}

.footer {text-align:center;border-top: 3px solid #46505b; background-color:#f4f4f4; color: #999;padding: 20px 0 30px;font-size:12px;line-height: 22px; margin:26px 0 0; overflow: hidden;}
.footer a {color: #999; margin: 0 10px;}
.footer .firstLine a{ color: #555;}
.footer-l{ padding: 0 40px 10px 0;}
.footer-r{ padding-bottom: 20px; margin-left: -10px;}
.firstLine{ margin-left: -10px; padding-bottom: 20px;}
.jg{ margin-left: -10px; padding-top: 22px; border-top:1px solid #ddd; clear: both;}

.side-wrap{ position: fixed; top:120px; right: 0; width: 40px; z-index:101;}
.side-item{ float: left; width: 40px; height: 40px; margin-top: 1px;}
.side-dimen,.side-share{ width: 40px; height: 40px; overflow: hidden;}
.side-wrap .side-item .side-link{ display: block; width: 40px; height: 100%; padding: 0; background-color: #c1c1c1; text-align: center; background-image: none!important;}
.side-wrap .side-item .side-link:hover{ background-color: #ff7800;}
.dimen-cont{ display: none; position: absolute; left: -195px; top:-63px; width: 181px; height: 235px; border: 1px #c1c1c1 solid; background-color: #fff;}
.dimen-img{ display: block; margin: 17px auto 0;}
.dimen-txt{ line-height: 37px; color: #000; text-align: center;}
.dimen-tip{ width: 121px; height: 16px; background-position: -80px -270px; margin: 0 auto;}
.dimen-tri{ position: absolute; right: -12px; top:158px; width: 12px; height: 20px; background-position: -30px -230px;}
.side-icon{ display: inline-block; width: 23px; height: 20px; margin-top: 10px;}
.icon-share{ background-position: -80px -290px;}
.icon-write{ background-position: -104px -290px;}
.icon-dim{ background-position: -129px -290px;}
.icon-back{ background-position: -156px -290px;}

#fullbg{background-color: #000000;left: 0;opacity: 0.5; filter:alpha(opacity=50);position: absolute;top: 0;z-index: 10010;}
.dialog {display: none; width:480px;margin-left: -240px;position: fixed;top: 20%;z-index: 10011;left: 50%;color: #555;background-color: #fff}
.dTitle {color: #555555;font: bold 16px/40px normal;height: 40px;overflow: hidden;padding: 0 10px;position: relative; background:#f8f8f8}
.dCon {background-color: #FFFFFF;padding: 10px 0;}
.dMainBox {margin-bottom: 10px;padding: 0 30px;}
.dMainBox textarea {resize: none;border: 1px solid #E1E1E1;height: 80px;line-height: 20px;margin-top: 10px;overflow-x: hidden;overflow-y: auto;padding: 5px;width: 408px;}
.dClose {background-position: -167px -230px;display: block; cursor:pointer;height: 17px;position: absolute;right: 10px;top: 12px;width: 18px;}
.dBd {height: 20px;}
.dBotBox2 {color: #999999;font-size: 12px;padding-left: 90px; line-height: 30px;padding: 0 30px;}
.dBotBox2 .inputOut {height: 28px;line-height: 30px;outline: 0 none;padding: 0 5px;width: 120px; margin-left: 10px; border: 1px solid #E1E1E1;}
.dBotBox2 .btnB {float: right;margin-top: 10px; color: #fff; line-height: 34px; height: 34px; width: 100px; background-color: #2aacd2; text-align: center; font-size: 14px;}
.dBotBox2 .btnB:hover{ text-decoration: none;}

.img-show{position:relative;width:1190px;height:325px;margin:24px auto 0 auto;overflow:hidden;}
.img-show img{width:1190px;height:325px;}
.img-show-close{position:absolute;width:34px;height:34px;right:18px;top:11px;background:url(../images/closed.png) center top no-repeat;cursor: pointer;}


.hd { background:#fff}
.main-content,
.hd-in, .layout { width:1190px; margin:auto}
.hd-in {height:90px}
.site-logo { float:left; width:300px; height:65px; margin-top:13px;}
.site-logo a { display:block; height:100%; overflow:hidden}

.search { position:relative; z-index:100; float:right; width:600px; margin-top:27px; ; color:#8e8e8e}
.search-bor { border:2px solid #ff7800;height:37px; }
.search .type-label { position:relative; float:left; overflow:hidden;width:58px; padding-left:18px;background:#f7f7f7; cursor:pointer;
 border:1px solid #ededed; border-width:1px 1px 0; line-height:36px;height:36px; }
.search .type-label em { position:absolute;left:55px; top:16px;  width:9px; height:5px; overflow:hidden;
 background:url(../images/sprite.png) no-repeat -159px -130px}
.search .type-label-down { background:#fff;}
.search .type-label-down em {background-position:-159px -121px;}

.search .s-btn { position:absolute; right:2px; top:2px;
 width:118px; height:37px; overflow:hidden; font-size:20px; border:none; background:#ff7800; color:#fff; cursor:pointer}
.search .txt {width:400px; padding:8px 0; border:0; text-indent:10px; line-height: 21px; box-shadow:inset 1px 0 #f5f5f5; color:#ababab}
.search .type-list { position:absolute; top:38px; left:2px; 
 width:76px; background:#fff; border:solid #dcdcdc; border-width:0 1px 1px;  box-shadow:0 1px 0 0 #dcdcdc}
.search .type-list li { float:left; width:100%; line-height:30px}
.search .type-list a { display:block; text-indent:19px; color:#555}
.search .type-list a:hover { font-weight:bold; background:#ff7800; color:#fff; text-decoration:none}

.search .result-list { display:none; width:398px; position:absolute; left:80px; top:41px; border:1px solid #dcdcdc; background:#fff; font-size:12px}
.search .result-list ul { overflow:hidden;border-bottom:1px solid #ededed; overflow:hidden}
.search .result-list li { margin-top:-1px; float:left; width:100%;height:40px; background:#fff; border-top:1px dotted #e2e2e2}
.search .result-list li a { display:block;line-height:3.3;  padding:0 0 3px 10px; }
.search .result-list li a:hover { background:#f6f6f6; font-weight:bold; text-decoration:none}
.search .result-list img { width:32px; height:32px; float:left; margin:3px 6px 0 0; }
.search .result-list .plf {display:inline-block; font-weight:bold; margin-right:6px; padding:0 5px; line-height:20px; color:#fff}
.search .result-list .android { background:#67b316; }
.search .result-list .ios { background:#4ba7f0; }



@media screen and (max-width:1260px) {
    .header-in,.nav-in,.cont{ width: 960px;}
    .nav-in .nav-list{ width: 137px;}
    .last .sub-nav-wrap{ left: -279px;}

    .slide-main{width: 600px;}
    .slide-main img{ position: relative; left: -75px;}

    .dl-app-wrap{ width: 340px;}
    .dl-comm{ padding: 0 12px 0 11px;}
    .dl-app-cont li{ width: 78px;}
    .dl-icon{ width: 47px; height: 47px; border-radius: 47px; margin: 18px auto 12px;}
    .dl-icon .g-icon{ font-size: 30px;}
    .icon-app .g-icon{ width: 21px; height: 26px; background-position: -34px -270px; margin-top: 11px;}

    .col-act{ width: 273px;}
    .col-act-in{ padding: 10px 14px 0;}
    .act-thumb-cont{ width: 83px;}
    .act-thumb{ position: relative; left: -24px;}
    .col-new{ width: 307px;}

    .col-fore-in{ padding: 10px 13px 0 15px;}
    .fore-tit{ width: 154px;}
    .f-net-rank{ width: 25px; padding-left: 0;}
    .f-net-name{ width: 112px;}
    .f-net-type{ width: 65px;}
    .f-net-no{ padding-left: 10px;}
    .fore-net .f-get-wrap{ position: relative; float: left;}
    .f-de-info p{ clear: both;}
    .f-de-get{ width: 42px; height: 22px; line-height: 22px; font-size: 12px; top:0; right: 50px;}
    .f-sig-name{ width: 111px;}
    .f-sig-time{ width: 105px;}

    .aid-cont img{ left: -115px;}
    .lay-net-center{ width: 290px;}
    .net-new-list .new-item{ height: 30px; overflow: hidden;}
    .net-new-list .net-link-a{ width: 220px;}

    .lay-net-right{ width: 319px;}
    .test-tit{ width: 158px;}
    .test-game{ width: 80px;}
    .test-sta{ width: 90px;}

    .gift-list{ width: 100%;}
    .gift-item{ width: 201px;}
    .gift-wrap{ padding: 2px 16px 0 12px;}
    .gift-bar{ width: 68px;}
    .gift-name{ width: 173px;}

    .topic-item-b{ width: 450px; margin-right: 30px;}
    .topic-item-b .news-link{ width: 450px;height:296px;}
    .news-item{ width: 210px; margin-right: 30px;}
    .news-item .news-link{ width: 210px; height: 113px;}
    .news-item .news-img{ top:-26px;}

    .sgl-game{ width: 540px;}
    .lay-sub-spe{ margin: 0 15px;}
    .game-list{ height: 135px; overflow: hidden;}
    .sgl-thumb{ width: 170px;height: 85px;}
    .sgl-thumb img{ width: 170px; height: 85px;}
    .sgl-thumb .thumb-bg, .sgl-thumb .thumb-txt{ top:55px;}
    .thumb-tit{ height: 30px; overflow: hidden;}
    .thumb-des{ height: 40px; overflow: hidden;}
    .sgl-thumb .thumb-link:hover .thumb-txt{ top:0px;}
    .sgl-rank{ width: 350px;}
    .sgl-rank-head{ font-size: 14px;}
    .sgl-rank-tit{ width: 86px;}
    .sgl-rank-name{ padding-left: 17px; width: 70px;}
    .sgl-rank-size{ width: 77px;}
    .sgl-nor{ height: 40px; line-height: 40px;}
    .sgl-star{ margin-top: 14px;}
    .sgl-nor .sgl-star{ margin-left: 22px;}
    .sgl-rank-type{ padding-right: 16px;}
    .bbs-item{ width: 305px;}

    .rank-cont{ width: 216px; margin-right: 20px;}
    .rank-rank{ margin-right: 15px;}
    .rank-de-name{ width: 105px;}

    .play-ul{ position: relative; height: 642px; overflow: hidden;}
    .play-list{ float: left; margin-right: 21px;}
    .play-item{ width: 296px;}
    .play-img-l{ width: 296px; height: 194px;}
    .play-img-b{ width: 296px; height: 408px;}
    
    .news-comm{display:none;}
    .img-show{width:960px;}
    .img-show img{position:absolute;left:-100px;}
    .hd-in{width:960px;}
    .sgl-info-name{width:150px;height:21px;overflow:hidden;}
    .act-tit{
   	    line-height: 30px;
   	    height: 30px;
   		overflow: hidden;
   	}
   	.topic-item-b .news-img{
   		position: absolute;
   		left: -55px;
   		top: -20px;
   	}
   	.rank-name{
   		max-width: 107px;
   	}
   	.gift-get{
   		width: 87px;
   	}
   	.comm-star{
   		display: none;
   	}
}