.main, .list-item, .art-item-c2, .pn-footer-c1, .pn-footer-c1 .item-ex, .pn-fs, .pn-fs-c2, .mod-fs-hot-info .item, .pn-zy .pn-bd, .pn-zy .col3, .pn-hero .pn-bd, .pn-hero .col-r { overflow: hidden; }

.hd:before, .pn-hd:before, .comm-tab:before, .comm-plist:before, .comm-plist2:before, .comm-list:before, .zy-list:before, .video-list:before, .card-list:before, .mod-zy:before, .mod-zy .group-a .item:before, .mod-zy .item:before, .pn-zy .col1 .mod-pic .info:before, .pn-hero .check-list:before, .pn-hero .hero-list:before, .pn-hero .hero-list .txt:before, .pn-news:before { display: table; content: ""; }
.hd:after, .pn-hd:after, .comm-tab:after, .comm-plist:after, .comm-plist2:after, .comm-list:after, .zy-list:after, .video-list:after, .card-list:after, .mod-zy:after, .mod-zy .group-a .item:after, .mod-zy .item:after, .pn-zy .col1 .mod-pic .info:after, .pn-hero .check-list:after, .pn-hero .hero-list:after, .pn-hero .hero-list .txt:after, .pn-news:after { display: table; content: ""; clear: both; }

.comm-mod .hd .tit { display: inline-block; *display: inline; *zoom: 1; }

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

.news-list li .tit, .comm-plist li .tit, .comm-plist2 li .cover .tit, .comm-tlist li .tit, .zy-list li .name, .zy-list li .btn, .mod-fs-news .tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; *width: 100%; }

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

