.main-menu{
  width:100%;
  height: 80px;
  background: #232323;
  top: 0;
  position: fixed;
  z-index: 1000;
}
.header-hover{
  transition: all 0.5s ease 0s;
  box-shadow: -20px 20px 30px 0px rgba(158, 158, 158, 0.3);
}
.header-con{
  width: 1200px;
  height: 80px;
  margin: 0 auto;
  /* line-height: 80px; */
}

.person-con{
  width: 1200px;
  height: 80px;
  margin: 0 auto;
  display:none;
  /* line-height: 80px; */
}
#headerHtml{
  width:100%;
  height: 80px;
  background: #232323;
  top: 0;
  position: fixed;
  z-index: 1000;
}
.logo{
  display: inline-block;
  height: 80px;
  line-height: 80px;
  /* margin: 20px 60px 0 0; */
  font-size: 24px;
  color:rgb(255,255,255,0.6);
}
.logo img{
  vertical-align: text-bottom;
  margin-right:0px;
}
a.logo:hover{
  color:rgb(255,255,255,0.6);
}
.nav-menu-container{
  height: 80px;
}
.button-type{
  height: 40px;
  position: relative;
  top:50%;
  right: 0;
  margin-top: -20px;
  display: none;
}
.button-type button{
  width: 70px;
  height:34px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  background: rgb(0,176,227);
  color:#fff;
}
.sign-intergrate-box{
  float: right;
  display: flex;
  align-items: baseline;
  padding:32px 0px;
  margin-right:6px;
}
.sign-intergrate-box .line-stand{
  display: inline-block;
  width:1px;
  height: 12px;
  background-color: rgb(0,176,227);
}
.sign-intergrate-box >span{
  /* border-right: 1px solid rgb(0,176,227);111 */
  padding:0px 5px;
  display: flex;
  cursor: pointer;
}
.sign-intergrate-box a{
  color:rgb(0,176,227);
  font-size: 12px;
  margin-left:5px;
}
.sign-box div{
  position: relative;
}
.sign-box div span{
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: red;
  left:85%;
  top:20%;
  transform: translate(-50%,-50%);
  opacity: 0;
}
.person-center{
  height: 80px;
  line-height: 80px;
  display: none;
}
.person-center em,.person-center i{
  display: inline-block;
  width: 25px;
  height: 25px;
}
.person-center em img,.person-center i img{
  width: 100%;
  height: 100%;
  vertical-align: top;
  margin-top: -5px;
  display:none;
}
.person-center em,.person-center i{
  background: url(../images/personal/personal.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
}
em.titlefont{
  background:unset;
  vertical-align: baseline;
  color:rgb(0,176,227);
}
/* em.titlefont+a{
  color:rgb(0,176,227);
  font-size: 12px;
} */
.person-center span{
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  padding:0px 5px;
  color:rgb(168,168,168);
}
.person-center span:nth-child(2){
  color:rgb(0,176,227);
}
#sign-in{
  border: 1px solid rgb(0,176,227); 
  color:rgb(0,176,227);
  background-color: rgb(31,31,31);   
  margin-left: 10px;
}
.nav-menu{
  height: 80px;
  min-width: 200px;
  padding-left: 12px;
}
.nav-menu li{
  float: left;
  width: 115px;
  height: 80px;
  box-sizing: border-box;     
  text-align: center;
  cursor: pointer;
}
.nav-menu li.selectTag{
  background-color: #22252b;
  border-bottom: 3px solid #00b0e3;
}
.nav-menu li.active{
  border-bottom: 3px solid rgb(0,176,227);
}
.nav-menu a{
  display: block;
  /* padding: 0 22px 0px; */
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  color:rgb(168,168,168);
  cursor: pointer;
  white-space:nowrap;
  text-align:center;
}
.nav-menu a.currentTag{
  color: #00b0e3;
}
/* .nav-menu a:link,.nav-menu a:visited{
  color: rgb(0,176,227);
  font-size: 18px;
} */
.serverMunu-list{
  width: 100%;
  padding: 25px 0px;
  background-color: #000;
  display: none;
  opacity:0.9;
}
.serverMunu-list .w1200{
  display: flex;
}
.partner{
  width: 100%;
  padding: 25px 0px;
  background-color: #000;
  display: none;
  opacity:0.9;
}
.partner .w1200{
  display: flex;
}
.personalMunu-list{
  width: 14%;
  /* height:80px; */
  transform: translateX(132%);
  padding: 13px 4px;
  background-color: #000;
  opacity:0.6;
  display: none;
  text-align: center;
  float: right;
}
.version-list{
  flex:1;
  border-right: 1px solid #878a90;
  /* padding-left: 448px; */
}
.version-list li{
  line-height: 54px;
  font-size:16px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}
