@charset "utf-8";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none;word-warp: break-warp;word-break: break-all;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
body {line-height:1.5; font-size: 14px; font-family: Microsoft YaHei; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input, img { vertical-align: middle; outline: none;border:0 }
a { text-decoration: none;  blr: expression(this.onFocus=this.blur());outline: none; }
a:hover {  text-decoration: none; }
a:focus{ outline: none;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
.cl:after { content: ""; display: block; clear: both;visibility: hidden;height: 0 }
.cl { zoom: 1; }
.fl { float: left; }
.fr { float: right;}
.mb2{margin-bottom: 20px;}
body{min-width: 1400px;}
.top{ height: 1278px; background:url(https://tc.thegyee.com/_s/pcmain/top.jpg) no-repeat center top;}
.wrap1200{ width: 1200px; margin: 0 auto; position: relative;}
.alogo{ display: inline-block; width: 170px;height: 88px; background: url(https://tc.thegyee.com/_s/icon/logo.png) no-repeat; margin-left: 40px; position: relative; z-index: 9;background-size: 90% auto;}

.share-box{ width: 430px; height: 62px; background: rgba(35,43,71,.8); border: 1px solid #5da9c5; border-radius: 31px; -webkit-border-radius: 31px; -moz-border-radius: 31px; display: inline-block; float: right; margin: 20px 14px 0 0; position: relative; z-index: 6;}
.share-box a{ float: left; display: inline-block; margin-top: 8px; text-align: center;width: 75px; color: #fff;}
.share-box .line{ width: 2px; height: 34px; background: url(https://tc.thegyee.com/_s/pcmain/share-split.png) no-repeat center top; display: inline-block; margin: 14px 14px 0 14px;}
.share-box .share-txt{ display: block; text-align: center;}
.share-weixin{ margin-left: 20px; position: relative}
.share-weixin img{ width: 120px;height: 120px; position: absolute; left:50%; top:60px; margin-left: -60px; display: none;}
.share-weixin:hover img{ display: block;}
.share-box a:hover{ color: #5ea9c6;}
.share-box em{ display: inline-block; width: 30px;  height: 24px; font-weight: normal;}
.share-weixin em{  background: url(https://tc.thegyee.com/_s/pcmain/share_weixin.png) no-repeat center top;}
.share-weixin:hover em{background-position: center -24px;}
.share-weibo em{  background: url(https://tc.thegyee.com/_s/pcmain/share_weibo.png) no-repeat center top;}
.share-weibo:hover em{background-position: center -24px;}
.share-facebook em{  background: url(https://tc.thegyee.com/_s/pcmain/share_facebook.png) no-repeat center 2px;}
.share-facebook:hover em{background-position: center -24px;}
.share-twitter em{  background: url(https://tc.thegyee.com/_s/pcmain/share_twitter.png) no-repeat center 2px;}
.share-twitter:hover em{background-position: center -24px;}
.slogan{ position: absolute; left:-65px; top:208px; width: 846px; height: 576px; background: url(https://tc.thegyee.com/_s/pcmain/slogan.png) no-repeat center top; z-index: 4;}
.role{ position: absolute; left:260px; top:56px; width: 1039px; height: 1076px; background: url(https://tc.thegyee.com/_s/pcmain/role.png) no-repeat center top; z-index: 2;}


.mess-box{ position: relative; margin-top: 770px; width: 100%; height: 308px; z-index: 6}

.download{ width: 150px; height: 308px; border: 1px solid #5da9c5; background: rgba(35,43,71,.8); text-align: center; float: left; margin-right: 30px; overflow: hidden;}
.down-game{ width: 123px; display: block; margin: 0 auto; margin: 13px; color: #fff; margin-bottom: 30px;}
.down-game img{ margin-bottom: 10px; color: #fff; width: 120px;}
.btnios{ display: block; margin: 0 auto; width: 123px; height: 39px; margin-bottom: 16px; background: url(https://tc.thegyee.com/_s/pcmain/btnIOS.png) no-repeat;}
.btnand{ display: block; margin: 0 auto; width: 123px; height: 39px; margin-bottom: 16px; background: url(https://tc.thegyee.com/_s/pcmain/btnAnd.png) no-repeat;} 

.img-thumb{ width: 534px; height: 308px; border: 1px solid #5da9c5; background: rgba(35,43,71,.8); float: left; overflow: hidden;}
.imgWrap{ width: 522px; height: 296px; margin: 0 auto; margin-top: 5px;}
.imgWrap a{ position: relative; width: 522px;height: 296px; display: block; overflow: hidden;}
.imgWrap span{ display: inline-block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: url(https://tc.thegyee.com/_s/pcmain/img-wrap.png) no-repeat center top;}
.swiper1-pagination .swiper-pagination-bullet{ width: 24px; height: 24px; opacity: 1; background: url(https://tc.thegyee.com/_s/pcmain/point-on.png) no-repeat center top;}
.swiper1-pagination .swiper-pagination-bullet-active{ background: url(https://tc.thegyee.com/_s/pcmain/point.png) no-repeat center top;}
.imgWrap img{ width: 522px;}

.news-wrap{ width: 460px; height: 308px; float: right;border: 1px solid #5da9c5; background: rgba(35,43,71,.8);}
.newsTab{ width: 414px; margin: 18px 28px 0 28px; padding-bottom: 10px;}
.newsTab span{ height: 34px; line-height: 34px; width: 89px; background: url(https://tc.thegyee.com/_s/pcmain/tab.png) no-repeat center top; color: #fff; font-size: 18px; display: inline-block; text-align: center; margin-right: 10px; cursor: pointer; transition:all .2s; -webkit-transition: all .2s;background-size: 100% 100%;}
.newsTab span.on,.newsTab span:hover{ background: url(https://tc.thegyee.com/_s/pcmain/tab-on.png) no-repeat center top; color: #171923; background-size: 100% 100%;}
.newsTab{ background: url(https://tc.thegyee.com/_s/pcmain/split-news.png) no-repeat center bottom;}
.newsCont{ margin: 0 28px; position: relative; display: none; height: 216px;}
.newsCont li{ height: 36px;line-height: 36px; position: relative; color: #fff; background: url(https://tc.thegyee.com/_s/pcmain/split-li.png) no-repeat center bottom; }
.newsCont a{ color: #fff; display: block; width: 350px; transition:all .2s;-webkit-transition: all .2s;}
.newsCont .time{ display: inline-block; position: absolute; right: 0; top:0; height: 34px;line-height: 34px; color: #888;}
.newsCont li:hover a,.newsCont li:hover .time{ color: #5da9c5;}
.newsCont .btnMore{ width: 129px; height: 40px; position: absolute; left:50%; bottom:-48px; background: url(https://tc.thegyee.com/_s/pcmain/newsmore.png) no-repeat center top; line-height: 40px; text-align: center; overflow: hidden; text-indent: -99999px; margin: 0 0 0 -65px;}
.split{ height: 33px; width: 100%; position: relative; background: url(https://tc.thegyee.com/_s/pcmain/split-main.png) no-repeat center top; margin-top: -18px; z-index: 3}

.rightside{ width: 174px; padding-bottom: 14px; position: fixed; right: 10px; z-index: 99; top:50%; margin-top: -230px; background: url(https://tc.thegyee.com/_s/pcmain/rightside.png) no-repeat center top; background-size: 100% 100%; text-align: center; font-size: 14px; color: #fff; overflow: hidden;}
.rightside a,.rightside span{ display: block; text-align: center; width: 126px; margin:0 auto;}
.rightside img{ max-width: 126px; margin-bottom: 6px;}
.rightside a{ height: 30px; line-height: 28px; overflow: hidden; margin-bottom: }
.rightside .ios{ background: url(https://tc.thegyee.com/_s/pcmain/iphone.png) no-repeat center top; background-size: 100% auto; margin-top: 25px; margin-bottom: 6px;}
.rightside .ios:hover{ background: url(https://tc.thegyee.com/_s/pcmain/iphone-on.png) no-repeat center top;}
.rightside .and{ background:url(https://tc.thegyee.com/_s/pcmain/and.png) no-repeat center top; margin-bottom: 10px;}
.rightside .and:hover{background:url(https://tc.thegyee.com/_s/pcmain/and-on.png) no-repeat center top;}
.rightside .dloads{ width: 126px;}
.rightside .sina{ background: url(https://tc.thegyee.com/_s/pcmain/sina.png) no-repeat center top; margin-bottom: 10px;}
.rightside .sina span{ display: inline-block; color: #fff; margin-left: 14px;}
.rightside .sina:hover{background: url(https://tc.thegyee.com/_s/pcmain/sina-on.png) no-repeat center top; }
.rightside .fbook{ background: url(https://tc.thegyee.com/_s/pcmain/facebook.png) no-repeat center top;margin-bottom: 10px;}
.rightside .fbook:hover{ background: url(https://tc.thegyee.com/_s/pcmain/facebook-on.png) no-repeat center top;}
.rightside .dloads{ margin-bottom: 10px;}
.rightside .twitter{ background: url(https://tc.thegyee.com/_s/pcmain/twitter.png) no-repeat center top; margin-bottom: 10px;}
.rightside .twitter:hover{background: url(https://tc.thegyee.com/_s/pcmain/twitter-on.png) no-repeat center top;}
.rightside .wvxin{background: url(https://tc.thegyee.com/_s/pcmain/wxin.png) no-repeat center top; margin-bottom: 6px; min-height: 28px; height: auto;}
.rightside .wvxin span{display: inline-block; color: #fff; margin-left: 14px;}
.rightside .wvxin img{ display: none; margin-top: 10px;}
.rightside .wvxin:hover{background: url(https://tc.thegyee.com/_s/pcmain/wxin-on.png) no-repeat center top; }
.rightside.open{ background: url(https://tc.thegyee.com/_s/pcmain/rightside-on.png) no-repeat; background-size: 100% 100%;}
.rightside.open .wvxin img{ display: block;}


.main{ position: relative;}
#swiper2{ margin-top: -22px;}
.roleWrap{ width: 100%; height: 728px; overflow: hidden; position: relative;}
.roleCont{ position: absolute; width: 1200px; height: 728px; margin: -364px 0 0 -600px; left:50%; top:50%;}
.role1-img{ background:#1c2140 url(https://tc.thegyee.com/_s/pcmain/role-img1.jpg) no-repeat center top;}
.role2-img{ background:#1c2140 url(https://tc.thegyee.com/_s/pcmain/role-img2.jpg) no-repeat center top;}
.role3-img{ background:#1c2140 url(https://tc.thegyee.com/_s/pcmain/role-img3.jpg) no-repeat center top;}
.role4-img{ background:#1c2140 url(https://tc.thegyee.com/_s/pcmain/role-img4.jpg) no-repeat center top;}
.role5-img{ background:#1c2140 url(https://tc.thegyee.com/_s/pcmain/role-img5.jpg) no-repeat center top;}
.line1{font-size: 26px; margin-left: 40px; position: relative; padding: 20px 0 10px 0}
.line1 span{text-align: center; display: inline-block; position: relative; line-height: 50px;}
.line1 .sign2{ padding-top: 0; float: left;}
.line1 .sign1{ margin-right: 6px; float: left;}
.sign1 img{ width: 46px; vertical-align:top; margin: 0 8px 10px -4px;}
.sign2 {padding-top: 68px;}
.sign2 img{ width: 60px; margin-top: -10px;}
.line1 .more{ width: 91px; height: 32px; background: url(https://tc.thegyee.com/_s/pcmain/detail.png) no-repeat left top; margin:11px 0 0 30px; color: #fff; font-size: 16px; float: left; text-align: center; line-height: 32px; }
.line1 .more:hover{ color: #5da9c5}
.line2{ color: #fff;margin-left: 40px; font-size: 15px; }
.role-line{ position: absolute; left:220px; top:-38px; height: 61px;}
.role1-img .role-line{ width: 567px; background: url(https://tc.thegyee.com/_s/pcmain/role-line1.png) no-repeat;}
.role2-img .role-line{ width: 452px; background: url(https://tc.thegyee.com/_s/pcmain/role-line2.png) no-repeat; left: -176px;}
.role3-img .role-line{ width: 452px; background: url(https://tc.thegyee.com/_s/pcmain/role-line3.png) no-repeat; left:-176px;}
.role4-img .role-line{ width: 491px; background: url(https://tc.thegyee.com/_s/pcmain/role-line4.png) no-repeat; left:176px;}
.role5-img .role-line{ width: 275px; background: url(https://tc.thegyee.com/_s/pcmain/role-line5.png) no-repeat; left:176px;}
.avatar{ height: 547px; width: 100%; background: url(https://tc.thegyee.com/_s/pcmain/avatarbg.png) no-repeat center top; margin-top: -90px; position: relative; z-index: 2; overflow: hidden;}
/*.avatar{ height: 321px; width: 100%; background: url(https://tc.thegyee.com/_s/pcmain/default.png) no-repeat center top; margin-top: -90px; position: relative; z-index: 2; overflow: hidden;}*/
.btnNext, .btnPrev{ width: 72px; height: 111px; left:50%; margin-top: -60px;}
.avatar .split{ height: 1px; background-color: #5da9c5; position: relative; margin-top: 60px;}

.btnNext, .btnPrev{ width: 72px; height: 111px; left:50%; margin-top: -60px;}
.btnNext {margin-left: 616px; background: url(https://tc.thegyee.com/_s/pcmain/btnNext.png) no-repeat center top;}
.btnPrev{ margin-left: -666px; background: url(https://tc.thegyee.com/_s/pcmain/btnPrev.png) no-repeat center top;}

.roleCont .tips{ width: 481px; height: 293px; background: url(https://tc.thegyee.com/_s/pcmain/role-intro.png) no-repeat center top; position: absolute;}
.roleCont .tit{ width: 402px; height: 88px; line-height: 88px; font-size: 34px; color: #fff; background: url(https://tc.thegyee.com/_s/pcmain/split-role.png) no-repeat center bottom; margin: 0 auto; margin-top: 22px;text-shadow:0 0 0.2em #82fff2, -0 -0 0.2em #82fff2; -webkit-text-shadow:0 0 0.2em #82fff2, -0 -0 0.2em #82fff2; }
.role1-img .tips{ left:60px; top:180px;}
.role2-img .tips{ left:678px; top:170px;}
.role3-img .tips{ left:723px; top:338px;}
.role4-img .tips{ left:10px; top:134px;}
.role5-img .tips{ left:20px; top:335px;}

.avatar ul{ width: 1142px; height: 164px; background: url(https://tc.thegyee.com/_s/pcmain/avatar.png) no-repeat center center; margin-top: 108px; padding-left: 5px;}
.avatar li{ cursor: pointer; width: 154px; height: 155px; float: left; margin-right: 91px;}
.avatar .avaItem5{ margin-right: 0;}
.avatar .on{ background: url(https://tc.thegyee.com/_s/pcmain/avatar-on.png) no-repeat;}
.avatar .avaItem1.on{ background-position: 10px 13px;}
.avatar .avaItem2.on{ background-position: -235px 13px;}
.avatar .avaItem3.on{ background-position: -480px 13px;}
.avatar .avaItem4.on{ background-position: -725px 13px;}
.avatar .avaItem5.on{ background-position: -970px 13px;}
.checkmore{ display: block; width: 165px; height: 51px; background: url(https://tc.thegyee.com/_s/pcmain/checkmore.png) no-repeat center top; margin: 0 auto; position: absolute; left:50%; margin-left: -106px; bottom: -20px; z-index: 3;}
.swiper2-pagination{ opacity: 0; -ms-filter: alpha(opacity=0); filter:alpha(opacity=0);}
.bot{background:#18131b url(https://tc.thegyee.com/_s/pcmain/mfoot.jpg) no-repeat center top; min-height: 206px; }
.footer{ background: url(https://tc.thegyee.com/_s/pcmain/bg.png) no-repeat center bottom; min-height: 206px;}

.backtop{ width: 12px; height: 29px; background: url(https://tc.thegyee.com/_s/pcmain/backtop.png) no-repeat center top;}
.backtop:hover{background: url(https://tc.thegyee.com/_s/pcmain/backtop-on.png) no-repeat center top;}

.yg-banner{ height: 524px; position: relative; background:url(https://tc.thegyee.com/_s/pcmain/banner.jpg) no-repeat center top; position: relative;}
.slogan2{ position: absolute; left:90px; top:45px; z-index: 3}
.mainbg{background: #242b48;}
.nav{ float: right; margin: 39px 18px 0 0; position: relative; width: 548px; z-index: 9;}
.nav a{ display: inline-block; width: 105px; text-align: center; height: 34px; line-height: 34px; color: #fff; font-size: 16px; background: url(https://tc.thegyee.com/_s/pcmain/nav.png) no-repeat center top; float: left; margin-right: 6px;}
.nav a.on,.nav a:hover{ background: url(https://tc.thegyee.com/_s/pcmain/nav.png) no-repeat center -44px; }
.navbg{ width: 588px; height: 14px;position: absolute; left:50%; top:76px;/*background: url(https://tc.thegyee.com/_s/pcmain/navbg.png) no-repeat center top;*/ z-index: 3; border-bottom: 1px solid #5da9c5;}
.navbg::before{ content: ''; width: 6px; height: 6px; border:1px solid #5da9c5; border-radius: 4px; -webkit-border-radius: 4px; position: absolute; left: -10px; top:10px;}
.navbg::after{content: ''; width: 70px; height: 11px; background: url(https://tc.thegyee.com/_s/pcmain/navbg.png) no-repeat center top; position: absolute; right: -70px; top:3px;}
.nav .alink2{ margin-left: 0;left: 110px;}
.nav .alink4{ margin-left:220px;}
.nav .alink3{ left: 220px;}
.nav .alink1{ float: left;}
.nav .alink5{ margin-right:0; float: right;}
.downlist{ display: inline-block; position: absolute; width:105px; height: 34px; line-height: 34px; }
.downlist span{background: url(https://tc.thegyee.com/_s/pcmain/nav.png) no-repeat center top;}
.downlist:hover span{ background-position: center -44px;}
.downlist span{ display: block; text-align: center; color: #fff; font-size: 16px;}
.downlist .mlink{ display: block; text-align: center; color: #fff; font-size: 16px; float: none;}
.downwrap{ position: absolute; left:50%; width: 82px; height: 0; margin: 24px 0 0 -46px; background: url(https://tc.thegyee.com/_s/pcmain/downlistbg.png) no-repeat center top; padding-top: 4px; display: none; overflow: hidden;}
.downwrap a{display: block;width: 100%;background: none;height: 34px;line-height: 34px;padding-left: 3px;text-align: center;font-size: 14px;margin: 0 auto;}
.downwrap a:hover{ background: url(https://tc.thegyee.com/_s/pcmain/down-on.png) no-repeat center bottom; color: #5da9c5;}
.downlist:hover .downwrap{ display: block; }
.dload{ position: relative}
.dload img{ position: absolute; width: 120px; height: 120px; left:50%; margin-left: -60px; top:50px; display: none; z-index: 6}
.dload:hover img{ display: block;}
.tit{ height: 72px; background: url(https://tc.thegyee.com/_s/pcmain/tit1.png) no-repeat center center; margin-top: -10px;}
.archives-list dl{ padding: 40px 0; position: relative; width: 1200px; margin: 0 auto; background: url(https://tc.thegyee.com/_s/pcmain/split-dl.png) no-repeat center bottom; transition:all .2s;-webkit-transition: all .2s;}
.hicon{ width: 233px; margin-right: 70px;}
.hicon img{ width: 202px; height: 202px; float: right;}
.desc{ width: 896px; float: left;}
.line3 .title{ color: #fff; font-size: 36px; text-shadow: 0 0 20px #82fff2; margin-right: 40px; float: left;-webkit-text-shadow: 0 0 20px #82fff2;}
.line3 .sign1,.line3 .sign2{ font-size: 24px; position: relative; height: 44px; line-height: 44px; margin-bottom: 0; padding-top: 6px; margin-right: 44px;}
.line3 .sign2{}
.line3 .sign1  img{ width: 40px; margin-right: 16px;}
.line3 .sign2 img{ width: 56px; position: static; margin:-4px 0 0 0;}
.desc p{ font-size: 20px; color: #b7d2db; line-height: 36px;}
.line3 { margin-bottom: 20px;}
.archives-list .alink{ display: block; position: absolute; left:0; top:0; width: 100%; height: 100%;}
/*.archives-list dl:hover{ background:#1c233c url(https://tc.thegyee.com/_s/pcmain/split-dl.png) no-repeat center bottom;}*/
.footer{color: #fff; font-size: 16px; text-align: center; }
.combot{ background: url(https://tc.thegyee.com/_s/pcmain/combg.png) no-repeat center bottom; height: 301px;}

.detailbg{background:#18131b url(https://tc.thegyee.com/_s/pcmain/repeatd.jpg) repeat-y center top;}
.detailbg .yg-banner{ background: none; height: auto;}
.detailbg .bot{background: url(https://tc.thegyee.com/_s/pcmain/combg.png) no-repeat center bottom;height: 301px; }
.detailbg .footer{width: 1200px;margin: 0 auto;height: 300px;background: url(https://tc.thegyee.com/_s/pcmain/footbg.png) no-repeat center 144px;position: relative;}
.role-intro{ text-align: center; position: absolute; top:0; height: 710px; width: 100%;}
.roleItem{ margin: 0 auto; max-height: 618px; margin-top: 10px; position: relative; z-index: 2;}
.switch{ display: inline-block; width: 17px; height: 19px; background: url(https://tc.thegyee.com/_s/pcmain/btnClose.png) no-repeat center top;position: absolute; z-index: 4; cursor: pointer;}
.switch.off{ background: url(https://tc.thegyee.com/_s/pcmain/btnOpen.png) no-repeat center top;}
.btnleft{  left:328px; top:140px;}
.btnright{ left:905px; top:559px;}
.role-left{ position: absolute; width: 422px; height: 257px; z-index: 4; background: url(https://tc.thegyee.com/_s/pcmain/introbox.png) no-repeat;top:173px; left:7px; }
.role-left .line{ display: inline-block; width: 133px; height: 46px; position: absolute; left:184px; top:-25px; background: url(https://tc.thegyee.com/_s/pcmain/line-left.png) no-repeat center top;}
.role-right{ position: absolute; width: 299px; height: 186px; z-index: 4; background: url(https://tc.thegyee.com/_s/pcmain/introbox-right.png) no-repeat;top:360px; right:0px;}
.role-right .line{ display: inline-block; width: 133px; height: 46px; position: absolute; left:32px; top:165px; background: url(https://tc.thegyee.com/_s/pcmain/line-right.png) no-repeat center top;}
.role-left .tit,.role-right .tit{ height: 84px; background: url(https://tc.thegyee.com/_s/pcmain/split-title.png) no-repeat center bottom; font-size: 30px; text-align: left; text-shadow: 0 0 20px #82fff2;-webkit-text-shadow: 0 0 20px #82fff2; color: #fff; line-height: 84px; margin: 20px 0 0 34px; width: 354px;}
.role-right .tit{ font-size: 20px; width: 250px; height: 48px; line-height: 48px; text-align: center; margin: 0 auto; margin-top: 14px; margin-bottom: 6px;}
.line4{ text-align: left; margin-bottom: 20px;}
.line4 .sign1 { height: 46px; display: inline-block; line-height: 46px; display: inline-block; font-size: 20px; margin:14px 50px 0 38px; float: left;}
.line4 .sign1 img{width: 40px; margin-right: 10px;}
.line4 .sign2 { padding: 0; margin: 14px 0 0 0; height: 46px; display: inline-block; line-height: 46px; display: inline-block; font-size: 20px; position: relative; float: left;}
.line4 .sign2 img{width:54px; position: static;}
.role-left p{ color: #fff; font-size: 14px; width: 354px; margin:0 0 0 34px; text-align: left;}
.role-right li{ margin:14px 22px 0 4px; display: inline-block;  float: left; position: relative;}
.role-right li a{ display: block; width: 60px; z-index: 3; position: relative;}
.role-right img{ width: 56px; height: 56px; margin-bottom: 8px;}
.role-right li .txt{ text-align: center; display: block; text-align: center; color: #fff; height: 20px;line-height: 20px; width: 100%; overflow: hidden;}
.role-right .shadow{ position: absolute; left:-8px; top:-8px; width: 75px; height: 74px; background: url(https://tc.thegyee.com/_s/pcmain/shadow.png) no-repeat center top; display: none;}
.role-right .on .shadow{ display: block;}
.role-swiper{  position: relative;}
.role-right .type1{ width: auto;}
.role-right .type1 li{float: none;}
.rolebtn{ display: inline-block; position: absolute; top:32px; width: 21px; height: 19px; cursor: pointer;}
.roleleft{ left:24px; background: url(https://tc.thegyee.com/_s/pcmain/btnLeft.png) no-repeat;}
.roleright{ right:24px; background: url(https://tc.thegyee.com/_s/pcmain/btnRight.png) no-repeat;}
.role-container{width: 154px;margin: 0 0 0 78px; height: 105px; overflow: hidden; }
.role-container ul{ width:999px;}

.detail-wrap{ background: url(https://tc.thegyee.com/_s/pcmain/detailbg.jpg) no-repeat center top;}
.skillbox{ position: relative; margin-bottom: 80px;}
.dl-skill{ width: 1200px;min-height: 238px; position: relative; margin-bottom: 90px; position: relative; border-bottom: 1px solid #59a1bc;}
.dl-skill dt{ width: 130px;height: 130px; overflow: hidden;top:66px; position: absolute; left:50%; margin: -130px 0 0 -65px;}
.dl-skill dt img{ width: 130px; height: 130px;border: 4px solid #eae2c9; border-radius: 65px; -webkit-border-radius: 65px; -moz-border-radius: 65px; }
.dl-skill dd{ width: 100%; font-size: 16px; float: left; position: relative;}
.dl-skill .stit{ color: #fff; font-size: 24px; display: block; padding: 30px 0 24px 0;}
.dl-skill .dd-top{ height:138px; background:url(https://tc.thegyee.com/_s/pcmain/del-top.png) no-repeat center top; }
.dl-skill .dd-cont{ margin-top: -3px; background: rgba(35,43,71,.9); border-left: 1px solid #59a1bc; border-right: 1px solid #59a1bc; padding-bottom: 50px; min-height:102px;}
.dl-skill .dd-split{ width: 1px; height: 90%; background: #5da9c5; position: absolute; left:50%; top:6px;}
.dd-left{ width: 490px; margin: -112px 0 0 26px;color: #fff;}
.dd-left h4,.dd-right h4{ font-size: 24px; margin-bottom: 16px;}
.dd-left h4 span,.dd-right h4 span{ font-size: 14px; padding-left: 18px; color: #ccc;}
.dd-left p,.dd-right p{ font-size: 16px; line-height: 30px;}
.dd-right{ width: 490px; margin: -112px 20px 0 0; color: #5da9c5;}
.row1{ background: url(https://tc.thegyee.com/_s/pcmain/row1.png) no-repeat center top; float: left;}
.row1 dt,.row3 dt,.row5 dt,.row7 dt{left:-65px;}
.row1 dd,.row3 dd,.row5 dd,.row7 dd{ margin-left: 114px;}

.row2{ background: url(https://tc.thegyee.com/_s/pcmain/row2.png) no-repeat center top; float: right;}
.row2 dt,.row4 dt,.row6 dt,.row8 dt{right:-65px;}
.row2 dd,.row4 dd,.row6 dd,.row8 dd{ margin-left: 30px;}

.row3,.row5{ background: url(https://tc.thegyee.com/_s/pcmain/row3.png) no-repeat center top; float: left;}
.row4,.row6{ background: url(https://tc.thegyee.com/_s/pcmain/row4.png) no-repeat center top; float: right;}
.row7{ background: url(https://tc.thegyee.com/_s/pcmain/row7.png) no-repeat center top; float: left;}
.row8{ background: url(https://tc.thegyee.com/_s/pcmain/row8.png) no-repeat center top; float: right;}
.skill-icon{ display: none; width: 81px; height: 81px; position: absolute; left:50%; margin-left: -40px; background: url(https://tc.thegyee.com/_s/pcmain/skill-icon.png) no-repeat center top;}
.icon1{top:228px;}
.icon2{top:506px;}
.icon3{top:786px;}

.roleDesc{border: 1px solid #5da9c5; background: #232a44; padding-bottom: 60px;}
.roleDesc .tit{ background: none; margin:0 auto;text-align: center;}
.roleDesc .tit img{ margin-top: -7px;}
.roleDesc p{ color: #fff; padding: 0 40px; line-height: 36px;}

.btnleft-shadow{ position: absolute; width: 36px; height: 36px; left:318px; top: 130px; background: url(https://tc.thegyee.com/_s/pcmain/shdow.png) no-repeat center top; animation:shadow 1.7s ease 0s infinite; -webkit-animation:shadow 1.7s ease 0s infinite;}

.btnright-shadow{ position: absolute; width: 36px; height: 36px; left:895px; top: 551px; background: url(https://tc.thegyee.com/_s/pcmain/shdow.png) no-repeat center top; animation:shadow 1.5s ease 0.4s infinite; -webkit-animation:shadow 1.5s ease 0.4s infinite;}

.sidebar{ width: 230px; height: 960px; border: 1px solid #5290ac; float: left; border-right: 0; margin-top: -38px; text-align: center; color: #fff;}
.sidebar .weixin{ width: 171px; height: 171px; margin: 30px auto 18px auto; display: block; }
.btnIos{ width: 171px; height:40px; background: url(https://tc.thegyee.com/_s/pcmain/btns.png) no-repeat 0 0; margin: 0 auto; display: block; margin-bottom: 20px;}
.btnAnd{ width: 171px; height:40px; background: url(https://tc.thegyee.com/_s/pcmain/btns.png) no-repeat 0 -60px; margin: 0 auto; display: block; margin-bottom: 40px; }
.wxin-txt{ display: block; margin-bottom: 24px;}
.sidebar .split{ height: 1px; border-bottom: 1px dashed #5290ac; width: 171px; margin: 0 auto; margin-bottom: 35px; display: block;}

.tab{ height: 25px; width: 171px; border: 1px solid #5290ac; margin: 0 auto; margin-bottom: 10px;}
.tab span{ display: inline-block; float: left; width: 84px; height: 23px; background: url(https://tc.thegyee.com/_s/pcmain/tab-wxin.png) no-repeat center 4px; cursor: pointer;}
.tabwxin{border-right: 1px solid #5290ac; }
.tab .tabweibo{ background-position: center -46px;}
.tab .tabwxin.on{background: #2c5d73 url(https://tc.thegyee.com/_s/pcmain/tab-wxin.png) no-repeat center 4px;}
.tab .tabweibo.on{ background:#2c5d73 url(https://tc.thegyee.com/_s/pcmain/tab-wxin.png) no-repeat center -46px; width: 85px;}
.codewrap { text-align: center; margin-bottom: 30px;}
.codewrap img{ width: 171px; height: 171px; display: block; margin: 0 auto; margin-bottom: 16px;}

.aweibo{ width: 171px; height: 49px; margin: 0 auto; margin-bottom: 22px; background: url(https://tc.thegyee.com/_s/pcmain/alinks.png) no-repeat 0 0; display: block;}
.afacebook{ width: 171px; height: 49px; margin: 0 auto; margin-bottom: 22px; background: url(https://tc.thegyee.com/_s/pcmain/alinks.png) no-repeat 0 -56px; display: block;}
.atwitter{ width: 171px; height: 49px; margin: 0 auto; margin-bottom: 22px; background: url(https://tc.thegyee.com/_s/pcmain/alinks.png) no-repeat 0 -113px; display: block;}

.news-main{ width: 970px; float: left; border-left: 1px solid #5ba4c0; min-height: 1200px; margin-top: -36px;}
.news-top{ height: 105px; margin: -24px 22px 0 62px; border-bottom: 1px solid #5290ac; position: relative;}
.map{ position: absolute;left:0; top:70px; width: 100%; color: #5aa4c0; font-size: 16px;}
.map a{ color: #5aa4c0;}
.mapkuan{ position: absolute;right:20px; top:20px; color: #5aa4c0; font-size: 14px;}
.mapkuan a{ color: #5aa4c0;}

.news-top .newsTab{float: right; background: none; width: 524px; padding-top: 33px; text-align: right; position: relative; z-index: 5;}
.news-top .newsTab a{ display: inline-block; width: 104px; height: 37px; text-align: center; line-height: 37px; color: #fff; font-size: 24px; background: url(https://tc.thegyee.com/_s/pcmain/newstab.png) no-repeat center top; margin-left: 14px;}
.news-top .newsTab a.on,.news-top .newsTab a:hover{ background-position:center -42px; color: #171923;}

.news-main .newsCont{ width: 890px; margin: 0 0 0 62px; display: block;}
.news-main li{ height: 116px; position: relative; border-bottom: 1px dashed #2e91a7; transition:all .2s; -webkit-transition: all .2s;}
.news-main .time{ display: inline-block; position: absolute; right:0; top:0; line-height: 116px; font-size: 20px;color: #5da9c5;  height: auto;}
.news-main li a{ display: block; height: 34px; line-height: 34px; color: #5da9c5; font-size: 20px; width: 700px; position: absolute; left:0; top:44px;} 
/*.news-main li:hover{ background:#1d233c;}*/
.news-main li:hover a,.news-main li:hover .time{ color: #fff}

.page{ text-align: right; padding-top: 50px; padding-right: 20px;}
.page a{ color: #5ba3c0; padding: 0 6px; position: relative;}
.page a.on,.page a:hover,.page a.focus{ color: #fff;}
.page a.on:after,.page a.focus:after{ content: ''; position: absolute; left:50%; margin-left: -5px; bottom: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:6px solid #fff;}

.intro{ width: 890px; margin-left: 66px; position: relative;}
.intro .map{  position: absolute;top:24px; display: inline-block; text-align: right;}
.intro .title{ font-size: 36px; color: #fff; text-align: center; padding-top: 60px; padding-bottom: 20px; border-bottom: 1px solid #5290ac;}
.intro .tip{ font-size: 20px; color: #5da9c5;}
.intro a{ color: #5da9c5;}
.intro-cont{ padding: 30px 0; color: #fff; font-size: 20px;}
.intro-cont p{ line-height: 36px; padding: 0 20px; margin-bottom: 20px; }
.intro-cont .pimg{text-align: center;}
.intro-cont .pimg img{ max-width: 100%;}

.del-top{ height: 794px; position: relative;}
.del-top .nav{ position: absolute; right:0; top:0; width: 548px; z-index: 9;}
.split-roles{ position: absolute; left:50%; bottom: 104px; width: 780px; height: 50px; background: url(https://tc.thegyee.com/_s/pcmain/split-roles.png) no-repeat center top; margin-left: -390px;}
.rule-split{ padding-top: 30px; height: 2px; margin: 0 42px; background: url(https://tc.thegyee.com/_s/pcmain/split-title.png) repeat-x center bottom;}
.roleDesc .htit{ padding-left: 28px; background: url(https://tc.thegyee.com/_s/pcmain/icon.png) no-repeat left center;margin: 0 42px; height: 58px; line-height: 58px; font-size: 24px; text-shadow:0 0 0.4em #82fff2, -0 -0 0.4em #82fff2; -webkit-text-shadow:0 0 0.4em #82fff2, -0 -0 0.4em #82fff2; color: #fff; margin-top: 20px;}
.roleDesc li img{width: 100px; height: 100px;}
.roleDesc li{ display: inline-block; margin-left:24px;}
.roleDesc ul{ margin: 0 40px;padding-top: 10px;}
.roleDesc li a{ display: block;}

.abs-banner{ height: 478px; background: url(https://tc.thegyee.com/_s/pcmain/banner-aboutUS.jpg) no-repeat center top; position: relative;}
.contact-banner{ height: 478px; background: url(https://tc.thegyee.com/_s/pcmain/banner-contact.jpg) no-repeat center top; position: relative;}
.comSplit{ height: 33px; position: relative; z-index: 2; background:url(https://tc.thegyee.com/_s/pcmain/cpm-split.png) no-repeat center top; }

.conbg{ background: #232b47;}
.conmain{background: url(https://tc.thegyee.com/_s/pcmain/combg.jpg) no-repeat center top;}

.ctit{ text-align: center; padding: 94px 0 88px 0;}
.wordInner{ padding-bottom: 230px; background: url(https://tc.thegyee.com/_s/pcmain/cicon.png) no-repeat right bottom;}
.wordInner p{ padding: 0 30px 40px 30px; font-size: 24px; color: #fff;}

.wordInnerco{ padding-bottom: 230px;}
.wordInnerco a{color: #5da9c5;}
.wordInnerco p{ padding: 0 30px 20px 30px; font-size: 20px; color: #fff;}
.wordInnerco img{ max-width: 1000px; margin: 0 auto;}
.wordInnerco h1{ font-size: 24px; margin-bottom: 10px; color: #5da9c5; padding-left: 30px;}

.combot .footer{ width: 1200px; margin: 0 auto; height: 300px; background:url(https://tc.thegyee.com/_s/pcmain/footbg.png) no-repeat center 144px; position: relative;}
.fbtn1{ color: #fff; font-size: 18px; display: inline-block; position: absolute; left:860px; top:158px;}
.fbtn5{color: #fff; font-size: 18px; display: inline-block; position: absolute; left:860px; top:190px;}
.fbtn6{color: #fff; font-size: 18px; display: inline-block; position: absolute; left:1024px; top:190px;}
.fbtn7{color: #fff;font-size: 18px;display: inline-block;position: absolute;left: 860px;top: 222px;}
.fbtn2{ color: #fff; font-size: 18px; display: inline-block; position: absolute; left:1024px; top:158px;}
.fbtn1::before,.fbtn2::before,.fbtn5::before,.fbtn6::before,.fbtn7::before{ content: ''; position: absolute; left:-14px; top:50%; margin-top: -6px; border-top:6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff}

.fbtn3{ left:385px; top:210px; position: absolute; display: inline-block; color: #2f96ac; font-size: 18px;}
.fbtn4{left:540px; top:210px; position: absolute; display: inline-block; color: #2f96ac; font-size: 18px;}
.fbtn3 span,.fbtn4 span{ display: inline-block; width: 123px; height: 5px; position: absolute; left:-24px; top:30px; background: url(https://tc.thegyee.com/_s/pcmain/cur.png) no-repeat center top; display: none;}
.fbtn3.on,.fbtn4.on{ color: #fff;}
.fbtn3.on span,.fbtn4.on span{ display: block;}

.viewhead{ height: 112px; background: url(https://tc.thegyee.com/_s/pcmain/viewhead.jpg) repeat-x; position: relative;}
.viewhead .wrap1200{ z-index: 9}
.conbg .alogo{margin-left: 120px;}
.htit1{ padding: 78px 0 14px 0; text-align: center; font-size: 36px; color: #fff;}
.htit2{padding: 0px 0 14px 0; text-align: center; font-size: 36px; color: #fff;}
.wddesc{ text-align: center; height: 40px; border-bottom: 1px solid #5290ac; margin: 0 20px; margin-bottom: 32px;}
.wddesc span{ color: #5da9c5; margin: 0 10px;}
.wdInner{ margin-bottom: 160px;}
.wdInner h4{ margin: 0 20px;font-size: 22px; color: #5da9c5; padding-bottom: 10px;}
.wdInner .pimg{ text-align: center; padding: 0 auto; margin: 0 20px;}
.wdInner .pimg img{ margin: 0 auto; max-width: 1162px;}
.wdInner p{ padding-bottom: 16px; margin: 0 20px; color: #fff; font-size: 20px; line-height: 36px;text-indent: 2em;}
.wdInner p img{ max-width: 90%;}
.wdInner li{ position: relative; color: #fff; font-size: 20px; padding-left: 30px; margin-bottom: 10px;}
.wdInner li span{ width: 20px; height: 20px; display: block; position: absolute; left: 0; top:0;}
.wdInner ul{ padding-left: 40px; padding-bottom: 20px;}
.wdInner .underline{ border-bottom: 1px solid #fff;position: static;width: auto;height: auto;display: inline-block;} 
.wdInner div{ padding-bottom: 16px; margin: 0 20px; color: #fff; font-size: 20px; line-height: 36px;}
.wdInner table{ border: 1px solid #fff; width: 90%; text-align: center; vertical-align: middle; margin-left: 70px;}
.wdInner .col1{ width: 30%;padding: 0 12px; border-right: 1px solid #fff;}
.wdInner .col2{ width: 70%;padding: 0 12px;}
.wdInner a{ color: #fff;}

.splits{ position: relative; height: 1px; background:#5da9c5; margin-bottom: 150px; text-align: center;}
.splits .backlist{ display: inline-block; width: 165px; height: 51px; background: url(https://tc.thegyee.com/_s/pcmain/backlist.png) no-repeat center top; position: absolute; left:50%; top:50%; margin: -25px 0 0 -83px;}

.pa-banner{ height: 478px; background: url(https://tc.thegyee.com/_s/pcmain/pa-banner.jpg) no-repeat center top;}
.paTab{ height: 180px; padding-top: 44px;}
.paTab li{ float: left;height:114px; width: 420px;}
.paTab li a{ display: inline-block; width: 410px; height: 100px;}
.paTab ul{ width: 110%; margin-left: -20px;background: url(https://tc.thegyee.com/_s/pcmain/ap-tab.png) no-repeat 0 0; position: relative; height: 84px;}
.paTab .paItem1{ position: absolute; left:-4px; top:-18px;}
.paTab .paItem2{ position: absolute; left:301px; top:-18px;}
.paTab .paItem3{ position: absolute; left:607px; top:-18px;}
.paTab .paItem4{ position: absolute; left:912px; top:-18px;}
.paTab .paItem1:hover,.paTab .paItem1.on{ height:114px; width: 320px; background: url(https://tc.thegyee.com/_s/pcmain/pbtn1-hover.png) no-repeat; background-position: 0 0;}
.paTab .paItem2:hover,.paTab .paItem2.on{ height:114px; width: 320px; background: url(https://tc.thegyee.com/_s/pcmain/pbtn2-hover.png) no-repeat; background-position: 0 0;}
.paTab .paItem3:hover,.paTab .paItem3.on{ height:114px; width: 320px; background: url(https://tc.thegyee.com/_s/pcmain/pbtn3-hover.png) no-repeat; background-position: 0 0; }
.paTab .paItem4:hover,.paTab .paItem4.on{ height:114px; width: 320px; background: url(https://tc.thegyee.com/_s/pcmain/pbtn4-hover.png) no-repeat; background-position: 0 0; }

.pabox ul{ width: 104%;}
.pabox li{ float: left; width: 384px; margin: 0 24px 50px 0;}
.pabox .paimg{ position: relative; width: 384px; height: 220px; overflow: hidden; margin-bottom: 14px; display: block;}
.pabox .paimg::after{ content: ''; position: absolute; left:5px; top:6px; width: 374px; height: 208px; border: 2px solid #232b47;}
.pabox .paimg img{ width: 100%; height: 100%;}
.pabox .pcDesc{ width: 100%;height: 90px; border: 1px solid #5da9c5; background-color: #313852; overflow: hidden;}
.pabox .paTit{ height: 48px; margin: 0 10px; line-height: 48px; color: #fff; font-size: 18px; border-bottom: 1px dashed rgba(255,255,255,.2); display: block;}
.pabox p{ margin: 0 10px; color: #5da9c5; height: 40px; line-height: 40px;}
.mb50{ margin-bottom: 50px;}

.wv-banner{ height: 478px; background: url(https://tc.thegyee.com/_s/pcmain/wv-banner.jpg) no-repeat center top;}
.wvTab{   padding: 52px 0 0 0; height: 180px;}
.wvTab ul{background: url(https://tc.thegyee.com/_s/pcmain/wv-tab.png) no-repeat; height: 114px; width: 104%;}
.wvTab li{ float:left;}
.wvTab li a{ width: 624px; height: 114px; display: block;}
.wvTab .wvItem1{ width: 624px; height: 114px; position: absolute; left:-18px; top:34px;}
.wvTab .wvItem2{ width: 624px; height: 114px; position: absolute; right: -18px; top:34px;}
.wvTab .wvItem1.on,.wvTab .wvItem1:hover{ background:url(https://tc.thegyee.com/_s/pcmain/wvtn1-hover.png) no-repeat center center;}
.wvTab .wvItem2.on,.wvTab .wvItem2:hover{ background:url(https://tc.thegyee.com/_s/pcmain/wvtn2-hover.png) no-repeat center center;}


.pabox .pshdow{ position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: #232b47; display: block; z-index: 2; opacity: 0; filter:alpha(opacity=0); transition:all .4s; -webkit-transition: all .4s;}
.pabox .pshdow::after{ content: ''; position: absolute; left:5px; top:6px; border: 2px solid #5da9c5; width: 374px; height: 208px;}
.pabox .sicon{ position: absolute; left:50%; top:50%; width: 40px; height: 40px;  margin: -20px 0 0 -20px; z-index: 3;transition:all .4s; -webkit-transition: all .4s;}
.pabox li:hover .pshdow{ opacity: 0.8; filter:alpha(opacity=80);}
.pabox li:hover .sicon{ background: url(https://tc.thegyee.com/_s/pcmain/magnifier.png) no-repeat left top;}
.mpabox .more{ display: inline-block; position: absolute; right:0; bottom:28px; background: url(https://tc.thegyee.com/_s/pcmain/more.png) no-repeat center top; width: 384px; height: 220px;}
.viewtit{ height: 146px; background: url(https://tc.thegyee.com/_s/pcmain/view-tit.png) no-repeat center top; margin: 50px 0 30px 0;}
.mpabox li{ margin-bottom: 28px;}
.mpabox .paimg{ margin-bottom: 0;}
.wvwrap,.pawrap{ display: none;}
.homebg{    background: url(https://tc.thegyee.com/_s/pcmain/mainbg.png) repeat-y;}
.wd-main{ width: 100%; border-left: 0;}
.wd-main .news-top{ margin: 0 30px;}
.wd-main .newsCont{ margin: 0 30px; width: auto; min-height: 216px; margin-bottom: 60px;height:auto;}

@keyframes shadow{
    0%{transform: scale(0.9); -webkit-transform: scale(0.9);-ms-transform:scale(0.9);}
    60%{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform:scale(1.1);}
    100%{transform: scale(0.9);-webkit-transform: scale(0.9);-ms-transform:scale(0.9);}
}
@-webkit-keyframes shadow{
    0%{transform: scale(0.9);-webkit-transform:scale(0.9);}
    60%{transform: scale(1.1);-webkit-transform:scale(1.1);}
    100%{transform: scale(0.9);-webkit-transform:scale(0.9);}
}

.otable{  text-align: left;}
.otable .col1,.otable .col2{ border-right: 1px solid #fff;}
.otable th{ background: #2d375a; text-align: center; height: 50px; line-height: 50px;}
.otable td{vertical-align: top;}
.otable .col3{ padding: 0 10px;}

    .elvaBox {    
    width: 375px;
    height: 500px;
    position: fixed;
    right: 1rem;
    bottom: 4rem;
}


.close {   
    position: absolute;
    right: -10px;
    top: -16px;
    width: 30px;
    height: 30px;
    background: #f9c633;
    border-radius: 25px;
    cursor: pointer;
}

.close:hover {
    background: #bbb;
    transition: all .3s ease;
}

.close:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background: #444;
    transform: rotate(45deg);
    top: 14px;
    left: 6px;
}

.close:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: #444;
    transform: rotate(-45deg);
    top: 14px;
    left: 6px;
}
#elvah5Div{ z-index: 9999;}


.btnPlay{ display: inline-block; width: 161px; height: 90px; position: absolute; background: url(https://tc.thegyee.com/_s/pcmain/btnplay.png) no-repeat center top; left:136px;top:442px; z-index: 9}