@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 {
    text-decoration: none;
    color: #000000
}
a:visited {
    text-decoration: none;
    color: #000000
}
a:hover{ text-decoration:none; color:#000000}
/*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 auto; z-index: 9999;}
.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{width: 34.75%;}
.c-nav .logo img{max-width: 100%;}
.c-nav ul{}
.c-nav ul li{display: inline-block; line-height:1rem; font-size: 0.16rem; margin-left: 0.6rem; position: relative;}
.c-nav ul li a{color:#333;text-decoration:none;width:100%; display: block;}
.c-nav ul li::before{width: 0; height: 0.04rem; background: #ff4e4e; content: ''; position: absolute;
  bottom: 0; left: 0; right: 0; margin: auto;}
  .c-nav ul li.active::before{width: 100%; height: 0.04rem; background: #ff4e4e; content: ''; position: absolute;
bottom: 0; left: 0;}
.c-nav ul li:hover:before{width: 100%; height: 0.04rem; background: #ff4e4e; content: ''; position: absolute;
  bottom: 0; left: 0; transition: all 0.5s;}
.c-nav ul li.active a{ font-weight: bold; color: #ff4e4e; transition: all 0.5s;}
.c-nav ul li:hover a{font-weight: bold; color: #ff4e4e; transition: all 0.5s;}
.logout{background: #fe5e5e; font-size: 0.14rem; padding: 0 0.1rem; border-radius: 0.1rem; line-height: 0.25rem;}
.logout a{color:#FFFFFF}
.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: #ff4e4e;
  }

.shrink {
  background: rgba(0, 0, 0, 0.7);
}

.shrink .navFlex{border-bottom: none;}
.wapMenu{display:none}
@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){
  .mobile-nav-h{height: 1rem;}
.c-nav{width: 100%; margin: 0 auto; box-sizing: border-box; background: #fff; min-height: 0.9rem;}
.c-nav .container{padding: 0;  position: relative;}
.c-nav .navFlex{font-size:0.2rem; justify-content:space-between; flex-wrap:wrap; background: #fff;}
.c-nav .logo{width:40%; margin-left: 0.2rem; margin-top: 0.1rem;}
.c-nav ul{margin-top:0.3rem}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:0.8rem;background:#000; border-bottom: none; margin-right: 0;
font-size: 0.25rem;}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav .hiden{display:block; position: absolute; right: 0.2rem; top: 0.2rem;}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav .header-btn{display: none;}

.wapMenu{width:100%; background:#fe5e5e; display:block}
.wapMenu ul{display:flex;}
.wapMenu ul li a{color:#FFFFFF}
.wapMenu ul li{width:33.3333%; height:1rem; line-height:1rem; text-align:center}
.logout{background: #fe5e5e; font-size: 0.25rem; padding: 0 0.1rem; border-radius: 0.1rem; line-height: 0.4rem;
margin-right: 0.2rem; margin-top: 0.1rem;}
.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);
  }
}


.responsive-ban{position: relative;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 35%;}
.responsive-banner-tit{font-size: 0.48rem; color: #f5f5f5; margin-bottom: 0.4rem; font-weight: bold; line-height: 0.6rem;}
.responsive-banner-dis{font-size: 0.26rem; color: #fff; line-height: 0.5rem;}

@media screen and (max-width:576px){
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 30%;}
  .responsive-banner-tit{font-size: 0.35rem; color: #fff; margin-bottom: 0.3rem; font-weight: bold; }
  .responsive-banner-dis{font-size: 0.25rem; color: #fff; line-height: 0.4rem;}
}

.login-box{ padding:0.7rem 0; background: url(../images/index-banner.jpg) no-repeat center;}
.login,
.join{box-sizing: border-box; padding: 0.4rem 0.6rem; display: flex;
flex-wrap: wrap; background: #fff; justify-content: space-between;}
.login-member{width: 34%; border-right: 1px solid #bbb; padding-right: 0.6rem;}
.login-member-tit{font-size: 0.24rem; color: #ff5252; margin-bottom: 0.25rem; font-weight: bold;}
.login-member-inp{}
.login-member-inp .text,
.login-member-verification .text{width: 100%; height: 0.5rem; line-height: 0.5rem; padding-left: 0.18rem; outline-color: #ff4e4e;
border:0.01rem solid #bbb; box-sizing: border-box; font-size: 0.14rem; color: #999; margin-bottom: 0.1rem;}
.login-member-verification .text{width: 63%;}
.login-member-verification img{width: 35%;}
.login-member-btn{width: 100%; background: #4788d7; height: 0.5rem; line-height: 0.5rem; font-size: 0.16rem; 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: 23%; height: 0.4rem; line-height: 0.4rem; text-align: center; background: #ff4e4e; font-size: 0.15rem; color: #fff;
border-radius: 0.1rem;}
.login-member-b .btn a{color: #f7f6f6; display: block; cursor:pointer;}

.login-news{width: 51%;}
.login-news ul li{line-height: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 0.01rem dashed #dedede;
font-size: 0.18rem; color: #333;}
.login-news ul li a{color: #333;}
.login-news ul li:hover{font-size: 0.2rem; font-weight: bold; transition: 0.5s;}

.join{margin-top: 0.2rem;}
.join-content{width: 84%; display: flex; flex-wrap: wrap;}
.join-list{width: 20%; box-sizing: border-box; text-align: center; padding: 0 0.2rem;}
.join-list-icon img{max-width: 100%;}
.join-list-tit{font-size: 0.18rem; color: #333; font-weight: bold; margin: 0.15rem 0;}
.join-list-txt{font-size: 0.14rem; color: #666; line-height: 0.26rem;}

.copy{background: #4788d7; font-size: 0.14rem; color: #fff; line-height: 0.3rem; text-align: center; padding: 0.25rem; box-sizing: border-box;}

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

  .login-box{ padding:0.4rem 0; background: url(../images/index-banner.jpg) no-repeat center; background-size: cover;}
  .login,
  .join{box-sizing: border-box; padding: 0.3rem; margin: 0 0.2rem; display: flex;
  flex-wrap: wrap; background: #fff; justify-content: space-between;}
  .login-member{width: 95%; margin: 0 auto; border-right: none; padding-right: 0; margin-bottom: 0.4rem;}
  .login-member-tit{font-size: 0.3rem; color: #ff5252; margin-bottom: 0.3rem; font-weight: bold;}
  .login-member-inp{}
  .login-member-inp .text,
  .login-member-verification .text{width: 100%; height: 0.7rem; line-height: 0.7rem; padding-left: 0.18rem; outline-color: #ff4e4e;
  border:0.01rem solid #bbb; box-sizing: border-box; font-size: 0.22rem; color: #999; margin-bottom: 0.2rem;}
  .login-member-verification .text{width: 63%;}
  .login-member-verification img{width: 35%;}
  .login-member-btn{width: 100%; background: #4788d7; 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: 23%; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #ff4e4e; font-size: 0.22rem; color: #fff;
  border-radius: 0.1rem;}
  .login-member-b .btn a{color: #fff; display: block;}
  
  .login-news{width: 100%;}
  .login-news ul li{line-height: 0.7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 0.01rem dashed #dedede;
  font-size: 0.28rem; color: #333;}
  .login-news ul li a{color: #333;}
  .login-news ul li:hover{font-size: 0.25rem; font-weight: bold; transition: 0.5s;}
  
  .join{margin-top: 0.2rem;}
  .join-content{width: 100%; display: flex; flex-wrap: wrap;}
  .join-list{width: 33%; box-sizing: border-box; text-align: center; padding: 0 0.2rem; margin-bottom: 0.2rem;}
  .join-list-icon img{max-width: 100%;}
  .join-list-tit{font-size: 0.25rem; color: #333; font-weight: bold; margin: 0.15rem 0;}
  .join-list-txt{font-size: 0.22rem; color: #666; line-height: 0.4rem;}
  
  .copy{background: #4788d7; font-size: 0.22rem; color: #fff; line-height: 0.45rem; text-align: center;}
  
}

/*入会申请*/
.apply{padding: 0.7rem 1rem; background: #fff;}
.apply-tit{font-size: 0.3rem; color: #333333; font-weight: bold;}
.apply-txt{font-size: 0.18rem; color: #666; margin: 0.2rem 0 0.6rem;}
.apply-line{height: 1px; background: #eee;}

.apply-main{display: flex; justify-content: space-evenly; padding: 1rem 0;}
.apply-school{width: 2rem; height: 2rem; border-radius: 100%; background: #4788d7; border: 0.16rem solid rgba(71, 136, 215, 0.1); 
  background-clip:content-box;}
.apply-school-icon{margin: 0.3rem 0 0.2rem;}
.apply-school-tit{font-size: 0.24rem; color: #fff; padding: 0 0.3rem;}
.apply-team{background: #fe5e5e;  border: 0.16rem solid rgba(254, 94, 94, 0.1); background-clip:content-box;}

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

  .apply{padding: 0.3rem; margin: 0 0.3rem; background: #fff;}
  .apply-tit{font-size: 0.32rem; color: #333333; font-weight: bold;}
  .apply-txt{font-size: 0.22rem; color: #666; margin: 0.2rem 0 0.6rem;}
  .apply-line{height: 1px; background: #eee;}
  
  .apply-main{display: flex; justify-content: space-evenly; padding: 1rem 0;}
  .apply-school{width: 2.4rem; height: 2.4rem; border-radius: 100%; background: #4788d7; border: 0.16rem solid rgba(71, 136, 215, 0.1); 
    background-clip:content-box;}
  .apply-school-icon{margin: 0.3rem 0 0.2rem;}
  .apply-school-tit{font-size: 0.25rem; color: #fff; padding: 0 0.5rem;}
  .apply-team{background: #fe5e5e;  border: 0.16rem solid rgba(254, 94, 94, 0.1); background-clip:content-box;}

}

/*入会申请*/

/*入会章程*/
.constitution-box{background: #f2f2f2; padding: 0.4rem;}
.constitution{padding: 0.5rem; background: #fff;}
.constitution-tit{font-size: 0.3rem; font-weight: bold; color: #333; text-align: center; margin-bottom: 0.5rem;}
.constitution-txt{ font-size: 0.16rem; line-height: 0.35rem;}
@media screen and (max-width:576px){
  .constitution-box{background: #f2f2f2; padding: 0.3rem;}
  .constitution{padding: 0.3rem; background: #fff;}
  .constitution-tit{font-size: 0.3rem; font-weight: bold; color: #333; text-align: center; margin-bottom: 0.5rem;}
  .constitution-txt{ font-size: 0.22rem; line-height: 0.4rem;}

}

/*在线报名*/
.registration{display: flex; flex-wrap: wrap; background: #fff; padding: 0; margin-bottom: 0.2rem;}
.registration-info{width: 40%; box-sizing: border-box; padding: 0.4rem 0.45rem;}
.registration-info-tit{font-size: 0.3rem; color: #333;}
.registration-info-line{height: 1px; background: #333; margin: 0.35rem 0;}
.registration-info-txt{font-size: 0.24rem; color: #222; line-height: 0.35rem;}
.registration-info-more{font-size: 0.18rem; color: #222; text-decoration: underline; text-underline-offset: 0.1rem; margin: 0.8rem 0;}
.registration-info-more a{color: #222;}
.registration-info-time{display: flex; justify-content: space-between;}
.registration-info-time .btn{ background: #fe5e5e; border-radius: 0.2rem; line-height: 0.35rem; font-size: 0.16rem; color: #222; }
.registration-info-time .btn a{color: #fff; display: block; padding: 0 0.2rem;}
.registration-pic{width: 60%; box-sizing: border-box;}

.registration-news{display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; padding: 0.4rem;}
#menu {
  width: 21%;
  overflow: hidden;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#menu #ensconce {
  width: 0.35rem;
  height: 100%;
  float: left;
  text-align: center;
  position: relative;
  display: none;
}
#menu #ensconce h2 {
  cursor: pointer;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.5rem;
  width: 100%;
  position: absolute;
  top: 35%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(0%, -50%);
}
#menu #ensconce h2 img {
  width: 52%;
}
#menu #open {
  width: 100%;
  height: 100%;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
}
#menu #open .navH {
  height: 0.6rem;
  background-color: #fe5e5e;
  line-height: 0.6rem;
  /* text-align: center; */
  padding-left: 0.2rem;
  font-size: 0.2rem;
  color: #fff;
  position: relative;
  box-sizing: border-box;
}
#menu #open .navH span {
  position: absolute;
  top: 49%;
  right: 0;
  padding: 0 0.15rem;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
}
#menu #open .navH span .obscure {
  width: 0.24rem;
}
#menu #open .navBox {
  height: 100%;
  overflow-y: auto;
  margin-top: 0.1rem;
}
#menu #open .navBox ul li {
  background-color: #393c4a;
  cursor: pointer;
  margin-bottom: 4px;
}

#menu #open .navBox ul li a {
color:#FFFFFF;
}

#menu #open .navBox ul li .obtain {
	background-color: #3889D4; 
}
#menu #open .navBox ul li .obtain:hover {
	background-color: #fe5e5e; 
}
#menu #open .navBox ul li h2 {
  position: relative;
  width: 100%;
  height: 100%;
  /* text-align: center; */
  color: #fff;
  font-size: 0.15rem;
  padding: 0.15rem 0;
  padding-left: 0.2rem;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
}
#menu #open .navBox ul li h2 i {
  position: absolute;
  top: 50%;
  right: 0.15rem;
  border-top: 0.07rem transparent dashed;
  border-left: 0.07rem solid #fff;
  border-right: 0.07rem transparent dashed;
  border-bottom: 0.07rem transparent dashed;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.6s ease;
  -moz-transition: -moz-transform 0.6s ease;
  -o-transition: -o-transform 0.6s ease;
  -ms-transition: -ms-transform 0.6s ease;
  transform-origin: 4px 3px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#menu #open .navBox ul li h2 .arrowRot {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#menu #open .navBox ul li .secondary {
  overflow: hidden;
  height: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
}
#menu #open .navBox ul li .secondary h3 {
  padding: 0.1rem 0;
    /* text-align: center; */
    padding-left: 0.2rem;
    font-size: 0.13rem;
    background-color: #282c3a;
    color: #ffffff;
    border-bottom: 0.8px solid #42495d;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
#menu #open .navBox ul li .secondary h3:hover {
  background-color: #fe5e5e;
}
#menu #open .navBox ul li .secondary .seconFocus {
  background-color: #fe5e5e;
  -webkit-box-shadow: 3px 3px 3px #aa8c51;
  -moz-box-shadow: 3px 3px 3px #aa8c51;
  box-shadow: 3px 3px 3px #aa8c51;
}

.registration-news-content{width: 74%;}
.registration-news-list{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 0.2rem; border-bottom: 1px solid #dedede;
margin-bottom: 0.2rem;} 
.registration-news-list-pic{width: 29%;}
.registration-news-list-pic img{width:240px; height:160px}
.registration-news-list-info{width: 68%;}
.registration-news-list-info-tit{font-size: 0.18rem; color: #333; font-weight: bold;}
.registration-news-list-info-time{display: flex; flex-wrap: wrap; font-size: 0.14rem; color: #666;}
.registration-news-list-info-time .half{width: 50%; margin-top: 0.2rem;}
.registration-news-list-info-time .half a{color: #333;  text-underline-offset: 0.1rem; margin-right: 0.2rem;
background: #fe5e5e; padding: 0.05rem 0.2rem; line-height: 0.3rem; border-radius: 0.2rem; color: #fff;
}
.registration-news-list-info-label{display: flex; margin-top: 0.2rem;}
.registration-news-list-info-label span{background: #fe5e5e; padding: 0 0.2rem; line-height: 0.3rem; border-radius: 0.2rem; color: #fff;}

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

  .registration{display: flex; flex-wrap: wrap; background: #fff; padding: 0; margin-bottom: 0.2rem;}
  .registration-info{width: 100%; box-sizing: border-box; padding: 0.4rem 0.45rem;}
  .registration-info-tit{font-size: 0.3rem; color: #333;}
  .registration-info-line{height: 1px; background: #333; margin: 0.35rem 0;}
  .registration-info-txt{font-size: 0.25rem; color: #222; line-height: 0.35rem;}
  .registration-info-more{font-size: 0.22rem; color: #222; text-decoration: underline; text-underline-offset: 0.1rem; margin: 0.3rem 0;}
  .registration-info-more a{color: #222;}
  .registration-info-time{display: flex; justify-content: space-between; align-items: center;}
  .registration-info-time .btn{ background: #fe5e5e; border-radius: 0.2rem; line-height: 0.5rem; font-size: 0.22rem; color: #222; }
  .registration-info-time .btn a{color: #fff; display: block; padding: 0 0.2rem;}
  .registration-pic{width: 100%; box-sizing: border-box;}
  
  .registration-news{display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; padding: 0.4rem;}
  #menu {width: 100%;}
  #menu #open .navH{font-size: 0.25rem;}
  #menu #open .navBox ul li h2{font-size: 0.25rem;}
  #menu #open .navBox ul li .secondary h3{font-size: 0.22rem;}
  
.registration-news-content{width: 100%; display: flex; flex-wrap: wrap;  }
.registration-news-list{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 0.3rem; border-bottom: 1px solid #dedede;
margin-bottom: 0.3rem; width: 48%; margin-right: 2%;} 
.registration-news-list:nth-child(2n){margin-right: 0; margin-left: 2%;}
.registration-news-list-pic{width: 100%; margin-bottom: 0.3rem;}
.registration-news-list-pic img{width: 100%;}
.registration-news-list-info{width: 100%;}
.registration-news-list-info-tit{font-size: 0.25rem; color: #333; font-weight: bold; height:1rem}
.registration-news-list-info-time{display: flex; flex-wrap: wrap; font-size: 0.22rem; color: #666;}
.registration-news-list-info-time .half{width: 100%; margin-top: 0.2rem;}
.registration-news-list-info-time .half a{color: #333; text-underline-offset: 0.1rem; margin-right: 0.1rem;
background: #fe5e5e; padding: 0.05rem 0.2rem; line-height: 0.3rem; border-radius: 0.2rem; color: #fff; 
}
.registration-news-list-info-label{display: flex; margin-top: 0.3rem;}
.registration-news-list-info-label span{background: #fe5e5e; padding: 0 0.2rem; line-height: 0.45rem; border-radius: 0.2rem; color: #fff;}


}
/*在线报名*/

/*报名详细*/
.registration-view-box{background: #f2f2f2; padding-bottom: 0.3rem;}
.registration-view-route{line-height: 0.6rem; font-size: 0.14rem; color: #666;}
.registration-view{display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; padding: 0.3rem;}
.registration-view-l{width: 70%; box-sizing: border-box; }
.registration-view-l-tit{font-size: 0.3rem; color: #333; }
.registration-view-l-time{font-size: 0.14rem; color: #666; margin: 0.2rem 0;}
.registration-view-l-time span{margin-right: 0.5rem;}
.registration-view-l-info{text-align: center; line-height: 0.3rem; text-align: center; border-top: 1px solid #eeeeee; 
  border-bottom: 1px solid #eee; padding: 0.3rem 0;}
.registration-view-l-info img{max-width: 100%;}
.registration-view-data{margin: 0.3rem 0;}
.registration-view-data-tit{font-size: 0.18rem; color: #333; font-weight: bold; margin-bottom: 0.15rem;}
.registration-view-data-news{}
.registration-view-data-li{display: flex; line-height: 0.6rem; align-items: center; justify-content: space-between;
  border-bottom: 1px solid #eee;}
.registration-view-data-li-txt{max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.registration-view-data-li-btn{width: 0.7rem; height: 0.28rem; line-height: 0.28rem; border: 1px solid #fe5e5e;
text-align: center; font-size: 0.16rem; border-radius: 0.05rem;}
.registration-view-data-li-btn a{color: #fe5e5e; display: block;}
.registration-view-compete{width: 30%; height: 0.5rem; line-height: 0.5rem; text-align: center; margin: 0 auto; 
margin-top: 0.3rem; font-size: 0.18rem; border-radius: 0.1rem; background: #fe5e5e;}
.registration-view-compete a{color: #ffffff; display: block;}

.registration-view-r{width: 27.5%;}
.registration-view-r-match-tit{font-size: 0.24rem; color: #333; margin-bottom: 0.15rem;}
.registration-view-r-match-list{display: flex; justify-content: space-between; border-bottom: 1px solid #dedede;
margin-bottom: 0.2rem; padding-bottom: 0.2rem;}
.registration-view-r-match-list-pic{width: 40%;}
.registration-view-r-match-list-pic img{width: 100%;}
.registration-view-r-match-list-info{width: 55%;}
.registration-view-r-match-list-info-tit{font-size: 0.16rem; color: #333; line-height: 0.28rem;}
.registration-view-r-match-list-info-btn{display: flex; margin-top: 0.1rem;}
.registration-view-r-match-list-info-btn span{background: #fe5e5e; padding: 0 0.1rem; line-height: 0.2rem; border-radius: 0.2rem;
   color: #fff; font-size: 0.14rem;}

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

  .registration-view-box{background: #f2f2f2; padding-bottom: 0.3rem;}
  .registration-view-route{line-height: 0.8rem; font-size: 0.22rem; color: #666;}
  .registration-view{display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; padding: 0.3rem;}
  .registration-view-l{width: 100%; box-sizing: border-box; }
  .registration-view-l-tit{font-size: 0.3rem; color: #333; }
  .registration-view-l-time{font-size: 0.25rem; color: #666; margin: 0.2rem 0; display: flex; flex-wrap: wrap;}
  .registration-view-l-time span{margin-right: 0; display: block; width: 50%; line-height: 0.5rem;}
  .registration-view-l-time span:last-child{width: 100%;}
  .registration-view-l-info{text-align: center; line-height: 0.45rem; text-align: center; border-top: 1px solid #eeeeee; 
    border-bottom: 1px solid #eee; padding: 0.3rem 0;}
  .registration-view-l-info img{max-width: 100%;}
  .registration-view-data{margin: 0.3rem 0;}
  .registration-view-data-tit{font-size: 0.25rem; color: #333; font-weight: bold; margin-bottom: 0.15rem;}
  .registration-view-data-news{}
  .registration-view-data-li{display: flex; line-height: 0.8rem; align-items: center; justify-content: space-between;
    border-bottom: 1px solid #eee;}
  .registration-view-data-li-txt{max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 0.25rem;}
  .registration-view-data-li-btn{width: 0.7rem; height: 0.4rem; line-height: 0.4rem; border: 1px solid #fe5e5e;
  text-align: center; font-size: 0.22rem; border-radius: 0.05rem;}
  .registration-view-data-li-btn a{color: #fe5e5e; display: block;}
  .registration-view-compete{width: 30%; height: 0.6rem; line-height: 0.6rem; text-align: center; margin: 0 auto; 
  margin-top: 0.3rem; font-size: 0.22rem; border-radius: 0.1rem; background: #fe5e5e;}
  .registration-view-compete a{color: #ffffff; display: block;}
  
  .registration-view-r{width: 100%;}
  .registration-view-r-match-tit{font-size: 0.3rem; color: #333; margin-bottom: 0.2rem;}
  .registration-view-r-match{display: flex; flex-wrap: wrap;}
  .registration-view-r-match-list{display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #dedede;
  margin-bottom: 0.2rem; padding-bottom: 0.2rem; width: 48%; margin-right: 2%; box-sizing: border-box;}
  .registration-view-r-match-list:nth-child(2n){margin-right: 0; margin-left: 2%;}
  .registration-view-r-match-list-pic{width: 100%;}
  .registration-view-r-match-list-pic img{width: 100%;}
  .registration-view-r-match-list-info{width: 100%;}
  .registration-view-r-match-list-info-tit{font-size: 0.25rem; color: #333; line-height: 0.4rem; margin: 0.2rem 0;}
  .registration-view-r-match-list-info-btn{display: flex; margin-top: 0.1rem;}
  .registration-view-r-match-list-info-btn span{background: #fe5e5e; padding: 0 0.2rem; line-height: 0.4rem; border-radius: 0.2rem;
     color: #fff; font-size: 0.22rem;}
  
}

/*报名详细*/

/*会员中心_赛事报名*/
.match-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 20%;}
.match-banner-info-school{font-size: 0.24rem; font-weight: bold; color: #fff; margin: 0.25rem 0 0.1rem;}
.match-banner-info-name{font-size: 0.18rem; color: #fff;}

.match-tab{position: relative; height: 0.8rem;}
.match-tab ul{width: 60%; 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.18rem; margin: 0 0.2rem; position: relative;}
.match-tab ul li a{color: #333; display: block;}
.match-tab ul li.active a,
.match-tab ul li:hover a{color: #fe5e5e; font-weight: bold;}
.match-tab ul li::before{width: 0%; height: 0.04rem; background: #fe5e5e; 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: #fe5e5e; content: "";
position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; transition: .5s;}

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

  .match-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 10%;}
  .match-banner-info-icon img{width: 12%;}
  .match-banner-info-school{font-size: 0.24rem; font-weight: bold; color: #fff; margin: 0.25rem 0 0.1rem;}
  .match-banner-info-name{font-size: 0.22rem; color: #fff;}
  
  .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 5px; position: relative;}
  .match-tab ul li a{color: #333; display: block;}
  .match-tab ul li.active a,
  .match-tab ul li:hover a{color: #fe5e5e; font-weight: bold;}
  .match-tab ul li::before{width: 0%; height: 0.04rem; background: #fe5e5e; 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: #fe5e5e; content: "";
  position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; transition: .5s;}
  

  }

/*会员中心_赛事报名*/

/*会员中心_报名提交*/
.member{padding: 0.4rem 0; background: #fff;}
.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.14rem; color: #333; text-align: center; }
 .member-half-name{border-right: 1px solid #dedede;}
.member-half-name .red{color: #fe5e5e;}
.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 select.area{width: 30%; 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-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.6rem; 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,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{ border-bottom: 1px solid #dedede;}
.member-contestants-btn{width: 1.6rem; height: 0.32rem; line-height: 0.32rem; margin: 0.2rem auto; background: #fe5e5e; 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: 25%; 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.6rem; height: 0.6rem; border-bottom: 1px solid #dedede;}
.member-accommodation-halal input[type="radio"]{margin: 0 0.1rem; accent-color:red; 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;}
.member-accommodation-explain{font-size: 0.14rem; color: #333; line-height: 0.3rem; padding: 0.3rem;}
.member-btn{width: 40%; height: 0.7rem; line-height: 0.7rem; text-align: center; margin: 0 auto; margin-top: 0.3rem;
font-size: 0.24rem; background: #fe5e5e; border-radius: 0.1rem;}
.member-btn a{color: #fff; display: block;}
@media screen and (max-width:576px){


  .member{padding: 0.4rem 0; background: #fff;}
  .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: #fe5e5e;}
  .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.3rem;}
    .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: #fe5e5e; border-radius: 0.1rem;
  font-size: 0.25rem; text-align: center; /*margin-top: -0.3rem;*/ margin-top:0}
  .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.14rem; 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:red; 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: #fe5e5e; border-radius: 0.1rem;}
  .member-btn a{color: #fff; display: block;}
  
  .member-contestants td select{height: 0.5rem; width: 50%; line-height: 0.5rem; border: 1px solid #dedede; margin: 0 auto; display: block;
  box-sizing: border-box; margin-top:0.2rem; float:right; /*padding-left: 0.1rem;*/}
  .company-information-school-table td select{height: 0.5rem; line-height: 0.5rem;margin: 0.15rem auto; }
  .company-information-school-table td select.area{height: 0.5rem; width: 30%; float:left; margin-left:0.1rem  }
  #PicFile{width:70%; overflow:hidden}
}
/*会员中心_报名提交*/

/*入会申请_公司*/
.company-box{background: #f2f2f2; padding: 0.5rem 0;}
.company-step{display: flex; margin: 0.35rem 0; height: 0.48rem; overflow: hidden;}
.company-step-list{width: 2rem; height: 0.48rem; line-height: 0.48rem; background: #cccccc; text-align: center; position: relative;
border-right: 1px solid #fff; font-size: 0.16rem;}
.company-step-list.active{background: #fe5e5e; color: #fff;}
.company-step-list::before{width: 0; height: 0; border: 0.25rem solid; content: ''; position: absolute; right: -0.48rem; top: 0;
  border-color:transparent transparent transparent #ccc; z-index:3;}
.company-step-list.active::before{width: 0; height: 0; border: 0.25rem solid; content: ''; position: absolute; right: -0.48rem; top: 0;
  border-color:transparent transparent transparent #fe5e5e; z-index: 3;}
.company-step-list::after{width: 0; height: 0; border: 0.25rem solid; content: ''; position: absolute; right: -0.51rem; top: 0;
    border-color:transparent transparent transparent #fff; z-index: 2;
}

.company-information{background: #fff;}
.company-information-tit{text-align: center; font-size: 0.18rem; line-height: 0.6rem;}
.company-information-tit input{margin: 0 0.1rem 0 0.2rem; cursor: pointer;}
.company-information-txt{line-height: 0.28rem;}

.company-information-school-table{ border-collapse: collapse; border-spacing: 0; text-align: center; border: 1px solid #dedede;;}
.company-information-school-table .company-information-school-tit{font-size: 0.24rem; line-height: 0.4rem;}
.company-information-school-table tr{line-height: 0.6rem; font-size: 0.16rem; border-bottom: 1px solid #dedede;}
.company-information-school-table tr td{border-right: 1px solid #dedede;}
.company-information-school-table tr td input{width: 90%; height: 0.32rem; line-height: 0.32rem; border: 1px solid #dedede;
margin: 0 auto; display: block; padding:0 5px}
.company-information-school-table tr .company-information-school-table-certificates{display: flex; align-items: center;
justify-content: space-around; line-height: 0.6rem;}
.company-information-school-table tr td input.company-information-school-table-certificates-text{width: 60%; margin: 0;}
.company-information-school-table tr td input.company-information-school-table-certificates-submit{width: 30%; margin: 0;
background: #4788d7; color: #fff; cursor: pointer;}

.company-information-school-table-l{width: 20%; padding: 0.3rem; box-sizing: border-box;}
.company-information-commitment-tit{}
.company-information-commitment{ box-sizing: border-box; padding: 0.3rem; text-align: left;}
.company-information-commitment-txt{font-size: 0.16rem; color: #333; line-height: 0.28rem;}
.company-information-commitment-person{width: 100%; text-align: right;}
.company-information-school-table tr td input.company-information-commitment-person-text{width:30%; display: inline-block;}
.company-information-introduction{padding: 0.2rem; box-sizing: border-box; padding-bottom: 0;}
.company-information-introduction textarea{width: 100%; padding:5px; font-family:"微软雅黑"}



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

  .company-box{background: #f2f2f2; padding: 0.5rem 0;}
  .company-step{display: flex; margin: 0.35rem 0; height: 0.6rem; overflow: hidden;}
  .company-step-list{width: 21%; height: 0.6rem; line-height: 0.6rem; background: #cccccc; text-align: center; position: relative;
  border-right: 1px solid #fff; font-size: 0.2rem; padding-left: 3%;}
  .company-step-list.active{background: #fe5e5e; color: #fff;}
  .company-step-list::before{width: 0; height: 0; border: 0.3rem solid; content: ''; position: absolute; right: -0.59rem; top: 0;
    border-color:transparent transparent transparent #ccc; z-index:3;}
    .company-step-list.active{padding-left: 0;}
    .company-step-list.active::before{width: 0; height: 0; border: 0.3rem solid; content: ''; position: absolute; right: -0.59rem; top: 0;
    border-color:transparent transparent transparent #fe5e5e; z-index: 3;}
  .company-step-list::after{width: 0; height: 0; border: 0.3rem solid; content: ''; position: absolute; right: -0.61rem; top: 0;
      border-color:transparent transparent transparent #fff; z-index: 2;
  }

  .company-information{background: #fff; padding: 0.15rem;}
  .company-information-tit{text-align: center; font-size: 0.26rem; line-height: 0.8rem;}
  .company-information-tit input{margin: 0 0.1rem 0 0.2rem; cursor: pointer;}
  .company-information-txt{line-height: 0.35rem; font-size: 0.22rem; margin-top: 0.1rem;}
  
  .company-information-school-table{ border-collapse: collapse; border-spacing: 0; text-align: center;  border: 1px solid #dedede;
  border-bottom: none;}
  .company-information-school-table .company-information-school-tit{font-size: 0.3rem;}
  .company-information-school-table tr{line-height: 0.8rem; display: flex; flex-wrap: wrap; font-size: 0.25rem; border-bottom: none;}
  .company-information-school-table tr td{display: block; border-right: none; border-bottom: 1px solid #dedede; width: 50%;
  box-sizing: border-box; height: auto; line-height: 0.8rem;}
  .company-information-school-table tr td.td1{width: 35%;}
  .company-information-school-table tr td.td2{width: 65%;}
  .company-information-school-table tr td.hang{width: 100%; height: auto; box-sizing: border-box;}
  .company-information-school-table tr td.hang .company-information-school-tit{ }
  .company-information-school-table tr td input{width: 90%; height: 0.5rem; line-height: 0.5rem;
  margin: 0.15rem auto; display: block;}
  .company-information-school-table tr .company-information-school-table-certificates{display: flex; align-items: center;
  justify-content: space-around; line-height: 0.6rem;}
  .company-information-school-table tr td input.company-information-school-table-certificates-text{width: 60%; margin: 0.15rem;}
  .company-information-school-table tr td input.company-information-school-table-certificates-submit{width: 30%; margin: 0.15rem;
  background: #4788d7; color: #fff; cursor: pointer;}
  
.company-information-school-table-l{width: 100%; box-sizing: border-box;}
.company-information-commitment-tit{}
.company-information-commitment{ box-sizing: border-box; padding: 0.3rem; text-align: left;}
.company-information-commitment-txt{font-size: 0.22rem; color: #333; line-height: 0.4rem;}
.company-information-commitment-person{width: 100%; text-align: right;}
.company-information-school-table tr td input.company-information-commitment-person-text{width:30%; display: inline-block;}
.company-information-introduction{padding: 0.2rem; box-sizing: border-box; padding-bottom: 0;}
.company-information-introduction textarea{width: 100%;}

}
/*入会申请_公司*/


/*入会申请_学校*/
.Range{display: flex; flex-wrap: wrap; align-items: center; padding: 0 0.2rem;}
.Range label{display: flex; align-items: center;}
.company-information-school-table tr td input[type="checkbox"]{display: inline-block; width: auto; margin: 0 0.2rem; cursor: pointer;}
.company-information-school-table tr td input[type="radio"]{display: inline-block; width: auto; margin: 0 0.2rem; cursor: pointer;}
/*入会申请_学校*/

/*logo上传*/
.upload{width: 6.74rem; /*max-height: 5rem;*/ /*position: fixed;*/ left: 0; right: 0; margin: auto; bottom: 10%;  padding: 0.4rem 1rem;
box-sizing: border-box; background: #fff; border-radius: 0.1rem;
box-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 0, 0, 0.3),
-0.05rem -0.05rem 0.1rem rgba(0, 0, 0, 0.3); margin:0 auto; margin-top:30px; margin-bottom:30px}
.upload-tit{font-size: 0.3rem; color: #333; text-align: center;}
.upload-logo{width: 1.2rem; height: 1.2rem; /*border-radius: 100%;*/ margin: 0.45rem auto; overflow: hidden;}
.upload-logo img{width: 100%;}

.upload-inp{}
.upload-inp input{height: 0.5rem; line-height: 0.5rem;}
.upload-inp input[type="text"]{width: 78%; float: left; border: 0.01rem solid #dedede;}
.upload-inp input[type="button"]{width: 20%; background: #fe5e5e; border: none; float: right; font-size: 0.16rem;
color: #fff; cursor: pointer;}
.upload-btn{width: 100%; height: 0.5rem; line-height: 0.5rem; background: #fe5e5e; font-size: 0.16rem; margin-top: 0.25rem; 
text-align: center;}
.upload-btn a{color: #fff; display: block;}

.ui-upload {
      font-size: 0.16rem;
       width:70%;
      height: 0.5rem;
      line-height: 0.5rem;
      text-align: center;
      position: relative;
      cursor: pointer;
      color: #fff;
      background: #4788d7;
      border-radius: 0px;
      overflow: hidden;
      display: inline-block;
      text-decoration: none;
    }
    
    .ui-upload input {
      position: absolute;
      font-size: 100px;
      right: 0;
      top: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      cursor: pointer
    }


@media screen and (max-width:576px){
  .upload{width: 95%; padding: 0.4rem; /*position: fixed;*/ top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
  .upload-inp input{height: 0.5rem; line-height: 0.5rem;}

  .upload-inp input[type="text"]{width: 70%; float: left; border: 0.01rem solid #dedede;}
  .upload-inp input[type="button"]{width: 25%; background: #fe5e5e; border: none; float: right; font-size: 0.25rem;
  color: #fff; cursor: pointer; text-align: center; display: block;}
  .upload-btn{width: 100%; height: 0.6rem; line-height: 0.6rem; background: #fe5e5e; font-size: 0.25rem; margin-top: 0.25rem; 
  text-align: center;}
  .upload-btn a{color: #fff; display: block;}
 .member-half-inp select.area{width: 30%; height: 0.5rem; line-height: 0.5rem; border: 1px solid #dedede; margin: 0 auto; display: block;
box-sizing: border-box; padding-left: 0.1rem;}
}



/*弹窗*/

.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.theme-popover{position:fixed;top:50%;left:50%;z-index:9999;display:none;margin:-150px 0 0 -225px;width:450px;height:300px; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666}
.theme-poptit{position:absolute; right:0.2rem; top:0.2rem; transform:scale(2);}
.theme-poptit a{color:#000;}
.Reservations-tit{font-size:0.25rem; color:#20252b; text-align:center; margin-top:0.6rem}
.Reservations-tit span{color:#ffcc56;}
.Reservations-btn{ width:40%; height:0.6rem; line-height:0.6rem; margin: 0.5rem auto; background:red; text-align:center; font-size:0.25rem;
border-radius:0.1rem;} 
.Reservations-btn a{color:#fff;}

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

.theme-popover{position:fixed;top:30%;left:10%;z-index:9999;display:none;margin:0;width:80%;height:180px; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666}

.Reservations-tit{font-size:0.35rem;}

}



/*弹窗*/


/*查询弹窗*/

.seek-popup{position:fixed;top:40%;left:50%;z-index:9999;display:none;margin:-150px 0 0 -225px;width:450px;height:auto; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box; padding:0.5rem 0.3rem;}
.seek-poptit{position:absolute; right:0.2rem; top:0.2rem; transform:scale(2);}
.seek-poptit a{color:#000;}
.seek-text input{width:100%; height:0.5rem; line-height:0.5rem; font-size:0.15rem; text-align:center; color:#333;
box-sizing: border-box; padding:0 0.2rem; border:none; border-bottom:1px solid #dedede; outline:none;}
.seek-btn{width:50%; height:0.5rem; line-height:0.5rem; text-align:center; background:#ff4e4e; margin:0.2rem auto; border-radius:0.1rem; font-size:0.2rem;}
.seek-btn a{display:block; color:#fff;}
.seek-info{}
.seek-info-tit{font-size:0.22rem; text-align:center; color:#333; margin-bottom:0.2rem;}
.seek-info-txt{font-size:0.16rem; line-height:2.5; color:#666}


.tishi{position:fixed;top:20%; margin:0 auto; left:0; right:0;z-index:9999;width:50%;height:auto; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box; padding:0.5rem 0.3rem;}
.tishi-poptit{ text-align:center; font-size:24px; padding:10px 0}
.tishi-info{ padding:15px; line-height:0.5rem}

.seek-btn{width:50%; height:0.5rem; line-height:0.5rem; text-align:center; background:#ff4e4e; margin:0.2rem auto; border-radius:0.1rem; font-size:0.2rem;}
.seek-btn a{display:block; color:#fff;}
.seek-info{}
.seek-info-tit{font-size:0.22rem; text-align:center; color:#333; margin-bottom:0.2rem;}
.seek-info-txt{font-size:0.16rem; line-height:2.5; color:#666}


@media screen and (max-width:576px){
.tishi{position:fixed;top:20%; margin:0 auto; left:0; right:0;z-index:9999;width:90%;height:auto; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box; padding:0.5rem 0.3rem;}
.seek-popup{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; box-sizing: border-box; padding: 0.8rem 0.3rem 0.3rem;}
.seek-poptit{position:absolute; right:0.2rem; top:0.2rem; transform:scale(2);}
.seek-poptit a{color:#000;}
.seek-text input{width:100%; height:0.6rem; line-height:0.6rem; font-size:0.25rem; text-align:center; color:#333;
box-sizing: border-box; padding:0 0.2rem; border:none; border-bottom:1px solid #dedede; outline:none;}
.seek-btn{width:50%; height:0.5rem; line-height:0.5rem; text-align:center; background:#ff4e4e; margin:0.2rem auto; border-radius:0.1rem; font-size:0.22rem;}
.seek-btn a{display:block; color:#fff;}
.seek-info{}
.seek-info-tit{font-size:0.25rem; text-align:center; color:#333; margin-bottom:0.2rem;}
.seek-info-txt{font-size:0.22rem; line-height:2.5; color:#666}


}

/*查询弹窗*/


.myMessList {
    width: 100%
}

    .myMessList li {
        width: 100%;
        display: flex;
        padding: 10px 0;
        justify-content: space-between
    }

        .myMessList li .title {
            text-align: left
        }

        .myMessList li .addtime {
            text-align: right
        }