@charset "utf-8";
 @import url("/yangshi/fonts/iconfont-349c07a278481f8f3cbfe1ad654fe3d9.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: #279d82;
  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("/yangshi/images/bg2-6db444aab6a40a02de45987bd02b4e63.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(65 153 67), transparent, #419842);
    background-color: rgb(51 211 125);
   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.01rem;
 }
 .loginbox {
  display: flex;
 }
 .loginbox .login {
   /* margin-right: 5.5rem; */
   /*   min-height: 7rem;*/
   width: calc(100% - 5.5rem);
   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("../image/zs-2.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("../image/zs-1.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;
   margin: 0.2rem 0;
 }

 .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;
 }
 .in {
   border: #279d82 solid 0.01rem;
   display: flex;
   align-items: center;
   padding: 0 0.2rem;
   border-radius: 0.1rem;
   box-shadow: rgb(149 215 157 / 14%) 0 0 0 0.04rem;
	 position: relative
  }

 .in + .in {
   margin-top: 0.2rem;
 }
 .in > label {
   min-width: 0.9rem;
   border-right: #ddd solid 1px;
	  color: #279d82 
 }
 .in > input {
   padding: 0.15rem;
   flex: 1;
   width: 100%;
   margin-left: 0.2rem
 }
 .in > input::placeholder {
   color: #91b9b0;
 }
 .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: #5f9085;
 }
 .cloun > span:hover, .cloun > a:hover {
   color: #279d82;
 }
 .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), #4db050;
   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;
	 display: block;
	 text-align: center
 }
a.l-button:hover{color: #fff} 
 .l-button {
  width: 100%;
  font-weight: 600;
  margin-top: 0.35rem;
  box-shadow: rgb(255 255 255 / 50%) 0 0 0 0.01rem, #66b59e 0 0.2rem 0.2rem -0.2rem;
  background: linear-gradient(155deg, rgb(78 177 81), transparent), #3d933f;
 }
 .l-button a{
  color: #fff;
 }
 .btn-blue {
   background-blend-mode: soft-light;
 }
 .btn-bor {
   border: #259c81 solid 1px;
   color: #259c81;
   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: #279d82;
   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(45deg, #1b7b25, #4db14d);
 }
 .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, #1b7b25, #4db14d);
   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, #49aa49, transparent 80%), #38cd3f;
   /*   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(/yangshi/images/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(../image/close.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 {
   width: 5.5rem
 }
 .yzm {
   color:#5f9085;
   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(../image/reback.svg#star) no-repeat top left 100%;
    mask: url(../image/reback.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)} 

.txtbt,.txtxt{
  position: absolute;
  background-size: 100% 100%;
  z-index: 10;
  left: 25.5%;
  transform: translate(-50%, -50%);
}
.txtxt{
  bottom: -1.5%;
  left: 27%;
}

.login_input {
  padding: .485rem;
  width: 5.5rem;
}

.login_input .l-button {
  margin-top: 0;
}

.login_input .l-button + .l-button {
  margin-top: .25rem;
}

.p_r_0_1 {
  padding-right: 0.1rem;
}