/*! Project:p29160-kdxx-wap, Create:bear 2017.12.18 11:14, Update:bear 2017.12.28 10:56 */ 
.pages--normal .pages_link{display:inline-block;vertical-align:middle;padding:0 10px;margin:0 0 0 -1px;width:auto;height:28px;line-height:28px;font-size:12px;color:#666;background-color:#fff;border-width:1px;border-color:#ddd;border-style:solid;text-decoration:none}
#pages{text-align:center;}
.pages--normal .pages_link--cur{color:#fff;background-color:#5c96ff;border-color:#5c96ff}
.pages--normal .pages_link--cur .pages_icon{background-position:0 -28px}
.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:28px;background-repeat:no-repeat;background-position:0 0}
body,html{position:relative;width:100%;overflow-x:hidden;overflow-y:scroll}
body{font:12px 'Microsoft YaHei',Arial,Helvetica,sans-serif}
a{text-decoration:none}
.swiper{width:100%;height:100%}
.swiper .swiper-slide{position:relative;width:100%;height:100%;overflow:hidden}
.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}
.g-header{position:fixed;top:0;left:0;z-index:2;width:100%;height:130px;background-color:rgba(0, 0, 0, 0.5);}
.g-header .u-photo{margin:3px 0 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;background-color: #5b95ff;border-radius: 4px;box-shadow: 0 3px #2855cf;font-size:30px;color:#fff;text-align:center;line-height:70px}
.m-nav{width:100%;height:100px;margin-top: 200px;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:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-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;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;clear:both}
.m-nav li{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex: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; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.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:85%;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:#528eff;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--white{background-color:#fff;border-bottom:1px solid #d9d9d9}
.m-tab--white .u-sort{color:#626262}
.m-tab--white .u-line{display:none}
.m-tab .curr .u-line{left:0;width:100%}
.m-tab{width:100%;height:65px;background-color:#528eff;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:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-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;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.m-tab--white li{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex: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)}
}
@-o-keyframes rotate{
	0%{-o-transform:rotate(0);transform:rotate(0)}
	100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate{
	0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.u-video{position:absolute;top:373px;left:156px;display:block;width:64px;height:64px}
.u-video__icon{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-13px;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;-o-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}
.g-section--swiper{height: 100vh; background:url(../images/bg1.jpg) no-repeat left top}
.g-section--swiper .swiper-container{margin:0 auto;width:700px;height:306px;text-align:center}
.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-section .download--home{padding:16px;width: 288px;height: 200px;background:  rgba(255, 255, 255, 0.4);border-radius: 8px;position: absolute;left: 50%;bottom: 240px;transform: translateX(-50%);}
 .right_ios_btn{
    display: block;
    width: 256px;
    height: 80px;
    background-image: url(../images/ios_download.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    margin:  0 auto 4px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 9px;
  }
 .right_android_btn {
    display: block;
    width: 256px;
    height: 80px;
    background-image: url(../images/android_download.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    margin: 4px auto 0;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 9px;
  }
.g-wrap--gameInfo{padding-bottom: 60px;background-color:#f3fdff}
.g-wrap--gameInfo .u-title{padding:40px 0;font-weight:700;font-size:30px;color:#2c2637;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:9px;background-image:url(../images/_spritemap.png);background-position:-66px -204px}
.g-wrap--gameInfo .u-title__icon2{margin-left:15px;width:206px;height:9px;background-image:url(../images/_spritemap.png);background-position:0 -219px}
.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:#528eff;text-align:center}
.g-link .m-link .u-img{display:block;position:absolute;right:0;bottom:0}
.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:#528eff;text-align:center;line-height:20px}
.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 -232px}
.g-wrap--profession .u-title__icon2{margin-left:15px;width:206px;height:9px;background-image:url(../images/_spritemap.png);background-position:0 -245px}
.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;overflow-x:scroll}
.g-profession .g-btnWrap li{position:relative;float:left;width:130px;cursor:pointer}
.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:-305px 0}
.g-profession .u-btn--next{right:70px;width:20px;height:58px;background-image:url(../images/_spritemap.png);background-position:-278px -73px}
.g-bulletion{position:relative;padding:0 40px;background-color:#fff}
.g-bulletion .m-list{margin:35px auto;padding:0 35px}
.g-article{position:relative;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}
.u-tip--load{display:block;margin:0 auto 20px;width:100%;font-size:24px;color:#4a8aff;text-align:center}
.g-liBaos{padding:0 35px}
.g-liBaos .m-ac{position:relative;margin:30px 0;height:60px;font-size:22px;color:#7d7d7d;text-align:left;line-height:60px}
.g-liBaos .m-ac .u-btn--switch{display:block;position:absolute;top:0;right:0;width:143px;height:60px;background-color:#548eff;-webkit-border-radius:10px;border-radius:10px;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:60px}
.g-liBaos .g-liBaoWrap{overflow:hidden;margin-top: 30px;}
.g-liBaos .g-liBao{margin-bottom:50px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-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;-moz-box-pack: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;-moz-box-flex: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:#548eff;-webkit-border-radius:10px;border-radius:10px;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:60px;appearance: none;-webkit-appearance: none;border: none;}
.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:-166px -148px}
.g-liBaos .g-liBao .m-desc .u-icon--down{width:40px;height:19px;background-image:url(../images/_spritemap.png);background-position:-122px -148px}
.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-top: 120px;padding-bottom: 100px;background-color:#f3fdff;}
.g-wrap--feature .u-title{padding:48px 0 96px;font-weight:700;font-size:56px;color:#2c2637;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: 173px;;height:17px;background-image:url(../images/title_icon2.png);}
.g-wrap--feature .u-title__icon2{margin-left:15px;width:173px;height:17px;background-image:url(../images/title_icon2.png);transform: rotate(180deg);}
.g-wrap--feature .swiper-container{height:724px;margin:0 auto}
.g-wrap--feature .swiper-slide{width:468px;height:624px}
.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{padding:70px 0 40px 0;text-align:center}
.g-btns li{display:inline-block;*display:inline;*zoom:1;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:0 -148px}
.g-btns .u-icon--forum{width:67px;height:65px;background-image:url(../images/_spritemap.png);background-position:-194px -63px}
.g-btns .u-icon--share{width:80px;height:59px;background-image:url(../images/_spritemap.png);background-position:-194px 0}
.g-btns .u-txt{font-weight:700;font-size:24px;color:#757a7b;text-align:center}
.u-btn--top{float:right;display:block;width:70px;height:70px;background-image:url(../images/_spritemap.png);background-position:0 -74px}
.g-footer{clear:both;width:100%;padding:0 0 20px;background-color:#252525}
.g-footer .u-txt span{display:block;margin:10px auto;font-size:24px;color:#b7b7b7;text-align:center}
.g-wrap--feature .g-footer{position:absolute;left:0;bottom:0}
.u-sign{display:block;position:absolute;left:50%;bottom:15px;margin-left:-11.5px;width:23px;height:69px;background-image:url(../images/_spritemap.png);background-position:-278px 0}
.u-sign--white{width:23px;height:69px;background-image:url(../images/_spritemap.png);background-position:-148px -74px}
.g-news .u-recommend__txt,.m-list .u-txt{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
#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%);-o-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%}
.u-codeBox__code span {color: #ff3a3a;}
.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;}
.un-login a{
	color: #fff;
}
.m-login .m-ac {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px 0 0;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
}
.m-login #toggleAct {
    margin: 10px 20px 0 10px;
    width: 142px;
    height: 52px;
    background-color: #548eff;
    border-radius: 5px;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 52px;
    display: inline-block;
}
.logo{
	width: 20%;
}
.g-header .u-photo{
	width: 120px;
}
.g-btns .u-icon--service{
	width: 73px;
	height: 73px;
	background: url(../images/kf_icon.png) no-repeat;
	background-position: 0 0;
}


.login-tips{
	line-height: 60px;
	color: #fff;
	font-size: 26px;
	text-align: center;
	background: #00cccc;
}
.grlv1__module {
    padding: 0 42px;
}
.grlv1__regSwitch {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 70px;
    padding-top: 60px;
    line-height: 70px;
    text-align: center;
}
.grlv1__regSwitchLink {
    float: left;
    width: 50%;
    color: #a0a0a0;
    background: #ebebeb;
	font-size: 26px;
}
.grlv1__regSwitchLink--current {
    color: #fff;
    background: #7aa9e3;
}
.grlv1__form li {
	position: relative;
    padding-top: 30px;
    vertical-align: bottom;
    list-style: none;
    outline: none;
}
.account {
    background-image: url(../images/account.png);
}
.password{
	background-image: url(../images/pw.png);
}
.tel-number{
	background-image: url(../images/phone.png);
}
.verify{
	background-image: url(../images/phone.png);
}
.grlv1__inputBox {
    position: relative;
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 30px;
}
.grlv1__inputTxt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 70px;
    padding: 10px 10px 10px 52px;
    border: 1px solid #ccc;
    font-size: 26px;
    line-height: 1.5;
    font-weight: bold;
    color: #4c4c4c;
    background: transparent;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	box-sizing: border-box;
}
.grlv1__btn {
    display: block;
    font-size: 26px;
    line-height: 70px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	background-color: #fe7a69;
}
.grlv1__pact {
    display: block;
    padding-top: 10px;
    text-align: center;
	font-size: 22px;
}
.grlv1__pactLink {
    text-decoration: underline;
    color: #23a3fd;
}
.grlv1__getMobileCodeLink {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
	padding: 0 15px;
    line-height: 70px;
    text-align: center;
	font-size: 22px;
    color: #fff;
	background-color: #fe7a69;
}
.forget-pwd{
	line-height: 70px;
	font-size: 24px;
	text-align: center;
}
.forget-pwd a{
	color: #999;
}
@media screen and (orientation:landscape) {
	.g-header{
		height: 80px;
	}

	.g-header .u-photo {
	    margin: 10px 10px 0 20px;
	    width: 80px;
	    height: 80px;
	}

	.g-header .u-txt__name {
	    padding-top: 10px;
	    padding-bottom: 0;
	    font-size: 30px;
	}

	.g-header .u-txt__desc{
		font-size: 15px;
	}

	.g-header .u-btn--download{
		margin-top: -25px;
		width: 150px;
		height: 50px;
		font-size: 26px;
		line-height: 50px;
	}

	.m-nav{
		padding-top: 150px;
	}
}
.g-pop {
    position: fixed;
    top:50%;
    left:50%;
    z-index:200;
}
.g-popup--member1,.g-popup--member2{display:none;}
.g-pop--member1{width:524px;height:381px;margin-left:-262px;margin-top:-190.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--member1 .u-btn--close{display:block;position:absolute;top:0;right:-50px;width:52px;height:52px;background-image:url(../images/_spritemap.png);background-position:-66px -148px}
.g-pop--member1 .u-txt{padding-top:105px;line-height:42px;font-size:24px;color:#ffebdf;text-align:center}
.g-pop--member1 .u-txt__stress{color:#ffe013}
.g-pop--member1 .u-btn--get{position:absolute;left:50%;bottom:0;margin-left:-83px;display:block;width:166px;height:68px;-webkit-border-radius:40px;border-radius:40px;background-color:#fdfffd;-webkit-box-shadow:0 3px #f13a35;box-shadow:0 3px #f13a35;line-height:68px;font-size:26px;color:#f13a35;text-align:center}
.g-pop--member2{width:524px;height:448px;margin-left:-262px;margin-top:-224px;background-color:transparent;background-image:url(../images/bg7.png);background-repeat:no-repeat;background-position:center top;-webkit-background-size:auto auto;background-size:auto;text-align:center}
.g-pop--member2 .u-btn--close{display:block;position:absolute;top:0;right:-50px;width:52px;height:52px;background-image:url(../images/_spritemap.png);background-position:-66px -148px}
.g-pop--member2 .u-txt{padding-top:105px;line-height:42px;font-size:24px;color:#ffebdf;text-align:center}
.g-pop--member2 .u-txt__stress{color:#ffe013}
.g-pop--member2 .u-tip{display:inline-block;padding:12px 25px;margin:10px auto;background-color:#fff1c1;font-size:24px;color:#f13c33;text-align:center}
.g-pop--member2 .u-btn--copy{position:absolute;left:50%;bottom:0;margin-left:-83px;display:block;width:166px;height:68px;-webkit-border-radius:40px;border-radius:40px;background-color:#fdfffd;-webkit-box-shadow:0 3px #f13a35;box-shadow:0 3px #f13a35;line-height:68px;font-size:26px;color:#f13a35;text-align:center;appearance: none;-webkit-appearance: none;border: none;}
.g-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);background-color:#000;z-index:1;}
.game_profession {
    width: 100%;
    padding-bottom: 50px;
    padding-top: 120px;
    background: url(../images/bg2.jpg) no-repeat center top;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.game_profession .u-title {
    padding: 48px 0 80px;
    font-weight: 700;
    font-size: 56px;
    color: #fff;
    text-align: center;
}
.game_profession .u-title .u-title__icon1,.game_profession .u-title .u-title__icon2{display:inline-block;vertical-align:middle}
.game_profession .u-title .u-title__icon1{
    width: 173px;
    height: 17px;
    background-image: url(../images/title_icon.png);
    margin-right: 32px;
}
.game_profession .u-title .u-title__icon2{
    width: 173px;
    height: 17px;
    background-image: url(../images/title_icon.png);
    transform: rotate(180deg);
    margin-left: 32px;
}
.profession_big_imgs {
    width: 100%;
    height: 666px;
    display: flex;
    transform: translateX(0);
    transition: all 0.3s;
}
.profession_big_imgs img{
    width: 638px;
    height: 100%;
    margin: 0 calc((100% - 638px) / 2);
}
.profession_small_imgs {
    height: 188px;
    overflow: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding-top: 56px;
}
.profession_small_imgs img {
    flex-shrink: 0;
    height: 96px;
    width: 96px;
    border-radius: 50%;
    margin-top: 30px;
    margin-right: 30px;
    border: 1px solid white;
    filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
}
.profession_small_imgs .on{ 
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%);
}