@font-face { font-family: 'ico-font'; src: url("#"); src: url("#") format("embedded-opentype"), url("/ue/a/ow/index/2017/css/data:application/font-woff;base64,d09grgabaaaaaapmaaoaaaaabdaaaqaaaaaaaaaaaaaaaaaaaaaaaaaaaabpuy8yaaaa9aaaaeiaaabwsafwqmntyxaaaae4aaaapgaaauobaqgnz2x5zgaaaxgaaaccaaaaog8kr/xozwfkaaab/aaaacwaaaa2a3+hwwhozweaaaioaaaahqaaacqarwaiag10eaaaakgaaaamaaaadabgaabsb2nhaaacvaaaaagaaaaiacqaug1hehaaaajcaaaahgaaacabeaaqbmftzqaaanwaaaeqaaacfhjuvudwb3n0aaadqaaaaceaaaa23la92hicy2bkugccwmdkwmegwidjwabkqwhbbkygtgygjgzwzgasicdnnyxbguglqztb6f8/bmygjabibqauiaaaspaffwaaejxjygbgzobggqzgbhbwafiywxwwbg0gzqakgrmygczt//bkrra9p/rupvawmjgqajgzcjf9vabajxybvmaahicjyyxdsiwdavtj0ocev3qnakppqoshdjafa+i/8tnpl0lrvhwedbdausxkahkifllej4wn/1ecdn9qu7p+hcicgqq+nmtmk0iuhqifwr/dutlijkglwzjsgvlf+smzykwgdxbb9ilnwjyj1by7yl6d1nhycyh+tp6hdgb1hdcjkaahicy2bkygaaygvruvl4fpuvdnwmckarhksks3mraacoepdkygaccqdkiqzoejxjygrgyfd6/4+bmugbaqqugbgzuaezaetyamgaaaaaiaaaacaaaaagaaaaaaaaacqauhicy2bkygbgzpadyhbgamiuigrg+a/mmwaac84bowaaejxlkd1uwkauhmf8jcfsghqpkbnvcijsooqa0fpqptbmzy9sr7vekohyghwhr8gpopwgb2lspbpyy8/fzju3uzkahn7hovoebutarqzuqp65sxoqbpgfhdvw8slcod8x7uiny2efj3jndl7rjk4phxad9/gqbtl/fg6rv4tbemk3cif+j3axc/wj+3j1+tvydbktu7le79pinux5u9c23jpcjylh2zrpxnvi6zvahlv5wi+ds1ritaam7oo0naqwzqdjf2yckyzhmigfxcbdfjembkhyczjmobhghiki2kvupv4wbvhsr7tccaggv6kzu3mdjkg0vkwucwqtcebpy7qoacxxciyjtwvw8yypwff/v70dnzh+ge09vwccke9ykq/qo2qns0tcoaaaejxjyglad5gzgbizgjnzilmti5izwfkk8gsygaajswrcaaaa") format("woff"), url("#") format("truetype"), url("#") format("svg"); }
.ico-font { font-family: 'ico-font'; font-weight: normal !important; font-style: normal !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; }
.nav-ico-drop { display: inline-block; font-size: 22px; color: #783e65; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); vertical-align: middle; }

body{ background:#fff; font-size:12px; font-family:'Microsoft YaHei','SimSun'; min-width: 1000px; color: #333; }

input{ outline: none}

a, a:hover{ color: #333}
a:hover{ color: #333; text-decoration: underline;}

.c-tx, .c-tx:hover{ color: #fed9a8}
.c-tx2, .c-tx2:hover{ color: #ffff00}
.c-tx3, .c-tx3:hover{ color: #fff}
.c-tx4, .c-tx4:hover{ color: #aeaeae}
.c-tx5, .c-tx5:hover{ color: #e63a30}
.c-tx6, .c-tx6:hover{ color: #df783b}
.c-tx7, .c-tx7:hover{ color: #999}
.c-tx8, .c-tx8:hover{ color: #ec3f0a}

.bc1{ background-color:#f2b499}
.bc2{ background-color:#999ff2}
.bc3{ background-color:#d199f2}
.bc4{ background-color:#e97272}
.bc5{ background-color:#98e47a}
.bc6{ background-color:#99c5f2}

.ico, .cover{ display: inline-block; overflow: hidden; vertical-align: middle;}

.ico{ background: url(/ue/a/ow/index/2016v2/img/s1.png) no-repeat;}
.ico-hot3{ width: 15px; height: 16px; background-position:-52px -53px; position: absolute; left:3px; top: 50%; margin-top: -8px; display: none;}
.ico-hero{ width:23px; height: 23px; background-position:0 -77px; margin: 0 8px 3px 0; _margin:12px 8px 12px 0}
.ico-hero1{ width:19px; height: 21px; background-position:-25px -79px; margin: 0 8px 3px 0; _margin:18px 8px 18px 0}
.ico-hero2{ width:16px; height: 20px; background-position:-49px -79px; margin: 0 8px 3px 0; _margin:18px 8px 18px 0}
.ico-hero3{ width:17px; height: 21px; background-position:-70px -79px; margin: 0 8px 3px 0; _margin:18px 8px 18px 0}
.ico-hero4{ width:19px; height: 19px; background-position:-72px -52px; margin: 0 8px 3px 0; _margin:18px 8px 18px 0}
.ico-video{ width:18px; height: 21px; background-position:0 -108px; margin: 0 8px 3px 0; _margin:12px 8px 12px 0}
.ico-light{width:19px; height:19px; background-position:0 -309px; margin: 0 5px 3px 0; _margin:12px 5px 12px 0}
.ico-qa{ width:20px; height: 20px; background-position:-22px -108px; margin: 0 8px 5px 0}
.ico-zp{ width:20px; height: 20px; background-position:-70px -109px; margin: 0 8px 5px 0}
.ico-gl{ width:20px; height: 20px; background-position:-45px -109px; margin: 0 8px 5px 0}
.ico-skill1{width:39px; height:41px; background-position:-2px -143px; position:absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px;}
.ico-skill2{width:35px; height:37px; background-position:-50px -144px; position:absolute; left: 50%; top: 50%; margin: -18px 0 0 -17px;}
.ico-skill3{width:34px; height:39px; background-position:-4px -194px; position:absolute; left: 50%; top: 50%; margin: -19px 0 0 -17px;}
.ico-skill4{width:40px; height:41px; background-position:-49px -194px; position:absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px;}
.ico-skin{width:18px; height:15px; background-position:-67px -246px; margin: 0 8px 2px 0;_margin:18px 8px 18px 0}
.ico-worker{width:12px; height:12px; background-position:-27px -309px; margin: 0 5px 2px 0;}
.ico-date{width:12px; height:12px; background-position:-43px -309px; margin: 0 5px 3px 0;}
.ico-comment{width:12px; height:12px; background-position:-61px -309px; margin: 0 5px 2px 0;}
.ico-support{width:32px; height:29px; background-position:-72px -268px; margin: -12px 5px 0 0;}

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


.list-link{ *zoom:1;}
.list-link li{ float: left; margin:0 5px 8px 0;  *position: relative;}
.list-link a{ display: block; white-space: nowrap; border: 1px solid #e5e5e5; color:#333; padding: 0 10px; line-height: 29px; height: 29px; font-size: 12px; border-radius:3px; *display: inline; *zoom:1;}
.list-link a:hover{ text-decoration: none; color: #fff; background: #60cefa; border-color:#60cefa}


.list-news{overflow: hidden;*zoom: 1}
.list-news .item{overflow: hidden;position: relative;*float: left;*width: 100%;font-size: 14px;line-height: 30px; height: 30px}
.list-news .sep{ overflow: hidden; clear: both; height: 28px;}
.list-news .detail, .list-news .sep{ margin-left: 10px;padding-left: 17px;border-left: 1px dotted #eaeaea}
.list-news .date{display: none;position: absolute;left: -2px;top: 1px; width: 26px;height: 26px; line-height:26px; font-size: 12px;text-align: center; background:url(/ue1/a/hs/index/2016v2/img/s1.png) 0 -20px no-repeat; }
.list-news .active .date{display: block;color: #999}
.list-news .item:hover .date, .list-news .hover .date{display: block;color: #333; background-position:-27px -20px}
.list-news .txt{ overflow: hidden;}
.list-news .tag{ float: left; color: #fff; line-height: 16px; height: 16px; font-size: 12px; padding: 0 3px; border-radius:2px; margin: 6px 9px 0 0}
.list-news .tit{ overflow: hidden; font-size: 16px}
.list-news .hot .ico-hot3{display: block;}
.list-news .hot .date{display: none;}


.comm-mod .mod-hd .tit{ position: relative; padding-left:12px; font-weight: bold; font-size: 16px; *zoom:1;}
.comm-mod .mod-hd .sep{ width:5px; height: 17px; background: #333; overflow: hidden; position: absolute; left: 0; top:50%; margin-top: -9px}
.comm-mod .mod-bd{ padding-top: 5px}
.comm-mod .mod-hd .tip{display: inline-block; background:#e63a30; color: #fff; padding: 0 5px; line-height:26px; font-weight: normal; position: relative; margin-left: 5px; border-radius:3px; font-size: 12px;}
.comm-mod .mod-hd .arrow-left{width:0;height:0;line-height:0;border-width:5px;border-style:solid; border-color: transparent #e63a30 transparent transparent; border-style:dashed solid dashed dashed;position:absolute;top:9px;left:-10px;}

.wrap{ background: url(/ue/a/ow/index/2016v2/img/bg-wrap.jpg) center top no-repeat}

.header{ width:1000px; height:490px; margin:0 auto; position:relative; *zoom:1; z-index: 10}
.header-c1 { position: absolute; bottom:106px; left: 0; width: 100%; z-index: 9}

.logo-box { position: absolute; left:80px; width: 300px; top:47px; }
.logo-box .logo { display: block; text-align: center; }
.logo-box .logo:hover { text-decoration: none; }
.logo-box .game-name { display: block; font: normal 176%/1.5 "MicroSoft YaHei","SimHei"; color: #333; padding-top: 10px;}
.logo-box .game-url { display: block; font: bold 123.3%/1.5 "MicroSoft YaHei","SimHei"; color: #333; }

.nav-list .active .nav-con, .nav-list .current .nav-con, .nav-item:hover .nav-con, .nav-con:hover { color: white; background-color: #ffa800; }

.nav-list .active .nav-ico-drop, .nav-list .current .nav-ico-drop, .nav-item:hover .nav-ico-drop, .nav-con:hover .nav-ico-drop { color: #fff; }

.nav-list .first .nav-sub, .nav-item:first-child .nav-sub { margin-left: 0; }
.nav-list .first .nav-con, .nav-item:first-child .nav-con { border-left: 0; }

.nav { position: relative; z-index: 5; padding-right: 220px; background:url(/ue3/a/ow/index/2015/img/sprite.png) repeat-x 0 0; }

.nav-list { display: table; width: 100%; height: 40px; }
.nav-list .active .nav-sub-list { display: block; }
.nav-list a:hover { text-decoration: none; }

.nav-item { display: table-cell; *float: left; position: relative; }
.nav-item:hover .nav-sub-list { display: block; }

.nav-con { display: block; *display: inline; *zoom: 1; overflow: hidden; min-width: 3em; height: 40px; *padding: 0 1em; *min-width: 0; font: normal 150%/40px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #1885c5; }
.nav-con .nav-ico-drop { display: inline-block; position: relative; width: 18px; margin: 0 -.2em 0 .2em;  _margin: 11px -.2em 11px .2em; font-size: 111%; line-height: 18px; color: #fff; vertical-align: middle; }

.nav-sub { position: relative; margin-left: 1px; }

.nav-sub-list { display: none; position: absolute; width: 100%; *width:108px; _width:100%; *zoom: 1; background-color: #ffa800; }
.nav-sub-list .item { *float: left; *width: 100%; }
.nav-sub-list .con { display: block; padding: 1px 0 1px 20%; line-height: 25px; color: white; }
.nav-sub-list .con:hover { padding: 0 0 0 20%; color: white; border-top: 1px solid #db9715; border-bottom: 1px solid #db9715; }

.header-quick-start { overflow: hidden; position: relative; z-index: 2; height: 73px; padding-top: 12px; padding-right: 220px; font-family: "SimSun"}
.header-quick-start .item { float: left; padding: 0 15px; line-height: 30px; color: #c5c5c5; white-space: nowrap; }
.header-quick-start .tit { font-weight: bold; color: #0ef1f8; }
.header-quick-start .con { color: #c5c5c5; }
.header-quick-start .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 85px; background-color: #1c395f; filter: alpha(opacity=87); opacity: 0.87; }

.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search { color: white; }
.header-c2 .search-box .active .nav-ico-search, .header-c2 .search-con:hover .nav-ico-search { color: #fff; }

.header-c2 { position: absolute; z-index: 10; bottom:106px; right: 0; width: 220px; height: 125px; background-color: #385174; }
.header-c2 .link-box { overflow: hidden; *zoom: 1; margin-bottom: 15px; border-bottom: 1px solid #443d99; background-color: #61cffa; }
.header-c2 .link-box .con { float: left; width: 49.9%; margin-left: -1px; font: normal 150%/40px "MicroSoft YaHei"; color: white; text-align: center; border-left: 1px solid #443d99; }
.header-c2 .link-box .con:hover { color: white; text-decoration: none; background-color: #ffa800; }
.header-c2 .link-box1 { margin: 0 20px 8px; color: #fff; font-family: "SimSun"}
.header-c2 .link-box1 .con { color: #fff; }
.header-c2 .search-box { margin: 0 20px; }
.header-c2 .search-con { position: relative; overflow: hidden; height: 24px; padding: 0 28px 0 8px; background-color: #586f91; border-radius: 2px; }
.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 24px; line-height: 24px; margin: 0; padding: 0; color: #cad9ef; border: 0; background: none; }
.header-c2 .txt-search:focus { color: white; }
.header-c2 .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 26px; height: 24px; text-align: center; }
.header-c2 .btn-search .btn { position: absolute; width: 24px; height: 24px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.header-c2 .nav-ico-search { display: inline-block; margin-top:2px; margin-top: 2px\9; font-size:15px; line-height: 24px; color: #cad9ef; }
.header-c2 .shadow { position: absolute; left: -6px; top: 0; width: 6px; height: 125px; background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.4)); background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.6)); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, black); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr='#00000000',endColorStr='#55000000'); }
.header-c3{ background: #fff; width: 100%; position: absolute; left:0; bottom:0; height: 106px;}

.pn-hero-hot{ font-family: "SimSun"}
.pn-hero-hot, .mod-hero-hot .bd{ overflow: hidden; *zoom:1;}
.mod-hero-hot{ width: 50%; float: left; padding-top:15px;}
.mod-hero-hot .hd{ float: left; width: 50px; margin-right:-3px;}
.mod-hero-hot .hd .tit{ width: 15px; height: 67px; padding:5px 5px 0; text-align: center; background: url(/ue3/a/ow/index/2015/img/sprite.png) no-repeat 0 -80px; margin:0 auto; line-height: 1.3; color:#0198ca;}
.mod-hero-hot .hd .tit a{color:#0198ca;}


.content{ background: #fff;}
.main{ float: left; width: 680px}
.side{ float: right; width: 280px}
.main-in{ border: 1px solid #f0eeec;}


.tab-list{ float: left;margin-top:3px; margin-left: 60px}
.tab-list li{ float:left; background:url(/ue1/a/hs/index/2016v2/img/s1.png) -99px 0 no-repeat;}
.tab-list a{ display: block;float: left; height: 35px; line-height: 35px; padding: 0 15px; color: #fff;}
.tab-list .current{ background-color: #fff; color: #333;text-decoration: none;}
.tab-list a:hover{text-decoration: underline; color: #fff}
.tab-list .current:hover{ color: #333}

.more-box a{ display: block; text-align: center; background: #f5f5f5; line-height:25px; color: #999}
.more-box a:hover{color: #000}

.pagination{ position:relative; padding:30px 0 ;}
.pagination ul{ font-size:0; text-align:center; }
.pagination li{ display: inline; margin:0 2px; vertical-align:top}
.pagination li a{ display:inline-block; overflow:hidden; height:25px; color: #333; background-color: #fff; padding:0 12px ;font-size: 14px; border: 1px solid #dddddd; line-height: 32px; height: 32px; border-radius:2px}
.pagination a.current ,.pagination a:hover{ text-decoration:none; border-color: #06a4f3; background:#06a4f3; color: #fff;}
.pagination a.current .ico-arrow3, .pagination a:hover .ico-arrow3{ background-position: -24px -50px;}
.pagination a.current .ico-arrow4, .pagination a:hover .ico-arrow4{ background-position: -36px -50px;}

.side-mod{ padding: 10px 0;}
.side-mod .mod-hd{ background: #644735; line-height: 38px; padding: 0 10px; overflow: hidden; *zoom:1;}
.side-mod .mod-hd .tit{ color: #fff; font-size: 16px; float: left;}
.side-mod .mod-hd .more{ float: right; font-size: 12px}
.side-mod .mod-hd .more a{ display: block;}
.side-mod .mod-bd{ background: #f7f6f5; padding: 10px; *zoom:1;}

.side-mod-tg img{ width: 280px}
.side-mod-race .mod-bd{ line-height: 24px; font-size: 12px}

.crumbs{ font-size:14px; height:40px; line-height:40px; position:relative; background-color:#fff;  overflow: hidden; *zoom:1;color:#999; padding: 5px 0}
.crumbs a{ color:#999;}
.crumbs .c1{ float: left;}
.crumbs .c2{ float: right;}
.crumbs-ex{border-bottom: 1px solid #e9e9e9;height:34px; line-height:34px; color:#333;}
.crumbs-ex a{ color:#333;}

.footer{ background: #50321d; margin-top: 40px}
.footer-in{ width: 1000px; margin: 0 auto; overflow: hidden}
.footer .friendlink{ width:675px; float: left;}
.footer .friendlink .bd{ *zoom:1;}
.footer .team{ float: right; width: 290px;}
.footer .hd{ height:40px; line-height: 40px; overflow: hidden; color: #e4c1a7;}
.footer .hd .tit{ font-weight: bold;font-size: 16px; float: left; }
.footer .hd .more{ float: right;}
.footer .hd .more a, .footer .hd .more a:hover{ color: #e4c1a7;}
.footer .friendlink-in{ padding:5px 30px 20px 15px}
.footer .team-in{  padding:5px 15px 20px 20px}
.footer .friendlink .bd a{ float: left; display: block; height:35px; border:1px solid #754d31; margin-right: -1px; padding: 0 13px; color: #a2785a; line-height: 35px; white-space: nowrap; margin-top: -1px; *position: relative;}
.footer .friendlink .bd a:hover{ color: #e4c1a7}
.footer .team p{ color: #e4c1a7; line-height:22px;}
.footer .team a{ color: #fff}
.footer .team .zp{ display: block; width: 100%; height: 40px;  border:3px solid #a2785a;  text-align: center;font: normal 18px/40px "Microsoft Yahei";margin-top: 10px;}
.footer .team .zp, .footer .team .zp:hover{ color: #e4c1a7;}




.global-footer{ color:#fff; background: #344d6e; padding:20px 0}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#fff; padding: 0 10px}

/* wrap-index */

.fs-row, .fs-sub-row{ overflow: hidden; *zoom:1;}
.fs-row .fs-c1{ float: left; width: 412px}
.fs-row .fs-c2{ float: right; width: 560px;}
.fs-sub-row{border: 1px solid #e2e2e2; margin-top: -1px}
.fs-sub-row .fs-sub-c1{ float: left; width:270px; padding:18px 15px 15px;}
.fs-sub-row .fs-sub-c2{ float: right; width:220px; padding:18px 15px 15px; border-left: 1px solid #e2e2e2}
.fs-sub-row .fs-sub-c3{ padding:19px 15px 15px;}

.firstscreen{ padding: 15px 0 0}

.fs-mod-topnews{ padding: 6px 0 20px; text-align: center;}
.fs-mod-topnews .tit{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.fs-mod-topnews .tit a{ display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 24px; font-weight: bold;}
.fs-mod-topnews .links{ padding-bottom:8px; margin-top: 8px; font-size: 14px;}

.firstscreen .fs-mod-news { overflow: hidden; position: relative;}
.firstscreen .fs-mod-news .tab-hd{ margin-bottom: 10px }
.firstscreen .fs-mod-news .tab{ *zoom:1;}
.firstscreen .fs-mod-news .tab-item{ float: left; width: 33.3%; position: relative;}
.firstscreen .fs-mod-news .tab-con{ display: block; text-align: center; line-height: 40px; font-size: 16px; border-right: 1px solid #fff;background-color: #f4f4f4;}

.firstscreen .fs-mod-news .current a{ background-color: #344d6e;}
.firstscreen .fs-mod-news .current a, .firstscreen .fs-mod-news .current a:hover{ color: #fff;}
.firstscreen .fs-mod-news .current .arrow-down{ display: block;}
.firstscreen .fs-mod-news .tab-bd { padding-top: 10px; }
.firstscreen .fs-mod-news .ft{padding: 15px 0;}

.firstscreen .fs-mod-focus { overflow: hidden; position: relative; height: 272px; background-color: #282830; }
.firstscreen .fs-mod-focus a { display: block; }
.firstscreen .fs-mod-focus a:hover { text-decoration: none;}
.firstscreen .fs-mod-focus .focus-item { position: absolute; width:362px}
.firstscreen .fs-mod-focus .focus-item img { width: 100%;}
.firstscreen .fs-mod-focus .focus-nav { position: absolute; z-index: 5; right: -1px; top:0; width: 201px}
.firstscreen .fs-mod-focus .focus-nav a { display: block; font-size: 16px; color: #fff; font-size: 16px; line-height: 24px; height: 48px; padding:10px 10px 10px 15px}
.firstscreen .fs-mod-focus .focus-nav .t1, .firstscreen .fs-mod-focus .focus-nav .t2{ display: block;}
.firstscreen .fs-mod-focus .focus-nav .t1{ font-weight: bold;}
.firstscreen .fs-mod-focus .focus-nav a:hover { text-decoration: none;}
.firstscreen .fs-mod-focus .focus-nav .current { background-color: #60cefa; }
.firstscreen .fs-mod-focus .mask{ left: auto; right: 0; top:0; width: 200px; z-index: 2; background: #fff;filter: alpha(opacity=10); opacity: .1; }

.firstscreen .fs-mod-hot .mod-bd{ padding-top:10px; overflow: hidden; *zoom:1;}
.firstscreen .fs-mod-hot .code{float: left; width: 110px; margin-right:10px;}
.firstscreen .fs-mod-hot .box-download{overflow: hidden; *zoom:1; padding-top: 5px}
.firstscreen .fs-mod-hot .box-download a{border-radius: 5px; height:44px; border: 1px solid #e5e5e5; background:#f7f7f7; color: #c7c7c7; margin-bottom: 10px;}
.firstscreen .fs-mod-hot .box-download a,.box-download .t1,.box-download .t2{display: block; text-align: center; line-height: 1.3}
.firstscreen .fs-mod-hot .box-download a:hover,.firstscreen .fs-mod-hot .box-download a:hover .t1{color: #fff; text-decoration: none;}
.firstscreen .fs-mod-hot .box-download .btn-ios:hover{background:#60cefa}
.firstscreen .fs-mod-hot .box-download .btn-android:hover{background:#99cd74}
.firstscreen .box-download .t1{font-size: 16px; color: #28beec; padding-top: 5px;}
.firstscreen .box-download .btn-android .t1{color:#99cd74}

.firstscreen .fs-mod-link{ margin-top: 32px}
.firstscreen .fs-mod-pic .mod-bd{ padding-top:8px; *zoom:1;}

.firstscreen .fs-mod-race .mod-bd{ padding: 15px 0 6px 15px}
.firstscreen .fs-mod-tg img{ width: 260px; height: 90px; display: block;}

.firstscreen .fs-mod-hznews .hd .tit{color:#60cefa; font-size: 20px;}
.firstscreen .fs-mod-hznews .hd .tit img{display: inline-block; vertical-align: middle; margin: 0 5px 3px 0}
.firstscreen .fs-mod-hznews .bd{padding-top: 15px;}

.table-sc{width: 100%; text-align: center;}
.table-sc th{font-weight: bold; color: #fff; background:#344d6e; padding: 0 8px;line-height:32px;  text-align: center;}
.table-sc td{border-bottom: 1px dotted #e2e2e2; padding: 0 10px; line-height:30px; }
.table-sc td img{display: inline-block; margin: 0 5px 3px 0; vertical-align: middle;}
.table-sc .odd td{background:#fbfbfb}
.table-sc .hover td{background:#B8C1CE}

.comm-pn{ margin-top: 20px; overflow: hidden;}
.comm-pn .pn-hd .tit{font-weight: bold; font-size: 22px;}
.comm-pn .pn-hd{position: relative; height: 50px; line-height: 50px;}
.more{position: absolute; right: -10px; top: 0; color:#999; font-size: 12px;}
.more a{padding: 0 15px;}
.more a:hover{color: #333}
.mod-hero{border: 1px solid #e7e7e7; background:#f4f4f4; padding:0 0 0 15px; overflow: hidden; *zoom:1;}
.mod-hero .c1{float: left; margin:15px 5px 15px 0; padding-right: 15px; width:177px; border-right: 1px dashed #d6d6d6}
.mod-hero .c2{float: right; width:785px; padding: 15px 0; height:200px; overflow: auto;}

.mod-hero .hd .tit{font-size: 16px; line-height: 40px;}
.mod-hero .mod-search .search-con { overflow: hidden; position: relative; height: 28px; padding: 0 30px 0 8.28px; border: 1px solid #c6c6c6; border-radius: 13.8px; background-color: #fff; }
.mod-hero .mod-search .txt-search { width: 100%; height: 28px; line-height: 28px\9; font-size: 116.7%; color: #999; border: 0; }
.mod-hero .mod-search .txt-search:focus,.mod-hero .mod-search .active { color: #000; }

.mod-hero .mod-search .btn-search { position: absolute; top: 0; right: 0; overflow: hidden; width: 28px; height: 28px; text-align: center; }
.mod-hero .mod-search .btn { position: absolute; width: 28px; height: 28px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.mod-hero .mod-search .ico-font-search { display: inline-block; margin-top: 4px; margin-top: 2px\9; font-size:18px; line-height: 24px; color: #c6c6c6; }

.mod-hero .mod-tab { margin-top: 20px; }
.mod-hero .mod-tab .bd { overflow: hidden; *zoom: 1; }
.mod-hero .mod-tab .check-item { overflow: hidden; float: left; width: 33.33%; *margin-left: -2px; white-space: nowrap; cursor: default; line-height: 22px;}
.mod-hero .mod-tab .check-item input { margin: 0 2px 3px 0; vertical-align: middle; }

.avatar, .avatar img{display: block;}
.comm-list .txt{display: block;}
.comm-list .tit{display: block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}

.list-hero{overflow: hidden; *zoom:1; padding:10px 0;}
.list-hero li{float: left; margin: 5px 12px 20px; width:60px; }
.list-hero li img{border:1px solid #1b3149}
.list-hero .txt{display: block; width: 100%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; text-align: center;}


.mod-hero-tab{margin: 30px 0}
.mod-hero-tab .tab-pn{border: 1px solid #eee; border-top: 0}
.comm-tab{overflow: hidden; *zoom:1; height: 60px;}
.comm-tab li{float: left; width: 25%; height: 60px; position: relative;}
.comm-tab .first a{border-left: 1px solid #e7e7e7;}
.comm-tab .last a{border-right: 1px solid #e7e7e7;}
.comm-tab li a{display: block; text-align: center; color: #333; font-size:18px; font-weight: normal; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; border-right: 1px solid #f4f4f4; height: 58px; line-height: 58px; background:#f4f4f4}
.comm-tab li .ico{opacity: .5;filter: alpha(opacity=50);}
.comm-tab li a:hover{font-weight: bold;text-decoration: none;}
.comm-tab .current a{font-weight: bold; border-top:4px solid #60cefa; height: 56px; line-height: 56px; background: #fff; border-right: 1px solid #e7e7e7;  border-bottom:0;}
.comm-tab .current .sep{height: 100%; margin-top: 0; top: 0}
.comm-tab li a:hover .ico,.comm-tab .current .ico{opacity:1;filter: alpha(opacity=100); }
.comm-tab li .sep{width: 1px; height:22px; position: absolute; left: -1px; top: 50%; margin-top: -11px; overflow: hidden; background:#e7e7e7}
.comm-tab .first .sep{display: none;}
.box-hero{width: 302px; padding: 15px; float: left;}
.box-hero .c1{overflow: hidden; *zoom:1;}
.box-hero .c1 .avatar{float: left; margin:5px 20px 0 0;}
.box-hero .c1 .text-box{overflow: hidden; *zoom:1;}
.box-hero .c1 .name a{color: #333; font-weight: bold; font-size: 20px;}
.box-hero .c1 .tag{font-size: 0; padding: 10px 0}
.box-hero .c1 .tag a{color: #fff; font-size: 12px; background:#999ff2; display: inline-block; margin: 0 1px; border-radius: 3px; padding: 0 8px; line-height: 1.7}
.box-hero .c1 .links{margin-left: -10px; color:#999}
.box-hero .c1 .links a{color: #0068b7;padding: 0 10px;}
.box-hero .c2{padding: 15px 0; border-bottom: 1px solid #eee}
.box-hero .c3{padding:5px 0}
.box-hero .more1{margin-top: 10px;}
.box-hero .more1 a{display: block; background:#f4f4f4; color: #999;;text-align: center; line-height:25px;}
.news-list li{position: relative; background: url(/ue/a/ow/index/2016v2/img/dot.gif) no-repeat left center;line-height: 24px; height: 24px; padding-left: 10px;}
.news-list li .txt{width: 80%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.news-list li .txt a{color: #333}
.news-list li .date{position: absolute; right: 0; top: 0; line-height: 24px; color: #999}

.pn-video{overflow: hidden; *zoom:1;}
.pn-video .col-l{width: 672px; float: left;}
.pn-video .col-r{width: 300px; float: right; }

.video-tab{position: absolute; left:140px; top:6px; _top:10px; font-size: 0}
.video-tab li{display:inline-block; *display: inline; *zoom:1; font-size: 14px; margin: 0 2px;}
.video-tab li a{display:inline-block; color: #999; padding: 0 15px; line-height:30px;}
.video-tab li a:hover,.video-tab .current a{color: #fff; background:#60cefa; text-decoration: none;}

.video-list{position: relative; margin: 15px -5px; *zoom:1;}
.video-list:before{content: ' '; display: table;}
.video-list:after{content: ' '; display: table; clear: both;}

.video-list li, .video-list .item{float: left; margin: 0 5px 15px; *display: inline; width: 160px; position: relative;}
.video-list img{display: block;}
.video-list .cover{width: 160px; height: 90px; background: url(/ue/a/ow/index/2016v2/img/cover.png);_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue/a/ow/index/2016v2/img/cover.png',enabled=true,sizingMethod=scale);  position: absolute; left: 0; top: 0}
.video-list .txt{display: block; height: 40px; line-height: 20px; overflow: hidden; padding-top: 5px; width: 160px;}
.video-list a{color: #333}
.video-list a:hover .cover{display: none; _filter:none; position: static;}

.video-list-ex{ margin: 20px -17px 15px;}
.video-list-ex li{width: 225px;  float: left; margin: 0 16px 15px 17px;}
.video-list-ex li img{width: 225px; height: 127px;}
.video-list-ex .cover{width:225px; height: 127px; background-image: url(/ue/a/ow/index/2016v2/img/cover1.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue/a/ow/index/2017/css/img/cover1.png',enabled=true,sizingMethod=scale); }
.video-list-ex .txt{white-space: nowrap; text-overflow:ellipsis; font-size: 14px; width: 100%; height: 20px;}
.video-list-ex .info{color:#999; padding-top: 3px; display: block; overflow: hidden; *zoom:1;}
.video-list-ex .info span{display: inline-block; height: 20px; line-height: 20px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           }
.video-list-ex a:hover{text-decoration: none;}


.list-item .avatar{display: block;}
.list-item .avatar img{display: block;width: 100%;}
.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;}

.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 { width: 99.5%; font-size: 14px; overflow: hidden;margin:0 auto;}
.gb-plist .txt .tit{ height:3.14em; line-height: 1.57}
.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{overflow: hidden; *zoom:1; position: relative; margin: 15px -7px;}
.comm-plist li{float: left; margin: 0 7px 15px 6px; *display: inline; width: 240px; position: relative;}
.comm-plist li img{display: block;}
.comm-plist li .txt{display: block; height: 40px; font-size: 14px; line-height: 20px; overflow: hidden; padding-top: 5px;}
.comm-plist li a{color: #333}
.comm-plist li a:hover .cover{display: none;}

.comm-plist1{}
.comm-plist1 .list-item { width: 66px; margin:0 9px 0 0;}
.comm-plist1 .avatar img, .comm-plist1 .avatar .mask{ width:60px; height:53px;}
.comm-plist1 .avatar img{ border:3px solid #042631;}
.comm-plist1 .art-item-pt:hover .avatar img{border-color:#0ef1f8;}
.comm-plist1 .txt .tit{ font-size: 12px; text-align: center; height: 1.57em;}


.mod-vidoe-rank{border: 1px solid #e7e7e7}
.mod-vidoe-rank .hd{background:#f4f4f4; height:50px; line-height: 50px; overflow: hidden; *zoom:1; }
.mod-vidoe-rank .hd .tit{padding-left: 20px; font-weight: bold; font-size:16px; float: left; width: 50%;}

.rank-tab{overflow: hidden; *zoom:1; height:52px; width: 82px; float: right;}
.rank-tab li{width:40px; float: left; text-align: center; border-left: 1px solid #e7e7e7; font-size: 14px; height: 52px;}
.rank-tab li a{display: block; color:#999; padding-top: 4px; line-height:47px; height:47px;}
.rank-tab .current a{border-top:4px solid #60cefa; padding-top: 0; background: #fff; color: #333}

.rank-list{padding: 15px 15px 0;}
.rank-list li{height: 25px; line-height: 25px; position: relative; overflow: hidden; *zoom:1; margin-bottom:15px; font-size: 14px}
.rank-list li .num{width: 25px; height: 25px; overflow: hidden; float: left; margin-right: 10px; background:#e6eaec; color: #999; text-align: center; border-radius: 50%;}
.rank-list li a{color: #999}
.rank-list li a:hover{color: #fe9822}
.rank-list li .txt{overflow: hidden; *zoom:1;}
.rank-list li .tit{width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.rank-list .top .num{background:#fe9822; color: #fff;}
.rank-list .top a{color: #333}

.pn-qa{overflow: hidden; *zoom:1; background:#fafafa; border: 1px solid #e7e7e7;}
.mod-news{width: 301px; float: left; padding: 15px; border-left: 1px solid #e7e7e7; margin-left: -1px;}
.mod-news .hd{font-size:18px; position: relative; height: 32px; line-height: 32px;}
.mod-news .hd .more{line-height: 32px;}
.mod-news .bd{padding-top: 10px;}
.mod-news .news-list .sep{height: 1px; overflow: hidden; margin: 10px 0; border-bottom: 1px dotted #e9e9e9}
.mod-news .news-list li a{color: #000}

.mod-join{float: left; width: 560px;}
.mod-join a{ display: block; height: 152px; padding:0 0 0 25px; background: url(/ue3/a/ow/index/2015/img/bg2.png) no-repeat; text-align: center; line-height: 144px; color:#fff; font-size: 34px; font-weight:bold;}
.mod-join a:hover{ text-decoration: none; color:#fff;}

.mod-about{ background: url(/ue2/a/ow/index/2015/img/bg1.png) repeat; overflow: hidden; *zoom:1;width: 400px; float: right; height: 104px; padding: 22px 0}
.mod-about .c1{ float: left; width: 127px; padding-top:40px;}
.mod-about .c2{ overflow: hidden; *zoom:1; border-left:1px dashed #fe9822; padding-left:20px;}
.bt-contact{ display: block; width: 80px; margin:0 auto; text-align: center; font-size: 16px; color:#fe9822;}
.bt-contact:hover{color:#fe9822;}
.list-info li{line-height:1.8}

.comm-pn1{margin: 30px 0}
.comm-pn1 .pn-hd{ border-bottom:1px solid #d8d8d8; margin-bottom:12px;line-height:40px; position: relative;}
.comm-pn1 .pn-hd .tit{font-size: 18px; border-bottom:1px solid #3288e9; margin-bottom:-1px; display: inline-block; *display:inline; *zoom:1; padding: 0 5px;}
.pn-friends .pn-bd{ overflow: hidden; *zoom:1; margin:0 -8px;}
.pn-friends .pn-bd a{display: inline-block; padding: 0 8px 8px; font-size: 14px;}

.comm-pn2{ padding:20px; border: 1px solid #efefef; border-top: 0}
.comm-pn2 .hd{font-size: 18px; position: relative; padding-left: 12px; height:40px; line-height:40px;}
.comm-pn2 .hd .tit{font-weight: bold;}
.comm-pn2 .hd .sep{position: absolute; left: 0; top: 50%; margin-top:-10px; width: 5px; height: 20px; background:#61cffa; overflow: hidden;}
.pn-light {margin-bottom:40px;}
.pn-light .pn-bd{border: 1px solid #e7e7e7; padding:13px;}


.mod-hero-summary{background: url(/ue/a/ow/index/2016v2/img/bg1.png) no-repeat; padding: 20px; height: 344px;font-size: 14px; margin-bottom: 15px;}
.mod-hero-summary .c1{float: left; width:190px; padding: 0 20px 0 10px; text-align: center; border-right: 1px dashed #6b83ac}
.mod-hero-summary .avatar{width: 152px; height: 152px; margin: 0 auto}
.mod-hero-summary .avatar img{border-radius: 50%; border: 3px solid #000}
.mod-hero-summary .name{font-size:24px; font-weight: bold; color: #fff; line-height: 2.2}
.mod-hero-summary .name a{color: #fff;}
.mod-hero-summary .tag{padding: 5px 0 20px}
.mod-hero-summary .tag a{ display: inline-block; color: #04e4ff; font-size: 14px; border: 1px solid #6b7f98; border-radius: 3px; margin: 0 2px; padding: 0 5px;}
.mod-hero-summary .tag a:hover{background:#6b7f98; color: #fff; text-decoration: none;}
.mod-hero-summary .prg{overflow: hidden; *zoom:1;}
.mod-hero-summary .prg .item{float: left; width: 34px; margin: 0 6px; position: relative;}
.mod-hero-summary .prg .per{width: 100%; position: absolute; text-align: center; top: 2px; left: 0; font-size: 18px;}
.mod-hero-summary .prg .txt{font-size: 14px; color:#bfbfbf; line-height: 28px; *padding-top:30px;}
.mod-hero-summary .prg .item1 .per{color:#04e4ff}
.mod-hero-summary .prg .item2 .per{color:#ead040}
.mod-hero-summary .prg .item3 .per{color:#e05cf4}
.mod-hero-summary .prg .item4 .per{color:#fea025}
.mod-hero-summary .c2{width:650px; float: right; color: #fff;}
.mod-hero-summary .c2 .bd{padding: 10px 0 40px; position: relative;}
.skill-list {position: absolute; left:105px; top: -40px; *width:540px;}
.skill-list .item{float: left; position: relative; margin: 0 8px; *width: 85px; z-index: 9}
.skill-list .item a{color: #fff;}
.skill-c1{width:60px; height: 60px; display: block; margin: 0 auto; background:#fe8e43; border-radius: 50%; position: relative;}
.skill-c2{display: block; height:30px; line-height:30px;}
.skill-list .tooltip{position: absolute; left:80px; top:70px; height:100px; padding: 5px 0; z-index:-1; opacity: 0; overflow: hidden; *zoom:1; transition:top .2s; -webkit-transition:top .2s; display: none\0; width: 0; overflow: hidden;}
.skill-list .tooltip .t1{display: block; font-weight: bold; font-size:16px; line-height: 30px; padding: 0 15px;}
.skill-list .tooltip .t2{display: block; color: #c9c9c9;padding: 0 15px;}
.skill-list .hover{z-index: 999}
.skill-list .hover a .tooltip{ top: 35px; opacity: 1; width: 320px; text-decoration: none; z-index: 9; display: block\0}
.mod-hero-summary .btn{text-align: right; padding-top:30px;}
.mod-hero-summary .btn a{display: inline-block; border: 1px solid #627ba6; border-radius: 5px; color: #1ec7e5; font-weight: bold; text-align: center; font-size: 18px; line-height:43px; margin: 0 3px; padding: 0 25px;}
.mod-hero-summary .btn a:hover{background:#1ec7e5; color: #fff; text-decoration: none;}


.comm-pn2 .col-l{float: left; width:260px;}
.comm-pn2 .col-l .bd,.comm-pn2 .col-r .bd{padding: 10px; background:#ececec; margin-top: 15px;}
.comm-pn2 .col-r{float: right; width:655px;}
.comm-pn2 .col-r .bd{padding:0; overflow: hidden; *zoom:1;}
.txt-box p{padding-bottom:15px; line-height:2;}
.list-pics{overflow: hidden; *zoom:1; margin: 0 -8px 16px;}
.list-pics li{float: left; width: 66px; margin:0 8px; display: inline;}
.mod-dj{padding: 0 5px}
.mod-dj .hd{padding: 0 0 10px 0}
.skin-tab{float: left; width:275px; height: 505px; *zoom:1;}
.skin-tab li{border-bottom: 1px dotted #f5f5f5; *float: left;}
.skin-tab li a{display: block; background:#e7e7e7; padding:6px 15px; overflow: hidden; *zoom:1; }
.skin-tab li a:hover,.skin-tab .current a{background:#555555; color: #fff; text-decoration: none;}
.skin-tab li .avatar{float: left; width: 50px; margin-right: 12px;}
.skin-tab li .txt{float: left; width:105px; line-height: 50px; font-size:16px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.skin-tab li .num{float: right; width:60px;line-height: 50px; font-weight: bold; font-size: 16px;}
.skin-tab li a:hover .ico-skin,.skin-tab .current a .ico-skin{background-position:0 -246px;}
.skin-tab .item2 .ico-skin{background-position:-22px -246px;}
.skin-tab .item3 .ico-skin{background-position:-45px -246px;}
.skin-tab .item4 .ico-skin{background-position:-45px -265px;}

.comm-pn2 .col-r .tab-pn{overflow: hidden; *zoom:1;}

/*scroll-pane*/
.scroll-pane{ overflow-y:auto;}
.jspContainer{ overflow:hidden;	position:relative;}
.jspPane{ position:absolute}
.jspVerticalBar{ position:absolute; top:0; right:5px;width:4px; height:100%; }
.jspHorizontalBar{ position:absolute; bottom:0;	left:0;	width:100%;	height:16px}
.jspVerticalBar *, .jspHorizontalBar *{	margin:0; padding:0}
.jspCap{ display:none}
.jspHorizontalBar .jspCap{ float:left}
.jspTrack{position:relative; background:#aeaeae}
.jspDrag{ background:#555555; position:relative; top:0; left:0; cursor:pointer}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float:left; height:100%}
.jspArrow{ background:#50506d; text-indent:-20000px; display:block;	cursor:pointer}
.jspArrow.jspDisabled{ cursor:default; background:#80808d}
.jspVerticalBar .jspArrow{ height:16px}
.jspHorizontalBar .jspArrow{ width:16px; float:left; height:100%}
.jspVerticalBar .jspArrow:focus{ outline:none}
.jspCorner{ background:#eeeef4;	float:left;	height:100%}
* html .jspCorner{ margin: 0 -3px 0 0}

/* Slider */
.slick-list{ position: relative; overflow: hidden; display: block;}
.slick-list:focus{ outline: none; }
.slick-track { display: block;position: relative; left: 0; top: 0; *zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track,.slick-loading .slick-slide{ visibility: hidden; }
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;  }
.slick-slide img,.slick-initialized .slick-slide { display: block;}
.slick-loading img { display: none; }

.focus-wrap{position: relative;width: 300px;height:435px;margin:35px auto 0; }
.focus .slick-list{_width: 300px; }
/*txt*/
.focus .focus-item{position: relative;*zoom:1;display: block;}
.focus .pic-box,.focus .txt-box,.focus .txt-in{display: block;}
.focus .txt-box{position:absolute;bottom: 0; left: 0;width: 100%;z-index:11;overflow: hidden;}
.focus .txt-in{padding:10px 200px 10px 20px;color: #fff; font:normal 16px/1.5 "Microsoft Yahei"; }
.focus .mask{position: absolute; z-index: -1;left:0; top:0; width:100%;background-color: #000;opacity: .8;filter: alpha(opacity=60); height: 75px;}

/* Arrows */
.focus .slick-prev,.focus .slick-next {position: absolute;z-index:1001;top: 50%;display: block;height:30px;width: 15px;line-height: 0;font-size: 0;
	cursor: pointer;border: none;outline: none;background:url(/ue/a/ow/index/2016v2/img/s1.png) no-repeat;margin-top: -15px;}
.focus .slick-disabled{opacity: 0.25;filter: alpha(opacity=25);}
.focus .slick-prev{left:-25px;background-position:-1px -269px;}
.focus .slick-next{right:-25px;background-position: -23px -269px;}

/* Dots */
.focus .slick-dots{ position: absolute;z-index:1001; bottom: 6px; list-style: none; display: block; text-align: center; right: 0;}
.focus .slick-dots li{ position: relative; float: left;  margin: 0px 5px; padding: 0px; cursor: pointer;}
.focus .slick-dots li span {border: 0;background:#333;float: left; display: block; height: 30px; width: 30px;line-height:30px;outline: none; font-size: 12px;color: #fff; cursor: pointer; outline: none; }
.focus .slick-dots .slick-active span{background-color: #f00}

.slick-past-wrap{position: relative;width: 880px;height:134px; margin: 0 auto; padding-left: 10px}
.slick-past-wrap .slick-list{_width:880px;}
.slick-past-wrap .video-list{margin: 0}
.slick-past-wrap .video-list .item{margin: 0}
/* Arrows */
.slick-past .slick-prev,.slick-past .slick-next {position: absolute;z-index:12;top: 0;display: block;height:132px;width: 28px; cursor: pointer;background:url(/ue/a/ow/index/2016v2/img/s1.png) no-repeat;}
.slick-past .slick-prev{left:-45px;background-position: 0 -337px; }
.slick-past .slick-prev:hover{background-position:-30px -337px;}
.slick-past .slick-next{right:-35px;background-position: -89px -337px; }
.slick-past .slick-next:hover{background-position:-59px -337px;}
.slick-past .slick-disabled{ opacity: 0.5; }


/*the subpage*/
.mb20{ margin-bottom:20px;}
.sub-area{ overflow:hidden; *zoom:1; min-height: 500px; padding:30px 0; border: 0}
.sub-area-ex{padding:0;}
.sub-area-c1{ width:660px; float:left;background: #fff;}
.sub-area-c2{ width:300px; float:right; overflow: hidden;}
.sub-area-c2 .comm-pn1, .side-pn-zt{ margin-bottom:20px;}
.sub-area-c2 .side-pn-stra{ margin-bottom:10px;}
.list-item{overflow: hidden; *zoom:1; }
.art-item-c1{float: left;}
.art-item-c2{overflow: hidden; *zoom:1;}

.list-article .list-item{padding: 14px 0; border-bottom:1px dotted #e2e2e2;}
.list-article .list-item:hover{background-color:#f6f6f6;}
.list-article .art-item-c1{ width:180px;  margin-right: 15px;}
.list-article .art-item-c2 .txt{ line-height: 20px; height: 60px; overflow: hidden; color: #999; padding: 5px 0}
.list-article .tit {width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-article .tit a{ font-weight: normal; font-size:20px;}
.list-article .tit a:hover{text-decoration: none; color:#60cefa}
.list-article .list-item:hover, .comm-ptlist-ex-ex .hover{ background-color: #f6f6f6}
.list-article .art-item-c2 .info{ margin-top:5px; color: #999}
.list-article .art-item-c2 .info span{padding-right: 15px}


.comm-pn1-hd{ border-bottom:1px solid #d8d8d8; margin-bottom:12px;line-height:40px;}
.comm-pn1-hd .tit{font-size: 18px; border-bottom:1px solid #3288e9; margin-bottom:-1px; display: inline-block; *display: inline; *zoom:1;}

.comm-plist-ex2{width: 320px; margin: 0}
.comm-plist-ex2 .list-item { width: 140px; margin:10px 20px 10px 0;}
.comm-plist-ex2 .avatar img, .comm-plist-ex2 .avatar .mask{ width: 140px; height: 105px;}
.comm-plist-ex2 .txt{padding: 5px 0; height: 36px; overflow: hidden;}
.comm-plist-ex2 .txt .tit{ font-size: 12px;}

.comm-plist-ex2-ex .avatar img, .comm-plist-ex2-ex .avatar .mask{ width: 140px; height: 80px;}
.comm-plist-ex2-ex .ico-video-sm{ top:25px;}

.comm-ptlist .list-item{}
.comm-ptlist .art-item-c1 { width: 140px; margin:0;}
.comm-ptlist .art-item-c1 img{ *vertical-align: baseline;}
.comm-ptlist .art-item-c2{ padding:0 15px; background-color: #f6f6f6; height: 105px;line-height: 22px;}
.comm-ptlist .art-item-c2 .txt{ font-size: 12px; height:66px; overflow: hidden; padding-top:10px; }
.comm-ptlist .art-item-tit .tit{margin-bottom:10px;}
.comm-ptlist .tit a{ font-size: 18px; font-weight: bold;}

.side-pn-recomm .comm-ptlist .tit a{ font-size: 14px;}
.side-pn-recomm .comm-ptlist .art-item-c1{ width:120px; }
.side-pn-recomm .comm-ptlist .art-item-c1 img, .side-pn-recomm .comm-ptlist .art-item-c2{ height: 90px;}
.side-pn-recomm .comm-tlist{ margin-top:10px;}

.side-mod-join{ margin-top:25px;}
.side-mod-join a{ display: block; width: 270px; height: 105px; padding:0 0 0 30px; background: url(/ue2/a/ow/index/2015/img/bg4.png) no-repeat; text-align: center; line-height: 100px; color:#fff; font-size: 34px; font-weight:bold;}
.side-mod-join a:hover{ text-decoration: none; color:#fff;}


.comm-tlist .list-item { line-height: 28px;}
.comm-tlist .sep { margin-bottom: 10px; padding-bottom: 11px; border-bottom: 1px dotted #d1d1d1; }
.comm-tlist .c-tx1{ margin-right:5px;}
.comm-tlist .art-item-c1{ font-size: 12px; color:#999;}
.comm-tlist .tit{ font-size: 14px; width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.pn-race{border: 1px solid #eee;}
.pn-race-in {overflow: hidden; *zoom:1; padding:20px 0; font-size: 14px;}
.pn-race-in .item { float: left; padding: 0 20px; margin-bottom: 8px; line-height:24px; color: #c5c5c5; white-space: nowrap; }
.pn-race-in .tit{color: #fff; background:#385174; border-radius: 15px; padding: 0 10px; display: inline-block; vertical-align: middle;}
.pn-race-in a{color: #666; padding: 0 10px;}
.pn-race-in a:hover{color: #333;}


.side-mod .bd{padding:5px 0 0}
.side-mod-qr{background:#61cffa; padding:15px 0 0; text-align: center; color: #fff;font-size: 14px; }
.side-mod-qr .mod-hd, .side-mod-qr .mod-bd{background:#61cffa;}
.side-mod-qr .mod-hd h3{font-weight: bold; font-size: 24px; line-height: 1.4}
.side-mod-qr .mod-hd h4{color:#dfdfdf; line-height: 1.5}
.side-mod-qr .mod-bd{padding:0 10px;}
.side-mod-qr .item{float: left; margin:10px; }
.side-mod-qr .item img{display: block; margin-bottom: 5px;}


.side-mod-hot .sub-tit{margin:5px 0 15px; font-size: 14px;}
.side-mod-hot .sub-tit span{background: #ededed; display: inline-block; font-weight:bold; line-height: 24px; padding: 0 10px;}
.side-mod-hot .links{font-size: 0;}
.side-mod-hot .links a{border: 1px solid #e5e5e5; color:#666; padding: 0 20px; display: inline-block; line-height: 30px; margin:0 -1px -1px 0; font-size: 14px; position: relative; *zoom:1;}
.side-mod-hot .links a:hover{background:#e5e5e5; text-decoration: none;}

.side-mod-tg1 img{width: 100%; display: block;}

.rank-list1{padding:5px 0;}
.rank-list1 .list-item{margin-bottom: 10px; height: 22px;}
.rank-list1 .art-item-c1{width:22px; position: relative; z-index: 3}
.rank-list1 .art-item-c1 .num{width:20px; height: 20px; line-height: 20px; text-align: center; color:#999;font-size: 14px;}
.rank-list1 .avatar{float: left; display: none;}
.rank-list1 .game-info{overflow: hidden; *zoom:1; padding:0 5px 0 10px; position: relative;}
.rank-list1 .top .num{color: #ff9000}
.rank-list1 .date{display: none;}
.rank-list1 .active{background:#f5f5f5; height: 80px; border-bottom: 1px solid #ececec}
.rank-list1 .active .art-item-c1{width: 28px;}
.rank-list1 .active .art-item-c1 .num{height:80px; background: #ff9000; color: #fff; font-weight: bold; line-height: 80px; width: 28px;}
.rank-list1 .active .avatar{margin:10px 0 0 10px;width:105px; display: block; _display: inline;  }
.rank-list1 .name{font-size: 14px; width: 100%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.rank-list1 .active .name{padding:8px 0 0 0; height: 40px; white-space:normal;}
.rank-list1 .active .date{padding-top:2px; color: #999; display: block;}
.rank-list1 a:hover{text-decoration: underline;}

.pn-column{background: #f7f7f7; border: 1px solid #eee; border-top: 0; padding:20px;}
.pn-column{overflow: hidden; *zoom:1; padding:20px;}
.pn-column-c1{width:670px; float: left; padding-right: 20px; border-right: 1px dashed #e3e3e3; overflow: hidden; *zoom:1;}
.pn-column-c2{overflow: hidden; *zoom:1;}
.pn-column .avatar{width: 140px; float: left; margin-right: 20px;}
.pn-column .info{overflow: hidden; *zoom:1;}
.pn-column .info h3{font-weight:bold; font-size:16px; padding-bottom:8px}
.pn-column .info h4{font-size:14px; color: #666; line-height: 1.7}
.pn-column .support{width:174px; height: 64px; color: #666; border: 1px solid #f19149; border-radius: 50px; margin: 0 auto; text-align: center; background: #fff; cursor: pointer;}
.pn-column .num{font-size: 24px; color:#f19149; padding-top:8px; line-height: 1.3}
.pn-column .support:hover{background:#f19149; color: #fff}
.pn-column .support:hover .ico-support{background-position: -112px -268px;}
.pn-column .support:hover .num{color: #fff}
.pn-column .share-box{padding: 15px 0 0 20px; }
.pn-column .gb-share .gb-share-title{font-size: 12px; color: #666}

.mod-video{border-top: 1px solid #eee; padding-top:20px;}
.mod-video .hd{position: relative;}
.mod-video .hd .tit{padding-right:400px; font-weight:bold; font-size:22px;}
.mod-video .hd .tags{color: #666; position: absolute; right: 0; top: 0}
.mod-video .hd .tags a{color:#0068b7; border: 1px solid #e5e5e5; display: inline-block; line-height:26px; margin: 0 0 0 5px; padding: 0 10px;}
.mod-video .hd .tags a:hover{background:#38abea; border-color: #38abea; color: #fff; text-decoration: none;}
.mod-video .bd{ padding-top: 15px;}

.video-tit{font-weight:bold; font-size: 22px; padding: 30px 0 15px}
.pn-comment{border-top: 1px solid #eee; padding: 15px 0}

.pn-master{overflow: hidden; *zoom:1;}
.pn-master .pn-hd{background:url(/ue/a/ow/index/2016v2/img/bg-hd.jpg); height: 120px; float: left; width:38px; }
.pn-master .pn-hd .tit{font-size:16px; font-weight: bold; padding:20px 10px 0; color: #fff; line-height: 1.3}
.pn-master .pn-bd{width:961px; border: 1px solid #e7e7e7; border-left: 0; float: left; background:#f4f4f4; padding: 10px 0; height:98px; height: 98px; overflow: hidden;}
.master-list{margin: 0 0 0 5px;}
.master-list li{width: 75px; float: left; margin: 0 10px;}
.master-list li img{width: 75px; height: 75px; border-radius: 50%;}
.master-list li .txt{display: block; text-align: center; height: 24px; white-space: nowrap; text-overflow:ellipsis; width: 100%;}
.master-list li a{color:#666}
.master-list li a:hover{color:#000}

.ico-rl{width:19px; height: 19px; background: url(/ue2/a/ow/index/2016v3/img/ico-rl.png) no-repeat; margin: 0 6px 3px 0}
.ico-user{width:14px; height: 14px; background: url(/ue1/a/ow/index/2016v3/img/sp.png) no-repeat -95px -2px; margin: 0 6px 3px 0}
.ico-eye{width:17px; height: 12px; background: url(/ue1/a/ow/index/2016v3/img/sp.png) no-repeat -117px 0; margin: 0 6px 3px 0}
.ico-live{width:22px; height: 22px; background: url(/ue1/a/ow/index/2016v3/img/sp.png) no-repeat -229px 0; margin: 0 6px 3px 0; _margin: 12px 6px 12px 0}

.wrap{width: 100%; overflow: hidden;}
.wc{ width: 1000px; margin-left: auto; margin-right: auto;}
.header{height: 680px;}
.header-c1{bottom: 296px;}
.header-c2{bottom: 296px;}
.header-c3-ex{height: 296px;}
.mod-hero-search{border: 1px solid #e2e2e2;height: 294px; background:#f4f4f4;}
.mod-hero-search .c1{overflow: hidden; *zoom:1; padding: 19px 20px; background:#e9e9e9}
.mod-hero-search .form-search{width:315px; float: left; overflow: hidden; *zoom:1;}
.mod-hero-search .form-tit{width:75px; float: left; padding-right: 10px; font-size:16px; line-height: 32px;}
.mod-hero-search .form-input{width:183px; float: left; border-radius: 20px; background: #fff; border: 1px solid #d5d5d5; padding: 0 35px 0 10px; position: relative; height:30px;}
.mod-hero-search .search-input{background: none; border: none; width: 100%; height:30px; line-height: 30px\9; color: #b5b5b5}
.mod-hero-search .search-input:focus {color: #333}

.header-c3 .btn-search{overflow: hidden; position: absolute; right:6px; top:2px; width: 26px; height: 24px; text-align: center;}
.header-c3 .btn-search .btn{position: absolute; width: 24px; height: 24px; opacity: 0; filter:alpha(opacity=0); cursor: pointer;}
.header-c3 .nav-ico-search{display: inline-block; margin-top: 2px;font-size: 15px; line-height: 24px; color: #cfd0d4;}
.mod-hero-search .hero-type{width: 635px; float: right;}
.mod-hero-search .hero-type .check-item{display: inline-block; padding:0 13px; white-space: nowrap; cursor: default; line-height: 32px; font-size: 14px; color: #333}
.mod-hero-search .hero-type .check-item input{margin: 0 2px 3px 0; vertical-align: middle;}

.mod-hero-search .c2{margin:20px 0 20px 10px; height: 180px; width: 978px;}
.mod-hero-search .c2 .list-hero li{margin: 0 10px 20px; *display: inline;}
.mod-hero-search .c2 .list-hero{padding: 0}

.race-list{margin: 0 -15px 0 0; *padding-bottom: 12px; _padding-bottom:0;}
.race-list li{width:256px; float: left; margin:11px 15px 11px 0; position: relative; height: 113px; z-index: 4}
.race-list li a{display: block; color: #fff}
.race-list li a:hover{text-decoration: none}
.race-list li span{display: block;}
.race-list li .pic{position:absolute; width: 256px; height:113px; z-index: -1}
.race-list li .txt-box{padding: 10px;}
.race-list li .tit{font-size:26px; font-weight: bold; line-height:1.5;}
.race-list li .txt{font-size:16px; line-height: 1.5; height: auto; padding-top: 0; padding-bottom: 5px}
.race-list li .btn-go{border-radius: 10px; background: #3d54c5; width:50px; line-height: 20px; height: 20px; text-align: center; font-size:16px; transition:all .3s ease-out;}
.race-list li .btn-go em{font-family: "Simsun"; font-style:normal;}
.race-list li a:hover .btn-go{margin-left:80px;}

.pn-jx{position: relative; overflow: visible; z-index: 5; padding-top:22px}
.pn-jx .bg{width: 1920px; height:282px; position: absolute; left: 50%; top: 0; margin-left:-960px; background: url(/ue2/a/ow/index/2016v3/img/bg-scroll.jpg) no-repeat center center; z-index: -1}
.pn-jx .more{right: 0}
.pn-jx .more a{padding: 0 5px; font-size: 14px;}

.jx-list{padding-top: 15px;}
.jx-list .item{width:230px; float: left;}
.jx-list .item .txt{display: block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:16px; height: 40px; line-height: 40px; text-align: center;}
.jx-list .item img{display:block; margin: 0 auto}
.slick-past-wrap1{width: 1000px; height:180px; padding-left: 0;}
.slick-past-wrap1 .slick-list{_width:1000px; }
.slick-past-wrap1 .slick-prev, .slick-past-wrap1 .slick-next{width:36px; height: 69px; background: url(/ue1/a/ow/index/2016v3/img/sp.png) no-repeat; position: absolute; cursor: pointer; top:45px;}
.slick-past-wrap1 .slick-prev{left: -45px;}
.slick-past-wrap1 .slick-next{background-position: -44px 0; right: -45px;}

.pn-jx .search-box{height:50px; width:412px; border-radius:5px; background:#eee; margin:0 auto;}
.pn-jx .search-con{position: relative; padding-left:95px; padding-right: 10px; float: left; width:255px; z-index: 5;}
.pn-jx .search-txt{width:100%; height: 50px; *height: 50px; line-height: 50px\9; border: none; background:none; color: #999; font-size: 16px;}
.pn-jx .search-txt:focus {color: #333}

.pn-jx .search-con .search-type{position: absolute; left:0; top:0; width: 90px; text-align: center;  *zoom:1;}
.pn-jx .search-con .list-search-type{ display: none;}
.pn-jx .search-con .list-search-type li a{display: block; *zoom:1; background:#eee; padding-right: 17px; line-height: 50px; font-size: 16px;}
.pn-jx .search-con .list-search-type li a:last-child{border-radius: 0 0 5px 5px}
.pn-jx .search-con .search-type:hover .list-search-type, .pn-jx .search-con .hover .list-search-type{display: block;}
.pn-jx .search-con .search-type .arrow{width:0;height:0;line-height:0;border-width:8px 7px;border-style:solid; border-color: #313131 transparent transparent transparent; border-style:solid dashed dashed dashed; display: inline-block; margin:4px 0 0 6px; _margin:14px 0 14px 6px; vertical-align: middle;}
.pn-jx .search-con .search-type:hover .arrow, .pn-jx .search-con .hover .arrow{border-color:transparent transparent #313131 transparent; border-style:dashed dashed solid dashed; margin:0 0 10px 6px;_margin:10px 0 17px 6px;}
.pn-jx .search-con .search-type .selected{height:50px; line-height:50px; overflow: hidden; font-size: 16px; border-radius:5px 0 0 0;}
.pn-jx .search-con .search-type:hover .selected{background:#cfcfcf}
.pn-jx .search-form{position: relative; z-index: 99}
.pn-jx .search-form button{background:#60cefa; border: 0; cursor: pointer; width:50px; height: 50px; text-align: center; float:right; border-radius: 0 5px 5px 0}
.pn-jx .search-form button:hover{background:#70d2f9}
.pn-jx .nav-ico-search{font-size: 25px; color: #fff}



.slick-past-wrap .video-list, .video-list{margin: 0 -13px 30px;}
.slick-past-wrap .video-list{_margin: 0 0 30px}
.slick-past-wrap .video-list{margin-bottom: 0}
.video-list li, .video-list .item{width:230px; height: auto; margin:13px 13px 5px;}
.video-list img{width:230px; height: 130px; display: block; margin: 0 auto}
.video-list .txt{width:230px; font-size: 14px; margin: 0 auto}
.video-list .cover1{background: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -moz-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000'); width:230px; height: 130px; overflow: hidden; left: 50%; top: 0; margin-left: -115px; color: #fff; position: absolute; z-index: 6}
.video-list .txt-box{display: block; padding:100px 10px; line-height: 30px; height: 30px; font-size: 14px;}
.video-list .txt-box .c1{display: block; width: 60%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; float: left;}
.video-list .txt-box .c2{display: block; width: 40%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; float: left; text-align: right;}
.pn-video{overflow: visible;}
.pn-video .slick-past-wrap1 .slick-prev, .pn-video .slick-past-wrap1 .slick-next{width:40px; height: 60px; background: url(/ue1/a/ow/index/2016v3/img/sp.png) no-repeat; position: absolute; cursor: pointer; top:50px;}
.pn-video .slick-past-wrap1 .slick-prev{left: -10px; background-position: -142px 0}
.pn-video .slick-past-wrap1 .slick-next{background-position: -184px 0; right: -10px;}

.slick-past-wrap1 .video-list{padding-top: 15px;}
.video-list .item .txt{text-align: center; height: 22px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.fs-sub-row .fs-sub-c3{padding-bottom:5px}
.fs-sub-c3 .fs-mod-hot .mod-bd{padding-top: 0}
.list-news .sep{height:13px;}
.more-box a{line-height:37px;}
.pn-hd .tit .sub-tit{color:#999; font-size: 14px; font-weight: normal; padding-left: 5px;}
.btn-back{width:140px; height: 40px; line-height:40px; text-align: center; color:#ffd744; position: absolute; top:198px; right: 0; z-index: 9; font-size:16px; overflow: hidden;}
.btn-back .mask{background: #385174; border-radius: 5px;}
.btn-back:hover{text-decoration: none; color: #fff}

.pn-float{width:70px; position: fixed; _position: absolute; top:305px; left: 50%; margin-left: 550px; z-index: 99}
.pn-float a{display: block; width: 70px; height:58px; border-radius: 50%; color: #fff; font-size:16px; background:#4eb3ed; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; margin-top: 10px; text-align: center; padding-top: 12px; line-height: 1.3}
.pn-float a:hover, .pn-float .active{background:#ffa800; text-decoration: none; color: #fff}
.pn-float .btn-gotop{padding-top: 25px; height: 45px}


/*scroll-pane*/
.scroll-pane{overflow-y:auto;}
.jspContainer{ overflow:hidden;	position:relative;}
.jspPane{ position:absolute}
.jspVerticalBar{ position:absolute; top:0; right:0;	width:7px; height:100%;overflow-y: hidden; }
.jspHorizontalBar{ position:absolute; bottom:0;	left:0;	width:100%;	height:16px}
.jspVerticalBar *, .jspHorizontalBar *{	margin:0; padding:0}
.jspCap{ display:none}
.jspHorizontalBar .jspCap{ float:left}
.jspTrack{ background:#ebebeb; position:relative}
.jspDrag{ background:#bcbcbc; position:relative; top:0; left:0; cursor:pointer}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float:left; height:100%}
.jspArrow{ background:#bcbcbc; text-indent:-20000px; display:block;	cursor:pointer}
.jspArrow.jspDisabled{ cursor:default; background:#bcbcbc}
.jspVerticalBar .jspArrow{ height:16px}
.jspHorizontalBar .jspArrow{ width:16px; float:left; height:100%}
.jspVerticalBar .jspArrow:focus{ outline:none}
.jspCorner{ background:#eeeef4;	float:left;	height:100%}
* html .jspCorner{ margin: 0 -3px 0 0}

.pn-coser .pn-bd{ padding-bottom: 0px;}
.slick-coser{width:100%; height: 490px; margin: 0 auto; padding: 0; overflow: hidden;}
.slick-coser .slick-list{width: 3006px; position: absolute; left: 50%; top: 0; margin-left: -1503px;}
.slick-coser .past-item{ display: block; position: relative; margin: 0 2px 0 1px; color: #fff; font-size: 18px; width: 331px}
.slick-coser .past-item .detail{ position: absolute; left: 0; width: 100%; bottom: 0; z-index: 2; height: 90px}
.slick-coser .past-item .tit{ display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding: 0 10px; margin-top: 48px;}
.slick-coser .past-item .shade{ overflow:hidden;position:absolute;z-index:-1;width: 100%; height: 90px; top: 0;left: 0;
background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 1));
background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 1));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 1));
background: linear-gradient(top, transparent, rgba(0, 0, 0, 1));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000');}
.slick-coser img{width:331px; height: auto; max-height: 448px;}
.slick-coser .slick-past .slick-prev,.slick-coser .slick-past .slick-next{background: url(/ue/a/ow/index/2017/img/sp.png) no-repeat; width:65px; height: 112px; top:50%; margin-top: -56px; z-index: 99; }
.slick-coser .slick-past .slick-prev{left: 50%; margin-left: -535px; background-position:0 -100px;}
.slick-coser .slick-past .slick-next{left: 50%; margin-left: 465px; background-position: -70px -100px;}
.slick-coser .mask-l, .slick-coser .mask-r{ filter: alpha(opacity=85); opacity: .85; background:#fff; height: 448px; width:1920px; z-index: 2;}
.slick-coser .mask-l{ left: 50%; margin-left:-2422px;}
.slick-coser .mask-r{ left: 50%; margin-left:502px;}
.slick-coser .slick-dots{ position: absolute; width: 100%; text-align: center; bottom: 0; left: 0; font-size: 0;}
.slick-coser .slick-dots li{ display: inline-block; margin: 0 12px; cursor: pointer;}
.slick-coser .slick-dots span{ width: 16px; height: 16px; display:block; background: #bebebe; border-radius: 100%}
.slick-coser .slick-dots .slick-active span{ background: #60cefa}

.pn-jx1{ height: 260px;}

.mod-rank { margin-top: 10px!important;}cqw