.version-list li:first-child{
  border-right: 3px solid #00b0e3;
}
.version-list li:first-child a{
  color:#00b0e3;
}
.version-list li:hover{
  border-right: 3px solid #00b0e3;
}
.version-list li a{
  color:#a8a8a8;
}
.version-list li a:hover{
  color:#00b0e3;
}

.version-list-content{
  flex: 4;
  padding-left: 50px;
}
.server-menu{
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}
.common-tools{
  /* display: flex; */
  flex-direction: column;
  display: none;
}
.common-tools .menu-item{
  margin: 10px 0px;
}
.product-class{
  display: none;
}
.menu-item{
  width:46%;
  margin-right: 2%;
  display: flex;
  align-items: baseline;
  cursor: pointer;
}
.menu-item:hover{
  color:#00b0e3;
}
.menu-item > span{
  width: 30px;
  height: 30px;
}
.menu-item > span img{
  width: 100%;
}
.menu-item-title{
  margin-left: 15px;
  width:calc(100% - 45px);
}
.menu-item-title span{
  font-size:16px;
  color:#a8a8a8;
}
.menu-item-title em,.menu-item-title i{
  font-size:20px;
  color:#00b0e3;
}
.menu-item-title p{
  font-size:14px;
  color:#808080;
}
.menu-item-title .hoverActived{
  color:#00b0e3;
}
.special-server{
  display: flex;
}
.special-server a{
  flex:2;
}
.special-server .special-service-list{
  flex: 8;
  display: flex;
  justify-content: center;
}

.personalMunu-list li{
  font-size: 16px;
  line-height: 30px;
  cursor: pointer;
  margin-right: 5%;
}
.personalMunu-list li a{
  color:rgb(168,168,168);
}
.personalMunu-list li a:hover{
  color:#00b0e3;
}
.footer-nav-box{
  width: 100%;
  height: 370px;
  background-color: rgb(68,85,94);
}
.tel{
  font-size: 24px;
  color:rgb(0,176,227);
  padding: 30px 0px;
}
.footer-nav-list{
  display: flex;
}
.footer-nav-list ul{
 flex: 2;
 float: left;
}
.footer-nav-list .official-account{
  flex: 1;
 }
