@charset "utf-8";
 @import url("../font/iconfont.css");

 * {
     padding: 0;
     margin: 0;
     outline: none;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -webkit-text-size-adjust: none;
     outline: none;
     -webkit-tap-highlight-color: transparent;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block;
 }

 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;
 }

 a {
     color: inherit;
     text-decoration: none;
     color: #4f4f4f;
     cursor: pointer;
 }

 a:hover,
 button:hover {
     color: var(--red);
     transition: all .7s ease;
     cursor: pointer
 }

 a,
 button {
     transition: all .7s ease;
 }

 a:hover,
 button:hover {
     -webkit-filter: brightness(1.15);
     filter: brightness(1.15);
 }

 :hover {
     transition: all .1s ease
 }

 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, "bahnschrift", tahoma, arial, Hiragino Sans GB, sans-serif;
     font-family: mt, Source Han Sans, Source Han Sans SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif, "bahnschrift";
     /* font-size: 14px;*/
     font-weight: 400;
     line-height: 1.4;
     margin: 0;
     color: #4f4f4f;
     border: 0;
     outline: none;
     -webkit-text-size-adjust: none;
     /* -webkit-appearance: none;*/
     background: #fff;
     font-size: 100%;
 }

 textarea {
     resize: 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;
 }

 label {
     font-weight: normal;
     margin-bottom: 0;
 }

 img {
     vertical-align: middle;
 }

 b {
     font-weight: 600;
 }

 .flex {
     display: flex;
     flex-wrap: wrap;
 }

 .flex-items {
     display: flex;
     align-items: center;
 }

 .flex-between {
     display: flex;
     justify-content: space-between
 }

 .flex-all {
     display: flex;
     align-items: center;
     justify-content: space-between
 }

 .flex-end {
     display: flex;
     align-items: center;
     justify-content: flex-end
 }

 .flex-sub {
     flex: 1
 }

 .flex-warp {
     display: flex;
     flex-wrap: wrap;
 }

 .image {
     position: relative
 }

 .image img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .row-1 {
     padding-bottom: calc((100% - 0px)/4)
 }

 .row-2 {
     padding-bottom: calc((100% - 0px)/4*2)
 }

 .row-3 {
     padding-bottom: calc((100% - 0px)/4*3)
 }

 .row-4 {
     padding-bottom: calc((100% - 0px)/4*4)
 }

 .row-5 {
     padding-bottom: calc((100% - 0px)/2.5)
 }

 .text-xs {
     font-size: 85%;
 }

 .text-sm {
     font-size: 100%;
 }

 .text-df {
     font-size: 140%;
 }

 .text-lg {
     font-size: 180%;
 }

 .text-xl {
     font-size: 220%;
 }

 .text-xxl {
     font-size: 280%;
 }

 .text-sl {
     font-size: 320%;
 }

 .text-xsl {
     font-size: 360%;
 }

 body {
     --red: #dc2321;
     --black: #4f4f4f;
     --borbottom: 1px solid #4f4f4f
 }

 @font-face {
     font-family: "bf";
     /* Project id 2552103 */
     src: url("../fonts/bahnschrift.ttf")
 }

 .head {
     padding: 0rem 4rem;
     position: fixed;
     width: 100%;
     top: 0;
     z-index: 10;
     background: #fff;
     border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
     height: 6vh;
 }

 .logo img {
     height: 100%;
     width: inherit
 }

 .logo {
     text-align: right;
     cursor: pointer;
     height: 6vh;
 }

 .nav {
     margin-left: 2%
 }

 .nav>dd {
     /* padding-right: 2%;
    margin-left: 2%;
    margin-right: 2rem;*/
 }

 .nav>dd>a {
     position: relative;
     padding: 1rem 2.4rem 1rem 2.4rem;
     display: block;
     font-size: 115%
 }

 .nav>dd>a::before {
     content: "/";
     font-size: 80%;
     position: absolute;
     right: 0;
     top: 37%;
     transform: scale(0.7);
     color: var(--black);
 }

 .nav>dd:last-child a::before {
     display: none
 }

 .nav>.cur>a,
 .on>a {
     color: var(--red)
 }

 .nav>.cur>a::after,
 .nav>dd>a:hover::after,
 .nav .on>a::after,
 .nav .on>a:hover::after {
     content: "";
     display: block;
     border-bottom: var(--red) solid 1px;
     width: 30%;
     margin-top: 0.2rem;
 }

 .nav>dd>a:hover::after {
     animation: fadeInLeft 1s;
 }

 .nav>dd>a::after {
     border-bottom: rgba(0, 0, 0, 0)
 }

 .cur .snav {
     display: block
 }

 .snav {
     display: none;
 }

 .bannerbx {
     position: relative;
     z-index: 0;
     width: 100%;
     height: calc(100vh - 4rem);
     top: 4rem;
     overflow: hidden
 }

 .bannerbx .swiper-container {
     height: 100%;
 }

 .bannerbx .swiper-slide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .bannerbx .swiper-slide {
     position: relative;
     z-index: 1;
 }

 .bannerbx .swiper-slide>a {
     position: absolute;
     z-index: 2;
     width: 20vw;
     height: 10vw;
     cursor: pointer
 }

 .bannerbx .swiper-slide.ba>a {
     left: 40%;
     bottom: 18%;
 }

 .bannerbx .swiper-slide.bb>a {
     left: 40%;
     bottom: 6%;
 }

 .bannerbx .swiper-slide.bc>a {
     left: 52%;
     bottom: 8%;
 }

 .bannerbx .swiper-slide.bd>a {
     left: 73%;
     bottom: 45%;
 }

 .swiper-pagination {
     width: auto !important;
     left: 50% !important;
     transform: translateX(-50%) !important;
     bottom: 0.8vw;
     border-radius: 10rem;
     display: flex;
     padding: 1vmin 1.6vmin;
 }

 .swiper-pagination span {
     margin-left: 0.25rem;
     margin-right: 0.25rem
 }

 .swiper-pagination-bullet-active {
     background: var(--red)
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     color: #fff;
     font-size: 200%
 }

 .swiper-button-next {
     right: 2rem
 }

 .swiper-button-prev {
     left: 2rem
 }

 .view {
     padding: 5rem 0 0 0;
 }

 .wm {
     min-width: 1280px;
 }

 .pd {
     padding: 0 4rem
 }

 .mlr {
     margin: 0 4rem
 }

 .img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .title {
     position: relative;
     z-index: 0;
     padding: 5rem 5rem 2rem 5rem;
 }

 .title h1 {
     font-size: 280%;
     position: relative;
 }

 .title h2 {
     text-transform: uppercase;
     font-family: "bf";
     line-height: 0.8;
     position: absolute;
     z-index: -1;
     color: rgba(0, 0, 0, 0.04);
     bottom: 3.5rem;
     left: 5rem;
     font-size: 360%
 }

 .title h1::before {
     position: absolute;
     border-bottom: var(--borbottom);
     left: -5rem;
     width: 4rem;
     content: "";
     top: 50%;
     transform: translateY(-50%)
 }

 .btn-more {
     border-radius: 10rem;
     padding: 0.8rem 5rem 0.8rem 2rem;
     color: #fff;
     background: url("../images/icon-jiantou.png") var(--red) 90% center no-repeat;
     text-transform: uppercase;
     display: inline-block
 }

 .btn-more:hover {
     color: #fff;
     transform: translateY(-0.3rem)
 }

 @keyframes page-fade-in {
     0% {
         width: 0;
     }

     100% {
         width: 100%;
     }
 }

 @keyframes page-fade-in2 {
     0% {
         width: 40%;
     }

     100% {
         width: 0%;
     }
 }

 .footer-txt {
     color: rgba(255, 255, 255, .8)
 }

 .footer-txt p {
     margin: 1.3rem 0
 }

 .rwm {
     padding: 1rem;
 }

 .rwm img {
     width: 180px
 }

 .footer {
     text-align: center;
 }

 .footer img {
     opacity: 0.2;
     width: 120px;
     display: inline-block
 }

 .til-sl {
     color: #fff;
     transform: scale(0.85)
 }

 .bjbx .til-sl,
 .bjbx .til-txt {
     color: inherit
 }

 .bjbx .til-sl {
     flex: 1
 }

 .bjbx .til-sl p {
     color: #808080;
     margin-top: 16%
 }

 .bjbx .t-snav-txt {
     margin-top: 0;
     font-size: 180%;
 }

 .bjbx .flist {
     margin-left: 3%;
     padding-left: 10%;
     border-left: #eee solid 1px;
     flex: 2
 }

 .bjbx .til-txt {
     font-size: 200%;
 }

 .flist input[type="text"],
 .flist textarea {
     border-bottom: #ddd solid 1px;
     display: block;
     width: 100%;
     padding: 1.4rem 0
 }

 .flist textarea {
     height: 8rem
 }

 .sider-right {
     flex: 1;
     margin-left: 2rem
 }

 .reback i {
     margin: 0 0.5rem
 }

 .moreA {
     border-radius: 10rem;
     border: rgba(0, 0, 0, 0.2) solid 1px;
     padding: 0.3rem 1rem;
     text-transform: uppercase;
     display: inline-block;
     margin-top: 5%;
     font-size: 12px
 }

 .moreA:hover {
     background: var(--red);
     color: #fff
 }

 .swiper-pagination .swiper-pagination-bullet {
     width: 14px !important;
     height: 14px !important;
     background: #fff;
     opacity: .5;
 }

 .swiper-pagination .swiper-pagination-bullet-active {
     background: var(--red);
     opacity: 1;
 }

 .bannerbx video {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     object-fit: fill;
 }

 .bannerbx .swiper-button-prev {
     left: 2% !important;
 }

 .bannerbx .swiper-button-next {
     right: 2% !important;
 }

 .swiper-button-next,
 .swiper-button-prev {
     z-index: 99999;
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     padding: 3rem;
 }

 .swiper-slide>a {
     display: block
 }

 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
     opacity: .05;
 }

 /*百团大战*/
 .head-info {
     flex-wrap: wrap;
     justify-content: flex-end;
     align-items: center;
     font-size: 95%
 }

 .head-info b {
     font-weight: 500
 }

 .head-info .line {
     content: "";
     border-left: #ccc solid 1px;
     margin: 0 1vw;
     display: inline-block;
     height: 0.8rem;
 }

 .head-info button {
     border-radius: 10em;
     padding: 0.1rem 0.6vw;
     border: #118ed4 solid 1px;
     margin-left: 4%;
     color: #118ed4;
     font-size: 96%
 }

 .head-info button i {
     margin-right: 0.25vw;
     font-size: 100%
 }

 .head-info button+button {
     margin: 0 0 0 0.5%
 }

 .head-info .btn {
     background: #118ed4;
     color: #fff !important;
     border-color: rgba(0, 0, 0, 0.1)
 }

 .head-info .btn:hover {
     background: orange;
 }

 .head-info button:hover {
     border-color: orange;
     color: orange;
     background: none;
 }

 .btdzbox {
     height: calc(100vh - 6vh);
     width: 100%;
     background: #0066f3;
     margin-top: 6vh;
     padding: 4% 2% 8% 2%;
     background: url("../images/homebg.jpg") no-repeat #d5d9e8;
     background-size: cover;
 }

 .btdzbox>div {
     flex: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
     min-height: 23vmax;
     align-content: flex-start;
 }

 .dt-nav {
     background: #fff;
     margin: 0 1vw;
     padding: 6vh 0 10vh 0;
     border-radius: 6px;
     background: linear-gradient(-135deg, rgba(255, 255, 255, 1), rgb(198, 221, 239, 1));
     box-shadow: 18px 18px 40px rgb(202 219 235), -18px -18px 40px rgb(245 245 255 / 95%);
     border-radius: 20px;
     width: 100%;
     position: relative;
 }

 .btdzbox>div img {
     width: 80%
 }

 .btdzbox .btdz-mian {
     flex: none;
     width: 30%;
     background: none;
     margin: -0% 2% 0 2%;
     align-content: center;
     padding-bottom: 4vw;
 }

 .btdzbox .btn {
     font-size: 110%;
     margin: 3vh auto 0 auto;
     width: 60%;
     background: #3377f9;
     border-radius: 0.5vh 0.5vh 0.5vh 0.5vh;
     box-shadow: #3377f970 0.5vw 1vw 1vw;
     color: #fff;
     padding: 1.5vh 0;
 }

 .btdzbox .btn:hover {
     background: orange;
     color: #fff;
     box-shadow: #bc7a0040 0.5vw 1vw 1vw;
 }

 .btdzbox .btdz-mian img {
     width: 100%
 }

 .head-til {
     font-size: 150%;
     font-weight: 700;
     margin-left: 1%;
     padding-left: 1%;
     border-left: #aaa solid 1px;
     line-height: 1;
     cursor: pointer
 }

 .lxours {
     margin: 0 10vw;
     padding: 2vw 0 4vw 0
 }

 .lxours>div p+p {
     margin-left: 4vw
 }

 .font {
     font-size: 140%
 }

 .lxours+.lxours {
     border-top: #ddd dashed 1px
 }

 .table {
     width: 100%;
     background: #fff
 }

 .table td,
 .table th {
     border: #ccc solid 1px;
     padding: 1vw;
     text-align: center
 }

 .table img {
     width: 10vw
 }

 .lxours p {
     line-height: 3;
 }

 .bx {
     margin: 0 auto;
     padding: 0 2vw;
 }

 .bmzt {
     margin: 1vmin auto;
 }

 .col-1 {
     width: 10% !important;
 }

 .col-2 {
     width: 20% !important;
 }

 [class*="col-"] {
     flex: none !important
 }

 .bttn {
     padding: 0.8vmin 1vmin;
     background-color: #44a8f5;
     border-radius: 0.3vmin;
     color: #fff;
 }

 .bbtj {
     padding: 1.5vmin 2.5vmin;
 }

 .btn-red {
     background-color: red;
 }

 .btn-red:hover {
     color: #fff;
 }

 .downlist.student-list {
     padding: 1vh 0;
     background: linear-gradient(45deg, #6187bb, #afc4e1);
     color: #fff;
     position: relative;
     z-index: 0;
 }

 .zybx .student-list::after {
     content: "";
     position: absolute;
     z-index: -1;
     width: calc(100% + 3vw);
     left: 0;
     top: 0;
     height: 100%;
     /*    background-color: #3f67b0 ;#afc4e1*/
     background: linear-gradient(45deg, #6187bb, #afc4e1);
 }

 .downlist {
     border-bottom: 1px solid #EDEFF3;
     padding: 1.3vh 0;
 }

 .downlist.student-list {
     padding: 1vh 0;
 }

 .bttn:hover {
     background: orange;
     color: #fff
 }

 .flex-items {
     display: flex;
     align-items: center;
 }

 .xh {
     flex: none !important;
     text-align: center !important;
     width: 3.5vmax !important;
 }

 .downlist li {
     text-align: center;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     flex: 1;
     padding: 0 0.3vw;
 }

 .downlist .col-2 {
     width: 15% !important;
 }

 .byjh:hover {
     color: #3c8dff;
 }

 .btn-green {
     background-color: #0e9d0e;
 }

 .btn-blue {
     background-color: #3c8dff;
 }

 .dban>i {
     font-size: 3vmin;
     margin-left: 0.2vmin;
 }

 .wzzt {
     font-size: 220%;
 }

 .head+div.bx {
     margin-top: 9vh !important
 }

 .mask,
 .tipsbx {
     z-index: 999;
     display: none
 }

 .tipsbx::after,
 .mask::after {
     background: rgba(0, 0, 0, 0.25);
     -webkit-backdrop-filter: saturate(130%) blur(0.3vmin);
     backdrop-filter: saturate(130%) blur(0.3vmin);
     width: 100vw;
     height: 100vh;
     z-index: -2;
     position: fixed;
     content: "";
     transform: translate(-50%, -50%);
     top: 50%;
     left: 50%;
 }

 .tipsbx::before,
 .mask::before {
     position: absolute;
     width: 100%;
     height: 100%;
     background: #ffffff;
     border-radius: 1vmin;
     left: 0;
     top: 0;
     z-index: -1;
     content: "";
 }

 .forgetmima {
     width: 50vmin;
     padding: 3vmin;
 }

 .forgetmima,
 .mask {
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .mask-tilbx {
     margin-bottom: 2vmin;
     border-bottom: #ddd solid 1px;
     padding-bottom: 1.5vmin;
 }

 .mask-tilbx {
     margin-bottom: 2vmin;
     border-bottom: #ddd solid 1px;
     padding-bottom: 1.5vmin;
 }

 .mask-tilbx h2 {
     font-size: 120%;
     font-weight: 900;
 }

 .mask-tilbx h2 p {
     font-size: 70%;
     color: #989898;
     font-weight: normal
 }

 .mask-tilbx>i {
     font-size: 120%;
     color: #989898;
     font-weight: normal;
     cursor: pointer;
 }

 .forgetmima .in {
     margin: 0;
 }

 .forgetmima .in+.in {
     margin-top: 0vmin;
     border-top: none;
 }

 .forgetmima .btn-login {
     margin: 3vmin 0px;
 }

 .in {
     border: 1px solid rgb(225, 225, 225);
     display: flex;
     align-items: center;
     margin-left: 16%;
     margin-right: 16%;
     height: auto;
     padding: 1.5vh;
 }

 .in+.in {
     margin-top: 1.5vmin
 }

 .in input {
     background: none;
     flex: 1;
     height: 100%;
     width: 100%;
     font-size: 110%;
     padding: 0 1.5%;
 }

 .in i {
     font-size: 150%;
     width: 8vmin;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .in button {
     color: #3D84FF;
     border: none;
     background: none;
     margin-right: 20px;
     cursor: pointer
 }

 .btn-login a {
     background: rgb(61, 132, 255);
     border-radius: 3px;
     background: #3D84FF;
     display: block;
     padding: 1.5vmin;
     font-size: 120%;
     color: rgb(255, 255, 255);
     font-weight: 500;
     text-align: center
 }

 .tipsbx {
     position: fixed;
     z-index: 9999;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     min-width: 46vmin;
     box-shadow: rgb(0 0 0 / 20%) 0px 1vmin 5vmin;
     display: none;
     padding: 2vmax;
 }

 .tipstxt {
     text-align: center;
     padding: 2vmin 0 5vmin 0;
     font-size: 125%;
 }

 .tipstxt>i {
     font-size: 340%;
     font-weight: 900;
     line-height: 1;
 }

 .btnbx {
     display: flex;
 }

 .btnbx button {
     flex: 1;
     padding: 1.3vmin 0;
     background: #eee;
     border: none;
     font-size: 108%;
     cursor: pointer;
     border: rgba(0, 0, 0, 0.1) solid 1px;
     border-radius: 0.5vmin;
 }

 .btnbx .sure-btn {
     background: #3D84FF;
     color: #fff;
 }

 .btnbx button+button {
     margin-left: 1vmin;
 }

 .color-green {
     color: #5cd09d;
 }

 .color-blue {
     color: rgb(94, 150, 255);
 }

 .tipstxt>p {
     margin-top: 2vmin;
     font-size: 120%;
 }

 .btnbx button:hover {
     background: orange;
     color: #fff;
 }

 .flex-center {
     display: flex;
     justify-content: center;
 }

 .bx input[type="text"] {
     width: 100%;
     text-align: center;
 }

 .dw-wh {
     font-size: 3vmin !important;
     margin-left: 0.2vmin;
 }

 .wzzt {
     font-size: 2.2vmin;
 }

 .bmzt {
     margin: 1vmin auto;
     display: flex;
     align-items: center;
     flex-wrap: wrap
 }

 .downlist .in {
     margin: 0 0;
 }

 .tipsbm {
     position: absolute;
     width: 15vw;
     left: 50%;
     transform: translateX(-50%);
     bottom: 5vmin;
     position: absolute;
     z-index: 0;
     color: #4f4f4f;
     padding: 2vmin 1.5vmin;
     display: none;
     color: #444;
     font-size: 80% !important;
     white-space: pre-wrap;
     zoom: 0.7;
 }

 .tipsbm::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     background: #fff;
     box-shadow: rgb(0 0 0 / 20%) 0 -0.5vmin 1.5vmin, rgb(0 0 0 / 10%) 0 0.5vmin 2.5vmin;
     z-index: -1;
     border-radius: 0.5vmin;
     width: 100%;
     height: 100%;
 }

 .tipsbm::after {
     z-index: -2;
     content: "";
     width: 1.5vmin;
     height: 1.5vmin;
     background: #fff;
     transform: rotate(314deg);
     position: absolute;
     right: 46%;
     bottom: -0.8vmin;
     box-shadow: rgb(0 0 0 / 20%) 0 -0.5vmin 1.5vmin, rgb(0 0 0 / 10%) 0 0.5vmin 2.5vmin;
 }

 .dban button {
     margin: 0 2vmin;
     min-width: 11vmin;
     justify-content: center;
     display: flex;
     align-items: center;
     padding: 1vh 2vw;
     font-size: 120%;
 }

 .dban button:hover {
     color: #fff
 }

 .tips>i {
     font-size: 120%;
     font-weight: 600;
 }

 .dban button:hover {
     cursor: pointer;
 }

 .dwmc,
 .dwxx,
 .dwcyxi {
     display: flex;
     align-items: center;
     width: 100%;
     margin: 0 auto;
     position: relative;
     padding-right: 3vw;
 }

 .dwxx {
     padding-right: 3vw;
 }

 .dwmc .zybx,
 .dwxx .zybx,
 .dwcyxi .zybx {
     flex: 1;
 }

 .dban {
     display: flex;
     justify-content: center;
     margin: 3vmin 0;
     position: relative;
 }

 .byjh {
     font-size: 180% !important;
     align-items: center;
     /*    margin-bottom: 0.7%;*/
     position: absolute;
     right: 0;
     cursor: pointer
 }

 .bx .dwcyxi:first-child>.byjh,
 .n-tila+.dwmc .byjh {
     padding-top: 5.5vh
 }

 .col-5 {
     width: 50% !important;
 }

 .tips {
     position: relative;
     margin-left: 0.5vw;
     display: inline-block;
     cursor: pointer
 }

 .tips.showtips .tipsbm {
     display: block
 }

 .color-red {
     color: red;
 }

 .color-orange {
     color: orange;
 }

 .ztbhbx {
     position: fixed;
     top: 0;
     right: 2vmax;
     z-index: 3;
 }

 .ztbhbx>div+div {
     margin-top: 2vmin;
 }

 .ztbhbx>div {
     width: 6vmax;
     height: 9vmax;
     font-size: 0;
     margin-top: 3vmin;
     background-size: 90% auto;
     background-repeat: no-repeat;
     background-position: center;
 }

 .ytj {
     background-image: url(../images/ytj.png);
 }

 .yzc {
     background-image: url(../images/yzc.png);
 }

 .ytg {
     background-image: url(../images/ytg.png);
 }

 .fn-an {
     border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
     position: relative;
     padding-bottom: 2vh;
     align-items: center
 }

 .fn {
     position: absolute;
     left: 1vw;
     font-size: 75%;
     display: flex;
     align-items: center;
 }

 .fnlb {
     font-size: 2vmin;
     margin-right: 0.5vmin;
 }

 .fn:hover {
     color: orange;
     cursor: pointer;
 }

 .btn-gray {
     background-color: #eeeaea;
     color: gray;
 }

 .btn-gray:hover {
     background-color: orange;
     color: #fff;
 }

 input[type="hideen"] {
     height: 1px;
     display: none
 }

 .n-tila {
     padding: 1.5rem 0;
     font-size: 110%;
     color: #6187bb;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }

 .n-tila::before {
     content: "";
     height: 1.4rem;
     width: 0.5rem;
     background: #6187bb;
     display: inline-block;
     vertical-align: middle;
     margin-right: 0.5rem;
     border-radius: 10em;
 }

 .n-tila+.in {
     /* width: 30vw; */
     /* width: 18vw; */
     margin: 0;
 }

 .n-tila+.in input {
     text-align: left
 }

 .clear {
     height: 8vh
 }

 .time,
 .xgcs {
     flex: none !important;
     width: 15% !important
 }

 .downlist li.xgcs {
     overflow: inherit;
     width: 10% !important
 }

 .xgcs:hover .tipsbm {
     display: block
 }

 .fot-txt {
     background: #444;
     text-align: center;
     color: #fff;
     padding: 1.2rem 0;
     position: fixed;
     width: 100%;
     left: 0;
     bottom: 0;
     z-index: 10
 }

 .footer span {
     margin: 0 1.5rem;
     display: inline-block
 }

 .btdzbox+.footer,
 .tipsbx.index+.footer {
     padding-top: 0;
 }

 .footer {
     padding-top: 6rem;
 }

 .tips-txtinfo {
     background: lightyellow;
     border: rgba(0, 0, 0, 0.2) solid 1px;
     margin: 2vh 4vw 2vh 4vw;
     padding: 1%;
     color: #885800;
     display: flex;
 }

 .tips-txtinfo>i {
     font-size: 200%;
     font-weight: 600;
     margin-left: 1vw;
     margin-right: 1vw
 }

 .bmsearch .searchable-select {
     min-width: 15vmax !important;
 }

 .bmsearch .input {
     border: #ccc solid 1px;
     padding: 0.5vmax;
     min-width: 22rem;
 }

 .iconfont {
     font-size: 100%
 }

 .bmsearch {
     padding: 2vh 2vmax 1vmax 2vmax;
     justify-content: center
 }

 .bmsearch .btn-search {
     background: #4eb402;
     color: #fff;
     padding: 0.5vmax 1vw;
     white-space: nowrap
 }

 .bmsearch .input,
 .bmsearch .btn-search,
 .bmsearch .searchable-select {
     height: 2.5rem;
     border-radius: 4px;
     margin: 0 0.2vmax
 }

 .bmsearch .searchable-select-holder {
     height: 100%;
     display: flex;
     align-items: center;
     padding-right: 2vmax;
     padding-left: 1vmax;
     white-space: nowrap;
 }

 .bmsearch .searchable-select {
     font-size: inherit;
 }

 .bmsearch .searchable-select-caret {
     top: 50%;
     transform: translateY(-30%);
     bottom: auto;
 }

 .bmsearch .searchable-select-dropdown {
     top: 2vmax;
 }

 .bmsearch .searchable-select-item {
     padding-left: 1vmax;
 }

 .note {
     text-align: center;
     padding: 3rem 0
 }

 .note img {
     height: 13rem
 }

 .note p {
     font-weight: 700;
     font-size: 140%
 }

 #pagination {
     padding: 2rem;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     white-space: nowrap
 }

 #pagination a,
 #pagination .active,
 .home-off,
 .prev-off {
     /* padding: 0.2rem 0.9rem;*/
     text-align: center;
 }

 #pagination a {
     display: block;
 }

 #pagination li {
     margin: 0 0.2rem;
 }

 #pagination .active {
     background: var(--red);
     color: #fff
 }

 #pagination * {
     font-size: 96%
 }

 #pagination a,
 #pagination li>span,
 #pagination .active {
     border: rgba(0, 0, 0, 0.2) solid 1px;
     border-radius: 4px;
     min-width: 2rem;
     line-height: 2.3;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0.1rem 0.2rem;
 }

 #pagination a:hover {
     background: var(--red);
     color: #fff
 }

 .btnzksq {
     display: none;
 }

 .dt-nav.xzsc {
     padding-bottom: 4vh;
 }

 .dt-nav.xzsc button {
     margin-top: 1vh
 }

 .dt-nav.xzsc button+button {
     margin-top: 1.5vh
 }

 .filebx {
     display: flex;
     width: 35vmax;
 }

 .filebx .in {
     margin: 0 auto;
     flex: 1;
 }

 .filebx .btn {
     background: #006aff;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 1vw;
     color: #fff;
     cursor: pointer
 }

 .filebx .btn:hover {
     background: orange
 }

 .filebx input[type="text"] {

     text-align: left;
 }

 .til-head {
     font-size: 140%;
     margin-bottom: 1rem;
     margin-top: 9vh;
 }




 .bmsj {
     margin: 3vmin 0 0;
     display: flex;
     justify-content: left;
 }

 .bmsj li span {
     margin-left: 1vmin;
 }

 .li-3 {
     margin-left: 10vmin;
 }

 .sjzj {
     width: 86%;
     display: flex;
     justify-content: center;
     margin: 0 auto;
     padding: 1vmin 1vmin 1vmin 1vmin;
     align-items: center;
 }

 .sjzj li {
     text-align: center;
     min-height: 6.5vmin;
     height: 100%;
 }

 .sjzj li i {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     font-size: 170%;
 }


 .sjzj .xt {
     border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
     margin: 1vmin 1vmin 1vmin 1vmin;
     flex: 1;
 }

 .zt-ys {
     color: #3c8dff;
 }

 .sjzj .flish+.xt {
     border-bottom: #3c8dff solid 1px;
 }


 .bmzt .n-tila:nth-child(1){
    margin-left: 0vmin!important;
 }

 .bmzt .n-tila
 {
     margin-left: 2vmin;
 }

 .bmzt .flex{
    align-items: center;
 }


 .bmzt .flex:nth-child(2){
    margin-right: 18vmin;
 }

 .bmzt .in{
    border: none;
    padding: 0;
 }

 .bmzt .searchable-select-holder{
    font-size: 130%;
    color: #4f4f4f;
    font-weight: 500;
 }

 .bmzt .searchable-select-item{
    font-size: 115%;
 }

 @media screen and (min-width:1520px) {
     body {
         font-size: 110%;
     }

     button,
     input,
     select,
     textarea {
         font-size: 100%;
     }

     .bmsearch .input,
     .bmsearch .btn-search,
     .bmsearch .searchable-select {
         height: 3rem;
     }
 }

 @media screen and (max-width:1024px) {
     body {
         font-size: calc(100% - 0.35vw)
     }

     .kjproduct .price-right h1,
     .pro-info-bx .price-right h1 {
         line-height: 1;
         margin-bottom: 6%;
         margin-top: -6%;
     }

     .kjproduct .price-right p,
     .pro-info-bx .price-right p {
         margin-bottom: 3% !important;
         line-height: 1.6;
     }

     .btn-more {
         margin-top: 1rem;
         padding: 0.4rem 5rem 0.4rem 2rem;
     }

     .fnlist dd {
         width: 10rem;
     }

     .xtjc .fnlist dd {
         width: 9rem;
     }

     .sanvcomplay .fuwu-list {
         grid-template-columns: 20rem 1fr;
     }

     .sanvcomplay .fuwu-list:nth-child(even) {
         grid-template-columns: 1fr 20rem;
     }

     .jjiebox {
         -webkit-line-clamp: 4;
     }

     .fot-txt {
         font-size: 60%;
         padding: 1vh 2vw;
     }

     .wm {
         min-width: auto;
     }

     .head {
         padding: 0rem 2vw;
         height: 6vh;
     }

     .head-info {
         /*    zoom: 0.5;*/
         font-size: 60%
     }

     .logo,
     .head-til {
         zoom: 0.75;
     }

     .forgetmima {
         width: 50vw;
         padding: 2vw 4vw;
     }

     .btdzbox .btn {
         width: 70%;
     }

     .btdzbox .btdz-mian {
         width: 20%;
     }

     .btdzbox {
         padding: 8% 2% 12% 2%;
     }

     .downlist .bttn {
         zoom: 0.7
     }
 }

 /*手机端*/
 @media only screen and (max-width:750px) {
     body {
         font-size: calc(100% - 0.20vw)
     }

     .downlist .bttn {
         zoom: 0.9
     }

     .logo,
     .head-til {
         zoom: 0.4
     }

     .head+div.bx {
         margin-top: 7vh !important;
     }

     .bmlist .downlist.student-list {
         display: none
     }

     .bmlist .downlist {
         display: block;
         margin: 2vw;
         border: #ddd solid 1px;
         padding: 3vw;
         border-radius: 1rem;
         box-shadow: rgba(0, 0, 0, 0.1) 0 0 2vw;
         background: #fff
     }

     .bmlist .downlist li {
         text-align: right;
         flex: none !important;
         width: 100% !important;
         padding: 1.5vh 0 1.5vh 32vmin;
         border-bottom: 1px solid #eee;
         position: relative;
     }

     .bmlist .downlist li.xgcs,
     .downlist .col-2 {
         width: 100% !important;
     }

     .bmlist .downlist li::before {
         content: attr(data-title);
         position: absolute;
         left: 1vw;
         top: 50%;
         transform: translateY(-50%);
         color: #444 !important;
         width: 30%;
         border-right: #ddd solid 1px;
         text-align: left
     }

     .bmzt {
         padding-right: 3vw;
     }

     .bmzt .bbtj {
         padding: 1vmin 5vw;
         border-radius: 10em;
     }

     .btdzbox {
         flex-wrap: wrap;
         display: grid;
         grid-gap: 4vw;
         gap: 4vw;
         padding-bottom: 14vh;
     }

     .btdzbox>.dt-nav {
         padding: 2vh 0 6vh 0;
         flex: 1 1 40%;
         height: 100%
     }

     .btdzbox .btn {
         font-size: 100%;
         margin: 2vh auto 0 auto;
     }

     .btdzbox .btdz-mian {
         display: none;
     }

     .btdzbox>.dt-nav:nth-child(4) {
         grid-area: 1/1/2/2;
     }

     .btdzbox>.dt-nav:nth-child(1) {
         grid-area: 2/1/3/2;
     }

     .btdzbox>.dt-nav:nth-child(2) {
         grid-area: 2/2/3/3;
     }

     .btdzbox>.dt-nav:nth-child(5) {
         grid-area: 1/2/2/3;
     }

     .n-tila+.in {
         flex: 1;
     }

     .in {
         padding: 1vh
     }

     .dwmc,
     .dwxx,
     .dwcyxi {
         padding-right: 8vw;
     }

     .tips-txtinfo>p {
         font-size: 90%
     }

     .materials .student-list::after {
         width: calc(100% + 8vw);
     }

     .logo {
         height: 3vh;
     }

     .forgetmima {
         width: 80%;
         padding: 6vw;
     }

     .btn-login {
         margin-left: 5%;
         margin-right: 5%;
         margin-top: 2vh
     }

     .bmsearch .input {
         flex: 1 1 20%;
         min-width: auto;
     }

     #pagination {
         zoom: 0.8;
     }

     .search-list .downlist {
         /*
    overflow : hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    position: relative;
    padding-bottom: 3rem
*/
         height: 20rem;
         overflow: hidden;
         position: relative;
         transition: 0.3s
     }

     .search-list .downlist li {
         display: inline-block;
         white-space: normal;
         padding-left: 36%;
     }

     .btnzksq {
         display: block;
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         background: linear-gradient(transparent, #fff, #fff);
         z-index: 1;
         border-radius: 0 0 1rem 1rem;
     }

     .btnzksq>span {
         display: block;
         height: 100%;
         height: 3rem;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .btnzksq>span::before {
         content: "";
         height: 0.4rem;
         width: 0.4rem;
         border-left: #333 solid 1px;
         border-top: #333 solid 1px;
         transform: rotate(-135deg);
         margin: 0 0.5rem 0.2rem 0;
     }

     .search-list .downlist.zk {
         height: 29rem
     }

     .downlist.zk .btnzksq>span::before {
         transform: rotate(45deg);
         margin-bottom: -0.2rem
     }

     .bmsearch .input::placeholder {
         font-size: 83%
     }

     .bmsearch {
         padding: 2vh 1vmax 1vmax 1vmax;
     }

     .noreblack {
         display: none;
     }

     .head-info button {
         font-size: 90%;
     }

     .tipsbx {
         width: 80vw
     }

     .bmsj {
         flex-wrap: wrap;
         margin-left: 2vmin;
     }

     .bmsj li {
         font-size: 3vmin;
     }

     .bmsj li:first-child {
         margin-left: -3vmin;
     }

     .li-3 {
         margin-left: -46.5vmin;
         margin-top: 6vmin;
     }

     .tsli {
         margin-top: 6vmin;
         margin-right: 2vmin;
     }

 }
 
 
 



 
 .updateBX .z_photo {
    width: 48%;
}
.z_photo {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 30%
}
.z_photo .z_file {
    position: relative;
    cursor: pointer;
}
.z_file .file, .z_file .file2 {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    cursor: pointer;
}
.z_photo .up-section {
    position: relative;
}
.up-section .close-upimg {
    position: absolute;
    top: 3px;
    right: 2px;
    display: block;
    z-index: 10;
	width: 15%; 
}
.up-section .up-span {
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    background: rgba(0,0,0,.5);
}

/*.up-section:hover .close-upimg {
    display: block;
    width: 0;
    height: 0;
    padding: 12px;
}*/
.close-upimg::after {
    border-right: #fff solid 4px;
    transform: rotate(45deg);
    content: "";
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
}
.close-upimg::before {
    border-left: #fff solid 4px;
    transform: rotate(-45deg);
    content: "";
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
}
/*.up-section:hover .up-span {
    visibility: visible;
}*/
.loading {
    border: 1px solid #D1D1D1;
    background: url( "../img/loading.gif") no-repeat center;
}
.up-opcity {
    opacity: 0;
}
.z_photo section {
    padding-bottom: calc((100% - 0px)/2);
    height: 0;
    width: calc((100% - 0px)/1);
    display: block;
    border: rgba(0,0,0,0.1) solid 1px;
    /* position: relative; */
    overflow: hidden;
    box-sizing: border-box;
}
.z_photo .up-img, .z_file .add-img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.z_file .add-img {
    width: auto;
    height: 80%;
    margin-top: -10px;
}
.img-name-p {
    display: none;
}
.img-box .upimg-div .z_file {
    width: 100%;
    height: 100%;
}
/*遮罩层样式*/
/*.mask {
    z-index: 1000;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}
.mask .mask-content {
    width: 360px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -180px;
    margin-top: -80px;
    background: white;
    height: 160px;
    text-align: center;
}
.mask .mask-content .del-p {
    color: #555;
    height: 94px;
    line-height: 94px;
    font-size: 18px;
    border-bottom: 1px solid #D1D1D1;
}
.mask-content .check-p {
    height: 66px;
    line-height: 66px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    margin-bottom: 0;
}
.mask-content .check-p span {
    width: 49%;
    display: inline-block;
    text-align: center;
    color: #d4361d;
    font-size: 18px;
}*/
.check-p .del-com {
    border-right: 1px solid #D1D1D1;
}
.excelupdate .up-img {
    display: none;
}
.excelupdate .up-section {
    background: url("../img/xlml.png") no-repeat center;
    background-size: auto 80%
}
.z_file::after {
    content: "上传图片";
    display: block;
    text-align: center;
    font-size: 13px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    letter-spacing: 3px;
}