.row, .art-item, .art-item-c2, .rank-list .active .text-box, .pn1 .pn-bd, .pn-fs-hero, .pn-fs-hero .c3, .pn-hero .pn-bd, .pn-hero .pn-bd .col-r, .pn-comm, .pn-hero-data .col-l .mod-search .bd, .pn-hero-data .col-l .mod-hero-rmd .bd, .pn-hero-data .col-l .mod-hero-rmd .text-box, .pn-hero-data .col-r, .tips .c1, .tips .c1 .text-box, .pn-hero-info, .pn-hero-info .col-l .mod-info-c1, .pn-hero-info .col-l .mod-info-c1 .text-box, .pn-hero-info .col-l .mod-info-c1 .text-box .mater-box .item, .pn-hero-info .col-l .mod-attr .bd, .pn-hero-info .col-l .mod-fw .bd .item, .pn-hero-info .col-l .mod-fw .bd .item .text-box, .pn-hero-info .col-r .video-list .art-item-c2 .info, .pn-prop .col-r, .mod-hero-info .c1, .mod-hero-info .c1 .text-box, .goods-list li, .goods-list li .text-box, .pn-footer-c1, .pn-footer-c1 .item-ex, .mod-guide-c1 .links, .mod-tab-hero .tab-pn-con, .mod-tab-hero .hero-info, .hero-attr-c1 .item, .hero-attr-c1 .item-c2, .hero-attr-c1 .item-c2 .num, .mod-tab-sc, .main, .mod-art-guide, .mod-art-guide .text-box { overflow: hidden; *zoom: 1; }

.sub-content, .comm-list, .comm-plist, .pic-list, .hero-list1, .pn-hero .pn-bd .mod-tab .bd, .cz-list-ex, .pn-math, .mod-math, .mod-math .item .item-c2, .pn-fs, .act-list, .act-list .item, .pn-hero-search .pn-bd, .mod-tab-hero, .hero-attr, .mod-tab-sc .bd, .mod-tab-sc .mod-video .comm-vlist, .tab-hero, .pn-news, .zq-side-plist1 { *zoom: 1; }
.sub-content:before, .comm-list:before, .comm-plist:before, .pic-list:before, .hero-list1:before, .pn-hero .pn-bd .mod-tab .bd:before, .cz-list-ex:before, .pn-math:before, .mod-math:before, .mod-math .item .item-c2:before, .pn-fs:before, .act-list:before, .act-list .item:before, .pn-hero-search .pn-bd:before, .mod-tab-hero:before, .hero-attr:before, .mod-tab-sc .bd:before, .mod-tab-sc .mod-video .comm-vlist:before, .tab-hero:before, .pn-news:before, .zq-side-plist1:before { display: table; content: ""; }
.sub-content:after, .comm-list:after, .comm-plist:after, .pic-list:after, .hero-list1:after, .pn-hero .pn-bd .mod-tab .bd:after, .cz-list-ex:after, .pn-math:after, .mod-math:after, .mod-math .item .item-c2:after, .pn-fs:after, .act-list:after, .act-list .item:after, .pn-hero-search .pn-bd:after, .mod-tab-hero:after, .hero-attr:after, .mod-tab-sc .bd:after, .mod-tab-sc .mod-video .comm-vlist:after, .tab-hero:after, .pn-news:after, .zq-side-plist1:after { display: table; content: ""; clear: both; }

.comm-tab li, .pn-hero .hero-list1 li, .pn-hero-data .col-r .hero-list li, .pn-prop .col-m .pic-list li { display: inline-block; *display: inline; *zoom: 1; }

.content { width: 1000px; margin: 0 auto; }

.ico-play, .ico-play1, .mod-math .item .item-c2 .box-score .btn-play, .table-math .btn-play, .mod-guide-c2 .comm-list .item .tip, .skin-list a, .mod-zt-pic .cover .btn-go, .comm-plist1 .cover { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.comm-list li .tit, .comm-tlist li .tit, .comm-plist .item .tit, .pic-list li .tit, .rank-list .txt, .pn-hero-data .col-l .mod-hero-rmd .text-box .tit, .mod-math .item .item-c1, .mod-math .item .item-c2 .box-team .tit, .mod-guide-c1 .links, .act-list .art-item-c2 .tit, .mod-tab-sc .mod-news h3.tit, .list-news1 li .tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; *width: 100%; }