.nav-item ul:not(.aboutUs){
  margin-right: 115px;
}
.nav-item ul li:first-child{
  color: #fff;
}
.nav-item ul li{
  font-size: 18px;
  line-height: 30px;
  color:rgb(189,189,189);
}
.nav-item ul li a{
  color:rgb(189,189,189);
}
.official-account-list{
  display: flex;
}
.official-account p{
  font-size: 18px;
  line-height: 30px;
  color:#fff;
  margin-bottom: 0px;
}
.anzai-image{
  width: 148px;
  height: 148px;
  display: inline-block;
  background: url(../images/indexImage/h3c-solution.png) no-repeat center;
  background-size: cover;
}
.gzh-image .anzai-image img{
  width: 132px;
  height: 132px;
  vertical-align: middle;
  margin: 8px;
}
.gzh-image:first-child{
  margin-right: 100px;
}
.gzh-image img{
  width: 148px;
  height: 148px;
}
.gzh-image p{
  font-size: 14px;
  color:rgb(189,189,189);
  text-align: center;
  white-space: nowrap;
}
.copyright-box{
  background: #000 none repeat scroll 0 0;
  height: 74px;
  width: 100%;
  text-align: center;
}
.copyright-box p{
  margin-bottom: 0px;
  font-size: 14px;
  height: 74px;
  line-height: 74px;
  color: #fff;
}
.feedback{
  position: fixed;
  right: 0px;
  bottom: 270px;
  z-index:10;
}
.feedback-munu{
  width: 50px;
  height: 178px;
  position: absolute;
  right: 0px;
  bottom: 60px;
  padding: 20px 10px;
  background-color: rgb(127,127,127);
  /* opacity: 0.8; */
  border-radius: 10px 0px 0px 10px;
  cursor: pointer;
  z-index: 890;
}
.feedback-munu p{
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  color:rgb(123,224,253);
}
.toTop{
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  background-color: rgb(127,127,127);
  /* opacity: 0.8; */
  margin-top: 10px;
  right: 0px;
  bottom: -240px;
  text-align: center;
  line-height: 50px;
}
.feedbackForm{
  width: 358px;
  height: 390px;
  padding:15px 25px;
  position: absolute;
  right: 50px;
  bottom: -240px;
  background-color: #fff;
  z-index: 888;
  display: none;
}
.actived{
  animation: formTable 0.3s forwards;
}
@keyframes formTable{
  0%{
    width: 10px;
    right: -308px;
    opacity:0.3;
  }
  100%{
    width: 358px;
    right: 50px;
    opacity:1;
  }
}
.bubble{
  position: relative;
  padding: 10px;
  margin:1em 0em 4em;
  width: 100px;
  border:none;
  top: -260px;
  left:-30px;
  line-height: 1.2;
  font-size: 16px;
  text-align: center;
  color:#fff;
  background: #00b0e3;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  /* opacity: 0; */
  display: none;
  /* background:-webkit-gradient(linear,left top,left bottom,from(#00b0e3),to(#00b0e3));
  background:-moz-linear-gradient(top,#00b0e3,#00b0e3);
  background: -o-linear-gradient(top,#00b0e3,#00b0e3);
  background: linear-gradient(top,#00b0e3,#00b0e3); */
}
.bubbleActive{
  animation: tipShow 2s forwards;
}
@keyframes tipShow{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.bubble:after{
  content:"\00a0";
  width:0;
  height:0;
  display:block;
  border-style:solid;
  border-width:10px;
  border-color:#00b0e3 transparent transparent transparent;
  position:absolute;
  z-index: -1;
  bottom: -20px;
  left:50px;
}
.anzai-icon{
  position: absolute;
  bottom: 86px;
  right: -182px;
  width: 360px;
  height: 240px;
  transform: rotate(-30deg);
  z-index:5;
}
.anzai-icon-hover{
  animation: iconshow 1s forwards;
}
@keyframes iconshow{
  0%{
    right: -182px;
    transform: rotate(-30deg);
    cursor: pointer;
  }
  30%{
    right: -182px;
    transform: rotate(0deg);
    cursor: pointer;
  }
  100%{
    right: -140px;
    transform: rotate(0deg);
    cursor: pointer;
  }
}
.anzai-icon img{
  max-width: 100%;
  max-height:100%; 
}
.feedback-content{
  /* height: 32px; */
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.feedback-content:nth-child(3){
  margin-bottom: 20px;
}
.feedback-content span{
  width: 20%;
}
.feedback-content input{
  width:78%;
  height: 32px;
}
.feedback-content textarea{
  width:78%;
  height: 200px;
}
::-webkit-input-placeholder{
  padding-left: 6px;
}
.feedback-content button{
  width: 78%;
  background-color:#337ab7;
  height: 32px;
  color: #fff;
}
/****************register style*****************/
.register-masking{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0,0.8);
  display: none;
  z-index: 9999;
}
.register-masking2{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0,0.8);
  display: none;
}
.closeBtn{
  position: absolute;
  font-size: 24px;
  right: 20px;
  cursor: pointer;
  color:rgb(0, 176, 227);
  top: 15px;
}
@media only screen and (max-width: 1300px) {
  .register-content{
    height:500px;
    overflow-y: scroll;
  }

}
.register-content{
  position: absolute;
  width: 8.76rem;
  padding: 0.15rem 0.2rem;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
  display:none;
  left: 50%;
  top: 50%;
  margin-left: -4.38rem;
  transform: translateY(-56%);
}
.register-content p{
  color: #333;
  font-size: 0.18rem;
  font-weight: 500;
  margin: 0.3rem 0px;
}
.text-box{
  width: 50%;
  margin: 0 auto;
  height: 0.42rem;
  padding: 0.03rem;
  margin-bottom: 20px;
  text-align: left;
  border: 1px solid #e6e6e6;
}
.text-box input{
  width: 100%;
  outline: none;
  border: 0;
  height: 0.36rem;
  line-height: 0.36rem;
  /* letter-spacing: 2px; */
  padding-left: 0.04rem;
  font-size: 0.16rem;
}
.tel-code{
  width: 50%;
  margin: 0 auto;
  display: flex;
}
.tel-code .text-box{
  width: 60%;
}
#auto-code{
  display: inline-block;
  width: 38%;
  margin-left: 2%;
  height: 0.42rem;
  background-color: rgb(0, 176, 227);
  color: #fff;
  line-height: 0.42rem;
  font-size: 0.16rem;
}
#repass-code{
  display: inline-block;
  width: 38%;
  margin-left: 2%;
  height: 0.42rem;
  background-color: rgb(0, 176, 227);
  color: #fff;
  line-height: 0.42rem;
  font-size: 0.16rem;
}
.CPselect{
  width: 50%;
  margin: 0 auto;
}
.CPselect select{
  display: inline-block;
  width: 32.5%;
  border: 1px solid #e6e6e6;
  height: 0.42rem;
  font-size: 0.16rem;
  padding-left: 0.05rem;
}
.register-btn{
  width: 50%;
  height: 0.42rem;
  border-radius: 5px;
  background-color: rgb(0, 176, 227);
  margin: 0 auto;
  line-height: 0.42rem;
  margin-top: 0.2rem;
  cursor: pointer;
}

