@charset "UTF-8";
/*! Project:m56889, Create:ljp 2019.03.04 15:27, Update:ljp 2019.03.13 10:53 */ 

.pages--normal{text-align:center}
.pages--normal .pages_link{display:inline-block;vertical-align:middle;padding:0 10px;margin:0 0 0 -1px;width:auto;height:30px;line-height:30px;font-size:12px;color:#fff;background-color:#cecece;border-width:0;border-color:#ddd;border-style:solid;text-decoration:none}
.pages--normal .pages_link--cur,.pages--normal .pages_link:hover{color:#fff;background-color:#5c96ff;border-color:#5c96ff}
.pages--normal .pages_link--cur .pages_icon,.pages--normal .pages_link:hover .pages_icon{background-position:0 -30px}
.pages--normal .pages_icon--first,.pages--normal .pages_icon--last,.pages--normal .pages_icon--next,.pages--normal .pages_icon--prev{display:inline-block;padding:0;width:12px;height:30px;background-repeat:no-repeat;background-position:0 0}
body,html{position:relative;width:100%;margin:0 auto;overflow-x:hidden;overflow-y:scroll}
body{font:12px 'Microsoft YaHei',Arial,Helvetica,sans-serif}
a{text-decoration:none}
.g-wrap{position:relative;overflow:scroll;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g-wrap--home{background-color:#edfcff}
.m-login{position:fixed;top:0;left:0;z-index:2;width:100%;height:70px;margin:0 auto;background-color:#fff}
.m-login .u-logo{display:block;margin:15px auto 0 20px}
.m-login .u-btn--login,.m-login .u-btn--register{position:absolute;top:50%;margin-top:-26px;display:block;width:132px;height:52px;-webkit-border-radius:5px;border-radius:5px;line-height:52px}
.m-login .u-btn--register{right:178px;background-color:#878787;font-size:24px;color:#fff;text-align:center}
.m-login .u-btn--login{right:28px;background-color:#f5821f;font-size:24px;color:#fff;text-align:center}
.g-header{position:fixed;top:0;left:0;z-index:2;width:100%;height:130px;margin:0 auto;background-color:#282828}
.g-header .u-photo{margin:15px 20px 0 20px}
.g-header .u-txt{display:inline-block;vertical-align:top}
.g-header .u-txt__desc,.g-header .u-txt__name{display:block}
.g-header .u-txt__name{padding:30px 0 5px 0;font-size:36px;color:#fff;text-align:left}
.g-header .u-txt__desc{font-size:20px;color:#fff;text-align:left}
.g-header .u-btn--download{position:absolute;right:26px;top:50%;margin-top:-35px;display:block;width:190px;height:70px;width:190px;height:70px;background-image:url(../images/_spritemap.png);background-position:0 0;font-size:30px;color:#fff;text-align:center;line-height:66px}
.m-nav{width:100%;height:100px;padding-top:130px;background:url(../images/bg3.jpg) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;clear:both}
.m-nav li{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:100%}
.m-nav a{display:block;height:100%;padding:0 45px;font-size:28px;color:#474747;text-align:center}
.m-nav .u-item__line,.m-nav .u-item__txt{display:block}
.m-nav .u-item__txt{padding:30px 0 15px 0}
.m-nav .u-item__line{display:none;width:100%;height:3px;background-color:#4786ff}
.m-nav .on .u-item__line{display:block}
.m-list li{position:relative;margin:0 0 30px;height:36px;line-height:36px}
.m-list li a{display:block;width:100%;height:100%;color:#6b6b6b}
.m-list li a:hover{text-decoration:underline}
.m-list li a:hover .u-sort,.m-list li a:hover .u-time,.m-list li a:hover .u-txt{color:#467eff}
.m-list .u-sort,.m-list .u-txt{display:inline-block;vertical-align:middle}
.m-list .u-sort{margin-right:5px;font-size:14px;color:#6b6b6b;text-align:left}
.m-list .u-txt{width:380px;font-family:'Microsoft YaHei UIRegular';font-size:24px;color:#6b6b6b;text-align:left}
.m-list .u-time{position:absolute;right:0;font-size:24px;color:#a4a4a4;text-align:left}
.m-tab{width:100%;height:65px;background-color:#333c79;line-height:65px}
.m-tab li{position:relative;display:inline-block;margin:0 25px;padding:0 20px;height:100%}
.m-tab .u-line,.m-tab .u-sort{display:block}
.m-tab .u-sort{font-size:24px;color:#fff;text-align:center}
.m-tab .u-line{position:absolute;left:50%;bottom:0;width:0;height:4px;background-color:#ffe74d}
.m-tab .curr .u-line{left:0;width:100%}
.m-tab--white{width:100%;height:60px;padding-top:20px;background-color:#fff;border-bottom:1px solid #d9d9d9;line-height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.m-tab--white li{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center}
.m-tab--white .u-sort{font-size:24px;color:#626262;text-align:center}
.m-tab--white .curr .u-sort{color:#4d8dff}
@-webkit-keyframes rotate{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.u-video{position:absolute;top:373px;right:90px;display:block;width:64px;height:64px}
.u-video__icon{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-11px;width:26px;height:30px;background:url(../images/triangle.png) no-repeat center top;display:block}
.u-video__bg{position:absolute;top:0;left:0;display:block;width:64px;height:64px;background:url(../images/bg5.png) no-repeat center top;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}
.g-section--swiper{padding:550px 0 0 0;background:url(../images/bg1.jpg) no-repeat left top;-webkit-background-size:100% auto;background-size:100% auto}
.g-section--swiper .swiper-container{margin:0 auto;width:700px;height:306px;text-align:center;border:1px solid #000}
.g-section--swiper .swiper-wrapper{width:100%;height:100%}
.g-section--swiper .swiper-pagination{position:absolute;left:0;bottom:10px;z-index:2;width:100%;height:21px;text-align:center}
.g-section--swiper .swiper-pagination .swiper-pagination-bullet{display:inline-block;*display:inline;*zoom:1;margin:0 4px;width:40px;height:2px;background-color:#a4a4a4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;cursor:pointer;overflow:hidden}
.g-section--swiper .swiper-pagination .swiper-pagination-bullet-active{height:6px;background-color:#5c96ff;-webkit-border-radius:0;border-radius:0}
.g-wrap--gameInfo{padding-bottom:50px;background-color:#f3fdff}
.g-wrap--gameInfo .u-title{padding:40px 0;font-weight:700;font-size:30px;color:#fff;text-align:center}
.g-wrap--gameInfo .u-title__icon1,.g-wrap--gameInfo .u-title__icon2{display:inline-block;vertical-align:middle}
.g-wrap--gameInfo .u-title__icon1{margin-right:15px;width:206px;height:10px;background-image:url(../images/_spritemap.png);background-position:0 -227px}
.g-wrap--gameInfo .u-title__icon2{margin-left:15px;width:206px;height:10px;background-image:url(../images/_spritemap.png);background-position:0 -213px}
.g-link li{display:inline-block;*display:inline;*zoom:1;margin:0 0 45px 34px}
.g-link .m-link{position:relative;display:block;width:320px;height:142px;background:url(../images/bg4.jpg) no-repeat center top}
.g-link .m-link .u-txt{padding:35px 0 0 30px}
.g-link .m-link .u-txt__sort{display:block;margin-bottom:5px;font-weight:700;font-size:28px;color:#fff;text-align:left}
.g-link .m-link .u-txt__sign{display:inline-block;padding:4px 3px;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;font-size:12px;color:#333c79;text-align:center}
.g-link .m-link .u-img{display:block;position:absolute;right:0;bottom:0;width: 100%;}
.g-news{position:relative;overflow:hidden;margin:0 auto;width:680px;background-color:#fff}
.g-news .u-recommend{margin:20px 20px 10px;width:640px;background-color:#f5f7f9}
.g-news .u-recommend a{display:block;width:100%;height:100%}
.g-news .u-recommend__sign,.g-news .u-recommend__txt{display:inline-block;vertical-align:middle}
.g-news .u-recommend__sign{margin-right:15px;padding:10px 20px;background-color:#ff4527;-webkit-border-radius:12px;border-radius:12px;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:32px}
.g-news .u-recommend__txt{width:470px;font-weight:700;font-size:24px;color:#424242;text-align:left}
.g-news .m-list{padding:25px 30px 10px}
.g-news .u-btn--more{position:absolute;top:20px;right:25px;display:block;width:25px;height:25px;background-color:#fff;font-size:24px;color:#553f3e;text-align:center;line-height:20px}
.g-news .u-btn--more:hover{color:#ffe74d}
.g-wrap--profession{width:100%;padding-bottom:50px;background:url(../images/bg2.jpg) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-wrap--profession .u-title{padding:40px 0 10px;font-weight:700;font-size:30px;color:#fff;text-align:center}
.g-wrap--profession .u-title__icon1,.g-wrap--profession .u-title__icon2{display:inline-block;vertical-align:middle}
.g-wrap--profession .u-title__icon1{margin-right:15px;width:206px;height:9px;background-image:url(../images/_spritemap.png);background-position:0 -254px}
.g-wrap--profession .u-title__icon2{margin-left:15px;width:206px;height:9px;background-image:url(../images/_spritemap.png);background-position:0 -241px}
.g-profession{position:relative}
.g-profession .swiper-container{margin:0 auto;width:700px;height:306px;text-align:center}
.g-profession .swiper-wrapper{width:100%;height:100%}
.g-profession .g-btnWrap{position:relative;margin:0 auto;width:520px;text-align:center}
.g-profession .g-btnWrap ul{width:auto!important}
.g-profession .g-btnWrap li{position:relative;width:130px;cursor:pointer;display:inline-block}
.g-profession .g-btnWrap li:hover .u-race{color:#ffe74d}
.g-profession .g-btnWrap li:hover .u-img{border:2px solid #adc9ff;background-color:#528eff;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}
.g-profession .g-btnWrap .on .u-race{color:#ffe74d}
.g-profession .g-btnWrap .on .u-img{border:2px solid #adc9ff;background-color:#528eff;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}
.g-profession .g-btnWrap .u-img{display:block;margin:0 auto 5px;width:96px;height:96px;border:2px solid #9e9e9e;-webkit-border-radius:50%;border-radius:50%;background-color:#68666b;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);-webkit-box-shadow:0 1px 5px #6a8fde;box-shadow:0 1px 5px #6a8fde}
.g-profession .g-btnWrap .u-race{display:block;font-weight:700;font-size:24px;color:#e7e7e7;text-align:center}
.g-profession .m-profession{position:relative;width:100%}
.g-profession .m-profession .u-img{display:block;margin:0 auto}
.g-profession .m-profession .u-role{padding:0 32px}
.g-profession .m-profession .u-role__race{margin:-180px auto 25px}
.g-profession .m-profession .u-role__features{display:block;margin-bottom:10px;font-weight:700;font-size:28px;color:#fff;text-align:left}
.g-profession .m-profession .u-role__desc{font-size:24px;color:#dee9ff;text-align:left;line-height:36px}
.g-profession .m-profession .curr{display:block}
.g-profession .u-btn{position:absolute;bottom:55px;z-index:10;display:block;cursor:pointer;display:none}
.g-profession .u-btn--prev{left:70px;width:20px;height:58px;background-image:url(../images/_spritemap.png);background-position:-84px -150px}
.g-profession .u-btn--next{right:70px;width:20px;height:58px;background-image:url(../images/_spritemap.png);background-position:-152px -74px}
.g-bulletion{position:relative;padding:0 40px 40px;min-height:50vh;height:auto;background-color:#fff}
.g-bulletion .m-list{margin:35px auto;padding:0 35px}
.g-article{position:relative;min-height: 55vh; background-color:#fff;}
.g-article .m-article{padding:0 35px}
.g-article .m-article .u-heading{margin-bottom:10px;padding:35px 0 0;font-weight:700;font-size:28px;color:#6b6b6b;text-align:center}
.g-article .m-article .u-time{display:block;padding-bottom:10px;font-size:20px;color:#959494;text-align:center}
.g-article .m-article .u-txt{margin:10px 0 50px;font-size:24px;color:#959494;text-align:left;line-height:46px;text-indent:30px}
.g-liBaos{padding:0 35px;min-height: 55vh; }
.g-liBaos .m-ac{position:relative;margin:30px 0;height:50px;font-size:22px;color:#7d7d7d;text-align:left;line-height:50px}
.g-liBaos .m-ac .u-btn--switch{display:block;position:absolute;top:0;right:0;width:130px;height:50px;background-color:#fccf19;-webkit-border-radius:10px;border-radius:10px;font-weight:700;font-size:24px;color:#000;text-align:center;line-height:50px}
.g-liBaos .g-liBaoWrap{overflow:hidden}
.g-liBaos .g-liBao{margin-bottom:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.g-liBaos .g-liBao .u-img{display:block;margin-right:30px}
.g-liBaos .g-liBao .m-code{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.g-liBaos .g-liBao .m-code .u-name{font-weight:700;font-size:24px;color:#444;text-align:left}
.g-liBaos .g-liBao .m-code .u-codeBox{position:relative}
.g-liBaos .g-liBao .m-code .u-codeBox__btn,.g-liBaos .g-liBao .m-code .u-codeBox__code,.g-liBaos .g-liBao .m-code .u-codeBox__tip,.g-liBaos .g-liBao .m-code .u-codeBox__txt{display:block;margin-top:10px}
.g-liBaos .g-liBao .m-code .u-codeBox__code,.g-liBaos .g-liBao .m-code .u-codeBox__tip,.g-liBaos .g-liBao .m-code .u-codeBox__txt{font-size:22px;color:#7d7d7d;text-align:left}
.g-liBaos .g-liBao .m-code .u-codeBox__btn{display:block;position:absolute;top:0;right:0;padding: 0 23px;height:60px;background-color:#d72f45;-webkit-border-radius:10px;border-radius:10px;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:60px}
.g-liBaos .g-liBao .g-desc{margin-top:20px;overflow:hidden;border-top:1px solid #e1e1e1}
.g-liBaos .g-liBao .m-desc{position:relative;padding-top:20px}
.g-liBaos .g-liBao .m-desc .u-icon--down,.g-liBaos .g-liBao .m-desc .u-icon--up{display:block;position:absolute;top:25px;right:0}
.g-liBaos .g-liBao .m-desc .u-icon--up{width:40px;height:19px;background-image:url(../images/_spritemap.png);background-position:-156px -150px}
.g-liBaos .g-liBao .m-desc .u-icon--down{width:40px;height:19px;background-image:url(../images/_spritemap.png);background-position:-200px -150px}
.g-liBaos .g-liBao .m-desc .u-detail{margin-bottom:10px;font-size:24px;color:#7d7d7d;text-align:left}
.g-liBaos .g-liBao .m-desc .u-detail__stress{font-weight:700;font-size:24px;color:#fe5454;text-align:left}
.g-liBaos .g-liBao .m-desc .u-tip{margin-bottom:5px;font-size:22px;color:#7d7d7d;text-align:left;line-height:40px}
.g-wrap--feature{padding-bottom:30px;background-color:#f3fdff}
.g-wrap--feature .u-title{padding:40px 0;font-weight:700;font-size:30px;color:#fff;text-align:center}
.g-wrap--feature .u-title__icon1,.g-wrap--feature .u-title__icon2{display:inline-block;vertical-align:middle}
.g-wrap--feature .u-title__icon1{margin-right:15px;width:206px;height:10px;background-image:url(../images/_spritemap.png);background-position:0 -227px}
.g-wrap--feature .u-title__icon2{margin-left:15px;width:206px;height:10px;background-image:url(../images/_spritemap.png);background-position:0 -213px}
.g-wrap--feature .swiper-container{height:400px;margin:0 auto}
.g-wrap--feature .swiper-slide{width:544px;height:334px}
.g-wrap--feature .swiper-slide img{width:100%;height:100%}
.g-wrap--feature .swiper-pagination{position:absolute;left:0;bottom:10px;z-index:2;width:100%;height:21px;text-align:center}
.g-wrap--feature .swiper-pagination .swiper-pagination-bullet{display:inline-block;*display:inline;*zoom:1;margin:0 5px;width:18px;height:18px;background-color:#a4a4a4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;cursor:pointer;overflow:hidden}
.g-wrap--feature .swiper-pagination .swiper-pagination-bullet-active{background-color:#5c96ff}
.g-btns{width:100%;padding:40px 0 40px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.g-btns li{width:28%;text-align:center}
.g-btns .u-icon{display:block;margin:0 auto 15px}
.g-btns .u-icon--service{width:62px;height:67px;background-image:url(../images/_spritemap.png);background-position:-268px -69px}
.g-btns .u-icon--forum{width:67px;height:65px;background-image:url(../images/_spritemap.png);background-position:-268px 0}
.g-btns .u-icon--share{width:80px;height:59px;background-image:url(../images/_spritemap.png);background-position:0 -150px}
.g-btns .u-txt{font-weight:700;font-size:24px;color:#757a7b;text-align:center}
.u-btn--top{float:right;display:block;margin-top:20px;width:70px;height:70px;background-image:url(../images/_spritemap.png);background-position:-194px -74px}
#pop{display:none;position:absolute;left:0;top:0;z-index:1000}
.mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.pop{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;height:40%;background-color:#000}
.pop__close{position:absolute;right:.05rem;top:-.25rem;width:24px;height:24px;background:url(../images/close.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-footer{position:relative;clear:both;width:100%;padding:30px 0 30px;background-color:#252525;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.g-footer .u-txt span{display:block;margin:10px auto;font-size:22px;color:#b7b7b7;text-align:center}
@media all and (orientation:landscape){
.g-header{height:100px;margin:0 auto;background-color:#282828}
.g-header .u-photo{margin:5px 20px 0 20px;width:100px;height:100px}
.g-header .u-txt__name{padding:5px 0 5px 0;font-size:36px;color:#fff;text-align:left}
.g-header .u-txt__desc{font-size:20px;color:#fff;text-align:left}
.g-header .u-btn--download{position:absolute;right:26px;top:50%;margin-top:-35px;display:block;width:190px;height:70px;width:190px;height:70px;background-image:url(../images/_spritemap.png);background-position:0 0;font-size:30px;color:#fff;text-align:center;line-height:70px}
}
.g-news .u-recommend__txt,.m-list .u-txt{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.g-popup--account{display:none}
.g-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}
.g-pop--account{position:absolute;top:50%;left:50%;z-index:2;width:524px;height:311px;margin-left:-262px;margin-top:-155.5px;background-color:transparent;background-image:url(../images/bg6.png);background-repeat:no-repeat;background-position:center top;-webkit-background-size:auto auto;background-size:auto}
.g-pop--account .u-txt{padding-top:130px;padding-bottom:30px;font-size:24px;color:#797979;text-align:center}
.g-pop--account .u-txt__name{color:#b79f72}
.g-pop--account .u-btn--switch{display:block;margin:0 auto;width:166px;height:68px;background-color:#538fff;-webkit-border-radius:40px;border-radius:40px;font-size:24px;color:#fff;text-align:center;line-height:68px}
.g-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:1}
.g-side{position:fixed;right:25px;bottom:25px;z-index:10}
.g-side .u-btn--account{display:block;margin-bottom:10px;width:72px;height:72px;background-image:url(../images/_spritemap.png);background-position:-76px -74px}
.g-side .u-btn--top{display:block;margin-top:0;width:72px;height:72px;background-image:url(../images/_spritemap.png);background-position:0 -74px}
.fixed{position:fixed;left:0;bottom:0}