html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; } body { margin: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; } a:active { outline: 0; } a:active { color: #006699; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: middle; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, button, input, select, textarea { font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; } ul, ol, li, dl, dd { margin: 0; padding: 0; } ul, ol {list-style: none;} h1, h2, h3 { line-height: 2; font-weight: normal; } h1 { font-size: 1.8rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.4rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none!important;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}.indent{text-indent: -9999px;}

.table{width: 100%;display: table;}
.tr{text-align: right;}
.tl{text-align: left;}


.wrapper {max-width: 10.8rem; margin: 0 auto; position: relative;}
.wrapper img {display: block; width: 100%;}
.mod {position: relative;}
.mod_con {position: absolute; width: 100%; top: 0; left: 0;}

/* 顶头栏 */
header {width: 10.8rem; height: 1.47rem; position: fixed; top: 0; z-index: 100;}
header .head_con {position: absolute; width: 100%; top: 0; left: 0;}
header .logo {float: left; width: 1.78rem; margin: .2rem 0 0 .2rem;}
header .ginfo {float: left; width: 2.8rem; margin: .35rem 0 0 .24rem;}
header .ginfo img {width: 1.94rem;}
.btns {float: right; margin: .4rem .52rem 0 0;}
.btns a {float: left; margin-left: .28rem; width: 2.31rem;}

/* 模块一 */
.get_down {position: absolute; width: 5.16rem; bottom: .26rem; left: 50%; margin-left: -2.58rem;}

/* 模块二 */
.slidebox_box {width: 9.28rem; height: 5.06rem; margin: 2.13rem auto 0; background:url(/images/xzscyf_m/banner_box.png) no-repeat; background-size:100% 100%;}
.slidebox {position: relative; width: 9.14rem; padding-top: .07rem; margin: 0 auto; overflow: hidden;}
.slidebox .bd,.slidebox .bd ul,.slidebox img {width: 9.14rem; height: 4.9rem;}
.slidebox .hd{width:100%; height:.18rem; text-align:center; position:absolute; bottom:.14rem; right:0; z-index:2;}
.slidebox .hd li{width:.18rem; height:100%; background:#6e6e6e; border-radius:.1rem; text-indent:-999px; overflow:hidden; display:inline-block; margin:0 .04rem; cursor:pointer;}
.slidebox .hd li.on{background:#ffffff;}
/* 新闻资讯 */
.newsbox {width: 9.26rem; height: 6.48rem; margin: .21rem auto 0; background:url(/images/xzscyf_m/new_box.jpg) no-repeat; background-size:100% 100%;}
.news-tab {height: 1.2rem; position: relative;}
.news-tab ul {padding: .09rem 0 0 .09rem;}
.news-tab li {float: left; width: 1.36rem; height: .87rem; text-align: center; font-size: .28rem; color: #CDCDCD; line-height: .87rem;}
.news-tab li.active {color: #ffffff; background:url(/images/xzscyf_m/li_on.jpg) no-repeat; background-size:100% 100%;}
.news-con {padding: 0 .3rem;}
.news-con .news-c{display: none;}
.news-c li {height: .83rem; border-bottom: .02rem solid #2f2f2e; font-size: .26rem; line-height: .82rem; color: #CECECE;}
.news-c li a{float: left; max-width: 7.2rem; color: #CECECE; overflow: hidden;}
.news-c li span{float: right;}
.news_more {position: absolute; top: .4rem; right: .48rem;}
.news_more a {display: block; width: .26rem; height: .26rem; background:url(/images/xzscyf_m/more.png) no-repeat; background-size:100% 100%;}
/* 引导链接 */
.links_box ul {padding-left: .77rem;}
.links_box li {float: left; width: 4.57rem; margin: .21rem 0 0 .12rem;}

/* 职业介绍 */
.profession {position: absolute; top: 1.6rem; left: 0; width: 100%; height: 8.28rem;}
.gender {position: absolute; width: 7.43rem; height: 8.03rem; top: 0; right: 0; z-index: 1;}
.gender_tabs {position: absolute; top: 1.7rem; left: 4.05rem; z-index: 2;}
.gender_tabs li {display: block; width: .51rem; height: .51rem; margin-bottom: .08rem;}
.gender_tabs li.onan{background:url(/images/xzscyf_m/man_ico.png) no-repeat; background-size:100% 100%;}
.gender_tabs li.on.onan{background:url(/images/xzscyf_m/man_ico_on.png) no-repeat; background-size:100% 100%;}
.gender_tabs li.onv{background:url(/images/xzscyf_m/women_ico.png) no-repeat;background-size:100% 100%;}
.gender_tabs li.on.onv{background:url(/images/xzscyf_m/women_ico_on.png) no-repeat; background-size:100% 100%;}

.profession .sPrev,.profession .sNext{width:0.42rem; height:0.65rem; position:absolute; top:3.93rem; z-index:10;}
.profession .sPrev{left: 4.8rem; background:url(/images/xzscyf_m/arrow_left.png) no-repeat; background-size:100% 100%;}
.profession .sNext{right: 0.29rem; background:url(/images/xzscyf_m/arrow_right.png) no-repeat; background-size:100% 100%;}

.profession_tabs {position: absolute; top: 6.56rem; left: .65rem; z-index: 12;}
.profession_tabs div {float: left; width: 1.01rem; height: .47rem; margin-right: .4rem;}
.bg-profession_zs {background:url(/images/xzscyf_m/zs.png) no-repeat; background-size:100% 100%;}
.bg-profession_fs {background:url(/images/xzscyf_m/fs.png) no-repeat; background-size:100% 100%;}
.bg-profession_ds {background:url(/images/xzscyf_m/ds.png) no-repeat; background-size:100% 100%;}
.bg-profession_zs_on {background:url(/images/xzscyf_m/zs_on.png) no-repeat; background-size:100% 100%;}
.bg-profession_fs_on {background:url(/images/xzscyf_m/fs_on.png) no-repeat; background-size:100% 100%;}
.bg-profession_ds_on {background:url(/images/xzscyf_m/ds_on.png) no-repeat; background-size:100% 100%;}

.profession_tit {position: absolute; top: 1.3rem; left: .88rem; width: 2.86rem; height: 1.54rem; font: 0/0 a; overflow: hidden;}
.zs_tit {background:url(/images/xzscyf_m/zs_tit.png) no-repeat; background-size:100% 100%;}
.fs_tit {background:url(/images/xzscyf_m/fs_tit.png) no-repeat; background-size:100% 100%;}
.ds_tit {background:url(/images/xzscyf_m/ds_tit.png) no-repeat; background-size:100% 100%;}

.des {position: absolute; top: 3rem; left: .62rem; z-index: 4;}
.des img {display: block; width: 4.15rem;}

/* 攻略 */
.newsbox2 {width: 9.32rem; height: 4.86rem; margin: 2.16rem auto 0; background:url(/images/xzscyf_m/gl_box.jpg) no-repeat; background-size:100% 100%;}
.news-tab2 {height: .9rem;}
.news-tab2 ul {padding: .06rem 0 0 .06rem;}
.news-tab2 li {float: left; width: 1.48rem; height: .66rem; text-align: center; line-height: .66rem; font-size: .22rem; color: #CDCDCD;}
.news-tab2 li.active {color: #FFE2E1; font-weight: bold; background:url(/images/xzscyf_m/gl_on.jpg) no-repeat; background-size:100% 100%;}
.news-con2 {padding: 0 .3rem;}
.news-c2 li {height: .62rem; border-bottom: .02rem solid #2f2f2e; font-size: .2rem; line-height: .62rem; color: #CECECE;}
.news-c2 li a{float: left; max-width: 7.2rem; color: #CECECE; overflow: hidden;}
.news-c2 li span{float: right;}

/* 游戏截图 */
.jt_box {width: 9.32rem; height: 3.39rem; margin: .16rem auto 0; background:url(/images/xzscyf_m/jt_box.jpg) no-repeat; background-size:100% 100%;}
.jt_tit {height: .91rem; font: 0/0 a; overflow: hidden;}
.jt_slide {width: 8.8rem; margin: 0 auto; position: relative;}
.jt_slide .bd {height: 2.03rem; overflow: hidden;}
.jt_slide .bd li {float: left; width: 4.22rem; margin: 0 .09rem;}
.jt_slide .hd {position: absolute; top: 2.17rem; width: 100%; text-align: center;}
.jt_slide .hd li {display: inline-block; vertical-align: top; width: .5rem; height: .1rem; background-color: #ffffff; font: 0/0 a; overflow: hidden;}
.jt_slide .hd li.on {background-color: #BA7732;}

/* 介绍 */
.info_box {margin: .16rem auto 0; width: 9.34rem;}
.info_tit {height: 1.02rem; font-size: .32rem; line-height: 1.02rem; font-weight: bold; text-indent: .46rem; color: #FFE2E1; background:url(/images/xzscyf_m/box_top.jpg) no-repeat; background-size:100% 100%;}
.info_con {width: 100%; background:url(/images/xzscyf_m/box_center.jpg) 0 0 repeat-y; background-size: 100% auto;}
.info_bottom {height: .18rem; background:url(/images/xzscyf_m/box_bottom.jpg) no-repeat; background-size:100% 100%;}
.info_con li {float: left; width: 1.64rem; margin: .2rem .73rem .1rem; font: 0/0 a; overflow: hidden;}

/* 底部 */
.footer_link{
    color: #5e5e5e;
    text-align: center;
    background: #1d1c20;
    border-bottom: .02rem solid #404040;
}
.footer_link a{
    width: 32%;
    color: #5e5e5e;
    vertical-align: top;
    display: inline-block;
    font-size: .4rem;
    line-height: .62rem;
    padding: .36rem 0;
}
.footer_link a:hover{
    color: #ffffff;
}
.footer_link img{
    display: inline-block;
    vertical-align: top;
    width: .62rem !important;
    height: .62rem !important;
}

.footer_link span {display: inline-block; vertical-align: top; margin-left: .1rem;}

.header_text{
    position: absolute;
    color: #ffffff;
    font-size: 0.34rem;
    top: 12.27rem;
    left: 2.23rem;
    width: 6.66rem;
    z-index: 1;
    letter-spacing: 0.04rem;
    font-family: monospace;
    text-align: center;
}

.footer_kefu{height: 2.2rem;background: #1d1c20;position: relative;}
.footer_kefu dt, .footer_kefu dd{width: 50%;padding-top: .4rem;float: left;}
.footer_kefu dt a, .footer_kefu dd a{font-size: .21rem;text-align: center;display: block;margin: 0 auto .2rem auto;}
.footer_kefu dt a{width: 2.7rem;height: .64rem;line-height: .64rem;color: #ffffff;background: #b22f3e;border-radius: .01rem solid #df6a77;}
.footer_kefu dt .phone{color: #8d8d8d; background:url(/images/mjxw_m/footer_phone.png) no-repeat; background-size:.7rem .64rem; border: none; text-align: left; padding-left: .9rem;}
.footer_kefu dd a{width: 2.8rem;height: .6rem;line-height: .6rem;color: #c7c7c7;background: #383838;}
.footer_kefu dd a:hover{color: #ffffff;}
.footer_kefu .footer_line{width: 0; height: 100%; border: .01rem solid #404040; position: absolute; top: 0; left: 50%; margin-left: -.01rem;}

footer{color:#5b5b5b;border-top:.02rem solid rgba(60,60,60,.5);text-align:center;padding: .2rem 0 .3rem; background-color: #080808; font-size: .3rem;}
footer .back_top{width:3.4rem; height:.6rem; background:url(/images/mjxw_m/back_top.png) no-repeat; background-size:3.4rem .6rem; display:block; margin:0 auto; cursor:pointer;}
footer p{margin-top:.16rem;}
footer a{color:#636363;}
footer a:hover{color:#03b4f5;}

.footer_red .footer_link, .footer_red .footer_kefu{background: #6b130b!important;}
.footer_red .footer_kefu dd a ,.footer_red .footer_kefu dt .kefu{color: #f1ede5!important; background: #b74137;}
.footer_red .footer_link{border-bottom: .02rem solid #b74137;}
.footer_red .footer_kefu .footer_line{border: .01rem solid #b74137;}

/* 列表页 */
.art-top {height: 1.87rem; line-height: 1.87rem; font-size: .69rem; background:url(/images/xzscyf_m/artlist_tit.jpg) no-repeat; background-size:100% 100%; position: relative; color: #ffffff;}
.left-icon {position: absolute; left: 0; top: 0; width: 1.11rem; height: 1.87rem; background:url(/images/xzscyf_m/left_icon.png) 0 0 no-repeat; background-size: 100% 100%; }
.art-list,.inside-wrap {background: url(/images/xzscyf_m/artlist_box.jpg) no-repeat; background-size: cover;}
.art-list ul {padding: .32rem .25rem .32rem;}
.art-list li{height:1.42rem; line-height: 1.42rem; overflow:hidden; border-bottom:0.01rem dashed #5b5b5b;  color:#8A8A8A; font-size: .35rem;}
.art-list li a{max-width:7.9rem; height:1.42rem; color:#A2A2A2; overflow:hidden; float:left;}
.art-list li span{float:right;}
.gg-i{float:left; width:0.38rem; height:0.36rem; margin:0.54rem 0.18rem 0 0; background:url(/images/xzscyf_m/start.png) 0 0 no-repeat; background-size:100% 100%;}

.scott{text-align: center; font-size: .3rem; color: #a2a2a2; padding-bottom: .52rem;}
.scott a {color: #ffffff;}

/* 内容页 */
.local{font:0.22rem/0.52rem \5FAE\8F6F\96C5\9ED1; color:#a2a2a2; text-align:right; padding:.16rem 0.16rem 0;}
.local a{color:#ffffff;}
.art-title{padding:0.17rem 0.16rem 0.1rem; text-align:center; font:bold 0.46rem/0.52rem \5FAE\8F6F\96C5\9ED1;color: #C23A1E;}
.art-info{color:#7C7C7C; text-align:center; font:0.2rem/0.32rem \5FAE\8F6F\96C5\9ED1;}
.art-body{font:0.32rem/0.42rem \5FAE\8F6F\96C5\9ED1; padding:0.2rem 0.36rem; color:#E3E3E3;}
.art-body img{display:inline-block; max-width:100%;}
.return-box{padding:0.1rem 0 0.4rem; text-align:center;}
.return-box a{display:inline-block; height:0.62rem; border:0.01rem solid #ffffff; color:#ffffff; font:0.25rem/0.62rem \5FAE\8F6F\96C5\9ED1; padding:0 0.25rem; text-align:center; border-radius:0.3rem;}


@media only screen and (max-width: 375px){ /*iphone6*/
	
}
@media only screen and (max-width: 320px){ /*iphone5*/
	
}
@media only screen and (min-width: 415px){
	
}