@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"微软雅黑"; letter-spacing:0.005rem}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}


.header{width: 100%; height: 1.5rem; background: url(../images/header-bg.jpg) no-repeat center top; background-size: cover;
  padding-top: 0.5rem; box-sizing: border-box;}

.header-top{display: flex; justify-content: space-between; position:relative}
.header-top .logo{width: 25%;}
.header-top .logo img{max-width: 100%; max-height:100%;}
.header-btn{display: flex; justify-content: flex-end; align-items:center;}
#search{width: 0.5rem; height: 0.5rem; background: url(../images/search.png) no-repeat center; background-size: 90%;}
#search:hover{cursor: pointer;}
#wechat{width: 0.5rem; height: 0.5rem; background: url(../images/wechat.png) no-repeat center; margin-left: 0.1rem; background-size: 90%;}
#wechat:hover{cursor: pointer;}


#search-inp{width: 0; height: 50px; position: absolute; right: 0%; top: 1.6rem; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#search-inp-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}
#search-inp-text{width: 300px; float: left;}
#search-inp-text input{width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 12px; outline: none; border: none;}
#search-inp-btn{width: 40px; height: 50px; box-sizing: border-box; float: left;  background: #f3f3f3 url(../images/search1.png) no-repeat center; cursor: pointer;}

#wechat-pic{width: 0;/* height: 100px;*/ position: absolute; right: 0%; top: 1.6rem; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#wechat-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}