@font-face { font-family: 'icofont'; src: url("http://ue2.17173cdn.com/a/lib/zhuanqu/header/fonts/icofont.eot?8hapvw"); src: url("http://ue2.17173cdn.com/a/lib/zhuanqu/header/fonts/icofont.eot?8hapvw#iefix") format("embedded-opentype"), url("http://ue2.17173cdn.com/a/lib/zhuanqu/header/fonts/icofont.ttf?8hapvw") format("truetype"), url("data:application/font-woff;base64,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") format("woff"), url("http://ue2.17173cdn.com/a/lib/zhuanqu/header/fonts/icofont.svg?8hapvw#icofont") 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-repeat: no-repeat; background-position: center top; font: normal 12px/1.7 "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; }

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

.header-c1 { position: absolute; bottom: 0; left: 0; width: 100%; }

.logo { position: absolute; width: 346px; }

.logo .logo-con { display: block; text-align: center; }

.logo .logo-con:hover { text-decoration: none; }

.logo .game-name { display: block; font-size: 22px; }

.logo .game-url { display: block; font: 16px; }

.nav-list { *zoom: 1; }

.nav-list:before { content: ' '; display: table; }

.nav-list:after { content: ' '; display: table; clear: both; }

.nav-list .current { height: 45px; padding-top: 0; }

.nav-list .current .nav-con { padding-top: 5px; color: #fff; background-color: #008bff; border-right-color: #008bff; }

.nav-item { float: left; position: relative; padding-top: 5px; }

.nav-con { display: block; overflow: hidden; min-width: 4em; padding: 0 1.5em; font: normal 18px/40px "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; color: #fff; text-align: center; background-color: #1f53c5; border-right: 1px solid #2563d0; }

.nav-con:hover { color: #fff; text-decoration: none; background-color: #1942b9; text-decoration: none; }

.nav-sub { overflow: hidden; *zoom: 1; height: 40px; padding: 0 220px 0 20px; background-color: #008bff; }

.nav-sub .con { float: left; font: normal 14px/40px "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; color: #fff; }

.nav-sub .sep { color: #fff; font-size: 14px; float: left; margin: 0 10px; line-height: 40px; display: inline-block; }

.header .quick-start { overflow: hidden; position: relative; z-index: 2; height: 73px; padding-top: 12px; padding: 12px 220px 0 10px; font-family: "Helvetica Neue", Arial, SimSun, "PingFang SC", "ST Heiti", sans-serif; }

.header .quick-start .item { float: left; padding: 0 15px; line-height: 30px; color: #34302f; white-space: nowrap; }

.header .quick-start .tit { color: #3ad4ff; font-weight: bold; }

.header .quick-start .con { color: #999; margin-right: 7px; }

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

.header .quick-start .yellow { color: #ffcd00; }

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

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

.header-c2 { position: absolute; z-index: 10; bottom: 0; right: 0; width: 220px; height: 125px; background-color: #252525; box-shadow: -3px 0 4px rgba(0, 0, 0, 0.6); }

.header-c2 .link-box { overflow: hidden; *zoom: 1; margin-bottom: 15px; background-color: #e5645e; }

.header-c2 .link-box .con { float: left; width: 49.9%; margin-left: -1px; font: normal 18px/40px "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; color: #fff; text-align: center; border-left: 1px solid #ef7977; }

.header-c2 .link-box .con:hover { color: #fff; text-decoration: none; background-color: #ef7977; }

.header-c2 .link-box1 { margin: 0 0 8px; color: #999; font-family: "Helvetica Neue", Arial, SimSun, "PingFang SC", "ST Heiti", sans-serif; text-align: center; }

.header-c2 .link-box1 .sep { color: #999; margin: 0 5px; }

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

.header-c2 .search-box { margin: 0 20px; }

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

.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 24px; line-height: 24px; margin: 0; padding: 0; color: #999; border: 0; background: none; }

.header-c2 .txt-search:focus { color: #fff; }

.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; }

/*the global*/
body { font-size: 14px; font-family: "Helvetica Neue", Arial, SimSun, "PingFang SC", "ST Heiti", sans-serif; min-width: 1280px; }

a:focus, a:active, a:hover { outline: none; }

a { color: #333; }

a:hover { text-decoration: underline; }

.global-footer { color: #666; background: #222; padding: 20px 0; }

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

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

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

.ico { display: inline-block; background: url(//ue.17173cdn.com/a/ro/index/2017/img/sprite.png); vertical-align: middle; }

.ico-heart { width: 8px; height: 8px; background-position: -80px 0; margin: 0 3px 2px; }

.ico-search { width: 19px; height: 19px; background-position: -81px -12px; }

.ico-kj { width: 20px; height: 21px; background-position: 0 -67px; margin: 0 5px 2px 0; }

.ico-shoes { width: 19px; height: 15px; background-position: -28px -67px; margin: 0 5px 2px 0; }

.ico-pf { width: 22px; height: 18px; background-position: -54px -67px; margin: 0 5px 2px 0; }

.ico-tk { width: 14px; height: 18px; background-position: -86px -67px; margin: 0 5px 2px 0; }

.ico-md { width: 14px; height: 22px; background-position: -113px -67px; margin: 0 5px 2px 0; }

.ico-wq { width: 23px; height: 23px; background-position: -136px -67px; margin: 0 5px 2px 0; }

.ico-zsp { width: 18px; height: 19px; background-position: -166px -67px; margin: 0 5px 2px 0; }

.ico-worker { width: 12px; height: 12px; background-position: -124px -13px; margin: 0 5px 2px 0; }

.ico-date { width: 12px; height: 12px; background-position: -138px -13px; margin: 0 5px 2px 0; }

.ico-comment { width: 12px; height: 12px; background-position: -153px -13px; margin: 0 5px 2px 0; }

.hd .tit { font-weight: bold; float: left; }
.hd .more { float: right; font-size: 12px; }

.pn-hd .tit { float: left; }
.pn-hd .more { float: right; font-size: 12px; color: #fff; }

.pn { padding-bottom: 30px; }
.pn .pn-hd { height: 45px; background: #315cba; padding: 0 10px 0 20px; }
.pn .pn-hd .tit { float: left; font-family: "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; font-size: 22px; padding-right: 75px; line-height: 45px; color: #fff; }
.pn .pn-hd .more { line-height: 45px; color: #fff; }
.pn .pn-hd .more a { color: #fff; padding: 0 10px; }

.pn1 { padding-bottom: 30px; }
.pn1 .pn-hd { padding-bottom: 15px; line-height: 30px; }
.pn1 .pn-hd .tit { font-weight: bold; font-size: 22px; font-family: "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; }
.pn1 .pn-hd .more a { color: #ababab; }
.pn1 .pn-hd .sep { width: 5px; height: 20px; display: inline-block; vertical-align: middle; background: #333; display: inline-block; margin: 0 10px 2px 0; overflow: hidden; }

.pn2 .pn-bd { background: #f8f8f8; border: 1px solid #e5e5e5; padding: 20px; }

.pn-sub { font-family: "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; }
.pn-sub .pn-hd { padding: 30px 0 25px; }
.pn-sub .pn-hd .tit { width: 330px; height: 84px; line-height: 84px; background: url(//ue.17173cdn.com/a/ro/index/2017/img/bg-hd.png) no-repeat center center; text-align: center; font-size: 36px; font-weight: bold; color: #008bff; }
.pn-sub .pn-hd .mod-search { padding: 50px 0 0; float: right; width: 230px; }
.pn-sub .pn-hd .search-con { overflow: hidden; position: relative; height: 34px; padding: 0 35px 0 8.28px; background-color: #eee; border-radius: 5px; }
.pn-sub .pn-hd .txt-search { width: 100%; padding: 6px 0; height: 22px; line-height: 22px\9; color: #999; border: 0; outline: 0; background: #eee; }
.pn-sub .pn-hd .btn-search { position: absolute; top: 5px; right: 8px; overflow: hidden; width: 28px; height: 28px; text-align: center; }
.pn-sub .pn-hd .btn-search .ico-search { background-position: -103px -12px; }
.pn-sub .pn-hd .btn { position: absolute; width: 28px; height: 28px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }

.pn-tq .pn-bd { border-top: 6px solid #008bff; }
.pn-tq .mod-card { border: 1px solid #e4eaef; padding: 20px 0 0px; margin-top: 20px; max-height: 705px; overflow-y: auto; }

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

.comm-mod .hd { border-bottom: 1px solid #e5e5e5; }
.comm-mod .hd .tit { margin-bottom: -1px; line-height: 30px; font-weight: bold; padding: 0 5px; border-bottom: 2px solid #008bff; }
.comm-mod .more { line-height: 30px; }

.comm-tab { float: left; padding-top: 7px; }
.comm-tab li { float: left; }
.comm-tab li a { display: inline-block; color: #fff; background: #008bff; height: 38px; line-height: 38px; border-left: 1px solid #33a2ff; padding: 0 15px; }
.comm-tab li a:hover { background: #fff; color: #008bff; text-decoration: none; }
.comm-tab li:first-child a { border-left: 0; }
.comm-tab li.current a { background: #fff; color: #008bff; }

.tab-tq { float: none; padding-top: 20px; margin: 0 -14px; }
.tab-tq li { float: left; font-size: 16px; margin: 0 14px; }
.tab-tq li a { color: #333; height: 40px; line-height: 40px; border-left: 0; padding: 0 14px; background: #fff; border-radius: 4px; }
.tab-tq li a:hover { background: #008bff; color: #fff; }
.tab-tq li.current a { background: #008bff; color: #fff; }

.tab-tq1 li { margin-bottom: 10px; }
.tab-tq1 li a { height: 30px; line-height: 30px; padding: 0 20px; }

.news-list li { position: relative; padding-right: 50px; height: 25px; line-height: 25px; background: url(//ue.17173cdn.com/a/ro/index/2017/img/dot.jpg) no-repeat left center; padding-left: 10px; }
.news-list li .date { position: absolute; right: 0; top: 0; font-size: 12px; color: #a6a6a6; }
.news-list .sep { padding-bottom: 10px; border-bottom: 1px dashed #bebebe; margin-bottom: 10px; }

.comm-plist { margin: 0 -5px; }
.comm-plist li { float: left; width: 180px; margin: 0 5px 10px; }
.comm-plist li .avatar { display: block; }
.comm-plist li .avatar img { display: block; width: 178px; height: 58px; padding: 1px; }
.comm-plist li .tit { display: block; height: 30px; line-height: 30px; text-align: center; font-size: 12px; }
.comm-plist li a:hover img { border: 1px solid #3c7f99; padding: 0; }

.comm-plist1 { margin: 15px -12px 0; }
.comm-plist1 li { width: 169px; margin: 10px 12px; }
.comm-plist1 li .avatar img { width: 167px; height: 117px; }
.comm-plist1 li .tit { white-space: normal; height: 40px; line-height: 20px; padding-top: 5px; }
.comm-plist1 li a:hover img { border: 1px solid #000; }

.comm-plist2 { margin: 0 -19px; }
.comm-plist2 li { width: 160px; margin: 0 19px; float: left; }
.comm-plist2 li .avatar { position: relative; display: block; }
.comm-plist2 li .avatar img { width: 160px; height: 120px; display: block; }
.comm-plist2 li .txt { display: block; height: 40px; overflow: hidden; line-height: 20px; padding-top: 5px; }
.comm-plist2 li .txt .tag { display: inline-block; font-size: 12px; background: #e5645e; color: #fff; padding: 0 3px; border-radius: 3px; vertical-align: middle; position: relative; margin-right: 8px; }
.comm-plist2 li .txt .tag:after { content: ''; width: 0; height: 0; line-height: 0; border-width: 3px 5px; border-style: solid; border-color: transparent transparent transparent #e5645e; border-style: dashed dashed dashed solid; position: absolute; bottom: 7px; right: -10px; }
.comm-plist2 li .cover { position: absolute; width: 100%; height: 120px; left: 0; top: 0; z-index: 5; }
.comm-plist2 li .cover .mask { -webkit-transition: all .2s; transition: all .2s; }
.comm-plist2 li .cover .tit { width: 100%; height: 24px; line-height: 24px; position: absolute; color: #fff; z-index: 5; left: 0; bottom: 0; text-align: center; font-size: 12px; }
.comm-plist2 li a:hover .cover .mask { opacity: 0; filter: alpha(opacity=0); }
.comm-plist2 li a:hover .tit .mask { opacity: 0.5; filter: alpha(opacity=50); }

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

.comm-list li { float: left; padding: 5px 0; width: 33.3%; }
.comm-list li img { display: inline-block; vertical-align: middle; margin: 0 8px 5px 0; }

.zy-list { margin: 0 -5px; }
.zy-list li { float: left; width: 84px; margin: 0 5px; }
.zy-list li .name { color: #008bff; padding: 5px 3px; }
.zy-list li .btn { display: block; height: 25px; line-height: 25px; margin-bottom: 2px; background: #ebebeb; text-align: center; border-radius: 3px; }
.zy-list li .btn:hover { background: #008bff; color: #fff; text-decoration: none; }

.zy-list1 li { width: 129px; }

.zy-list2 li { padding-top: 5px; }
.zy-list2 li .name { color: #008bff; }
.zy-list2 li .btn { display: inline-block; height: 25px; line-height: 25px; background: #ebebeb; padding: 0 15px; margin-left: 5px; border-radius: 3px; }
.zy-list2 li .btn:hover { background: #008bff; color: #fff; text-decoration: none; }

.video-list { margin: 0 -13px 0; }
.video-list li { float: left; width: 230px; margin: 0 13px 20px; }
.video-list li .avatar { position: relative; display: block; margin-bottom: 8px; }
.video-list li .avatar img { display: block; width: 230px; height: 130px; }
.video-list li .cover { position: absolute; left: 0; top: 0; background: url(//ue.17173cdn.com/a/ro/index/2017/img/cover.png) no-repeat center center; width: 100%; height: 100%; }
.video-list li .txt { display: block; height: 40px; line-height: 20px; overflow: hidden; }
.video-list li a:hover .cover { display: none; }

.card-list li { float: left; width: 33.33%; text-align: center; margin-bottom: 20px; }
.card-list li img { display: block; margin: 0 auto; }
.card-list li span { background: #eee; position: relative; z-index: 3; display: inline-block; }
.card-list li span:before { content: '\52a0\8f7d\4e2d...'; position: absolute; width: 100%; text-align: center; left: 0; top: 0; color: #ccc; line-height: 116px; z-index: -1; }

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

.list-article { font-family: "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; }
.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 .art-item-c2 .info { margin-top: 5px; color: #999; }
.list-article .art-item-c2 .info span { padding-right: 15px; }
.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: #008bff; }

.table-comm { border: 2px solid #c7d1d9; background: #f9fcff; text-align: center; margin-bottom: 30px; }
.table-comm td { border: 1px solid #c7d1d9; line-height: 24px; padding: 5px 0; }
.table-comm .leftLine td { border: none; }

.table-comm1 { background: #fff; }

.table-comm2 { text-align: center; border: 1px solid #c7d1d9; margin-bottom: 30px; }
.table-comm2 th { background: #e7f2fb; line-height: 70px; text-align: center; font-size: 24px; }
.table-comm2 td { padding: 15px 8px; border: 1px solid #c7d1d9; color: #666; }

.crumb { line-height: 40px; border-bottom: 1px solid #ededed; font-family: "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; padding-bottom: 10px; }

.crumb a:hover { color: #008bff; }

.highlight { background: red; color: #fff; }

.pn-footer { background: #222; padding: 30px 0 0; font-family: "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; }

.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: #666; 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 { width: 81px; color: #666; }

.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; }

/* pagination */
.pagination { text-align: center; padding: 40px 0; }

.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; }

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

.content { padding: 20px 0; }

.pn-fs { padding-bottom: 20px; }

.pn-fs-c1 { width: 390px; float: left; margin-right: 30px; }

.mod-fs-news { text-align: center; padding-bottom: 15px; }
.mod-fs-news .tit { font-size: 16px; color: #e5645e; font-weight: bold; height: 30px; line-height: 30px; }
.mod-fs-news .tit a { color: #e5645e; }
.mod-fs-news .links { font-size: 12px; }
.mod-fs-news .links a { color: #a6a6a6; padding: 0 3px; }

.mod-fs-news-list .more { text-align: right; padding: 10px; }
.mod-fs-news-list .more a { color: #e5645e; font-size: 12px; }

.mod-fs-notice { padding-top: 10px; }
.mod-fs-notice .hd { height: 35px; line-height: 35px; padding: 0 10px; background: #eeeeee; }
.mod-fs-notice .bd { padding: 10px 0; }

.mod-fs-hot-info { background: #f4f4f4; padding: 0 10px; margin-top: 15px; }
.mod-fs-hot-info .item { padding: 10px 0; border-bottom: 1px dashed #bab6af; display: table; width: 100%; }
.mod-fs-hot-info .item dt { display: table-cell; width: 85px; vertical-align: middle; }
.mod-fs-hot-info .item dt .tit { height: 30px; line-height: 30px; color: #fff; font-weight: bold; background: #e5645e; text-align: center; }
.mod-fs-hot-info .item dd { display: table-cell; vertical-align: middle; height: 100%; }
.mod-fs-hot-info .item dd a { font-size: 12px; padding-left: 10px; display: inline-block; line-height: 1.8; }
.mod-fs-hot-info .even dt .tit { background: #008bff; }
.mod-fs-hot-info .last { border: none; }

.mod-fs-ss { padding: 5px 10px; background: #f4f4f4; margin-top: 15px; }
.mod-fs-ss .hd { height: 30px; line-height: 30px; }

.mod-zy .group { float: left; }
.mod-zy .group .avatar a, .mod-zy .group .avatar img { display: block; }
.mod-zy .group .cell { position: relative; }
.mod-zy .group .btn a { display: block; border-radius: 40px; border: 1px solid #999; background: #fff; line-height: 50px; font-weight: bold; text-align: center; color: #008bff; font-size: 20px; }
.mod-zy .group .btn a:hover { background: #008bff; color: #fff; border-color: #008bff; text-decoration: none; }
.mod-zy .group .txt { position: absolute; left: 120px; bottom: 0; width: 108px; text-align: right; color: #999; font-size: 16px; height: 48px; }
.mod-zy .group-a { width: 132px; margin-right: 108px; padding-top: 205px; }
.mod-zy .group-a .item { margin-bottom: 130px; }
.mod-zy .group-a .item .shape { position: absolute; width: 108px; height: 5px; border-top: 2px dotted #999; overflow: hidden; left: 134px; bottom: 20px; }
.mod-zy .group-a .item .shape1 { position: absolute; height: 1761px; width: 5px; border-right: 2px dotted #999; overflow: hidden; left: 238px; top: -29px; }
.mod-zy .group-b { width: 740px; }
.mod-zy .round { float: left; }
.mod-zy .round .shape-l { position: absolute; width: 60px; height: 5px; border-top: 2px dotted #999; overflow: hidden; left: -56px; top: 50%; }
.mod-zy .round .shape-l1 { left: 110px; top: 50%; width: 88px; }
.mod-zy .round .shape-ls { width: 104px; height: 158px; border: 2px dotted #999; border-right: 0; position: absolute; left: 200px; top: 50%; margin-top: -80px; }
.mod-zy .round .name { position: absolute; width: 100px; text-align: right; left: -100px; top: 28px; font-size: 16px; font-weight: bold; }
.mod-zy .round .txt { top: 50%; margin-top: -22px; left: 88px; z-index: 5; }
.mod-zy .round .avatar { width: 106px; height: 110px; position: relative; }
.mod-zy .round .avatar img { position: absolute; left: 50%; top: 50%; width: 146px; height: 110px; margin: -55px 0 0 -73px; }
.mod-zy .round-one { padding-left: 60px; padding-top: 120px; }
.mod-zy .round-two, .mod-zy .round-three { padding-left: 205px; }
.mod-zy .round-two .btn-skill, .mod-zy .round-three .btn-skill { position: absolute; color: #fff; background: #b4717a; padding: 0 8px; line-height: 20px; border-radius: 20px; left: -100px; top: 54px; font-size: 12px; }
.mod-zy .round-two .btn-skill:hover, .mod-zy .round-three .btn-skill:hover { background: #c17b85; text-decoration: none; }
.mod-zy .round-two .name, .mod-zy .round-three .name { top: 20px; left: -124px; }
.mod-zy .round-two .cell, .mod-zy .round-three .cell { margin-top: 50px; }
.mod-zy .round-two .txt, .mod-zy .round-three .txt { left: 100px; width: 40px; }
.mod-zy .round-two .shape-l2, .mod-zy .round-three .shape-l2 { left: 155px; top: 40%; width: 105px; z-index: 6; }
.mod-zy .round-three { padding-left: 157px; }
.mod-zy .round-three .name { left: -105px; }
.mod-zy .round-three .btn-skill { left: -80px; top: 52px; }
.mod-zy .item-ex .shape-ls { height: 318px; margin-top: -158px; }
.mod-zy .item-ex .round-one { padding-top: 198px; }
.mod-zy .item-ex .round-one .shape-l1 { width: 178px; }

.pn-zy .pn-bd { padding-top: 25px; }
.pn-zy .col1 { float: left; width: 282px; height: 312px; }
.pn-zy .col1 .mod-pic { background: #eee; padding: 1px; height: 307px; }
.pn-zy .col1 .mod-pic img { display: block; }
.pn-zy .col1 .mod-pic .info { padding: 5px 15px; }
.pn-zy .col1 .mod-pic .info .item { width: 50%; float: left; height: 24px; line-height: 24px; font-size: 12px; }
.pn-zy .col1 .mod-pic .info .item .star { display: inline-block; width: 76px; background: url(//ue.17173cdn.com/a/ro/index/2017/img/sprite.png); height: 11px; overflow: hidden; position: relative; }
.pn-zy .col1 .mod-pic .info .item .star-in { height: 100%; position: absolute; left: 0; top: 0; background: url(//ue.17173cdn.com/a/ro/index/2017/img/sprite.png) 0 -14px; }
.pn-zy .col2 { float: left; width: 275px; padding: 0 25px; border-right: 1px solid #ddd; margin-right: 30px; }
.pn-zy .col2 .mod-vote { margin-top: 22px; }
.pn-zy .col2 .mod-vote .btn { width: 133px; margin: 0 2px; }
.pn-zy .col3 .bd { padding-top: 15px; }
.pn-zy .mod-vote { font-size: 0; margin: 13px -3px 0; }
.pn-zy .mod-vote a { display: inline-block; height: 38px; line-height: 38px; width: 138px; text-align: center; font-size: 16px; border-radius: 3px; color: #fff; margin: 0 3px; }
.pn-zy .mod-vote a:hover { text-decoration: none; }
.pn-zy .mod-vote .btn-vote { background: #e5645e; }
.pn-zy .mod-vote .btn-vote .num { font-size: 12px; }
.pn-zy .mod-vote .btn-vote:hover { background: #e6716b; }
.pn-zy .mod-vote .btn-rw { background: #008bff; }
.pn-zy .mod-vote .btn-rw:hover { background: #259cff; }
.pn-zy .box-zy { padding: 14px 0 0; font-size: 12px; }
.pn-zy .box-zy .zy-tit { font-weight: bold; }
.pn-zy .box-zy .zy-dec { padding: 8px 0; }
.pn-zy .box-zy .zy-dec a { color: #999; }

.pn-zy2 .col3 .bd { padding-top: 10px; }
.pn-zy2 .col3 .comm-plist1 { margin-top: 0; }
.pn-zy2 .col3 .comm-plist1 li { margin-top: 8px; }

.pn-zy3 .col2 .mod-vote { margin: 15px 0 0; }
.pn-zy3 .col2 .mod-vote .btn { width: 100%; margin: 10px 0 0; }
.pn-zy3 .col3 .bd { padding-top: 10px; }
.pn-zy3 .col3 .comm-plist1 { margin-top: 0; }
.pn-zy3 .col3 .comm-plist1 li { margin-top: 8px; }

.pn-hero .pn-bd { padding: 0; }
.pn-hero .col-l { width: 300px; float: left; background: #f8f8f8; }
.pn-hero .col-r { background: #fff; height: 240px; overflow-y: auto; padding: 20px 15px 0; }
.pn-hero .mod-search { padding: 18px 27px; }
.pn-hero .search-con { overflow: hidden; position: relative; height: 34px; padding: 0 35px 0 8.28px; border: 1px solid #e2e2e2; background-color: #fff; }
.pn-hero .txt-search { width: 100%; padding: 6px 0; height: 22px; line-height: 22px\9; font-size: 12px; color: #999; border: 0; outline: 0; }
.pn-hero .btn-search { position: absolute; top: 5px; right: 8px; overflow: hidden; width: 28px; height: 28px; text-align: center; }
.pn-hero .btn-search:hover .ico-search { background-position: -103px -12px; }
.pn-hero .btn { position: absolute; width: 28px; height: 28px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.pn-hero .check-list { padding: 0 27px; }
.pn-hero .check-list .check-item { width: 50%; float: left; padding-bottom: 12px; }
.pn-hero .check-list input { display: inline-block; vertical-align: middle; margin: 0 5px 2px 0; }
.pn-hero .hero-list li { width: 14.2%; height: auto; margin: 0 0 15px; float: left; text-align: center; }
.pn-hero .hero-list img { width: 80px; height: 80px; margin: 0 auto; }
.pn-hero .hero-list .txt { position: relative; display: block; }
.pn-hero .hero-list .txt .tit { color: #333; }

.pn-news { margin-left: -19px; }
.pn-news .col { float: left; width: 305px; border-left: 1px dotted #eaeaea; padding-left: 20px; margin-left: 19px; }
.pn-news .col:first-child { border: none; padding-left: 0; }
.pn-news .pn-hd .tit { font-weight: normal; }
.pn-news .news-list li { height: 28px; line-height: 28px; }

.pics-list { height: 383px; position: relative; }
.pics-list li { position: absolute; font-family: "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; overflow: hidden; }
.pics-list li img { display: block; }
.pics-list .cover { z-index: 5; position: absolute; left: 0; top: 0; color: #fff; width: 100%; height: 100%; top: -383px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
.pics-list .mask { opacity: 0.6; filter: alpha(opacity=60); }
.pics-list .tit { display: block; padding: 20px; font-size: 16px; line-height: 1.4; }
.pics-list .btn-go { display: block; width: 58px; height: 27px; line-height: 27px; font-size: 18px; background: url(//ue.17173cdn.com/a/ro/index/2017/img/sprite.png) 0 -34px; text-indent: 12px; margin-left: 20px; margin-top: -10px; }
.pics-list a:hover .cover { top: 0; }
.pics-list .item1 { left: 0; top: 0; }
.pics-list .item1 .tit { font-size: 24px; }
.pics-list .item2 { left: 210px; top: 0; }
.pics-list .item2 .tit { font-size: 24px; }
.pics-list .item3 { left: 210px; top: 260px; }
.pics-list .item4 { left: 369px; top: 260px; }
.pics-list .item5 { left: 527px; top: 0; }
.pics-list .item6 { left: 527px; top: 130px; }
.pics-list .item7 { left: 527px; top: 260px; }
.pics-list .item8 { left: 687px; top: 0; }
.pics-list .item9 { left: 848px; top: 0; }
.pics-list .item10 { left: 687px; top: 130px; }
.pics-list .item10 .tit { font-size: 24px; }

.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; height: 195px; overflow: hidden; margin: 0 auto; }

.focus .focus-item { position: relative; *zoom: 1; display: block; }

.focus .pic-box { display: block; }

.focus .txt-box { position: absolute; left: 0; bottom: 0; z-index: 99; width: 100%; }

.focus .txt-in { display: block; padding: 8px 180px 5px 10px; color: #fff; font-size: 16px; line-height: 22px; font-family: "Helvetica Neue", Arial, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif; }

.focus .pic-box img { height: 195px; width: 100%; }

.focus .slick-dots { position: absolute; z-index: 1001; bottom: 6px; list-style: none; display: block; text-align: right; right: 5px; height: 6px; font-size: 0; }

.focus .slick-dots li { display: inline-block; margin: 0px 3px 0 0; padding: 0px; cursor: pointer; }

.focus .slick-dots li span { border: 0; background: #606060; display: block; height: 6px; width: 37px; outline: none; font-size: 0; color: #fff; cursor: pointer; outline: none; overflow: hidden; }

.focus .slick-dots .slick-active span { background-color: #3c7f99; }

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