﻿@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"微软雅黑"; letter-spacing:0.005rem; color: #333;}
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;}


.c-nav .show{display:inline-block}
.c-nav .hiden{display:none}
.c-nav{width: 12rem; margin: 0.12rem auto;}
.c-nav .navFlex{width: 100%; 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{width: 32%; line-height: 0.75rem;}

.menu{width: 40%;}
.menu>ul{display: flex; justify-content: space-between;}
.menu>ul>li{line-height:0.75rem; font-size:0.18rem; position: relative;  text-align: center; position: relative;}
.menu>ul>li>a{color:#000; text-decoration:none;width:100%; display: inline-block;}
.menu>ul>li.active,
.menu>ul>li:hover{ background: rgba(255, 255, 255, 0.2);}
.menu>ul>li.active a,
.menu>ul>li:hover>a{color:#a20300; transition: 0.5s;}
.menu>ul>li.active::before{content: ""; width: 0.4rem; height: 0.05rem; background: #a20300; position: absolute; inset: 0;
margin: auto; top: 0.45rem; border-radius: 0.2rem;}
.menu>ul>li::before{content: ""; width: 0; height: 0.05rem; background: #a20300; position: absolute; inset: 0;
  margin: auto; top: 0.45rem; border-radius: 0.2rem;}
  .menu>ul>li:hover::before{content: ""; width: 0.4rem; height: 0.05rem; background: #a20300; position: absolute; inset: 0;
    margin: auto; top: 0.45rem; border-radius: 0.2rem; 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.16rem; 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: #a30001;}
.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: #0093dd; width: 30%; height: 0.5rem;
border-radius: 0.1rem; overflow: hidden; border: 0.01rem solid #cecece;}
.c-nav .header-search input[type="text"]{width: 80%; height: 0.5rem; line-height: 0.5rem; background: #ffffff; outline: none; border: none;
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: #a20300;
}

@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:1199px){

.header{margin: 0 auto; width: 100%;}
.c-nav .container{padding: 0;}
.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;}
.c-nav .logo{width: 50%; padding: 0; margin-left: 0.2rem;}

.menu{background: #000; 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: #a20300;}
.menu>ul>li.active a,
.menu>ul>li:hover>a{color:#fff; transition: 0.5s;}
.menu>ul>li.active::before{display: none;}
.menu>ul>li::before{display: none;}
  .menu>ul>li:hover::before{display: none;}
.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);
}

}
@media screen and (max-width:576px){
  .c-nav{width: 100%;}
  .c-nav .logo{width: 40%; padding: 0; margin-left: 0.2rem;}
  .c-nav .logo img{max-width: 100%;}
}

.index-dance{background: url(../images/index-content.jpg) no-repeat center; height: 903px; overflow: hidden;}
.index-content{background: #fff; width: 12rem; margin:  0.7rem auto; box-sizing: border-box;
padding: 0.4rem 0.9rem;}
.index-content-top{display: flex;}
.index-member{width: 35%; padding-right: 6%; margin-right: 6%; border-right: 1px solid #dedede;}
.index-member-tit{font-size: 0.24rem; font-weight: bold; margin-bottom: 0.2rem;}
.index-member input{width: 100%; height: 0.5rem; margin-bottom: 0.1rem; box-sizing: border-box; padding-left: 0.2rem;
border-radius: 0.1rem; border: 1px solid #dedede; outline: none;} 
.index-member-code{display: flex; justify-content: space-between;}
.index-member-code input{width: 62%; }
.index-member-code img{height: 0.5rem; width: 35%;}

.index-member-btn{width: 100%; height: 0.5rem;  box-sizing: border-box; background: #a20300;
  border-radius: 0.1rem; line-height: 0.5rem; text-align: center; font-size: 0.16rem; margin: 0.15rem 0;margin-bottom: 0rem;} 
.index-member-btn a{color: #fff;}
.index-member-tab{display: flex; justify-content: space-between;}
.index-member-tab-li{height: 0.45rem; line-height: 0.45rem; background: #cccccc; width: 32%; text-align: center;
font-size: 0.16rem; border-radius: 0.1rem;}
.index-member-tab-li a{display: block;}
.index-member-tab2{display: flex; justify-content: space-between;}
.index-member-tab2-li{height: 0.45rem; line-height: 0.45rem;  width: 50%; text-align: center;}


.index-news{width: 53%;}
.index-news-top{display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0.2rem;
border-bottom: 1px solid #dedede;}
.index-news-tit{font-size: 0.24rem; font-weight: bold; border-bottom: 2px solid #a20300; padding-bottom: 0.14rem;}
.index-news-more{font-size: 0.16rem; color: #666; padding-bottom: 0.14rem;}
.index-news-more span{color: #a20300;}

.index-news-content{}
.index-news-li{font-size: 0.18rem; line-height: 2.6; border-bottom: 1px dashed #dedede;
  white-space: nowrap;
  overflow: hidden; /* 防止内容溢出 */
  text-overflow: ellipsis; /* 当文本溢出时显示省略号 */
}
.index-news-li:hover a{color: #a20300; padding-left: 0.05rem; transition: 0.5s;}


.index-process{margin-top: 0.9rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.index-process-tit{font-size: 0.24rem; font-weight: bold;}
.index-process-content{display: flex; width: 88%; }
.index-process-li{width: 20%; overflow: hidden; text-align: center; position: relative; }
.index-process-li::before{width: 100%; height: 1px; border-bottom: 1px dashed #cccccc; content: ""; position: absolute;
left: 0; top: 1.02rem; z-index: 1;}
.index-process-li-pic{position: relative; z-index: 2;}
.index-process-li-tit{font-size: 0.18rem; font-weight: bold; margin: 0.1rem 0;}
.index-process-li-txt{font-size: 0.14rem; color: #666; line-height: 1.6;}


.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-retrieve{position:fixed;top:50%;left:50%;z-index:9999;display:none;margin:-1.8rem 0 0 -3rem;width:6rem;height:3.5rem;
   border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; padding: 0.45rem; box-sizing: border-box;}
.theme-poptit{position:absolute; right:0.2rem; top:0.2rem; transform:scale(2);}
.retrieve-tit{font-size:0.3rem; font-weight: bold; color:#20252b; text-align:center;}
.retrieve-inp{width: 4rem; margin: 0.3rem auto;}
.retrieve-inp input{width: 100%; height: 0.55rem; border-radius: 0.1rem; outline: none; border: 1px solid #dedede; 
  box-sizing: border-box; padding-left: 0.2rem;}
.retrieve-btn{display: flex; justify-content: space-evenly;}
.retrieve-btn-li{width: 1.2rem; height: 0.5rem; line-height: 0.5rem; background: #a20300; border-radius: 0.1rem; text-align: center;
font-size: 0.16rem;}
.retrieve-btn-li a{display: block; color: #fff;}

.theme-query{position:fixed;top:50%;left:50%;z-index:9999;display:none;margin:-2.15rem 0 0 -4rem;width:8rem;height:4.5rem;
  border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; padding: 0.45rem; box-sizing: border-box;}
.query-top{background: #eeeeee; height: 0.8rem; margin: 0.3rem auto; box-sizing: border-box; padding: 0.2rem 0.65rem;
display: flex; width: 100%; justify-content: space-between;}
.query-top-inp{width: 78%;}
.query-top-inp input{width: 100%; height: 0.42rem; line-height: 0.42rem; border: 1px solid #dedede; outline: none;
border-radius: 0.1rem; padding-left: 0.1rem;}
.query-top-btn{width: 18%; height: 0.42rem; line-height: 0.42rem; text-align: center; background: #a20300; border-radius: 0.1rem;}
.query-top-btn a{color: #fff; display: block;}
.query-num{font-size: 0.16rem; margin-bottom: 0.2rem;}
.query-num span{color: #a20300;}

.query-th{background: #a20300; display: flex; height: 0.5rem; line-height: 0.5rem; box-sizing: border-box;}
.query-th-li{width: 30%; color: #fff;}
.query-th-li:first-child{ margin-left: 5%;}
.query-content{}
.query-content-li{ display: flex; height: 0.5rem; line-height: 0.5rem;}
.query-content-li:nth-child(2n){background: #f5f5f5;}
.query-content-li-li{width: 30%; color: #333;}
.query-content-li-li:first-child{ margin-left: 5%;}




.footer-box{background: #333333; padding: 0.2rem 0;}
.footer{width: 12rem; margin: 0 auto; display: flex; justify-content: space-between;}
.footer-information{font-size: 0.14rem; color: #ccc; line-height: 2;}
.footer-wechat{display: flex;}
.footer-wechat-li{ text-align: center; margin-left: 0.3rem;}
.footer-wechat-li-tit{color: #ccc; font-size: 0.14rem; margin-top: 0.08rem;}

@media screen and (max-width:576px){

  .index-dance{background: url(../images/index-content.jpg) no-repeat center; background-size: cover; height: auto; overflow: hidden;}
  .index-content{background: #fff; width: 95%; margin:  0.7rem auto; box-sizing: border-box;
  padding: 0.4rem;}
  .index-content-top{display: flex; flex-wrap: wrap;}
  .index-member{width: 100%; padding-right: 0; margin-right: 0; border-right: none;}
  .index-member-tit{font-size: 0.3rem; font-weight: bold; margin-bottom: 0.2rem;}
  .index-member input{width: 100%; height: 0.7rem; margin-bottom: 0.2rem; box-sizing: border-box; padding-left: 0.2rem;
  border-radius: 0.1rem; border: 1px solid #dedede; outline: none; font-size: 0.25rem;} 
  .index-member-code{display: flex; justify-content: space-between;}
  .index-member-code input{width: 70%; }
  .index-member-code img{height: 0.7rem;}
  
  .index-member-btn{width: 100%; height: 0.7rem; margin-bottom: 0.1rem; box-sizing: border-box; background: #a20300;
    border-radius: 0.1rem; line-height: 0.7rem; text-align: center; font-size: 0.25rem; margin: 0.15rem 0;} 
  .index-member-btn a{color: #fff;}
  .index-member-tab{display: flex; justify-content: space-between;}
  .index-member-tab-li{height: 0.6rem; line-height: 0.6rem; background: #cccccc; width: 30%; text-align: center;
  font-size: 0.22rem; border-radius: 0.1rem;}
  
  .index-news{width: 100%; margin-top: 0.4rem;}
  .index-news-top{display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0.2rem;
  border-bottom: 1px solid #dedede;}
  .index-news-tit{font-size: 0.3rem; font-weight: bold; border-bottom: 2px solid #a20300; padding-bottom: 0.14rem;}
  .index-news-more{font-size: 0.22rem; color: #666; padding-bottom: 0.14rem;}
  .index-news-more span{color: #a20300;}
  
  .index-news-content{}
  .index-news-li{font-size: 0.25rem; line-height: 2.6; border-bottom: 1px dashed #dedede;
    white-space: nowrap;
    overflow: hidden; /* 防止内容溢出 */
    text-overflow: ellipsis; /* 当文本溢出时显示省略号 */
  }
  .index-news-li:hover a{color: #a20300; padding-left: 0.05rem; transition: 0.5s;}
  
  
  .index-process{margin-top: 0.9rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
  .index-process-tit{font-size: 0.24rem; font-weight: bold;}
  .index-process-content{display: flex; width: 100%; flex-wrap: wrap;}
  .index-process-li{width: 50%; overflow: hidden; text-align: center; position: relative; margin-bottom: 0.3rem;}
  .index-process-li::before{width: 100%; height: 1px; border-bottom: 1px dashed #cccccc; content: ""; position: absolute;
  left: 0; top: 1.65rem; z-index: 1;}
  .index-process-li-pic{position: relative; z-index: 2;}
  .index-process-li-pic img{transform: scale(0.8);}
  .index-process-li-tit{font-size: 0.22rem; font-weight: bold; margin: 0.1rem 0;}
  .index-process-li-txt{font-size: 0.2rem; color: #666; line-height: 1.6;}
  
    
.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-retrieve{position:fixed;top:40%;left:5%;z-index:9999;display:none;margin:0;width:90%;height:auto;
   border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; padding: 0.45rem; box-sizing: border-box;}
.theme-poptit{position:absolute; right:0.4rem; top:0.2rem; transform:scale(2);}
.retrieve-tit{font-size:0.3rem; font-weight: bold; color:#20252b; text-align:center;}
.retrieve-inp{width: 80%; margin: 0.3rem auto;}
.retrieve-inp input{width: 100%; height: 0.7rem; border-radius: 0.1rem; outline: none; border: 1px solid #dedede; 
  box-sizing: border-box; padding-left: 0.2rem;}
.retrieve-btn{display: flex; justify-content: space-evenly;}
.retrieve-btn-li{width: 2rem; height: 0.6rem; line-height: 0.6rem; background: #a20300; border-radius: 0.1rem; text-align: center;
font-size: 0.22rem;}
.retrieve-btn-li a{display: block; color: #fff;}

.theme-query{position:fixed;top:30%;left:5%;z-index:9999;display:none;margin:0;width:90%;height:auto;
  border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; padding: 0.45rem; box-sizing: border-box;}
.query-top{background: #eeeeee; height: 1rem; margin: 0.3rem auto; box-sizing: border-box; padding: 0.2rem;
display: flex; width: 100%; justify-content: space-between;}
.query-top-inp{width: 78%;}
.query-top-inp input{width: 100%; height: 0.6rem; line-height: 0.6rem; border: 1px solid #dedede; outline: none;
border-radius: 0.1rem; padding-left: 0.1rem;}
.query-top-btn{width: 18%; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #a20300; border-radius: 0.1rem;}
.query-top-btn a{color: #fff; display: block;}
.query-num{font-size: 0.22rem; margin-bottom: 0.2rem;}
.query-num span{color: #a20300;}

.query-th{background: #a20300; display: flex; height: 0.5rem; line-height: 0.5rem; box-sizing: border-box;}
.query-th-li{width: 30%; color: #fff; font-size: 0.22rem;}
.query-th-li:first-child{ margin-left: 5%;}
.query-th-li:first-child{ margin-left: 5%; width: 25%;}
.query-th-li:nth-child(2){width: 50%;}
.query-th-li:nth-child(3){width: 20%;}
.query-content{}
.query-content-li{ display: flex; height: 0.5rem; line-height: 0.5rem; font-size: 0.22rem;}
.query-content-li:nth-child(2n){background: #f5f5f5;}
.query-content-li-li{width: 30%; color: #333;}
.query-content-li-li:first-child{ margin-left: 5%; width: 25%;}
.query-content-li-li:nth-child(2){width: 50%;}
.query-content-li-li:nth-child(3){width: 20%;}



  .footer-box{background: #333333; padding: 0.2rem 0;}
  .footer{width: 95%; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between;}
  .footer-information{font-size: 0.22rem; color: #ccc; line-height: 2;}
  .footer-wechat{display: flex; margin-top: 0.4rem;}
  .footer-wechat-li{ text-align: center; margin-left: 0; margin-right: 0.3rem;}
  .footer-wechat-li img{width: 1.8rem;}
  .footer-wechat-li-tit{color: #ccc; font-size: 0.22rem; margin-top: 0.08rem;}
  
  

}


/*资讯*/
.news-box{background:#f5f5f5 url(../images/news-bg.png) no-repeat center top; padding: 0.7rem 0;}
.news{width: 12rem; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 0.5rem;}
.news-tit{font-size: 0.36rem; font-weight: bold; border-bottom: 1px solid #dedede; padding-bottom: 0.25rem; margin-bottom: 0.3rem;}
.news-tit span{border-bottom: 3px solid #a20300; padding-bottom: 0.23rem;}
.news-li{display: flex; flex-wrap: wrap; border-bottom: 1px solid #dedede; margin-bottom: 0.3rem; padding-bottom: 0.3rem;}
.news-li-time{width: 10%; text-align: center;}
.news-li-time-b{font-size: 0.48rem; color: #333;}
.news-li-time-s{font-size: 0.18rem; color: #333;}
.news-li-icon{margin: 0 5%;}
.news-li-info{width: 75%;}
.news-li-info-tit{font-size: 0.2rem; color: #333; margin-bottom: 0.1rem;}
.news-li-info-txt{font-size: 0.16rem; color: #999; line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 定义文本的行数 */
  overflow: hidden;
  text-overflow: ellipsis;}
.yema{text-align: center; margin-top: 0.4rem;}
.yema img{max-width: 100%;}

@media screen and (max-width:576px){


  .news-box{background:#f5f5f5 url(../images/news-bg.png) no-repeat center top; padding: 0.7rem 0;}
  .news{width: 95%; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 0.5rem;}
  .news-tit{font-size: 0.36rem; font-weight: bold; border-bottom: 1px solid #dedede; padding-bottom: 0.25rem; margin-bottom: 0.3rem;}
  .news-tit span{border-bottom: 3px solid #a20300; padding-bottom: 0.23rem;}
  .news-li{display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #dedede; margin-bottom: 0.3rem; padding-bottom: 0.3rem;}
  .news-li-time{width: 20%; text-align: center; margin-right: 3%;}
  .news-li-time-b{font-size: 0.48rem; color: #333;}
  .news-li-time-s{font-size: 0.25rem; color: #333;}
  .news-li-icon{margin: 0 5%; display: none;}
  .news-li-info{width: 75%;}
  .news-li-info-tit{font-size: 0.22rem; color: #333; margin-bottom: 0.1rem;}
  .news-li-info-txt{font-size: 0.2rem; color: #999; line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 定义文本的行数 */
    overflow: hidden;
    text-overflow: ellipsis;}
  .yema{text-align: center; margin-top: 0.4rem;}
  .yema img{max-width: 100%;}
  

}
/*资讯*/

/*资讯详细*/
.newsview-tit{font-size: 0.3rem; color: #333; font-weight: bold; margin-bottom: 0.3rem;}
.newsview-time{ display: flex; align-items: center; color: #999;}
.newsview-time img{margin-left: 0.5rem; margin-right: 0.1rem;}
.newsview-info{border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 0.4rem 0; margin: 0.3rem 0;
font-size: 0.16rem; color: #444; line-height: 1.8;}
.newsview-info img{max-width: 100%;}
.newsview-b{display: flex; justify-content: space-between;}
.newsview-link{font-size: 0.16rem; color: #444; margin-bottom: 0.3rem;}
.newsview-link p{padding: 5px 0;}
.newsview-link a{display: block; color: #444;}
.nwesview-return{width: 1.4rem; height: 0.5rem; line-height: 0.5rem; background: #a20300; text-align: center; border-radius: 0.1rem;}
.nwesview-return a{color: #fff; display: block;}

@media screen and (max-width:576px){

  .newsview-tit{font-size: 0.3rem; line-height: 1.8; color: #333; font-weight: bold; margin-bottom: 0.3rem;}
  .newsview-time{ display: flex; align-items: center; color: #999; font-size: 0.25rem;}
  .newsview-time img{margin-left: 0.5rem; margin-right: 0.1rem;}
  .newsview-info{border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 0.4rem 0; margin: 0.3rem 0;
  font-size: 0.25rem; color: #444; line-height: 1.8;}
  .newsview-info img{max-width: 100%;}
  .newsview-b{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .newsview-link{font-size: 0.25rem; color: #444; margin-bottom: 0.3rem; line-height: 1.8;}
  .newsview-link a{display: block; color: #444;font-size: 0.22rem;}
  .nwesview-return{width: 1.4rem; height: 0.6rem; line-height: 0.6rem; background: #a20300; text-align: center; border-radius: 0.1rem;
  font-size: 0.25rem;}
  .nwesview-return a{color: #fff; display: block;}
  


}
/*资讯详细*/

/*入会须知*/
.Notice-tit{font-size: 0.36rem; font-weight: bold; padding-bottom: 0.2rem; margin-bottom: 0.3rem;}
.Notice-tit span{border-bottom: 3px solid #a20300; padding-bottom: 0.2rem;}
.Notice-info{font-size: 0.16rem; line-height: 1.6;}

@media screen and (max-width:576px){

  .Notice-tit{font-size: 0.3rem; font-weight: bold; padding-bottom: 0.2rem; margin-bottom: 0.3rem;}
  .Notice-tit span{border-bottom: 3px solid #a20300; padding-bottom: 0.2rem;}
  .Notice-info{font-size: 0.22rem; line-height: 1.6;}
  

}
/*入会须知*/

/*联系协会*/
.contact{display: flex; justify-content: space-between; align-items: center;}
.contact-info{font-size: 0.16rem; line-height: 2.2;}

.contact-wechat{display: flex;}
.contact-wechat-li{ text-align: center; margin-left: 0.3rem;}
.contact-wechat-li-tit{color: #333; font-size: 0.16rem; margin-top: 0.08rem;}

.contact-map{ height: 5.2rem; margin: 0.4rem 0; border: 1px solid #dedede;}

@media screen and (max-width:576px){

  .contact{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
  .contact-info{font-size: 0.22rem; line-height: 2.2; width: 100%; margin-bottom: 0.3rem;}
  
  .contact-wechat{display: flex;}
  .contact-wechat-li{ text-align: center; margin-left: 0.3rem;}
  .contact-wechat-li-tit{color: #333; font-size: 0.22rem; margin-top: 0.08rem;}
  
  .contact-map{ height: 5.2rem; margin: 0.4rem 0;}

}
/*联系协会*/

/*注册*/

.register-box{background:#f5f5f5 url(../images/register-bg.png) no-repeat center top; padding: 0.7rem 0;}
.register{width: 12.8rem; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 0.5rem 0.4rem;}
.register-tit{font-size: 0.3rem; font-weight: bold; color: #333; margin-bottom: 0.3rem;}
.register table{background: #f2f2f2; text-align: center; font-size: 0.16rem;}
.register table, th, td {
  line-height: 0.6rem;
  border: 1px solid #fff;
  border-collapse: collapse;
}
.register table .text1{width: 90%; height: 0.35rem; line-height: 0.35rem; border: 1px solid #dedede; box-sizing: border-box; outline: none; padding-left: 0.1rem; margin: 0.12rem 0;}
.register table .text2{width: 97%; height: 0.35rem; line-height: 0.35rem; border: 1px solid #dedede; box-sizing: border-box; outline: none; padding-left: 0.1rem; margin: 0.12rem 0;}
.register table .textarea{width: 98%; height: 2.7rem; line-height: 1.6; border: 1px solid #dedede; box-sizing: border-box; outline: none; padding-left: 0.1rem; margin: 0.12rem 0;
padding: 0.1rem;}
.register table .text3{width: 20%; height: 0.35rem; line-height: 0.35rem; border: 1px solid #dedede; box-sizing: border-box; outline: none; padding-left: 0.1rem; margin: 0.12rem 0;}
.register table input[type="radio"]{margin: 0 0.1rem;}
.register .w10{width: 10%; }
.register .w15{width: 15%;}
.register .w18{width: 18%;}
.register .w20{width: 20%;}
.register .code{ text-align: left; padding: 0 0.1rem;}

.vertical{
  width: 20px;
  line-height: 2;
  margin: 0 auto;
  white-space: pre-wrap;
}

.photo{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; padding: 0.2rem 0;}
.photo-pic{margin-bottom: 0.2rem;}
.photo-pic img{max-width: 1.2rem;}
.photo-btn{width: 0.9rem; height: 0.34rem; line-height: 0.34rem; text-align: center; background: #a20300; border-radius: 0.05rem; 
  font-size: 0.14rem;}
.photo-btn a{display: block; color: #fff;}
.photo-txt{font-size: 0.14rem; color: #666; line-height: 2; margin-top: 0.1rem;}

.register-submit{width: 40%; margin: 0.3rem auto; border-radius: 0.1rem; font-size: 0.16rem; text-align: center; background: #a20300; 
  line-height: 0.55rem; }
.register-submit a{color: #fff; display: block;}

.register-line{height: 1px; background: #eeeeee; margin: 0.5rem auto;}
.register-info{}
.register-info-tit{font-size: 0.24rem; color: #333; font-weight: bold; margin-bottom: 0.3rem;}
.register-info-txt{font-size: 0.16rem; line-height: 2;}

@media screen and (max-width:576px){

  .register{width: 95%; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 0.5rem 0.4rem;}
  .register-tit{font-size: 0.3rem; font-weight: bold; color: #333; margin-bottom: 0.3rem;}
  .register table{background: #f2f2f2; text-align: left; font-size: 0.22rem;}
  .register table, th, td {
    line-height: 0.6rem;
    border: 1px solid #fff;
    border-collapse: collapse;
  }
  .register table tr{display: flex; flex-wrap: wrap;}
  .register table td {line-height: 0.6rem; box-sizing: border-box; padding: 0.1rem;}
  .register table .text1{width: 90%; height: 0.5rem; line-height: 0.5rem; border: 1px solid #dedede; box-sizing: border-box; outline: none; padding-left: 0.1rem; margin: 0.12rem 0;}
  .register table .text2{width: 97%; height: 0.5rem; line-height: 0.5rem; border: 1px solid #dedede; box-sizing: border-box; outline: none; padding-left: 0.1rem; margin: 0.12rem 0;}
  .register table .textarea{width: 98%; min-height: 95%; height: 2.7rem; line-height: 1.6; border: 1px solid #dedede; box-sizing: border-box; outline: none; padding-left: 0.1rem; margin: 0.12rem 0;
  padding: 0.1rem;}
  .register table .text3{width: 50%; height: 0.6rem; line-height: 0.6rem; border: 1px solid #dedede; box-sizing: border-box; outline: none; padding-left: 0.1rem; margin: 0.12rem 0;}
  .register table input[type="radio"]{margin: 0 0.1rem;}
  .register .w10{width: 30%; text-align: center; display: flex; align-items: center; justify-content: center;}
  .register .w15{width: 100%;}
  .register .w18{width: 70%;}
  .register .w20{width: 100%;}
  .register .code{ text-align: left; padding: 0 0.1rem;}

  
  .register .m70{width: 70%;}
  
  .vertical{
    width: 20px;
    line-height: 1.8;
    margin: 0 auto;
    white-space: pre-wrap;
  }

  
.photo{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; padding: 0.2rem;}
.photo-pic{margin-bottom: 0.2rem;}
.photo-pic img{max-width: 1.5rem;}
.photo-btn{width: 30%; height: 0.55rem; line-height: 0.55rem; text-align: center; background: #a20300; border-radius: 0.05rem; 
  font-size: 0.22rem;}
.photo-btn a{display: block; color: #fff;}
.photo-txt{font-size: 0.22rem; color: #666; line-height: 2; margin-top: 0.1rem;}



.register-submit{width: 90%; margin: 0.3rem auto; border-radius: 0.1rem; font-size: 0.22rem; text-align: center; background: #a20300; 
  line-height: 0.7rem; }
.register-submit a{color: #fff; display: block;}

.register-line{height: 1px; background: #eeeeee; margin: 0.5rem auto;}
.register-info{}
.register-info-tit{font-size: 0.3rem; color: #333; font-weight: bold; margin-bottom: 0.3rem;}
.register-info-txt{font-size: 0.22rem; line-height: 2;}


}

/*注册*/


/*会员中心_缴费记录*/
.payfees{width: 12.8rem; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 0.5rem 0.4rem;}
.payfees-tab{display: flex; flex-wrap: wrap; margin-bottom: 0.4rem;}
.payfees-tab-li{width: 1.7rem; height: 0.6rem; line-height: 0.6rem; background: #eeeeee; border-radius: 0.1rem; text-align: center;
margin-right: 0.25rem; font-size: 0.2rem;}
.payfees-tab-li a{color: #222;}
.payfees-tab-li.active{background: #a20300;}
.payfees-tab-li.active a{color: #fff;}
.payfees-top{display: flex; margin-bottom: 0.4rem; height: 0.6rem; justify-content: space-between;} 
.payfees-top-tit{font-size: 0.3rem; font-weight: bold; color: #222; position: relative;}
.payfees-top-tit::before{content: ""; width: 0.5rem; height: 0.04rem; background: #a20300; position: absolute; left: 0; bottom: 0px;} 
.payfees-top-btn{width: 1.2rem; height: 0.4rem; line-height: 0.4rem; background: #999999; border-radius: 0.1rem; text-align: center;} 
.payfees-top-btn a{color: #fff; display: block;}

.payfees-content{display: flex; flex-wrap: wrap;}
.payfees-content-li{width: 32%; margin-right: 2%; margin-bottom: 0.3rem; background: #f5f5f5; box-sizing: border-box; padding: 0.3rem;}
.payfees-content-li:nth-child(3n){margin-right: 0;}
.payfees-content-li-k{font-size: 0.16rem; color: #fff; display: inline-block; padding: 0 0.15rem; line-height: 0.32rem; 
  border-radius: 0.1rem; margin-bottom: 0.2rem;}
.payfees-content-li .red{background: #a20300;}
.payfees-content-li .over{background: #999999;}
.payfees-content-li-txt{font-size: 0.18rem; color: #222; line-height: 2;}

@media screen and (max-width:576px){


  .payfees{width: 95%; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 0.5rem 0.4rem;}
  .payfees-tab{display: flex; flex-wrap: wrap; margin-bottom: 0.4rem;}
  .payfees-tab-li{width: 45%; height: 0.6rem; margin-bottom: 0.2rem; line-height: 0.6rem; background: #eeeeee; border-radius: 0.1rem; text-align: center;
  margin-right: 0.25rem; font-size: 0.22rem;}
  .payfees-tab-li a{color: #222;}
  .payfees-tab-li.active{background: #a20300;}
  .payfees-tab-li.active a{color: #fff;}
  .payfees-top{display: flex;  margin-bottom: 0.4rem; height: 0.6rem; justify-content: space-between;} 
  .payfees-top-tit{font-size: 0.3rem; font-weight: bold; color: #222; position: relative;}
  .payfees-top-tit::before{content: ""; width: 0.5rem; height: 0.04rem; background: #a20300; position: absolute; left: 0; bottom: 0px;} 
  .payfees-top-btn{width: 30%; height: 0.5rem; line-height: 0.5rem; background: #999999; border-radius: 0.1rem; text-align: center;
  font-size: 0.22rem;} 
  .payfees-top-btn a{color: #fff; display: block;}
  
  .payfees-content{display: flex; flex-wrap: wrap;}
  .payfees-content-li{width: 100%; margin-right: 0%; margin-bottom: 0.3rem; background: #f5f5f5; box-sizing: border-box; padding: 0.3rem;}
  .payfees-content-li:nth-child(3n){margin-right: 0;}
  .payfees-content-li-k{font-size: 0.22rem; color: #fff; display: inline-block; padding: 0 0.15rem; line-height: 0.4rem; 
    border-radius: 0.1rem; margin-bottom: 0.2rem;}
  .payfees-content-li .red{background: #a20300;}
  .payfees-content-li .over{background: #999999;}
  .payfees-content-li-txt{font-size: 0.22rem; color: #222; line-height: 2;}
  


}

/*会员缴费*/
.pay-content{ width: 80%; margin: 0 auto;}
.table {
	display: table;
	 width:100%; margin:0 auto;
}
.table td{padding:10px 5px;line-height: 0.2rem;}
.tdleft{width:150px;}
.paybtn{padding:5px 20px}
.input{border:#E9E9E9 solid 1px; padding:0 5px;outline:none; height:25px; width:200px}
.select{border:#E9E9E9 solid 1px; padding:0 5px;outline:none; height:30px; width:210px}
.Remarks{border:#E9E9E9 solid 1px; padding:5px;outline:none;  width:200px}
.ui-upload {
  font-size: 0.12rem;
   width:100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  cursor: pointer;
  color: #fff;
  background: #4788d7;
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  margin-top:0.1rem;
}

.ui-upload input {
  position: absolute;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer; text-align:center;
}
a.ui-upload {color:#FFFFFF}
.filePrew { 
            display: block; 
            position: absolute; 
            top: 0; 
            left: 0; 
            width: 110px; 
            height: 110px; 
            opacity: 0;
        }
        @media screen and (max-width:576px){
          .BaomingTitle{width:95%; line-height:2rem; margin:0 auto; font-size:24px; font-weight:bold; text-align:center; margin-top:35px; margin-bottom:35px}
    .table {
      display: table;
       width:95%; margin:0 auto;
    }
    .pay-content{ width: 100%; margin: 0 auto;}
    .table td{padding:10px 5px; font-size: 0.25rem;}
.tdleft{width:30%;}
.btn{padding:5px 20px}
.input{border:#E9E9E9 solid 1px; padding:0 5px;outline:none; height:25px; width:90%}
.select{border:#E9E9E9 solid 1px; padding:0 5px;outline:none; height:30px; width:95%}
.Remarks{border:#E9E9E9 solid 1px; padding:5px;outline:none;  width:90%}
  }

/*会员中心_上传资料*/
.upload-top{display: flex; height: 0.6rem; justify-content: space-between; margin-bottom: 0.7rem;} 
.upload-top-tit{font-size: 0.3rem; font-weight: bold; color: #222; position: relative;}

.upload-content{display: flex; font-size: 0.16rem; margin: 0.3rem 0;}
.upload-content-l{width: 2.7rem; text-align: right; line-height: 0.45rem; padding-right: 0.1rem;}
.upload-content-r{}
.upload-content-inp{margin-bottom: 0.2rem;}
/*==================================================================*/
.upload-saomiao-list {
    position: relative;
}

    .upload-saomiao-list ul {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .upload-saomiao-list li {
        width: 110px;
        margin-right: 15px; position:relative;
    }

    .upload-saomiao-list .saomiaodel {
        position: absolute;
        top: -0.1rem;
        right: -0.1rem;
        background: #000;
        color: #fff;
        border-radius: 100%;
        width: 0.25rem;
        height: 0.25rem;
        line-height: 0.22rem;
        text-align: center;
        z-index: 9999999;
    }

        .upload-saomiao-list .saomiaodel a {
            color: #fff;
            display: block;
        }
/*===================================================================*/

.upload-zhengshu-list {
    position: relative;
    width: 110px;
}
  
    
        .upload-zhengshu-list .colse {
            position: absolute;
            top: -0.1rem;
            right: -0.1rem;
            background: #000;
            color: #fff;
            border-radius: 100%;
            width: 0.25rem;
            height: 0.25rem;
            line-height: 0.22rem;
            text-align: center;
            z-index: 9999999;
        }
  .upload-zhengshu-list .colse a{color: #fff; display: block;}
.upload-content-r input.text{width: 4.2rem; height: 0.45rem; line-height: 0.45rem; border: 1px solid #dedede; border-radius: 0.05rem;
outline: none; margin-right: 0.2rem; box-sizing: border-box; padding-left: 0.1rem;}
.upload-content-r input.btn{width: 1.8rem; height: 0.45rem; line-height: 0.45rem; border: 1px solid #a20300;
background: #a20300; color: #fff; text-align: center; border-radius: 0.05rem; outline: none; cursor: pointer;}
.upload-content-r input.btn2{width: 4.2rem; height: 0.45rem; line-height: 0.45rem; border: 1px solid #a20300;
   color: #a20300; text-align: center; border-radius: 0.05rem; outline: none; cursor: pointer; background: #fff;}

.upload-content-ul{display: flex; flex-wrap: wrap; margin: 0.3rem 0; width: 100%; box-sizing: border-box;}
.upload-content-list{position: relative; width: 1.4rem; margin-right: 0.3rem; box-sizing: border-box; margin-bottom: 0.2rem;}
.upload-content-list:nth-child(5n){margin-right: 0;}
.upload-content-list-pic{width: 100%;}
.upload-content-list-pic img{width: 100%; height: 150px;}
.upload-content-list-tit{font-size: 0.16rem; color: #333; text-align: center; margin-top: 0.15rem;}
.upload-content-list .doclose{position: absolute; top: -0.1rem; right: -0.1rem; background: #000; color: #fff;
border-radius: 100%; width: 0.25rem; height: 0.25rem; line-height: 0.22rem; text-align: center;}
.upload-content-list .doclose a{color: #fff; display: block;}

.upload-line{height: 1px; background: #dedede; width: 100%;}

.upload-sumbit{width: 4.2rem; height: 0.5rem; line-height: 0.5rem; border: 1px solid #a20300; margin: 0.4rem auto;
  color: #fff; text-align: center; border-radius: 0.05rem; outline: none; cursor: pointer; background: #a20300;}
  .upload-sumbit a{color: #fff;}

  @media screen and (max-width:576px){

    .upload-top{display: flex; height: 0.6rem; justify-content: space-between; margin-bottom: 0.3rem;} 
    .upload-top-tit{font-size: 0.3rem; font-weight: bold; color: #222; position: relative;}
    
    .upload-content{display: flex; flex-wrap: wrap; font-size: 0.25rem; margin: 0.3rem 0;}
    .upload-content-l{width: 100%; text-align: left; line-height: 0.6rem; padding-right: 0.1rem;}
    .upload-content-r{width: 100%;}
    .upload-content-inp{margin-bottom: 0.2rem;}
    .upload-content-r input.text{width: 50%; height: 0.6rem; line-height: 0.6rem; border: 1px solid #dedede; border-radius: 0.05rem;
    outline: none; margin-right: 0.2rem; box-sizing: border-box; padding-left: 0.1rem;}
    .upload-content-r input.btn{width: 30%; height: 0.6rem; line-height: 0.6rem; border: 1px solid #a20300;
    background: #a20300; color: #fff; text-align: center; border-radius: 0.05rem; outline: none; cursor: pointer;}
    .upload-content-r input.btn2{width: 50%; height: 0.6rem; line-height: 0.6rem; border: 1px solid #a20300;
       color: #a20300; text-align: center; border-radius: 0.05rem; outline: none; cursor: pointer; background: #fff;}
    
    .upload-content-ul{display: flex; flex-wrap: wrap; margin: 0.3rem 0; width: 100%; box-sizing: border-box;}
    .upload-content-list{position: relative; width: 2.5rem; margin-right: 0.4rem; box-sizing: border-box; margin-bottom: 0.2rem;}
    .upload-content-list:nth-child(5n){margin-right: 0.4rem;}
    .upload-content-list-pic{width: 100%;}
    .upload-content-list-pic img{width: 100%;}
    .upload-content-list-tit{font-size: 0.25rem; color: #333; text-align: center; margin-top: 0.15rem;}
    .upload-content-list .doclose{position: absolute; top: -0.15rem; right: -0.15rem; background: #000; color: #fff;
    border-radius: 100%; width: 0.45rem; height: 0.45rem; line-height: 0.4rem; text-align: center;}
    .upload-content-list .doclose a{color: #fff; display: block;}
    
    .upload-line{height: 1px; background: #dedede; width: 100%;}
    .upload-zhengshu-list .colse{position: absolute; top: -0.15rem; right: -0.15rem; background: #000; color: #fff;
      border-radius: 100%; width: 0.45rem; height: 0.45rem; line-height: 0.4rem; text-align: center;}
    .upload-sumbit{width: 60%; height: 0.6rem; line-height: 0.6rem; border: 1px solid #a20300; margin: 0.4rem auto;
      color: #fff; text-align: center; border-radius: 0.05rem; outline: none; cursor: pointer; background: #a20300;}
      .upload-sumbit a{color: #fff;}
    

  }

/*会员中心_上传资料*/

/*进度条*/
.jindutiao{ display:none; width:100%}   