.register-btn a{
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.agreement{
  width: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
  margin-top: 0.1rem;
}
.agreement .re-checkbox span{
  color:rgb(0, 176, 227);
  font-size: 14px;
}
#registerLogin{
  font-size: 14px;
  color:rgb(0, 176, 227);
}
.register-success{
  width: 8.76rem;
  padding: 0.8rem 0.2rem;
  background-color: #fff;
  position:absolute;
  text-align: center;
  left:50%;
  top:50%;
  transform:translate(-50%,-60%);
  display:none;
}
.font-tick{
	font-size:16px;
	color:#00b0e3;
}
.register-success p:first-child{
  font-size:0.22rem;
  color:#00b0e3;
}
.register-success p:first-child em,.register-success p:first-child i{
  font-size: 0.22rem;
  color:#00b0e3;
}
.register-success p:nth-child(2){
  font-size:14px;
  color:#00b0e3;
}
.countDown{
  font-size:0.5rem;
  padding: 0.8rem 0rem;
}
.register-bottom{
  font-size: 14px;
  color:#ccc;
}
.register-bottoma{
  color:#00b0e3;
}
.logging{
  width: 5.3rem;
  /* height: 4rem; */
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-60%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  display: none;
}
.digitallogging{
  width: 5.3rem;
  /* height: 4rem; */
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-60%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  display: none;
}


