@charset "utf-8";
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;word-warp: break-warp;word-break: break-all;}article,aside,figure,footer,header,nav,section,details,summary{display:block}img{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{-webkit-tap-highlight-color:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input,input:focus{outline:none;-webkit-tap-highlight-color:transparent}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{padding:0;margin:0;outline: none; -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;appearance:none; -moz-appearance: none; background: transparent; border: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}textarea{ outline: none; border: none;resize:none}
img {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;user-select: none;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
a,a:hover{ text-decoration: none;}
img{ max-width: 100%;}
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.pop{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.3); z-index: 999999}
.pop .popbox{ position: relative; left:50%; top:50%;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
html,body{font-size: 62.5%;  font-family: Microsoft Yahei,SimSun,Helvetica;}

.container{ max-width: 750px; margin: 0 auto; overflow: hidden;}
.newsbg{ background: #22abe1 url(https://www.thegyee.com/_s/testpc191113/geyybg.jpg) no-repeat center 16px;}
.introbg{background: #22abe1 url(https://www.thegyee.com/_s/testpc191113/commbg.jpg) no-repeat center 0;}
.gamebg{background: #22abe1 url(https://www.thegyee.com/_s/testpc191113/gamebg.jpg) no-repeat center 0;}
.pvpbg{ background:#22abe1 url(https://www.thegyee.com/_s/testpc191113/pvpbg.jpg) no-repeat center top;}
.commbg{ background:#22abe1 url(https://www.thegyee.com/_s/testpc191113/commbg.jpg) no-repeat center 0;}
.archivbg{background:#22abe1 url(https://www.thegyee.com/_s/testpc191113/archivbg.jpg) no-repeat center 0;}
.aboutbg{ background: #22abe1 url(https://www.thegyee.com/_s/testpc191113/aboutbg.jpg) no-repeat center 0;}
.tactbg{ background: #22abe1 url(https://www.thegyee.com/_s/testpc191113/tactbg.jpg) no-repeat center 0;}
.hcebg{ background: #22abe1 url(https://www.thegyee.com/_s/testpc191113/hcebg.jpg) no-repeat center 0;}
.wordbg{ background: #22abe1 url(https://www.thegyee.com/_s/testpc191113/wvbg.jpg) no-repeat center 0;}
/**通栏导航***/
.contop {position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 999; background: #d865ff;}
.game-icon {position: absolute;left: 30px;top: 50%;margin-top: -42px;width: 85px;height: 85px;}
.game-name {position: absolute;left: 130px;top: 18px;font-size: 30px;color: #ffffff;}
.game-name span {display: block;padding-top: 2px;font-size: 20px;color: #fff;}
.game-down{ display: block; width: 148px; height: 56px; background: url(https://www.thegyee.com/_s/testpc191113/btnDown.png) no-repeat center top; position: absolute; right: 28px; top:22px;}
.down-text {position: absolute;display: block;right: 50px;top: 50%;margin-top: -25px;width: 254px;height: 51px;background: url(https://www.thegyee.com/_s/m/down-text.png) no-repeat center;background-size: 100% auto;text-indent: -9999px;}
.btnDown{ display: block; width: 304px; height: 121px; background: url(https://www.thegyee.com/_s/main/downLoad.png) no-repeat center top; position: absolute; left:50%; margin-left: -152px; top:920px;}

/*****end****/

/***nav***/
.btnnav{ position: fixed; left:28px; top:148px; width: 40px; height: 40px; background: url(https://www.thegyee.com/_s/testpc191113/nav-icon.png) no-repeat; z-index: 99;}
.navwrap{ position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; background: rgba(255,255,255,0.3); overflow: hidden;display: none;}
.navbox{ position: fixed; left:-586px; top:0px; background: rgba(0,0,0,.82); width: 594px; height: 100%;}
.navbox ul{ padding-top: 76px;}
.navbox li{ height: 56px; line-height: 56px; position: relative; margin-bottom: 20px; font-size: 30px; color: #fff;}
.navbox li a{ color: #fff; display: block; padding-left: 174px;}

.navbox .ltag{ display: inline-block; color: #5da9c5; padding-left: 64px; position: relative;}
.navbox .ltag::after{ content: ''; position: absolute; left:0; top:0; width: }
.navbox .line3{ position: absolute; left:208px; top:50%; width: 320px; height: 1px; border-top: 1px dashed #5da9c5;}
.navbox .line4{ position: absolute; left:77px; top:50%; width: 456px; height: 1px; border-top: 1px dashed #5da9c5;}
.navbox .nav-item1 a::after{ background-position: left -72px;}
.navbox .nav-item3 a::after{ background-position: left -136px;}
.navbox .nav-item4 a::after{ background-position: left -201px;}
.navbox .nav-item6 a::after{ background-position: left -265px;}
.navbox .nav-item7 a::after{ background-position: left -328px;}
.navbox .nav-item8 a::after{ background-position: left -391px;}
.navbox .nav-item9 a::after{ background-position: left -455px;}
.navbox .nav-item11 a::after{ background-position: left -519px;}
.navbox .nav-item12 a::after{ background-position: left -583px;}
.navbox .nav-item13 a::after{ background-position: left -647px;}
.navbox .nav-item10{ margin-bottom: 0; margin-top: -20px;}
.navbox .aclose{ display: inline-block; position: absolute; right: 40px; top:68px; width: 41px; height: 37px; background: url(https://www.thegyee.com/_s/testpc191113/aclose.png) no-repeat;}

.nav-wb{ display:block; margin: 0 0 0 110px; font-size: 36px; color: #fff; display:inline-block; position: relative; margin-bottom: 50px;}
.udline{ position: relative;}
.udline::after{ content: ''; width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: -10px;}
.navCont{ margin: 0 0 50px 110px; color: #fff; }
.navCont span{ display:block; font-size: 36px; margin-bottom: }
.navCont a{ display:inline-block; margin: 20px 0 0 36px; font-size: 30px; color: #fff;}
.mt9{ margin-top: 60px;}
/***end***/

/***footer****/
.footer{ background-color: #fcf521; padding: 40px 0; text-align: center; position: relative; z-index: 1; margin-top: 52px;}
.footer::before{content: ''; width: 750px; height: 205px; background: url(https://www.thegyee.com/_s/testpc191113/f-top.png) no-repeat center top; position: absolute; left: 0;top:-205px;}
.footer ul{ margin: 28px 34px; border-top:1px solid rgba(0,0,0,.13); border-bottom: 1px solid rgba(0,0,0,.13); padding: 16px 0;}
.footer li{ display:inline-block; width: 42px; height: 40px; margin: 0 36px; background: url(https://www.thegyee.com/_s/testpc191113/share-icon.png) no-repeat;}
.footer li a{ display:block; width: 42px; height: 40px;}
.footer .wechat{ background-position: 0 0;}
.footer .wbo{ background-position: -116px 0;}
.footer .fbook{background-position: -231px 0;} 
.footer .twitter{background-position: -347px 0;}
.footer .line1{ margin-bottom: 24px;}
.footer .line1 a{ position: static; font-size: 18px; color: #000;  width: 99px; height: 27px; text-align: center; line-height: 27px; display:inline-block; margin: 0 14px;}
.footer .kefu{ background: url(https://www.thegyee.com/_s/testpc191113/online.png) no-repeat center center;}
.footer .line2{ font-weight: bold;}
/****end****/

/***main***/
.main{ position: relative; z-index: 3; width: 750px; margin: 0 auto;}
.wrap{ position: relative; margin: 0 10px; min-height: 300px;background: rgba(255,255,255,.85);}
.wrap::before{ content: ''; width: 100%; height: 52px; background: url(https://www.thegyee.com/_s/testpc191113/mbefore.png) no-repeat center top; position: absolute; left: 0; top:-51px;}
.wrap::after{ content: ''; width: 100%; height: 62px; background: url(https://www.thegyee.com/_s/testpc191113/mafter.png) no-repeat center top; position: absolute; left: 0; bottom: -62px;}
.newswrap{ margin-top: 562px;}


/****新闻列表页***/
.newsTab{ height: 60px; padding: 18px 0; text-align: center; position: relative;}
.newsTab .tag{ display: inline-block; width: 166px; height: 60px; text-align: center; line-height: 60px; color: #ae367b; font-size: 36px; background: url(https://www.thegyee.com/_s/testpc191113/ntabbg.png) no-repeat; margin: 0 4px; font-weight: bold;}
.newsTab .tag.on{  color: #171923; background-position: 0 -62px; color: #fff;}
.newsCont{ padding-bottom: 20px; margin: 0 18px; border-top: 2px solid rgba(0,0,0,.2)}
.newsCont ul{ margin-bottom: 34px;}
.newsCont li{ height: 100px;line-height: 100px; position: relative;  color: #fff; font-size: 32px; border-bottom: 1px solid rgba(0,0,0,.2)}
.newsCont a{ display: block; width: 556px; color: #000;}
.newsCont a span{ padding-right: 10px;}
.newsCont .time{ display: block; position: absolute; right:0; top:0; color: #000;}
.newsCont .btnMore{ display: block; margin: 0 ; height: 90px; line-height: 90px; text-align: center; color: #fff; font-size: 36px; width: auto; background: url(https://www.thegyee.com/_s/testpc191113/nmore.png) no-repeat center top; position: static; background-size: 100% ;}
/***end****/

/***新闻详情***/
.intwrap{ margin-top: 257px;}
.intwrap::before{ background: url(https://www.thegyee.com/_s/testpc191113/mbefore1.png) no-repeat; height: 58px; top:-58px;}
.intwrap .title{ text-align: center; padding-bottom: 30px;}
.intwrap .title h2{ font-size: 48px;color: #000;text-align: center;font-weight: normal;padding-bottom: 40px;margin: 0 auto;}
.intwrap .tip { font-size: 24px; color: #000;}
.intwrap .tip a,.intwrap .tip span{ margin: 0 6px; color: #000;}
.intwrap .splits{ margin: 0 10px; height: 1px; background: rgba(0,0,0,.2); }
.intro-cont{ padding:50px 34px; }
.intro-cont p{ font-size: 30px; color: #000; line-height: 44px; text-indent: 2em; padding-bottom: 30px;}
.intro-cont p img{ max-width: 90%;}
.intro-cont p a{ color: #62a2bf}
.intro-cont .pimg{ text-indent: 0;}
.intro-cont .pimg img{ max-width: 658px;}

/**游戏介绍***/
.gamewrap{ margin-top: 545px;}
.intro-wrap{margin: 0 auto;position: relative;width: 750px;padding-bottom: 60px; /*margin-top: 100px; */font-size: 24px;}
.introtop{ position: relative; /*margin-top: 24px;*/}
.backhome{ z-index: 9}
.intro-main{ margin: 0 10px; position: relative; z-index: 2;}
.decorate{ height: 62px;  position: absolute; left:0; top:-60px; width: 730px;}
.contwrap{ min-height: 200px; padding: 30px 0;}
.contwrap dl{ margin: 0 10px; margin-bottom: 20px;}
.contwrap dt{ height: 89px; background: url(https://www.thegyee.com/_s/testpc191113/ntitbg.png) no-repeat left top; position: relative; margin-bottom: 18px;}
.contwrap dt h3{ font-size: 36px; padding-left: 110px; color: #ae367b; font-weight: normal; overflow: hidden; padding-top: 20px;}
.contwrap .switch{ display: inline-block; width: 51px; height: 51px; position: absolute; right: 20px; top:22px;}
.contwrap .on{ background: url(https://www.thegyee.com/_s/testpc191113/minus.png) no-repeat center top;}
.contwrap .off{background: url(https://www.thegyee.com/_s/testpc191113/add.png) no-repeat center top;}

.contwrap dd{ background: rgba(244,14,146,0.15); padding: 20px 18px; font-size: 24px; color: #000; display: none;}
.contwrap dd p{ line-height: 36px; margin-bottom: 20px; font-size: 24px;}
.contwrap dd img{ max-width: 656px; margin-bottom: 14px;}
.contwrap .pimg { text-align: center;}
.contwrap .pimg span{ color: #000; font-size: 20px;}
.contwrap .ptit ,.contwrap h1{font-weight: bold; font-size: 26px; margin-bottom: 10px; color: #000;}
.contwrap .show dd{ display: block;}
.contwrap .hide dd{ display: none;}
.contwrap .show .switch{ background: url(https://www.thegyee.com/_s/testpc191113/minus.png) no-repeat center center;}
.contwrap .hide .switch{background: url(https://www.thegyee.com/_s/testpc191113/add.png) no-repeat center center;}



/***pvp****/
.pvpwrap{padding: 30px 0; margin-top: 545px;}
.pvpwrap::before{ content: ''; width: 750px; height: 51px; background:url(https://www.thegyee.com/_s/testpc191113/mbefore.png) no-repeat center top; position: absolute; left: 0; top:-51px; width: 100%;}
.pvpwrap::after{ content: ''; width: 750px; height: 62px; background:url(https://www.thegyee.com/_s/testpc191113/mafter.png) no-repeat center top; position: absolute; left: 0; bottom:-62px; width: 100%;}

.selectbox .tag{ display:inline-block; width: 168px; height: 57px; position: absolute; text-align: center; line-height: 62px; background-color: #ae367b; color: #fff; left: 0; line-height: 57px; font-size: 24px;}

.subject-wrap{margin: 0 auto;position: relative;width: 750px;padding-bottom: 52px; font-size: 24px; padding-top: 544px;}
.subtop{ position: relative; }
.backhome{ z-index: 9}
.subject-main{ margin: 0 10px; position: relative; z-index: 2;}
.decorate{ height: 62px; background: url(https://www.thegyee.com/_s/intrm/decorate.png) no-repeat center top; position: absolute; left:0; top:-60px; width: 730px;}
.contwrap{ min-height: 200px; background: rgba(255,255,255,.85); border-top: 0; padding: 30px 0; position: relative;}
.contwrap::before{ content: ''; width: 750px; height: 51px; background:url(https://www.thegyee.com/_s/testpc191113/mbefore.png) no-repeat center top; position: absolute; left: 0; top:-51px; width: 100%;}
.contwrap::after{ content: ''; width: 750px; height: 62px; background:url(https://www.thegyee.com/_s/testpc191113/mafter.png) no-repeat center top; position: absolute; left: 0; bottom:-62px; width: 100%;}

.scroll::-webkit-scrollbar  { width: 6px;height: 6px;  background-color: #ae367b; }   
.scroll::-webkit-scrollbar-track  { background-color: #ae367b;  }  
.scroll::-webkit-scrollbar-thumb  { background-color: #fff;border-radius: 3px; -webkit-border-radius: 3px;  } 
.sub-top{ height: 69px; position: relative; background: url(https://www.thegyee.com/_s/testpc191113/race.png) no-repeat center top; text-align: center; line-height: 68px; color: #ae367b; font-size: 28px;}
.sub-top .s1{ display: inline-block; color: #ae367b; font-size: 30px; position: static; left:234px; top:-7px;}
.sub-top .s2{ display: inline-block; color: #ae367b; font-size: 30px; position: static; left:440px; top:-7px;}
.sub-top em{ font-style: normal;}
.selectbox{ width: 490px; z-index: 9; height: 57px; position: relative; margin: 0 auto; margin-top: 20px; margin-bottom: 34px; border: 2px solid #ae367b;}
.selectbox .curTxt{ display: inline-block; color: #ae367b; font-size: 24px;  position: absolute; right:10px; top:7px; width: 290px; height: 50px; padding-left: 50px; line-height: 48px; }
.selectbox .listbox { width: 322px; height: 206px; position: absolute; left:168px; top:64px; background: #ae367b; border: 1px solid #ae367b; overflow: hidden; overflow-y: auto;}
.selectbox .curTxt::after{ content: ''; position: absolute; right:10px; top:20px;border-left: 8px solid transparent; border-right: 8px solid transparent;}
.off .curTxt::after{border-top: 8px solid #ae367b;}
.on .curTxt::after{border-bottom:  8px solid #ae367b;}
.listbox li{ width: 280px; margin-left: 20px; border-bottom: 1px dashed #fff; height: 68px; line-height: 68px; text-align: center; color: #fff; font-size: 24px;}
.f-icon{ display: none; width: 191px; height: 8px;position: absolute; left:148px; top:272px;}
.on .f-icon{ display: block;}
.off .f-icon{ display: none;}
.off .listbox { display: none;}
.on .listbox{ display: block;}

.subtable{ width: 692px; margin: 0 auto; display: none;}
.subtable table{ text-align: center; color: #000; font-size: 24px; width: 692px; border:2px solid #98a2a7; border-bottom-width: 1px; border-top:0;}
.subtable thead{ height: 81px; border-top:2px solid #98a2a7;border-bottom:2px solid #98a2a7;background: rgba(250,71,174,.15);
    background: -moz-linear-gradient(left, rgba(255,126,200,.15),rgba(245,12,146,.15));
    background: -webkit-linear-gradient(left, rgba(255,126,200,.15),rgba(245,12,146,.15));
    background: -o-linear-gradient(left, rgba(255,126,200,.15),rgba(245,12,146,.15));
    background: -ms-linear-gradient(left,rgba(255,126,200,.15),rgba(245,12,146,.15));
    background: linear-gradient(to right,rgba(255,126,200,.15),rgba(245,12,146,.15));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2864c2', endColorstr='#4388f5',GradientType=0 );}
.subtable thead th{ height: 81px;vertical-align: middle; color: #000; border-right: 2px solid #98a2a7;}
.subtable thead .col5{ border-right: 0;}
.subtable td{ height: 78px; border-right: 1px solid #98a2a7; text-align: center; vertical-align: middle; border-bottom: 1px solid #98a2a7;}
.subtable .col1{ width: 100px;}
.subtable .col2{ width: 166px;}
.subtable .col3{ width: 191px;}
.subtable .col4{ width: 98px;}
.subtable .col5{ width: 139px;}
.subtable .tbox{ width: 100%; height: 100%; position: relative;}
.subtable .tbox a{ display: inline-block; width: 65px; height: 58px;}
.subtable .tbox img{ width: 100%; height: 100%;} 
.subtable .item1{ width: 58px; height: 58px; position: absolute; left:23px; top:10px;}
.subtable .cicon{ display: inline-block; width: 24px;height: 24px; position: absolute; left:44px; top:37px;}


.subtable .buttons{width: 6px; height: 8px; display: inline-block; position: absolute; left:102px; top:36px;}
.subtable .buttons::after{ position: absolute; left:0; top:0; border-left: 8px solid transparent; border-right: 8px solid transparent; content: '';}
.subtable .open::after{ border-top: 8px solid #ae367b;}
.subtable .closez::after{ border-bottom: 8px solid #ae367b;}
.subtable .downbox{ position: absolute; width: 249px; height: 89px; background: #fff; left:-110px; top:70px; display: none; z-index: 4; border:1px solid #b2bdc9;}
.subtable .downbox a{ display: inline-block; padding-top: 15px; margin: 0 4px;}
.subtable .downbox::after{ content: ''; width: 16px; height: 8px; background: url(https://www.thegyee.com/_s/testpc191113/s-icon.png) no-repeat center top; position: absolute; right: 18px;top:-8px;}
.subtable .open .downbox{ display: none;}
.subtable .close .downbox{ display: block;}
.subtable .first .col1{ background: url(https://www.thegyee.com/_s/pvprank/trophy1.png) no-repeat center center; }
.subtable .first td{ color: #6e4f02;}
.subtable .second .col1{ background: url(https://www.thegyee.com/_s/pvprank/trophy2.png) no-repeat center center; }
.subtable .second td{ color: #6f6f6f;}
.subtable .third .col1{ background: url(https://www.thegyee.com/_s/pvprank/trophy3.png) no-repeat center center; }
.subtable .third td{ color: #816c5b;}
.tbox .bing{ background: url(https://www.thegyee.com/_s/testpc191113/icon-bing.png) no-repeat;}
.tbox .dian{ background: url(https://www.thegyee.com/_s/testpc191113/icon-dian.png) no-repeat;}
.tbox .fang{ background: url(https://www.thegyee.com/_s/testpc191113/icon-fang.png) no-repeat;}
.tbox .hun{ background: url(https://www.thegyee.com/_s/testpc191113/icon-hun.png) no-repeat;} 
.tbox .huo{ background: url(https://www.thegyee.com/_s/testpc191113/icon-huo.png) no-repeat;} 
.tbox .jie{ background: url(https://www.thegyee.com/_s/testpc191113/icon-jie.png) no-repeat;} 
.tbox .kuang{ background: url(https://www.thegyee.com/_s/testpc191113/icon-kuang.png) no-repeat;} 
.tbox .sheng{ background: url(https://www.thegyee.com/_s/testpc191113/icon-sheng.png) no-repeat;} 
.tbox .zhan{ background: url(https://www.thegyee.com/_s/testpc191113/icon-zhan.png) no-repeat;} 

.admbox{  margin: 0 20px;margin-top: 70px;}
.admbox .admtit{ height: 48px; background: url(https://www.thegyee.com/_s/pvprankm/adm-tit.png) no-repeat center top; width: 100%; margin-bottom: 30px;}
.admbox .adm{ background: #274b65; text-align: center; padding: 10px 0;}
.admbox a{ display: block; width: 652px; height: 369px; overflow: hidden;  margin: 13px auto; border:8px solid #283657; position: relative;float: none;}
.admbox a::after{ position: absolute; left:0; top:0; width: 100%; height: 100%; background: url(https://www.thegyee.com/_s/pvprankm/adm-wrap.png) no-repeat center top; content: '';}
.admbox a img{ width: 100%;}
.adm-split{ display: block; height: 18px; background: url(https://www.thegyee.com/_s/pvprankm/adm-split.png) no-repeat center top;}

.tbox .show{ display: block;}
.tbox .hide{ display: none;}

/****档案list******/
.personwrap{ margin-top: 257px;}
.personwrap::before{ background: url(https://www.thegyee.com/_s/testpc191113/mbefore1.png) no-repeat 0 0; height: 750px; height: 58px; top:-58px;}
.archives-list{ position: relative;  margin-bottom: 30px; padding-top: 30px;}
.archives-list dl{ min-height: 270px; margin: 0 30px; border-bottom: 1px solid rgba(0,0,0,.2); position: relative;}
.archives-list dl:last-child{ background: none;}
.archives-list .hicon{ width: 178px; height: 164px; padding-top: 60px; margin-right: 36px;}
.archives-list .hicon img{ width: 100%;}
.archives-list .hicon a{ display: block;}
.archives-list .desc{ margin-top: 60px; width: 454px; padding-bottom: 40px;}
.archives-list .title{ color: #000; font-size: 40px; display: inline-block; float: left; margin-right: 40px; width: 460px;}
.archives-list .desc p{ color: #000; font-size: 30px; margin-top: 2px;}
.archives-list .skill{ font-size: 30px; color: #8d8d8d; padding-right: 56px; display: inline-block; float: left; margin-top: 4px; height: 44px; line-height: 40px; position: relative;}
.archives-list .skill img{ position: absolute; top:0; right:0; width: 42px;}

.archives-list .skill .h{ width:38px; }
.archives-list .skill .d{ width:38px; }
.archives-list .skill .sh{ width: 46px;}
.archives-list .skill .s{ width: 40px;}
.backlist{ width: 183px; height: 39px; background:url(https://www.thegyee.com/_s/main/backlist.png) no-repeat center top; position: absolute; left:25px; top:20px;}
.archives-list .alink{ display: block; position: absolute; left:0; top:60px; width: 100%;height: 74%; z-index: 2}


/****档案详情***/
.conwrap{position: relative; margin: 0 12px; background-color: rgba(255,255,255,.85); margin-bottom: 52px; z-index:2;max-width: 750px;}
.archwrap::before{content: ''; background: url(https://www.thegyee.com/_s/testpc191113/mbefore2.png) no-repeat 0 0; height: 54px; top:-112px;  width: 730px; height: 113px; background-size: 726px auto; position: absolute; left: 0;}
.archwrap::after{content: '';width: 100%;height: 62px;background: url(https://www.thegyee.com/_s/testpc191113/mafter.png) no-repeat center top;position: absolute;left: 0;bottom: -62px;}
.archiewrap{ margin-top: 257px;}
.archiewrap::before{ background: url(https://www.thegyee.com/_s/testpc191113/mbefore1.png) no-repeat 0 0; height: 750px; height: 58px; top:-58px;}
.roleIntro{ text-align: center; height: 1038px; position: relative; top:-628px;}
.roleIntro .htit{ font-size: 50px; color: #fff; font-weight: normal; padding: 120px 0 20px 0; text-shadow: 0px 0px 20px #82fff2;-webkit-text-shadow:0px 0px 20px #82fff2;-moz-text-shadow:0px 0px 20px #82fff2;-o-text-shadow:0px 0px 20px #82fff2; text-align: center;}
.depict { text-align: center; padding-bottom: 45px; position: relative; top:-624px; border-top:2px solid #c8cacb; margin-bottom: -624px;}
.depict .line4{ margin-bottom: 20px; padding-top: 12px;}
.depict p{ font-size: 30px; color: #000;}
.archivbg .archives {position: relative;margin-top: 700px;}
.archives .dl-skill{ margin: 0 26px; min-height: auto; background:none; padding-bottom: 68px;}
.dl-skill dt{ text-align: center; width: 130px;height: 130px; background-color: #fff; border-radius: 65px; -webkit-border-radius: 65px; -moz-border-radius: 65px; margin-right: 44px;}
.dl-skill dt img{ width: 122px; height: 122px; margin: 4px;}
.skillbox{ margin: 0 10px; background-color: rgba(244,12,145,.15); padding: 60px 0 0 0;} 
.dl-skill dd{ width: 480px;}
.dl-skill .stit{ display: block; font-size: 30px; color: #000; margin-bottom: 14px;}
.dl-skill .sub-stit{ font-size: 18px; margin-left: 10px; }
.dl-skill dd p{ font-size: 24px; color: #000; line-height: 40px;}
.dl-skill dd .pline2{ color: #ae367b; margin-top: 30px;}
.dl-skill .pline2 strong{ margin-right: 10px;}
.tit { text-align: center;}
.mainrole{ text-align: center; padding: 30px 0 50px 0; background: rgba(244,12,145,.15); margin:48px 0;}
.mainrole .tit{ margin-bottom: 14px; margin-left: 28px; text-align: left;}
.mainrole ul{ margin: 28px 0 0 28px;}
.mainrole li{ display: inline-block; float: left; margin-right: 30px;}
.mainrole li a{ display: block;}
.mainrole li img{ width: 139px; height: 129px;}
.roleDesc{ padding: 58px 28px; margin: 0 10px; background: rgba(244,12,145,.15); }
.roleDesc .tit{padding-bottom: 20px; text-align: left;}
.roleDesc p{ color: #000; font-size: 28px; line-height: 40px; padding-bottom: 40px; text-align: left;}


/****关于我们****/
.abwrap{ margin-top: 544px;}
.abscont{ margin: 0 10px; position: relative; background: #232b47; border-top:0; min-height: 100px; padding-bottom: 44px; margin-bottom: 34px;}
.abscont .special{ position: absolute; left:0; top:0; width: 100%;}
.abtit{ text-align: center; padding:60px 0 60px 0; margin: 0 10px; border-bottom:2px solid rgb(0,0,0,.2); margin-bottom: 50px;}
.abIntro{ padding: 0 44px; padding-bottom: 260px;}
.abIntro p{ font-size: 24px; color: #000; line-height: 36px; margin-bottom: 40px;}
.coIntro{ padding: 0 14px; padding-bottom: 260px;}
.coIntro p{font-size: 30px;color: #000;line-height: 44px;text-indent: 2em;padding-bottom: 30px;}
.coIntro p a{color: #5e44ff;}
.coIntro p img{ max-width: 90%;}
.coIntro h1{font-size: 32px;color: #6472a3;font-weight: normal;margin-bottom: 18px; text-indent: 2em;}

/****社群****/
.contwrap{ margin-top: 544px;}


/****画册****/
.hcewrap{ margin-top: 546px; margin-bottom: 53px;}

/****世界观****/
.wvbox, .pacont {padding-bottom: 40px;margin-bottom: 25px;}
.wviewwrap{ margin-top: 546px;}
.wvtab{ height: 84px;width: 700px; margin: 0 auto;position: relative; margin-top: 30px; padding-top: 40px;}
.wvtab a{ display:inline-block; width: 347px; height: 60px; background: url(https://www.thegyee.com/_s/testpc191113/wvTab.png) no-repeat;}
.wvtab .wvbtn1{ background-position: 0 0; float: left;}
.wvtab .wvbtn1.on{ background-position: 0 -62px;}
.wvtab .wvbtn2{background-position: -363px 0; float: right; }
.wvtab .wvbtn2.on{background-position: -363px -62px;}

.patab{ height: 84px;  margin: 0 auto; position: relative; text-align: center; padding-top: 40px;}
.split{ height: 2px; background: rgba(0,0,0,.2); margin: 0 14px; margin-bottom: 28px;}
.patab a{ background: url(https://www.thegyee.com/_s/testpc191113/hcTab.png) no-repeat; width: 166px; height: 60px; display:inline-block; margin: 0 4px;}
.patab .pabtn1{ background-position: 0 0;}
.patab .pabtn1.on{background-position: 0 -62px;}
.patab .pabtn2{background-position: -181px 0;}
.patab .pabtn2.on{background-position: -181px -62px;}
.patab .pabtn3{background-position: -363px 0;}
.patab .pabtn3.on{background-position: -363px -62px;}
.patab .pabtn4{background-position: -544px 0;}
.patab .pabtn4.on{background-position: -544px -62px;}

.pabox{}
.pabox ul{ width: 104%; padding-left: 14px;}
.pabox li{ float: left; width: 341px; margin: 0 16px 50px 0; font-size: 14px;}
.pabox .paimg{ position: relative; width: 341px; height: 195px; overflow: hidden; margin-bottom: 14px; display: block;}
.pabox .paimg::after{ content: ''; position: absolute; left:0; top:0; width: 328px; height: 182px; border: 7px solid #ae367b;}
.pabox .paimg img{ width: 100%; height: 100%;}
.pabox .pcDesc{ width: 100%;height: 90px;  background-color: rgba(0,0,0,.05); overflow: hidden;}
.pabox .paTit{ height: 48px; margin: 0 10px; line-height: 48px; color: #000; font-size: 18px; border-bottom: 1px dashed rgba(255,255,255,.2); display: block; border-bottom: 1px solid rgba(0,0,0,.1);}
.pabox p{ margin: 0 10px; color: #000; height: 40px; line-height: 40px;}

.page{ text-align: center;  font-size: 30px;}
.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;}
.getmore{ display: block; height: 90px; font-size: 36px; text-align: center; margin: 0 auto; line-height: 90px;  margin: 20px 20px 0 20px;}
.getmore a{ display: block; color: #fff; background:url(https://www.thegyee.com/_s/testpc191113/nmore.png) no-repeat center top; background-size: 100% auto;}

/****用户协议****/
.intro{margin: 0 auto; position: relative; width: 730px; padding-bottom: 60px;}
.intro .title h2{ font-size: 48px; color: #fff; text-align: center; font-weight: normal; padding-bottom: 40px; margin:0 auto;}
.mt100{ margin-top: 100px; margin-bottom: -8px;}
.intro .title{ padding: 30px 0 55px 0; text-align: center;}
.intro .tip{ text-align: center;}
.intro .source,.intro .time{ color: #6472a3; font-size: 24px; display: inline-block; margin: 0 18px;}
.splits{ height: 4px; background: url(https://www.thegyee.com/_s/main/splits.png) no-repeat center top;}
.intro-cont{ padding:50px 34px; }
.intro-cont p{ font-size: 30px; color: #000; line-height: 44px; text-indent: 2em; padding-bottom: 30px;}
.intro-cont p img{ max-width: 90%;}
.intro-cont p a{ color: #62a2bf}
.intro-cont .pimg{ text-indent: 0;}
.intro-cont .pimg img{ max-width: 658px;}

.htit1{ text-align: center; color: #000; font-size: 30px;}
.htit2{text-align: center; color: #000; font-size: 30px; margin-bottom: 20px;}
.tract-cont{ padding: 20px 10px;}
.tract-cont p,.tract-cont div{ color: #000; font-size: 30px; line-height: 50px; padding:0 10px 14px 10px;text-indent:0;}
.tract-cont h4{ font-size: 32px; color: #6472a3; font-weight: normal; margin-bottom: 18px;}
.tract-cont table{ width: 100%; margin-bottom: 20px; border: 1px solid #000;  vertical-align: middle;}
.tract-cont .col1{ border-right: 1px solid #000; padding-left: 10px; width: 30%;vertical-align: middle;}
.tract-cont .col2{ width: 70%; padding:10px;vertical-align: middle;}
.tract-cont a{ color: #000;}
.tract-cont td{ padding:10px 0;}
.tract-cont li{ position: relative; color: #000; font-size: 30px; padding-left: 34px; margin-bottom: 10px;}
.tract-cont li span{ width: 20px; height: 20px; display: block; position: absolute; left: 0; top:0;}
.tract-cont ul{ padding-left: 40px; padding-bottom: 20px;}
.tract-cont .underline{ border-bottom: 1px solid #000;position: static;width: auto;height: auto;display: inline-block;}


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


/***share***/
.backtop{ width: 78px; height: 112px; background:url(https://www.thegyee.com/_s/testpc191113/backtop.png) no-repeat center top; position: fixed; right:20px; bottom: 50px; z-index: 9; display: none;}
.prompt {display: none;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 100; }
.prompt .close {position: absolute;top: -38px;right: -37px;width: 44px;height: 44px;background: url(https://www.thegyee.com/_s/main/close.png) no-repeat 0 0;background-size: 100% auto;}
.prompt_wechat p {text-align: center;font-size: 28px;color: #FFF; margin-top: 16px;}
.prompt_wechat img{ width: 300px;}
.prompt1{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.73);z-index: 99;}
.prompt_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.73);z-index: 99;}
#pop_browser_share ,#pop_weixin_tip{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;text-align: center;background: rgba(0, 0, 0, 0.7);z-index: 9999;overflow: hidden;}
#share_btn_wrap {position: absolute;width: 750px;height: 164px;left: 0;bottom: 40px;text-align: center;transition: left 0.5s;-webikt-transition: left 0.5s;}
#share_btn_wrap span {display: inline-block;width: 118px;margin: 0 20px;font: normal 24px "微软雅黑";color: #fff;text-align: center;}
#share_btn_wrap span img {width: 100px;height: 100px; margin-bottom: 8px;}
img {vertical-align: bottom;}
#slide_copy.ani_left {left: 0px;}
#slide_copy {position: absolute;width: 750px;height: 220px;left: 750px;bottom: 40px;text-align: left;transition: left 0.5s;-webikt-transition: left 0.5s;}
#close_copy {position: absolute;width: 62px;height: 62px;right: 75px;top: 0;background: url(https://www.thegyee.com/_s/main/icon_close1.png);background-size: 100% auto;}
.share_copy_t {width: 605px;margin: 0 auto; padding-top: 20px;font: normal 28px "微软雅黑";color: #fff;}
#share_copy_link {width: 605px;height: 114px;padding: 6px;margin: 16px auto 0;font: normal 26px/34px Arial;color: #2e2e2e;word-wrap: break-word;background-color: #fff;}
#slide_weixin {position: absolute;width: 750px;height: 468px;left: 750px;bottom: 50px;transition: left 0.5s;-webikt-transition: left 0.5s;}
.slide_wx_cont { position: relative;width: 352px;height: 440px;margin: 10px auto 0;background-color: #fff;border-radius: 10px;}
#close_weixin {position: absolute;width: 54px;height: 54px;right: -22px;top: -22px;background: url(https://www.thegyee.com/_s/main/icon_close2.png);background-size: 100% auto;}
.slide_wx_cont p {padding-top: 20px;font: normal 28px/36px "微软雅黑";color: #4d4d4d;}
#q_code {position: relative;width: 304px;height: 304px;margin: 20px auto 0;overflow: hidden;}
#q_code img {position: absolute;width: 304px;height: 304px;left: 0;top: 0;z-index: 2;}
#pop_weixin_tip .share_tip {width: 750px;height: 172px;padding-top: 70px;font: normal 32px/58px "微软雅黑";color: #fff;text-align: center;background: url(https://www.thegyee.com/_s/main/share_weixin_bg.png);background-size: 100% auto;}
#share_btn_wrap.ani_left {left: -750px;}
#slide_weixin.ani_left {left: 0px;}

/***end*****/



.contop,.btnnav,.navwrap,.footer{display: none;}