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;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}.indent{text-indent: -9999px;}

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

.mb30{margin-bottom: .3rem;}
.mb60{margin-bottom: .6rem;}


.wrapper {max-width: 10.8rem; background-color: #100000; padding-top: 1.63rem; margin: 0 auto; position: relative;}
.wrapper img {display: block; max-width: 100%;}


/* 顶头栏 */
header{width: 10.8rem; height: 1.63rem;  background: url(/images/zscy_m/art_top.jpg) no-repeat; background-size: 100%; position: fixed; top: 0;z-index: 100;}
.logo {width: 1.73rem; height: 1.73rem; position: absolute; top: 0.17rem; left: 0.17rem; }
.ginfo{float: left; margin-left: 2.1rem; margin-top: 0.42rem; color: #fff; font-size: 0.22rem; line-height: 0.4rem;}
.top_btns{float: right; margin: 0.42rem 0.35rem 0 0;}

.main{width: 10.8rem; min-height: 20rem; padding: 9.02rem 0 0.3rem; background: url(/images/zscy_m/home_bg.jpg) no-repeat; background-size: 100%; margin: 0 auto; position: relative; z-index: 3;}


/* 幻灯 */
.slidebox{background-color: #000000; position: relative; margin: 0 auto 0.3rem; width: 10.13rem;}
.slidebox_pic{width: 10.13rem; height: 4.75rem; overflow: hidden;}
.slidebox_pic ul, .slidebox_pic li{width: 10.13rem; height: 4.75rem;}
.slidebox_btn{width:100%; text-align:center; position:absolute; bottom:.14rem; left:0; z-index:2;}
.slidebox_btn li{width:.2rem; height:.2rem; background:#ffeecc; border-radius:.1rem; text-indent:-9.99rem; overflow:hidden; display:inline-block; vertical-align:top; margin:0 .06rem;}
.slidebox_btn li.on{background:#ff553b;}


.mod_tit{height: .43rem; line-height: .43rem; color: #ffca9a; font-size: .23rem; background: #000; padding-left: .2rem;}
.mod_tit em{ background: #000 url(/images/zscy_m/mod_tit_ico.png) no-repeat;  background-size: .34rem .34rem; display: inline-block; width: 0.34rem; height: 0.34rem; vertical-align: text-top; margin-right: 0.05rem;}
.mod_tit small{color: #404040; font-size: .12rem; vertical-align: bottom; margin-left: .06rem;}

.mod_txt{color: #868686; font-size: .16rem; background: #131313;}


/* 职业介绍 */
.job_area{ height: 6.76rem; position: relative; padding-top: 0.9rem; overflow: hidden;}
.job_tit{padding-left: 0.35rem; margin-bottom: 0.2rem; font-size: 0.24rem; color: #131213;}
.role_ico{ display: inline-block; width: 0.32rem; height: 0.27rem; margin-right: 0.1rem; background: url(/images/zscy_m/role_ico.png) no-repeat; background-size: 100%; vertical-align: middle;}
.role_box{height: 5.31rem; color: #8a8a8a; background: url(/images/zscy_m/role_bg.jpg) no-repeat; background-size: 100%; overflow: hidden;}
.role_tit{overflow: hidden; zoom:1}
.role_tit li{ width: 5.39rem; height: 5.31rem;float: left;}
.role_tit li img{width: 2.39rem; height: 5.31rem;}
.role_tit li.a2{ text-align: right;}
.role_tit li.a2 img{float: right;}
.role_txt{height: 100%;}

.role_intro{width: 1.66rem; height: 5.61rem; position: absolute; top: 0.6rem; left: 2.07rem; z-index: 11;}
.zs_intro{background: url(/images/zscy_m/zs_intro.jpg) no-repeat; background-size: 100%;}
.fs_intro{background: url(/images/zscy_m/fs_intro.jpg) no-repeat; background-size: 100%;}
.ds_intro{background: url(/images/zscy_m/ds_intro.jpg) no-repeat; background-size: 100%;}
.role_con{width: 10.8rem; height: 6.98rem; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 10;}
.role_con li{float: left; width: 10.8rem; height: 6.98rem;}

.prev{ width: 1.11rem; height: 1.03rem; background: url(/images/zscy_m/prev_btn.png) no-repeat; background-size: 100%; position: absolute; left: 0.3rem; top: 3.38rem; z-index: 999;}
.next{ width: 1.11rem; height: 1.03rem; background: url(/images/zscy_m/next_btn.png) no-repeat; background-size: 100%; position: absolute; right: 0.3rem; top: 3.38rem; z-index: 999;}

/* 游戏资料 */
.game_data,.game_gl,.game_jietu{margin: 0 0.35rem 0.35rem;}
.data_box{height: 3.06rem; overflow: hidden;}
.data_box dl{width: 2.5rem; height: 2.6rem; text-align: center; border-right: .01rem solid #262626; margin: .2rem 0; float: left;}
.data_box dl:nth-child(4){border-right: none;}
.data_box dt{width: 2.18rem; height: .47rem; line-height: .47rem; font-size: .2rem; background: url(/images/zscy_m/data_dt.png) no-repeat; background-size: 100%; display: block; margin: 0 auto;}
.data_box dd{line-height: .3rem; font-size: .15rem; padding: .12rem .17rem 0 .17rem;}
.data_box dd li{width: 50%; height: .3rem; overflow: hidden; float: left;}
.data_box dd a{color: #868686;}
.data_box dd a:hover{color: #c38f39;}


/* 攻略 */
.yxgl ul{color: #8a8a8a; padding: .2rem .3rem; min-height: 2rem;}
.yxgl li{height: .4rem; line-height: .4rem; display: block;}
.yxgl a{color: #8a8a8a; float: left;}
.yxgl a:hover{color: #c38f39;}
.yxgl span{float: right;}


/* 游戏截图 */
.yxjt{padding: .2rem 0;}
.yxjt dt{height: 2rem; overflow: hidden; padding-left: .9rem; margin-right: .9rem; margin-bottom: .2rem;}
.yxjt dt li{width: 4rem; height: 2rem; margin-right: .4rem; float: left;}
.yxjt dd{text-align:center;}
.yxjt dd li{width:.12rem; height:.12rem; background:#575757; border-radius:.1rem; text-indent:-9.99rem; overflow:hidden; display:inline-block; vertical-align:top; margin:0 .06rem;}
.yxjt dd li.on{background:#ffffff;}



/* 底部 */

.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: 4.3rem;background: #1d1c20;position: relative;}
.footer_kefu dt, .footer_kefu dd{width: 50%;padding-top: .15rem;float: left; text-align: center;}
.footer_kefu dt{color: #fff; font-size: 0.32rem;}
.footer_kefu dt img{width: 3.42rem; margin: 0 auto 0.1rem;}
.footer_kefu dt a, .footer_kefu dd a{font-size: .21rem;text-align: center;display: block;margin: 0 auto .1rem 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{padding-top: 0.36rem;}
.footer_kefu dd a{width: 3.84rem;height: .82rem;line-height: .82rem;color: #c7c7c7;background: #383838;}
.footer_kefu dd a:hover{color: #ffffff;}
.footer_phone{height: 1.22rem; padding: 0.1rem; width: 3.53rem; margin: 0 auto;}
.footer_phone_ico{float: left; width: 0.72rem; height: 0.67rem; margin-top: 0.1rem; background:url(/images/zscy_m/kefu_ico.png) no-repeat; background-size: 100%;}
.footer_phone_txt{float: left; margin-left: 0.2rem; color: #8d8d8d; font-size: 0.3rem; text-align: left;}
.footer_kefu .footer_line{width: 0; height: 100%; border: .01rem solid #404040; position: absolute; top: 0; left: 50%; margin-left: -.01rem;}
.footer_kefu dd a.kefu{width: 3.32rem; height: 0.65rem; line-height: 0.65rem; color: #fff; background: #b22f3e;}

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_link{ background: #1d1c20; height: 1.35rem; padding-top: 0.3rem; border-bottom: 0.02rem solid #2b2a2d;}
.footer_link a{width: 33.3%; float: left; font-size: 0.4rem; text-align: center; color: #5e5e5e;}
.footer_link a em{ display: inline-block; width: 0.6rem; height: 0.6rem; vertical-align: middle; margin-right: 0.05rem;}
.footer_icon1{ background:url(/images/zscy_m/footer_icon1.png) no-repeat; background-size: 100%;}
.footer_icon2{ background:url(/images/zscy_m/footer_icon3.png) no-repeat; background-size: 100%;}
.footer_icon3{ background:url(/images/zscy_m/footer_icon2.png) no-repeat; background-size: 100%;}
.footer_icon4{ display: inline-block; width: 0.32rem; height: 0.32rem; vertical-align: middle; margin-right: 0.05rem; background:url(/images/zscy_m/footer_icon4.png) no-repeat; background-size: 100%;}

.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_wrap{max-width: 10.8rem; margin: 0 auto; position: relative;}

.art_top {height: 1.63rem; line-height: 1.63rem; color: #ffffff; font-size: .7rem; background:url(/images/zscy_m/inside_head.jpg) no-repeat; background-size:100%; text-align: center; position: relative;}
.go_back {width: .36rem; height: .72rem; background:url(/images/zscy_m/go_back.png) no-repeat; background-size: 100%; position: absolute; top: 50%; left: .4rem; transform: translateY(-50%);}

.art_main{background: url(/images/zscy_m/art_main.jpg) center top no-repeat; background-size: 10.8rem 14.11rem; height: 14.1rem; overflow-y: auto; padding-bottom: 1rem;}
.art_main img{max-width: 100%;}

/* 列表 */
.art_list {padding: .3rem .6rem 0.3rem;}
.art_list li{height: .8rem; line-height: .8rem; color:#787878; font-size: .32rem; }
.art_list li a{max-width:80%; height: .8rem; color:#787878; overflow:hidden; float:left;}
.art_list li a:hover{color:#c38f39;}
.art_list li span{float:right;}
.gg-i{float:left; width:.38rem; height:.36rem; margin:.12rem .14rem 0 0; background:url(/images/zscy_m/start.png) no-repeat; background-size:100%;}

.scott{text-align: center; font-size: .3rem; color: #787878; padding-top: .2rem;}
.scott a {color: #666;}

/* 内容 */
.local{font:.28rem/.52rem \5FAE\8F6F\96C5\9ED1; color:#787878; text-align:right; padding:.2rem .3rem;}
.local a{color:#787878; text-decoration: underline;}
.local a:hover{color:#c38f39;}

.art_title{padding:.6rem 0 .2rem 0; text-align:center; font:bold .36rem/.5rem \5FAE\8F6F\96C5\9ED1; color: #000000; font-weight: bold;}

.art_info{color:#787878; text-align:center; font:.24rem/.3rem \5FAE\8F6F\96C5\9ED1;}

.art_body{font:.32rem/.56rem \5FAE\8F6F\96C5\9ED1; padding:.5rem .7rem; color:#787878;}
.art_body img{display:inline-block; max-width:100%;}
.return{width: 2.6rem; height:.64rem; border:0.01rem solid #787878; color:#666; font:.26rem/.64rem \5FAE\8F6F\96C5\9ED1; text-align:center; border-radius:.3rem; display:block; margin: .4rem auto 0 auto;}

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