.repass{
  width: 6rem;
  height: 4rem;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-60%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  display: none;
}

.repassSubmit{
  width: 7.1rem;
  height: 4rem;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-60%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  display: none;
}
.changePasswordSubmit{
  width: 7.1rem;
  height: 4rem;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  display: none;
}
.registry-logging{
  width: 5.3rem;
  height: 4rem;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-60%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  display: none; 
}
.registry-logging .registry-box input{
	width:70%;
	padding-left: 0.15rem;
	height:0.3rem;
}
.success-register{
  width: 5.3rem;
  height: 4rem;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-60%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  font-size:16px;
  display: none; 
 
}
.success-register .success-image{
	margin-top:0.5rem;
}
.success-register .success-image em,.success-register .success-image i{
	font-size : 100px;
	color:#00cc66;	
}
.success-register p{
	margin:30px auto;
	font-size:14px;
}
.success-register .register-bottom a{
	text-decoration:underline;
}
.no-binding{
  width: 5.3rem;
  height: 4rem;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-60%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  font-size:16px;
  display: none;
 
}
.nobinding-content .nobinding-desc{
	margin:1rem auto;	
	font-size:16px;

 }
 .nobinding-content .nobinding-choice span{
 	margin: 0 20px;
 	font-size:14px;
 	line-height:0.32rem;
 }
 

.bind-logging  .login-text{
  width: 4.36rem;
  height: 0.42rem;
  border:1px solid #e6e6e6;
  padding:0.1rem 0.05rem;
  display: flex;
  align-items: center;
  margin: 0.6rem auto;
  /* margin-bottom: 15px; */
}

.bind-logging .login-text i{
  display:inline-block;
  width: 10%;
  height: 100%;
  font-size: 0.24rem;
  border-right: 1px solid #e6e6e6;
  font-weight:600;
}
.bind-logging{
  width: 5.3rem;
  height: 4rem;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-60%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  display: none; 
}

.success-binding{
  
  width: 5.3rem;
  height: 4rem;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-60%);
  padding: 0.15rem 0.2rem;
  text-align: center;
  display: none; 
}
.success-binding .success-image{
	margin-top:0.5rem;
}
.success-binding .success-image i{
	font-size : 100px;
	color:#00cc66;	
}
.success-binding p{
	margin:30px auto;
	font-size:14px;
}
.success-binding .register-bottom a{
	text-decoration:underline;
}
.logging p:first-child,.digitallogging p:first-child{
  font-size: 20px;
  color:rgb(0,176,227);
  padding: 0.24rem 0rem 0rem 0rem;
}
.titlep{
  font-size: 20px;
  color:rgb(0,176,227);
  padding: 0.24rem 0rem 0rem 0rem;
}
.logging .qrcode-image,.digitallogging .qrcode-image{
	width:2.5rem;
	height:2.5rem;
	margin:0 auto;
}
.logging .qrcode-desc p,.digitallogging .qrcode-desc p{
	font-size: 16px;
  	color:rgb(0,176,227);
  	padding: 0;
}
#qr-image,#qr-image-digital{
	height:100%;
}
.logging .login-text,.digitallogging  .login-text{
  width: 4.36rem;
  height: 0.42rem;
  border:1px solid #e6e6e6;
  padding:0.1rem 0.05rem;
  display: flex;
  align-items: center;
  margin: 0.25rem auto;
  /* margin-bottom: 15px; */
}
.logging .logging-tabs .nav{
	padding-left:1.5rem;
}
.digitallogging .logging-tabs .nav{
  padding-left:1.5rem;
}
.login-text .login-box{
  margin-bottom: 0px;
  line-height: 0.32rem;
  width: 100%;
  text-align: left;
}
.login-box input{
  width: 100%;
  border: 0px;
  outline: none;
  font-size: 16px;
  padding-left: 0.15rem;
}
.bind-logging .login-text em,.logging .login-text em,.digitallogging .login-text em{
  display:inline-block;
  width: 10%;
  height: 100%;
  font-size: 0.24rem;
  border-right: 1px solid #e6e6e6;
  font-weight:600;
}
.bind-logging button,.logging button,.digitallogging button{
  display: block;
  width: 4.36rem;
  height:0.42rem;
  margin: 0 auto;
  background-color:rgb(0,176,227);
  color:#fff;
  border-radius: 5px;
  font-size: 18px;
  margin-top: 0.25rem;
}
.repass button{
  display: block;
  width: 5.6rem;
  height:0.42rem;
  margin: 0 auto;
  background-color:rgb(0,176,227);
  color:#fff;
  border-radius: 5px;
  font-size: 18px;
  margin-top: 0px;
}
.login-bottom{
  width: 4.36rem;
  margin: 0 auto;
  padding-top: 10px;
}
.login-bottom a{
  float: right;
  font-size: 16px;
  color:rgb(0,176,227);
  margin-bottom: .15rem;
}

