html,body{width:100%; margin: 0; padding: 0; font-family: ""; overflow-x:hidden; overflow-y:auto;}
a,span,i{display: inline-block;text-decoration: none;}
li{list-style: none;}

ul {padding: 0px;}
em {font-style: normal;}
input {outline: none;}


/*头部+ban*/
.ctrl-top{ background: #242a37; border-bottom: none; height: 44px !important;}
.ctrl-top .am-header-nav img{ height: 44px;}
.ctrl-top  .am-header-nav>a{ color: #fff;}
.ctrl-top .am-header-icon{ font-size: 2.8rem;}
.ctrl-ban {
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
.ctrl-ban .am-control-nav li{margin: 0 4px !important; display: inline-block;}
.ctrl-ban .am-control-nav li a{ width: 30px !important; height: 2px !important; background: #797c88;}
.ctrl-ban .am-control-nav li a.am-active{ background: #fff !important;}
.ctrl-ban  .am-control-nav{ bottom: 10px !important;}
.ctrl-ban .am-control-nav li a{ background: rgba(255,255,255,0.4) !important;}

/*头部导航栏目内容样式*/
#wap-header {
    height: 48px;
}
.header-container {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 199;
    width: 100%;
    top:0;
}
.header-wrapper {
    position: relative;
    height: 100%;
}
.wap-header-top {
  position: relative;
  z-index: 2;
  height: 48px;
  background-color: #fff;
  font-size: 14px;
  color: #A0A2A8; border-bottom: 1px solid #eee;
  transition: top .3s ease-out, background-color .3s;
}

.header-left{ height: 29px; float: left;}
.header-left img{ width:90px; height: 25px; margin-left:15px;  margin-top: 12px;}

.header-main {
	

}
.header-main h3{
    text-align: center;
    line-height: 48px;
    width: 60%;
    color: #191919; margin: 0 auto !important;
    font-size: 16px; font-weight: normal;}

.header-main:before,
.header-main:after {
  content: " ";
  display: table;
}

.header-main:after {
  clear: both;
}

.header-main {
  height: 100%;
}
  .header-mbnav {
    position: fixed;
    top: 49px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 66px;
    overflow-y: auto;
    z-index: 9999;
    }
    
  .header-mbnav::-webkit-scrollbar {
    display: none;
  }

  /* region 折叠组件基本样式 */
  .header-collapse-head a {
    cursor: pointer;
  }

  .header-collapse-body {
    height: 0;
    overflow: hidden;
    transition: .35s;
  }

  .header-collapse.open > .header-collapse-body {
    height: auto;
  }

  .header-collapse.closed > .header-collapse-body > .header-collapse-content {
    display: none;
  }
#header .new {
  display: inline-block;
  width: 29px;
  height: 12px;
  margin: 0 -36px 0 10px;
  background: url(../images/new.png) center no-repeat;
  vertical-align: middle;
  font-size: 0;
}
#header .hot {
  display: inline-block;
  width: 29px;
  height: 12px;
  margin: 0 -36px 0 10px;
  background: url(../images/hot.png) center no-repeat;
  vertical-align: middle;
  font-size: 0;
}
.header-mbnav-common-list{ margin: 0; background: #f7f8fa;}
  /* endregion 折叠组件基本样式 */
  .header-collapse {
    background: #fff;
  }

  .header-collapse-level1 {
    border-bottom: solid 1px #eeeeee;
    
  }

  .header-collapse-level2 {
    border-top: solid 1px #eeeeee;
  }

  .header-collapse-level2 > .header-collapse-head {
    /*border-bottom: solid 1px #474747;*/
  }

  .header-collapse > .header-collapse-head a {
    position: relative;
    display: block;
    height: 48px;
     line-height: 48px;
    padding-left: 20px;
    font-size: 14px;
    color: #191919;
  }

  .header-collapse > .header-collapse-head h2 {
    display: inline-block; font-weight: normal; font-size: 15px;
    padding-left: 6px;
  }

  .header-collapse-level1 > .header-collapse-head a {
    background-color: #fff;
  }

  .header-collapse-level2 > .header-collapse-head a {
    padding-left: 35px;
    padding-right: 25px;
    background-color: #fff;
  }

  .header-collapse-level3 > .header-collapse-head a {
    padding-left: 40px;
    padding-right: 40px;
  }
.header-icon-arrow-down {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 6px;
    padding-left: 1px;
    padding-right: 1px;
}
  .header-collapse > .header-collapse-head .header-icon-arrow-down {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -3px;
    transition: .35s;
  }
.header-mbnav-common-list span{ margin: 0 6px 0 10px; color: #333;}
  .header-collapse.open > .header-collapse-head .header-icon-arrow-down {
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  .header-collapse-level2 > .header-collapse-body > .header-collapse-content {
    border-top: solid 1px rgba(102, 106, 117, .2);
  }

  .header-collapse-level3 > .header-collapse-body > .header-collapse-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .header-mbnav-common-list a { 
    display: block;
    padding: 4px 10px;
    font-size: 15px;
    line-height: 40px;
    color: #191919;padding-left: 32px;
	border-bottom: 1px solid #ebedf0;
  }
  
  .header-mbnav-common-list li:last-child a{border-bottom: none;}
  
  .header-icon-arrow-down:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: solid 1px #333333;
    border-right: solid 1px #333333;
    margin-top: -3px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-mbnav.show {
    display: block;
  }
  
.header-menu-mb {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0;
    line-height: 44px;
    cursor: pointer;
}  
/*.header-menu-mb {
    display: none;
}*/
.header-menu, .header-menu-mb {
    float: right;
    width: 40px;
    height: 40px;
    margin-left: 9px;
    margin-right: 9px;
    font-size: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    transition: transform .3s; margin-top: 5px;position: absolute;
    right: 0;
    top: 0;
}
.header-icon-menu {
    background: none;
    width: 18px;
    height: 10px;
    border-top: solid 2px #222222;
    border-bottom: solid 2px #222222;
}
.header-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(./../images/header-header-sprite.png);
    background-size: 104px auto;
}

#header .header-icon-menu {
    -webkit-transition: .3s .1s;
    transition: .3s .1s;
}

.header-mbnav{ display: none;}
.header-icon-menu:before {
    content: "";
    display: block;
    margin-top: 4px;
    border-top: solid 2px #222222;
}
.header-menu-mb.show-nav .header-icon-menu {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.header-tel{ text-align: left; margin-left: 20px; display: inline-block; margin-top: 10px; }
.header-tel span{ width: 36px; height: 33px;}
.header-tel span img{ width: 100%; vertical-align: top !important; direction: inherit !important;}
.header-tel h2{color: #1977f3; font-size: 18px; float: right; line-height:31px; margin: 0;}

#header-1{ position: relative; top: -43px;}
#header-1 .header-top{ background: none;}


.header-collapse > .header-collapse-head h2.header-nav-hot:after{  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  width: 6px;
  height: 6px;
  margin-left: 6px;
  border-radius: 50%;
  background: #f52f3e; 
}


/*............................二期.........................................*/
/*新增会员样式开始*/
.add-person { position: relative;}
.hy-tb{ width: 36px; height: 38px;right: 45px; position: absolute; top:-44px;z-index: 99;}
.hy-tb img{ width: 50%; margin: 11px auto;}
.add-person nav{ margin-top: 49px; background: #fff; box-shadow: 0px 10px 20px rgb(0 0 0 / 8%);}
.add-person nav ul li a{ color: #191919;padding: 0 22px; line-height: 40px; font-size: 15px;}
.add-person nav ul li{ border-bottom: 1px solid #eeeeee;}
.add-person .am-nav>li.am-active>a{ background: none;}
.add-person .am-nav>li:first-child{ padding-top: 10px;}
.add-person .am-nav>li:last-child{ padding-bottom: 10px; border-bottom: none;}
.add-person .header-icon-arrow-down{position: absolute; top: 50%; right: 24px; margin-top: -3px;  transition: .35s;}
.add-person .header-icon-arrow-down:before{content: "";display: block; width: 8px; height: 8px; border-bottom: solid 1px #333333; border-right: solid 1px #333333; margin-top: -3px;
    -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.add-person  .am-nav>li>a:focus, .am-nav>li>a:hover{ background: none;}
.db-dl{padding: 20px; overflow: hidden;}
.db-dl a.denglu{ display: block; width: 47%; border-radius: 2px; font-size: 15px; float: left; line-height: 36px; text-align: center; background: #1977f3; color: #fff; border: 1px solid #1977f3; margin-right: 5%;}
.db-dl a.zhuce{  display: block; width: 47%; border-radius: 2px;font-size: 15px; float: left; line-height: 36px; text-align: center;border:1px solid #1977f3; color: #1977f3;}

.db-dl h3{ float: left;width: 60%; margin-right: 20px; text-align: left;}
.db-dl p{ float: left;  text-align: left;line-height: 44px; color: #fff; font-size: 16px;}
.db-dl h3 a , .db-dl p a{ color: #191919;}



.open .dbt  a h2{color: #1977f3;}
.open .dbt a .header-icon-arrow-down:before{border-bottom: solid 1px #1977f3; border-right: solid 1px #1977f3;}
.open .ddt  a h2{color: #1977f3;}
.open .ddt a .header-icon-arrow-down:before{border-bottom: solid 1px #1977f3; border-right: solid 1px #1977f3;}

.closed .ddt  a h2{color: #191919;}
.closed .ddt a .header-icon-arrow-down:before{border-bottom: solid 1px #333; border-right: solid 1px #333;}

.header-box{width: 100%; background: #fff; box-shadow: 0px 10px 20px rgb(0 0 0 / 8%); padding-bottom: 24px;}