@import 'right_fiexd.css';
* { margin:0; padding:0;border:none;box-sizing:border-box;}
html{height:100%;}
body{font-size:14px;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;color:#333; -webkit-font-smoothing: antialiased;overflow-x: hidden;position: relative}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: 400; }
h4{font-size: 14px;}
h3{font-size: 16px;}
h2{font-size: 18px;font-weight: bold}
ul, ol,li{ list-style:none; }
a { text-decoration:none; }
b{font-weight: 400}
a:hover { text-decoration:none;  cursor: pointer;}
button:hover{ cursor: pointer; }
button, input, select, textarea { font-size:100%; font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;}
table { border-collapse:collapse; border-spacing:0; }
span, a{display: inline-block; text-align: center;}
input ,button {border: none; outline: none;}
a.hover_red:hover{color:red;}
.hover_red.active{
  color:red;
}
.cursor-pointer{ cursor: pointer; }
.font-w{
  font-weight: 600;
}
.color-fff{
  color:#fff
}
.color-e59{
  color:#e59810;
}
.color-999{
  color:#999
}
.color-888{
  color:#888
}
.color-4a{
  color:#4a4a4a
}
.grey-col{
  color: #cdcdcd;
}
.color-666{
  color:#666
}
.color-333{
  color:#333
}
.color-2ba{
  color:#2ba187;
}
.color-9b{
  color:#9b9b9b;
}
.background-2ba{
  background:#2ba187;
}
.background-fff{
  background:#fff;
}
.background-999{
  background:#999;
}
.background-fa{
  background:#fafafa
}
.background-f4{
  background:#f4f4f4
}
.background-32b{
  background:#32b79a
}
.background-eb{
  background:#ebebeb
}
.background-d7e{
  background: #d7e1e2;
}
.font-size12{
  font-size: 12px;
}
.font-size13{
  font-size:13px;
}
.font-size14{
  font-size: 14px;
}
.font-size16{
  font-size: 16px;
}
.font-size18{
  font-size: 18px;
}
.font-size20{
  font-size: 20px;
}
.font-size24{
  font-size: 24px;
}
.font-size36{
  font-size: 36px;
}
.font-size50{
  font-size: 50px;
}
.width-1170{
  width:1170px
}
.wid840{
  width: 840px;
}
.wid800{
  width: 800px;
}
.wid300{
  width: 300px;
}
.wid340{
  width: 340px;
}
.wid320{
  width: 320px;
}
.wid190{
  width: 190px;
}
.wid180{
  width: 180px;
}
.width140{
  width: 140px;
}
.wid630{
  width: 630px;
}
.wid20{
  width: 20px;
}
.telPhone,.zuophone{
  width: 132px;
}
.wid80{
  width: 80px;
}
.wid19{
  width: 19px;
}
.wid16{
  width: 16px;
}
.h36{
  height: 36px;
}
.lineh36{
  height: 36px;
  line-height: 36px;
}
.lineh30{
  height: 30px;
  line-height: 30px;
}
.lineh26{
  line-height: 26px;
}
.lineh24{
  line-height: 24px;
}
.lineh22{
  line-height: 22px;
}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.position-relative{
  position: relative;
}
.position-absolute{
  position: absolute;
}
.position-fixed{
  position: fixed;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-auto{
  overflow: auto;
}
.text-top{
  vertical-align: text-top;
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.c_ellipsis{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.text_under{
  text-decoration: underline;
}
.break_all{
  /*word-break: break-all;*/
  word-wrap:break-word
}
.display-block{
  display: block;
}
.display-none{
  display: none
}
.inlineDp{
  display: inline-block;
}
.display-inline-block{
  display: inline-block;
}
.display-inline{
  display:inline
}
.box{
  display: -webkit-flex; /* Safari */
  display: flex;
}
.box_row{
  flex-direction: row
}
.justify-content-space-between{
  justify-content:space-between;
}
.justify-content-center{
  justify-content:center;
}
.align-items-center{
  align-items:center;
}
.justify-content-right{
  justify-content:flex-end;
}
.vertical-align-middle{
  vertical-align: middle;
}
.img-center,.img-centerS{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.margin-auto{
  margin: auto;
}
.margin-top50{
  margin-top:50px;
}
.margin-top38{
  margin-top: 38px;
}
.margin-top30{
  margin-top: 30px;
}
.mgtp50{
  margin-top: 50px;
}
.mgtp40{
  margin-top: 40px;
}
.mgb10{
  margin-bottom: 10px;
}
.mgb20{
  margin-bottom: 20px;
}
.mgt18{
  margin-top: 18px;
}
.mgt14{
  margin-top: 14px;
}
.mgt4{
  margin-top: 4px;
}
.mgb12{
  margin-bottom: 12px;
}
.mgb14{
  margin-bottom: 14px;
}
.mgtp100 {
  margin-top: 60px;
}
.mgt40{
  margin-top:40px;
}
.mgtb20{
  margin:20px 0
}
.mgr20{
  margin-right: 20px;
}
.mgt10{
  margin-top: 10px;
}
.mgtb8{
  margin:8px 0 20px;
}
.mgt100{
  margin-bottom: 100px;
}
.mg-top-2{
  margin-top: 2px;
}
.padr20{
  padding:0 20px;
}
.pdl170{
  padding-left: 170px;
}
.pdb100{
  padding-bottom: 100px;
}
.pdl80{
  padding-left:80px;
}
.pdb30{
  padding-bottom: 30px;
}
.pdl50{
  padding-left:50px;
}
.pdt40{
  padding-top:40px
}
.padl28{
  padding-left: 28px;
}
.padr10{
  padding: 10px;
}
.padding-top30{
  padding-top:30px
}
.pdb100{
  padding-bottom: 100px;
}
.pdl36{
  padding-left: 36px;
}
.pdl16{
  padding-left: 16px;
}
.padlr7{
  padding: 0 7px;
}
.mgb40{
  margin-bottom: 40px;
}
.mgl20{
  margin-left: 20px;
}
.mglr14{
  margin:0 14px;
}
.com-log{
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.log60 {
  width: 60px;
  height: 60px;
}
.log40{
  width: 40px;
  height:40px;
}
.border-r6{
  border-radius: 6px;
 }
.radiusTip {
  padding: 2px 14px;
  border-radius: 20px;
  border: 1px solid #eee;
  background: #eeeeee;
  margin-right: 20px;
  margin-top: 10px;
}
[v-cloak]{
  display: none;
}
.line-def{
  line-height: normal;
}
.rotate180{transform: rotate(180deg);}
.iconfont{
  font-family:"iconfont" !important;
  font-size:14px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*::-webkit-scrollbar{
  display:none;
}*/
.star-box {
  width: 80px;
  height: 16px;
  text-align: left;
  background: url(../img/allStars.png) 0px -14px no-repeat;
}
.star-box-t {
  width: 80px;
  height: 16px;
  text-align: left;
  background: url(../img/allStars.png) 0px 2px no-repeat;
}
.noInfo{
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  text-align: center;
}
.topTip{
  background: #ffffdb;
  border: 1px solid #eee;
  border-bottom: none;
  text-align: center;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
}
.fuwuanli-list > li {
    color: #fff;
    width: 270px;
    margin-right: 30px;
    background: #fff;
    height: 180px;
    margin-bottom: 90px;
}
.fuwuanli-list > li:nth-child(4n) {
    margin-right: 0;
}
a.text_under:hover {
    text-decoration: underline;
  }
/**shadow**/
  .listPicCoverm_f{
    display: none;
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(13,13,13,.75);
    z-index:1000;
}
.listPicCoverm_f #alerBox{
    text-align: center;
    font-size:26px;
    font-weight: bold;
    padding:30px;
    padding-top: 70px;
    position: relative;
    width: 400px;
    height: 414px;
    border-radius: 10px;
}
#alerBox .listPicClosem{
    top: 0px;
    right: 0px;
    cursor: pointer;
    font-weight: normal;
}
#alerBox .listPicClosem:hover{
    color:#333;
}
#alerBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 800px;
    height: 500px;
    background-color: #fff;
}
.goWeix {
    color: #4ac105;
    width: 150px;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 16px;
    padding: 6px 20px;
    margin-top: 50px;
    font-weight: normal;
    letter-spacing: 2px;
}
.listPicClosem {
    position: absolute;
    top: 40px;
    right: 150px;
    font-size: 40px;
    color: #aaaaaa;
    padding: 20px;
}
.topLog {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40px;
    left: 58px;
}
.wx-mfw-pop {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
}
._j_qrimg {
    margin-top: 40px;
}
.article_lf{
  padding:40px;
  border:1px solid #eee;
}
.article_rt{
  padding: 18px 20px;
  border:1px solid #eee;
}
.changdi_wrap img{
  height: 164px;
  width: 255px; 
}
.changdi_wrap p{
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.xiuqiu-list-box {
    background: #fff;
    padding: 18px 20px;
}
.xiuqiu-list-box ul li a{
	text-align:left;
}

.border-e {
    border: 1px solid #eee;
}
.img100{
  width: 100%;
}