.repass-bottom{
  width: 4.36rem;
  margin: 0 auto;
  padding-top: 10px;
}
.repass-bottom a{
  float: right;
  font-size: 16px;
  color:rgb(0,176,227);
}
.server-list .caption{
  font-size: 22px;
  color:rgb(0,176,227);
  position: relative;
  cursor: pointer;
  margin:10px 85px;
}
.diamond{
  position: absolute;
  left: 6px;
  width: 50px;
  height: 50px;
  margin-top: 5px;
  transform: rotate(45deg);
  border: 1px solid rgb(0, 176, 227);
  cursor: pointer;
}
.diamond .equipment-font{
  display: inline-block;
  font-size: 35px;
  margin: 2px;
  width: 100%;
  height: 100%;
  text-align: center;
  color:#1296db;
  transform: rotate(-45deg);
  cursor: pointer;
}
.server-icon div{
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #dcdcdc;
}
.server-icon .iconcircle-hover{
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #00b0e3;
}
.server-icon em{
  display: inline-block;
  font-size: 60px;
  line-height: 160px;
  width: 100%;
  height: 100%;
  text-align: center;
  color:#9a9a9a;
  cursor: pointer;
}
.modal .modal-footer{
  text-align: center;
}
.modal .modal-footer .btn-primary{
  background-color: rgb(0,176,227);
  border-color: rgb(0,176,227);
}
#info{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0,0.5);
  display: none;
  z-index: 66;
}
#info .tip{
  width: 480px;
  height: 220px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-60%);
  padding: 70px 20px;
  text-align: center;
}
#info .tip p{
  color:#999;
  font-size: 20px;
  margin-bottom: 50px;
}
#info .tip a{
  font-size: 16px;
  color: rgb(0,176,227);
  text-decoration: underline;
}
#applyLogin{
  margin-right: 30px;
}
#applySign{
  margin-right: 30px;
}

