/*the global*/
body{font-size:12px;  font-family: "Microsoft Yahei"; letter-spacing:0px; min-width:1000px; background:#fff;}
a:focus,a:active,a:hover{ outline:none}

.footer-wb{ display: none;}
.footer{ border-top:1px solid #ddd; padding:10px 0;}
.global-footer{ color:#888;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#888;}

.comm-pn-bd, .comm-pn1-hd, .comm-plist, .comm-plist1, .comm-plist2, .comm-plist3, .tab{ *zoom: 1; }
.comm-pn-bd:before, .comm-pn1-hd:before, .comm-plist:before, .comm-plist1:before, .comm-plist2:before, .comm-plist3:before, .tab:before{ content: ' '; display: table; }
.comm-pn-bd:after, .comm-pn1-hd:after, .comm-plist:after, .comm-plist1:after, .comm-plist2:after, .comm-plist3:after, .tab:after{ content: ' '; display: table; clear: both; }

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

.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 { filter: none \0; }

.ico-search, .ico-search1, .ico-tit, .ico-tit1, .ico-tit2, .ico-tit3, .ico-arrow-b, .ico-arrow-t, .ico-type, .ico-type1, .ico-refresh,
.ico-phone, .ico-collect, .ico-refresh-sm, .ico-same-name{ display:inline-block; vertical-align:middle; background:url(/ue2/a/game/index/2016/img/sprite.png) no-repeat;}
.ico-search{ width: 16px; height: 16px; background-position: -20px -120px;}
.search-bt:hover .ico-search{ background-position:0 -120px;}
.ico-search1{ width: 15px; height: 15px; background-position: -175px -120px;}
a:hover .ico-search1{ background-position: -200px -120px;}
.ico-tit, .ico-tit1, .ico-tit2, .ico-tit3{ width: 34px; height: 34px; margin:0 10px 3px 0}
.ico-tit{ background-position: 0 -150px;}
.ico-tit1{ background-position: -50px -150px;}
.ico-tit2{ background-position: -100px -150px;}
.ico-tit3{ background-position: -150px -150px;}
.ico-arrow-b{ width: 12px; height: 6px; background-position: -50px -120px;}
.ico-arrow-t{ width: 27px; height: 14px; background-position: -70px -120px;}
.ico-type, .ico-type1{ width: 12px; height: 12px;}
.ico-type{ background-position: -100px -120px;}
.current .ico-type, a:hover .ico-type{ background-position:-100px -135px;}
.ico-type1{ background-position: -120px -120px; }
.current .ico-type1, a:hover .ico-type1{ background-position:-120px -135px;}
.ico-refresh{ width: 16px; height: 16px; background-position: 0 -200px;}

.ico-phone{ width: 11px; height: 17px; background-position: -70px -200px;}
.ico-collect{ width: 18px; height: 14px; background-position: -50px -200px;}
.ico-refresh-sm{ width: 14px; height: 14px; background-position: -25px -200px;}

.ico-same-name{ width:30px; height:24px; background-position: 0 -230px;}
a:hover .ico-same-name{ background-position: -40px -230px;}

.ico-state, .ico-state1, .ico-state2, .ico-state3{display:inline-block; vertical-align:middle; width: 60px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; color:#fff; font-style: normal;}
.ico-state{ background-color: #ee2c1c}
.ico-state1{ background-color: #ff7007}
.ico-state2{ background-color: #40ad23}
.ico-state3{ background-color: #0086d1}

.ico-in{ display:block; background:url(/ue2/a/game/index/2016/img/sprite-png24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/ue2/a/game/index/2016/img/sprite-png24.png');}

.ico-video, .ico-video .ico-in{ display:block; width:56px; height:56px; overflow:hidden;}
.ico-video .ico-in{ background-position:0 0; _padding-top:0; _margin-top:0;}

.arrow-r, .arrow1-l-c1, .arrow1-l-c2{ width: 0; height: 0; font-size: 0; line-height: 0; display: inline-block; vertical-align: middle;}
.arrow-r{ border:4px dashed transparent; border-left-style: solid; border-left-color:#999;}

.arrow1-l{ display: block; width: 20px; height: 20px; position: absolute;}
.arrow1-l-c1, .arrow1-l-c2{ border:10px dashed transparent; border-right-style:solid; position: absolute;}
.arrow1-l-c1{ border-right-color:#ddd; left:0; top:0;}
.arrow1-l-c2{ border-right-color:#fff; left:1px; top:0;}

.bt{ display: inline-block; vertical-align: middle;height: 32px; text-align: center; line-height: 32px; background: #0086d1; font-size: 14px; color:#fff;}
.bt-to-find{ width: 140px; float: right;}

.bt-to-find1{ display: block; width: 100px; height: 26px; text-align: center; line-height: 26px; font-size: 14px; color:#fff; background-color: #999; position: relative; *zoom:1;}
.bt-to-find1 b{ width: 0; height: 0; line-height: 0; font-size: 0; border:2px dashed transparent; border-right-style: solid; border-bottom-style: solid; border-right-color:#999; border-bottom-color:#999; position: absolute; bottom:0; left:-3px; _left:-4px; _bottom:-1px;}
.bt-to-find1 .ico-search1{ margin:0 4px 2px 0; _margin:5px 4px 6px 0;}
.bt-to-find1:hover{ background-color: #ff6600}
.bt-to-find1:hover b{border-right-color:#ff6600; border-bottom-color:#ff6600;}

.bt-refresh{ line-height: 26px; font-size: 14px; color:#0086d1;}
.bt-refresh:hover{ text-decoration: underline;}
.bt-refresh .ico-refresh{ margin:0 6px 2px 0;}

.bt1{ display: block; width: 150px; height: 50px; text-align: center; line-height: 50px; border-radius: 3px; background: #71be03; font-size: 20px; font-weight: bold; color:#fff;}
.bt1:hover{ background-color: #79cc03}

.bt2{ display: block; height: 30px; line-height: 30px; padding:0 14px; background-color: #25b69d; font-size: 14px; color:#fff; border-radius: 1px;}
.bt2:hover{ background-color: #ff7800}

.bt-to-top{ display: none; width:50px; height:44px; background: #f5f5f5; text-align: center;}
.bt-to-top .ico-arrow-t{ margin-top:14px;}
.bt-to-top .txt{ display: none; color:#fff; font-size: 12px; padding-top:5px;}
.bt-to-top:hover{ background-color:#0086d1;}
.bt-to-top:hover .ico-arrow-t{ display: none;}
.bt-to-top:hover .txt{ display: block;}

.bt-reserve, .bt-reserve .num,  .bt-reserve .txt{ display: block; width: 76px; height: 76px; border-radius: 50%;}
.bt-reserve{position: relative; *zoom:1; text-align: center; font-size: 16px; color:#fff;}
.bt-reserve .num{ background-color: #dc0309; padding-top:15px; height:61px;}
.bt-reserve .num b{ font-weight: normal;}
.bt-reserve .txt{ background-color: #0086d1; position: absolute; left:0; top:0; display: none; line-height: 76px;}

.bt-apply, .bt-new-server{ display: inline-block; vertical-align: middle; height: 24px; line-height: 24px; overflow: hidden; background-color: #ff7800; font-size: 14px; color:#fff; border:1px solid #ff7800;}
.bt-apply{ padding:0 12px;}
.bt-new-server .tit{ display: inline-block; padding:0 12px;}
.bt-new-server .count{ display: inline-block; width: 29px; height: 24px; background-color: #fff; color:#ff7800; text-align: center; position: relative;}
.bt-new-server .count i{ width: 0; height: 0; line-height: 0; font-size: 0; border:4px dashed transparent; border-right-style: solid; border-right-color:#fff; position: absolute; left:-8px; top:50%; margin-top:-4px;}
.bt-apply:hover, .bt-new-server:hover{ background-color: #0086d1; border-color: #0086d1}
.bt-new-server:hover .count{ color:#0086d1;}

.tip{ position: absolute; background-color: #fff; padding:10px; border-radius: 10px; font-size: 14px; color:#fff;}

.box-score{ width: 66px; height: 66px; text-align: center; line-height: 66px; background: url(/ue2/a/game/index/2015/img/circle.png) no-repeat; font-size: 30px; color:#fff; font-family: Georgia,"Times New Roman",Times,serif}
.box-score-ex1{ background-position: 0 0}
.box-score-ex2{ background-position: 0 -100px}
.box-score-ex3{ background-position: 0 -200px}
.box-score-ex4{ background-position: 0 -300px}
.box-score-ex5{ background-position: 0 -400px}
.box-score-ex6{ background-position: 0 -500px}
.box-score-ex7{ background-position: 0 -600px}
.box-score-ex8{ background-position: 0 -700px}
.box-score-ex9{ background-position: 0 -800px}
.box-score-ex10{ background-position: 0 -900px}

.box-score1{ width: 150px; height: 150px; background: url(/ue2/a/game/index/2015/img/circle.png) no-repeat; text-align: center; line-height: 150px; font-size: 80px; color:#72bf04; font-family: Georgia,"Times New Roman",Times,serif;}
.box-score1-ex1{ background-position: -100px 0}
.box-score1-ex2{ background-position: -100px -200px}
.box-score1-ex3{ background-position: -100px -400px}
.box-score1-ex4{ background-position: -100px -600px}
.box-score1-ex5{ background-position: -100px -800px}
.box-score1-ex6{ background-position: -100px -1000px}
.box-score1-ex7{ background-position: -100px -1200px}
.box-score1-ex8{ background-position: -100px -1400px}
.box-score1-ex9{ background-position: -100px -1600px}
.box-score1-ex10{ background-position: -100px -1800px}

.tab-item { float: left; }
.tab-item-last{ float: right;}
.tab-con { display: block; text-align: center; }
.tab-con:hover { text-decoration: none; }
.tab .arrow-down { display: none; }
.tab .sep { overflow: hidden; position: absolute; left: -1px; top: 50%; width: 0; }
.tab .current { z-index: 10; }
.tab .current .arrow-down { display: block; position: absolute; left: 50%; bottom: -9px; margin-left: -5px; }
.tab .tab-item:first-child .sep, .tab .first .sep, .tab .current .sep { border-left-width: 0; }

.comm-tab{ margin:-1px;}
.comm-tab .tab-item { width: 33.33%;line-height: 38px;}
.comm-tab .tab-con { color: #333333; font-size: 14px; color:#888; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding:0 1px;}
.comm-tab .tab-con:hover { color: #333; }
.comm-tab .current .tab-con { padding: 0; color: #333; border-top: 1px solid #0086d1; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom-color:#fff;}

.comm-tab1{ }
.comm-tab1 .tab-item { width: 150px;line-height: 40px; position: relative; }
.comm-tab1 .tab-con { color: #333333; font-size: 14px; color:#888; text-align: center;}
.comm-tab1 .tab-con b{ font-weight: normal;}
.comm-tab1 .tab-con:hover { color: #333; }
.comm-tab1 .current .tab-con { color: #fff; background-color: #0086d1}
.comm-tab1 .sep{ height:18px; margin-top:-9px; border-left:1px solid #e5e5e5;}

.art-item { overflow: hidden; *zoom:1;}
.art-item .avatar { display: block; }
.art-item .avatar img { display: block; width: 100%; }
.art-item .mask { cursor: pointer; }
.art-item .cover { overflow: hidden; position: absolute; z-index: 2; 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; direction: ltr;}
.art-item-pt:hover .tit { text-decoration: underline; }

.comm-tlist .art-item-c1, .rank .art-item-c1 { float: right; margin-left: 10px; }
.comm-tlist .art-item-c2, .rank .art-item-c2 { overflow: hidden; *zoom: 1; }
.comm-tlist .tit, .rank .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.comm-tlist .list-item { line-height: 34px; }
.comm-tlist .art-item-c1{ font-size: 14px; color:#888;}
.comm-tlist .art-item-c2{ background: url(/ue2/a/game/index/2016/img/sprite.png) no-repeat -222px -364px; padding-left:14px;}
.comm-tlist .sep { margin-bottom: 15px; padding-bottom: 15px; border-bottom:1px dotted #e4e4e4;}
.comm-tlist .last{ margin:0; padding:0; border:0;}
.comm-tlist .tit { font-size:14px; }
.comm-tlist .tit a{ color:#666;}
.comm-tlist .tit a:hover{ text-decoration: underline;}

.comm-plist .list-item { float: left; width:320px;}
.comm-plist .art-item { margin:0 auto; width:320px; position: relative; /*overflow:visible;*/}
.comm-plist .art-item .avatar{ position: relative; *zoom:1; width: 320px; height: 240px;}
.comm-plist .art-item .avatar img{ width: 320px; height: 240px; position: absolute; left:50%; top:50%; margin:-120px 0 0 -160px;
-moz-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comm-plist .txt { position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; height:50px;}
.comm-plist .txt .tit{ float: left; padding-left:10px; margin-right:10px; line-height: 50px; font-size: 18px; color:#fff; font-weight: bold;}
.comm-plist .txt .cate{ float: left; font-size: 12px; color:#aaa; line-height: 40px; padding-top:8px;}
.comm-plist .txt .cate .sep{ margin:0 4px;}
.comm-plist .txt .box-score{ position: absolute; right:16px; bottom:16px;}
.comm-plist .txt .mask{ width: 100%; height: 50px;}
.comm-plist .art-item-pt:hover .txt .tit{ text-decoration: none;}
.comm-plist .art-item-pt:hover .avatar img{ width: 330px; height: 248px; margin:-124px 0 0 -165px;}
.comm-plist .ico-state, .comm-plist .ico-state1, .comm-plist .ico-state2, .comm-plist .ico-state3{ position: absolute; left:-3px; bottom:50px;}

.comm-plist1 .list-item { float: left; width:235px;}
.comm-plist1 .art-item { margin:0 auto; width:235px; position: relative;}
.comm-plist1 .art-item-pt{ height: 177px; overflow: hidden;}
.comm-plist1 .txt { position: relative; z-index: 5; left: 0; top: -30px; text-align: center; height: 177px; -webkit-transition:all .2s; transition:all .2s}
.comm-plist1 .txt .tit, .comm-plist1 .txt .cate{ display:block; }
.comm-plist1 .txt .tit{line-height: 30px; font-size: 14px; color:#fff;}
.comm-plist1 .txt .cate{ font-size: 12px; color:#fff; margin:8px 0;}
.comm-plist1 .txt .cate .sep{ margin:0 4px;}
.comm-plist1 .txt .info span{ display: inline-block; width: 48px; height: 24px; text-align: center; line-height: 24px; border:1px solid #fff; border-radius: 14px; font-size: 14px; color:#fff; margin:0 5px;}
.comm-plist1 .art-item-pt:hover .txt{ top:-177px;}
.comm-plist1 .art-item-pt:hover .txt .tit{ font-size: 24px; color:#fff; font-weight: bold; text-decoration: none; padding-top:38px;}

.comm-plist2 .list-item{ width: 90px;}
.comm-plist2 .art-item { width: 90px; margin:0 auto; }
.comm-plist2 .avatar{overflow: hidden; position: relative; *zoom: 1;}
.comm-plist2 .avatar img{ border-radius: 50%;}
.comm-plist2 .avatar .score{ position: absolute; left:0; top:0; width: 90px; height: 90px; text-align: center; line-height: 90px; color:#fff; z-index: 10; font-family: Georgia,"Times New Roman",Times,serif; font-size: 30px; display: none; }
.comm-plist2 .txt { margin-top: 5px; }
.comm-plist2 .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: auto; margin-right: auto; text-align: center;  font-size: 14px; color:#333;}
.comm-plist2 .mask { z-index: 5; border-radius: 50%; _height:90px; display: none; filter: alpha(opacity=0); opacity: 0;}
.comm-plist2 .art-item-pt:hover .avatar .score { display: block;}
.comm-plist2 .art-item-pt:hover .mask { display: block; filter: alpha(opacity=60); opacity: .6;}


.comm-plist3 .list-item { float: left; width: 184px;}
.comm-plist3 .art-item { width: 184px; margin:0 auto; }
.comm-plist3 .avatar img{}
.comm-plist3 .txt, .box-game-photo .txt {  height: 30px; line-height: 30px;}
.comm-plist3 .tit, .box-game-photo .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: auto; margin-right: auto; text-align: center;  font-size: 14px; color:#333;}
.comm-plist3 .art-item-pt:hover .txt, .box-game-photo .art-item-pt:hover .txt{ /*background: #0086d1;*/}
.comm-plist3 .art-item-pt:hover .tit, .box-game-photo .art-item-pt:hover .tit{ /*color:#fff; text-decoration: none*/}

.comm-ptlist .art-item-tit{ width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:5px;}
.comm-ptlist .art-item-tit a{ font-size: 20px; color:#333;}
.comm-ptlist .art-item-tit a:hover{ color:#0086d1;}
.comm-ptlist .art-item-c1 { float: left; margin-right: 15px; padding-top:5px; width: 224px;}
.comm-ptlist .art-item-c1 .avatar{ position: relative; *zoom:1;}
.comm-ptlist .art-item-c1 .ico-state, .comm-ptlist .art-item-c1 .ico-state1, .comm-ptlist .art-item-c1 .ico-state2, .comm-ptlist .art-item-c1 .ico-state3{ position: absolute; left:0; top:0;}
.comm-ptlist .art-item-c2 { overflow: hidden; *zoom: 1; position: relative;}
.comm-ptlist .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; color:#333; font-weight: bold; margin-bottom:5px;}
.comm-ptlist .tit a{ color:#333;}
.comm-ptlist .tit a:hover{ color:#0086d1; }
.comm-ptlist .detail{ font-size: 14px; color:#888; line-height: 22px;}
.comm-ptlist .cate{ font-size: 12px; color:#aaa; margin-bottom:5px;}
.comm-ptlist .cate .sep{ margin:0 4px;}
.comm-ptlist .channel{ overflow: hidden; *zoom:1;}
.comm-ptlist .channel .item{ float: left; margin-right:10px;}
.comm-ptlist .channel .item a{ display: block; width: 98px; height: 30px; text-align: center; line-height: 30px; border:1px solid #ddd; font-size: 14px; color:#888;}
.comm-ptlist .channel .item a b{ font-weight: normal;}
.comm-ptlist .channel .item a:hover{ color:#fff; background-color: #0086d1; border-color:#0086d1;}
.comm-ptlist .score{ font-size: 38px; color:#888; position: absolute; right:0; top:-5px; line-height: 1; font-family: Georgia,"Times New Roman",Times,serif}
.comm-ptlist .more a{ font-size: 14px; color:#0086d1;}
.comm-ptlist .more a:hover{ text-decoration: underline;}

.rank-c1 { float: left; margin-right: 10px; }
.rank-c1 .num { display: inline-block; overflow: hidden; width: 22px; height: 18px; line-height: 18px; color: #888; text-align: center; background-color: #eee;}
.rank-c1 .num-top { background-color: #0086d1; color:#fff;}
.first .rank-c1 .num-top{ background-color: #ff7800}
.rank-c2 { overflow: hidden; *zoom: 1; }

.comm-rank {}
.comm-rank .list-item { padding: 5px 0 6px; }
.comm-rank .rank-c1 .num { margin-top: .2em; }
.comm-rank .rank-c2{ font-size: 14px;}
.comm-rank .rank-c2 .art-item-c1{ color:#888;}
.comm-rank .rank-c2 .tit a{ color:#333;}
.comm-rank .rank-c2 .tit a:hover{  text-decoration: underline;}

.comm-table{}
.comm-table table{ width: 100%; font-size: 14px; color:#666; line-height: 26px;}
.comm-table table th, .comm-table table td{ border:1px solid #ddd; padding:10px 0;}
.comm-table table th{ background: #f5f5f5;width: 120px; text-align: center;}
.comm-table table td{ padding:0 10px;}
.comm-table table a{ color:#0086d1;}
.comm-table table .up{ color:#ff0000; font-weight: bold;}
.comm-table table a:hover{ text-decoration: underline;}
.comm-table table .c-tx{ color:#888;}
.comm-table table .col1, .comm-table table .col3{ width: 120px;}
.comm-table table .col2{ width: 367px;}
.comm-table table .col4{ width: 367px;}

.comm-mod{}
.comm-mod-hd{ padding:5px 0; overflow: hidden; *zoom:1;}
.comm-mod-hd .tit{ float: left; font-size: 18px; color:#333; line-height: 40px;}
.comm-mod-hd .tit i{ width: 4px; height: 19px; background: #0086d1; display: inline-block; vertical-align: middle; margin:0 10px 3px 0;}
.comm-mod-hd .bt-to-find1, .comm-mod-hd .bt-refresh{ float: right; margin-top:8px;}
.comm-mod-hd .info{ float: right; line-height: 40px; font-size: 14px; color:#999;}
.comm-mod-hd .info b{ color:#ff0000;}

.comm-pn{}
.comm-pn-hd .info b{ color:#ff0000; margin:0 5px;}
.comm-pn-hd .more{ float: right; line-height: 38px;}
.comm-pn-hd{ overflow: hidden; *zoom:1; padding:15px 0 12px;}
.comm-pn-hd .tit{ float: left; overflow: hidden; font-size: 22px; color:#333; margin-right:30px;}
.comm-pn-hd .info{ float: left; font-size: 16px; color:#999; margin-top:10px;}
.comm-pn-hd .more a{font-size: 16px; color:#999;}
.comm-pn-hd .more a .arrow-r{ margin:0 0 3px 6px;}
.comm-pn-hd .bt2{ float: right; margin-top:2px;}

.comm-pn1{}
.comm-pn1-hd{ border-bottom:1px solid #ddd; height: 36px; line-height: 36px; margin-bottom:15px;}
.comm-pn1-hd .tit{ float: left; font-size: 16px; color:#333; height: 36px; border-bottom:1px solid #0086d1;}
.comm-pn1-hd .opera{ float: right;}
.comm-pn1-hd .opera a{ font-size: 14px; color:#888;}
/*the layout*/ 
.wrapper{}

/*header*/
.header { position:relative; z-index:401; width:1000px; margin:auto; background:#fff; padding:0px 10px;}
.header .header-in { width:1000px; height:150px; margin:auto; position:relative; background:#fff;}

/*logo-yeyou*/
.header .logo-yeyou { display: block; width: 182px; height: 100px; background:url(#) no-repeat center; position: absolute; left:0; top: 10px; }
.header .logo-yeyou span { color: #000; font-size: 12px; position: absolute; left: 62px; top: 23px; }

.box-search0 h1 { display: inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ width:182px; height:100px;}
.box-search0 .logo-yeyou { display:block; width: 182px; height: 100px; background:url(#) no-repeat center; position:relative;}
.box-search0 .logo-yeyou span { color: #000; font-size: 12px; position: absolute; left: 62px; top: 23px; }

.box-search1 { padding-top:20px; background:#f6f6f6;}
.box-search1 h1 { display: inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ width:182px; height:100px; padding-left:10px;}
.box-search1 .logo-yeyou { display:block; width: 182px; height: 100px; background:url(#) no-repeat center; position:relative;}
.box-search1 .logo-yeyou span { color: #000; font-size: 12px; position: absolute; left: 62px; top: 23px; }

/*mod-search0*/
.header .mod-search0 { display: inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ width:378px; height:auto; position: absolute; left: 360px; top: 30px; }
.header .mod-search0 form { position:relative; _overflow:hidden; height:36px; *zoom:1;}
.header .mod-search0 .label { display: none; }
.header .mod-search0 .txt { border:1px solid #d9d9d9; border-right:0; color: #dbd8d8; height:34px; width:304px; _overflow:hidden; padding: 0 5px 0 10px; vertical-align: top; background:fff; font-size: 14px; line-height: 34px; outline:none; *position:absolute; *left:0; *top:0;}
.header .mod-search0 .input-focus { color: #000!important; /*border-color:#333;*/}
.header .mod-search0 .btn { width: 56px; height: 34px; border:1px solid #d9d9d9; background:#f9f9f9 url(/ue2/a/www/index/2014v2/img/bg-icon0.png) no-repeat 20px -392px; vertical-align:top; cursor: pointer; position: absolute; top:0; right:0; /*why*/}
.header .mod-search0 .btn-hover/*.header .mod-search0 .btn:hover*/ { background-color:#ff4800; border-color:#ff4800; background-position: 20px -442px; _background-position:20px -443px; }
.header .mod-search0 .mod-tag0 a { font-size:12px; color:#666; line-height:26px; margin:0 2px;}
.header .mod-search0 .mod-tag0 a:hover { text-decoration:underline;}

/*list-info0*/
.list-info0 { width:140px; *zoom:1; position:absolute; left:208px; top:32px; font-family:"Simsun",Arial; display:none;}
.list-info0 li { color:#333; font-size:12px; line-height:22px;}
.list-info0 li a { color:#333;}
.list-info0 li a:hover { text-decoration:underline;}
.list-info0 em { font-weight:bold; color:#ff4800;}
.list-info0 li a em { color:#ff4800;}

/*mod-tit0*/
.mod-tit0 { width:140px; *zoom:1; position:absolute; left:208px; top:32px; display:none;}
.mod-tit0 h2 { display:block; font-size:26px; font-weight:bold; color:#666; font-family:"Microsoft Yahei","Simsun",Arial;}
/*mod-tit1*/
.mod-tit1 { width:140px; *zoom:1; position:absolute; left:208px; top:32px; display:none;}
.mod-tit1 h2 { display:block; font-size:26px; font-weight:bold; color:#666; font-family:"Microsoft Yahei","Simsun",Arial;}
/*mod-tit2*/
.mod-tit2 { width:140px; *zoom:1; position:absolute; left:208px; top:32px; display:none;}
.mod-tit2 h2 { display:block; font-size:26px; font-weight:bold; color:#666; font-family:"Microsoft Yahei","Simsun",Arial;}
/*mod-tit3*/
.mod-tit3 { width:140px; *zoom:1; position:absolute; left:208px; top:32px; display:none;}
.mod-tit3 h2 { display:block; font-size:26px; font-weight:bold; color:#666; font-family:"Microsoft Yahei","Simsun",Arial;}
/*mod-tit4*/
.mod-tit4 { width:140px; *zoom:1; position:absolute; left:208px; top:32px; display:none;}
.mod-tit4 h2 { display:block; font-size:26px; font-weight:bold; color:#666; font-family:"Microsoft Yahei","Simsun",Arial;}
/*mod-tit5*/
.mod-tit5 { width:160px; *zoom:1; position:absolute; left:190px; top:32px; display:none;}
.mod-tit5 h2 { display:block; font-size:26px; font-weight:bold; color:#666; font-family:"Microsoft Yahei","Simsun",Arial;}
/*mod-tit6*/
.mod-tit6 { width:140px; *zoom:1; position:absolute; left:208px; top:32px; display:none;}
.mod-tit6 h2 { display:block; font-size:26px; font-weight:bold; color:#666; font-family:"Microsoft Yahei","Simsun",Arial;}

.page-list-info0 .list-info0 { display:block;}
.page-mod-tit0 .mod-tit0 { display:block;}
.page-mod-tit1 .mod-tit1 { display:block;}
.page-mod-tit2 .mod-tit2 { display:block;}
.page-mod-tit3 .mod-tit3 { display:block;}
.page-mod-tit4 .mod-tit4 { display:block;}
.page-mod-tit5 .mod-tit5 { display:block;}
.page-mod-tit6 .mod-tit6 { display:block;}
/*mod-scan0*/
.mod-scan0 { width:82px; height:90px; background:url(/ue2/a/www/index/2014v2/img/bg-shadow1.png) no-repeat center bottom; position:absolute; right:12px; top:14px;}
.mod-scan0 .pic-scan0 { display:block; width:81px; height:81px; background:url(/ue3/a/www/index/2014v2/img/pic-scan1.png) no-repeat 0 0;}

/*mod-scan1*/
.mod-scan1 { width:78px; height:78px; padding:3px; background:#444; position:absolute; left:0; top:0;}
.mod-scan1 .pic-scan0 { display:block; width:78px; height:78px; background:url(/ue2/a/www/index/2014v2/img/pic-scan0.png) no-repeat 0 0;}

/*list-nav0*/
.list-nav0 { *zoom:1; width:980px; margin:auto; height:40px; padding:0 10px; background:#0086d1; position:absolute; left:0; bottom:0; z-index:410;}
.list-nav0 .li { display:inline-block; *zoom:1; *display:inline; float:left; /*width:9.9%;*/ width:98px; height:40px; position:relative; vertical-align:top; *zoom:1;}
.list-nav0 .li-first { border-left:0;}
.list-nav0 .li .li-a { display:inline-block; *zoom:1; *display:inline; vertical-align:top; height:; width:98px; /*padding:0 22px;*/ text-align:center; line-height:40px; font-size:16px; font-family:"Microsoft Yahei","Simsun",Arial; color:#fff; position:relative;}
.list-nav0 .li .li-a i { display:none; /*margin-top:14px;*/ position:absolute; /*right:10px;*/ top:16px; width:15px; height:15px; overflow:hidden; background:url(/ue2/a/www/index/2014v2/img/bg-icon0.png) no-repeat 0 2px; cursor:pointer;}

.list-nav0 .li .li-a:hover { text-decoration:none; background:#0072b2;}

.list-nav0 .li-on .li-a { background:#0072b2; color:#fff;}
.list-nav0 .li-on .li-a i { background-position:0 -98px;}

.list-nav0 .li-on .li-a i {
animation: navbg0 0.2s;
-moz-animation: navbg0 0.2s;
-webkit-animation: navbg0 0.2s;
-o-animation: navbg0 0.2s;
}

/*.list-nav0 .sub-yes .li-a { padding-right:25px;}*/
.list-nav0 .sub-yes .li-a i { display:inline-block; *zoom:1; *display:inline; vertical-align:top;}
.list-nav0 .sub-yes .li-a span { margin-right:10px;}

.list-nav0 .sub-nav { width:100%; background:#0072b2; position:absolute; left:0; top:40px; display:none; margin:0; padding:0; z-index:420; overflow:hidden; *zoom:1;}
.list-nav0 .sub-nav .sub-li { width:100%; padding:0; border-top:1px solid #00649c;}
.list-nav0 .sub-nav .sub-li-first {}
.list-nav0 .sub-nav .sub-li a { display:block; height:40px; line-height:40px; color:#a0ddff; padding:0 10px; font-family:"Microsoft Yahei","Simsun",Arial; font-size:14px; text-align:left;}
.list-nav0 .sub-nav .sub-li a:hover { color:#fff; text-decoration:none;}

/*the content*/
.content{ width:1000px; margin:0 auto; padding:10px 0 20px;}
.content-in{ position: relative;}
.area{ margin-top:25px;}
.area3{ margin-top:5px;}

/*the area1*/
.area1{ margin:0;}
.plist-game{ margin-right:-20px;}
.plist-game .list-item{ margin-right:20px;}

/*the area2*/
.plist1-game{ margin-right:-20px;}
.plist1-game .list-item{ margin:0 20px 20px 0}

.mod-find{ height:51px; position: relative; z-index: 10}

.box-select{float: left; width: 205px; position: relative; *zoom:1; margin-right:10px;}
.box-select-hd{ padding:0 30px 0 10px; height: 30px; line-height: 30px; border:1px solid #ddd; position: relative; z-index: 5; background: #fff; text-align: left;}
.box-select-hd .tit{ font-size: 14px; color:#333; float: left; width: 9em; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.box-select-hd .remove{ color:#999; float: right;}
.box-select-hd .ico-arrow-b{ position: absolute; top:12px; right:11px;}
.box-select-bd{ display: none; position: absolute; left:0; top:40px; width:353px; background: #fff; border:1px solid #ddd; padding:12px 0;}
.box-select-bd a{ font-size: 14px; color:#888; display: inline-block; height: 28px; line-height: 28px; padding:0 0.5em; margin:0 7px;}
.box-select-bd a:hover{ background: #f5f5f5}

.box-select-active .box-select-hd{ border-bottom:0; padding-bottom:10px;}
.box-select-active .box-select-bd{ display: block;}

/*the area3*/
.pn-feature{}
.pn-feature-c1{ float: left;  width: 650px; border:1px solid #ddd; overflow: hidden;}
.pn-feature-c2{ float:left; width: 347px; border:1px solid #ddd; border-left:0;}
.pn-feature-c2 .c1, .pn-feature-c2 .c2{ padding:13px 5px; height: 125px; position: relative; *zoom:1;}
.pn-feature-c2 .c1{ border-bottom:1px solid #ddd;}
.pn-feature-c2 .arrow1-l{ position: absolute; left:-21px; top:50%; margin-top:-10px;}

.ptlist-game{ margin-bottom:-1px; width: 100%;}
.ptlist-game .list-item{ border-bottom:1px solid #ddd;}
.ptlist-game .art-item{ padding:8px 30px 13px 14px;}

.pn-feature-c2 .list-item{ float: left; width: 33.33%}

/*the area4*/
.pn-hot{}
.pn-hot-c1{ float: left; width: 745px; margin-bottom:-10px;}
.pn-hot-c2{ float: right; width: 235px;}

.mod-rank{}
.mod-rank .hd{ border:1px solid #ddd; height: 38px; *zoom:1;}
.mod-rank .bd{ border:1px solid #ddd; border-top:0; margin-top:-1px; padding:7px 14px; min-height: 315px; _height:315px;}

/*the area5*/
.pn-friends{ font-size: 0; margin-right:-20px;}
.pn-friends .mod-hd .tit{ font-size: 20px; color:#0086d1; margin-right:5px;}
.pn-friends .mod-bd a{ font-size: 14px; color:#888; margin-right:20px; white-space: nowrap; line-height: 24px;}
.pn-friends .mod-bd a:hover{text-decoration: underline;}

/*the pn-share*/
.pn-share{ width:50px; z-index:200}
.pn-share .mod-share{ width: 50px;}
.pn-share .mod-share .gb-share-btn{ float: none; display: block; line-height: 50px; border-bottom:1px solid #fff; background: #f5f5f5}
.pn-share .mod-share .gb-share-ico-font{ float: none; display: block; width: 50px; height: 50px; font-size: 36px;color:#bbb;}
.pn-share .mod-share .gb-share-btn:hover{ background: #0086d1}
.pn-share .mod-share .gb-share-btn:hover .gb-share-ico-font{ color:#fff;}

.gb-yeyou-ewmfix{ display: none;}

/*the pgae-list*/
.crumb { color: #888; font-size: 14px; padding-top:10px;}
.crumb a { color: #888; }
.crumb a:hover{ color:#ff0000; text-decoration: underline;}
.crumb .sep{ font-family: "SimSun"; margin:0 5px;}

.main{ float:left; width: 760px;}
.main1{ float:left; width: 770px;}
.side{ float:right; width: 208px; border:1px solid #ddd;}
.side-fixed-top{ position: fixed; top:0; left:50%; margin-left:290px;}
.side-fixed-bottom{ position: fixed; bottom:0; left:50%; margin-left:290px; z-index: 10}
.side-absolute{ position: absolute; bottom:0; left:50%; margin-left:290px; z-index: 10}
.content.content-in .side-absolute{ bottom: 20px;}

.box-tab-list{ clear: both; border-bottom:1px solid #ddd; padding-top:15px;}
.box-tab-list .comm-tab{ float: left; border-left:1px solid #ddd; border-right:1px solid #ddd; margin:-1px 0;}
.box-tab-list .comm-tab .tab-item{ width:122px; margin:0 -1px;}
.box-tab-list .comm-tab .tab-con{ font-size: 16px;}
.box-tab-list .tab-type{ float: right;}
.tab-type{ border-right:1px solid #ddd;}
.tab-type .tab-item{ margin-right:-1px;}
.tab-type .tab-con{ width: 36px; height: 21px; padding:9px 0 0 0; background-color: #fff; border:1px solid #ddd;}
.tab-type .current .tab-con{ background-color: #f8f8f8}

.pn-list .comm-pn-hd{ padding-bottom:0;}
.pn-list .comm-pn-bd{ overflow: hidden; *zoom:1; width: 100%;}
.pn-list .plist-game{ margin-right:-30px; padding:25px 0 0 0;}
.pn-list .plist-game .list-item{ margin:0 30px 20px 0;width:365px;}
.pn-list .plist-game .art-item{ width:365px;}
.pn-list .plist-game .art-item .avatar, .pn-list .plist-game .art-item .avatar img{ width: 365px; height: 274px;}
.pn-list .plist-game .art-item .avatar img{ margin:-137px 0 0 -182px;}
.pn-list .plist-game .art-item-pt:hover .avatar img{ width:376px; height: 282px; margin:-141px 0 0 -188px; }

.box-page { text-align: center; padding: 30px 0px; }
.yiiPager { display: inline-block; *display:inline;
overflow: hidden; *zoom:1;
height: 34px; /*font-size:0;*/ text-align: center; }
.yiiPager li { display: inline-block; *display:inline;
overflow: hidden; *zoom:1;
height: 34px; margin: 0 1px; vertical-align: top; }
.yiiPager .goto { background: none; border: none; background: none; height: 34px; }
.yiiPager .hidden { display: none }
/*.yiiPager li,*/
.yiiPager li a { background: #fff; border: 1px solid #ddd; font-size: 16px; font-family: "Microsoft Yahei", Arial; display: inline-block; overflow: hidden; height: 32px; padding: 0 12px; line-height: 32px; color: #333; border-radius: 3px;}
.yiiPager li a:hover { text-decoration: none; }
.yiiPager .goto a { display: inline-block; *display:inline;
overflow: hidden; *zoom:1;
height: 32px; margin: 0 2px; vertical-align: top; cursor: pointer; font-size: 16px; }
.yiiPager .goto .gotopage { overflow: hidden; width: 2em; height: 32px; margin-right: 5px; *margin-top:-1px;
padding: 0 5px; font-family: Arial, Tahoma; font-size: 14px; line-height: 32px\9; text-align: center; vertical-align: top; border: 1px solid #ddd; border-radius: 3px;}
.yiiPager .first a, .yiiPager .previous a, .yiiPager .next a, .yiiPager .last a { font-size: 16px; }
.yiiPager li a:hover { text-decoration: underline; }
.yiiPager .hover a, .yiiPager .selected a { background: #0086d1; border: 1px solid #0086d1; color: #fff; }
/*.yiiPager .selected,*/
.yiiPager .selected a:hover { cursor: default; text-decoration: none; }
/*.beta-time-search-result-1 .yiiPager .hover a,*/
/*.open-time-search-result-1 .yiiPager .hover a,*/
.beta-time-search-result-1 .yiiPager .selected a, .open-time-search-result-1 .yiiPager .selected a, .open-time-2 .yiiPager .selected a, .ranking-1 .yiiPager .selected a, .ranking-search-result-1 .yiiPager .selected a { background: #00ac9a; border-color: #00ac9a; }

.pn-search-condition{ padding:6px 14px;}

.tab-cate{ height: 33px; background-color: #0086d1; border-radius: 3px; margin-right:-10px; padding:3px 0 0 3px;}
.tab-cate .tab-item{ margin-right:8px;}
.tab-cate .tab-con{height: 30px; line-height: 30px; padding:0 10px;  border-radius: 3px; font-size: 14px; color:#fff; float: left;}
.tab-cate .current .tab-con{ background-color: #fff; color:#333;}

.mod-cate{ margin-bottom:-7px;}

.box-cate{ border-bottom:1px dotted #ddd; padding-bottom:5px;}
.box-cate .hd{ line-height: 40px;}
.box-cate .hd .tit{ font-size: 14px; color:#333; font-weight: bold;}
.box-cate .bd{ overflow: hidden; *zoom:1; margin:0 -3px;}
.box-cate .bd span{ float: left; width: 24.9%; margin-bottom:4px;}
.box-cate .bd span a{ display: inline-block; padding:0 3px; height: 22px; line-height: 22px; font-size: 12px; color:#666;}
.box-cate .bd span a:hover, .box-cate .bd .current a{ color:#fff; background-color: #0086d1}

.box-cate-ex .bd span{ width: 33.33%}

.box-cate .bd .w20{ width: 20%}
.box-cate .bd .w27{ width: 27%}
.box-cate .bd .w28{ width: 28%}
.box-cate .bd .w30{ width: 30%}
.box-cate .bd .w35{ width: 35%}

.ptlist-game1{}
.ptlist-game1 .list-item{ padding:20px 0; border-bottom:1px dotted #ddd;}
.ptlist-game1 .art-item-c1{ padding:5px 0 0 0;}
.ptlist-game1 .tit{ font-size: 24px; font-weight: normal;}
.ptlist-game1 .detail{ height: 66px; overflow: hidden; margin-bottom:20px;}

/*the page-last*/
.content1{ padding:10px 0 20px;}
.content1 .crumb, .content1 .pn-game-info, .content1 .pn-game-detail{ width: 1000px; margin-left:auto; margin-right:auto;}

.pn-game-info{ padding-top:10px; margin-bottom:30px; position: relative; *zoom:1; z-index: 11}
.pn-game-info-c1{ float: left; width: 815px; border-right:1px solid #eee;}
.pn-game-info-c1 .c1{ float: left; width: 400px; margin-right:25px; position: relative; *zoom:1; padding:5px 0 0 0;}
.pn-game-info-c1 .c1 .avatar img{ width: 400px; height: 300px;}
.pn-game-info-c1 .c2{ position: relative; *zoom:1; float: left; width: 390px;}
.pn-game-info-c1 .c2 .name{ font-size: 26px; color:#333; font-weight: bold; margin-bottom:15px; width: 270px; position:relative; z-index:1;}
.pn-game-info-c1 .c2 .box-bt{ font-size: 0; margin-bottom:7px; width: 270px;}
.pn-game-info-c1 .c2 .box-bt a{ margin-right:3px;}
.pn-game-info-c2{ width: 150px; float: right;}
.pn-game-info-c2 .box-score1{margin-bottom:20px;}
.pn-game-info-c2 .box-star{ margin-bottom:10px;}
.pn-game-info-c2 .count-comment{ font-size: 14px; color:#888; text-align: center; margin-bottom:20px;}

.box-reserve{ position: absolute; left:10px; bottom:10px;}
.box-reserve .tip{ width:100px; left:20px; bottom:90px; font-size: 14px; color:#666; text-align: center; display: none;}
.box-reserve .tip i{ width: 0; height: 0; line-height: 0; font-size: 0; border:5px dashed transparent; border-top-style: solid; border-left-style:solid; border-top-color:#fff; border-left-color:#fff; border-left-width: 10px;  border-right-width: 10px; position: absolute; left:20px; bottom:-9px;}
.box-reserve-hover .tip{ display: block;}
.box-reserve-hover .bt-reserve .num{ display: none;}
.box-reserve-hover .bt-reserve .txt{ display: block;}

.box-type{margin-bottom:7px;}
.list-type{ font-size: 14px; color:#888; line-height: 30px;}
.list-type a{ color:#0086d1;}
.list-type a:hover{ text-decoration: underline;}

.box-state{ position: relative; *zoom:1; width: 260px;}
.box-state-cur{ line-height: 28px; color:#ff7800; font-size: 14px; border:1px solid #ff7800; padding:0 10px;}
.box-state-all{ position: absolute; left:0; top:-10px; z-index: 10; width: 100%;background: #f4f9fa; display: none;}
.box-state-all-in{ padding:10px; border:1px solid #e3eff4; }
.box-state-all .item{ font-size: 14px; color:#b3b3b3; line-height: 28px;}
.box-state-cur span, .box-state-all .item span{ display: inline-block; width: 7em;}
.box-state-all .cur{ color:#ff7800;}

.box-platform{ position: absolute; right:20px; top:0; font-size: 0}
.box-platform .item{ display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 50%; border:1px solid #b1daf1; font-size: 14px; color:#61bcef; margin-left:6px;}

.box-star{ margin:0 auto;}
.box-star, .box-star-in{ width: 95px; height: 17px; background: url(/ue2/a/game/index/2016/img/sprite.png) no-repeat 0 -360px;}
.box-star{ background-position: 0 -380px; position: relative;}
.box-star-in{ position: absolute; left:0; top:0;}

.pn-game-detail{}
.pn-game-detail-hd{ border-bottom:1px solid #ddd; height: 39px;}
.pn-game-detail-hd .comm-tab1{ float: left;}
.pn-game-detail .comm-mod{ margin-bottom:10px;}

.mod-game-intro .comm-mod-hd{}
.mod-game-intro .comm-mod-bd p{ font-size: 16px; color:#666; line-height: 26px; text-indent: 2em;}

.box-links{ font-size: 0}
.box-links a{ display: inline-block; line-height: 30px; border:1px solid #ddd; border-radius: 15px; background-color: #fff; font-size: 14px; color:#666; padding:0 20px; margin-right:10px;}
.box-links a:hover{ color:#fff; background-color: #0086d1; border-color:#0086d1;}

.box-links1{ font-size: 0; margin-right:-25px;}
.box-links1 a{ display: inline-block; width: 182px; line-height: 38px; text-align: center; border:1px solid #ccc; background-color: #fff; font-size: 16px; color:#666; margin:0 20px 20px 0}
.box-links1 a:hover{ color:#fff;background-color: #0086d1; border-color:#0086d1;}

.page-play .content{ padding-top:0;}
.page-play .crumb{ padding:10px 0 15px;}
.pn-game-player{background: #f2f2f2; border:1px solid #ddd; margin-bottom:20px;}
.pn-game-player .pn-hd{ height: 50px; background: #fff; padding:0 0 0 20px; position: relative; *zoom:1;}
.pn-game-player .c1{}
.pn-game-player .c1 .tit a{ font-size: 20px; color:#333; font-weight: bold; line-height: 50px;}
.pn-game-player .c2{ position: absolute; right:0; top:0;}
.pn-game-player .crumb{ color:#fff; padding:0; font-size: 16px; line-height: 40px;}
.pn-game-player .crumb a, .pn-game-player .crumb a:hover{ color:#fff;}
.pn-game-player .pn-bd{ text-align: center;}
.pn-game-player .pn-bd iframe{ margin:0 auto;}

.box-cross, .bt-player-collect, .bt-player-refresh{ float: right;  color:#666; font-size: 16px; line-height: 50px; margin-right:20px; _display:inline;}
.bt-player-collect .ico-collect, .bt-player-refresh .ico-refresh-sm{ margin:0 5px 3px 0; *margin:18px 5px 18px 0;}
.bt-player-collect:hover, .bt-player-refresh:hover{ color:#000;}
.box-cross{ position: relative; *zoom:1; width: 157px; text-align: center; background: #fff; padding:1px; margin-right:0;}
.box-cross .hd{ padding:7px 0 0 0;}
.box-cross .hd a{ background: #71be03; display: block; width: 138px; height: 36px; line-height: 36px; text-align: center; border-radius: 20px; font-size: 16px; color:#fff; margin:0 auto;}
.box-cross .hd a .ico-phone{ margin:0 5px 3px 0; *margin:9px 5px 10px 0;}
.box-cross .hd a:hover{ background: #75c403}
.box-cross .bd{ position: relative; padding: 0 10px 9px; display: none;}
.box-cross .bd img{}
.box-cross .bd table{margin: 0 auto!important;}

.box-cross-active{ border:1px solid #ddd; margin:-1px -1px 0 -1px;}
.box-cross-active .hd{  margin-bottom:10px;}
.box-croll-active .bd{ display: block;}

.box-game-loading{margin:0 auto; width: 460px; padding:158px 0;}
.box-game-loading .in{ width: 305px; height: 93px; padding:60px 0 0 155px; background: url(/ue3/a/game/index/2016/img/box-loading.png) no-repeat; font-size: 22px; color:#999; line-height: 1.64; text-align: left;}

.owl{ position: relative; *zoom:1; margin:0 -12px;}
.owl-con{ /*margin:0 -22px 0 -11px;*/}
.box-game-photo{ width: 228px; margin:0 auto;}
.box-game-photo .art-item { max-width: 228px; margin:0 auto; }
.box-game-photo .avatar{ position:relative; *zoom:1;}
.box-game-photo .avatar img{}
.box-game-photo .ico-video{ position: absolute; left:50%; top:50%; margin:-28px 0 0 -28px;}

/*the owl*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/ue/a/game/index/2016/css/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
/*  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);*/
}

.owl-theme .owl-pagination{ display: none;}

.owl-bt-prev, .owl-bt-next{ display: none; width: 55px; height: 76px; overflow: hidden; position: absolute; top:60px; z-index: 10; color:#fff; text-align: center; line-height: 76px; font-family: "SimSun"; font-size: 40px;}
.owl-bt-prev{ left:14px;}
.owl-bt-prev:hover .mask, .owl-bt-next:hover .mask{filter: alpha(opacity=80); opacity: .8;}
.owl-bt-next{  right:14px;}

.owl-hover .owl-bt-prev, .owl-hover .owl-bt-next{ display: block;}

.ptlist-news, .tlist-news{ overflow: hidden; *zoom:1; margin-right:-80px;}
.ptlist-news .list-item, .tlist-news .list-item{ float: left; width: 460px; padding-right:80px;}
.ptlist-news .art-item-c1{ width: 240px;}

.pn-game-detail .mod-game-operator{ margin-bottom:-10px;}
.plist-operator{ margin:0 -20px 0 0;}
.plist-operator .list-item{ margin:0 20px 20px 0;}

.mod-game-operator1{ clear: both;}

.tlist-news{}

/*the page-rank*/

/*tb-con0*/
.tb-con0 { background: #fff; *zoom:1;
}
.tb-con0 table { width: 100%; }
.tb-con0 th { color: #fff; font-size: 14px; background: #00ac9a; border-right: 1px solid #05a191; /*border-top:0; border-bottom:0;*/ height: 50px; text-align: center; font-weight: bold; border-bottom: 3px solid #05a191; }
.tb-con0 td { font-size: 14px; background: #fff; border-right: 1px solid #dbeff6; /*border-top:0; border-bottom:0;*/ height: 50px; padding: 5px 0; text-align: center; color: #000; position: relative; /*border-top:1px solid #fff; border-bottom:1px solid #fff; z-index:10;*/ line-height: 26px; }
.tb-con0 td a { color: #000; }
.tb-con0 td a:hover { text-decoration: underline; }
.tb-rank0 .td6 a { color: #06f; }
.tb-rank0 .td6 a:hover { color: #000; }
.tb-open0 .td3 a { color: #06f; }
.tb-open0 .td3 a:hover { color: #000; }
.tb-open0 .td7 a { color: #ff7800; }
.tb-open0 .td7 a:hover { color: #000; }

.tb-con0 .td1 .time { color: #f00; margin: 0 0 0 10px; }
.tb-con0 .td7 { border-right: 0; }
.tb-con0 { border-right: 0; }
.tb-con0 .box-btn { display: block; text-align: center; position: relative; z-index: 6; *padding:11px 0;
}
.tb-con0 .box-btn a { display: inline-block; *zoom:1;
*display:inline; /*vertical-align:top;*/
width: 38px; height: 24px; padding: 1px; cursor: default; }
.tb-con0 .box-btn a span { display: block; width: 38px; height: 24px; color: #fff; font-size: 14px; font-family: "Microsoft Yahei", Arial; background: #d2d2d2; line-height: 24px; text-align: center; cursor: default; }
.tb-con0 .box-btn a:hover { background: #fff; text-decoration: none; }
.tb-con0 .box-btn .btn0-on span { background: #97c516; cursor: pointer; }
.tb-con0 .box-btn .btn1-on span { background: #f47207; cursor: pointer; }
.tb-con0 .box-btn .btn2-on span { background: #0086d1; cursor: pointer; }
.tb-con0 tr.hover td { background: #f6f5f5; }

.tb-con0 td .box-clock { display: none;/*test*/ width: 100%; height: 24px; }
.tb-con0 td .box-clock a { display: block; width: 90px; height: 24px; margin: auto; }
.tb-con0 .td1-hover .date, .tb-con0 .td1-hover .time { display: none; }
.tb-con0 .td1-hover .box-clock { display: block; }
.tb-con0 .btn-more { display: block; width: 998px; border: 1px solid #d2d2d2; margin: 0 auto;/*for-preview*/ height: 43px; background: url(/ue1/images/game/index/2014/bg-x3.jpg) repeat-x 0 bottom; text-align: center; }
/*.tb-con0 .btn-more:hover { border-color:#7fd3c9;}*/
.tb-con0 .btn-more span { display: inline-block; *zoom:1;
*display:inline; /*vertical-align:top;*/
color: #5e5e5e; font-size: 14px; line-height: 42px; font-family: "Microsoft Yahei", Arial; padding-right: 30px; position: relative; cursor: pointer; }
.tb-con0 .btn-more span i { display: block; width: 12px; height: 6px; background: url(/ue3/images/game/index/2014/bg-icon.png) no-repeat 0 -480px; _background-image: url(/ue2/images/game/index/2014/bg-icon-ie6.png); position: absolute; right: 10px; top: 18px; *top:16px;
}
.tb-con0 .btn-more-hover { border-color: #7fd3c9; }
.tb-con0 .btn-more-hover span i { background-position: -20px -480px; }

/*--tb-rank0*/
.tb-rank0 th{ text-align: left; border-bottom-width:0; border-right-width:0; font-weight: normal; border-top: 2px solid #0086d1; height: 40px; background: #fff;}
.tb-rank0 th span{ display: block; color: #888; font-size: 14px; background: #f9f9f9; height: 40px; line-height: 40px;margin-bottom:10px; }
.tb-rank0 td { font-size: 14px; background: #fff; height: 44px; border-right-width:0; padding:0; text-align: left; color: #666; position: relative;  padding-right:14px;}
.tb-rank0 td span{ display: block;}
.tb-rank0 tr:hover td{ background:#f5f5f5;}
.tb-rank0 .th7 span{width:2em; padding-right:1em; text-align: center;}

.tb-rank0 .th0 span{ padding-left:10px;}

.tb-rank0 .td0 { width: 3em;}
.tb-rank0 .td1{ width: 13em;}
.tb-rank0 .td2 { width:3em; }
.tb-rank0 .td3 { width:5em; }
.tb-rank0 .td5 { width:3em; }
.tb-rank0 .td6 { width:3em; }
.tb-rank0 .td7 { width:2em; padding-right:1em;}

.tb-rank0 .td0 em { display: block; width: 30px; height: 24px; background: #f5f5f5; text-align: center; color: #888; font-size: 16px; line-height: 24px; 
font-family: Georgia,"Times New Roman",Times,serif;}
.tb-rank0 .td0 em.top3 { background: #0086d1; color:#fff;}
.tb-rank0 .td0 em.first{ background: #ff7800}
.tb-rank0 .td1 { color: #00ac9a; }
.tb-rank0 .td1 a { color: #333; }
.tb-rank0 .td1 a:hover { color:#ff1800;}
.tb-rank0 .td4 span { display: block; }
.tb-rank0 .td5{ font-size: 18px; font-family: Georgia,"Times New Roman",Times,serif;}
.tb-rank0 .td7 span{ display: block; margin:0 auto;  width: 9px; height: 13px; text-align: center; line-height: 13px; color:#ccc;}
.tb-rank0 .td7 i { display: block; width: 9px; height: 13px; background: url(/ue2/a/game/index/2016/img/sprite.png) no-repeat; }
.tb-rank0 .td7 i.up { background-position: -200px -150px; }
.tb-rank0 .td7 i.down { background-position: -215px -150px; }

.mod-game-news, .mod-game-stra{ width: 100%; overflow: hidden; *zoom:1;}


/*box-con1*/
.box-con1 { position: relative; border: 1px solid #d3e1f1; border-top: 0; }
.box-con1 .box-hd { height: 40px; border-top: 2px solid #cacaca; position: relative; padding-left: 200px; background: #f6f9fe; }
.box-con1 .box-hd h2 { display: inline-block; *zoom:1;
*display:inline;
width: 150px; border-top: 2px solid #54c1e7; /*vertical-align:top;*/ font-size: 20px; color: #54c1e7; font-family: "Microsoft Yahei", Arial; padding: 0 15px 0 30px; line-height: 40px; font-weight: bold; position: absolute; left: 0; top: -2px; }
.box-con1 .box-hd h2 em { color: #54c1e7; margin: 0 5px; font-weight: bold; }
.box-con1 .box-hd .tag { font-size: 16px; color: #54c1e7; line-height: 40px; }
.box-con1 .box-hd .tag a { color: #54c1e7; }
.box-con1 .box-hd .tag a:hover { text-decoration: underline; }
.box-con1 .box-bd { padding: 10px 0; background: #fff; }

/*box-coop*/
.box-coop { margin-top: 10px; *zoom:1;
}
.box-coop .box-bd { padding: 15px 30px; *zoom:1;
}
.list-coop { font-size: 12px; color: #666; overflow: hidden; }
.list-coop a { display: block; float: left; color: #666; width: 9%; margin-bottom: 5px; }

/*box-follow*/
.box-follow { padding: 12px 0 0; position: absolute; right: 10px; top: 0; }
.box-follow .tit { font-size: 12px; color: #000; margin: 0 5px; vertical-align: middle; }
.box-follow .t-i { display: inline-block; *zoom:1;
*display:inline;
vertical-align: middle; width: 16px; height: 16px; background: url(/ue1/images/game/index/2014/bg-icon-logo.png) no-repeat 0 0; line-height: 20em; overflow: hidden; margin: 0 5px; }
.box-follow .t-sohu { background-position: 0 0; }
.box-follow .t-sina { background-position: 0 -16px; }
.box-follow .t-tc { background-position: 0 -32px; }

/*box-tools*/
.box-tools { width: 1000px; margin: auto; position: relative; margin-bottom: 10px; }
.search-result-1 .box-tools, .ranking-1 .box-tools, .ranking-search-result-1 .box-tools { margin-bottom: 0; }
.search-result-1 .main, .ranking-1 .main, .ranking-search-result-1 .main { padding-top: 10px; }
/*breadcrumbs*/
.breadcrumbs { color: #aaa; font-size: 12px; /*background:url(/ue1/images/game/index/2014/bg-x0.jpg) repeat-x 0 0;*/ background: #fff; height: 39px; line-height: 39px; border: 1px solid #cbdde5; width: 968px; padding: 0 15px; margin: auto; position: relative; z-index: 50; /*margin-bottom:10px;*/ }
.breadcrumbs a, .breadcrumbs span { display: inline-block; *zoom:1;
*display:inline;
vertical-align: top; }
.breadcrumbs a { color: #aaa; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs .arrow { margin: 0 2px; /*width:14px; height:39px;*/ /*background:url(/ue1/images/game/index/2014/bg-arrow0.jpg) no-repeat 0 0;*/ }
.breadcrumbs .curr { color: #aaa; }
.search-result-1 .breadcrumbs { border-left: 0; width: 969px; }
/*box-share*/
.box-share { display: block; position: absolute; right: 5px; top: 10px; z-index: 60; }
.box-share .share-box { display: inline-block; *zoom:1;
*display:inline; /*vertical-align:top;*/
line-height: 20px; }

.start-game-box{}
.start-game-box a{ display:block; width:280px; height:40px; font-size:16px; line-height:40px; color:#fff; text-align:center; margin:0 auto; margin-bottom:15px;}
.start-game-box a.start-game-fast-url{ background-color:#39C}
.start-game-box a.start-game-select-sp{ background-color:#9C9}
.start-game-box a.start-game-fast-url:hover{}
.start-game-box a.start-game-select-sp:hover{}

.box-select-hd{ cursor: pointer;}

.link-act-tq{ display: inline-block; position: relative; padding:0 8px; margin-left:10px; margin-bottom:3px; font: normal 14px/24px "MicroSoft YaHei"; color:#fff; vertical-align: middle; white-space: nowrap; background: #ff4f54; border-radius: 2px;}
.link-act-tq .arrow{ overflow: hidden; position: absolute; top:7px; left:-10px; width:0; height:0; border:5px dashed transparent; border-right:5px solid #ff4f54;}


/*update in 20160705 by llr*/
.bt3{ display: inline-block; width:48px; height:22px; background: #fff; border:1px solid #ddd; text-align: center; line-height: 22px; font-size:14px; color:#ff7800; }
a:hover .bt3, .bt3:hover{ background: #ff7800; color:#fff; border-color:#ff7800;}

.comm-mod-hd .more{ float:right; line-height: 40px;}
.comm-mod-hd .more a{ font-size:14px; color:#333;}
.comm-mod-hd .more a:hover{ text-decoration: underline;}

.list-type{ overflow: hidden; *zoom:1;}
.list-type li{ float:left; width:95%; height:30px; overflow:hidden;}
.list-type .ex{ width:100%;}

.box-star-play{}
.box-star-play .channel{ position:absolute; width:148px; background: #fff; border:1px solid #71be03; border-bottom:none; padding-top:1px; border-radius:0 0 3px 3px; display:none;}
.box-star-play .channel a{ display:block; text-align: center; line-height: 48px; border-bottom:1px solid #71be03; font-size:20px; color:#71be03; font-weight:bold;}
.box-star-play .channel a:hover{ background: #71be03; color:#fff;}

.box-star-play-active .bt1{ border-radius:3px 3px 0 0;}
.box-star-play-active .channel{ display:block;}

.mod-game-kf .comm-mod-bd{ border:1px solid #ddd; padding:14px 24px;}

.list-game-kf{ overflow:hidden; *zoom:1;}
.list-game-kf li{ float:left; width:50%; line-height: 24px; padding:6px 0;}
.list-game-kf .con{ display: block; overflow:hidden; *zoom:1; width:72%; font-size:14px; color:#333; padding-left:14px; background: url(/ue/a/game/index/2016/img/sprite.png) no-repeat -218px -410px;}
.list-game-kf .con span{ float:left; margin-right:15px;}
.list-game-kf .con .bt3{ float:right; margin:0;}
.list-game-kf .con .date{ width:100px; margin:0;}
.list-game-kf .con:hover{ background-position: -219px -451px;}

/*update in 20160802 by llr*/
.link-same-name{ display:inline-block; vertical-align: middle; position:relative; *zoom:1; font-size:14px; color:#888; font-weight:normal; margin:0 0 3px 10px;}
.link-same-name .detail{display:none;}
.link-same-name .detail strong{ color:#ff0000;}
.link-same-name .detail .arrow{ width:0; height:0; font-size:0; line-height: 0; border:5px dashed transparent; border-right-style:solid; border-right-color:#f2f2f2; position:absolute; left:-10px; top:50%; margin-top:-5px;}
.link-same-name:hover .detail{ display:inline-block;   position:absolute; line-height: 28px; background:#f2f2f2; border-radius:3px; padding:0 10px; white-space: nowrap; margin:-2px 0 0 12px;}