.header-link{position:absolute; right:0; top:-0.2rem;}
.header-link a{font-size:0.16rem; color:#333; margin:0 0.1rem;}


  
  .c-nav .show{display:inline-block}
  .c-nav .hiden{display:none}
  .c-nav{width: 100%;}
  .c-nav .navFlex{display:flex;display:-webkit-flex;align-items:center; -webkit-align-content:center;color:#fff; justify-content:space-between;-webkit-justify-content:space-between;}
  .c-nav .logo{line-height: 0.75rem; padding: 0.1rem 0;}
  .c-nav .logo img{display: inline-block; vertical-align: middle; max-width: 100%;}
  
  .menu{background: #f87001; /*width:1430px; */margin:0 auto}
  .menu>ul{display: flex; justify-content: space-between;}
  .menu>ul>li{line-height:0.6rem; font-size:0.20rem; position: relative; flex: 1; text-align: center;}
  .menu>ul>li>a{color:#fff; text-decoration:none;width:100%; display: inline-block;}
  .menu>ul>li.active,
  .menu>ul>li:hover{ background: rgba(0,0,0,.3);}
  .menu>ul>li.active a,
  .menu>ul>li:hover>a{/*color:#fff;*/ transition: 0.5s;}
  
  .menu>ul>li>ul{display:none;width:100%;background:#f0f0f0;position:absolute;z-index:9999;left:0;margin:0;list-style:none;box-sizing:border-box;}
  .menu>ul>li>ul>li{font-size: 0.18rem; color: #666; line-height: 0.5rem;}
  .menu>ul>li>ul>li>a{display: inline-block; width: 100%; height: 100%;}
  .menu>ul>li>ul>li:hover{background: #f87001;}
  .menu>ul>li>ul>li:hover a{color: #fff;}
  .menu>ul>li>ul.normal-sub{width:100%;left:auto; box-sizing: border-box; text-align: center;}
  .menu>ul>li>ul.normal-sub>li{width:100%}
  .menu-dropdown-icon:before {position: absolute; right: 0.2rem; top: 50%; content: ""; width: 0.1rem; height: 0.06rem; cursor: pointer;
    background:url(../images/menu-dropdown-icon.png)no-repeat center; color: #333;}
  
  .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right:5px;}
  .c-nav .header-search{margin-top: 0.1rem; display: flex; align-items: center; background: #cc0001; width: 30%; height: 0.5rem;}
  .c-nav .header-search input[type="text"]{width: 80%; height: 0.5rem; line-height: 0.5rem; background: #ffffff; outline: none; border: 0.01rem solid #cecece; 
  box-sizing: border-box; padding-left: 0.2rem; color: #999;}
  .c-nav .header-search .btn{width: 20%; text-align: center; height: 0.5rem; line-height: 0.5rem; cursor: pointer; font-size: 0.16rem; color: #fff;}
  .c-nav #tel{font-size: 0.2rem; color: #a40000; font-weight: bold;}
  
  .hamburger {
    display: none;
  }
  
  .bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
  }
  
  .nav-box{ background:#f87001;}
 .nav{ height:0.6rem; line-height:0.6rem; background:#f87001;  position:relative; z-index:9999; display:flex; padding:0 0.05rem;}
.nav a{ color:#fff;  }
.nav .nLi{  position:relative; display:inline;  }
.nav .nLi h3{ /*font-weight:bold;*/ }
.nav .nLi h3 a{display:block; padding:0 0.28rem; font-size:0.20rem; }
.nav .sub{ display:none; width:100%; text-align:center; left:0; top:0.6rem;  position:absolute; background:#ad4e01;  line-height:0.4rem; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
.nav .on h3 a{ background:rgba(0,0,0,0.3); color:#fff;   }
  
  @media screen and (max-width: 1420px) and (min-width:1200px){
  }
  @media screen and (max-width: 1238px) and (min-width:1200px){
  }
  @media screen and (max-width:1200px){
  }
  @media screen and (max-width:992px){
  }
  @media screen and (max-width:768px){
  }
  @media screen and (max-width:576px){
  
  .header{margin: 0 auto; width: 100%; display:none}
  
  
.header-top .logo{width: 25%;}
.header-top .logo img{width: 100%;}
  
  
  .nav-box{display:none;}
  .c-nav .container{padding: 0;display:none}
  .c-nav{padding:10px 0 10px 0;opacity:.9; margin: 0; height: auto;}
  .c-nav .navFlex{font-size:20px;justify-content:space-between;flex-wrap:wrap;}
  
  .menu{background: #cc0001; display: none;}
  .menu .container{padding: 0;}
  .menu>ul{display: flex; flex-direction: column;}
  .menu>ul>li{line-height:0.8rem; font-size:0.25rem; text-align: center;}
  .menu>ul>li>a{color:#fff; text-decoration:none;width:100%;padding: 0; }
  .menu>ul>li.active,
  .menu>ul>li:hover{ background: #a30001 ;}
  .menu>ul>li.active a,
  .menu>ul>li:hover>a{color:#fff; transition: 0.5s;}
  .menu-dropdown-icon:before {position: absolute; right: 0.2rem; top: 0.5rem; content: ""; width: 0.2rem; height: 0.1rem; cursor: pointer;background:url(../images/menu-dropdown-icon.png) no-repeat center; color: #333;}
  
  
  .menu>ul>li>ul{display:none;width:100%;background:#f0f0f0;position:relative;z-index:9999;left:0;margin:0;list-style:none;box-sizing:border-box;}
  .menu>ul>li>ul>li{font-size: 0.25rem; color: #333; line-height: 0.8rem;}
  .menu-dropdown-icon:before {position: absolute; right: 0.2rem; top: 0.3rem; content: ""; width: 0.2rem; height: 0.1rem; cursor: pointer;
    background:url(../images/menu-dropdown-icon.png) no-repeat center; color: #333;}
  
  .c-nav .hiden{display:block; position: absolute; right: 0.2rem; top: 0.05rem;}
  .c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
  .c-nav .header-information,.c-nav .header-search{display: none;}
  
  .hamburger {
    display: block;
    cursor: pointer;
  }
  
  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger.active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  
  .hamburger.active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
  
  
.header-app-link{position:absolute; right:18%; top:32%;}
.header-app-link a{font-size:0.25rem; color:#333; margin:0 0.08rem;}
  
  }
  
.banner-box{position:absolute; left:0; top:0; z-index:999}
.banner-box .mobile{display:none;}


.slidizle{position:relative; height: 6.8rem; overflow:hidden; font-size: 0.16rem;}
.slidizle-content{position:absolute;top:0;left:0;width:100%;height:100%}
.slidizle-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;display:none;}
.slidizle-slide.active{display:block}
.slidizle-navigation{position:absolute;bottom:30px;left:0;width:100%;text-align:center;z-index:9999}
.slidizle-navigation li{display:inline-block;width:10px;height:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;opacity:.2;font-size:1px;text-indent:-99999px;margin:0 5px;cursor:pointer;-moz-transition:opacity .2s ease-in-out 0s;-o-transition:opacity .2s ease-in-out 0s;-webkit-transition:opacity .2s ease-in-out;-webkit-transition-delay:0s;transition:opacity .2s ease-in-out 0s}
.slidizle-navigation li.active,.slidizle-navigation li:hover{opacity:1}
.slidizle-next,.slidizle-previous{color:#fff;font-size:30px;position:absolute;top:50%;z-index:9999;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;opacity:1;-moz-transition:opacity .2s ease-in-out 0s;-o-transition:opacity .2s ease-in-out 0s;-webkit-transition:opacity .2s ease-in-out;-webkit-transition-delay:0s;transition:opacity .2s ease-in-out 0s}
.slidizle-next.disabled,.slidizle-previous.disabled{opacity:.2;cursor:default}
.slidizle-next{right:30px;}
.slidizle-previous{left:30px}
.slidizle-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#333 url(../img/loader.gif) no-repeat 50% 82%;opacity:0;pointer-events:none;-moz-transition:opacity .2s ease-in-out 0s;-o-transition:opacity .2s ease-in-out 0s;-webkit-transition:opacity .2s ease-in-out;-webkit-transition-delay:0s;transition:opacity .2s ease-in-out 0s}
.loading .slidizle-loading{opacity:.8;pointer-events:auto}
.text{text-align:center;color:#fff;padding:100px}
.sample{position:relative;width:100%;height:0;padding-bottom:56%;text-align:center;margin-bottom:50px}
.sample header{position:absolute;top:50%;left:0;width:100%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);text-shadow:#000 0 0 50px;background:rgba(0,0,0,.3);padding:50px 150px;z-index:20}
.slider-progressbar{height:5px;width:100%;position:absolute;top:0;left:0;background:#fbd665;z-index:20}
.slider--animated .slidizle-content>.active~.slidizle-slide{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}
.slider--animated .slidizle-slide{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);-moz-transition:-moz-transform .5s ease-in-out 0s;-o-transition:-o-transform .5s ease-in-out 0s;-webkit-transition:-webkit-transform .5s ease-in-out;-webkit-transition-delay:0s;transition:transform .5s ease-in-out 0s;display:block!important}
.slider--animated .slidizle-slide.active{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);z-index:2}
.slider--animated-up-down .slidizle-content>.active~.slidizle-slide{-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}
.slider--animated-up-down .slidizle-slide{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);-moz-transition:-moz-transform .5s ease-in-out 0s;-o-transition:-o-transform .5s ease-in-out 0s;-webkit-transition:-webkit-transform .5s ease-in-out;-webkit-transition-delay:0s;transition:transform .5s ease-in-out 0s;display:block!important}
.slider--animated-up-down .slidizle-slide.active{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);z-index:2}
.slidizle-navigation .slider-navigation-item{width:50px;height:30px;background-size:cover;background-position:50% 50%;border:2px solid #fff}
.btn.btn--custom{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px 10px;color:#000;text-transform:uppercase;font-size:10px;font-weight:700;outline:0}

@media screen and (max-width:576px){

  .app-top-line{height:60px;}
  
  
.banner-box .pc{display:none;}
.banner-box .mobile{display:block;}
  
.slidizle{height: 200px; overflow: hidden; }
.slidizle-navigation{bottom: 10px;}
}


.index-one{width: 100%; display: flex; margin: 0.3rem auto; justify-content: space-between; flex-wrap: wrap;}
.index-focus{width: 48%;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-next,.hiSlider-btn-prev{position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-next:hover,.hiSlider-btn-prev:hover{opacity:1}
.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.hiSlider-pages{bottom:0.1rem;right:0.1rem;text-align:right}
.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#fff}
.hiSlider-pages a.active{background:#f87001}

.index-tab {width: 50%;}
#tab {  display: flex; }
#tab li {color:#333; cursor:pointer; line-height: 0.5rem; height: 0.5rem; background: #f2f2f2; padding:0 0.4rem; font-size: 0.18rem;
margin-right: 0.2rem;}
#tab li.current {color:#fff;background:#f87001;}
#content {margin-top: 0.25rem;}
#content #list {display:none;}
#content #list .index-one-information{border-bottom: 0.01rem dashed #cccccc; padding: 0.15rem 0;}
#content #list .index-one-tit{font-size: 0.18rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#content #list .index-one-txt{font-size: 0.14rem; color: #999; margin-top: 0.1rem; display: none;}
#content #list .index-one-information:first-child .index-one-tit{font-size: 0.2rem; font-weight: bold; transition: all 0.5s;}
#content #list .index-one-information:first-child .index-one-txt{display: block; transition: all 0.5s;}
#content #list:hover .index-one-information .index-one-txt{display: none; transition: all 0.5s;}
#content #list:hover .index-one-information .index-one-tit{font-size: 0.18rem; font-weight: normal; transition: all 0.5s;}
#content #list .index-one-information:hover .index-one-txt{display: block; transition: all 0.5s;}
#content #list .index-one-information:hover .index-one-tit{font-size: 0.2rem; font-weight: bold; transition: all 0.5s;}
@media screen and (max-width:576px){
  .index-one{}
  .index-focus{width: 100%; margin-bottom: 0.2rem;}
  .hiSlider-pages{bottom: 0.8rem;}
  .index-tab {width: 100%;}
  #tab { display: flex; justify-content: space-between;}
  #tab li{font-size: 0.25rem; padding: 0 0.3rem;  line-height: 0.7rem; height: 0.7rem; margin-right: 0; flex: auto;}
  #content #list .index-one-tit{font-size: 0.25rem;}
  #content #list .index-one-txt{font-size: 0.22rem; line-height: 0.35rem;}
  #content #list .index-one-information:first-child .index-one-tit{font-size: 0.28rem;}
  #content #list:hover .index-one-information .index-one-tit{font-size: 0.25rem;}
  #content #list .index-one-information:hover .index-one-tit{font-size: 0.25rem;}
}

  
.index-two{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0.3rem;}
.index-two-l{width: 68.5%;}
.index-two-r{width: 30%;}


.index-three{background: #f2f2f2; padding: 0.3rem 0;}
.index-three-content{display: flex; flex-wrap: wrap; justify-content: space-between;}
.index-three-news {width: 48.5%; background: #fff; box-sizing: border-box; padding: 0.25rem 0.3rem;}
#index-three-tab { display: flex; border-bottom: 0.01rem solid #dedede; height: 0.6rem;}
#index-three-tab li {cursor:pointer; font-size: 0.2rem; color: #333; height: 0.6rem; line-height: 0.6rem; margin-right: 0.3rem;}
#index-three-tab li.current {color:#f87001; font-weight: bold; border-bottom: 0.02rem solid #f87001;}
#index-three-content{margin-top: 0.1rem;}
#index-three-content #index-three-list{display: none;}
#index-three-content #index-three-list .index-three-list-info{display: flex; justify-content: space-between; height: 0.45rem; line-height: 0.45rem;}
#index-three-content #index-three-list .index-three-list-info .index-three-list-info-tit{font-size: 0.16rem; color: #333;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
#index-three-content #index-three-list .index-three-list-info .index-three-list-info-time{font-size: 0.16rem; color: #999; min-width: 20%; text-align: right;}
.index-three-member {width: 48.5%;}
.index-three-member-top{display: flex; justify-content: space-between; margin-bottom: 0.2rem;}
.index-three-member-top-join{width: 52.9%; background: url(../images/index-three-member-top-join.jpg) no-repeat center; height: 2.4rem; box-sizing: border-box;
padding: 0.3rem 0.9rem 0 0.3rem;}
.index-three-member-top-join-tit{font-size: 0.28rem; color: #fff; border-bottom: 0.01rem solid #fff; padding-bottom: 0.15rem; margin-bottom: 0.2rem;}
.index-three-member-top-join-txt{font-size: 0.16rem; color: #fff; line-height: 0.3rem;}
.index-three-member-top-logon{width: 44%; background: url(../images/index-three-member-top-logon.jpg) no-repeat center; height: 2.4rem; box-sizing: border-box;
  padding: 0.3rem 0.9rem 0 0.3rem;}
.index-three-member-top-logon-tit{font-size: 0.28rem; color: #fff; border-bottom: 0.01rem solid #fff; padding-bottom: 0.15rem; margin-bottom: 0.2rem;}
.index-three-member-top-logon-link a{color: #fff; font-size: 0.16rem; margin-right: 0.1rem;}
.index-three-member-bottom{display: flex; justify-content: space-between;}
.index-three-member-bottom-list{width: 23.5%; box-sizing: border-box; background: url(../images/index-three-member-bottom-list.jpg) no-repeat center; margin-right: 2%;}
.index-three-member-bottom-list a{display: block; padding: 0.3rem;}
.index-three-member-bottom-list:last-child{margin-right: 0;}
.index-three-member-bottom-list:hover{box-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.index-three-member-bottom-list-icon{width: 0.95rem; height: .95rem; border-radius: 100%; background: #fff; text-align: center; margin: 0 auto; display: flex;
align-items: center; justify-content: center; position: relative;}
.index-three-member-bottom-list-icon span{width: 1rem; height: 1rem;}
.index-three-member-bottom-list-icon span img{width: 100%; height: 100%;}
.index-three-member-bottom-list:hover .index-three-member-bottom-list-icon span{font-size: 0.4rem; color: #b11016;}
.index-three-member-bottom-list-tit{text-align: center; font-size: 0.16rem; color: #222; margin: 0.2rem 0;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
  /* .index-three-member-bottom-list:hover .index-three-member-bottom-list-tit{color: #fff;}
  .index-three-member-bottom-list:hover .index-three-member-bottom-list-tit a{color: #fff;} */
.index-three-member-bottom-list-more{ text-align: center;}
.index-three-member-bottom-list-more span{font-size: 0.2rem; color: #000;}
/* .index-three-member-bottom-list:hover .index-three-member-bottom-list-more span{font-size: 0.2rem; color: #fff;} */
@media screen and (max-width:576px){
  .index-three-news{width: 100%; margin-bottom: 0.2rem;}
  #index-three-tab li {font-size: 0.25rem;}
  #index-three-content #index-three-list .index-three-list-info{line-height: 0.6rem; height: 0.6rem;}
  #index-three-content #index-three-list .index-three-list-info .index-three-list-info-tit{font-size: 0.25rem;}
  #index-three-content #index-three-list .index-three-list-info .index-three-list-info-time{display: none;}
  
  .index-three-member {width: 100%;}
  .index-three-member-top-join,
  .index-three-member-top-logon{padding: 0.3rem;}
  .index-three-member-top-join-txt,
  .index-three-member-top-logon-link a{font-size: 0.25rem;}
  .index-three-member-bottom{width: 100%; flex-wrap: wrap; justify-content: space-between;}
  .index-three-member-bottom-list{width: 49%; box-sizing: border-box; background: url(../images/index-three-member-bottom-list.jpg) no-repeat center bottom;
    background-size: cover;
     margin-right: 0%; margin-bottom: 0.2rem;}
  .index-three-member-bottom-list a{display: block; padding: 0.3rem; color: #000;}
  .index-three-member-bottom-list:last-child{margin-right: 0;}
  .index-three-member-bottom-list-icon{width: 0.95rem; height: .95rem; border-radius: 100%; background: #fff; text-align: center; margin: 0 auto; display: flex;
  align-items: center; justify-content: center; position: relative;}
  .index-three-member-bottom-list-icon span{width: auto; height: auto;}
  .index-three-member-bottom-list-icon span img{width: 100%; height: 100%;}
  .index-three-member-bottom-list-tit{text-align: center; font-size: 0.22rem; color: #222; margin: 0.2rem 0;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .index-three-member-bottom-list-more{ text-align: center;}
  .index-three-member-bottom-list-more span{font-size: 0.3rem; color: #000;}
}


.index-four{padding: 0.4rem 0;}
.index-four-tit{font-size: 0.36rem; color: #333; text-align: center; border-bottom: 0.03rem solid #dedede; padding-bottom: 0.4rem;}
.index-four-tit span{font-size: 0.24rem;}
.index-four-tit b{color: #bbbbbb;}
#index-four-tab{margin-top: -0.03rem;}
#index-four-tab ul{display: flex; justify-content: center;}
#index-four-tab ul li{line-height: 0.8rem; font-size: 0.18rem; margin: 0 0.3rem; color: #000; cursor: pointer; border-top: 0.03rem solid #ddd; }
#index-four-tab ul li.current{color: #cc0001; font-weight: bold; border-top: 0.03rem solid #cc0001; }

#index-four-content{}
#index-four-list{display: none;}
.index-four-news{display: flex; flex-wrap: wrap;}
.index-four-news-li{width: 23.5%; margin-right: 2%; margin-bottom: 0.3rem;}
.index-four-news-li:nth-child(4n){margin-right: 0;}
.index-four-news-li-time{font-size: 0.16rem; color: #666;}
.index-four-news-li-pic{margin: 0.1rem 0;}
.index-four-news-li-tit{font-size: 0.18rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

@media screen and (max-width:576px){
  #index-four-tab ul li{font-size: 0.25rem; margin: 0 auto; padding: 0 0.1rem; flex: 1; text-align: center;}
  .index-four-news{}
  .index-four-news-li{width: 48%; margin: 0.25rem auto; box-sizing: border-box;}
  .index-four-news-li-time{font-size: 0.25rem;}
  .index-four-news-li-tit{font-size: 0.25rem;}

  }

.index-five{padding: 0.5rem 0; background: url(../images/index-five-bg.jpg) no-repeat center;}
.index-five-content{display: flex;}
.index-five-l{width: 40%; margin-right: 5%;}
.index-five-r{width: 55%; padding: 0.2rem 0;}
.index-five-rtit{font-size: 0.36rem; font-weight: bold; color: #f87001;}
.index-five-rtxt{font-size: 0.18rem; color: #222; line-height: 1.8; margin: 0.4rem 0;}
.index-five-rmore{width: 1.5rem; height: 0.45rem; line-height: 0.45rem; color: #fff; background: #f87001;
border-radius: 0.2rem; text-align: center; font-size: 0.18rem;}
.index-five-rmore a{color: #fff; display: block;}


.footer-box{background: url(../images/footer-bg.png) no-repeat center; padding-top: 1.5rem; padding-bottom: 0.3rem;}
.footer{display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-l{display: flex;}
.footer-info{font-size: 0.14rem; color: #222; line-height: 1.8;}
.footer-logo{margin-left: 0.5rem;}

.footer-code{display: flex;}
.footer-code-li{margin-left: 0.2rem;}
.footer-code-tit{font-size: 0.14rem; text-align: center; margin-top: 0.1rem;}

@media screen and (max-width:576px){


    .index-five{padding: 0.5rem 0; background: url(../images/index-five-bg.jpg) no-repeat center top;}
    .index-five-content{display: flex; flex-wrap: wrap;}
    .index-five-l{width: 60%; margin-right: 5%;}
    .index-five-r{width: 100%; padding: 0.2rem 0;}
    .index-five-rtit{font-size: 0.36rem; font-weight: bold; color: #f87001;}
    .index-five-rtxt{font-size: 0.25rem; color: #222; line-height: 1.8; margin: 0.4rem 0;}
    .index-five-rmore{width: 1.8rem; height: 0.6rem; line-height: 0.6rem; color: #fff; background: #f87001;
    border-radius: 0.2rem; text-align: center; font-size: 0.25rem;}
    .index-five-rmore a{color: #fff; display: block;}
    
    
    .footer-box{background: url(../images/footer-bg.png) no-repeat center; padding-top: 0.3rem; padding-bottom: 0.3rem;}
    .footer{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .footer-l{display: flex; margin-bottom: 0.3rem;}
    .footer-info{font-size: 0.2rem; color: #222; line-height: 1.8;}
    .footer-logo{margin-left: 0.5rem;}
    
    .footer-code{display: flex;}
    .footer-code-li{margin-left: 0.2rem;}
    .footer-code-tit{font-size: 0.2rem; text-align: center; margin-top: 0.1rem;}
    

}

/*培训会议*/

.responsive-ban{position: relative;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{position: absolute; left: 15px; right: 0; margin: 0 auto; top: 35%;}
.responsive-banner-tit{ font-size: 0.48rem; color: #fff; text-align: center;}
.responsive-banner-tit span{font-size: 0.4rem; color: #fff; padding: 0.4rem 0; border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; font-family: NotoSansHans-Medium;}

@media screen and (max-width:576px){

  .responsive-ban{position: relative;}
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 35%;}
  .responsive-banner-tit{ text-align: center;}
  .responsive-banner-tit span{font-size: 0.25rem; color: #fff; padding: 0.3rem 0; border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; font-family: NotoSansHans-Medium;}
}

.train-tab-box{background: #f5f5f5;}
.train-tab{display: flex;}
.train-tab-li{line-height: 0.7rem; height: 0.7rem; font-size: 0.20rem;}
.train-tab-li a{display: block;padding: 0 0.5rem; }
.train-tab-li.active,
.train-tab-li:hover{border-bottom: 4px solid #f87001;}

.train-content{padding: 0.3rem 0;}
.train-content-li{display: flex; flex-wrap: wrap; margin-bottom: 0.5rem;}
.train-content-li-pic{width: 34%;}
.train-content-li-pic img{width: 100%;}
.train-content-li-info{width: 64%; box-sizing: border-box; padding: 5%;}
.train-content-li-time{font-size: 0.18rem; color: #999;}
.train-content-li-tit{font-size: 0.24rem; color: #333; margin: 0.2rem 0 0.4rem;}
.train-content-li-more{font-size: 0.18rem; color: #333; font-weight: bold;}
.train-content-li-more a{ border-bottom: 4px solid #f87001; padding-bottom: 0.1rem; display: inline-block;}

@media screen and (max-width:576px){

    .train-tab-box{background: #f5f5f5;}
    .train-tab{display: flex;}
    .train-tab-li{ line-height: 0.7rem; height: 0.7rem; font-size: 0.25rem;}
    .train-tab-li a{display: block; padding: 0 0.3rem;}
    .train-tab-li.active,
    .train-tab-li:hover{border-bottom: 4px solid #f87001;}
    
    .train-content{}
    .train-content-li{display: flex; flex-wrap: wrap; margin-bottom: 0.5rem;}
    .train-content-li-pic{width: 100%; margin-bottom: 0.3rem;}
    .train-content-li-pic img{width: 100%;}
    .train-content-li-info{width: 100%; box-sizing: border-box; padding: 0%;}
    .train-content-li-time{font-size: 0.22rem; color: #999;}
    .train-content-li-tit{font-size: 0.28rem; color: #333; margin: 0.2rem 0 0.4rem; line-height: 1.8;}
    .train-content-li-more{font-size: 0.25rem; color: #333; font-weight: bold;}
    .train-content-li-more a{ border-bottom: 4px solid #f87001; padding-bottom: 0.1rem; display: inline-block;}

}

/*培训会议*/

/*培训会议详细*/

.trainview-route{font-size: 0.14rem; color: #333; padding: 0.3rem 0 0.4rem;}
.trainview-route span{color: #a40000;}
.trainview{display: flex; justify-content: space-between; flex-wrap: wrap;}
.trainview-news{width: 68%;}
.trainview-news-tit{font-size: 0.36rem; color: #333; font-weight: bold; margin-bottom: 0.3rem;}
.trainview-news-time{ display: flex; align-items: center; color: #999;}
.trainview-news-time img{margin-left: 0.5rem; margin-right: 0.1rem;}
.trainview-news-info{ border-top: 1px solid #dedede; padding: 0.4rem 0; margin: 0.3rem 0;
font-size: 0.16rem; color: #444; line-height: 1.8;}
.trainview-news-info img{max-width: 100%;}
.trainview-applicants{width: 3rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background: #f87001; border-radius: 0.1rem;
margin: 0 auto; font-size: 0.18rem;}
.trainview-applicants a{color: #fff; display: block;}

.trainview-activity{width: 27%;}
.trainview-activity-tit{font-size: 0.24rem; color: #444; border-bottom: 1px solid #dedede; margin-bottom: 0.3rem; padding-bottom: 0.2rem;}
.trainview-activity-list{}
.trainview-activity-li{display: flex; justify-content: space-between; margin-bottom: 0.2rem; padding-bottom: 0.2rem;
    border-bottom: 1px solid #dedede}
.trainview-activity-li-pic{width: 35%;}
.trainview-activity-li-pic img{width: 100%;}
.trainview-activity-li-info{width: 62%;}
.trainview-activity-li-info-time{font-size: 0.16rem; color: #666; margin: 0.03rem 0 0.05rem;}
.trainview-activity-li-info-tit{font-size: 0.22rem; color: #333; line-height: 1.6; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
@media screen and (max-width:576px){

  .trainview-route{font-size: 0.25rem; color: #333; padding: 0.3rem 0 0.4rem;}
  .trainview-route span{color: #a40000;}
  .trainview{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .trainview-news{width: 100%;}
  .trainview-news-tit{font-size: 0.36rem; color: #333; font-weight: bold; margin-bottom: 0.3rem;}
  .trainview-news-time{ display: flex; align-items: center; color: #999; font-size: 0.22rem;}
  .trainview-news-time img{margin-left: 0.5rem; margin-right: 0.1rem;}
  .trainview-news-info{border-top: 1px solid #dedede; padding: 0.3rem 0; margin: 0.3rem 0;
  font-size: 0.25rem; color: #444; line-height: 1.8;}
  .trainview-news-info img{max-width: 100%;}
  .trainview-applicants{width: 2.4rem; height: 0.65rem; line-height: 0.65rem; text-align: center; background: #f87001; border-radius: 0.1rem;
  margin: 0 auto; font-size: 0.25rem;}
  .trainview-applicants a{color: #fff; display: block;}
  
  .trainview-activity{width: 100%; margin: 0.2rem 0;}
  .trainview-activity-tit{font-size: 0.28rem; color: #444; border-bottom: 1px solid #dedede; margin-bottom: 0.3rem; padding-bottom: 0.2rem;}
  .trainview-activity-list{}
  .trainview-activity-li{display: flex; justify-content: space-between; margin-bottom: 0.2rem; padding-bottom: 0.2rem;
border-bottom: 1px solid #dedede;}
  .trainview-activity-li-pic{width: 35%;}
  .trainview-activity-li-pic img{width: 100%;}
  .trainview-activity-li-info{width: 62%;}
  .trainview-activity-li-info-time{font-size: 0.25rem; color: #666; margin: 0.1rem 0 0.05rem;}
  .trainview-activity-li-info-tit{font-size: 0.25rem; color: #333;}

}
/*培训会议详细*/


/*协会动态*/

.brand-top{padding: 0.5rem 0; border-bottom: 1px solid #dedede;}
.brand-top-tit{font-size: 0.4rem; color: #333; font-weight: bold;}
.brand-top-txt{font-size: 0.18rem; color: #333; margin-top: 0.15rem;}

#brand-tab {overflow:hidden;zoom:1; display: flex; flex-wrap: wrap; padding: 0.3rem 0 0.4rem;}
#brand-tab li {font-size: 0.2rem; color: #333; cursor: pointer; margin-right: 0.3rem; padding-bottom: 0.15rem;}
#brand-tab li.current {border-bottom: 3px solid #a40000;}
#brand-content{}
.brand-content-li{display: none;}
.brand-content-li .index-video-li{margin-bottom: 0.3rem;}
.brand-more{padding: 0.2rem 0 0.5rem; text-align: center; font-size: 0.18rem; color: #333;}
@media screen and (max-width:576px){

  .brand-top{padding: 0.3rem 0; border-bottom: 1px solid #dedede;}
  .brand-top-tit{font-size: 0.4rem; color: #333; font-weight: bold;}
  .brand-top-txt{font-size: 0.22rem; color: #333; margin-top: 0.15rem;}
  
  #brand-tab {overflow:hidden;zoom:1; display: flex; padding: 0.3rem 0;}
  #brand-tab li {font-size: 0.25rem; color: #333; cursor: pointer; margin-right: 0.3rem; padding-bottom: 0.15rem; margin-bottom: 0.15rem;}
  #brand-tab li.current {border-bottom: 3px solid #a40000;}
  #brand-content{}
  .brand-content-li{display: none;}
  .brand-content-li .index-video-li{margin-bottom: 0.3rem;}
  .brand-more{padding: 0.2rem 0 0.5rem; text-align: center; font-size: 0.22rem; color: #333;}

  }

  
.news{}
.news-li{display: flex; justify-content: space-between; background: #f8f8f8; margin-bottom: 0.3rem;}
.news-li-pic{width: 27%;}
.news-li-info{width: 55%;}
.news-li-info-tit{font-size: 0.24rem; margin-top: 0.45rem; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.news-li-info-txt{font-size: 0.14rem; color: #333; line-height: 1.8; margin: 0.3rem 0;}
.news-li-info-more{font-size: 0.14rem; color: #333; }
.news-li-info-more a{color: #333; }
.news-li-info-more span{text-decoration: underline; text-underline-offset: 0.05rem;}
.news-li-time{width: 10%; padding-right: 2%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.news-li-time-year{font-size: 0.48rem; color: #999;}
.news-li-time-month{font-size: 0.18rem; color: #999;}


.newsview-link{font-size: 0.16rem; color: #444; margin-bottom: 0.3rem; border-top: 1px solid #dedede; padding-top: 0.2rem;}
.newsview-link a{display: block; color: #444; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

@media screen and (max-width:576px){

  .news{}
  .news-li{display: flex; flex-wrap: wrap; justify-content: space-between; background: #f8f8f8; margin-bottom: 0.3rem;}
  .news-li-pic{width: 100%;}
  .news-li-info{width: 100%; padding: 0.3rem; box-sizing: border-box;}
  .news-li-info-tit{font-size: 0.28rem; margin-top: 0rem; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .news-li-info-txt{font-size: 0.22rem; color: #333; line-height: 1.8; margin: 0.3rem 0;}
  .news-li-info-more{font-size: 0.22rem; color: #333; }
  .news-li-info-more a{color: #333; }
  .news-li-info-more span{text-decoration: underline; text-underline-offset: 0.05rem;}
  .news-li-time{display: none;}
  
  
.newsview-link{font-size: 0.22rem; color: #444; margin-bottom: 0.3rem; border-top: 1px solid #dedede; padding-top: 0.2rem;}
.newsview-link a{display: block; color: #444; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

}

/*视频中心_国外视频*/
.choice{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0.4rem 0;}
.choice-label{font-size: 0.16rem; color: #333;}
.choice-label b{font-weight: bold; margin-right: 0.1rem;}
.choice-label a{display: inline-block; background: #eeeeee; padding: 0 0.3rem; line-height: 0.5rem; font-size: 0.18rem; margin-left: 0.05rem;}
.choice-label span{font-family: "黑体"; color: #f87001; padding-left: 0.1rem;}
.choice-select{}
.choice-select select{border: none; font-size: 0.16rem; color: #333;}

.video{display: flex; flex-wrap: wrap;}
.video-li{width: 48%; margin-right: 2%; margin-bottom: 0.3rem;}
.video-li:nth-child(2n){margin-right: 0;}
.video-li-pic{position: relative; height:3.5rem;}
.video-li-pic img{width: 100%;}
.video-pop{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 1;}
.video-icon{width: 0.56rem; height: 0.56rem; position: absolute; inset: 0; margin: auto; z-index: 10;}
.video-icon img{width: 100%;}
.video-li-tit{font-size: 0.24rem; color: #333; margin-top: 0.1rem;}

.video-line{width: 100%; height: 3px; background: #000;}

.video-news-tit{font-size: 0.48rem; color: #333;}
.video-news-tpic{ margin: 0.2rem 0;}

.video-news-content{display: flex; flex-wrap: wrap; width: 100%;}
.video-news-li{width: 48%; margin-right: 4%; display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 0.18rem; color: #333;
line-height: 0.8rem; border-bottom: 1px solid #dedede;}
.video-news-li:nth-child(2n){margin-right: 0;}
.video-news-li-txt{width: 85%; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.video-news-li-time{width: 15%;}

@media screen and (max-width:576px){


  .choice{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0.4rem 0;}
  .choice-label{width: 100%; font-size: 0.22rem; color: #333;}
  .choice-label b{font-weight: bold; margin-right: 0.1rem;}
  .choice-label a{display: inline-block; background: #eeeeee; padding: 0 0.2rem; line-height: 0.6rem; font-size: 0.25rem; margin-left: 0.05rem; margin-bottom:0.2rem}
  .choice-label span{font-family: "黑体"; color: #f87001; padding-left: 0.1rem;}
  .choice-select{margin: 0.3rem 0 0;}
  .choice-select select{border: none; font-size: 0.25rem; color: #333; line-height: 0.5rem; height: 0.5rem; display: block;}
  
  .video{display: flex; flex-wrap: wrap;}
  .video-li{width: 48%; margin-right: 2%; margin-bottom: 0.3rem;}
  .video-li:nth-child(2n){margin-right: 0;}
  .video-li-pic{position: relative; height:3rem;}
  .video-li-pic img{width: 100%;}
  .video-pop{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 1;}
  .video-icon{width: 0.56rem; height: 0.56rem; position: absolute; inset: 0; margin: auto; z-index: 10;}
  .video-icon img{width: 100%;}
  .video-li-tit{font-size: 0.24rem; color: #333; margin-top: 0.1rem;}
  
  .video-line{width: 100%; height: 3px; background: #000;}
  
  .video-news-tit{font-size: 0.36rem; color: #333; margin-top: 0.3rem;}
  .video-news-tpic{ margin: 0.2rem 0;}
  
  .video-news-content{display: flex; flex-wrap: wrap; width: 100%;}
  .video-news-li{width: 100%; margin-right:0%; display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 0.22rem; color: #333;
  line-height: 0.8rem; border-bottom: 1px solid #dedede;}
  .video-news-li:nth-child(2n){margin-right: 0;}
  .video-news-li-txt{width: 80%; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .video-news-li-time{width: 15%;}
  


}

/*视频中心_国外视频*/


/*登录*/
.Login{width: 100%; height: 7.95rem; background: url(../images/Login-banner.jpg) no-repeat center; position: relative;}
.Login-popup{width: 5.4rem; height: 4.8rem; background: #fff; position: absolute; inset: 0; margin: auto; 
box-sizing: border-box; padding: 0.6rem; top:15%; left:0; right:0}


.login-member{width: 100%; }
.login-member-tab{display: flex;}
.login-member-tab li{font-size: 0.24rem; color: #666; margin-bottom: 0.25rem; font-weight: normal; margin-right: 0.3rem;
border-bottom: 3px solid #fff; padding-bottom: 0.14rem;}
.login-member-tab li:hover{cursor: pointer;}
.login-member-tab li.current{color: #f87001; border-bottom: 3px solid #f87001; font-weight: bold;}
.login-member-content{}
.login-member-content-li{display: none;}
.login-member-inp{}
.login-member-verification{display: flex; justify-content: space-between;}
.login-member-inp .text2,
.login-member-verification .text2{width: 100%; height: 0.5rem; line-height: 0.5rem; padding-left: 0.18rem; outline-color: #f87001;
border:0.01rem solid #bbb; box-sizing: border-box; font-size: 0.16rem; color: #999; margin-bottom: 0.1rem;}
.login-member-verification .text2{width: 70%;}
.login-member-verification img{width: auto; max-width: 30%; height: 0.5rem;}
.login-member-btn{width: 100%; background: #f87001; height: 0.5rem; line-height: 0.5rem; font-size: 0.18rem; color: #fff; text-align: center;
border-radius: 0.1rem; margin: 0.1rem 0 0.2rem;}
.login-member-btn a{color: #fff; display: block;}
.login-member-b{display: flex; justify-content: space-between; flex-wrap: wrap;}
.login-member-b .btn{width: 30%; height: 0.4rem; line-height: 0.4rem; text-align: center; background: rgba(204, 204, 204, 0.3); 
  font-size: 0.16rem; color: #333; border-radius: 0.1rem;}
.login-member-b .btn a{color: #333; display: block;}
.Login-copy{line-height: 0.8rem; font-size: 0.16rem; text-align: center; padding: 0 0.2rem;}

@media screen and (max-width:576px){

  .Login{width: 100%; height: 7.95rem; background: url(../images/Login-banner.jpg) no-repeat center; position: relative;}
  .Login-popup{width: 90%; height: auto; background: #fff; position: absolute; inset:inherit; left: 5%; top: 10%; margin: auto; 
  box-sizing: border-box; padding: 0.4rem;}
  
  
  .login-member{width: 100%; }
  .login-member-tab{display: flex;}
  .login-member-tab li{font-size: 0.3rem; color: #666; margin-bottom: 0.25rem; font-weight: normal; margin-right: 0.3rem;
  border-bottom: 3px solid #fff; padding-bottom: 0.14rem;}
  .login-member-tab li:hover{cursor: pointer;}
  .login-member-tab li.current{color: #f87001; border-bottom: 3px solid #f87001; font-weight: bold;}
  .login-member-content{}
  .login-member-content-li{display: none;}
  .login-member-inp{}
  .login-member-verification{display: flex; justify-content: space-between;}
  .login-member-inp .text2,
  .login-member-verification .text2{width: 100%; height: 0.7rem; line-height: 0.7rem; padding-left: 0.18rem; outline-color: #f87001;
  border:0.01rem solid #bbb; box-sizing: border-box; font-size: 0.22rem; color: #999; margin-bottom: 0.2rem;}
  .login-member-verification .text2{width: 70%;}
  .login-member-verification img{width: auto; max-width: 30%; height: 0.7rem;}
  .login-member-btn{width: 100%; background: #f87001; height: 0.7rem; line-height: 0.7rem; font-size: 0.25rem; color: #fff; text-align: center;
  border-radius: 0.1rem; margin: 0.1rem 0 0.2rem;}
  .login-member-btn a{color: #fff; display: block;}
  .login-member-b{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .login-member-b .btn{width: 30%; height: 0.6rem; line-height: 0.6rem; text-align: center; background: rgba(204, 204, 204, 0.3); 
    font-size: 0.22rem; color: #333; border-radius: 0.1rem;}
  .login-member-b .btn a{color: #333; display: block;}
  
.Login-copy{line-height: 0.8rem; font-size: 0.22rem; text-align: center;}

}
/*登录*/

/*会员注册*/

.apply-main{width: 10rem; position: absolute; left: 0; right: 0;  margin: 0 auto; top: 30%;
  box-sizing: border-box; padding: 0.6rem; display: flex; justify-content: space-evenly;}
.apply-personal{width: 2rem; height: 2rem; border-radius: 100%; background: #4788d7;  border: 0.16rem solid rgba(255, 255, 255, 0.3); 
  background-clip:content-box;}
.apply-personal-icon{margin: 0.4rem 0 0.2rem; text-align: center;}
.apply-personal-icon img{max-width: 50%;}
.apply-personal-tit{font-size: 0.24rem; color: #fff; padding: 0 0.3rem; text-align: center;}
.apply-team{background: #f87001;  border: 0.16rem solid rgba(255, 255, 255, 0.3); background-clip:content-box;}

@media screen and (max-width:576px){

  .apply-main{width: 100%; position: absolute; left: 0; right: 0;  margin: 0 auto; top: 30%;
    box-sizing: border-box; padding: 0.6rem; display: flex; justify-content: space-evenly;}
  .apply-personal{width: 2rem; height: 2rem; border-radius: 100%; background: #4788d7;  border: 0.16rem solid rgba(255, 255, 255, 0.3); 
    background-clip:content-box;}
  .apply-personal-icon{margin: 0.4rem 0 0.2rem; text-align: center;}
  .apply-personal-icon img{max-width: 30%;}
  .apply-personal-tit{font-size: 0.28rem; color: #fff; padding: 0 0.3rem; text-align: center;}
  .apply-team{background: #f87001;  border: 0.16rem solid rgba(255, 255, 255, 0.3); background-clip:content-box;}
  
}

/*会员注册*/


/*赛事活动_参赛报名*/
.member-box{background: #f2f2f2; overflow: hidden;}
.member-route{font-size: 0.16rem; color: #333; line-height: 0.6rem; border-bottom: 1px solid #dedede;}
.member-route span{color: #f87001;}
.member{padding: 0.4rem 0; background: #fff; width: 12rem; margin: 0.4rem auto; box-sizing: border-box;}
.member-tit{font-size: 0.3rem; color: #333; text-align: center; margin-bottom: 0.3rem;}
.member table.member-information{ width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #dedede; 
   }
.member table.member-information tr{width: 100%; display: flex; flex-wrap: wrap; border-bottom: 1px solid #dedede;}
.member table.member-information tr td.member-half{display: flex; width: 50%; box-sizing: border-box; line-height: 0.6rem; height: 0.6rem;}
.member table.member-information tr td:nth-child(odd){border-right: 1px solid #dedede;}
.member-half-name{width: 28%; box-sizing: border-box; font-size: 0.18rem; color: #333; text-align: center; }
 .member-half-name{border-right: 1px solid #dedede;}
.member-half-name .red{color: #f87001;}
.member-half-name .visible{overflow: visible; opacity: 0;}
.member-half-inp{width: 72%; box-sizing: border-box; display: flex; align-items: center;}
.member-half-inp input,
.member-half-inp select{width: 80%; height: 0.32rem; line-height: 0.32rem; border: 1px solid #dedede; margin: 0 auto; display: block;
box-sizing: border-box; padding-left: 0.1rem;}

.member-contestants-tit{font-size: 0.18rem; color: #333; text-align: center; line-height: 0.6rem; font-weight: bold;
border-bottom: 1px solid #dedede;}
.member-contestants{width: 100%; border-collapse: collapse; border-spacing: 0; }
.member-contestants tr{ border-bottom: 1px solid #dedede; 
  box-sizing: border-box; line-height: 0.35rem; height: 0.6rem;}
.member-contestants th{ border-right: 1px solid #dedede; text-align: center; padding: 0 0.1rem; box-sizing: border-box;
  font-weight: normal; font-size: 0.14rem;}
.member-contestants td{ border-right: 1px solid #dedede; text-align: center;}
.member-contestants td input{height: 0.32rem; width: 80%; line-height: 0.32rem; border: 1px solid #dedede; margin: 0 auto; display: block;
  box-sizing: border-box; padding-left: 0.1rem;}
  
 .member-contestants td input.CheckboxId{height: 0.32rem; width: 25%; line-height: 0.32rem; border: 1px solid #dedede; margin: 0 auto; display: block;
  box-sizing: border-box; padding-left: 0.1rem;} 
  
  .member-contestants-btn-box{ border-bottom: 1px solid #dedede;}
.member-contestants-btn{width: 1.6rem; height: 0.32rem; line-height: 0.32rem; margin: 0.2rem auto; background: #f87001; border-radius: 0.1rem;
font-size: 0.14rem; text-align: center; }
.member-contestants-btn a{color: #fff; display: block;}


.member-accommodation-tit{font-size: 0.18rem; color: #333; font-weight: bold; text-align: center; padding: 0 0.3rem;
  box-sizing: border-box; line-height: 0.6rem; height: 0.6rem; border-bottom: 1px solid #dedede;}
.member-accommodation-num{display: flex; padding: 0 0.3rem; box-sizing: border-box; line-height: 0.6rem; height: 0.6rem;
  border-bottom: 1px solid #dedede;}
.member-accommodation-num-li{width: 30%; box-sizing: border-box; font-size: 0.14re; color: #333;}
.member-accommodation-num input{width: 0.6rem; height: 0.32rem; line-height: 0.32rem; margin:0 0.1rem; box-sizing: border-box;
padding-left: 0.05rem; font-size: 0.14re; color: #333;}
.member-accommodation-halal{
   padding: 0 0.3rem;box-sizing: border-box; line-height: 0.6rem; height: 0.6rem; border-bottom: 1px solid #dedede;}
.member-accommodation-halal input[type="radio"]{margin: 0 0.1rem; accent-color:#f87001; cursor: pointer;}
.member-accommodation-halal span{margin-left: 0.8rem;}
.member-accommodation-halal input[type="number"]{width: 0.4rem; height: 0.32rem; line-height: 0.32rem; margin:0 0.1rem; box-sizing: border-box;
padding-left: 0.05rem; font-size: 0.14re; color: #333;}
.member-accommodation-textarea{padding: 0.2rem 0.3rem; border-bottom: 1px solid #dedede;}
.member-accommodation-textarea textarea{width: 100%; height: 1.2rem; border: 1px solid #bbbbbb; padding: 0.1rem; line-height: 0.28rem;
box-sizing: border-box;}
.member-accommodation-explain{font-size: 0.14rem; color: #333; line-height: 0.3rem; padding: 0.3rem;}
.member-btn-list{width:100%; display:flex}
.member-btn{width: 30%; height: 0.6rem; line-height: 0.6rem; text-align: center; margin: 0 auto; margin-top: 0.3rem;
font-size: 0.2rem; background: #f87001; border-radius: 0.1rem;}
.member-btn a{color: #fff; display: block;}
@media screen and (max-width:576px){


  .member-box{background: #f2f2f2; overflow: hidden;}
  .member-route{font-size: 0.22rem; color: #333; line-height: 0.8rem; border-bottom: 1px solid #dedede;}
  .member-route span{color: #f87001;}
  .member{padding: 0.4rem 0; background: #fff; width: 95%; margin: 0.4rem auto;}
  .member-tit{font-size: 0.3rem; color: #333; text-align: center; margin-bottom: 0.3rem;}
  .member table.member-information{ width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #dedede; 
     }
  .member table.member-information tr{width: 100%; display: flex; flex-wrap: wrap; border-bottom: none;}
  .member table.member-information tr td.member-half{display: flex; width: 100%; box-sizing: border-box; line-height: 0.8rem;
     height: 0.8rem; border-bottom: 1px solid #dedede;}
  .member table.member-information tr td:nth-child(odd){border-right: 1px solid #dedede;}
  .member-half-name{width: 28%; box-sizing: border-box; font-size: 0.22rem; color: #333; text-align: center; }
   .member-half-name{border-right: 1px solid #dedede;}
  .member-half-name .red{color: #f87001;}
  .member-half-name .visible{overflow: visible; opacity: 0;}
  .member-half-inp{width: 72%; box-sizing: border-box; display: flex; align-items: center;}
  .member-half-inp input,
  .member-half-inp select{width: 80%; height: 0.5rem; line-height: 0.5rem; border: 1px solid #dedede; margin: 0 auto; display: block;
  box-sizing: border-box; padding-left: 0.1rem;}
  
.member-contestants-tit{font-size: 0.25rem; color: #333; text-align: center; line-height: 0.6rem; font-weight: bold;
  border-bottom: 1px solid #dedede; margin-bottom: 0.3rem;}
  .member-contestants{width: 100%; border-collapse: collapse; border-spacing: 0; }
  .member-contestants tr{ border: 1px solid #dedede; display: block; margin: 0 0.2rem;
    box-sizing: border-box; line-height: 0.8rem; height: auto; margin-bottom: 0.5rem;}
    .member-contestants th,
    .member-contestants thead{ border-right: 1px solid #dedede; text-align: center; padding: 0 0.1rem; box-sizing: border-box;
    font-weight: normal; font-size: 0.14rem; height: 0; display: none;}
    
  .member-contestants td{ border-right: none; text-align: right; display: block;  border-bottom: 1px solid #dedede;
   line-height: 0.8rem; height: 0.8rem; padding: 0 0.2rem; clear: both;}
  
  .member-contestants td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-size: 0.25rem;
  }
  .member-contestants td:last-child {
    border-bottom: 0;
  }

  .member-contestants td input{height: 0.5rem; width: 50%; line-height: 0.5rem; border: 1px solid #dedede; float: right; display: block;
    box-sizing: border-box; margin-right: 0.2rem; margin-top: 0.2rem;}
    .member-contestants-btn-box{ border-bottom: 1px solid #dedede;}
  .member-contestants-btn{width: 40%; height: 0.6rem; line-height: 0.6rem; margin: 0.2rem auto; background: #f87001; border-radius: 0.1rem;
  font-size: 0.25rem; text-align: center; margin-top: -0.3rem;}
  .member-contestants-btn a{color: #fff; display: block;}
  
  .member-accommodation-tit{font-size: 0.25rem; color: #333; font-weight: bold; text-align: center; padding: 0 0.3rem;
    box-sizing: border-box; line-height: 0.8rem; height: 0.8rem; border-bottom: 1px solid #dedede;}
  .member-accommodation-num{display: flex; flex-wrap: wrap; padding: 0 0.3rem; box-sizing: border-box; line-height: 0.8rem; height: auto;
    border-bottom: 1px solid #dedede;}
  .member-accommodation-num-li{width: 50%; box-sizing: border-box; font-size: 0.14re; color: #333;}
  .member-accommodation-num input{width: 0.4rem; height: 0.32rem; line-height: 0.32rem; margin:0 0.1rem; box-sizing: border-box;
  padding-left: 0.05rem; font-size: 0.14re; color: #333;}
  .member-accommodation-halal{
     padding: 0 0.3rem;box-sizing: border-box; line-height: 0.8rem; height: auto; border-bottom: 1px solid #dedede;}
  .member-accommodation-halal input[type="radio"]{margin: 0 0.1rem; accent-color:#f87001; cursor: pointer;}
  .member-accommodation-halal span{margin-left: 0rem; display: block;}
  .member-accommodation-halal input[type="number"]{width: 0.4rem; height: 0.32rem; line-height: 0.32rem; margin:0 0.1rem; box-sizing: border-box;
  padding-left: 0.05rem; font-size: 0.14re; color: #333;}
  .member-accommodation-textarea{padding: 0.2rem 0.3rem; border-bottom: 1px solid #dedede;}
  .member-accommodation-textarea textarea{width: 100%; height: 1.2rem; border: 1px solid #bbbbbb; padding: 0.1rem; line-height: 0.28rem;}
  .member-accommodation-explain{font-size: 0.25rem; color: #333; line-height: 0.45rem; padding: 0.3rem;}
  .member-btn{width: 40%; height: 0.7rem; line-height: 0.7rem; text-align: center; margin: 0 auto; margin-top: 0.2rem;
  font-size: 0.24rem; background: #f87001; border-radius: 0.1rem;}
  .member-btn a{color: #fff; display: block;}
}
/*赛事活动_参赛报名*/

/*会员注册_填写*/
.register-tab{display: flex; justify-content: space-between; width: 4.6rem; height: 0.38rem; margin: 0.6rem auto; position: relative;}
.register-tab::before{width: 100%; height: 1px; border-bottom: 1px dashed #cfcfcf; content: ""; position: absolute;
inset: 0; margin: auto; z-index: 1;}
.register-tab-li{ width: 1rem; background: #f5f5f5; z-index: 10; position: relative;}
.register-tab-li-num{width: 0.24rem; height: 0.24rem; margin: 0 auto; background: #bbbbbb; border-radius: 100%; text-align: center; line-height: 0.24rem;
font-size: 0.16rem; color: #fff; border: 1px solid #bbbbbb; background-clip:content-box; padding: 0.05rem; }
.register-tab-li-tit{font-size: 0.16rem; color: #666; text-align: center; margin-top: 0.08rem;}
.register-tab-li.active .register-tab-li-num{border: 1px solid #f87001; background: #f87001; background-clip:content-box;}
.register-tab-li.active .register-tab-li-tit{color: #f87001;}
.register-tab-li-num::before{content: ">"; position: absolute; left: 0.02rem; top: 20%; font-size: 0.16rem; color: #cfcfcf; font-family: "黑体";}
.register-tab-li:first-child .register-tab-li-num:before{display: none;}

.company-information-school-table-certificates{display: flex; align-items: center;
  justify-content: space-around; line-height: 0.6rem; width: 100%; padding: 0 0.45rem; box-sizing: border-box;}
input.company-information-school-table-certificates-text{width: 70%; margin: 0; box-sizing: border-box;}
input.company-information-school-table-certificates-submit{width: 30%; margin: 0; font-size: 0.16rem;
  background: #4788d7; color: #fff; cursor: pointer; text-align: center; box-sizing: border-box; padding-left: 0;}

.register-acceptance{padding: 0.2rem 0.4rem; border-bottom: 1px solid #dedede; font-size: 0.18rem;}
.register-acceptance-tit{font-weight: bold; margin-bottom: 0.1rem;}
.register-acceptance-txt{line-height: 1.8; text-indent: 2em;}
.register-signature{width: 2.8rem; float: right;}
.register-signature-tit{line-height: 2.2;}
.register-signature-tit span{width: 0.5rem; display: inline-block;}

.register-remarks{font-size: 0.14rem; color: #333; padding: 0.2rem 0.4rem;}

@media screen and (max-width:576px){

  .register-tab{display: flex; justify-content: space-between; width: 80%; height: 0.7rem; margin: 0.6rem auto; position: relative;}
  .register-tab::before{width: 100%; height: 1px; border-bottom: 1px dashed #cfcfcf; content: ""; position: absolute;
  inset: 0; margin: auto; z-index: 1;}
  .register-tab-li{ width: 25%; background: #f5f5f5; z-index: 10; position: relative;}
  .register-tab-li-num{width: 0.3rem; height: 0.3rem; margin: 0 auto; background: #bbbbbb; border-radius: 100%; text-align: center;
     line-height: 0.3rem; font-size: 0.22rem; color: #fff; border: 1px solid #bbbbbb; background-clip:content-box; padding: 0.1rem; }
  .register-tab-li-tit{font-size: 0.22rem; color: #666; text-align: center; margin-top: 0.08rem;}
  .register-tab-li.active .register-tab-li-num{border: 1px solid #f87001; background: #f87001; background-clip:content-box;}
  .register-tab-li.active .register-tab-li-tit{color: #f87001;}
  .register-tab-li-num::before{content: ">"; position: absolute; left: 0.02rem; top: 28%; font-size: 0.25rem; color: #cfcfcf; font-family: "黑体";}
  .register-tab-li:first-child .register-tab-li-num:before{display: none;}

  .company-information-school-table-certificates{display: flex; align-items: center;
    justify-content: space-around; line-height: 0.6rem; width: 100%; padding: 0 0.45rem; box-sizing: border-box;}
  input.company-information-school-table-certificates-text{width: 65%; margin: 0; box-sizing: border-box;}
  input.company-information-school-table-certificates-submit{width: 30%; margin: 0; font-size: 0.22rem;
    background: #4788d7; color: #fff; cursor: pointer; text-align: center; box-sizing: border-box; padding-left: 0;}

  .register-acceptance{padding: 0.2rem 0.4rem; border-bottom: 1px solid #dedede; font-size: 0.22rem; box-sizing: border-box;}
  .register-acceptance-tit{font-weight: bold; margin-bottom: 0.1rem;}
  .register-acceptance-txt{line-height: 1.8; text-indent: 2em;}
  .register-signature{width: 2.8rem; float: right; margin-top: 0.1rem;}
  .register-signature-tit{line-height: 2.2;}
  .register-signature-tit span{width: 0.5rem; display: inline-block;}
  .register-remarks{font-size: 0.22rem; color: #333; padding: 0.2rem 0.4rem;}

}
/*会员注册_填写*/


/*会员注册_提交*/
.submit{width: 5.6rem; margin: 0.9rem auto;}
.submit-tit{font-size: 0.3rem; color: #222; text-align: center; margin-bottom: 0.8rem;}

.submit-inp{display: flex; align-items: center;
  justify-content: space-around; line-height: 0.6rem; width: 100%; box-sizing: border-box;}
.submit-inp input{width: 80%; height: 0.5rem; line-height: 0.5rem; border: 1px solid #dedede; margin: 0 auto; display: block;
  box-sizing: border-box; padding-left: 0.1rem;}
.submit-inp input.submit-text{width: 70%; margin: 0; box-sizing: border-box; outline: none;}
.submit-inp input.submit-browse{width: 25%; margin: 0; font-size: 0.16rem;
  background: #4788d7; color: #fff; cursor: pointer; text-align: center; box-sizing: border-box; padding-left: 0;}
.submit-btn{width: 100%; background: #f87001; height: 0.6rem; line-height: 0.6rem; font-size: 0.2rem; color: #fff; 
  text-align: center; border-radius: 0.1rem; margin: 0.3rem 0 0.5rem; box-sizing: border-box;}
.submit-btn a{color: #fff; display: block;}
.submit-Remarks{font-size: 0.16rem; color: #333; text-align: center;}

@media screen and (max-width:576px){


  .submit{width: 95%; margin: 0.4rem auto;}
  .submit-tit{font-size: 0.36rem; color: #222; text-align: center; margin-bottom: 0.8rem;}
  
  .submit-inp{display: flex; align-items: center;
    justify-content: space-around; line-height: 0.7rem; width: 100%; box-sizing: border-box;}
  .submit-inp input{width: 80%; height: 0.7rem; line-height: 0.7rem; border: 1px solid #dedede; margin: 0 auto; display: block;
    box-sizing: border-box; padding-left: 0.1rem;}
  .submit-inp input.submit-text{width: 70%; margin: 0; box-sizing: border-box; outline: none;}
  .submit-inp input.submit-browse{width: 25%; margin: 0; font-size: 0.25rem;
    background: #4788d7; color: #fff; cursor: pointer; text-align: center; box-sizing: border-box; padding-left: 0;}
  .submit-btn{width: 100%; background: #f87001; height: 0.8rem; line-height: 0.8rem; font-size: 0.25rem; color: #fff; 
    text-align: center; border-radius: 0.1rem; margin: 0.3rem 0 0.5rem; box-sizing: border-box;}
  .submit-btn a{color: #fff; display: block;}
  .submit-Remarks{font-size: 0.22rem; color: #333; text-align: center;}
  
}

/*会员注册_提交*/

/*会员注册_缴费*/
.submit-type{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0.2rem;}
.submit-type-l{width: 23%; font-size: 0.16rem; color: #333;}
.submit-type-r{width: 77%;}
.submit-type select{width: 100%; height: 0.5rem; line-height: 0.5rem; border: 1px solid #dedede; margin: 0 auto; display: block;
  box-sizing: border-box; padding-left: 0.1rem; font-size: 0.16rem;}
.submit-type input {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    border: 1px solid #dedede;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    padding-left: 0.1rem;
    font-size: 0.16rem;
}
.submit-type-payment{display: flex;}
.submit-type-payment li{width: 32%; border: 1px dashed #dedede; line-height: 0.5rem; margin-right: 3%; padding: 0 0.1rem; font-size: 0.16rem;
box-sizing: border-box; text-align: center; cursor: pointer;}
.submit-type-payment li:nth-child(3n){margin-right: 0;}
.submit-type-payment li.current{border-color: #f87001; background: url(../images/payment-icon1.png) no-repeat right bottom;}
.submit-type-payment-content{}
.submit-type-payment-li{display: none;}

.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
.theme-popover{position:fixed; inset: 0; margin:0 auto; z-index:9999;width:5rem; padding: 0.4rem;
    border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box; top:15%; left:0; right:0}
.theme-poptit{position:absolute; right:0.2rem; top:0.2rem; transform:scale(2);}
.Reservations-tit{font-size:0.24rem; color:#f87001; font-weight: bold; margin-bottom: 0.4rem;}
.Reservations-tit span{color:#f87001; border-bottom: 3px solid #f87001; padding-bottom: 0.1rem;}
.Reservations-info{text-align: center;}
.Reservations-info-pic{width: 2.4rem; margin: 0 auto;}
.Reservations-info-pic img{max-width: 100%;}
  .Reservations-info-tit{font-size: 0.16rem;}
.Reservations-info-tit span{font-size: 0.18rem; color: #f87001; font-weight: bold;}

.theme-wechat{height:4.3rem; display: none;}
.theme-bank,
.theme-corporate{height: 5.2rem; display: none;}
.bank-info{margin-bottom: 0.2rem;}
.bank-icon-tit{font-size: 0.16rem; color: #333; margin-top: 0.1rem;}
.bank-btn{width: 100%; background: #f87001; height: 0.6rem; line-height: 0.6rem; font-size: 0.2rem; color: #fff; 
  text-align: center; border-radius: 0.1rem; margin: 0.3rem 0; box-sizing: border-box;}
.bank-btn a{color: #fff; display: block;}
.bank-Remarks{font-size: 0.16rem; color: #333; }

.corporate-info{margin-bottom: 0.4rem;}
.corporate-li{display: flex; font-size: 0.16rem; margin-bottom: 0.15rem;}
.corporate-li-l{color: #999; width: 20%;}
.corporate-li-r{color: #333; width: 80%;}


@media screen and (max-width:576px){

  .submit-type{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0.3rem;}
  .submit-type-l{width: 27%; font-size: 0.25rem;}
  .submit-type-r{width: 73%;}
  .submit-type select{width: 100%; height: 0.65rem; line-height: 0.65rem; border: 1px solid #dedede; margin: 0 auto; display: block;
    box-sizing: border-box; padding-left: 0.1rem; font-size: 0.22rem;}
  .submit-type-payment{display: flex;}
  .submit-type-payment li{width: 32%; border: 1px dashed #dedede; line-height: 0.65rem; margin-right: 3%; padding: 0 0.1rem; 
    font-size: 0.22rem; box-sizing: border-box; text-align: center;}
  .submit-type-payment li:nth-child(3n){margin-right: 0;}
  .submit-type-payment li.active{border-color: #f87001; background: url(../images/payment-icon1.png) no-repeat right bottom;
  background-size: 20%;}
  .submit-type-payment-content{}
  .submit-type-payment-li{display: none;}
  
  .theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
  .theme-popover{position:fixed; inset: 0; margin: auto; z-index:9999;width:90%; padding: 0.4rem;
      border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box;}
  .theme-poptit{position:absolute; right:0.2rem; top:0.2rem; transform:scale(2);}
  .Reservations-tit{font-size:0.3rem; color:#f87001; font-weight: bold; margin-bottom: 0.4rem;}
  .Reservations-tit span{color:#f87001; border-bottom: 3px solid #f87001; padding-bottom: 0.1rem;}
  .Reservations-info{text-align: center;}
  .Reservations-info-pic{width: 2.4rem; margin: 0 auto;}
  .Reservations-info-pic img{max-width: 100%;}
    .Reservations-info-tit{font-size: 0.22rem;}
  .Reservations-info-tit span{font-size: 0.25rem; color: #f87001; font-weight: bold;}
  
  .theme-wechat{height:4.3rem; display: none;}
  .theme-bank,
  .theme-corporate{height: 6rem; display: none;}
  .bank-info{margin-bottom: 0.2rem;}
  .bank-icon-tit{font-size: 0.22rem; color: #333; margin-top: 0.1rem;}
  .bank-btn{width: 100%; background: #f87001; height: 0.6rem; line-height: 0.6rem; font-size: 0.25rem; color: #fff; 
    text-align: center; border-radius: 0.1rem; margin: 0.3rem 0; box-sizing: border-box;}
  .bank-btn a{color: #fff; display: block;}
  .bank-Remarks{font-size: 0.22rem; color: #333; }
  
  .corporate-info{margin-bottom: 0.4rem;}
  .corporate-li{display: flex; font-size: 0.22rem; margin-bottom: 0.15rem;}
  .corporate-li-l{color: #999; width: 20%;}
  .corporate-li-r{color: #333; width: 80%;}

  }
/*会员注册_缴费*/


/*会员中心_正在培训*/

.match-tab{position: relative; height: 0.8rem;}
.match-tab ul{width: 40%; position: absolute; left: 0; right: 0; margin: 0 auto; top: -0.45rem;
  display: flex; justify-content: center; background: #fff; border-radius: 0.1rem; background: #f5f5f5;}
.match-tab ul li{line-height: 0.9rem; font-size: 0.18rem; margin: 0 0.25rem; position: relative;}
.match-tab ul li a{color: #333; display: block;}
.match-tab ul li.active a,
.match-tab ul li:hover a{color: #f87001; font-weight: bold;}
.match-tab ul li::before{width: 0%; height: 0.04rem; background: #f87001; content: "";
  position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; transition: .5s;}
.match-tab ul li.active::before,
.match-tab ul li:hover::before{width: 100%; height: 0.04rem; background: #f87001; content: "";
position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; transition: .5s;}


.member-train{}
.member-train-li{display: flex; justify-content: space-between; align-items: center; background: #f5f5f5; margin-bottom: 0.3rem;}
.member-train-li-pic{width: 21%;}
.member-train-li-pic img{max-width: 100%;}
.member-train-li-info{width: 57%;}
.member-train-li-tit{font-size: 0.24rem; color: #333;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member-train-li-txt{font-size: 0.16rem; color: #666; line-height: 1.8; margin: 0.1rem 0;}
.member-train-li-txt span{margin-right: 0.4rem;}
.member-train-li-remarks{font-size: 0.16rem; color: #f87001;} 
.member-train-li-remarks .over{color: #fff; background: #bbbbbb; font-size: 0.16rem; border-radius: 0.2rem; padding: 0.05rem 0.15rem;
display: inline-block;}
.member-train-li-btn{width: 16%; }
.member-train-li-btn .btn{width: 1.4rem; line-height: 0.45rem; height: 0.45rem; border-radius: 0.2rem;
border: 1px solid #f87001; text-align: center; margin: 0.15rem 0; font-size: 0.16rem;}
.member-train-li-btn .btn a{display: block; color: #f87001;}
.member-train-li-btn .on{background: #f87001;}
.member-train-li-btn .on a{color: #fff;}
.member-train-li-btn .over{border-color: #999;}
.member-train-li-btn .over a{color: #999;}

.yema{text-align: center;}
@media screen and (max-width:576px){

  
  .match-tab{position: relative; height: 0.8rem;}
  .match-tab ul{width: 95%; position: absolute; left: 0; right: 0; margin: 0 auto; top: -0.45rem;
    display: flex; justify-content: center; background: #fff; border-radius: 0.1rem;}
  .match-tab ul li{line-height: 0.9rem; font-size: 0.22rem; margin: 0 0.15rem; position: relative;}
  .match-tab ul li a{color: #333; display: block;}
  .match-tab ul li.active a,
  .match-tab ul li:hover a{color: #f87001; font-weight: bold;}
  .match-tab ul li::before{width: 0%; height: 0.04rem; background: #f87001; content: "";
    position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; transition: .5s;}
  .match-tab ul li.active::before,
  .match-tab ul li:hover::before{width: 100%; height: 0.04rem; background: #f87001; content: "";
  position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; transition: .5s;}
  
  
.member-train{}
.member-train-li{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #f5f5f5; margin-bottom: 0.3rem;}
.member-train-li-pic{width: 100%;}
.member-train-li-pic img{max-width: 100%;}
.member-train-li-info{width: 100%; margin: 0.3rem;}
.member-train-li-tit{font-size: 0.3rem; color: #333;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member-train-li-txt{font-size: 0.25rem; color: #666; line-height: 1.8; margin: 0.1rem 0;}
.member-train-li-txt span{margin-right: 0; display: block;}
.member-train-li-txt br{display: none;}
.member-train-li-remarks{font-size: 0.25rem; color: #f87001;} 
.member-train-li-remarks .over{color: #fff; background: #bbbbbb; font-size: 0.25rem; border-radius: 0.2rem; padding: 0.05rem 0.15rem;
display: inline-block;}
.member-train-li-btn{width: 65%;  margin:0 0.3rem; display: flex; justify-content: space-between;}
.member-train-li-btn .btn{width: 45%; line-height: 0.6rem; height: 0.6rem; border-radius: 0.2rem;
border: 1px solid #f87001; text-align: center; margin: 0; margin-bottom: 0.3rem; font-size: 0.25rem;}
.member-train-li-btn .btn a{display: block; color: #f87001;}
.member-train-li-btn .on{background: #f87001;}
.member-train-li-btn .on a{color: #fff;}
.member-train-li-btn .over{border-color: #999;}
.member-train-li-btn .over a{color: #999;}

  }

/*会员中心_正在培训*/


/*会员中心_信息修改_培训会员*/
.modify{}

#modify-tab {  display: flex; justify-content: center;}
#modify-tab li {color:#333; cursor:pointer; line-height: 0.6rem; height: 0.6rem; background: #bbb; padding:0 0.4rem;
   font-size: 0.18rem; margin: 0 0.2rem; border-radius: 0.3rem; color: #fff;}
#modify-tab li.current {color:#fff;background:#f87001;}
#modify-content {margin-top: 0.25rem;}
#modify-content #modify-content-li {display:none;}

.modify-table{width: 12rem; background: #f5f5f5; margin: 0 auto; display: flex; flex-wrap: wrap; box-sizing: border-box;
padding: 0.5rem 0;}
.modify-half{width: 50%;}
.modify-inp{display: flex; align-items: center; margin-bottom: 0.1rem;}
.modify-inp-tit{width: 25%; text-align: right; font-size: 0.16rem; color: #333;}
.modify-inp-text,
.modify-inp select{width: 65%; height: 0.4rem; line-height: 0.4rem; border: 1px solid #bbb; background: #fff;
box-sizing: border-box; padding-left: 0.15rem; font-size: 0.16rem;}
.modify-inp select#address1{width: 20%;}
.modify-inp #address2{width: 41.5%; margin-left: 0.2rem;}

.modify-inp .code{width: 43%; margin-right: 0.2rem;}
.modify-inp .code-img{height: 0.4rem;}
.modify-inp .code-img img{height: 100%;}
.modify-btn{width: 65%; height: 0.4rem; line-height: 0.4rem; background: #f87001; text-align: center; color: #fff;
font-size: 0.16rem; border-radius: 0.05rem; margin-top: 0.4rem;}
.modify-btn a{display: block; color: #fff;}


@media screen and (max-width:576px){


  .modify{}

  #modify-tab {  display: flex; justify-content: center;}
  #modify-tab li {color:#333; cursor:pointer; line-height: 0.6rem; height: 0.6rem; background: #bbb; padding:0 0.4rem;
     font-size: 0.25rem; margin: 0 0.2rem; border-radius: 0.3rem; color: #fff;}
  #modify-tab li.current {color:#fff;background:#f87001;}
  #modify-content {margin-top: 0.25rem;}
  #modify-content #modify-content-li {display:none;}
  
  .modify-table{width: 100%; background: #f5f5f5; margin: 0 auto; display: flex; flex-wrap: wrap; box-sizing: border-box;
  padding: 0.5rem 0;}
  .modify-half{width: 100%;}
  .modify-inp{display: flex; align-items: center; margin-bottom: 0.2rem;}
  .modify-inp-tit{width: 25%; text-align: right; font-size: 0.25rem; color: #333;}
  .modify-inp-text,
  .modify-inp select{width: 65%; height: 0.6rem; line-height: 0.6rem; border: 1px solid #bbb; background: #fff;
  box-sizing: border-box; padding-left: 0.15rem; font-size: 0.22rem;}
  .modify-inp select#address1{width: 20%;}
  .modify-inp #address2{width: 41.5%; margin-left: 0.2rem;}
  
  .modify-inp .code{width: 43%; margin-right: 0.2rem;}
  .modify-inp .code-img{height: 0.4rem;}
  .modify-inp .code-img img{height: 100%;}
  .modify-btn{width: 65%; height: 0.6rem; line-height: 0.6rem; background: #f87001; text-align: center; color: #fff;
  font-size: 0.25rem; border-radius: 0.05rem; margin-top: 0.4rem;}
  .modify-btn a{display: block; color: #fff;}
  
}
/*会员中心_信息修改_培训会员*/

/*会员中心_信息修改_个人协会会员*/
.modify-padding{padding: 0.5rem;}
.modify-padding .member{margin: 0;}
.modify-certificates{padding: 0 0.38rem;}
.modify-textarea{padding: 0.2rem 0.3rem;}
.modify-textarea textarea{width: 100%; height: 1.2rem; border: 1px solid #bbbbbb; padding: 0.1rem; line-height: 0.28rem;
box-sizing: border-box; color: #333;}

.modify-contest-btn{width: 3rem; margin: 0 auto; height: 0.6rem; line-height: 0.6rem; background: #f87001; text-align: center; color: #fff;
  font-size: 0.18rem; border-radius: 0.05rem; margin-top: 0.4rem;}
.modify-contest-btn a{display: block; color: #fff;}

@media screen and (max-width:576px){

  .modify-padding{padding: 0rem; width: 100%;}
  .modify-padding .member{margin: 0.3rem auto 0; padding: 0;}
  .modify-certificates{padding: 0 0.38rem;}
  .modify-textarea{padding: 0.2rem 0.3rem;}
  .modify-textarea textarea{width: 100%; height: 2rem; border: 1px solid #bbbbbb; padding: 0.1rem; line-height: 0.28rem;
  box-sizing: border-box; color: #333;}
  
  .modify-contest-btn{width: 60%; margin: 0 auto 0.3rem; height: 0.6rem; line-height: 0.6rem; background: #f87001; text-align: center; color: #fff;
    font-size: 0.25rem; border-radius: 0.05rem; margin-top: 0.4rem;}
  .modify-contest-btn a{display: block; color: #fff;}
  
}

/*会员中心_信息修改_个人协会会员*/




/*联系我们*/
.online-bg{background: #f5f5f5 url(../images/contact1.png) no-repeat 98% 0.5rem; }
.online{display: flex; padding: 0.55rem 0; justify-content: space-between; flex-wrap: wrap;}
.online-l{width: 50%;}
.online-l-tit{font-size: 0.36rem; color: #333; margin-bottom: 0.3rem;}
.online-l-txt{font-size: 0.16rem; color: #333; line-height: 1.8;}
.online-info{margin-top: 0.5rem;}
.online-r{width: 35%; margin-right: 5%;}
.online-r input,
.online-r textarea{width: 100%; height: 0.6rem; line-height: 0.6rem; background: #fff; border: 1px solid #dedede; 
box-sizing: border-box; padding-left: 0.15rem; font-size: 0.16rem; margin-bottom: 0.1rem; border-radius: 0.05rem;}
.online-r input::placeholder{color: #333;}
.online-r textarea{height: 1.5rem;}

.online-btn{width: 2rem;  height: 0.6rem; line-height: 0.6rem; background: #f87001; text-align: center; color: #fff;
  font-size: 0.18rem; border-radius: 0.05rem; margin-top: 0.1rem;}
.online-btn a{display: block; color: #fff;}

.contact{padding: 0.6rem 0;}
.contact-main{display: flex; flex-wrap: wrap; margin-bottom: 0.5rem;}
.contact-main-info{width: 36%; background: #f87001; box-sizing: border-box; padding: 0.4rem 0.6rem;}
.contact-main-info-tit{font-size: 0.36rem; color: #fff; margin-bottom: 0.3rem;} 
.contact-main-info-txt{font-size: 0.18rem; color: #fff; line-height: 2;} 

.contact-code{display: flex; justify-content: center; margin-top: 0.3rem;}
.contact-code-li{margin: 0 0.2rem;}
.contact-code-tit{font-size: 0.14rem; text-align: center; margin-top: 0.1rem; color: #fff;}

.contact-main-map{width: 64%;}

@media screen and (max-width:576px){

  .online-bg{background: #f5f5f5 url(../images/contact1.png) no-repeat 98% 0.5rem; }
  .online{display: flex; padding: 0.55rem 0; justify-content: space-between; flex-wrap: wrap;}
  .online-l{width: 100%;}
  .online-l-tit{font-size: 0.36rem; color: #333; margin-bottom: 0.3rem;}
  .online-l-txt{font-size: 0.22rem; color: #333; line-height: 1.8;}
  .online-info{margin-top: 0.5rem;}
  .online-r{width: 100%; margin-right:0%; margin-top: 0.2rem;}
  .online-r input,
  .online-r textarea{width: 100%; height: 0.8rem; line-height: 0.8rem; background: #fff; border: 1px solid #dedede; 
  box-sizing: border-box; padding-left: 0.15rem; font-size: 0.22rem; margin-bottom: 0.1rem; border-radius: 0.05rem;}
  .online-r input::placeholder{color: #333;}
  .online-r textarea{height: 1.5rem;}
  
  .online-btn{width: 2rem;  height: 0.6rem; line-height: 0.6rem; background: #f87001; text-align: center; color: #fff;
    font-size: 0.25rem; border-radius: 0.05rem; margin-top: 0.1rem;}
  .online-btn a{display: block; color: #fff;}
  
  .contact{padding: 0.6rem 0;}
  .contact-main{display: flex; flex-wrap: wrap; margin-bottom: 0.5rem;}
  .contact-main-info{width: 100%; background: #f87001; box-sizing: border-box; padding: 0.4rem 0.6rem;}
  .contact-main-info-tit{font-size: 0.36rem; color: #fff; margin-bottom: 0.3rem;} 
  .contact-main-info-txt{font-size: 0.22rem; color: #fff; line-height: 2;} 
  
  .contact-code{display: flex; justify-content: center; margin-top: 0.3rem;}
  .contact-code-li{margin: 0 0.2rem;}
  .contact-code-tit{font-size: 0.22rem; text-align: center; margin-top: 0.1rem; color: #fff;}
  
  .contact-main-map{width: 100%; min-height: 5rem;}

}
/*联系我们*/


/*关于协会*/

.about-tab-box{background: #f5f5f5;}
.about-tab{display: flex; justify-content: center;}
.about-tab li{line-height: 0.7rem; height: 0.7rem; font-size: 0.18rem;}
.about-tab li a{display: block; padding: 0 0.6rem; }
.about-tab li.active,
.about-tab li:hover{border-bottom: 4px solid #f87001;  font-weight: bold;}
.about-tab li.active a,
.about-tab li:hover a{color: #f87001;}

.about-content-bg{background: url(../images/about-icon1.png) no-repeat left -1.5rem, url(../images/about-icon2.png) no-repeat right -1.5rem}
.about-content{padding: 0.5rem 0;}
.about-content-li{display: none;}
.about-content-li-tit{font-size: 0.3rem; font-weight: bold; text-align: center; margin-bottom: 0.3rem;}
.about-content-li-txt{font-size: 0.16rem; line-height: 1.8;}

@media screen and (max-width:576px){

  .about-tab-box{background: #f5f5f5;}
  .about-tab{display: flex; justify-content: center;}
  .about-tab li{line-height: 0.8rem; height: 0.8rem; font-size: 0.25rem; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .about-tab li a{display: block; padding: 0 0.5rem;  }
  .about-tab li.active,
  .about-tab li:hover{border-bottom: 4px solid #f87001;  font-weight: bold;}
  .about-tab li.active a,
  .about-tab li:hover a{color: #f87001;}
  
  .about-content-bg{background: none;}
  .about-content{padding: 0.5rem 0;}
  .about-content-li{display: none;}
  .about-content-li-tit{font-size: 0.3rem; font-weight: bold; text-align: center; margin-bottom: 0.3rem;}
  .about-content-li-txt{font-size: 0.22rem; line-height: 1.8;}
  

}
/*关于协会*/

.member-contestants td select
        {
            height: 0.32rem;
            width: 80%;
            line-height: 0.32rem;
            border: 1px solid #dedede;
            margin: 0 auto;
            display: block;
            box-sizing: border-box;
            padding-left: 0.1rem;
        }
.member-contestants-btn-box{display:flex}	
.member-contestants-btn-box select
        {
            height: 0.32rem;
            width: 12%;
            line-height: 0.32rem;
            border: 1px solid #dedede;
            display: block;
            box-sizing: border-box;
            padding-left: 0.1rem;
			margin:10px 0 10px 1%; 
        }		
		.member-contestants-btn-box #XiangMuBtn{width: 1.2rem; height: 0.32rem; line-height: 0.32rem; margin: 0.2rem auto; background: #f87001; border-radius: 0.1rem;
font-size: 0.14rem; text-align: center; border:0; color:#FFFFFF;margin:10px 0 10px 1%; }