body { min-width: 1000px; font: normal 14px/1.5 "MicroSoft YaHei"; background: #fff; }

a { color: #333; }

.avatar, .avatar img { display: block; }

.fz14 { font-size: 14px; }

.fz12 { font-size: 12px; }

.fz16 { font-size: 16px; }

.fz18 { font-size: 18px; }

.c-tx1 { color: #eb6100; }

.c-tx2 { color: #666; }

.c-tx3 { color: #d79234; }

.c-tx4, a.c-tx4 { color: #999; }

.c-tx5, a.c-tx5 { color: #31b45a; }

.c-tx6 { color: #e63a30; }

.mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .5; filter: alpha(opacity=50); z-index: -1; }

:root .mask { -webkit-filter: none \0; filter: none \0; }

.wrap { background-image: url(#); background-repeat: no-repeat; background-position: center top; }

.content { padding-top: 20px; padding-bottom: 20px; }

.ico { display: inline-block; vertical-align: middle; overflow: hidden; background: url(/ue/a/pvp/index/2017/img/sprite.png); }

.ico-search { width: 38px; height: 32px; position: absolute; left: 0; top: 0; cursor: pointer; }

.ico-star { width: 15px; height: 14px; background-position: -39px 0; margin: 0 3px 3px; }

.ico-video { width: 36px; height: 36px; background-position: 0 -36px; position: absolute; left: 50%; top: 50%; margin: -18px 0 0 -18px; }

.ico-video1 { width: 40px; height: 40px; background-position: -246px -115px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; }

.ico-clock { width: 10px; height: 10px; background-position: -56px 0; margin: 0 3px 2px 0; }

.ico-xz { width: 24px; height: 24px; background-position: 0 -75px; margin: 0 5px 3px 0; }

.ico-gl { width: 24px; height: 24px; background-position: -24px -75px; margin: 0 5px 3px 0; }

.ico-play { width: 10px; height: 12px; background-position: -54px -21px; position: absolute; left: 55%; top: 50%; margin: -6px 0 0 -5px; }

.ico-play1 { width: 5px; height: 8px; background-position: -49px -36px; position: absolute; left: 58%; top: 50%; margin: -4px 0 0 -3px; }

.ico-data { width: 38px; height: 28px; background-position: 0 -116px; }

.ico-plane { width: 35px; height: 28px; background-position: -43px -117px; }

.ico-prize { width: 22px; height: 28px; background-position: -88px -116px; }

.ico-cloth { width: 35px; height: 28px; background-position: -118px -116px; }

.ico-gift { width: 27px; height: 28px; background-position: -161px -116px; }

.ico-talk { width: 38px; height: 28px; background-position: -198px -117px; }

.ico-hot { width: 11px; height: 16px; background-position: -43px -47px; position: absolute; top: -8px; right: -11px; }

.ico-num { width: 20px; height: 13px; background-position: -199px -157px; position: absolute; bottom: -5px; left: 50%; margin-left: -9px; z-index: -1; display: none; }

.ico-search1 { width: 14px; height: 14px; background-position: -223px -157px; position: absolute; left: 3px; top: 6px; cursor: pointer; }

a:hover .ico-play { background-position: -43px -21px; }

a:hover .ico-play1 { background-position: -43px -36px; }

.ico-comment { width: 14px; height: 13px; background-position: -272px -159px; }

a:hover .ico-comment { background-position: -299px -159px; cursor: pointer; }

.ico-share { width: 11px; height: 13px; background-position: -287px -159px; }

a:hover .ico-share { background-position: -314px -159px; cursor: pointer; }

.sub-content { padding-top: 10px; }
.sub-content .col-l { width: 700px; float: left; }
.sub-content .col-r { width: 270px; float: right; }

.art-item-c1 { float: left; }

.comm-list li { float: left; }
.comm-list li .tit { display: block; text-align: center; }

.comm-tlist li { padding-bottom: 7px; }
.comm-tlist li .tit a { color: #666; }
.comm-tlist li .tit a:hover { color: #d79234; }

.comm-plist .item { float: left; position: relative; }
.comm-plist .item .cover { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 5; }
.comm-plist .item .tit { display: block; text-align: center; }
.comm-plist a .tit { color: #ccc; }
.comm-plist a:hover .tit { color: #fff; text-decoration: underline; }

.comm-vlist .item { margin-bottom: 15px; }
.comm-vlist .item .avatar { position: relative; }
.comm-vlist .item img { border-radius: 6px; width: 160px; height: 90px; }
.comm-vlist .item .mask { opacity: 0.2; filter: alpha(opacity=20); border-radius: 6px; }
.comm-vlist .item .txt { display: block; padding-top: 5px; }
.comm-vlist .item .cover { z-index: 4; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.comm-vlist .item a:hover { text-decoration: underline; }
.comm-vlist .item a:hover .cover { display: none; }
.comm-vlist .art-item, .comm-vlist .art-item-c1, .comm-vlist .art-item-c2 { display: block; }
.comm-vlist .art-item-c1 { margin-right: 10px; width: 160px; }

.pic-list { margin-right: -14px; }
.pic-list li { width: 73px; float: left; margin-right: 14px; text-align: center; }
.pic-list li img { width: 65px; height: 65px; border-radius: 50%; margin: 4px; display: inline-block; }
.pic-list li a:hover img, .pic-list li.current img { margin: 0; border: 4px solid #eb6100; }
.pic-list li .tit { display: block; }
.pic-list li .tooltip { display: none; }

.hero-list1 { margin: 0 -7px; }
.hero-list1 li { width: 66px; height: 66px; margin: 0 7px; position: relative; }
.hero-list1 li .txt { height: 24px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 4; line-height: 24px; }
.hero-list1 li a { color: #ccc; }
.hero-list1 li a:hover .tit { color: #fff; text-decoration: underline; }

.rank-list li { position: relative; margin-bottom: 10px; }
.rank-list .art-item-c1 { width: 15px; margin-right: 10px; }
.rank-list .art-item-c1 .num { position: relative; z-index: 5; }
.rank-list .art-item-c1 .num em { display: block; width: 18px; height: 18px; font-size: 12px; border-radius: 50%; background: #f5f5f5; color: #666; text-align: center; }
.rank-list .avatar { display: none; }
.rank-list .avatar img { border-radius: 3px; width: 100px; height: 56px; }
.rank-list .txt { line-height: 18px; }
.rank-list .active .art-item-c1 { position: absolute; left: 3px; top: 3px; }
.rank-list .active .art-item-c2 { background: #f5f5f5; }
.rank-list .active .text-box .txt { white-space: normal; padding: 8px 10px; line-height: 1.5; height: 38px; overflow: hidden; }
.rank-list .active .text-box .txt a { color: #666; }
.rank-list .active .avatar { display: block; width: 100px; float: left; }
.rank-list .active .num em { background: #f79a2e; color: #fff; }
.rank-list .active .num .ico-num { display: block; }
.rank-list a:hover { text-decoration: underline; }

.check-item { padding: 4px 0; color: #666; display: block; }
.check-item input { vertical-align: middle; margin: 0 5px 3px 0; }

.comm-tab { border-bottom: 3px solid #e0e0e0; line-height: 46px; height: 46px; margin-right: -33px; }
.comm-tab li { border-bottom: 3px solid #e0e0e0; margin-right: 33px; font-size: 16px; }
.comm-tab .current { border-bottom-color: #3589dd; font-weight: bold; }
.comm-tab .current a { color: #3589dd; }

.mod-rank-video .hd { border-radius: 5px; background: #3589dd; color: #fff; line-height: 38px; padding: 0 8px; position: relative; margin-top: 10px; }
.mod-rank-video .hd .tit { font-weight: bold; font-size: 16px; }
.mod-rank-video .hd .more { position: absolute; right: 8px; top: 0; }
.mod-rank-video .hd .more a { color: #fff; }

.pn { padding-top: 30px; }
.pn .pn-hd { padding-bottom: 15px; position: relative; }
.pn .pn-hd .tit { font-weight: bold; font-size: 20px; }
.pn .pn-hd .sep { width: 6px; height: 20px; background: #333; vertical-align: middle; margin: 0 5px 3px 0; overflow: hidden; display: inline-block; }
.pn .pn-hd .sub-tit { color: #999; padding-left: 6px; font-weight: normal; font-size: 14px; }
.pn .pn-hd .sub-tit a { color: #999; }
.pn .pn-hd .sub-tit a:hover { color: #333; text-decoration: underline; }
.pn .pn-hd .more { position: absolute; right: 0; top: 0; line-height: 30px; font-size: 16px; }
.pn .pn-hd .more a { color: #999; }
.pn .pn-hd .more a:hover { color: #333; text-decoration: underline; }

.pn-fs-hero { background: url(/ue/a/pvp/index/2017/img/bg-hero.jpg) no-repeat; height: 134px; position: relative; }
.pn-fs-hero .cell { float: left; padding: 5px 20px 0; position: relative; }
.pn-fs-hero .c1 { width: 546px; }
.pn-fs-hero .c2 { width: 230px; }
.pn-fs-hero .c3 { float: none; }
.pn-fs-hero .hd { padding: 8px 0 15px; }
.pn-fs-hero .hd .tit { font-weight: bold; color: #bbdaf5; }
.pn-fs-hero .sep { width: 1px; height: 66px; background: #305371; overflow: hidden; position: absolute; right: 0; bottom: 0; }
.pn-fs-hero .more { display: block; position: absolute; right: 0; top: 0; height: 134px; background: #143a5a; color: #999; width: 30px; text-align: center; }
.pn-fs-hero .more span { display: block; padding: 30px 5px 0; line-height: 1.4; }
.pn-fs-hero .more:hover { background: #288ed9; color: #fff; }

.pn-hero .pn-hd { padding-bottom: 0; }
.pn-hero .pn-bd { background: #f5f5f5; }
.pn-hero .pn-bd .col-l { width: 240px; float: left; padding: 20px 0; }
.pn-hero .pn-bd .col-r { height: 380px; overflow-y: auto; border-left: 1px dashed #e0e0e0; padding: 20px 0px 0 10px; }
.pn-hero .pn-bd .mod-search { padding: 0 20px 25px; }
.pn-hero .pn-bd .mod-search .hd { padding-bottom: 10px; }
.pn-hero .pn-bd .mod-search .hd .tit { font-weight: bold; color: #666; }
.pn-hero .pn-bd .mod-search .search-con { overflow: hidden; position: relative; height: 28px; padding: 0 30px 0 10px; border: 1px solid #e0e0e0; border-radius: 13.8px; background-color: #fff; }
.pn-hero .pn-bd .mod-search .txt-search { width: 100%; padding: 4px 0; color: #999; border: 0; outline: 0; }
.pn-hero .pn-bd .mod-search .txt-search:focus, .pn-hero .pn-bd .mod-search .active { color: #333; }
.pn-hero .pn-bd .mod-search .btn-search { position: absolute; top: 0; right: 0; overflow: hidden; width: 28px; height: 28px; }
.pn-hero .pn-bd .mod-search .btn { position: absolute; width: 28px; height: 28px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.pn-hero .pn-bd .mod-tab { padding: 0 20px; }
.pn-hero .pn-bd .mod-tab .hd { padding-bottom: 5px; }
.pn-hero .pn-bd .mod-tab .hd .tit { font-weight: bold; color: #666; }
.pn-hero .pn-bd .mod-tab .bd .check-item { width: 33.3%; float: left; }
.pn-hero .hero-list1 { margin: 0; }
.pn-hero .hero-list1 li { width: 14.2%; height: auto; margin: 0 0 15px; }
.pn-hero .hero-list1 li img { width: 80px; height: 80px; margin: 0 auto; }
.pn-hero .hero-list1 li .txt { position: relative; padding-top: 8px; display: block; }
.pn-hero .hero-list1 li .txt .tit { color: #333; }
.pn-hero .hero-list1 a:hover { text-decoration: underline; }

/* 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; }

.slick-past-wrap { position: relative; }

.global-footer { color: #666; background: #222; }

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

.zq-w-container { width: 1000px; margin-left: auto; margin-right: auto; }

@font-face { font-family: 'icofont'; src: url("#"); src: url("#") format("embedded-opentype"), url("#") format("truetype"), url("/ue/a/pvp/index/2017/css/data:application/font-woff;base64,d09grgabaaaaaaiaaasaaaaacdqaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabpuy8yaaabcaaaagaaaabgdxif2wntyxaaaafoaaaavaaaafqxvtklz2fzcaaaabwaaaaiaaaacaaaabbnbhlmaaabxaaabgaaaargyehifmhlywqaaaykaaaangaaadylxxdlaghlyqaablwaaaakaaaajafca8pobxr4aaaggaaaacqaaaakggad9gxvy2eaaaakaaaafaaaabqcsgpobwf4caaabrgaaaagaaaaiaaeafzuyw1laaag2aaaayyaaaggmuoj+3bvc3qaaahgaaaaiaaaacaaawaaaamdqwgqaauaaakzaswaaacpapkczaaaaesamwejaaaaaaaaaaaaaaaaaaaaaraaaaaaaaaaaaaaaaaaaaaaqaaa6qqdwp/aaeadwabaaaaaaqaaaaaaaaaaaaaaiaaaaaaaawaaaamaaaacaaeaawaaabwaawabaaaahaaeadgaaaakaagaagacaaeaioke/3/waaaaaaioka/3/wab/+mxbaadaaeaaaaaaaaaaaaaaaeaaf/aa8aaqaaaaaaaaaaaaiaadc5aqaaaaabaaaaaaaaaaaaagaanzkbaaaaaaeaaaaaaaaaaaacaaa3oqeaaaaaagaa/8aeaapaabcakwaaat4bntquaimidgivfb4cmzi2nwe3asiuaju0pgizmh4cfq4darohjt1oje9pjgg9pwimtzpjmaezgp2gmltekczdxdq1w0qmaildwqfmmgw+t4xopt1oje9pjgg9hr3+xmabiczewzuyw0qojkncndnarsgafactaqadbqkaaamabwalaa8aewaxabsahwajaccakwawadqaoaa8aeaarabiaewauqaaezmvizczfsmlmxujnzmviyezfsm3mxujmtmvizczfsmxmxujnzmvizezfsm3mxujntczfsm3mxujizmvizczfsmjmxujnzmviymzfsmjmxujna1aqebaqaiaqebaqed9webaqebaqebaqebaqebaqebaqebawebaqebagebaqebagebaqebaqebaqebaaobaqebaqebaqebaqebaqebaqebaqmbaqebaqebaqebaqeaafafnagaczqmgaamabwalaa8aewaxabsahwakackalqaxaduaoqa9aeeargblae8auwaaatmvizezfsmrmxujmtmviwmzfsmxmxujjzmvizezfsmnmxujnruzfsm1izmvizezfsmxmxujmtmviyczfsmxmxujjzmvizuvmxujnsczfsmnmxujao1aqebaqebaqebaqebaqebaqebaqebaqebaqebawebaqebaqebaqebaqebaqebaqebaaybaqp5aqeacgebaqebaqebaqebaqecaqedaqedaqebaqebaqibaaaaafafnagaczqmgaamabwalaa8aewaxabwaiqalackalqaxaduaoqa+aemarwblae8auwaajtmvizuzfsmrmxujntmvixmzfsm1mxujnzmvizu1mxujntsbfsm1mxujnzmvizuzfsmdmxujntmvixczfsm1ntmvizuxmxujntmvizsbfsm7arujau1aqebaqebaqebaqebaqebaqebaqebaqebaqebawebaqebaqebaqebaqebaqebaqebaoecaqajaqiba/gbagebaqebaqebagebaqibaaqbagebaqebaqecaqibaqeaaabqarqeaa20cgaadaacacwapabmafwabab8aiwanacsamaa0adgapabaaeqasabmafeaaaezfsmnmxujjtmviyczfsmlmxujjzmvizuzfsmnmxujntmviyczfsm1mxujjzmvizuhmxujjzmvizczfsmnmxujnzmviyczfsm3mxujnzmvizudlubaqeba/gbaqebaqajaqebaqebaqebaqebaqebaqebaqedaqebaqecaqebaqecaqebaqebaqebaqeabqebaqebaqecaqebagebaqibaqecaqebaqmbaqecaqebagebaqibagebaaaaaaaeaaaaaaadowqnbxw889qalbaaaaaaa1b+zdaaaaaduh5l0aad/waqaa8aaaaaiaaiaaaaaaaaaaqaaa8d/waaabaaaaaaabaaaaqaaaaaaaaaaaaaaaaaaaakeaaaaaaaaaaaaaaacaaaabaaaaaqaak0eaafnbaabtqqaak0aaaaaaaoafaaeagaa0gfeabgcmaabaaaacqbuabqaaaaaaaiaaaaaaaaaaaaaaaaaaaaaaaaadgcuaaeaaaaaaaeabwaaaaeaaaaaaaiabwbgaaeaaaaaaamabwa2aaeaaaaaaaqabwb1aaeaaaaaaauacwavaaeaaaaaaayabwblaaeaaaaaaaoaggckaamaaqqjaaeadgahaamaaqqjaaiadgbnaamaaqqjaamadga9aamaaqqjaaqadgb8aamaaqqjaauafgagaamaaqqjaayadgbsaamaaqqjaaoanackawnvbw9vbgbpagmabwbtag8abwbuvmvyc2lvbiaxljaavgblahiacwbpag8abgagadealgawawnvbw9vbgbpagmabwbtag8abwbuawnvbw9vbgbpagmabwbtag8abwbuumvndwxhcgbsaguazwb1agwayqbyawnvbw9vbgbpagmabwbtag8abwburm9udcbnzw5lcmf0zwqgynkgswnvtw9vbi4argbvag4adaagagcazqbuaguacgbhahqazqbkacaaygb5acaasqbjag8atqbvag8abgauaaaaawaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa") format("woff"), url("#") format("svg"); font-weight: normal; font-style: normal; }
.header-font { font-family: 'icofont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.header-font-search { font-size: 16px; color: #484848; text-align: center; position: absolute; left: 0; top: 0; width: 24px; height: 24px; line-height: 24px; cursor: pointer; }

.header { width: 100%; height: 380px; background: url(#) bottom center no-repeat; font: normal 14px/1.7 "Microsoft Yahei","SimSun"; }

.header-in { height: 100%; position: relative; }

.logo-box { position: absolute; top: 25px; left: 50%; display: block; width: 320px; line-height: 1.3; color: #86838d; text-align: center; position: absolute; margin-left: -160px; }

.logo-box .game-name { display: block; font: normal 22px/1.5 "MicroSoft YaHei","SimHei"; }

.logo-box .game-url { display: block; font: normal 16px/1.5 "MicroSoft YaHei","SimHei"; }

.logo-box .avatar { margin-bottom: 10px; }
.logo-box .avatar img { display: inline-block; vertical-align: middle; }
.logo-box .avatar .sep { width: 1px; height: 70px; overflow: hidden; vertical-align: middle; overflow: hidden; background: #ccc; display: inline-block; margin: 0 20px 5px; }

.logo-box a { text-decoration: none; }

.game-box { position: absolute; top: 10px; right: 15px; width: 187px; }

.game-box .box-c1 { overflow: hidden; *zoom: 1; padding: 4px 2px; background: #d2cfcc; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.game-box .box-c1 a { float: left; display: block; margin: 0 1px; }

.game-box .box-c2 { text-align: center; font-size: 12px; color: #becbe8; background: #32363d; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.header-c1 { position: absolute; bottom: 0; left: 0; width: 715px; }

.nav { background-color: #183f61; padding-right: 10px; }

.nav-list { overflow: hidden; *zoom: 1; }

.nav-item { float: left; width: 20%; }

.nav-con { display: block; overflow: hidden; min-width: 3em; height: 50px; font: normal 18px/50px "MicroSoft YaHei"; color: #fff; text-align: center; }

.nav-list .current .nav-con, .nav-con:hover { background: #288ed9; color: #fff; text-decoration: none; }

.nav-sub { overflow: hidden; *zoom: 1; height: 45px; padding: 0 0 0 20px; background-color: #c72525; color: #fff; line-height: 45px; }

.nav-sub .tit { float: left; }

.nav-sub .con { float: left; margin-right: 20px; font: normal 14px/45px "Microsoft YaHei"; color: #fff; }

.header .quick-start2 { overflow: hidden; position: relative; z-index: 2; height: 67px; padding-top: 8px; padding-right: 30px; }

.header .quick-start2 .item { float: left; padding: 0 10px 0 20px; line-height: 30px; color: #999; white-space: nowrap; }

.header .quick-start2 .con { margin-right: 7px; }

.header .quick-start2 .con:hover { color: #fff; text-decoration: none; }

.header .quick-start2 .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 75px; background-color: #000; filter: alpha(opacity=90); opacity: 0.9; }

.header-c2 { position: absolute; z-index: 10; bottom: 0; right: 0; width: 290px; }

.header-c2 .shadow { box-shadow: -3px 0 4px rgba(0, 0, 0, 0.6); }

.header-c2 .link-box { overflow: hidden; *zoom: 1; }

.header-c2 .link-box .con { float: left; width: 145px; line-height: 55px; text-align: center; height: 55px; color: #fff; font-size: 18px; font-weight: bold; background: url(/ue/a/pvp/index/2017/img/sprite.png); }

.header-c2 .link-box .btn-xz { background-position: -72px 0; }

.header-c2 .link-box .btn-gl { background-position: -217px 0; }

.header-c2 .link-box .btn-xz:hover { background-position: -72px -55px; }

.header-c2 .link-box .btn-gl:hover { background-position: -217px -55px; }

.header-c2 .link-box .con:hover { text-decoration: none; }

.header-c2 .link-box2 { overflow: hidden; *zoom: 1; background-color: #c72525; }

.header-c2 .link-box2 .con { float: left; width: 49.9%; margin-left: -1px; font: normal 18px/45px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #a71f1f; }

.header-c2 .link-box2 .con:hover { text-decoration: none; background: #cd3b3b; }

.header-c2 .link-box3 { padding: 8px 0 7px 0; background: #1c2832; text-align: center; font-size: 14px; overflow: hidden; }

.header-c2 .link-box3 .con { color: #999; }

.header-c2 .link-box3 .sep { color: #999; margin: 0 5px; font-family: "Simsun"; }

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

.header-c2 .search-box { padding: 0 25px; background: #1c2832; height: 36px; }

.header-c2 .search-con { position: relative; overflow: hidden; height: 28px; padding: 0 38px 0 8px; background-color: #111; border-radius: 2px; }

.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 28px; line-height: 28px; margin: 0; padding: 0; color: #999; 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; left: 0; top: 0; }

.header .con:hover { text-decoration: underline; }

.header-ico { display: inline-block; vertical-align: middle; overflow: hidden; background: url(/ue/a/pvp/index/2017/img/header-ico.png) no-repeat; }

.header-ico-xz, .header-ico-gl { width: 24px; height: 24px; margin: 13px 8px 14px 0; }

.header-ico-gl { background-position: -25px 0; }

.pn-data .pn-hd { padding: 10px 0 25px; }
.pn-data .pn-hd .tit { font-size: 26px; font-weight: bold; line-height: 1.3; }

.mod-preface { border: 1px solid #e5e5e5; padding: 20px 20px 20px 85px; background: url(/ue/a/pvp/index/2017/img/bg-preface.png) no-repeat left center; font-size: 16px; color: #666; line-height: 1.7; }

.pn-comm { border: 1px solid #e5e5e5; border-top: 0; }

.pn-hero-data .col-l { background: #f8f8f8; border-right: 1px solid #e5e5e5; width: 300px; float: left; min-height: 745px; }
.pn-hero-data .col-l .mod { border-bottom: 1px solid #e5e5e5; padding: 24px 20px 10px; }
.pn-hero-data .col-l .mod .hd .tit { font-weight: bold; font-size: 18px; }
.pn-hero-data .col-l .mod .bd { padding: 10px 0 0; }
.pn-hero-data .col-l .last { border-bottom: 0; }
.pn-hero-data .col-l .box-search { border: 1px solid #d79234; height: 32px; background: #fff; position: relative; }
.pn-hero-data .col-l .box-search .form-item { width: 183px; float: left; height: 22px; padding: 5px 10px; }
.pn-hero-data .col-l .box-search .btn-search { width: 38px; height: 32px; position: absolute; right: 0; top: 0; }
.pn-hero-data .col-l .box-search .comm-input { background: #fff; border: none; outline: 0; width: 100%; height: 100%; line-height: 22px\9; }
.pn-hero-data .col-l .box-search .btn { width: 38px; height: 32px; position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
.pn-hero-data .col-l .mod-search { padding: 30px; }
.pn-hero-data .col-l .mod-search .bd { padding: 12px 5px 0; }
.pn-hero-data .col-l .mod-search .check-item { float: left; width: 33.33%; }
.pn-hero-data .col-l .mod-hero-rmd .avatar { width: 80px; float: left; margin-right: 25px; margin-top: 5px; }
.pn-hero-data .col-l .mod-hero-rmd .avatar img { width: 80px; height: 80px; }
.pn-hero-data .col-l .mod-hero-rmd .text-box .tit { font-size: 18px; padding-bottom: 5px; }
.pn-hero-data .col-l .mod-hero-rmd .text-box .tit a:hover { text-decoration: underline; }
.pn-hero-data .col-l .mod-hero-rmd .tags { font-size: 0; }
.pn-hero-data .col-l .mod-hero-rmd .tags a { display: inline-block; margin-right: 5px; margin-bottom: 5px; border-radius: 3px; background: #f4e9d3; line-height: 24px; width: 68px; color: #666; font-size: 12px; text-align: center; overflow: hidden; }
.pn-hero-data .col-l .mod-links .bd .tit { color: #d79234; padding: 5px 0 0; }
.pn-hero-data .col-l .mod-links .bd .tit .sep { display: inline-block; vertical-align: middle; width: 3px; height: 15px; background: #d79234; overflow: hidden; margin: 0 5px 2px 0; }
.pn-hero-data .col-l .mod-links .box-links { font-size: 0; padding: 10px 0 20px; line-height: 26px; }
.pn-hero-data .col-l .mod-links .box-links a { color: #666; font-size: 14px; display: inline-block; vertical-align: middle; }
.pn-hero-data .col-l .mod-links .box-links a:hover { color: #d79234; }
.pn-hero-data .col-l .mod-links .box-links .sep { width: 1px; height: 10px; background: #999; overflow: hidden; display: inline-block; margin: 1px 8px 0px; vertical-align: middle; }
.pn-hero-data .col-r { min-height: 745px; }
.pn-hero-data .col-r .mod-hero-list { overflow-y: auto; padding: 25px; height: 695px; }
.pn-hero-data .col-r .hero-list { margin: 0 -10px; font-size: 0; }
.pn-hero-data .col-r .hero-list li { width: 14.2%; margin: 0 0 15px; }
.pn-hero-data .col-r .hero-list li img { width: 72px; height: 72px; margin: 0 auto; }
.pn-hero-data .col-r .hero-list li .tit { padding-top: 5px; font-size: 14px; width: 72px; margin: 0 auto; }
.pn-hero-data .col-r .hero-list li a { color: #00479d; }
.pn-hero-data .col-r .hero-list li a:hover { text-decoration: underline; }

.cz-list .item { margin-bottom: 15px; }
.cz-list .art-item-c1 { min-width: 75px; *width: 75px; padding-right: 10px; height: 82px; border-right: 1px dashed #e5e5e5; margin: 10px 0; margin-right: 17px; }
.cz-list .art-item-c1 .tit { line-height: 82px; color: #666; font-size: 16px; }
.cz-list .pic-list a:hover img, .cz-list .pic-list .current img { padding: 0; border: 4px solid #d79234; }
.cz-list .pic-list li { margin-bottom: 8px; }
.cz-list .pic-list-ex li { width: 80px; }
.cz-list .pic-list-ex li a { padding-top: 6px; display: block; }
.cz-list .pic-list-ex li img { border-radius: 0; width: 80px; height: 80px; }

.cz-list-ex .item { width: 50%; float: left; }

.tips { display: none; background: #333; background: rgba(0, 0, 0, 0.8); border: 1px solid #d79234; padding: 20px 20px 12px; width: 270px; }
.tips .c1 { padding-bottom: 15px; border-bottom: 1px solid #626262; }
.tips .c1 .avatar { float: left; width: 50px; margin-right: 15px; }
.tips .c1 .avatar img { width: 48px; height: 48px; border: 1px solid #3e3e3e; border-radius: 50%; margin-top: 0; }
.tips .c1 .text-box { text-align: left; }
.tips .c1 .text-box .t1 { font-size: 18px; color: #fff; }
.tips .c1 .text-box .t2 { color: #999; font-size: 12px; }
.tips .c2 { padding-top: 15px; text-align: left; }
.tips .c2 p { color: #0bb563; font-size: 12px; padding-bottom: 8px; }

.pn-hero-info { padding-top: 17px; }
.pn-hero-info .mod .hd { position: relative; }
.pn-hero-info .mod .hd .tit { font-size: 18px; }
.pn-hero-info .mod .hd .tit .sep { width: 4px; height: 20px; background: #d79234; display: inline-block; vertical-align: middle; margin: 0 8px 3px 0; }
.pn-hero-info .mod .hd .more { position: absolute; right: 0; top: 50%; height: 22px; line-height: 22px; margin-top: -11px; }
.pn-hero-info .mod .hd .more a { color: #999; }
.pn-hero-info .mod .hd .more a:hover { color: #333; }
.pn-hero-info .mod .bd { padding: 15px 0; }
.pn-hero-info .col-l { float: left; width: 660px; }
.pn-hero-info .col-l .mod-info { border: 1px solid #d5bc97; background: #f4e9d3; padding: 0 20px; }
.pn-hero-info .col-l .mod-info-c1 { padding: 20px 0; border-bottom: 1px solid #d5bc97; }
.pn-hero-info .col-l .mod-info-c1 .avatar { float: left; width: 124px; margin-right: 24px; margin-top: 5px; }
.pn-hero-info .col-l .mod-info-c1 .text-box .name-box { line-height: 1.2; padding-bottom: 10px; }
.pn-hero-info .col-l .mod-info-c1 .text-box .name { font-weight: bold; font-size: 36px; }
.pn-hero-info .col-l .mod-info-c1 .text-box .dec { color: #666; padding: 0 5px; }
.pn-hero-info .col-l .mod-info-c1 .text-box .tags span { border-radius: 3px; border: 1px solid #eb6100; color: #eb6100; font-size: 12px; margin: 0 2px; padding: 0 5px; }
.pn-hero-info .col-l .mod-info-c1 .text-box .mater-box { color: #666; }
.pn-hero-info .col-l .mod-info-c1 .text-box .mater-box .item { padding-bottom: 5px; }
.pn-hero-info .col-l .mod-info-c1 .text-box .mater-box .item .cell { width: 50%; float: left; }
.pn-hero-info .col-l .mod-info-c2 { padding: 15px 5px; }
.pn-hero-info .col-l .mod-info-c2 .info-box { padding: 15px 50px 0 5px; }
.pn-hero-info .col-l .mod-info-c2 .info-box p { padding: 2px 0; line-height: 1.8; }
.pn-hero-info .col-l .mod-art { border: 1px solid #e5e5e5; border-top: 0; padding: 20px; }
.pn-hero-info .col-l .mod-attr { float: left; width: 420px; }
.pn-hero-info .col-l .mod-attr .bd .item { float: left; width: 33.33%; color: #666; padding-bottom: 8px; }
.pn-hero-info .col-l .mod-fw { width: 160px; float: right; }
.pn-hero-info .col-l .mod-fw .bd .item { border-bottom: 1px solid #f8f8f8; padding-bottom: 15px; margin-bottom: 15px; }
.pn-hero-info .col-l .mod-fw .bd .item .avatar { float: left; width: 42px; margin-right: 15px; }
.pn-hero-info .col-l .mod-fw .bd .item .text-box { padding-top: 5px; }
.pn-hero-info .col-l .mod-fw .bd .item .text-box .t1 { font-size: 12px; color: #999; }
.pn-hero-info .col-l .mod-fw .bd .item .text-box .t2 { font-size: 16px; }
.pn-hero-info .col-l .mod-fw .bd .last { border-bottom: 0; margin-bottom: 0; }
.pn-hero-info .col-l .mod1 { border-top: 1px solid #f8f8f8; padding-top: 20px; }
.pn-hero-info .col-l .mod1 .txt { line-height: 1.9; color: #666; }
.pn-hero-info .col-r { width: 300px; float: right; }
.pn-hero-info .col-r .box-qa { line-height: 1.8; }
.pn-hero-info .col-r .box-qa .tq { color: #d79234; font-weight: bold; padding-bottom: 5px; }
.pn-hero-info .col-r .box-qa .ta { color: #666; padding-bottom: 5px; }
.pn-hero-info .col-r .mod { margin-bottom: 15px; }
.pn-hero-info .col-r .mod .bd { padding: 10px 0; }
.pn-hero-info .col-r .video-list li { padding-bottom: 15px; }
.pn-hero-info .col-r .video-list .art-item-c1 { width: 130px; margin-right: 10px; }
.pn-hero-info .col-r .video-list .art-item-c1 img { width: 130px; height: 73px; }
.pn-hero-info .col-r .video-list .art-item-c1 .avatar { position: relative; }
.pn-hero-info .col-r .video-list .art-item-c1 .avatar .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; }
.pn-hero-info .col-r .video-list .art-item-c1 a:hover .cover { display: none; }
.pn-hero-info .col-r .video-list .art-item-c2 .tit { height: 44px; margin-bottom: 10px; overflow: hidden; }
.pn-hero-info .col-r .video-list .art-item-c2 .info { color: #999; font-size: 12px; }
.pn-hero-info .col-r .video-list .art-item-c2 .info .date { float: left; }
.pn-hero-info .col-r .video-list .art-item-c2 .info .num { float: right; }

.pn-prop { height: 700px; }
.pn-prop .col-l { width: 160px; float: left; background: #f8f8f8; height: 100%; }
.pn-prop .col-m { width: 617px; float: left; border-right: 1px solid #f8f8f8; height: 100%; overflow-y: auto; }
.pn-prop .col-m .pic-list { padding: 20px; margin-right: 0; }
.pn-prop .col-m .pic-list li { width: 16.66%; margin-right: 0; margin-bottom: 20px; }
.pn-prop .col-r .mod-info { padding: 20px 15px; }
.pn-prop .col-r .mod-info .item { padding-bottom: 20px; }
.pn-prop .col-r .mod-info .item .tit { font-size: 16px; font-weight: bold; }
.pn-prop .col-r .mod-info .item .tit .dot { width: 5px; height: 5px; border-radius: 50%; background: #d79234; display: inline-block; vertical-align: middle; margin: 0 8px 5px 0; }
.pn-prop .col-r .mod-info .item .txt { padding-top: 5px; }
.pn-prop .col-r .mod-info .item .txt p { padding-bottom: 5px; line-height: 1.8; }
.pn-prop .col-r .pic-list { margin-right: -10px; }
.pn-prop .col-r .pic-list li { width: 58px; margin-right: 10px; }
.pn-prop .col-r .pic-list li img { width: 50px; height: 50px; }
.pn-prop .col-r .btn-more { display: block; line-height: 42px; border: 1px solid #dcdcdc; text-align: center; color: #d79234; font-size: 18px; border-radius: 3px; margin-top: 10px; }

.pn-prop-ex .col-m { width: 502px; }

.mod-choice { padding: 20px; }
.mod-choice .item .check-item { color: #999999; padding: 5px 0; }
.mod-choice .sub-item { padding-left: 18px; padding-bottom: 10px; }
.mod-choice .sub-item .check-item { color: #333; }

.mod-hero-info { padding: 20px 30px; }
.mod-hero-info .c1 { border-bottom: 1px solid #f3f3f3; padding-bottom: 15px; }
.mod-hero-info .c1 .avatar { width: 65px; float: left; margin-right: 15px; margin-top: 3px; }
.mod-hero-info .c1 .avatar img { border-radius: 50%; }
.mod-hero-info .c1 .text-box { position: relative; }
.mod-hero-info .c1 .text-box .tit { font-weight: bold; font-size: 22px; padding-bottom: 10px; }
.mod-hero-info .c1 .text-box .price { font-size: 0; }
.mod-hero-info .c1 .text-box .price .price-in { border: 1px solid #d79234; line-height: 20px; border-radius: 3px; background: #d79234; display: inline-block; font-size: 14px; padding: 0 0 0 5px; color: #fff; }
.mod-hero-info .c1 .text-box .price .price-num { background: #fff; line-height: 20px; display: inline-block; margin-left: 5px; padding: 0 5px; border-radius: 0 3px 3px 0; color: #d79234; }
.mod-hero-info .c1 .text-box .btn-back { position: absolute; padding: 0 10px; line-height: 27px; background: #ebebeb; right: 0; top: 0; }
.mod-hero-info .c2 { padding-top: 20px; }
.mod-hero-info .c2 .item { padding-bottom: 25px; }
.mod-hero-info .c2 .item .tit { font-weight: bold; color: #d79234; }
.mod-hero-info .c2 .item .txt { padding-top: 7px; font-size: 16px; }
.mod-hero-info .c2 .item .txt p { padding-bottom: 7px; line-height: 1.7; }
.mod-hero-info .c2 .item-ex { float: left; width: 50%; }

.goods-list { padding-top: 15px; }
.goods-list li { float: left; width: 50%; margin-bottom: 20px; }
.goods-list li .avatar { float: left; margin-right: 10px; margin-top: 2px; }
.goods-list li .avatar img { width: 41px; height: 41px; border-radius: 50%; margin: 3px; }
.goods-list li .text-box { display: block; }
.goods-list li .text-box .name { font-size: 16px; display: block; }
.goods-list li .text-box .price { display: block; margin-top: 3px; font-size: 12px; }
.goods-list li .text-box .price-tit { background: #d79234; color: #fff; display: inline-block; line-height: 16px; padding: 0 4px; border-radius: 3px; margin-right: 5px; }
.goods-list li a:hover img { margin: 0; border: 3px solid #d79234; }

.pn-footer { background: #222; padding: 30px 0 0; }

.pn-footer-c1 .item { float: left; width: 145px; padding-right: 20px; }
.pn-footer-c1 .item .hd { color: #999; font-weight: bold; padding-bottom: 20px; }
.pn-footer-c1 .item .bd { color: #666; }
.pn-footer-c1 .item .bd a { color: #999; text-decoration: underline; }
.pn-footer-c1 .item .bd a:hover { color: #fff; text-decoration: underline; }
.pn-footer-c1 .item .bd p { padding-bottom: 7px; }
.pn-footer-c1 .comm-tlist .tit a:hover { color: #999; text-decoration: underline; }
.pn-footer-c1 .item-ex { padding-right: 0; width: auto; float: none; }
.pn-footer-c1 .mod-code { background: #fff; padding: 5px 0; text-align: center; width: 90px; }
.pn-footer-c1 .box-share { padding-top: 15px; }

.pn-footer-c2 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 12px 0; color: #666; margin-top: 30px; }
.pn-footer-c2 p { padding: 3px 0; }
.pn-footer-c2 a { color: #666; padding: 0 5px; }
.pn-footer-c2 a:hover { color: #999; text-decoration: underline; }

.hero-list1 { margin: 0 -7px; }
.hero-list1 li { width: 66px; height: 66px; margin: 0 7px; position: relative; }
.hero-list1 li .txt { height: 24px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 4; line-height: 24px; }
.hero-list1 li a { color: #ccc; }
.hero-list1 li a:hover .tit { color: #fff; text-decoration: underline; }

.pn-math .col-l { width: 690px; float: left; }
.pn-math .col-r { width: 300px; float: right; }
.pn-math .pn-bd { background: #f5f5f5; }

.mod-math-list { height: 160px; overflow-y: auto; }

.mod-math { padding: 20px 0; }
.mod-math .item { float: left; border-right: 1px solid #e0e0e0; padding: 0 22px; }
.mod-math .item .item-c1 { text-align: center; font-weight: bold; padding: 0 0 15px; }
.mod-math .item .item-c2 .box-team { width: 56px; float: left; }
.mod-math .item .item-c2 .box-team img { border-radius: 50%; width: 56px; height: 56px; }
.mod-math .item .item-c2 .box-team .tit { text-align: center; line-height: 28px; display: block; }
.mod-math .item .item-c2 .box-score { float: left; text-align: center; width: 72px; }
.mod-math .item .item-c2 .box-score .num { color: #31b45a; font-weight: bold; font-size: 24px; line-height: 56px; }
.mod-math .item .item-c2 .box-score .btn-play { display: block; margin: 0 auto; width: 38px; height: 26px; border: 1px solid #288ed9; border-radius: 15px; position: relative; }
.mod-math .item .item-c2 .box-score .btn-play:hover { background: #288ed9; }
.mod-math .item a:hover { color: #31b45a; }
.mod-math .last { border-right: 0; }

.table-math { font-size: 12px; }
.table-math td { line-height: 40px; }
.table-math .c1 { width: 52px; text-align: center; color: #999; }
.table-math .c2 { width: 40px; text-align: center; }
.table-math .c3 { width: 60px; text-align: right; }
.table-math .c4 { width: 35px; text-align: center; font-weight: bold; color: #31b45a; }
.table-math .c5 { width: 60px; }
.table-math .btn-play { display: block; margin: 0 auto; width: 16px; height: 16px; border: 1px solid #288ed9; border-radius: 50%; position: relative; }
.table-math .btn-play:hover { background: #288ed9; }
.table-math .odd td { background: #e8e8e8; }

.pn-fs { padding-top: 30px; text-decoration: underline; }
.pn-fs .pn-fs-c1 { width: 410px; float: left; }
.pn-fs .pn-fs-c1 .mod-news .more { line-height: 24px; display: block; text-align: center; background: #f5f5f5; color: #999; margin: 10px auto; color: #999; font-size: 12px; }
.pn-fs .pn-fs-c1 .mod-news .more a { color: #999; }
.pn-fs .pn-fs-c1 a:hover { text-decoration: underline; }
.pn-fs .pn-fs-c2 { width: 560px; float: right; padding-top: 10px; }
.pn-fs .mod .hd { padding: 15px 0; position: relative;}
.pn-fs .mod .hd .tit { font-weight: bold; font-size: 16px;}
.pn-fs .mod .hd .more1 {position: absolute; right: 0;top: 50%; margin-top: -15px; line-height: 30px;}
.pn-fs .mod .hd .more1 a{color: #999}
.pn-fs .mod .hd .more1 a:hover{color: #333}

.mod-guide-c1 { padding: 16px 0 10px; }
.mod-guide-c1 .tit { width: 78px; height: 28px; line-height: 28px; float: left; color: #fff; font-weight: bold; background: #288ed9; border-radius: 3px; text-align: center; margin-right: 8px; margin-bottom: 5px; }
.mod-guide-c1 .links { line-height: 28px; font-size: 0; }
.mod-guide-c1 .links a { display: inline-block; vertical-align: middle; font-size: 14px; }
.mod-guide-c1 .links a:hover { text-decoration: underline; }
.mod-guide-c1 .links .sep { width: 1px; height: 12px; overflow: hidden; display: inline-block; background: #e2dce2; display: inline-block; vertical-align: middle; margin: 0 9px; }

.mod-guide-c2 { padding-bottom: 10px; }
.mod-guide-c2 .comm-list { margin-right: -1px; overflow: hidden; }
.mod-guide-c2 .comm-list .item { width: 92px; height: 70px; margin-right: 1px; position: relative; font-size: 12px; color: #fff; overflow: hidden; }
.mod-guide-c2 .comm-list .item a { display: block; color: #fff; height: 70px; overflow: hidden; }
.mod-guide-c2 .comm-list .item .ico { display: block; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 5px; }
.mod-guide-c2 .comm-list .item .tip { width: 92px; height: 70px; position: absolute; left: -92px; top: 0; background: #31b45a; opacity: 0; }
.mod-guide-c2 .comm-list .item .tip .txt { display: block; padding: 8px; }
.mod-guide-c2 .comm-list .item a:hover .tip { left: 0; opacity: 1; }
.mod-guide-c2 .comm-list .item1 a { background: #ec885d; }
.mod-guide-c2 .comm-list .item2 a { background: #be5d92; }
.mod-guide-c2 .comm-list .item3 a { background: #8a5cbe; }
.mod-guide-c2 .comm-list .item4 a { background: #676de5; }
.mod-guide-c2 .comm-list .item5 a { background: #5c81be; }
.mod-guide-c2 .comm-list .item6 a { background: #5cb2f1; }

.list-slide0 { overflow: hidden; }

.list-slide0 li { width: 92px; height: 70px; display: inline; float: left; position: relative; border-right: 1px dotted #fff; border-bottom: 1px dotted #fff; font-size: 12px; }

.list-slide0 li a, .list-slide0 li a span { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; }

.front-face { z-index: 2; }

.list-slide0 li a span.back-face { z-index: 1; background: #31b45a; width: 92px; height: 70px; overflow: hidden; color: #fff; }
.list-slide0 li a span.back-face .txt { display: block; padding: 8px; }

.list-slide0 li a { overflow: hidden; background: #f7e8c6; }

.list-slide0 li:hover a .back-face { z-index: 3; }

.list-slide0 .li0 .front-face { background: #ec885d; }

.list-slide0 .li1 .front-face { background: #be5d92; }

.list-slide0 .li2 .front-face { background: #8a5cbe; }

.list-slide0 .li3 .front-face { background: #676de5; }

.list-slide0 .li4 .front-face { background: #5c81be; }

.list-slide0 .li5 .front-face { background: #5cb2f1; }

.list-slide0 .ico { display: block; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 5px; }

.front-face .tt { display: block; text-align: center; color: #fff; }

.mod-news-top { overflow: hidden; text-align: center; margin-bottom: 20px; }

.mod-news-top .tit { font-size: 24px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; *zoom: 1; line-height: 1.7; margin-bottom: 5px; }

.mod-news-top .tit a { color: #e63a30; }

.mod-news-top .links a { color: #aeaeae; }

.mod-news-top .links a:hover { color: #fb4b21; text-decoration: underline; }

.tlist { overflow: hidden; *zoom: 1; white-space: nowrap; }

.tlist li { *float: left; *width: 100%; overflow: hidden; line-height: 24px; }

.tlist li .con { padding-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; *zoom: 1; background-position: -50px 12px; *width: 70%; }

.tlist li .date { float: right; width: 60px; color: #999; font-size: 12px; text-align: right; }

.tlist li .tag { display: inline-block; width: 32px; line-height: 16px; text-align: center; color: #fff; font-size: 12px; margin: 0 14px 0 0; border-radius: 2px; background: #52ad6f; }

.tlist li .tag-hot { background: #f86f6f; }

.tlist li .tag-news { background: #70c2fe; }

.tlist li .tag-video { background: #676de5; }

.tlist li .tag-pic { background: #73d8a3; }

.tlist li .tag-gl { background: #9ca0ed; }

.tlist li .tag-bbs { background: #f6b76d; }

.tlist .item-sep-line, .tlist .item-sep-space { font-size: 0; height: 0; line-height: 0; }

.tlist .item-sep-line { padding-bottom: 9px; border-top: 1px dotted #e2e2e2; margin-top: 10px; }

.tlist .item-sep-space { padding-bottom: 10px; margin-top: 10px; }

.tlist-timeline { border-left: 1px dotted #dcdcdc; padding-left: 19px; overflow: visible; margin-left: 10px; }

.tlist-timeline li { position: relative; *zoom: 1; height: 30px; line-height: 30px; font-size: 16px; overflow: visible; }

.tlist-timeline li .con { padding: 0; background: none; *width: 100%; }

.tlist-timeline li .date { float: none; text-align: center; width: 20px; height: 20px; line-height: 20px; position: absolute; left: -30px; top: 50%; margin-top: -11px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 50%; display: none; }

.tlist-timeline li.active .date { display: block; }

.tlist-timeline li:hover .date { display: block; background-color: #5cb2f1; border-color: #5cb2f1; color: #fff; }

.tlist-timeline li.hot .date { display: block; border: none; padding: 1px; background-position: 0 -160px; font-size: 0; background-color: transparent; }

.focus { position: relative; overflow: hidden; margin: -1px -1px 0 -1px; }

.focus .focus-con { width: 362px; height: 272px; }

.focus .focus-item { position: absolute; }

.focus .focus-nav { position: absolute; right: 0; top: 0; width: 200px; z-index: 3; }

.focus .focus-nav a { display: block; position: relative; height: 68px; background: #000; color: #999; position: relative; }

.focus .focus-nav a span { display: block; height: 3em; overflow: hidden; padding: 12px 15px 0 15px; }

.focus .focus-nav .current { background-color: #288ed9; color: #fff; }
.focus .focus-nav .current:after { content: ''; width: 2px; height: 100%; background: #288ed9; left: -2px; top: 0; position: absolute; z-index: 9; }

.table-info { line-height: 34px; }
.table-info td { border-bottom: 1px solid #fff; }
.table-info .c1 { background: #676de5; width: 80px; padding: 0 10px 0 5px; text-align: right; color: #fff; font-weight: bold; }
.table-info .c2 { background: #f5f5f5; padding: 0 20px; border-right: 1px solid #fff; }
.table-info .c2 span { position: relative; }
.table-info a:hover { text-decoration: underline; }
.table-info .odd .c1 { background: #288ed9; }
.table-info .odd .c2 { background: #e8e8e8; }

.mod-act { height: 130px; position: relative; }

.act-list { border-radius: 5px; }
.act-list .bg { height: 110px; background: #183f61; width: 100%; position: absolute; left: 0; bottom: 0; z-index: -1; border-radius: 5px; }
.act-list .item { width: 33.33%; float: left; padding-top: 20px; }
.act-list .art-item-c1 { float: left; width: 150px; height: 110px; display: block; position: relative; }
.act-list .art-item-c1 img { position: absolute; right: 0; bottom: 0; z-index: 8; }
.act-list .art-item-c2 { display: block; width: 150px; float: left; }
.act-list .art-item-c2 .tit { display: block; color: #fff; font-weight: bold; font-size: 16px; padding-bottom: 5px; padding-top: 18px; }
.act-list .art-item-c2 .tit span { position: relative; }
.act-list .art-item-c2 .tag { display: none; font-weight: normal; font-size: 12px; background: url(/ue/a/pvp/index/2017/img/sprite.png); width: 34px; height: 18px; line-height: 18px; color: #fff; text-align: center; position: absolute; top: -10px; right: -40px; }
.act-list .art-item-c2 .tag-act { background-position: -88px -158px; }
.act-list .art-item-c2 .tag-new { background-position: -124px -158px; }
.act-list .art-item-c2 .tag-hot { background-position: -160px -158px; }
.act-list .art-item-c2 .txt { color: #bbdaf5; display: block; height: 44px; line-height: 20px; overflow: hidden; }
.act-list a:hover .tag { display: inline-block; }

.skin-list { margin: 0 -5px; }
.skin-list .item { width: 202px; padding-top: 5px; }
.skin-list a { display: block; margin: 0 5px; position: relative; }
.skin-list a:hover { text-decoration: underline; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.skin-list .avatar { position: relative; }
.skin-list img { border-radius: 5px; }
.skin-list .cover { height: 32px; line-height: 32px; }
.skin-list .mask { border-radius: 0 0 5px 5px; }
.skin-list .txt { display: block; height: 40px; overflow: hidden; padding-top: 5px; }

.skin-list-ex { margin: 0 -10px; }
.skin-list-ex .item { width: 255px; }
.skin-list-ex .item a { margin: 0 10px; }

.pn-hero-search .pn-bd { background: #f5f5f5; border-radius: 5px; height: 340px; margin-top: 10px; }

.mod-tab-hero { min-height: 100px; position: relative; }

.mod-tab-hero .hero-list1 { position: absolute; left: 250px; top: 20px; width: 390px; }
.mod-tab-hero .hero-list1 li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }
.mod-tab-hero .hero-list1 li .sep { width: 66px; height: 4px; position: absolute; top: -20px; left: 0; background: #3589dd; display: none; }
.mod-tab-hero .hero-list1 li .sep .arrow { width: 0; height: 0; line-height: 0; border-width: 5px; border-style: solid; border-color: #3589dd transparent transparent transparent; border-style: solid dashed dashed dashed; position: absolute; top: 4px; left: 27px; }
.mod-tab-hero .hero-list1 .current .sep { display: block; }
.mod-tab-hero .hero-list1 .current img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0); -webkit-filter: none; filter: none; }
.mod-tab-hero .skin-list { float: left; width: 230px; margin: 0 24px 0 0; }
.mod-tab-hero .skin-list .item { width: 230px; padding-top: 0; margin: 0; }
.mod-tab-hero .skin-list img { width: 230px; height: 340px; }
.mod-tab-hero .skin-list .cover { height: 50px; line-height: 50px; }
.mod-tab-hero .skin-list .tit { font-weight: bold; font-size: 20px; }
.mod-tab-hero .skin-list a { width: 100%; }
.mod-tab-hero .skin-list a:hover { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.mod-tab-hero .hero-info { padding-top: 105px; width: 422px; float: left; }

.hero-attr-c1 { width: 270px; float: left; margin-right: 10px; }
.hero-attr-c1 .item { margin-bottom: 5px; }
.hero-attr-c1 .item-c1 { width: 68px; font-weight: bold; float: left; margin-right: 5px; }
.hero-attr-c1 .item-c2 .bar { height: 15px; width: 135px; background: #fff; position: relative; float: left; margin-right: 8px; margin-top: 5px; }
.hero-attr-c1 .item-c2 .bar .bar-in { position: absolute; height: 15px; width: 50%; background: #31b45b; left: 0; top: 0; }
.hero-attr-c1 .item-c2 .bar .bar-in:after { content: ''; width: 0; height: 0; line-height: 0; border-width: 3px; border-style: solid; border-color: #31b45b transparent transparent transparent; border-style: solid dashed dashed dashed; position: absolute; top: -5px; right: -3px; }
.hero-attr-c1 .item-c2 .num { color: #31b45b; padding-top: 3px; }
.hero-attr-c1 .item-ex .bar .bar-in { background: #3589dd; }
.hero-attr-c1 .item-ex .bar .bar-in:after { border-top-color: #3589dd; }
.hero-attr-c1 .item-ex .num { color: #3589dd; }

.hero-attr-c2 { width: 130px; float: left; }
.hero-attr-c2 .item { padding-top: 5px; }

.hero-news { padding-top: 15px; }
.hero-news li { padding-bottom: 3px; }
.hero-news li .tit a { color: #333; padding-left: 3px; }
.hero-news li .tit a:hover { text-decoration: underline; color: #333; }

.mod-hero-video { width: 290px; padding-left: 20px; float: left; border-left: 1px dashed #e0e0e0; margin: 20px 0; height: 300px; }

/* Arrows */
.mod-slick .slick-prev, .mod-slick .slick-next { position: absolute; z-index: 12; display: block; height: 56px; width: 34px; line-height: 0; font-size: 0; cursor: pointer; border: none; outline: none; background: url(/ue/a/pvp/index/2017/img/sprite.png) no-repeat; top: 50%; background-color: #333; background-color: rgba(0, 0, 0, 0.5); margin-top: -28px; }

.mod-slick .slick-prev { left: -6px; background-position: 0 -150px; }

.mod-slick .slick-next { right: -6px; background-position: -35px -150px; }

.mod-slick .slick-prev:hover, .mod-slick .slick-next:hover { background-color: #3589dd; }

.mod-slick .slick-disabled { opacity: 0; filter: alpha(opacity=0); }

.mod-act .slick-prev, .mod-act .slick-next { margin-top: -20px; }

.mod-zt-pic { width: 180px; float: left; margin-right: 25px; margin-top: 15px; position: relative; text-align: center; }
.mod-zt-pic img { display: block; border-radius: 6px; }
.mod-zt-pic .cover { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 0 0 5px 5px; background: -webkit-linear-gradient(top, transparent 1%, transparent 30%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, transparent 1%, transparent 30%, black 100%); background: linear-gradient(top, transparent 1%, transparent 30%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000'); }
.mod-zt-pic .cover .t1 { color: #fff; padding-top: 245px; }
.mod-zt-pic .cover .t2 { font-weight: bold; color: #31b45a; font-size: 28px; line-height: 1.3; }
.mod-zt-pic .cover .btn-go { display: block; margin: 0 auto; width: 116px; height: 36px; line-height: 36px; color: #fff; font-weight: bold; font-size: 16px; border-radius: 25px; border: 2px solid #fff; margin-top: 15px; }
.mod-zt-pic .cover .btn-go:hover { border-color: #31b45a; color: #31b45a; }

.mod-tab-sc .mod-news { width: 425px; float: left; }
.mod-tab-sc .mod-news h3.tit { font-weight: bold; text-align: center; font-size: 18px; padding: 20px 0; }
.mod-tab-sc .mod-news .comm-tlist li { padding-right: 58px; position: relative; }
.mod-tab-sc .mod-news .comm-tlist li .tit { line-height: 22px; }
.mod-tab-sc .mod-news .comm-tlist li .tit span { display: inline-block; vertical-align: middle; color: #999; border-radius: 12px; padding: 0 8px; background: #f5f5f5; margin-right: 8px; }
.mod-tab-sc .mod-news .comm-tlist li a { color: #333; }
.mod-tab-sc .mod-news .comm-tlist li a:hover { text-decoration: underline; }
.mod-tab-sc .mod-news .comm-tlist li a:hover span { background: #3589dd; color: #fff; text-decoration: none; }
.mod-tab-sc .mod-news .comm-tlist li .date { position: absolute; right: 0; top: 0; color: #999; }
.mod-tab-sc .mod-video { width: 336px; float: right; padding-top: 5px; }
.mod-tab-sc .mod-video .comm-vlist { margin-right: -15px; }
.mod-tab-sc .mod-video .comm-vlist li { width: 160px; float: left; margin-right: 15px; margin-top: 15px; }
.mod-tab-sc .mod-video .comm-vlist li .txt { height: 40px; overflow: hidden; }

.pn-video .mod-zt-pic .t2 { color: #d79234; }
.pn-video .mod-zt-pic .btn-go:hover { border-color: #d79234; color: #d79234; }
.pn-video .mod-tab-sc { width: 510px; float: left; }
.pn-video .mod-video { width: 100%; float: none; }

.mod-rank-video { width: 260px; float: right; }
.mod-rank-video .bd { padding-top: 22px; }

.pn-hero .pn-hd { padding-bottom: 0; }
.pn-hero .pn-bd { background: #f5f5f5; }
.pn-hero .pn-bd .col-l { width: 240px; float: left; padding: 20px 0; }
.pn-hero .pn-bd .col-r { height: 380px; overflow-y: auto; border-left: 1px dashed #e0e0e0; padding: 20px 0px 0 10px; }
.pn-hero .pn-bd .mod-search { padding: 0 20px 25px; }
.pn-hero .pn-bd .mod-search .hd { padding-bottom: 10px; }
.pn-hero .pn-bd .mod-search .hd .tit { font-weight: bold; color: #666; }
.pn-hero .pn-bd .mod-search .search-con { overflow: hidden; position: relative; height: 28px; padding: 0 30px 0 10px; border: 1px solid #e0e0e0; border-radius: 13.8px; background-color: #fff; }
.pn-hero .pn-bd .mod-search .txt-search { width: 100%; padding: 4px 0; color: #999; border: 0; outline: 0; }
.pn-hero .pn-bd .mod-search .txt-search:focus, .pn-hero .pn-bd .mod-search .active { color: #333; }
.pn-hero .pn-bd .mod-search .btn-search { position: absolute; top: 0; right: 0; overflow: hidden; width: 28px; height: 28px; }
.pn-hero .pn-bd .mod-search .btn { position: absolute; width: 28px; height: 28px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.pn-hero .pn-bd .mod-tab { padding: 0 20px; }
.pn-hero .pn-bd .mod-tab .hd { padding-bottom: 5px; }
.pn-hero .pn-bd .mod-tab .hd .tit { font-weight: bold; color: #666; }
.pn-hero .pn-bd .mod-tab .bd .check-item { width: 33.3%; float: left; }
.pn-hero .hero-list1 { margin: 0; }
.pn-hero .hero-list1 li { width: 14.2%; height: auto; margin: 0 0 15px; }
.pn-hero .hero-list1 li img { width: 80px; height: 80px; margin: 0 auto; }
.pn-hero .hero-list1 li .txt { position: relative; padding-top: 8px; display: block; }
.pn-hero .hero-list1 li .txt .tit { color: #333; }
.pn-hero .hero-list1 a:hover { text-decoration: underline; }

.tab-hero li { width: 140px; float: left; }
.tab-hero li a { display: block; background: #e5e5e5; border-top: 3px solid #e5e5e5; line-height: 48px; text-align: center; font-size: 20px; }
.tab-hero .current a { color: #3589dd; border-top-color: #3589dd; background: #f5f5f5; font-weight: bold; }

.mod-scroll1 .slick-prev, .mod-scroll1 .slick-next { top: 40%; }

.pn-gril .skin-list .item { margin-bottom: 25px; }
.pn-gril .skin-list .cover { display: none; }
.pn-gril .skin-list .txt { padding: 5px 5px 0; }
.pn-gril .skin-list .txt span { display: block; }
.pn-gril .skin-list .cover1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; display: none; }
.pn-gril .skin-list .cover1 .mask { border-radius: 5px; }
.pn-gril .skin-list .cover1 .yue { position: absolute; left: 50%; top: 50%; width: 125px; height: 104px; text-align: center; line-height: 120px; color: #fff; font-size: 24px; background: url(/ue/a/pvp/index/2017/img/sprite.png) 0 -214px; margin: -52px 0 0 -65px; padding-left: 6px; }
.pn-gril .skin-list a:hover .cover, .pn-gril .skin-list a:hover .cover1 { display: block; }

.pn-pics { padding-top: 20px; }
.pn-pics .comm-tab { margin: 0; font-size: 0; margin-bottom: 20px; }
.pn-pics .comm-tab li { width: 33.33%; margin: 0; text-align: center; }

.comm-plist1 { margin-right: -2px; }
.comm-plist1 .item { width: 220px; height: 123px; margin-right: 2px; margin-bottom: 2px; overflow: hidden; }
.comm-plist1 .item img { width: 220px; height: 123px; }
.comm-plist1 .item1 { width: 334px; height: 248px; }
.comm-plist1 .item1 img { width: 334px; height: 248px; }
.comm-plist1 .cover { height: 100%; width: 100%; top: -248px; }
.comm-plist1 .cover .tit { display: table-cell; width: 100%; vertical-align: middle; font-size: 18px; white-space: normal; padding: 0 10px; }
.comm-plist1 a:hover .cover { top: 0; display: table; }
.comm-plist1 a:hover .tit { text-decoration: none; }

.pn-news { margin-right: -35px; }
.pn-news .mod-news { width: 310px; float: left; margin-right: 35px; }
.pn-news .mod-news .hd { border-bottom: 1px solid #eee; padding-bottom: 10px; position: relative; }
.pn-news .mod-news .hd .tit { font-size: 20px; }
.pn-news .mod-news .hd .sep { width: 6px; height: 20px; background: #333; vertical-align: middle; margin: 0 5px 3px 0; overflow: hidden; display: inline-block; }
.pn-news .mod-news .hd .more { position: absolute; top: 0; right: 0; line-height: 30px; }
.pn-news .mod-news .hd .more a { color: #999; }
.pn-news .mod-news .hd .more a:hover { color: #333; }
.pn-news .mod-news .bd { padding-top: 15px; }
.pn-news .mod-news .bd .comm-tlist li .tit a { color: #333; }
.pn-news .mod-news .bd .comm-tlist li .tit a:hover { text-decoration: underline; }

.main { padding-top: 30px; }
.main .col-l { width: 670px; float: left; }
.main .col-r { width: 300px; float: right; }

.mod-art-guide { background: #f5f5f5; padding: 10px 20px 10px 10px; margin-bottom: 10px; }
.mod-art-guide .avatar { float: left; width: 120px; margin-right: 25px; }
.mod-art-guide .avatar .tit { height: 34px; line-height: 34px; text-align: center; color: #fff; background: #288ed9; }
.mod-art-guide .text-box .tit { font-weight: bold; padding-bottom: 10px; font-size: 24px; }
.mod-art-guide .text-box .txt { color: #999; }

.list-news .list-item { position: relative; padding: 15px 0; border-top: 1px solid #ededed; }

.list-news .list-item:first-child { border-top: 0; }

.list-news .list-item:hover { background-color: #fdfdfd; }

.list-news .list-item:hover .info { visibility: visible; opacity: 1; }

.list-news .art-item-c1 { width: 130px; margin-right: 15px; }

.list-news .tit { margin-right: 3.5em; font: normal 183.3%/1.3 "MicroSoft YaHei"; }

.list-news .tit a { display: inline-block; max-width: 100%; _width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; }

.list-news .tit a:hover { color: #fff; background-color: #21ac90; text-decoration: none; }

.list-news .detail { overflow: hidden; height: 3em; margin-top: .7em; line-height: 1.5; font-size: 12px; }
.list-news .detail a { color: #ababab; }

.list-news .info { visibility: hidden; _visibility: visible; margin-top: .5em; opacity: 0; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; font-size: 12px; color: #ababab; }

.list-news .info .c1 { float: left; }

.list-news .info .c2 { float: left; margin-left: 3em; }
.list-news .info .c2 a { color: #ababab; }
.list-news .info .c2 a:hover { color: #31b45a; }

.list-news .info .c3 { float: right; }

.list-news .fun-box { position: absolute; top: 22px; right: 0; }

.list-news .fun-box a { color: #ababab; }

.list-news .fun-box a:hover { color: #31b45a; text-decoration: none; }

.list-news .btn-comment { display: none; float: left; line-height: 13px; }

.list-news .btn-comment .ico-comment { float: left; margin-right: 2px; }

.list-news .btn-share { float: left; margin-left: 10px; }

/* crumbs */
.crumb { line-height: 40px; border-bottom: 1px solid #ededed; }

.crumb a:hover { color: #31b45a; }

.zq-side-hd, .zq-side-sbd, .zq-side-zqgl-app { overflow: hidden; *zoom: 1; }

.zq-side-ptlist .item, .zq-side-plist, .zq-side-links-ex, .zq-side-list-plate .item { *zoom: 1; }

.zq-side-ptlist .item:before, .zq-side-plist:before, .zq-side-links-ex:before, .zq-side-list-plate .item:before, .zq-side-ptlist .item:after, .zq-side-plist:after, .zq-side-links-ex:after, .zq-side-list-plate .item:after { display: table; content: " "; }

.zq-side-ptlist .item:after, .zq-side-plist:after, .zq-side-links-ex:after, .zq-side-list-plate .item:after { clear: both; }

.zq-side a:hover, .zq-side-plist li .art-item-pt:hover, .zq-side-rank-video .rank-c1 .num-top, .zq-side-remm-hd .tit { color: #288ed9; }

.zq-side-hd .ico-hd, .zq-side-links a:hover, .zq-side-links-ex a:hover, .zq-side-rank-video .active .rank-c1 .num { background-color: #288ed9; }

.zq-side-links-ex a:hover { border-color: #288ed9; }

.zq-side-ico-dl, .zq-side-ico-dl-gray, .zq-side-ico-and, .zq-side-ico-and-gray, .zq-side-ico-ios, .zq-side-ico-ios-gray, .zq-side-ico-refresh { display: inline-block; vertical-align: middle; background: url(/ue/a/module/zq/2016/side/img/sprite.png) no-repeat; width: 18px; height: 18px; }

.zq-side-ico-dl { background-position: 0 0; }

.zq-side-ico-dl-gray { background-position: 0 -20px; }

.zq-side-ico-and { background-position: -22px 0; }

.zq-side-ico-and-gray { background-position: -22px -20px; }

.zq-side-ico-ios { background-position: -44px 0; }

.zq-side-ico-ios-gray { background-position: -44px -20px; }

.zq-side-ico-refresh { width: 12px; height: 12px; background-position: 0 -40px; }

.zq-side-bt-get, .zq-side-bt-reserve { display: block; font-size: 12px; color: #fff; line-height: 20px; text-align: center; }

.zq-side-bt-get { background: #57b2ff; }

.zq-side-bt-get:hover { background: #71beff; }

.zq-side-bt-reserve { background: #99cc33; }

.zq-side-bt-reserve:hover { background: #a3d147; }

.zq-side { width: 300px; margin: 0 auto; font: normal 14px/1.7 "Microsoft Yahei"; }

.zq-side a { color: #333; }

.zq-side a:hover { text-decoration: underline; }

.zq-side .red { color: #f00; }

.zq-side-mod, .zq-side-box { margin-bottom: 20px; }

.zq-side-hd { height: 30px; line-height: 30px; margin-bottom: 10px; }

.zq-side-hd .tit { float: left; font: bold 18px/30px "Microsoft Yahei"; }

.zq-side-hd .ico-hd { display: inline-block; *zoom: 1; width: 3px; height: 16px; line-height: 0; vertical-align: middle; margin: 4px 6px 7px 0; overflow: hidden; }

.zq-side-hd .more { float: right; font-size: 12px; }

.zq-side-hd .more a { color: #999; }

.zq-side .art-item { overflow: hidden; }

.zq-side .art-item .avatar { display: block; margin-bottom: 5px; }

.zq-side .art-item .avatar img { display: block; width: 100%; }

.zq-side .art-item-pt { display: block; }

.zq-side .art-item-pt .txt, .zq-side .art-item-pt .tit { display: block; cursor: pointer; }

.zq-side .art-item-pt .txt { height: 40px; line-height: 20px; overflow: hidden; }

.zq-side .art-item-pt:hover { text-decoration: none; }

.zq-side .art-item-pt:hover .tit { text-decoration: underline; }

.zq-side-ptlist .item .c1 { float: left; }

.zq-side-ptlist .item .c1 .avatar { display: block; }

.zq-side-ptlist .item .c1 .avatar img { display: block; width: 100%; }

.zq-side-ptlist .item .c2 { overflow: hidden; *zoom: 1; }

.zq-side-ptlist-recomm .item { margin-bottom: 15px; }

.zq-side-ptlist-recomm .item .c1 { width: 150px; margin-right: 15px; }

.zq-side-ptlist-recomm .item .c1 .avatar img { height: 85px; }

.zq-side-ptlist-recomm .item .c2 { height: 85px; overflow: hidden; }

.zq-side-ptlist-recomm .item .c2 .tit { width: 100%; font-size: 14px; font-weight: bold; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.zq-side-ptlist-recomm .item .c2 .tag { color: #999; font-size: 12px; }

.zq-side-ptlist-recomm .item .c2 .tag a { color: #999; margin: 0 3px; }

.zq-side-nlist { *zoom: 1; }

.zq-side-nlist li { *overflow: hidden; *zoom: 1; *display: inline; line-height: 28px; }

.zq-side-nlist li .art-item-c1 { float: right; margin-left: 10px; font-size: 12px; color: #999; }

.zq-side-nlist li .art-item-c2 { overflow: hidden; *zoom: 1; }

.zq-side-nlist li .art-item-c2 .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.zq-side-plist { _position: relative; *zoom: 1; margin: 0 -10px; }

.zq-side-plist li { float: left; _display: inline; position: relative; *zoom: 1; width: 50%; }

.zq-side-plist li .art-item { padding: 0 10px; max-width: 140px; }

.zq-side-plist li .art-item-pt { color: #666; }

.zq-side-plist li .art-item-pt:hover { text-decoration: none; }

.zq-side-plist li .art-item-pt:hover .tit, .zq-side-plist li .art-item-pt:hover .txt { text-decoration: underline; }

.zq-side-plist .art-item { margin-left: auto; margin-right: auto; }

.zq-side-plist .tit { width: 99.8%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: auto; margin-right: auto; text-align: center; }

.zq-side-plist-recd .txt { overflow: hidden; height: 40px; line-height: 20px; margin-top: 5px; }

.zq-side-plist-video li { margin-bottom: 10px; }

.zq-side-mod-guide li { margin-bottom: 20px; }

.zq-side-mod-tg { margin-bottom: 20px; }

.zq-side-mod-tg a { display: block; margin-bottom: 15px; }

.zq-side-links a { color: #333; white-space: nowrap; }

.zq-side-links a:hover { color: #fff; text-decoration: none; }

.zq-side-links .sep { font-size: 12px; font-family: "Simsun"; color: #a9a9a9; margin: 0 5px; }

.zq-side-links-ex a { display: block; float: left; padding: 0 10px; border: 1px solid #e5e5e5; margin: -1px -1px 0 0; color: #666; height: 33px; line-height: 33px; white-space: nowrap; }

.zq-side-links-ex a:hover { color: #fff; text-decoration: none; }

.zq-side-shd .tit { display: inline-block; *display: inline; *zoom: 1; background: #ededed; height: 24px; line-height: 24px; padding: 0 5px; font-weight: bold; color: #333; }

.zq-side-sbd { padding-top: 10px; }

.zq-side-mod-zqgl .zq-side-bd { border: 1px solid #ddd; background: #fafafa; padding: 10px; }

.zq-side-zqgl-app { margin-bottom: 20px; }

.zq-side-zqgl-app .c1 { width: 145px; float: left; padding: 2px; }

.zq-side-zqgl-app .c2 { float: right; width: 125px; }

.zq-side-zqgl-app .c2 .txt { font-size: 12px; }

.zq-side-zqgl-app .zq-side-btn { display: block; width: 115px; height: 50px; line-height: 50px; background: #60cefa; color: #fff; text-align: center; margin-bottom: 10px; border-radius: 5px; line-height: 1; height: 37px; padding-top: 13px; }

.zq-side-zqgl-app .zq-side-btn:hover { color: #fff; background: #14b8fa; text-decoration: none; }

.zq-side-zqgl-app .zq-side-btn .dx { display: block; font-size: 12px; line-height: 1; }

.zq-side-zqgl-app .zq-side-btn-and { background: #9ce767; }

.zq-side-zqgl-app .zq-side-btn-and:hover { background: #83f632; }

.zq-side-rank { *zoom: 1; }

.zq-side-rank li { *width: 100%; overflow: hidden; *zoom: 1; line-height: 28px; height: 28px; }

.zq-side-rank .rank-c1 { float: left; margin-right: 5px; }

.zq-side-rank .rank-c1 .num { color: #999; text-align: center; display: block; height: 28px; line-height: 28px; background: none; }

.zq-side-rank .rank-c2 { overflow: hidden; }

.zq-side-rank .rank-c2 .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.zq-side-rank-article .rank-c1 { width: 20px; }

.zq-side-rank-article .rank-c1 .num { width: 20px; }

.zq-side-rank-article .art-item-c1 { float: right; margin-left: 10px; font-size: 12px; color: #999; }

.zq-side-rank-article .art-item-c2 { overflow: hidden; *zoom: 1; }

.zq-side-rank-video .rank-c1 { width: 28px; }

.zq-side-rank-video .rank-c1 .num { width: 28px; }

.zq-side-rank-video .art-item-c1 { float: left; margin-right: 10px; width: 105px; }

.zq-side-rank-video .art-item-c2 { overflow: hidden; *zoom: 1; }

.zq-side-rank-video .art-item-c1, .zq-side-rank-video .date { display: none; }

.zq-side-rank-video .date { color: #999; font-size: 12px; }

.zq-side-rank-video .active { border-bottom: 1px solid #ddd; background: #fafafa; height: 79px; }

.zq-side-rank-video .active .rank-c1 .num { height: 54px; color: #fff; font-weight: bold; padding-top: 25px; }

.zq-side-rank-video .active .rank-c2 { padding: 10px 10px 0; }

.zq-side-rank-video .active .tit { height: 40px; line-height: 20px; white-space: normal; }

.zq-side-rank-video .active .art-item-c1, .zq-side-rank-video .active .date { display: block; }

.zq-side-remm { border: 1px solid #eee; background: #fafafa; padding: 7px 7px 20px; margin-bottom: 20px; }

.zq-side-remm-hd { text-align: center; padding: 10px 0; }

.zq-side-remm-hd .tit { font: bold 24px/1.2 "Microsoft Yahei"; }

.zq-side-remm-hd p { font-size: 14px; color: #999; }

.zq-side-remm-item { float: left; width: 120px; padding: 0 11px; text-align: center; }

.zq-side-remm-item img { margin-bottom: 8px; }

.zq-side-plist-zthot li { margin-bottom: 10px; }

.zq-side-plist-live li { margin-bottom: 10px; }

.zq-side-plist-live .art-item-pt { position: relative; *zoom: 1; }

.zq-side-plist-live .dec { top: 42px; left: 0px; display: block; width: 100%; overflow: hidden; height: 20px; line-height: 20px; padding: 15px 0 3px 0; position: absolute; background: -webkit-linear-gradient(top, transparent 1%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 70%, #000 100%); background: linear-gradient(to bottom, transparent 1%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 70%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#ff000000'); cursor: pointer; font-size: 12px; color: #fff; }

.zq-side-plist-live .dec-c1 { float: left; margin-left: 8px; }

.zq-side-plist-live .dec-c1 .ico-zq-side-video { width: 18px; height: 18px; background: url(/ue3/a/module/zq/2016/side/img/side-video.png) no-repeat; display: inline-block; *zoom: 1; margin: 0 5px 4px 0; vertical-align: middle; }

.zq-side-plist-live .dec-c2 { float: right; width: 50px; margin-right: 10px; text-align: right; }

.zq-side-plist-leadin { margin: 0 -1px; }

.zq-side-plist-leadin .dec { width: 100%; position: absolute; left: 0; bottom: 0; font-size: 12px; color: #fff; font-family: "SimSun"; line-height: 30px; height: 30px; text-align: center; z-index: 1; }

.zq-side-plist-leadin .dec span { display: block; width: 99%; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.zq-side-plist-leadin .dec b { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=60); opacity: 0.6; }

.zq-side-plist-leadin li .art-item { max-width: 100%; padding: 1px; }

.zq-side-plist-leadin li .art-item .avatar { margin-bottom: 0; }

.zq-side-plist-leadin li .art-item .avatar img { width: 149px; height: 210px; }

.zq-side-plist-leadin li .art-item-pt { position: relative; *zoom: 1; }

.zq-side-plist-leadin li .art-item-pt:hover .dec { text-decoration: underline; }

.zq-side-plist-leadin .item1, .zq-side-plist-leadin .item6 { width: 100%; }

.zq-side-plist-leadin .item1 .art-item .avatar img, .zq-side-plist-leadin .item6 .art-item .avatar img { width: 300px; height: 210px; }

:root .zq-side-plist-leadin .dec b { -webkit-filter: none \0; filter: none \0; }

.zq-side-list-plate .item { position: relative; line-height: 30px; margin-bottom: 1px; color: #999; white-space: nowrap; }

.zq-side-plate { font-size: 14px; }

.zq-side-plate .mod-hd { line-height: 26px; margin-bottom: 1px; color: #bbb; position: relative; *zoom: 1; }

.zq-side-plate .item { padding-right: 10.5em; }

.zq-side-plate .c1 { float: left; width: 3em; margin-right: 14px; }

.zq-side-plate .c2 { overflow: hidden; *zoom: 1; }

.zq-side-plate .c2 .con { width: 100%; overflow: hidden; text-overflow: ellipsis; }

.zq-side-plate .c3 { position: absolute; top: 0; overflow: hidden; }

.zq-side-plate .c4 { position: absolute; top: 0; right: 0; }

.zq-side-plate .mod-bd .c1 { font-size: 12px; }

.zq-side-plate-dy .c3 { width: 7em; right: 3em; }

.zq-side-plate-dy .c4 { width: 34px; }

.zq-side-plate-dy .c4 a { color: #fff; margin-top: 5px; }

.zq-side-plate-dy .c4 a:hover { text-decoration: none; }

.zq-side-plate-sy .c3 { width: 5em; right: 5em; }

.zq-side-plate-sy .c4 { width: 64px; font-size: 0; }

.zq-side-plate-sy .c4 i { margin: 0 2px; *margin-top: 3px; }

.zq-side-plate-sy .c4 a:hover i { opacity: 0.9; filter: alpha(opacity=90); }

.zq-side-plate-sy .mod-hd .c4 { font-size: 14px; }

.zq-side-plist1 { margin-right: -2px; }
.zq-side-plist1 li { float: left; margin-right: 2px; margin-bottom: 2px; position: relative; }
.zq-side-plist1 li .txt { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #fff; z-index: 2; }

/* pagination */
.pagination { text-align: center; padding: 40px 0; *zoom: 1; border-top: 1px solid #ededed; }

.pagination ul { font-size: 0; }

.pagination li { display: inline-block; *display: inline; *zoom: 1; margin: 0 2px; font-size: 14.004px; line-height: 24px; vertical-align: top; }

.pagination a { display: block; padding: 0 .6em; border: 1px solid #d6d6d6; color: #333; border-radius: 3px; }

.pagination a.current, .pagination a:hover { color: #fff; text-decoration: none; border-color: #288ed9; background-color: #288ed9; }

.fix-box { position: absolute; left: 50%; top: 442px; margin-left: 520px; width: 220px; }

.fix-box .comm-mod2 { padding: 7px 15px 15px 15px; background: #f3f7ff; border-top: 2px solid #fff; }

.fix-box .comm-mod2 .mod-hd { padding-left: 7px; }

.fix-box .fix-mod-news { padding-bottom: 10px; }

.fix-mod-news .mod-bd { position: relative; *zoom: 1; }

.fix-mod-news .line { border-left: 1px dotted #eaeaea; font-size: 0; overflow: hidden; position: absolute; left: 9px; top: -20px; height: 20px; }

.fix-mod-expert .expert-pic a { display: block; overflow: hidden; }
.fix-mod-expert .expert-pic a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; }

.fix-mod-expert .expert-pic img { width: 190px; height: 112px; -webkit-transition: all .3s linear; transition: all .3s linear; }

.fix-mod-expert .expert-detail { font-size: 12px; line-height: 20px; padding: 10px 0; border-bottom: 1px dotted #d2d3d4; margin-bottom: 10px; color: #999; }
.fix-mod-expert .expert-detail a { color: #488bf4; }
.fix-mod-expert .expert-detail a:hover { text-decoration: underline; }

.fix-mod-expert .list-news .tit { width: 100%; }

.fix-box .fix-mod-code { text-align: center; padding-top: 22px; padding-bottom: 22px; }

.fix-mod-code .pic img { width: 100px; height: 100px; }

.fix-mod-code .txt { color: #3a72db; font-weight: bold; line-height: 20px; margin-top: 5px; }

.fix-mod-code .info { height: 20px; overflow: hidden; }

.list-news1 li { overflow: hidden; font-size: 12px; line-height: 20px; }
.list-news1 li a { color: #636363; }
.list-news1 li a:hover { color: #488bf4; }

.list-news4 li { position: relative; line-height: 20px; *zoom: 1; }

.list-news4 .item { border-left: 1px dotted #eaeaea; margin-left: 9px; padding: 0 0 6px 15px; }

.list-news4 .tit, .list-news4 .tit a { font-weight: bold; }

.list-news4 .tit, .list-news4 .txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }

.list-news4 .txt { font-size: 12px; color: #999; }

.list-news4 .time { position: absolute; left: 0; top: 0; border: 1px solid #dcdcdd; width: 18px; height: 18px; text-align: center; color: #999; font-size: 12px; line-height: 18px; background: #f5f5f6; border-radius: 100%; }

.list-news4 li:hover .time, .list-news4 .hover .time, .list-news4 .active .time { background: #3a72db; border-color: #3a72db; color: #fff; }

.list-news4 li:hover a { color: #488bf4; }

.list-news4 .last .item { border: none; margin-left: 10px; }

.comm-mod2 .mod-hd .tit { color: #333; font-size: 18px; font-weight: bold; position: relative; padding-left: 10px; line-height: 46px; height: 46px; *zoom: 1; }

.comm-mod2 .mod-hd .sep { position: absolute; width: 5px; height: 5px; border-radius: 100%; background: #797979; font-size: 0; left: 0; top: 50%; margin-top: -3px; line-height: 1; overflow: hidden; }

/*# sourceMappingURL=style.css.map */