/*the global*/
body{font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; min-width:1000px; background:#fff;}
img { vertical-align: middle; }
a{ color:#333;}
a:hover { _direction: ltr; color:#ff1313;}

.global-footer{ color:#999; background:#f4f4f4;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#999;}

.area, .pn-hd, .comm-plist, .comm-plist1, .comm-plist2{ *zoom: 1; }
.area:before, .pn-hd:before, .comm-plist:before, .comm-plist1:before, .comm-plist2:before, .comm-tab:before, .list-chapter:before, .list-game:before{ content: ' '; display: table; }
.area:after, .pn-hd:after, .comm-plist:after, .comm-plist1:after, .comm-plist2:after, .comm-tab:after, .list-chapter:after, .list-game:after{ content: ' '; display: table; clear: both; }

.mask { overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; *height: 200px; background: #000; filter: alpha(opacity=60); opacity: .6; }
:root .mask { -webkit-filter: none \0; filter: none \0; }

.c-tx1, a.c-tx1:hover{color: #24ad78}

.ico-tit, .ico-tit1, .ico-tit2, .ico-tit3, .ico-tit4, .ico-tit5, .ico-tit6, .ico-tit7, .ico-tit8,
.ico-hot, .ico-search, .ico-android, .ico-ios, .ico-star, .ico-support, .ico-comment, .ico-collect{ display:inline-block; vertical-align:middle; background:url(/ue1/a/sygl/index/2016/img/ico.png) no-repeat;}
.ico-tit, .ico-tit1, .ico-tit2, .ico-tit3, .ico-tit4, .ico-tit5, .ico-tit6, .ico-tit7, .ico-tit8{ width: 17px; height: 17px; margin:0 5px 3px 0; *margin:9px 5px 12px 0;}
.ico-tit{ background-position: 0 0}
.ico-tit1{ background-position: -17px 0}
.ico-tit2{ background-position: -34px 0}
.ico-tit3{ background-position: -51px 0}
.ico-tit4{ background-position: -68px 0}
.ico-tit5{ background-position: -85px 0}
.ico-tit6{ background-position: -102px 0}
.ico-tit7{ background-position: -119px 0}
.ico-tit8{ background-position: -136px 0}

.ico-hot{ width: 40px; height: 40px; background-position: 0 -20px; position: absolute; left:0; top:0;}
.ico-search{ width: 19px; height: 19px; background-position: -51px -20px; _margin-top:6px;}

.ico-arrow{ width: 0; height: 0; line-height: 0; font-size: 0}
.ico-android{width:14px; height: 14px; background-position: -119px -20px; margin: 0 0 3px 6px; _margin:5px 5px 5px 6px}
.ico-ios{width:12px; height: 14px; background-position: -140px -20px; margin: 0 0 3px 6px; _margin:5px 5px 5px 6px}
.ico-star{width:16px; height: 15px; background-position: -156px -19px; margin: 0 5px 3px 0;_margin:5px 5px 7px 0;}
.ico-support{width:19px; height: 19px; background-position: -131px -41px; margin: 0 5px 3px 0;_margin:5px 5px 5px 0}
.ico-comment{width:53px; height: 39px; background-position: -131px -61px; margin: 0 15px 0 0}
.ico-collect{width:15px; height:14px; background-position: -50px -62px; margin: 0 5px 5px 0}


.bt{ display: block; color:#24ad78; border:1px solid #24ad78; line-height: 22px; width: 68px; text-align: center;}
.bt:hover{ background: #24ad78; color:#fff;}

.bt-ask-stra{ display: block; width: 72px; height: 34px; text-align: center; line-height: 34px; border:1px solid #73777c; color:#fff; border-radius: 22px;}
.bt-ask-stra:hover{ background: #24ad78; border-color:#24ad78; color:#fff;}

.art-item { overflow: hidden; *zoom:1;}

.list-item .avatar{display: block;}
.list-item .avatar img{display: block;width: 100%; margin:0 auto;}
.list-item .avatar .mask{ z-index: 1;}
.list-item .mask{cursor: pointer;}
.list-item .cover{overflow: hidden;position: absolute; z-index: 5; cursor: pointer;}

.art-item-pt{display: block;}
.art-item-pt .txt,.art-item-pt .tit{display: block;cursor: pointer;}
.art-item-pt:hover{text-decoration: none;}
.art-item-pt:hover .tit{text-decoration: none;}

.comm-tlist, .rank{ *zoom: 1; }
.comm-tlist .list-item, .rank .list-item{ *overflow: hidden; *float: left; *width: 100%; }

.comm-tlist .art-item-c1, .rank .art-item-c1 { float: right; margin-left: 10px; font-size: 14px; color:#999;}
.comm-tlist .art-item-c2, .rank .art-item-c2 { overflow: hidden; *zoom: 1; }
.comm-tlist .tit, .rank .tit, .comm-plist .tit, .comm-plist5 .tit{ width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.comm-tab{border-bottom: 1px solid #eee; line-height: 36px; height: 36px;}
.comm-tab li{display: inline-block; *display: inline; *zoom:1; margin-right:34px; margin-bottom: -1px;}
.comm-tab a{display: inline-block; padding: 0 5px 3px; height: 33px;}
.comm-tab .current a{border-bottom:3px solid #24ad78; padding-bottom: 0; position: relative; z-index: 2}

.rank-list .list-item{overflow: hidden; *zoom:1; padding: 12px 0; border-bottom: 1px solid #eee}
.rank-list .item-c1{width:16px; height: 36px; background:#f4f4f4; line-height: 36px; text-align: center; color: #999; float: left; margin-right: 15px; font-size: 12px;}
.rank-list .top{background:#ff3e3e; color: #fff;}
.rank-list .item-c2{overflow: hidden; *zoom:1; height:36px; line-height: 1.3}

.rank-list-ex .list-item{padding-right:90px; position: relative; padding: 10px 0; line-height: 40px;}
.rank-list-ex .item-c1{width:18px; height: 18px; line-height: 18px;}
.rank-list-ex .item-c2{white-space: nowrap; text-overflow:ellipsis; height: auto; width: 50%; float: left;}
.rank-list-ex .item-c3{position: absolute; right: 0; top: 0; color: #999}

.comm-table{border: 1px solid #eee; margin-top: -1px; line-height:38px; width: 100%;}
.comm-table td{border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.comm-table td a{ padding: 0 10px; display: block;}
.comm-table td a:hover{background: #24ad78; color: #fff} 

.rank .list-item{ height: 26px; line-height: 26px;}
.rank .rank-c1 { float: left; margin-right: 10px; }
.rank .rank-c1 .num { margin-top:4px; display: inline-block; overflow: hidden; width: 18px; height: 18px; line-height: 18px; color: #333; text-align: center; background-color: #d4d4d4;border-radius: 2px;}
.rank .rank-c1 .num-top { background-color: #e30000;  color:#fff;}
.rank .rank-c2 { overflow: hidden; *zoom: 1; }

.comm-tlist .list-item { height: 34px; line-height: 34px;}
.comm-tlist .sep { margin-bottom: 10px; padding-bottom: 11px; border-bottom: 1px dotted #d1d1d1; }
.comm-tlist .tit { overflow: hidden; *zoom:1; font-size: 16px;}
.comm-tlist .tit a{ vertical-align: middle;}
.comm-tlist .art-item-c1{ font-size: 12px; color:#999;}
.comm-tlist .cate{ position: relative; *zoom:1; display: inline-block; width: 40px; height: 18px; text-align: center; line-height: 18px; font-size: 14px; color:#999; border:1px solid #eee;  background: #fff; margin-right:5px; *margin-bottom:2px;}
.comm-tlist .cate i{ display: inline-block; width: 4px; height: 6px; overflow: hidden; font-size: 0; line-height: 0; background: url(/ue1/a/sygl/index/2016/img/ico.png) no-repeat -102px -20px; position: absolute; right:-4px; top:50%; margin-top:-3px;}
.comm-tlist .cate:hover{color:#fff; background-color: #ff3e3e; border-color:#ff3e3e;}
.comm-tlist .cate:hover i{ background-position: -102px -30px;}

.comm-tlist1 .list-item{padding: 12px 0; border-bottom: 1px solid #eee}
.comm-tlist1 .list-item i{width:3px; height: 3px; background:#aaaaaa; overflow: hidden; display: inline-block; vertical-align: middle; margin:0 5px 3px 0;}
.comm-tlist1 .list-item .tit{}

.comm-tlist-ex .list-item{ height: 30px; line-height: 30px; padding-left:14px; background: url(/ue1/a/sygl/index/2016/img/ico.png) no-repeat -197px 14px;}
.comm-tlist-ex .tit{ font-size: 14px;}

.comm-tlist-ex1{border-bottom: 1px dashed #eee; margin-bottom: 30px;}
.comm-tlist-ex1 .list-item{font-size: 16px; border-top: 1px dashed #eee; height: 48px; line-height: 48px; padding-left:14px; background: url(/ue1/a/sygl/index/2016/img/ico.png) no-repeat -197px 22px;}

.comm-tit{ background: #f4f4f4; line-height: 36px; text-indent: 1em; margin-bottom:5px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.comm-tit a{ font-size: 16px; color:#999;}
.comm-tit a:hover{ color:#ff1313;}

.gb-plist{*zoom:1;}
.gb-plist:before {content: ' '; display: table; }
.gb-plist:after{content: ' '; display: table; clear: both; }
.gb-plist img{ vertical-align: baseline;}

.gb-plist .list-item { float: left; _display:inline;}
.gb-plist .art-item-pt{ position: relative; *zoom:1;}
.gb-plist .txt { overflow: hidden; padding:5px 0;}
.gb-plist .tit { overflow: hidden;margin:0 auto;}
.gb-plist .txt .tit{ text-align: center;white-space: nowrap; overflow: hidden; text-overflow:ellipsis; width: 100%;}
.gb-plist .ico-video{ display:block; position:absolute; left:50%; margin-left:-22px; z-index:10}
.gb-plist .ico-video-sm{ display:block; position:absolute; left:50%; margin-left:-14px; z-index:10}
.gb-plist .txt1{display: block; position: absolute; left:0; width: 100%; z-index: 10; height: 26px; line-height: 26px; overflow: hidden;}
.gb-plist .txt1 .tit{ color:#fff;text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.gb-plist .txt1 .mask{ height: 26px;}
.gb-plist .info{ display: block; position: absolute; left:0; width: 100%; z-index: 10; height: 36px; line-height: 36px; padding:30px 0 0 0;}
.gb-plist .info-c{ font-size: 14px; color:#fff; font-weight: bold; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.gb-plist .info-c2{ padding-right:10px; font-size: 14px; color:#999; float: right;}
.gb-plist .info .ico-comment-sm, .gb-plist .fav .ico-fav, .ico-yzang{ margin:0 5px 3px 0; _margin:9px 5px 8px 0;}
.gb-plist .info .mask1{ height: 66px;}
.gb-plist .fav{ display: block; position: absolute; top:0; right:0; width: 80px; height: 34px; text-align: center; line-height: 34px; background-color: #f44e4e; font-size: 16px; color:#fff;}
.gb-plist .art-item-detail{}
.gb-plist .art-item-detail p{ font-size: 14px; color:#666; padding:2px 0;}
.gb-plist .art-item-detail p a{ color:#666; margin-right:5px;}
.gb-plist .art-item-detail p a:hover{ text-decoration: underline;}

.gb-plist .art-item-pt:hover{ direction: ltr;}
.gb-plist .art-item-pt:hover .avatar .mask{filter: alpha(opacity=0); opacity: 0; }
.gb-plist .art-item-pt:hover .ico-video{ display:none;}

.comm-plist{ margin:0 -10px;}
.comm-plist .list-item { width: 80px; margin:0 5px 9px;}
.comm-plist .avatar img{ width: 70px; height: 70px; border-radius: 15px;}
.comm-plist .tit{ font-size: 12px;}

.comm-plist-ex, .comm-plist-ex .list-item{ margin:0;}
.comm-plist-ex .avatar img{ width: 50px; height: 50px; border-radius: 10px;}
.comm-plist-ex .tit{ color:#999;}
.comm-plist-ex .txt{ padding:1px 0 0 0;}
.comm-plist-ex .art-item-pt:hover .tit{ color:#ff3f3f;}

.comm-plist1{margin:0 -8px}
.comm-plist1 .list-item { width: 162px; margin:0 8px 15px 8px;}
.comm-plist1 .avatar{ position: relative; *zoom:1;}
.comm-plist1 .avatar img{ width: 162px;}
.comm-plist1 .num{ position: absolute; left:0; bottom:0; width: 40px; height: 26px; background: #24ad78; color:#fff; text-align: center; line-height: 26px;}
.comm-plist1 .txt .tit, .comm-plist1 .txt1 .tit{ text-align: left;}
.comm-plist1 .txt1{ bottom:0;}
.comm-plist1 .txt1 .tit{ width: 90%;}

.comm-plist2{margin: 0 -12px 0 -13px;}
.comm-plist2 .list-item{margin: 0 12px 15px 13px; width: 180px;}
.comm-plist2 .list-item img{width: 180px; height: 90px;}
.comm-plist2 .tit{font-size: 14px;}
.comm-plist2 .avatar img{border-radius: 10px;}

.comm-plist3{margin: 0 -10px 30px; position: relative; *zoom:1;}
.comm-plist3 .list-item{margin: 0 3px 15px; *display: inline; width: 96px;}

.comm-plist4{margin:18px -18px}
.comm-plist4 .list-item{width: 94px; margin: 0 16px 15px}
.comm-plist4 .avatar img{border-radius: 0; width: 90px;height: 67px;}
.comm-plist4 .art-item-pt{padding: 2px; background: #fff}
.comm-plist4 .art-item-pt:hover{background: #ff3e3e; color: #fff}

.comm-plist5 .list-item{position: relative; margin-bottom: 25px; height: 134px;}
.comm-plist5 .txt{height:36px; width: 100%; overflow: hidden; line-height: 36px; position: absolute; top:98px; left: 0; z-index: 3}
.comm-plist5 .mask{height: 36px;}
.comm-plist5 .tit{display: block; text-align: center; color: #fff} 
.comm-plist5 a:hover .tit{text-decoration: underline;}

.comm-ptlist{}
.comm-ptlist .list-item{ position: relative; *zoom:1; margin-bottom:25px; }
.comm-ptlist .art-item-c2{ width: 67.6%; height: 100%; position: absolute; right:0; top:0; z-index: 10}
.comm-ptlist .art-item-c2 .mask{ background: #fff; filter: alpha(opacity=90); opacity: .9;}
.comm-ptlist .art-item-c2 .tit, .comm-ptlist .art-item-c2 .links{ padding-left:15px;}
.comm-ptlist .art-item-c2 .tit{ font-size: 14px; font-weight: bold; padding-top:17px; padding-bottom:10px;}
.comm-ptlist .art-item-c2 .links{ overflow: hidden; *zoom:1;}
.comm-ptlist .art-item-c2 .links a{ float: left; font-size: 14px; margin-right:14px; white-space: nowrap;}
.comm-ptlist .art-item-c2 .bt{ position: absolute; right:20px; top:16px;}

.comm-pn{}
.comm-pn .pn-hd{ padding:20px 0; line-height: 18px; position: relative; z-index: 1;}
.comm-pn .pn-hd .tit{ float: left; font-size: 18px; padding-left:10px; border-left:4px solid #24ad78; background: #fff; padding-right:10px; *padding-top:4px;}
.comm-pn .pn-hd .more{ float: right; background: #fff; padding-left:10px;}
.comm-pn .pn-hd .more a,.comm-mod .hd .more a{ color:#999;}
.comm-pn .pn-hd .more a i,.comm-mod .hd .more a i{ font-style: normal; color:#24ad78;}
.comm-pn .pn-hd .line{ width: 100%; border-top:1px solid #eee; font-size: 0; position: absolute; left:0; top:50%; z-index: -1;}

.comm-mod{margin-top:15px;}
.comm-mod .hd{height:60px; line-height:60px; border-bottom: 1px solid #eee; position: relative;}
.comm-mod .hd .tit{font-weight: bold; font-size: 18px; padding-right: 50px; white-space: nowrap; overflow: hidden;}
.comm-mod .hd .more{position: absolute; right: 0; top: 0; height: 60px; line-height: 60px;}
.comm-mod-ex .hd .tit{padding-right: 0;}

/*the header*/
.header{ width:1000px; margin:0 auto;}
.header-c1{ height: 90px; overflow: hidden; *zoom:1;}
.logo-17173, .site-tit{ float: left;}
.logo-17173{ width: 140px; margin:20px 5px 0 -5px;}
.logo-17173 img{ width: 100%; height: auto;}
.site-tit{ font-size: 24px; font-weight: bold; line-height: 46px; margin-top:25px;}

.nav-main{ background: #24ad78; overflow: hidden; *zoom:1;}
.list-nav-main{display: table; width: 100%;}
.list-nav-main li{ display: table-cell; position:relative; *float:left;}
.list-nav-main a{ font-size: 16px; color:#fff; display: block; text-align: center; line-height: 46px; *padding:0 2.3em;}
.list-nav-main a i{ position: absolute; right:0; top:0; color:#71bd9f;}
.list-nav-main a em{ display: block; line-height: 0; font-size: 0; width: 15px; height: 8px; background:url(/ue1/a/sygl/index/2016/img/ico.png) no-repeat -85px -20px; position: absolute; left:50%; top:-8px; margin-left:-7px; z-index: 10; -webkit-transition: top .2s; transition: top .2s;}
.list-nav-main a:hover{ color:#fff;}
.list-nav-main a:hover em{ top:0;}

.list-nav-main .first{ width: 7em}
.list-nav-main .first a{ padding:0;}

.nav-sub{ border-bottom:1px solid #eee; overflow: hidden; *zoom:1;}
.list-nav-sub{display: table; width: 100%; }
.list-nav-sub li{ display: table-cell; position:relative; *float:left; margin-right:2.3em;}
.list-nav-sub a{ font-size: 14px; color:#333; display: block; line-height: 38px; padding-top:1px; }
.list-nav-sub a:hover i{
    -moz-transition: transform .8s;
    -webkit-transition: transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg); 
}

.pn-app{ float: right; padding:13px 5px 0 0;}
.pn-app .comm-plist{ float: right;}

/*the content*/
.content{ width:1000px; margin:0 auto; padding-bottom:30px;}

.pn-channel{}
.list-channel{ padding:10px 0;}
.list-channel, .list-channel .con{ overflow: hidden; *zoom:1;}
.list-channel li{ float: left; width: 33.33%; line-height: 20px; padding:5px 0;}
.list-channel .tit{ float:left; margin-right:10px; width: 42px; text-align: center; background: #9da4b0; font-size: 14px; color:#fff;}
.list-channel .con span{ float: left; width: 32%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

.pn-expand a{ display: block;}

/*the area1*/
.area1{ padding-bottom:10px;}
.area1 .area-c1{ float: left; width: 630px;}
.area1 .area-c2{ float: right; width: 340px; padding-top:23px;}

.pn-stra{}
.mod-stra{ border-bottom:1px solid #eee; padding:20px 0 16px 0;}
.mod-stra, .mod-stra .mod-c2{ overflow: hidden; *zoom:1;}
.mod-stra .mod-c1{ float: left; width: 140px; margin-right:20px; padding-top:3px;}
.mod-stra .comm-tlist{ *padding-top:10px; +padding-top:5px;}

.box-game{ background: #f4f4f4;}
.box-game .avatar{ display: block; text-align: center; padding-top:15px;}
.box-game .avatar img{ width:100px; border-radius: 18px;}
.box-game .txt .tit{ font-weight: bold;}
.box-game .intro{ display: block; background: #9da4b0; font-size: 12px; color:#fff; line-height: 1.33; padding:7px 8px; position: relative; margin-top:5px;}
.box-game .intro .ico-arrow{ border:3px dashed transparent; border-bottom-style: solid; border-bottom-color:#9da4b0; position: absolute; left:50%; top:-6px; margin-left:-3px;}

.box-game-hot, .box-game:hover, .box-game-hover{ background: #e6f2ed;}
.box-game-hot .intro, .box-game:hover .intro, .box-game-hover .intro{ background: #24ad78;}
.box-game-hot .intro .ico-arrow, .box-game:hover .intro .ico-arrow, .box-game-hover .intro .ico-arrow{ border-bottom-color:#24ad78;}

.mod-headline .tit a{ font-size: 22px; font-weight: bold;}
.mod-headline .links{ font-size: 0; padding:8px 0;}
.mod-headline .links i{ display: inline-block; width: 1px; height: 12px; background: #dedede; vertical-align: -2px; margin:0 10px;}
.mod-headline .links a{ font-size: 14px; color:#999;}
.mod-headline .links a:hover{ color:#ff3e3e;}

.pn-news{ overflow: hidden; *zoom:1; margin:0 -15px; position: relative;}
.pn-news .comm-pn{ float: left; width: 300px; margin:0 15px; _display:inline; *zoom:1; overflow: hidden;}
.pn-news .comm-pn .pn-hd .tit{ padding-left:0; border-left:0;}

.pn-search{ width: 340px; height: 220px; padding-left:6px; margin-left:-6px; position: relative; *zoom:1; background: url(/ue3/a/sygl/index/2016/img/pn-search.png) no-repeat;}

.mod-search, .mod-search-hot{ margin:0 14px;}
.mod-search{ padding:25px 0; border-bottom:1px solid #69727b; overflow: hidden; *zoom:1;}

.form-search{ float: left; width: 180px; padding:0 38px 0 12px; background: #fff; border-radius: 32px; position: relative; *zoom:1;}
.form-search .search-txt{ width:100%; border:none; background: none; height: 20px; line-height: 20px; *height:18px; *line-height: 18px; padding:8px 0; outline: none; font-size: 14px; color:#aaa; }
.form-search .search-bt{ position: absolute; right:6px; top:0; width: 32px; background: none; border:none; text-align: center; height: 100%; outline: none;}
.form-search .active .search-txt, .form-search form:hover .search-txt { color: #333; }

.box-ask-stra{ float: right;}

.mod-search-hot{ line-height: 1.857; padding-top:8px;}
.mod-search-hot .hd .tit{ color:#24ad78;}
.mod-search-hot .bd{ overflow: hidden; *zoom:1;}
.mod-search-hot .bd a{ float: left; color:#fff; white-space: nowrap; margin-right:20px;}
.mod-search-hot .bd a:hover{ color:#ff3e3e;}

.pn-stra-newest{ margin-top:15px;}
.pn-game-classic{ margin-top:-10px;}

/*the area2*/
.area2{ margin:0 -30px; padding-top:10px;}
.area2 .comm-pn{ float: left; width: 470px; margin:0 30px; _display:inline; *zoom:1; overflow: hidden;}
.area2 .comm-plist{margin:0 -15px}
.area2 .comm-plist .list-item { margin:0 10px 9px 10px;}

/*the pn-sitemap*/
.pn-sitemap{ width: 1000px; margin:0 auto; border-top:1px solid #eee; overflow: hidden; *zoom:1; padding:10px 0 30px;}
.mod-sitemap{ float: left; margin-right:40px;}
.mod-sitemap .mod-hd .tit{ font-weight: bold; line-height: 40px;}
.mod-sitemap .mod-bd{ overflow: hidden; *zoom:1;}
.list-sitemap{ float: left; width: 110px; line-height: 1.72;}
.list-sitemap a{ color:#888;}
.list-sitemap a:hover{ color: #ff1313}
.mod-sitemap4{ margin-right:0;}

.mod-sitemap1, .mod-sitemap4{ *width:110px;}
.mod-sitemap2, .mod-sitemap3{ *width:330px;}

.crumb{font-size: 12px; height: 24px; line-height: 24px; padding-top: 20px; color:#666}
.crumb a{color:#666}
.crumb a:hover{color:#000}
.fs{font-family: "Simsun"; padding: 0 5px}

/*the list*/
.col-l{float: left; width:720px;}
.col-r{float: right; width:240px; padding-top: 40px}

.mod-gl-tj{height:140px; background:#f4f4f4; margin:15px 0; overflow: hidden; *zoom:1;}
.mod-gl-tj .mod-c1{width:100px; float: left; padding:20px;}
.mod-gl-tj .mod-c1 img{border-radius: 20px;}
.mod-gl-tj .mod-c2{overflow: hidden; *zoom:1; padding: 20px 0} 
.mod-gl-tj .hd{position: relative; height: 26px;}
.mod-gl-tj .tit{font-size:16px; color: #333; font-weight: bold;}
.mod-gl-tj .info{padding-left: 15px; color:#999; font-weight: normal; font-size: 14px;}
.mod-gl-tj .btn-collect{width:110px; height: 26px; overflow: hidden; color: #fff; line-height: 26px; text-align: center; background:#24ad78; border-top-left-radius: 15px; border-bottom-left-radius: 15px; position: absolute; right: 0; top: 0;}
.mod-gl-tj .btn-collect:hover{background:#ff8e33}
.mod-gl-tj .btn-collect:hover{color: #fff}
.mod-gl-tj .btn-collect:hover .ico-star{background-position:-175px -19px;}
.mod-gl-tj .bd{color:#999; padding: 10px 20px 0 0;}

.mod-game-tg{padding-top: 15px}
.mod-game-tg .hd{font-size: 16px; margin-bottom: 15px}
.mod-game-tg .hd a{font-family: 'Microsoft YaHei'}

.info-ad-box{height: 169px;padding-top: 10px; background: #f6f6f6; text-align: left;}
.info-ad-box .info-ad-left{float: left; width: 340px;padding-left: 11px;}
.info-ad-box .info-ad-right{float: right;width: 280px;padding: 10px 34px 0 0;}
.info-ad-box .info-ad-pic{float: left;width: 120px;}
.info-ad-box .info-ad-txt{float: left;width: 210px;/* padding: 10px 0; */line-height: 22px;}
.info-ad-box .info-ad-txt p{text-indent: 15px;height: 27px;overflow: hidden}
.info-ad-box .info-txt-name{font-size: 16px;font-weight: bold;line-height: 30px;}
.info-ad-box .info-txt-name a{color: #4b4948; text-decoration: none;}
.info-ad-box .info-txt-role{color: #4b4948;}
.info-ad-box .info-txt-role span{color: #009ee8;}

.info-ad-box .info-ad-down{float: left; width: 165px; font-size: 16px;}
.info-ad-box .info-ad-down .down-and{display: block;width: 165px;height: 40px;color: #fff; text-indent: 43px;line-height: 40px;text-decoration: none;}
.info-ad-box .info-ad-down .down-ios{display: block;width: 165px;height: 40px;color: #fff; text-indent: 43px;line-height: 40px;text-decoration: none;}
.info-ad-box .down-and{background: url(/ue3/a/sygl/index/2016/img/png-list02.png) #85c808 -32px 10px no-repeat;}
.info-ad-box .down-ios{background: url(/ue3/a/sygl/index/2016/img/png-list02.png) #009ee8 -32px -40px no-repeat;}
.info-ad-box .down-and:hover{background: url(/ue3/a/sygl/index/2016/img/png-list02.png) #98d50a -32px 10px no-repeat;}
.info-ad-box .down-ios:hover{background: url(/ue3/a/sygl/index/2016/img/png-list02.png) #00b0ee -32px -40px no-repeat;}
.info-ad-box .f-mt10{margin-top: 10px;}
.info-ad-box .info-ad-code{float: left; width: 100px;padding-left: 10px; font-size: 12px;color: #a0a0a0; text-align: center;}

.side .pn-search{width: 240px; height: 110px;}
.side .form-search{width:162px;}
.side .mod-search{padding-bottom: 0}
.side .box-ask-stra{width: 100%; text-align: center; color: #fff;}
.side .box-ask-stra a{color: #fff; line-height: 50px; padding: 0 5px;}
.side .mod-search{border: none;}

/* pagination */
.pagination{text-align: center; padding:10px 0 80px}
.pagination ul{font-size: 0}
.pagination li{display: inline-block; *display: inline; *zoom: 1; margin: 0 3px; font-size:16px; line-height: 34px; vertical-align: top}
.pagination a{display: block; padding: 0 .8em; border: 1px solid #d6d6d6; color: #333; border-radius:3px;}
.pagination a.current,.pagination a:hover{color: #fff; text-decoration: none; border-color: #24ad78; background-color: #24ad78}

.pn-role .pn-hd{height:60px; line-height: 60px; position: relative; margin: 10px 0}
.pn-role .pn-hd .tit{font-size:28px;}
.pn-role .pn-search{position: absolute; right: 0; top: 10px; width: 322px; height: 38px; overflow: hidden; background: #fff}
.pn-role .mod-search{padding: 0; border: none; margin: 0; }
.pn-role .form-search .search-txt{*float: left;}
.pn-role .form-search{border: 1px solid #ddd; margin-right: 10px;}
.pn-role .bt-ask-stra{border-color: #ddd; color: #333}
.pn-role .bt-ask-stra:hover{color: #fff; border-color:#24ad78 }


.mod-role{border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom:40px;}

.list-chapter{margin:20px -8px 30px; position: relative; *zoom:1;}
.list-chapter li{width: 76px; height: 37px; float: left; margin:0 8px 14px; *display: inline;}
.list-chapter li a{display: block; line-height: 34px; text-align: center; background: #f4f4f4; border-bottom: 3px solid #dddddd; font-size: 16px; font-family: Arial;}
.list-chapter li a:hover{background:#ff3e3e; border-color:#dc2c2c; color: #fff}

.wrapper-ex{background:#fff url(/ue2/a/sygl/index/2016/img/wrapper.jpg) no-repeat center top;}
.header1{height:300px; position: relative;}
.header1 .header-in{width: 1000px; margin: 0 auto}
.header1 .term{background:#555d67; height:74px; width: 86px; margin-bottom:15px;}
.header1 .term span{display:block; padding-top:25px; line-height: 44px; color:#fff; font-size: 20px; text-align: center;}
.header1 .tit{font-size:66px; font-weight: bold; color: #fff; text-shadow:0 0 20px rgba(0,0,0,.2);}
.header1 .dec{font-size: 16px; color: #fff;}
.header1 .dec span{display: inline-block; background:#119968; padding:5px 10px;}

.wrapper-ex .col-l{padding-top:40px;}
.wrapper-ex .col-r{padding-top:0; margin-top: -7px;}
.wrapper-ex .summary{font-size: 16px; text-indent: 2em; line-height: 1.8}

.list-game{ margin:30px 0}
.list-game .list-item{float: left; width:33.3%; position: relative;z-index: 9}
.list-game .item-c1{display: block; background:#f4f4f4; border: 1px solid #f4f4f4; padding:18px 10px 18px 18px;}
.list-game .item-c1 .avatar{width: 90px; float: left; margin-right:13px; }
.list-game .item-c1 .avatar img{border-radius: 15px;}
.list-game .item-c1,.list-game .text-box{overflow: hidden; *zoom:1;}
.list-game .game-name{color: #2a2a2a; padding-bottom:5px; font-weight: bold;}
.list-game .info{color: #999}

.list-game .item-c2{background:#24ad78; height: 0;overflow: hidden; *zoom:1; transition:all .3s; position: absolute; left: 0; top: 126px; width: 100%; }
.list-game .item-c2 .btn{width:120px; float: left; padding-left: 15px;}
.list-game .item-c2 .btn a{display: block; height:26px; line-height: 26px; text-align: center; background: #fff; border-radius: 25px; margin-bottom: 5px;}
.list-game .item-c2 .btn i{margin-right:5px;}
.list-game .item-c2 .code{width: 50px; height: 50px; background: #fff; padding: 3px; float: right; margin-right: 15px; *display: inline;}
.list-game .list-item:hover .item-c1, .list-game .hover .item-c1{border: 1px solid #24ad78; background: #fff;}
.list-game .list-item:hover .item-c2, .list-game .hover .item-c2{height: 56px; padding:10px 0; }

.list-article .item{padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 30px; position: relative; *zoom:1;}
.list-article h2.tit{font-weight: bold; font-size:22px; white-space: nowrap; width: 80%; overflow: hidden; text-overflow:ellipsis;}
.list-article .info{padding: 10px 0}
.list-article .info-in{color:#999; padding-right: 20px;}
.list-article .star{display: inline-block; width:75px; height: 14px; overflow: hidden; background: url(/ue1/a/sygl/index/2016/img/ico.png) no-repeat -50px -45px; position: relative;}
.list-article .star-in{position: absolute; left: 0; top: 0; height: 14px; background: url(/ue1/a/sygl/index/2016/img/ico.png) -50px -62px;}
.list-article .btn-support{position: absolute; right: 2px; top: 0; width:110px; height: 32px; background: #fff; border: 1px solid #24ad78; text-align: center; border-radius:25px; line-height: 32px; color:#24ad78; cursor: pointer;}
.list-article .btn-support:hover{background:#24ad78; border-color: #24ad78; color: #fff}
.list-article .btn-support:hover i{background-position:-155px -40px;}
.list-article .dec{color: #999}
.list-article .comm-plist4{margin-bottom: -20px}

.pn-comment{margin-bottom:30px;}
.pn-comment .pn-hd{padding:30px 0}
.pn-comment .pn-hd .tit{text-align: center; font-weight: bold; font-size: 28px; color:#999}

.wrapper-final .gb-final-pn-article .gb-final-tit-article{text-align: center;}
.wrapper-final .gb-final-mod-info{text-align: center;}
.wrapper-final .gb-final-mod-info span{float: none; color: #999}
.wrapper-final .gb-final-mod-info .gb-final-bt-to-comment{display: none;}
.wrapper-final .gb-final-collect a{display: inline-block; padding: 0 10px; color: #999; border-radius: 25px; line-height:24px; border: 1px solid #dedede}
.wrapper-final .gb-final-mod-summary{border: none; background:#f4f4f4; padding: 15px 30px; margin-top: 30px; position: relative;}
.wrapper-final .gb-final-mod-summary p{font-style: normal; color: #999}
.wrapper-final .gb-final-mod-summary i{position: absolute; width:6px; height: 6px; border: 2px solid #25ad79; overflow: hidden;}
.wrapper-final .gb-final-mod-summary .ico-lt{left: 0; top: 0; border-width:2px 0 0 2px}
.wrapper-final .gb-final-mod-summary .ico-rt{right: 0; top: 0; border-width:2px 2px 0 0}
.wrapper-final .gb-final-mod-summary .ico-lb{left: 0; bottom: 0; border-width:0 0 2px 2px}
.wrapper-final .gb-final-mod-summary .ico-rb{right: 0; bottom: 0; border-width:0 2px 2px 0}



.dialog{position: fixed; _position: absolute; width:340px; top: 50%; left: 50%; margin: -142px 0 0 -170px; z-index: 9999; display: none;}
.dialog-mask{position: fixed; _position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3;display: none;}
.dialog .close{position: absolute; right: 5px; top: -4px; *top: -2px; color: #fff; font-size: 20px;}
.dialog .hd{background:#333; line-height: 28px; height: 28px; color: #fff; padding: 0 10px; border-radius: 10px; border-radius: 10px 10px 0 0}
.dialog .bd{background: #fff;border-radius: 10px; border-radius: 0 0 10px 10px; padding-top:20px}


/*lottery-pop*/
.dialog .zq-actcompt-form-item{overflow:hidden;*zoom:1; padding-bottom: 10px; position: relative;}
.dialog .zq-actcompt-form-tit {float:left;width:75px;color: #666;height:24px; line-height: 24px;text-align:right;margin-right:10px;}
.dialog .zq-actcompt-form-input{float:left;*display: inline;*zoom:1;overflow: hidden;width: 155px;border: 1px solid #ddd;padding: 0 5px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;}    
.dialog .zq-actcompt-form-input input{border: 0;height:24px;line-height: 24px; width: 100%;}
.dialog .zq-actcompt-form-error{margin-left: 85px; display: none; font-size: 12px; color: red}
.dialog .zq-actcompt-form-textarea{height:60px;line-height:24px;border:1px solid #ddd;padding:5px;width: 205px; float: left;}
.dialog .zq-actcompt-form-textarea textarea{overflow-x:hidden;overflow-y:auto;resize: none;outline: 0;font-size: inherit;font-family: inherit;font-style: inherit;font-weight: inherit;*font-size:100%;border: 0;width: 100%;height: 100%;}
.zq-actcompt-btn-box{overflow: hidden; *zoom:1; padding: 0 37px 20px}
.zq-actcompt-btn-submit{float: right; height:24px; border: 1px solid #ddd; text-align: center; width:60px; background: #fff; border-radius:7px;}

.computer-down{
    display: block;background:#ff8d4f;line-height:48px;height:48px;color: #fff;margin:9px 0 2px;font-size: 16px;position:relative;
}
.computer-down:hover{
    background: #ff984f;color: #ffffff;
}
.ico-and{background: url(/ue1/a/newgame/index/2016/v2.8.4/img/sprite.png);overflow: hidden;display: inline-block;vertical-align: middle;}
.ico-and, .ico-ios, .ico-crack{margin:0 10px 3px 20px;}
.ico-and{width: 19px;height: 19px;background-position:-63px 0;}