@charset "UTF-8";
html, body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; /*max-width: 750px;*/ margin: 0 auto;}

input {
  outline: none;
  -moz-appearance: none;
  -ms-progress-appearance: none;
  -webkit-appearance: none; }
img{ max-width: 100%;}

.box-layers {
  max-width: 750px;
  margin: 0 auto; min-height: 100%; }

html{}

.home-backs{ position: fixed; bottom: 10px;  left: 20px; color: #fff; font-size: 12px; text-align: center; z-index: 99999; cursor:pointer;}
.home-backs img{ width: 30px;  height: 30px; display: block; margin: 0 auto;}


/*底部导航*/
.fixed-boms{width: 100%; position:fixed;/* max-width:750px; */bottom:0; height:.9rem; z-index:9999; background: rgba(0,0,0,.6); border-top: 1px solid #6e6e6e;display:box; display:-webkit-box;display:-moz-box; box-align:center;-webkit-box-align:center;-webkit-moz-align:center; box-pack:center;-webkit-box-pack:center;-webkit-moz-pack:center; box-sizing: border-box; padding: 0 10px; padding-top: .14rem;}
.bom-logo{}
.inner-bom{flex:1;box-flex:1;-webkit-box-flex:1;-moz-flex: 1;-webkit-flex: 1; box-sizing: border-box;  padding: 0 .4rem; position: relative;}
.bleft,.bright{ width: .12rem; height: .74rem; background: url(../images/l_btns.png) no-repeat; position: absolute;  left: .15rem; top:-.1rem; background-size: 100% auto!important;}
.bright{left: auto; right: 0;  background: url(../images/r_btns.png) no-repeat; }


.bomnav{display:box; display:-webkit-box;display:-moz-box; box-align:center;-webkit-box-align:center;-webkit-moz-align:center; box-pack:center;-webkit-box-pack:center;-webkit-moz-pack:center;overflow-x: auto;-webkit-overflow-scrolling: touch;}

.inner-bom *{ color:#d1cfcf}
.bomnav .cr *{ color: #f8db91; color: transparent; background-image: linear-gradient(135deg,#f8db90,#9c7f45);
            -webkit-background-clip:text;
}
.inner-bom a{ display: block; text-align: center; position: relative;padding: 0 .25rem; text-transform: uppercase; }
.inner-bom a:after{ content:""; height: 92%; border-left: 1px solid #4d4d4d; right: 0; position: absolute; top: 0;}
.inner-bom a:nth-last-child(1):after{ display: none;}


.bom-logo img{ width: 1.59rem; height: auto;}
.inner-bom a span{ font-size: 12px; font-size: .18rem;  line-height: 100%;}
.inner-bom a h3{ font-size: 15px;line-height: 100%; font-weight: normal; letter-spacing: 5px;}

.start-logo{ position: fixed; bottom: 0;left: 0; right: 0; z-index: 88;}
.start-logo img{ width: 1.59rem; display: block;height: auto; margin: 0 auto;}


/*二级菜单*/
.navleft{ position: fixed; width: 0; right: 0; top: 50%;  display: none;}
.navleft li{ width: 1.95rem; padding-top: .1rem; box-sizing: border-box; background: rgba(0,0,0,.6); height:.75rem; margin-top:.1rem; margin-bottom:.1rem; text-align:center; border-bottom-left-radius: 10px;border-top-left-radius: 10px; transition: all .3s;-webkit-transition: all .4s;margin-left: -1.95rem; }
.navleft li *{color: #bbb9bd; line-height: 100%;}
.navleft li h3{ font-size:.24rem; position:relative; top:.05rem; font-weight:normal;}
.navleft li span{ font-size: .18rem; }
.navleft li.navbt{background: url(../images/r_btns2.png) no-repeat; float: right;width: .75rem; background-size: auto 100%!important;-webkit-transition:none; transition: none;margin-left:0;}
.navleft li.fold{background: url(../images/l_btns2.png) no-repeat;}
.navfold li:not(.navbt){ /*transform: translateX(600px);-webkit-transform: translateX(600px);*/ margin-left: 1.95rem; }


/*弹出层开始*/
.md-laybox{ width:5.4rem; height: 7.24rem; position: fixed; top: 50%; margin-top: -3.62rem; background:rgba(0,0,0,.7); padding: .3rem .2rem .2rem .2rem; box-sizing: border-box;}
.mod-intr *{ color: #bbb9bd;}
.mod-intr .item-pic img{ width: 5.rem; height: 2.89rem;}

.md-laybox .close-bt{ background: #0b0806; width: .4rem; height: .4rem; border-radius:.4rem; color: #eae6e6; font-size: .36rem; text-align: center; line-height: .38rem; text-align: center; position: absolute; right: -8px; top: -8px; border: 1px solid #bbb9bd; color: #fff;}
.mod-intr .item-desc{  font-size: .26rem; max-height: 2.34rem; overflow-y: auto;-webkit-overflow-scrolling: touch;}
.mod-intr .item-tit {  padding-bottom: .1rem; margin-bottom: .2rem; border-bottom: 1px solid rgba(255,255,255,.2); margin-top: .2rem;}
.mod-intr .item-tit span{font-size: .32rem; color: transparent!important; background-image: linear-gradient(135deg,#f8db90,#9c7f45);-webkit-background-clip:text;}
.mod-intr .item-distant{ position: absolute; bottom: 15px; right:.2rem;}
.mod-intr .item-distant span{ padding-left:.35rem;background: url(../images/pe_icon1.png) no-repeat; background-size: .19rem auto;}

/*大师定制*/
.mdexpert{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #313235; z-index: 9999;/**/}
.inner-expert{ max-width: 750px;overflow-y: auto; -webkit-overflow-scrolling: touch; padding: .4rem .4rem .2rem .4rem; box-sizing: border-box; margin: 0 auto;}
.ex-tit img{ width: 1.88rem; height: .61rem;}
.mdexpert .item-cell{width: 3.18rem; height:3.12rem; clear: both;}
.mdexpert .item-pic{  width: 3.18rem; height:2.62rem;background: url(../images/expert_bg.png) no-repeat; background-size:3.18rem auto; position: relative;}
.mdexpert .item-pic span { padding-top: .1rem; display: block; position: relative; left: -.1rem;}
.mdexpert .item-pic span img{width:2.4rem; height:2.4rem;  border-radius:2.4rem; }
.mdexpert .item-pic i{ position: absolute; bottom: .1rem; right: .14rem;}
.mdexpert .item-pic i img{ width: 1.2rem; height: 1.2rem; border-radius:1.2rem; }
.mdexpert .item-pic em{ position: absolute; width: 1.2rem;border-radius:1.2rem; height: 1.2rem; background:rgba(0,0,0,.5);  bottom: .18rem; right: .14rem; display: block;display:box; display:-webkit-box;display:-moz-box; box-align:center;-webkit-box-align:center;-webkit-moz-align:center; box-pack:center;-webkit-box-pack:center;-webkit-moz-pack:center;
 }
.ex-list{ margin-top:.1rem;}
.mdexpert .item-pic em img{ width: 1.13rem; height: 0.19rem;} 
.mdexpert .item-1{  float: right;}
.mdexpert .item-tit{ text-align: center;}
.mdexpert .item-tit *{  color: #d6d5d6; font-size: .18rem;}
.mdexpert .item-tit h3{ font-size: .26rem; margin-top: .3rem; margin-bottom: .1rem;}
.mdexpert .item-tit span{ background: #313235; position: relative; padding: 0 10px;}
.mdexpert .item-tit span:after,.mdexpert .item-tit span:before{ content: ""; display: block;border-bottom: 1px solid #d6d7d8; width: 15px;  right: -15px; position: absolute;   top: .15rem;}
.mdexpert .item-tit span:before{ left: -15px; right: auto;}
.mlogo{ position: fixed; bottom:-.2rem; left: .3rem; z-index: 99999;}
.mdexpert .item-2{ position: relative;}
.mlogo img{ width: 2.03rem; height: auto;}

/*大师制定最终*/
.mdexpert-info{position: fixed; top: 0; left: 0; overflow-y: auto; width: 100%; height: 100%; background: #313235; z-index: 9999;/*-webkit-overflow-scrolling: touch;*/}
.mdexpert-inner{ padding: .3rem;color: #8a8d8d; line-height: 160%; margin-top: .8rem; }
.mdexpert-inner *{  color: #8a8d8d;}
.perimg{ float: left; display: inline-block; margin-right: .3rem; border-bottom: .3rem;}
.perimg img{ width: 2.3rem;}
.perintr{display: inline-block;}
.mdexpert-inner h3{ margin-left: 2.5rem; font-size: .34rem;  color: #fff; border-bottom: 1px solid #c2c2c3; padding-bottom: .2rem; margin-bottom: .2rem;}
.mdexpert-inner h3 i{  font-size:.22rem; color:#d6d5d6; padding-left: .2rem;}
.goback { position: fixed; right: .3rem; top: .3rem;}
.goback img{ width: .48rem; height: .48rem;}
.worklist{ padding: .3rem 0;}
.worklist .it-work{ margin-bottom:.25rem;}


/*介绍开始inner*/
.myintr{ position: fixed; box-sizing: border-box; padding: .2rem; width: 5.2rem; height: 5.9rem; background: rgba(0,0,0,.6); left: 0; top:2.85rem; z-index: 999; }
.myintr h3{color: #fff; font-size: .4rem; border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: .3rem; margin-bottom: .3rem; line-height: 150%; margin-top: .2rem;}

.com-desc{ color: #fff; opacity: .8; font-size: .24rem; max-height: 2.8rem; overflow-y: auto;}