body{
            font-family:Helvetica,Neue,PingFang SC,Microsoft Yahei,Arial,Verdana,sans-serif;
            min-width:1200px;
            margin:0 auto;
            height:100%;
            min-height:800px;
        }
        .app-root{
            height:100%;
            min-height:800px;
        }
        .login-new{
            display:flex;
            justify-content:space-between;
        }
        *{
          margin:0;
          padding:0;
          box-sizing:border-box;
        }
        .upper{
            text-transform:uppercase;
        }
        .content-right{
            @media screen and (min-width:501px){
                margin:38px 0;
                flex-direction:column;
                position:relative;
                flex:1;
            }
            @media screen and (max-width: 500px){
                margin:0px;
                flex-direction: column;
                position: relative;
                flex:1
            }
        }
        .content-right .content-right-main{
                flex-direction:column;
        }
      .content-right .content-right-main{
            align-items:center;
            display:flex;
            justify-content:space-between;
        }
        .right-header{
            display:flex;
            align-items:center;
            justify-content:flex-end;
            margin-right:30px;
        }
        .right-header .icon {
            width:20px;
            height:20px;
            color:#243044;
            opacity:0.5;
        }
        img{
            border:none;
        }
        .right-header .detail{
            cursor:pointer;
            color:rgba(37,48,68,.5);
        }
         .right-header .active{
             opacity:1;
            font-weight:500;
            font-family:"PingFangSC-Medium,PingFangSC";
            color:"#253044";
         }
          .right-header .common-style{
              margin:0 5px;
          }
          .right-header .btn{
              width:90px;
              height:34px;
              line-height:34px;
              background:linear
          }
          .content-right .content-right-main .logo{
              display:inline-block;
              height:85px;
              width:153px;
              background:url('/assets/images/porteverlogo.png') no-repeat 0;
              background-size:contain;
              outline:none;
              text-align:left;
              margin-left:-275px;
              margin-bottom:15px;
          }
          .login-new .form-wrap{
              top: calc((100vh - 66px - 353px - 80px) / 2);
              width:430px;
              padding:41px!important;
              box-shadow:0 10px 50px 0 rgb(198 217 236/25%);
              border-radius:2px;
              border:1px solid #e9eff2;
          }
           .login-new .form-wrap .top-title{
               margin-bottom:25px;
               justify-content:space-between;
               display:flex;
               align-items:center;
           }
            .login-new .form-wrap .top-title .current:after{
                content:"";
                position:absolute;
                width:20px;
                height:4px;
                background:linear-gradient(151deg,#35d6c4,#0084f6);
                border-radius:2px;
                bottom:-16%;
                left:2%;
            }
           .login-new .form-wrap .top-title .login{
               font-size:24px;
               color:#253044;
               display:inline-block;
               padding-bottom:2px;
               font-weight:700;
               position:relative;
           }
           .login-new .form-wrap .item{
               margin-bottom:14px;
               position:relative;
           }
           .login-new .form-wrap .remember{
               position:absolute;
               font-size:14px;
               color:#9b9b9c;
               text-align:left;
               margin-bottom:20px;
           }
           .login-new .form-wrap .remember .green-checkbox-wrapper{
               font-size:9px;
               letter-spacing:-1px;
               line-height:16px;
               margin-right:10px;
               float:left;
               width:16px;
               height:16px;
               border-radius:2px;
               border:1px solid #adadad;
           }
           .login-new .form-wrap .remember .green-checkbox-wrapper input{
               cursor:pointer;
               height:inherit;
               left:0;
               margin:0;
               opacity:0;
               position:absolute;
               top:3px;
               width:inherit;
               z-index:1;
           }
            .login-new .form-wrap .input-text{
                width:100%;
                height:46px;
                background:#fbfbfb;
                border-radius:2px;
                border:1px solid #e4e6e8;
                padding-left:20px;
                color:#253044;
            }
            .login-new .form-wrap .btn-login{
                width:100%;
                height:46px;
                background:linear-gradient(151deg,#35d6c4,#0084f6);
                border-radius:2px;
                font-size:16px;
                font-weight:400;
                color:#fff;
                border:none;
                cursor:pointer;
           :beforeefore}
            button{
                outline:none;
            }
            .login-new .form-wrap .link{
                text-align:right;
                margin:13px 0 0;
                font-size:13px;
            }
            .login-new .form-wrap .link a{
                color:#2d9c8b;
                text-decoration:none;
                cursor:pointer
            }
             .login-new .form-wrap .img{
                 margin-top:25px;
             }

             .login-new .form-wrap .img-text{
                 position:relative;
                 font-size:14px;
                 font-family:PingFangSC-Regular,PingFang SC;
                 font-weight:400;
                 color:#aeb3ba;
                 line-height:14px;
                 text-align:center;
             }
             .login-new .form-wrap .img-text:before {
                 left:0;
                 content:"";
                 width:127px;
                 height:1px;
                 background-color:#eeeff0;
                 position:absolute;
                 top:6px;
             }
             .login-new .form-wrap .img-text:after{
                 right:0;
                 width:127px;
                 content:"";
                 height:1px;
                 background-color:#eeeff0;
                 position:absolute;
                 top:6px;
             }
             .login-new .form-wrap .img-box{
                 display:flex;
                 margin-top:16px;
                 justify-content:space-evenly;
             }
             .login-new .form-wrap .img-box .box{
                 display:flex;
                 flex-direction:column;
                 align-items:center;
                 cursor:pointer;
             }
             alogin-new .form-wrap .img-box .box .box-logo{
                 width:48px;
                 height:48px;
                 opacity:.8;
             }
             .login-new .form-wrap .img-box .box .box-logo:hover{
                 opacity:1;
             }
             .login-new .form-wrap .img-box .box .text{
                 font-size:14px;
                 font-weight:400;
                 color:#575e6e;
                 line-height:17px;
                 margin-top:8px;
             }
             .login-new .form-wrap .img-box .right{
               margin-left:28px;
             }
             .section-footer{
                 margin-bottom:0px;
             }
              .section-footer .center-wrap {
                 text-align:center;
             }
             .section-footer .center-wrap .link{
                 display:inline-block;
                 margin-right:15px;
                 cursor:pointer;
             }
               .section-footer *{
                 font-size:12px;
                 color:#b9bcc3;
                 margin:0;
                 padding:0;
                 box-sizing:border-box;
             }
              .section-footer .copyright{
                  margin-top:10px;
                  text-align:center;
                  align-content:center;
              }
              .slick-background{
           background-image:url("/assets/images/i_a1.png");
           background-size:100% 100%;
           height:929px;
           transition:opacity 500ms ease 0s;
        }
 .content-swiper{

     @media screen and (min-width:501px){
         width:408.76px;
         display: block;

     }
     @media screen and (max-width:500px){
           width:0px;
           display:none;
     }
 }