/*the global*/
body{font-family: "Microsoft Yahei"; min-width:1000px; font-size: 14px; color: #333}
a{ color:#333}
a:hover{color: #477cd5}

.global-footer{ color:#333; background:#fff; padding: 20px 0;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#333;}

.mask{ z-index:-1; width: 100%; height: 100%; _height: 600px; position: absolute; top:0; left:0; background:#000; filter:alpha(opacity:80); opacity:.80}
:root .mask{ filter:none \0}
.ico{background: url(/ue1/a/newgame/index/2016/v2.8.7/img/sprite.png); overflow: hidden; display: inline-block; vertical-align: middle;}

.c-tx1, a.c-tx1{color:#999;}
.c-tx2, a.c-tx2{color:#fd756d;}

.side-mod .hd, .comm-plist{zoom:1;}
.side-mod .hd:before, .comm-plist:before{content: ' '; display: table;}
.side-mod .hd:after, .comm-plist:after{content: ' '; display: table; clear:both;}

.avatar{display: block;}

.gb-final-mod-crumbs{ font-size: 0; padding: 15px 0}
.gb-final-mod-crumbs .gb-final-sep, .gb-final-mod-crumbs a, .gb-final-mod-crumbs .gb-final-cur{ font-size: 12px}
.gb-final-mod-crumbs .gb-final-sep{ color:#666; margin:0 8px; font-family: "SimSun"}
.gb-final-mod-crumbs a, .gb-final-mod-crumbs .gb-final-cur{ color:#4277d0;}
.gb-final-mod-crumbs a:hover{ color:#4277d0; text-decoration: underline;}
.gb-final-mod-crumbs span { font-size: 12px; }

.content{width:1000px; margin: 0 auto; border-bottom:1px solid #d8d8d8}
.main{width: 644px; overflow: hidden; float: left; border-right:1px solid #d8d8d8; padding-right:15px; }

.pn-hd{background:url(/ue3/a/newgame/index/2016/v2.8.7/img/bg-hd.png) repeat-x; height:40px; line-height: 40px;}
.pn-hd .tit{border-left:4px #006699 solid; width:260px; text-align: center; background: #fff; font-size: 18px; font-weight: bold;}
.pn-bd{padding-top:10px;}

.comm-vlist{width: 660px; overflow: hidden;*zoom:1;padding-bottom: 30px }
.comm-vlist li{width: 300px; float: left; margin:20px 28px 0 0; *display: inline; position: relative;}
.comm-vlist li a:hover{text-decoration: underline;}
.comm-vlist li .txt{font-size:16px; height:50px; overflow: hidden; padding-top: 10px; display: block;}
.comm-vlist li .cover{width: 300px; height: 171px; position: absolute; left: 0; top: 0; background: url(/ue2/a/newgame/index/2016/v2.8.7/img/cover.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue2/a/newgame/index/2016/v2.8.7/img/cover.png',enabled=true,sizingMethod=scale);}
.comm-vlist li a:hover .cover{background: none;_filter:none}
.comm-vlist-ex{width: 400px; padding-left: 10px;}
.comm-vlist-ex li{width: 140px; margin: 0 29px 18px 0;}
.comm-vlist-ex li .txt{font-size: 14px;height: 40px; padding-top: 5px;}
.comm-vlist-ex li .cover{width:140px; height: 80px; background-image: url(/ue1/a/newgame/index/2016/v2.8.7/img/cover1.png);_background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue1/a/newgame/index/2016/v2.8.7/img/cover1.png',enabled=true,sizingMethod=scale);}


.comm-plist{padding-left: 10px;}
.comm-plist .txt{display: block; border: 1px solid #eee; padding: 0 10px; line-height:42px; margin-top: -1px;}
.comm-plist .tit{display: block; white-space: nowrap; width: 100%; text-overflow:ellipsis; overflow: hidden;}
.comm-plist .txt .t1{display: inline-block; font-size:16px; padding-right: 10px;}
.comm-plist .txt .t2{display: inline-block; color: #666}
.comm-plist li{transition:all .3s ease-out; -webkit-transition:all .3s ease-out; margin-bottom:20px; float: left; width: 100%}
.comm-plist li:hover{transform:translateX(-10px); -webkit-transform:translateX(-10px);}


.pager { text-align:center; padding:20px 0}
.yiipager{ display:inline-block; *display:inline; *zoom:1; height:25px; font-size:0; text-align:center}
.yiiPager li,.yiiPager .goto span{ display:inline-block; *display:inline; overflow:hidden; *zoom:1;vertical-align:top;  margin:0 2px;cursor:pointer}
.yiiPager a{ display:inline-block; overflow:hidden; font-size: 12px; height:23px; text-decoration:none; padding:0 7px;line-height:25px; color:#333;border: 1px solid #d6d6d6;   cursor:pointer}
.yiiPager .hidden{ display:none}
.yiiPager .selected a,.yiiPager a:hover{ text-decoration:none; background-color: #477cd5; color:#fff; border-color: #477cd5}
.yiiPager .goto{ background:none; font-size:0}
.yiiPager .goto span{ width:2.6em; margin:0; font-size:12px}
.yiiPager .gotopage{ overflow:hidden; width:2em; height:23px; margin-right:5px; *margin-top:-1px; padding:0 5px; font-family:Arial,Tahoma; font-size:14px; line-height:23px\9; text-align:center; vertical-align:top; border:1px solid #dedede}
.yiiPager li{margin-bottom:3px;}

/*side*/
.side{width:320px; _overflow: hidden; float: left; border-left:1px solid #d8d8d8; margin-left: -1px; padding-left: 20px;}
.side-mod{ position:relative}
.side-mod .hd{line-height:38px;height:38px; border-top:2px solid #006699; padding-left:10px; position: relative; }
.side-mod .hd .tit{color:#333; float:left; font-weight: bold;}
.side-mod .hd .more{float:right; font-size: 12px;}
.side-mod .hd .more a{ color:#999 }
.side-mod .hd .more a:hover{text-decoration: underline; color: #333}
.side-mod .hd .date-rank{ position:absolute; right:0; top: 0;}
.side-mod .hd .date-rank .gb-tab-item{ float:left;border-left:1px solid #d2e1f1;}
.side-mod .hd .date-rank .gb-tab-c{ display:inline-block; padding:0 12px; font-size:12px; color:#666; background-color:#edf4f8; border-bottom:1px solid #d2e1f1}
.side-mod .hd .date-rank .gb-tab-c:hover{ text-decoration:none}
.side-mod .hd .date-rank .current{ background-color:#fff; color:#006699; border-bottom:1px solid #fff}
.side-mod .bd{ padding:10px 0}
.bb{ border-bottom:1px solid #d2e1f1}
.br{ border-right:1px solid #d2e1f1}
.gb-rank{}
.gb-rank .item{clear:both;vertical-align:bottom;}
.gb-rank .rank-c1{ float:left;}
.gb-rank .rank-c2{}
.gb-rank .num{ display:inline;float:left;text-align:center;}
.gb-rank .pic{display:none;}
.gb-rank .info{display:none;}
.gb-rank .title{overflow:hidden;}
.gb-rank .date{ float:right;} 

.side-rlist .item{ height:25px; line-height:25px; font-size: 12px;}
.side-rlist .num{ font-family: "Times New Roman"; color:#666; padding:0 10px;}
.side-rlist .rank-c2{}
.side-rlist .tit{ color:#333;}
.side-rlist .date{ color:#aaaaaa; padding-right:15px}
.side-rlist a:hover{text-decoration: underline;}

.art-item{overflow: hidden; *zoom:1;}
.art-item-c1{float: left; width:220px; overflow: hidden; margin-right:30px; position: relative;}
.art-item-c2{overflow: hidden; *zoom:1;}

.art-list{padding-top: 20px;}
.art-list li{margin-bottom:30px;}
.art-list .tip{width:38px; height: 40px; position: absolute; left: 0; top: 0; background:#ff7200; color: #fff; text-align: center;}
.art-list .tip .tit{font-size: 10px; color:#ffbe89; display: block; -webkit-transform:scale(.8); height: 18px; line-height: 18px;}
.art-list .tip .num{font-size: 18px; line-height: 1.1; font-weight: bold; display: block;}
.art-list .art-item-c2 .tit{font-weight: bold; font-size:16px; line-height: 1.3; width: 100%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.art-list .art-item-c2 .txt{color:#666; font-size: 12px; padding: 5px 0; line-height: 1.7}
.art-list .art-item-c2 .txt a{color: #0075a9;}
.art-list .art-item-c2 .date{color: #999; font-size: 12px;}
.art-list img{transition:all .3s ease-out;  -webkit-transition:all .3s ease-out;}
.art-list a:hover img{transform:scale(1.2); -webkit-transform:scale(1.15);}
.art-list .art-item-c2 a:hover{text-decoration: underline;}
.art-list .sep{ border-bottom:1px dashed #e5e5e5; padding-bottom: 29px;}

.mask{ z-index:-1; position: absolute; top:0; left:0; background:#000; width: 100%; height: 100%;  _height:500px; filter:alpha(opacity:50); opacity:.50}
.pic-box { position: relative; }
.pic-box .mask{ z-index: 1}
.pic-box a:hover .mask{display: none;}
:root .mask{ filter:none \0}
.ico-video {background: url(/ue1/a/newgame/index/2016/v2.8.4/img/sprite.png); overflow: hidden; display: inline-block; vertical-align: middle;}
.ico-video{width:80px; height:80px;background-position: 0 -306px; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; z-index: 3}
