/*
primay color:#488aff;
*/
*{padding: 0;margin: 0;}
li{list-style: none;}
a{text-decoration: none;}
html,body{height: 100%}
.wrap{width: 100%;height: 100%;}
.main{overflow:auto;-webkit-overflow-scrolling: touch;}
/*
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
*/
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
  .flex-wrap{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /*footer*/
.wx-footer{
    height:50px;    
    background:#488aff; 
    align-items: center;
    box-shadow: 0 0px 11px 0px #999;
} 
.wx-footer .foot-items{
    color:#fff;
    font-size: 16px;
    flex: 0 0 33.3333%; 
    text-align: center;
    display: inline-block;
    height: 100%;
    line-height: 50px;
}
/*促销*/
.cx-box{background: #ececed}
.cx-footer{
    height:40px;    
    background:#fff; 
    align-items: center;
    box-shadow: 0 0px 11px 0px #999;
    
} 
.cx-items{    
    color:#868686; /*灰色文字*/
    font-size: 15px;
    flex: 0 0 33.3333%; 
    text-align: center;
    display: inline-block;
    height: 100%;
    line-height: 40px;
}
.cx-active{
  background: #488aff;  /*主要蓝色*/
}
.cx-footer,.cx-active{color:#fff;}
.pub-card-box{margin: 15px;border-radius: 5px;min-height:120px;background: #fff}
.cx-card .title{color:#868686;padding:10px 15px;}
.cx-card .nothing{color:#ff8e0a;padding:5px 15px;}
.cx-card .desc{color:#868686;padding:5px 15px 15px;}
.cx-card .line{height:5px;border-bottom: 1px solid #868686;margin: 5px 15px;}
/*注册*/
.re-card{height:410px;}
.re-but{background: #488aff;color:#fff;padding: 10px;width:100%;}
.re-form{width:80%;margin:0 auto;padding: 20px 0 0 0 }
.re-group{padding: 10px 0;}
.re-form .desc{color:#868686;font-size: 12px;padding: 10px 0;}
.re-form .re-group{text-align: right}
.re-radio{width:34.6%;display:inline-block;text-align: center;}
.warn-star:after {
    content: ' *';
    color: #f85959;
}
.warn-no:after {
    content:' *';
    color: #fff;
}
.form-control{
	width:70%;
	display: inline-block;    
    height: 25px;    
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #ececed;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color:#488aff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.re-but{
	display: inline-block;    
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*index.php*/
  .ind-box img{width:100%;}
  .ind-header img,.ind-banner2 img{width:94%;padding: 10px;height:100%;}
  .ind-cat-box{flex: 0 0 25%; text-align: center}

  .ind-banner2 img{width:50%;}
  .ind-cat-space{padding: 10px 5px;font-size: 12px;}
  .ind-cat-space img{width:60%;}
/*page-map.php*/
  #map{width:100%;height:100%;}
  .map-cover{background: #fff;position: absolute;bottom: 50px;width:100%;height:39%;overflow: scroll;
      box-shadow: 0 0px 11px 0px #999;}
  .map-space{padding: 15px 20px}
  .map-men-list{padding: 15px 5px; border-bottom: 1px solid #868686;}  
  .map-breadcru-box{padding-bottom: 15px;border-bottom: 1px solid #868686;color:#868686;position: relative;font-size: 14px}  
  .map-but-nav{position: absolute;top: 0;text-align: center;width:25px;left: 48%}
  .map-but-nav img{width:100%;}
  .map-quyu-box{padding-bottom:15px;border-bottom: 1px solid #868686;}
  .map-quyu-box a{flex: 0 0 25%;text-align: center;color:#868686;margin-top: 15px;font-size: 14px}
  .map-quyu-box .map-quyu-active{color:#fa4343;}
  .map-men-left{
    width:70%;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .map-men-left img{margin-right: 0.7em;width:12%;}
  .map-men-left .title{font-size: 16px;font-weight: 600; padding-bottom: 3px;}
  .map-men-left .desc{color:#868686;font-size: 13px}

  .map-men-right{width:30%; padding-left: 8%; border-left: 1px solid #868686;text-align:center}
  .map-men-right a{
    display: block;
    width: 100%;
    height: 100%;
  }
  .map-men-right img{width:17%;}
  .map-men-right p{color:#1c5cea;font-size: 14px}
  /*catagory.php*/
      .fen-search-box{height:40px;background: #488aff; box-shadow: 0 0px 11px 0px #999;}
    .fen-submit{color:#fff;padding: 9px 5px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;    
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;    
    background: #488aff;
  }
    .fen-search-form{border-radius: 14px;background: #fff;margin: 6px 4px 6px 10px;;
      width:80%;
    }
    input[type='text']{
      text-align:center;
    }
    .fen-mleft{background: #ececed;width:25%;height:100%;overflow: auto}
    .fen-mleft ul{height:100%;}
    .fen-mleft li{height:10%;}
    .fen-mleft li a{
      padding: 24% 0;display:block;text-align: center;color:#868686;border-top: 1px solid #fff;
      font-size: 14px
    }
    .fen-mleft li:nth-child(1) a{border:none;}
    .fen-mleft-active{background: #fff;}
    .fen-mleft .fen-mleft-active a{color:#fb8a8a;}
    .fen-mright{
      background: #fff;width:75%;height:100%;
      }
    .fen-cat{
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;    
    }
    .fen-main-box{flex: 0 0 33.333%;height: 10%;text-align: center}
    .fen-main-space {padding: 11px 10px;font-size: 12px;}
    .fen-main-space img{width:100%;}
    .fen-main-space p{text-align: center}
/*page-huiyuan*/
  .cs-banner{padding: 15px 0;background: #fff}
  .cs-banner img{width:70%;}
  .cs-cardnum{padding: 15px 0;background: #fff}
  .cs-cardnum span{font-size: 25px;color: #25c2ae}
  .cs-cardnum p{font-size: 14px;color: #333;padding: 10px 0;font-weight: 600}
  .cs-cardnum .cs-title{font-size: 20px;color: #a1a1a2}
  .cs-usrinfo{padding: 15px 0;background: #fff;font-size: 14px}
  .cs-usrinfo img{width:20%;height:20%;padding: 10px 20px;}
  .cs-item{margin-bottom: 7px;text-align: center}
  .cs-inst{
    padding: 20px;
    color: #a6a6a7;
    background: #fff;
    line-height: 25px;
  }
  .cs-inst .cs-inst-title{text-align: center}
  .cs-inst .cs-inst-desc{text-align: left}
  .cs-desc {width:65%;}
  .cs-desc div{padding: 8px 0;font-weight: 600;text-align: left;}
  .cs-desc div span{border-bottom: 1px solid #333}
  .cs-desc div .cs-desc-pub{width:48%;display: inline-block;text-align: center;border:none;}
  .cs-fnav{background: #fff;text-align: center}
  .cs-fnav a{display: inline-block;padding: 15px;}
  .cs-fnav .cs-fnav-c{width:45%;}
  .cs-fnav .cs-fnav-y{width:45%;}
  .cs-fnav .cs-dash{width:9%;height: 70%;}