* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none !important;
}
.creation {
    /* background-image: linear-gradient(to right,rgb(81,109,250), rgb(245,112,243)) !important;
      color: transparent; */
      background-image: linear-gradient(to right,rgb(81,109,250), rgb(245,112,243)) !important;
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.register {
    background-image: linear-gradient(to right,rgb(81,109,250), rgb(245,112,243)) !important;
    cursor: pointer;
    color: #fff !important;
    
}
.register:hover {
    background-image: linear-gradient(to right,rgb(68, 98, 246), rgb(241, 98, 238)) !important;
}
.sectwo .box .left .item.active .desc {
    color: #333333;
    box-sizing: border-box;
    box-shadow: 0 3px 0 rgb(245,112,243);
}
.words {
    cursor: pointer;
}
.secthree .mainbox .left, .secthree .mainbox .right {
    cursor: pointer;
    background-image: linear-gradient(to right,rgb(68, 98, 246), rgb(241, 98, 238)) !important;
    color: #fff !important;
}
.prev-stack {
    background-color: #fff;
}
.secthree .itembox .item.active {
    padding-bottom: 0;
    border-bottom: 4px solid rgb(240, 114, 238);
}
.imgbutt {
    border-bottom: 5px solid rgb(240, 114, 238) !important;
}
.itemop {
    cursor: pointer;
}

.chahao{
    background: url("/img/叉号.png") !important;
}
#LoginBox {
    display: none;
    justify-content: center;
    align-items: center;
}
.layui-tab-title {
    display: flex;
    justify-content: space-between;
}
.layui-tab-title li {
    min-width: 130px !important;
    font-size: 18px !important;
    
}
.login-btn {
    width: 400px;
    border: transparent !important;
    background-image: linear-gradient(to right,rgb(81,109,250), rgb(245,112,243)) !important;
}

.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
}
.enterbox {
    margin-top: 50px;
}
.paswd {
    margin-top: 30px;
    margin-bottom: 50px;
    
}
.layui-input, .layui-textarea {
    background-color: #e9e8e8 !important;
    padding-left: 20px !important;
}
.layui-this {
    color: rgb(245,112,243) !important;
}
.layui-this:after {
    border-bottom: 2px solid rgb(245,112,243) !important;
}

.notes .layui-form-checked[lay-skin=primary] i {
    border-color: rgb(241, 98, 238)!important;
    background-color: rgb(241, 98, 238) !important;
    color: #fff;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: rgb(241, 98, 238)!important;
    color: #fff;
}
.notes {
    margin-top: 40px;
}
.wxnotes {
    margin-top: 10px;
}
.wxnotes .layui-form-checked[lay-skin=primary] i {
    border-color: rgb(241, 98, 238)!important;
    background-color: rgb(241, 98, 238) !important;
    color: #fff;
}

.forgetpwd {
    margin-left: 100px;
    cursor: pointer;
}
.register-login {
    cursor: pointer;
}
.tologin {
    margin-left: 100px;
    cursor: pointer;
}
.entbj {
    width: 400px;
}
.register-box{
    display: none;
}
#login-user {
    width: 400px;
    border: transparent !important;
    background-image: linear-gradient(to right,rgb(81,109,250), rgb(245,112,243)) !important;
}
.loginbnt1 {
    font-size: 20px;
}