/* 签到功能样式 */
#signInModel .modal-header{
  border-bottom:0px;
}
#signInModel .modal-body{
  padding: 0px;
}
.sign-in-content{

}
.sign-in-banner{
  background-image: url('../images/signIn/banner.png');
  background-size: cover;
  position: relative;
  /* padding: 28px 0px; */
}
.sign-in-banner .close{
  color:#fff;
  opacity:1;
  font-size: 30px;
  font-weight:normal;
  margin-right: 10px;
}
.continuous-signin{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
}
.continuous-signin span{
  font-size: 30px;
  color:#fff;
}
.continuous-signin ul{
  display: flex;
  margin: 0px 24px;
}
.continuous-signin ul li{
  background-image: url('../images/signIn/calender-bg.png');
  background-size: 100%;
  color:#0064eb;
  font-size:0.7rem;
  padding: 0px 16px;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.continuous-signin ul li:last-child{
  margin-right: 0px;
}
.tips-sign{
  font-size: 0.22rem;
  text-align: center;
  margin: 16px 0px;
  color:#fff;
}
.integrate-card{
  padding-bottom: 8px;
  /* background-image: url('../images/signIn/tip.png');
  background-repeat: no-repeat; */
}
.integrate-card p{
  width: 516px;
  margin: 0 auto;
  background-image: url(../images/signIn/tip.png);
  background-size: 96% 96%;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
}
.integrate-card p span{
  color:#ddedff;
  font-size: 0.22rem;
}
.integrate-card p a{
  text-decoration: underline;
  color:#f9cc19;
  font-size: 0.2rem;
  margin-left: 15px;
}
#totalIntegrate{
  color:#f6f305;
  font-size: 0.32rem;
  font-weight: 600;
  margin: 0px 8px;
}
.credits-exchange{
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url('../images/signIn/title-award.png');
  background-repeat: no-repeat;
}
/* 签到进度条 */
.canlender-bar{
  background-color: #f1f9fd;
  padding: 48px 0 10px 0;
}
.bar-container{
  width: 80%;
  height: 18px;
  margin: 0 auto;
  background-color: #93dfff;
  border-radius: 18px;
  /* background-image: url('../images/signIn/progress.png');
  background-repeat: no-repeat; */
  position: relative;
}
.bar-container+ul{
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top:12px;
}
.bar-container ul li{
  color:rgba(153,153,153,0.8);
  font-size: 14px;
}
.bar-container ul li.current{
  color:rgba(0,94,234,0.8);
}
.canlender-progress{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('../images/signIn/progress.png');
  background-repeat: no-repeat;
  opacity:0;
}
.canlender-day-signed{
  position: absolute;
  left:14%;
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.canlender-ten-sign{
  position: absolute;
  right: 5px;
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.canlender-day-signed img,.canlender-ten-sign img{
  width:88%;
}
.canlender-day-signed .sign-title,.canlender-ten-sign .sign-title{
  position: absolute;
  padding: 4px;
  width: 78px;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
  border:none;
  font-size: 16px;
  text-align: center;
  color:#fff;
  background-image:linear-gradient(to right,rgb(0,189,250),rgb(0,96,255));
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
.canlender-day-signed .sign-title:after,.canlender-ten-sign .sign-title:after{
  content: "\00a0";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-width: 6px;
  border-color: rgb(0,96,255) transparent transparent transparent;
  position: absolute;
  z-index: -1;
  bottom: -12px;
  left: 35px;
}
/* 签到日历 */
.calendar {
  display: none;
  width: 80%;
  padding: 10px;
  margin: 10px auto 0;
  /* background-color: #fafafa; */
  border-radius: 6px;
}
.calendar-title {
  position: relative;
  /* height: 30px;
  line-height: 30px; */
  padding: 10px 0;
  display:flex;
  justify-content: center;
  align-items: center;
}
.calendar-title a.title {
  display: inline-block;
  font-size: 0.26rem;
  /* text-indent: 10px; */
  margin:0px 10px;
  border: none;
  color:#12b4ff;
  width: auto;
  height:unset;
  padding-left:unset;
  background: unset;
}
.calendar-title a.title:before{
  height: 0;
}
.calendar-title a.title:after{
  height: 0;
}
#backToday {
  position: absolute;
  left: 70%;
  top: 8px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color: rgb(255, 128, 142);
  font-size: 0.18rem;
}
.calendar-title .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  /* position: absolute;
  top: 10px;
  right: 0;
  width: 50px; */
}
.calendar-title .arrow span {
  color: #ddd;
  /* font-size: 26px; */
  cursor: pointer;
  width:0px;
  height:0px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.calendar-title .arrow span:hover {
  color: #888;
}
.calendar-title .arrow-prev {
  float: left;
  border-top:transparent 7px solid;
  border-right:#12b4ff 14px solid;
  border-left:transparent 7px solid;
  border-bottom:transparent 7px solid;
}
.calendar-title .arrow-next {
  float: right;
  border-top:transparent 7px solid;
  border-right:transparent 7px solid;
  border-left:#12b4ff 14px solid;
  border-bottom:transparent 7px solid;
}
.calendar-week,
.calendar-date {
  /* overflow: hidden; */
}
.calendar-week .item,
.calendar-date .item {
  float: left;
  /* width: 50px; */
  width:14.2%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size:16px;
}
.calendar-week .item.workday,
.calendar-date .item.workday {
  color:#00b0e3;
  
}
.calendar-week .item.dayoff,
.calendar-date .item.dayoff{
  color:#ff821d
}
.calendar-week {
  padding-bottom: 6px;
  /* border-bottom: 1px solid rgb(255, 128, 142); */
  font-weight: bold;
  font-size: 0.16rem;
}
.calendar-date {}
.calendar-date .item {
  border-radius: 50%;
  font-size: 0.15rem;
  font-weight: 900;
  position: relative;
  color:rgb(192,192,192);
}
.calendar-date .item-curMonth:hover {
  /* background-color: #f0f0f0; */
}
.calendar-date .item.award-day{
  background-image: url('../images/signIn/award.png');
  background-repeat: no-repeat;
  background-size: 34%;
  background-position: center;
  color:rgba(0,0,0,0);
}
.calendar-date .item.award-day::after{
  content: '\5956\52b1';
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  position: absolute;
  left: 88%;
  font-size: 12px;
  transform: translateX(-50%);
  color:rgb(255,129,6);
}
.calendar-date .item.pass-day{
  background-image: url('../images/signIn/pass.png');
  background-repeat: no-repeat;
  background-size: 34%;
  background-position: center;
  color:rgba(0,0,0,0);
}
.calendar-date .item.pass-day::after{
  content: '\9057\61be\9519\8fc7';
  display: inline-block;
  white-space: nowrap;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  position: absolute;
  left: 92%;
  font-size: 12px;
  transform: translateX(-50%);
  color:rgb(188,188,188);
}
.calendar-date .item-curMonth {
  color: #333;
  cursor: pointer;
}
.calendar-date .item-curDay{
  color: #fff;
}
.calendar-date .item-curDay::after{
  content: attr(data-content);
  display: inline-block;
  background-color: rgba(4,199,255,0.9);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.calendar-date .workdaysigned{
  color:#00b0e3;
}
.calendar-date .workdaysigned::after{
  content: attr(data-content);
  display: inline-block;
  background-color: rgba(191,237,250,0.9);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.calendar-date .dayoffsigned{
  color:#ff821d;
}
.calendar-date .dayoffsigned::after{
  content: attr(data-content);
  display: inline-block;
  background-color: rgba(250,229,191,0.9);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.calendar-today {
  display: none;
  opacity: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 90px;
  height: 48px;
  padding: 6px 10px;
  background-color: rgb(255, 128, 142);
  border-radius: 5px;
}
.calendar-today .triangle {
  position: absolute;
  top: 50%;
  left: -16px;
  margin-top: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent rgb(255, 128, 142) transparent transparent;
}
.calendar-today p {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.sign-in-btn-box{
  text-align: center;
  margin: 6px 0px;
}
.signInBtn{
  font-size: 20px;
  color:#fff;
  padding: 8px 38px;
  background-color: #00b0e3;
  border-radius: 28px;
  margin: 0 auto;
}
.rule-tips-title{
  font-size: 14px;
  color:#828387;
  text-align: center;
}
.rule-tips{
  background-color: #edf7fc;
  padding: 10px 0px;
}
.rule-tips p{
  text-align: center;
  color:#5b5c5d;
  font-size: 18px;
}
.rule-tips p:first-child span{
  font-size: 0.2rem;
  color:#018bff;
}
.rule-tips p:first-child em{
  font-size:0.2rem;
  color:#ff8400;
}