@charset "utf-8";
 @import url("/login/fonts/iconfont-71d686464cd2cf2a8fff49706788c52b.css");
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
 }
 ::-webkit-scrollbar {
   width: 0.08rem;
   height: 0.08rem;
   overflow: auto
 }
 ::-webkit-scrollbar-thumb {
   background-color: #0077ff;
   min-height: 0.08rem;
   min-width: 0.08rem;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 10em;
 }
 ::-webkit-scrollbar-track {
   /*
 background-color: #f7f7f7;
 border: 1px solid #efefef
*/
   background-color: rgba(0, 0, 0, 0.2);
   /* border-left: 1px solid #2be9ff;*/
 }
 /* // 两个滚动条的交汇处 */ ::-webkit-scrollbar-corner {
   background-color: transparent;
 }
 [class*="icon-"] {
   font-size: 100%;
   font-family: "iconfont" !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 :root {
   --gray: #7F7F7F;
   --shadow-color: 223deg 73% 38%;
   --shadow-elevation-low:
     0.003rem 0.005rem 0.007rem hsl(var(--shadow-color) / 0.01), 0.004rem 0.08rem 0.01rem -0.012rem hsl(var(--shadow-color) / 0.01), 0.01rem 0.02rem 0.025rem -0.025rem hsl(var(--shadow-color) / 0.01);
   --shadow-elevation-medium:
     0.003rem 0.005rem 0.007rem hsl(var(--shadow-color) / 0.015), 0.008rem 0.016rem 0.02rem -0.008rem hsl(var(--shadow-color) / 0.015), 0.021rem 0.041rem 0.052rem -0.017rem hsl(var(--shadow-color) / 0.015), 0.05rem 0.10rem 0.126rem -0.025rem hsl(var(--shadow-color) / 0.015);
   --shadow-elevation-high:
     0.003rem 0.005rem 0.007rem hsl(var(--shadow-color) / 0.03), 0.015rem 0.029rem 0.037rem -0.004rem hsl(var(--shadow-color) / 0.03), 0.027rem 0.054rem 0.068rem -0.007rem hsl(var(--shadow-color) / 0.03), 0.045rem 0.089rem 0.112rem -0.011rem hsl(var(--shadow-color) / 0.03), 0.071rem 0.143rem 0.18rem -0.014rem hsl(var(--shadow-color) / 0.03), 0.112rem 0.223rem 0.281rem -0.018rem hsl(var(--shadow-color) / 0.03), 0.17rem 0.339rem 0.427rem -0.021rem hsl(var(--shadow-color) / 0.03), 0.25rem 0.5rem 0.629rem -0.025rem hsl(var(--shadow-color) / 0.01);
   --blue: #4b7ef6;
 }
 html {
   font-size: 100px;
 }
 @media (min-width:1030px) {
   html {
     font-size: 5.20833333vw
   }
 }
 @media (min-width:1922px) {
   html {
     font-size: 100px;
   }
 }
 body {
   font-size: 0.16rem;
   overflow-x: hidden;
   letter-spacing: 0.01rem;
   -webkit-user-select: none;
   overflow-x: hidden;
   background: #f5f7fa
 }
 ol, ul {
   list-style: none;
 }
 blockquote, q {
   quotes: none;
 }
 blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none;
 }
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 * {
   border: none;
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   outline: none;
 }
 a {
   color: inherit;
   text-decoration: none;
   color: #333;
   cursor: pointer;
 }
 a:hover {
   color: var(--blue)
 }
 a:focus {
   text-decoration: none;
   outline: none;
 }
 ul, ol, li {
   margin: 0;
   list-style-type: none;
 }
 body, button, input, select, textarea {
   font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif;
   font-weight: 400;
   line-height: 1.4;
   margin: 0;
   color: #333;
   border: 0;
   outline: none;
   -webkit-text-size-adjust: none; /*    -webkit-appearance: none;*/
 }
 input, textarea, button, select {
   font-size: 100%; /*  -webkit-appearance: none;*/
 }
 a:focus, a:active, button::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner, select::-moz-focus-inner, input[type='file'] > input[type='button']::-moz-focus-inner {
   border: 0;
   outline: 0;
 }
 a, button {
   transition: all 0.2s;
 }
 a:hover, button:hover {
   -webkit-filter: brightness(1.2);
   filter: brightness(1.2);
   cursor: pointer;
 }
 textarea {
   resize: none
 }
 label {
   font-weight: normal;
   margin-bottom: 0;
   white-space: nowrap
 }
 b {
   font-weight: 600;
 }
 input[type="radio"], input[type="checkbox"] {
   width: 0.18rem;
   height: 0.18rem;
   vertical-align: middle;
 }
 img {
   display: block;
 }
 .flex {
   display: flex;
 }
 .wrap {
   flex-wrap: wrap;
 }
 .flex-items {
   display: flex;
   align-items: center;
 }
 .flex-between {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap
 }
 .flex-all {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 .flex-end {
   display: flex;
   align-items: center !important;
   justify-content: flex-end !important
 }
 .flex-sub, .sub {
   flex: 1
 }
 .half {
   flex: 0.5
 }
 .flex-center {
   display: flex;
   justify-content: center
 }
 .img > img {
   width: 100%
 }
 .bg {
   width: 100vw;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   z-index: -1;
   background-color: #4f8ffe
 }
 .bg > img {
   width: 100%;
   height: 100%;
   object-fit: cover
 }
 .loginbox, .regbox {
   color: #7f8699
 }
 .loginbox {
   position: fixed;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   background: url("/login/image/bg2-488df28aec069d7152d5b2a7a71d13d0.png") no-repeat right top #fff;
   background-size: auto 100%;
   border-radius: 0.3rem;
   box-shadow: 0px 0.1rem 0.3rem 0 rgba(175, 182, 229, 0.5), 0px 0.1rem 0.5rem 0px rgba(175, 182, 229, 0.3);
   padding: 0.3rem;
   min-width: 12.53rem;
   overflow: hidden;
 }
 .regbox {
   width: 6.2rem;
   margin: 0.8rem auto 0.8rem auto;
   position: relative;
   padding: 0 0.8rem 0.6rem 0.8rem;
   z-index: 0;
 }
 .regbox::before, .regbox::after {
   content: "";
   position: absolute;
 }
 .regbox::before {
   width: 100%;
   height: 100%;
   z-index: -1;
   border-radius: 0.3rem;
   background: #fff;
   box-shadow: 0px 0.1rem 0.3rem 0 rgba(43, 80, 247, 0.3), 0px 0.1rem 0.5rem 0px rgba(43, 80, 247, 0.3);
   left: 0;
   top: 0;
 }
 .regbox::after {
   width: 108%;
   height: 105%;
   border-radius: 0.4rem;
   border: #74c2d9 solid 1px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: -4;
 }
 .regbox .Til {
   margin: 0 auto;
   width: 80%;
   background-image: linear-gradient(90deg, rgb(162, 253, 201), transparent, #5989fb);
   position: relative;
   left: auto;
   border-radius: 0 0 10em 10em;
   padding: 0.08rem 0.5rem;
   font-size: 120%;
   text-align: center;
   box-shadow: inset rgb(37 77 171 / 21%) 0 -0.05rem 0.05rem;
 }
 .regbox .in + .in {
   margin-top: 0.15rem;
 }
 .regbox .login {
   padding-top: 0.4rem;
 }
 .loginbox .login {
   margin-right: 5.5rem;
   /*   min-height: 7rem;*/
   padding: 0.45rem 1.1rem 0.2rem 0.8rem;
   position: relative;
   z-index: 1;
 }
 .loginbox .login::after, .loginbox .login::before {
   width: 100%;
   height: 100%;
   position: absolute;
   transform: translate(-50%, -50%);
   z-index: -2;
   top: 50%;
   left: 50%;
   content: ""
 }
 .loginbox .login::after {
   border-radius: 0.2rem;
   background-color: rgb(255, 255, 255);
   box-shadow: 0 0 0.3rem rgba(175, 182, 229, 0.3);
 }
 .loginbox .login::before {
   width: calc(100% + 0.6rem);
   height: calc(100% + 0.6rem);
   z-index: -1;
   background: linear-gradient(90deg, #fff, transparent);
 }
 .Til {
   color: #fff;
   background-color: rgb(89, 137, 251);
   position: absolute;
   left: -0.1rem;
   top: 0;
   border-radius: 0 0 10em 0;
   z-index: 2;
   padding: 0.12rem 0.5rem;
   font-weight: 600;
   font-size: 120%;
   box-shadow: inset rgb(37 77 171 / 21%) -0.05rem -0.05rem 0.05rem;
 }
 .Til > span {
   background: linear-gradient(180deg, #fff 50%, transparent);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .zs::after, .zs::before {
   content: "";
   position: absolute;
 }
 .zs::after {
   width: 1.09rem;
   height: 1.25rem;
   background: url("/login/image/zs-2-2ceb3f02be066c1172d3f581616fdbba.png") no-repeat;
   background-size: 100% auto;
   z-index: -2;
   left: -0.7rem;
   bottom: -0.2rem;
 }
 .zs::before {
   width: 1.64rem;
   height: 2.14rem;
   background: url("/login/image/zs-1-c288d7f1071357f55b3659f3f29e517c.png") no-repeat;
   background-size: 100% auto;
   z-index: 1;
   right: -1rem;
   top: 22%;
 }
 .l-logo {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
 }
 .l-logo::after {
   content: "";
   background: url(/login/image/logo-1a2e91b358c6e09b632c9929b9a5d413.png) no-repeat center;
   mask: linear-gradient(180deg, #fff, transparent 80%);
   -webkit-mask: linear-gradient(180deg, #fff, transparent 80%);
   top: 35%;
   left: 50%;
   transform: translate(-50%, -50%);
   height: 0.73rem;
   background-size: auto 100%;
   position: absolute;
   width: 100%;
   zoom: 1.6;
   z-index: -1;
   opacity: 0.05
 }
 .l-logo > img {
   height: 0.73rem
 }
 .l-title::after {
   content: "";
   display: block;
   width: 0.68rem;
   border-bottom: var(--blue) solid 0.068rem;
   margin: 0.068rem 0;
 }
 .l-txt {
   position: relative;
   padding: 0.1rem 0;
   margin-top: 0.2rem;
   margin-bottom: 0.4rem
 }
 .l-txt > img {
   width: 100%;
 }
 .l-txt::after, .l-txt::before {
   content: "";
   height: 0.01rem;
   background: linear-gradient(90deg, transparent, #1fa3ff, transparent);
   position: absolute;
 }
 .l-txt::before {
   width: 60%;
   left: 20%;
   top: 0
 }
 .l-txt::after {
   width: 100%;
   bottom: 0;
 }
 .in {
   border: #d0dbfb solid 0.01rem;
   display: flex;
   align-items: center;
   padding: 0 0.2rem;
   border-radius: 0.1rem;
   box-shadow: rgb(173 185 217 / 14%) 0 0 0 0.04rem;
 }
 .in + .in {
   margin-top: 0.2rem;
 }
 .in > label {
   min-width: 0.9rem;
   border-right: #ddd solid 1px;
   color: #7f8699
 }
 .in > input {
   padding: 0.15rem;
   flex: 1;
   width: 100%;
   margin-left: 0.2rem
 }
 .in > input::placeholder {
   color: #a9b3cc
 }
 .cloun {
   padding: 0.28rem 0 0 0;
   display: flex;
   align-items: center;
   justify-content: end
 }
 .cloun > span, .cloun > a {
   margin-left: 0.3rem;
   cursor: pointer;
   color: #7f8699;
 }
 .cloun > span:hover, .cloun > a:hover {
   color: var(--blue)
 }
 .cloun > span {
   position: relative
 }
 .cloun > span::before {
   content: "";
   height: 70%;
   left: 0;
   border-left: #c5c5c5 solid 1px;
   position: absolute;
   top: 15%;
   left: -0.15rem;
 }
 .btn-blue, .l-button {
   background: linear-gradient(-45deg, rgba(0, 0, 0, 0.6), transparent), var(--blue);
   color: #fff;
   padding: 0.15rem 0.25rem;
   border-radius: 0.1rem;
   font-size: 130%;
   letter-spacing: 0.01rem;
   /*   box-shadow: var(--shadow-elevation-high);*/
   border: rgb(0 43 255 / 30%) solid 1px;
 }
 .l-button {
   width: 100%;
   font-weight: 600;
   margin-top: 0.35rem;
   box-shadow: rgb(255 255 255 / 50%) 0 0 0 0.01rem, #6974fa 0 0.2rem 0.2rem -0.2rem;
   background: linear-gradient(155deg, rgb(141 0 247 / 32%), transparent), var(--blue);
 }
 .btn-blue {
   background-blend-mode: soft-light;
 }
 .btn-bor {
   border: var(--blue) solid 1px;
   color: var(--blue);
   padding: 0.15rem;
   background: #fff;
   border-radius: 0.06rem;
   font-size: 120%;
 }
 .btn-bor:hover {
   background: #ff6600;
   border: rgba(0, 0, 0, 0.5) solid 1px;
   color: #fff
 }
 .btnbox {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .btn-bor + .btn-bor {
   margin-left: 0.2rem
 }
 .btnbox .btn-bor {
   font-size: 110%;
   padding: 0.1rem 0.3rem;
 }
 .zctxt {
   margin-top: 0.3rem;
   display: flex;
   align-items: center;
 }
 .zctxt > span {
   color: var(--blue);
   cursor: pointer
 }
 .zctxt > input[type="checkbox"] {
   transform: scale(1.1);
   margin-right: 0.2rem
 }
 .btnother {
   color: #ccc;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0.35rem 0 0.2rem 0;
   zoom: 0.9
 }
 .btnother::after, .btnother::before {
   content: '';
   flex: 1;
   margin: 0 0.1rem;
   border-top: #ddd solid 1px
 }
 .mask::after, .tipsbox::after {
   background: rgba(0, 20, 40, 0.6);
   width: 100vw;
   height: 100vh;
   z-index: -2;
   content: "";
   position: fixed;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) translateZ(-1px);
 }
 .mask, .tipsbox {
   position: fixed;
   z-index: 9999;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: none;
   border-radius: 0.2rem;
   box-shadow: rgb(33 51 68 / 54%) 0 0 0.4rem;
   min-width: 4.5rem;
   display: none;
 }
 .mask .tipstil {
   background: linear-gradient(90deg, #2854f0, #88e9ff);
 }
 .mbtnbox {
   border-top: #ebebeb solid 1px;
   background: #fff;
   padding: 0.15rem;
   border-radius: 0 0 0.2rem 0.2rem;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
 .mbtnbox .btn + .btn {
   margin-left: 0.1rem
 }
 .tipstil {
   background: linear-gradient(45deg, black, #4186f6);
   border-radius: 0.2rem 0.2rem 0 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   overflow: hidden;
   position: relative;
 }
 .tipstil::after {
   content: "";
   border-bottom: #86e6ff solid 1px;
   width: 100%;
   position: absolute;
   bottom: 0;
 }
 .tipstxt {
   font-size: 150%;
   font-weight: 600;
   text-align: center;
   padding: 0.5rem 0.3rem;
   background: #fff;
   letter-spacing: 0.02rem;
 }
 .tipstil h2 {
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
   z-index: 0;
   padding: 0.12rem 0.6rem 0.12rem 0.2rem;
   font-size: 120%;
   color: #fff
 }
 .tipstil h2::after {
   position: absolute;
   z-index: -1;
   content: "";
   width: 130%;
   height: 100%;
   top: 0;
   right: 0;
   background: linear-gradient(276deg, rgba(0, 0, 0, 1), transparent 80%), var(--blue);
   background: linear-gradient(268deg, #2be9ff, transparent 80%), #4476f5;
   /*   background-blend-mode: soft-light;*/
   background-size: 130% auto;
   transform: skewX(30deg);
   border-radius: 0 0.2rem 0 0;
   box-shadow: #2be9ff1a 0 0 0 0.1rem;
 }
 .dela {
   width: 0.17rem;
   height: 0.17rem;
   background: url(/login/image/closew-7b6aadf48a5556305f0be6c48d5fe8b6.svg);
   font-size: 0;
   background-size: 100% auto;
   margin-right: 0.2rem;
   opacity: 0.7;
   transition: 0.1s all;
   cursor: pointer;
   filter: drop-shadow(0.01rem 0.02rem 0 rgba(0, 0, 0, 0.5));
 }
 .dela:hover {
   opacity: 1
 }
 /*
 .tipsbox .dela {
   background-image: url(/login/image/close-6f46c005c2e1ea23c35af46e5a1788d2.svg);
 }
*/
 .ibox-content {
   background-color: #ffffff;
   color: inherit;
   padding: 0.42rem;
 }
 .btn-blue {
   font-size: 120%;
 }
 .mbtnbox .btn-blue, .mbtnbox .btn-bor {
   padding: 0.1rem 0.25rem;
   margin-left: 0.15rem
 }
 .forget, .shimingyanzheng {
   width: 5.5rem
 }
 .yzm {
   color: var(--blue);
   background: none
 }
 .txt-content {
   overflow: auto;
   max-height: 70vh;
   line-height: 1.7;
   padding: 0.2rem.4rem;
   background-color: #ffffff;
 }
 .txt-content p {
   text-indent: 3%;
   padding-bottom: 1vmin;
   color: #000;
 }
 .txt-content h1 {
   font-size: 140%;
   padding: 3vmin 0px 1vmin;
 }
 .txt-content li {
   padding-left: 5%;
   padding-bottom: 1vmin;
 }
 .txt-content dd {
   padding-left: 7%;
 }
 .xieyi {
   width: 70%
 }
 .zycont {
   display: none;
   flex-wrap: wrap;
 }
 .zycont .list {
   padding: 0.1rem 0.25rem 0.16rem 0.15rem;
 }
 .zspic {
   width: 100%;
   height: 7rem;
   overflow: hidden
 }
 .zycont .list2 {
   box-shadow: 0.05rem 0rem 0.3rem 0rem rgb(75 125 245 / 15%);
   border: rgb(75 125 245 / 15%) solid 1px;
   padding: 0.1rem;
 }
 .zycont.sgsplist.couml-3 > .list2 {
   width: calc(33.333% - 0.2rem);
   margin: 0.1rem;
 }
 .zycont .list2 > h2 {
   font-size: 0.18rem;
 }
 .reback {
   width: 0.8rem;
   height: 0.4rem;
   background: linear-gradient(45deg, #4b7ef6, #aa8bfe);
   -webkit-mask: url(/login/image/reback-bd8205e6dc8c8709393f250724fa7eda.svg#star) no-repeat top left 100%;
   mask: url(/login/image/reback-bd8205e6dc8c8709393f250724fa7eda.svg#star) no-repeat top left 100%;
   -webkit-mask-size: 100% auto;
   mask-size: 100% auto;
   position: fixed;
   z-index: 4;
   top: 0.3rem;
   left: 0.5rem;
 }
 .reback:hover {
   filter: brightness(1.2) hue-rotate(23deg)
 }
 .gstil {
   position: absolute;
   bottom: 0.2rem;
   right: 0.6rem;
   width: 4.32rem;
   height: 2.03rem;
   background: url("/login/image/gs-til-d7290e6aa3539d00251a44ff7ad43e39.png");
   text-align: center;
   color: #fff;
   line-height: 1.1;
   padding: 0.45rem 0 0 0;
   background-size: 100% auto
 }
 .gstil > h2 {
   font-size: 120%;
   letter-spacing: 0.02rem;
   font-weight: 500;
 }
 .gstil > h1 {
   font-size: 170%;
   border-top: solid 1px;
   margin-top: 0.05rem;
   padding-top: 0.05rem;
   border-image: linear-gradient(90deg, transparent, #fff, transparent) 1;
 }
 .gstil > h1 span {
   background-image: linear-gradient(90deg, #c7ecfe, #fff, #fff, #c7ecfe);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .mask.smyzbox {
   width: 6.7rem;
 }
 .mask.smyzbox .ibox-content > h2 {
   font-size: 0.24rem
 }

.notetxt{line-height: 1.7;}

.smyzbox .ibox-content{max-height: 65vh;overflow-y: hidden}
.notetxt>li{text-indent:0.32rem}

 .l-logo>span {
     font-size:111%;
     letter-spacing: 0;
     padding-top: 1vmin;
     color: #0096ff;
 }