.share{width:440px;background-color:#ffffff;display:none}
    .wb-vip{margin:0 auto;background-color:#fff;width:607px;height:567px;box-shadow:0 0 3px 3px #C0C4CC;z-index:99999;display:none}
    .zhgl_btn{cursor:pointer}
    .zhgl-box{display:none;position:absolute;background:#fff;height:250px;padding:23px 25px;border:1px solid #eee;top:34px;right:48px;z-index:999;border-radius:5px}
    .zhgl-box .zhgl_a{text-align:center}
    .zhgl-box .zhgl_a p{font-size:12px}
    .zhgl-box .zhgl_a h3{font-weight:700;margin:7px 0}
    .zhgl-box .zhgl_a p a{color:#c4925e}
    .zhgl-box .zhgl_b{margin-top:20px}
    .zhgl-box .zhgl_b p{line-height:40px;font-weight:bolder;cursor:pointer}
    .zhgl-box .zhgl_b p:nth-child(1),.zhgl_b p:nth-child(2){border-bottom:1px solid #e7e5e5}
    .layer-zlgl{display:none}
    .layer-zlgl>div{margin-top:30px;text-align:center;line-height:46px}
    .layer-zlgl .layui-form-item{margin-right:50px}
    .layer-zlgl input{padding-left:30px}
    .bd_tel{display:none;padding:30px}
    .bd_tel .cent{}
    .bd_tel .layui-form-label{width:auto;text-align:left}
    .bd_tel .layui-input-block{padding-left:15px;margin-left:0}
    .bd_cent .layui-input{border:none;border-bottom:1px solid #eee;padding:0;font-size:12px;color:#ccc}
    .bd_cent .layui-input:hover,.bd_cent .layui-input:focus{border-color:#1e6fff!important}
    .bd_cent .yzm{margin-top:20px}
    .bd_cent .yzm button{position:absolute;top:8px;right:0;border:none;background:#1e6fff;color:#fff;font-size:12px;padding:6px 15px;border-radius:5px}
    .bd_cent .xieyi-check{font-size:12px;margin:30px 0}
    .bd_cent .layui-form-checkbox i{width:12px;height:12px;border:1px solid #d2d2d2}
    .bd_cent .xieyi-check .layui-form-checked i,.bd_cent .xieyi-check .layui-form-checked:hover i{color:#1e6fff;border-radius:0}
    .bd_cent .xieyi-check .layui-icon-ok:before{font-size:12px;position:absolute;top:-8px;left:0px}
    .bd_cent .xieyi-check .layui-input-inline{width:20px}
    .bd_cent .xieyi-check .layui-form-label{padding:2px 5px}
    .bd_cent .xieyi-check a{color:#1e6fff}
    .bd_cent .layui-btn{font-size:12px;height:28px;line-height:inherit;border-radius:5px;background-color:#d8d8d8;color:#000;letter-spacing:2px}
    .bd_cent .ok-btn{text-align:right}
    #bd_bxxpwd{padding:40px 35px 30px 35px}
    .bd_bxxpwd_cent .layui-form-label{padding:0;float:inherit}
    .bd_bxxpwd_cent .item_2{margin-top:35px}
    .bd_bxxpwd_cent .layui-input-block{padding-left:0;margin-top:15px}
    .bd_bxxpwd_cent .item_2 .layui-input-block{margin-top:10px}
    .bd_bxxpwd_cent .layui-btn{width:100%;background-color:#1e6fff;color:#fff;margin-top:30px}
    .bd_bxxpwd_tit{text-align:center;padding-left:59px;padding-top:15px}
    .bd_wechat h4{font-weight:600}
    .bd_wechat p{font-size:12px}
    .resetpwd_phone{display:none}
    .resetpwd_submit{display:none}
    .p-wechat{display:none}
    .dev_ie{margin:15px 0;text-align:center;padding:2px;display:none}
    .dev_ie .title{text-align:center;margin:13px 25px;font-size:20px;font-family:open sans,sans-serif;font-weight:400}
    .dev_ie .title p{margin-top:15px}
    .dev_ie td{width:200px;height:180px}
    .dev_ie td img{margin:0 auto;width:100px;height:100px}
    .dev_ie td p{font-size:20px;margin-top:10px}
    .dev_ie p{text-align:center;margin:13px 25px;font-size:20px;font-family:open sans,sans-serif;font-weight:400}
    .forbidden{color:#909399}
    .forbid:hover{cursor:no-drop}
    #mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .original {
        font-size: 12px;
        text-decoration:line-through;
    }
    .usadd1{
        font-size: 18px;margin-bottom: 3px;font-weight: 600;
    }
    .usadd2{
        font-size: 22px;color: rgb(204,152,98);margin-bottom: 3px
    }
    .usadd3{text-decoration:line-through;font-size: 12px;margin-bottom: 3px}
    .usadd4{font-size: 14px}
       #login_container {
        display: flex;
        justify-content: center;
       }
       .tore {
        margin-top: 30px !important;
       }
       #resetpwd {
        display: none;
       }
       .l-form {
        margin-top: 20px !important;
       }
  .secfour .mainbox .item.active {
    box-shadow: 0 5px 0 rgb(240, 114, 238) !important;
  }
  .functions {
    height: 30px;
    display: flex;
    align-items: center;
  }
  .functions div {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
  }
  .main .functions div img {
    margin-bottom: 18px;
  }
  /* 箭头动画 */
  .downward {
    position: absolute;
    display: flex;
    justify-content: center;
    margin-top: 10%;
    width: 100%;
    height: 100vh;
    margin-top:80%;
    cursor: pointer;
  }
  .jtbox {
    width: 100%;
    margin-bottom: -10px;
    display: flex;
    justify-content: center;
  }
  .downward2 {
    width: 50px;
    height: 50px;
    margin-top: 40px;
  }
  .arrow {
    margin-top: 30px;
    position: absolute;
    width: 2.1rem;
    height: 0.48rem;
    opacity: 0;
    transform: scale(0.3);
    animation: move-arrow 3s ease-out infinite;
  }
  .arrow:first-child {
    animation: move-arrow 3s ease-out 1s infinite;
  }
  .arrow:nth-child(2) {
    animation: move-arrow 3s ease-out 2s infinite;
  }
  .arrow:before,
  .arrow:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background-image: linear-gradient(to right,rgb(81,109,250), rgb(245,112,243)) !important;
  }
  .arrow:before {
    left: 0;
    transform: skewY(30deg);
  }
  .arrow:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg);
  }
  @keyframes move-arrow {
    25% {
      opacity: 1;
    }
  
    33.3% {
      opacity: 1;
      transform: translateY(2.28rem);
    }
  
    66.6% {
      opacity: 1;
      transform: translateY(3.12rem);
    }
  
    100% {
      opacity: 0;
      transform: translateY(4.8rem) scale(0.5);
    }
  }
  .sweep {
    width: 50px;
    height: 30px;
    color: #fff;
    font-size: 7px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
  .scan {
    width: 170px;
    height: 200px;
    position:fixed;
    background-color: #fff;
    /* margin-right: -80%;
    margin-bottom: -30%; */
    right: 5.5%;
    bottom: 6%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
  }
  .scanapp {
    font-size: 14px;
    margin-top: -4px;
    margin-bottom: 4px;
  }
  .vxopen {
    width: 80%;
    font-size:9px;
  }
  .scanimg {
    width: 130px;
    height: 130px;
  }
  video::-webkit-media-controls-timeline {
    display: block;
}
.itemvideo {
  width: 40%;
  position: relative;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}
.itemvideo video{
width: 100%;
}
.clideo, .clideo2 {
  margin-bottom: 70px;
}
.aititleci {
  font-size: 40px;
    font-weight: bold;
    margin-bottom: 40px;
}
.aivideo {
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  margin: 40px auto;
}
.secfour .mainbox .itemvideo .aboutu {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.secfour .mainbox .itemvideo .aboutu img {
  margin-top: 20px;
  width: 45px;
  height: 45px;
}
.secfour .mainbox .itemvideo .aboutu2 {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.secfour .mainbox .itemvideo .aboutu2 img {
  margin-top: 20px;
  width: 45px;
  height: 45px;
}
.aboutu3, .aboutu4 {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inabout3,.inabout4 {
  margin-top: 20px;
  width: 45px;
  height: 45px;
}
.secfour .mainbox .itemvideo.active  {
  box-shadow: 0 5px 0  rgb(240 114 238) !important;
}
.introduce {
  position: absolute;
  margin-top: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.demardo {
  margin-top: 25px;
  color: #fff;
}
.reminder {
  margin-bottom: 40px;
}