[v-cloak]{
    display: none;
  }
  @font-face {
    font-family: 'SourceHanSerifCN';
    src: url('./fonts/SourceHanSerifCN-SemiBold.otf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'SourceHanSerifCNBold';
        src: url('./fonts/SourceHanSerifCN-Bold-2.otf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
  html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
  ul,ol,dl{list-style-type:none}
  html,body{*position:static;box-sizing: border-box}
  html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
  address,caption,cite,code,dfn,th,var{font-style:inherit;font-weight:400}
  input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
  input,button{overflow: visible;vertical-align:middle;outline:none}
  body{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
  body{line-height:1.6;color: #333;box-sizing: border-box;font-weight: 600;}
  h1,h2,h3,h4,h5,h6{font-size:100%}
  a,area{outline:none;}
  a{text-decoration:none;cursor: pointer;color: #333;}
  a:hover{text-decoration:underline;outline:none}
  a.ie6:hover{zoom:1}
  a:focus{outline:none}
  a:hover,a:active{outline:none}:focus{outline:none}
  sub,sup{vertical-align:baseline}
  button,input[type="button"], input[type="submit"] {line-height:normal !important}
  /*img*/
  img{border:0;vertical-align:middle;max-width: 100%}
  a img,img{-ms-interpolation-mode:bicubic;transition: all 0.5s;}
  .img-responsive{max-width: 100%;height: auto}
  a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
body math{
    display: math;
    display: inline-block;
}
table{
    border-collapse:collapse
}
th,td{
    border: 1px solid #333;

}
body .zt{
    font-family: 'SourceHanSerifCN';
}
body .zt strong{
    font-family: 'SourceHanSerifCNBold';
}
.img-hover:hover img{
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}
img,video{
    max-width: 100%;
}
::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #7f7f7f;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #ececec;
}
.h-80{
    height: 80px;
}
:root{
    --color: #25B3E3;
}
body{
    min-width: 1024px;
}
a:link,a:visited{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.text-ellipsis{
    overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
.bx-flex{
    display: flex;
    align-items: center;
}
.bx-flex-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bx-container{
    margin: 0 auto;
    max-width: 1400px;
    width: 80%;
}
.bx-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header{
    position: fixed;
    background-color: #ffffff90;
    backdrop-filter: blur(20px);
    width: 100%;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 9;
    min-width: 1024px;
    box-shadow: 0 0 3px 0px #eee;
}
.header .bx-container{
    height: 80px;
}
.bx-logo {
    height: 45px;
}
.bx-logo a{
    display: block;
    height: 100%;
}
.bx-logo img{
    height: 100%
}
.bx-nav{
    margin-left: auto;
}
.bx-nav ul{
    display: flex;
    align-items: center;
}
.bx-nav ul li a{
    position: relative;
    font-size: 18px;
    color: #000;
    padding: 0 15px;
    
}
.el-tabs__item{
    color: #000;
}
.bx-nav ul li.nav-login{
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.bx-nav ul li.nav-login a{
    font-size: 14px;
}
.bx-nav ul li.nav-login  i{
    font-size: 16px;
}

.bx-nav ul li a:hover,
.bx-nav ul li.cur a{
    color: var(--color);
}
.bx-nav ul li a:hover::after,
.bx-nav ul li.cur a::after{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 2px;
    background-color: var(--color);
}
.bx-nav ul li.nav-login a:hover::after{
    display: none;
}
.nav-loginBox{
    font-size: 14px;
}
.nav-loginBox span{
    position: relative;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    margin: 0 10px;
    display: inline-block;
    max-width: 80px;
    vertical-align: middle;
}
.index-video{
    padding: 60px 0;
}
.footer{
    background:url(../imges/foot-bj.png) no-repeat top center;

}
.footer2{
    background:#FAFAFA ;
}
.footer .foot-logo{
    border-bottom: solid 1px #E6EDF5;
    padding: 80px 0 20px 0;
}
.footer2 .foot-logo{
    border-bottom: solid 1px #E6EDF5;
    padding: 40px 0 20px 0;
}
.footer .foot-logo img{
    height: 60px;
}

.footer .footer-list{
    padding: 40px 0 40px 0;
}
.footer .footer-list ul{
    display: flex;
    justify-content: space-between;
}
.footer .footer-list ul li h3{
    font-size: 18px;
    color: #000;
}
.footer .footer-list ul li a{
    font-size: 16px;
    color: #999;
    display: block;
    margin-top: 10px;
}
.footer .footer-list ul li a:hover{
    color: var(--color);
}
.footer .footer-list ul li a img{
    width: 100px;
    height: 100px;
}
.footer .footer-list ul li.yj-list{
    width: 55%;
}
.footer .footer-list ul li.yj-list .foot-fom{
    display: flex;
    justify-content: space-between;
}
.footer .footer-list ul li.yj-list .foot-fom .fom-fl,
.footer .footer-list ul li.yj-list .foot-fom .fom-fr{
    width: 48%;
    padding-top: 10px;
}
.footer .footer-list ul li.yj-list .foot-fom .fom-fl textarea{
    width: 100%;
    resize: none;
    border: solid 1px #E6EDF5;
    border-radius: 5px;
    height: 144px;
    padding: 10px;
    font-size: 16px;
    background-color: #fff;
}
.footer .footer-list ul li.yj-list .foot-fom .fom-fr .input-ic{
    position: relative;
    border: solid 1px #E6EDF5;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    overflow: hidden;
    background-color: #fff; 
    margin-bottom: 20px;

}
.footer .footer-list ul li.yj-list .foot-fom .fom-fr .input-ic i{
    font-size: 18px;
    margin-right: 20px;
   
}
.footer .footer-list ul li.yj-list .foot-fom .fom-fr .input-ic input{
    position: relative;
    flex: 1;
    font-size: 16px;
     height: 40px;
     border: none;
     outline: none;
}
.footer .footer-list ul li.yj-list .foot-fom .fom-fr .input-ic::after{
    content: '';
    position: absolute;
    height: 40px;
    width: 1px;
    background-color: #E6EDF5;
    top: 0;
    left: 40px;
}
.bx-but button{
    width: 100%;
    background-color: var(--color);
    height: 40px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    border: none;
    outline: none;
    cursor: pointer;
}
.bx-but button:hover{
    opacity: 0.8;
}
.footer-boot{
    text-align: center;
    font-size: 14px;
    color: #999;
    border-top: solid 1px #E6EDF5;
    padding: 15px 0;
}
.footer-boot a{
    color: #999;
    padding-left: 10px;
}

/* login */
.login-banner{
    position: relative;
    height: 780px;;
}
.login-banner img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.login-one{
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(0,-50%);
    background-color: #ffffff90;
    border-radius: 10px;
    backdrop-filter: blur(20px);
    width: 350px;
    padding: 40px 30px;
}
.login-one h3{
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}
.login-one .input-tet{
   margin-bottom: 20px;
   width: 100%;
   display: flex;
   align-items: center;
   height: 50px;
   border-radius: 5px;
   background-color: #fff;
   border: solid 1px #999;
   overflow: hidden;
}
.login-one .input-tet input,.login-one .input-tet .el-input{
    height: 100%;
    flex: 1;
    border: none;
    outline: none;
    padding-left: 10px;
    font-size: 16px;
}
.login-one .input-tet #codeImg{
    width: auto;
}

.login-one  .checkbox-tet{
    margin-bottom: 20px;
    width: 100%;
    font-size: 14px;
    
}
.login-one  .checkbox-tet input{
    margin-right: 10px;
}
.login-one  .checkbox-tet label{
    display: flex;
    align-items: center;
}

.login-one .bx-but .button{
    width: 100%;
    background-color: var(--color);
    height: 50px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    border: none;
    outline: none;
    cursor: pointer;
}
.login-title{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}
.login-title p{
    font-size: 16px;
    color: #999;
    margin: 0 15px;
}
.login-title span{
    display: inline-block;
    width: 80px;
    height: 2px;
    background-color: #999;
}
.login-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}
.login-link a{
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 20px;
}
.tet-p{
    padding-top: 20px;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.tet-p a{
    color: var(--color);
    padding-left: 5px;
}
.login-ewm{
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-ewm img{
    width: 200px;
    height: 200px;
}
.login-one .input-tet .huoquyzm{
    background-color: #fff;
    font-size: 14px;
    color: var(--color);
    cursor: pointer;
}



.Question-list{
    padding: 60px 0;
}
.Question-list .el-tabs__item{
    font-size: 16px;
    padding: 0 20px !important;
    margin-right: 40px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}
.Question-list .el-tabs__item:hover{
    color: var(--color);
}
.Question-list .el-tabs__item.is-active{
    background-color: var(--color);
    color: #fff;
    
}
.Question-list .el-tabs__active-bar  {
    display: none;
}
.Question-list .list-ul ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    margin: 0 -10px;
}
.Question-list .list-ul ul li{
    width: 33.3%;
    padding: 10px;
    box-sizing: border-box;
}
.Question-list .list-ul ul li a{
    display: flex;
    background: url(../imges/imgtk-bj.png) no-repeat center;
    background-size: 100% 100%;
    padding: 20px;
}
.Question-list .list-ul ul li a .pic{
    width: 120px;
}
.Question-list .list-ul ul li a .tet{
    flex: 1;  
    padding-left: 20px;
}
.Question-list .list-ul ul li a .tet h3{
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    line-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 75px;
}
.Question-list .list-ul ul li a .tet span{
    font-size: 14px;
    color: #fff;
    background-color: var(--color);
    padding: 5px 20px;
    margin-top: 20px;
}
.Question-list .list-ul ul li a .tet span:hover{
    opacity: 0.8;
}


/* Train */
.Train-list .list-one{
    display: flex;
    flex-wrap: wrap;
}
.Train-list .list-one  .li{
    width: 140px;
    height: 85px;
    margin: 20px 20px 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url(../imges/imgkk-bj.png) no-repeat center;
    background-size: 100% 100%;
    padding: 20px;
    cursor: pointer;
}
.Train-list .list-one  .li img{
    height: 57px;
    width: 57px;
}
.Train-list .list-one  .li p{
    font-size: 14px;
    color: #333;
    padding-top: 5px;
}
.Train-list .list-one  .li.cur p{
    color: var(--color);
}
.Train-list .tet-h3 h3{
    font-size: 20px;
    color: #000;
}
.Train-list  .list-a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.Train-list  .list-a a{
    border: solid 1px #eee;
    color: #000;
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 5px;
    margin-right: 40px;
}
.Train-list  .list-a a.cur{
    background-color: var(--color);
    border: solid 1px var(--color);
    color: #fff;
  
}
.Train-list  .bx-but{
    text-align: center;
    padding-top: 40px;
}
.Train-list  .bx-but .button{
    width: 200px;
}


.Encyclopedia-list ul li a{
   padding: 20px 0;
   display: flex;
   border-bottom: dashed 1px #E6EDF5;

}
.Encyclopedia-list ul li a span{
    background-color: var(--color);
    color: #fff;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.Encyclopedia-list ul li a p{
    font-size: 16px;
    color: #000;
    flex: 1;
    padding-left: 10px;
}
.Encyclopedia-list ul li a:hover p{
    color: var(--color);
}


.login-tc{
    position: fixed;
    background-color: #00000050;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tc-bj{
    position: absolute;
    background-color: #00000050;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;  
    z-index: 0;
}
.tc-mian{
    position: relative;
    z-index: 2;
    background: url(../imges/tc-bj.png) no-repeat center;
    width: 600px;
    height: 300px;
    background-size: cover;
    border-radius: 10px;
}
.tc-mian .tc-hide{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.tc-mian .tc-hide i{
    font-size: 24px;
}
.tc-mian h3{
    font-size: 20px;
    color: #000;
    padding: 70px 0 50px 40px;
}
.tc-mian a{
    font-size: 16px;
    color: var(--color);
    padding-left: 40px;
}

.Encyclopedia-detail{
    padding: 40px 0;
}
.Encyclopedia-detail h3{
    font-size: 18px;
    text-align: center;
}
.Encyclopedia-detail .detail{
    padding-top: 20px;
    font-size: 16px;
    color: #333;
}
.Encyclopedia-detail img{
    margin: 10px 0;
}
.bx-p40{
    padding: 40px 0;
}

.bx-paging{
    border-top: solid 1px #62626210;
    border-bottom: solid 1px #62626210;
    padding: 15px 0;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bx-paging p  i{
    font-size: 18px;
}
.bx-paging p a{
    font-size: 16px;
    color: #333;
    padding: 0 5px;
}
.bx-paging p a:hover,
.bx-paging p:hover i{
    color: var(--color);
}
.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover {
    color: var(--color);
    cursor: pointer;
}

.gkk-list ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.gkk-list ul li{
    width: 33.3%;
    padding: 15px;
    box-sizing: border-box;

}
.gkk-list ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 16px 0px rgba(228, 236, 239, 0.42);
    padding: 15px;
    border-radius: 8px;
}
.gkk-list ul li a .pic{
    width: 135px;
    overflow: hidden;
}
.gkk-list ul li a .tet{
    flex: 1;
    padding-left: 15px;
}
.gkk-list ul li a .tet p{
    font-size: 14px;
    color: #333;
}
.gkk-list ul li a .tet h3{
    font-size: 16px;
    color: #333;
    margin: 10px 0 20px 0;
    line-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 50px;
    overflow: hidden;
}
.gkk-list ul li a .tet  .name span{
    background-color: #c4c4c420;
    font-size: 14px;
    color: #333;
    padding: 5px 15px;
    border-radius: 15px;
}
.gkk-list ul li a:hover{
    box-shadow: 0px 4px 16px 0px #25B3E320;
    
}
.gkk-list ul li a:hover h3{
    color: var(--color);
}
.list-fy{
    text-align: center;
    padding-top: 80px;
}
.list-fy button{
    max-width: 35px;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--color);
    color: #FFF;
}
.el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.disabled {
    color: var(--color);
    border: 1px solid var(--color);
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev {
    color: var(--color);
    border: 1px solid var(--color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--color);
}


.gkk2-list ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.gkk2-list ul li{
    width: 33.3%;
    padding: 15px;
    box-sizing: border-box;

}
.gkk2-list ul li a{
    display: block;
    box-shadow: 0px 4px 16px 0px rgba(228, 236, 239, 0.42);
    border-radius: 8px;
}
.gkk2-list ul li  .pic{
    overflow: hidden;
    max-height: 268px;
    overflow: hidden;
}
.gkk2-list ul li .tet{
    padding: 15px;
}

.gkk2-list ul li a .tet p{
    padding-top: 10px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.gkk2-list ul li a .tet h3{
    font-size: 16px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.gkk2-listul li a:hover{
    box-shadow: 0px 4px 16px 0px #25B3E320;
    
}
.gkk2-list ul li a:hover h3{
    color: var(--color);
}

.detail-one{
    display: flex;
    align-items: center;
    padding-top: 40px;
}
.detail-one .pic{
    width: 45%;
    height: 370px;
    text-align: center;
    background-color: #fafafa;
    overflow: hidden;
}
.detail-one .pic img{
    height: 100%;
    margin: 0;
}
.detail-one .tet{
    width: 55%;
    padding-left: 30px;
    font-size: 16px;
    color: #333;
}
.d-but{
    padding-top: 40px;
}
.ewm-img{
    text-align: center;
}
.ewm-img img{
    width: 150px;
}

/* Personal */

.bx-Personal{
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
}
.bx-Personal .Personal-fl{
    width: 300px;
    box-shadow: 0px 0px 14px 0px rgba(137, 146, 156, 0.1);
}
.bx-Personal .Personal-fl .title{
    padding: 20px 40px;
}
.bx-Personal .Personal-fl .title h3{
    font-size: 24px;
    color: #333;
}
.bx-Personal .Personal-fl .title p{
    font-size: 20px;
    color: #ECECEC;
}
.bx-Personal .Personal-fl ul li{
    padding: 0 20px;
}
.bx-Personal .Personal-fl ul li a{
    display: flex;
    align-items: center;
    padding: 20px;
    font-size: 16px;
    color: #000;
    border-bottom: solid 1px #F3F3F3;
}
.bx-Personal .Personal-fl ul li a i{
    font-size: 18px;
}
.bx-Personal .Personal-fl ul li a span{
    padding-left: 10px;
}
.bx-Personal .Personal-fl ul li.cur{
    background-color: var(--color);
}
.bx-Personal .Personal-fl ul li.cur a,
.bx-Personal .Personal-fl ul li.cur a:hover{
    color: #fff;
    border-bottom: solid 1px var(--color);
}
.bx-Personal .Personal-fl ul li a:hover{
    color: var(--color);
}
.bx-Personal .Personal-fr{
    width: calc(100% - 330px);
    box-shadow: 0px 0px 14px 0px rgba(137, 146, 156, 0.1);
    min-height: 500px;
   
}
.bx-Personal .Personal-fl ul li.cur a img{
    filter: grayscale(200%) brightness(700%);
}

.bx-Personal .Personal-fr .title{
    padding: 20px 40px;
    font-size: 18px;
    color: #333;
    border-bottom: solid 1px #F3F3F3;
}
/* .bx-Personal .Personal-fr .title h3{
    font-weight: initial;
} */
.Personal-tx{
    text-align: center;
    padding-top: 70px;
}
.avatar-uploader .el-upload {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px dashed #d9d9d9;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: var(--color);
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
  }
  .avatar {
    width: 120px;
    height: 120px;
    display: block;
  }
  .Personal-form{
    padding: 40px 25%;
  }
  .Personal-form .el-select{
    width: 100%;
}
.el-button--primary {
    color: #FFF;
}
.Personal-list{
    padding: 40px;
}
.Personal-list .list{
    padding: 20px 0;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #F3F3F3;
}
.Personal-list .list .button{
    margin-left: auto;
}
.Personal-list .list  .tet {
    padding-left: 20px;
}
.Personal-list .list  .tet .tet-f{
    display: flex;
    align-items: center;

}
.Personal-list .list  .tet .tet-f h3{
    font-size: 18px;
    font-weight: initial;
    color: #333;
    padding-left: 10px;
}
.Personal-list .list  .tet  p{
    font-size: 16px;
    color: #999;
    padding-top: 5px;
}

.bx-center{
    text-align: center;
}

.Personal-h3 h3{
    padding: 20px 0px;
    font-size: 18px;
    color: #333;
    font-weight: initial;
}


.Practice-mian{
    padding: 20px 40px 40px 40px;
}
.Practice-list .Practice-sx{
    display: flex;
    padding-top: 20px;
    
}
.Practice-list .Practice-sx p{
    font-size: 16px;
    color: #333;
    width: 100px;
}
.Practice-list .Practice-sx .avet{
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.Practice-list .Practice-sx .avet a{
    font-size: 16px;
    color: #000;
    margin-right: 40px;
}
.Practice-list .Practice-sx .avet a.cur{
    color: var(--color);
}
.Practice-list .ul {
    padding-top: 20px;
}
.Practice-list .ul li{
    border-bottom: dashed 1px #C5CDEA;
    padding: 15px 0;
}
.Practice-list .ul li a{
    display: flex;
}
.Practice-list .ul li .li-icon{
    width: 30px;
    height: 30px;
    background-color: var(--color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.Practice-list .ul li .li-icon img{
    filter: grayscale(200%) brightness(700%);
}
.Practice-list .ul li .tet{
    width: calc(100% - 30px);
    padding-left: 15px;
    box-sizing: border-box;
}
.Practice-list .ul li .tet h3{
    font-size: 18px;
    /* font-weight: initial; */
    color: #000;
}
.Practice-list .ul li .tet  .tet-pl{
    display: flex;
    padding-top: 10px;
}
.Practice-list .ul li .tet  .tet-pl p{
    font-size: 16px;
    color: #000;
    padding-right: 40px;
}
.Practice-list .ul li:hover .tet h3{
    color: var(--color);
}

.Practice-list2 ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.Practice-list2 ul li{
    padding: 20px;
    width: 33.3%;
    box-sizing: border-box;
}
.Practice-list2 ul li a{
    display: flex;
    justify-content: space-between;
    background: url(../imges/imgkk-bj.png) no-repeat center;
    background-size: 100% 100%;
    padding: 20px 30px 20px 15px;
}
.Practice-list2 ul li .pic{
    width: 87px;
}
.Practice-list2 ul li .tet{
    width: calc(100% - 90px);
}
.Practice-list2 ul li .tet h3{
    font-size: 16px;
    color: #333;
    line-height: 25px;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: inherit;
}
.Practice-list2 ul li .tet .tet-bj{
    background-color: var(--color);
    font-size: 12px;
    color: #fff;
    padding: 10px;
    margin: 10px 0;
}
.Practice-list2 ul li:hover h3{
    color: var(--color);
}


.Practice-list .ul2 {
    padding-top: 20px;
}
.Practice-list .ul2 li{

    border-bottom: dashed 1px #C5CDEA;
    padding: 15px 0;
}
.Practice-list .ul2 li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Practice-list .ul2 li .tet{
    max-width: 80%;
}
.Practice-list .ul2 li .tet>div{
    font-size: 18px;
    font-weight: inherit;
    color: #333;
}
.Practice-list .ul2 li .tet .time{
    font-size: 16px;
    color: #333;
    margin-top: 5px;
}
.Practice-list .ul2 li a:hover>div,.Practice-list .ul2 li a:hover>div p{
    color: var(--color);
}

.Practice-list .ul3 {
    padding-top: 20px;
}
.Practice-list .ul3 li{
    border-bottom: dashed 1px #C5CDEA;
    padding: 15px 0;
}
.Practice-list .ul3 li a{
    display: flex;
}
.Practice-list .ul3 li a .tet-fl{
    font-size: 50px;
    font-size: 18px;
    color: #000;
}
.Practice-list .ul3 li a .tet-fr{
    width: calc(100% - 50px);
}
.Practice-list .ul3 li a .tet-fr h3{
    font-size: 18px;
    color: #000;
    font-weight: inherit;
}
.Practice-list .ul3 li a .tet-fr .p{
    background: #F6F9FA;
    padding: 10px;
    font-size: 14px;
    margin-top: 10px;
    color: #000;
}
.Practice-list .ul3 li a .tet-fr .p math{
    display: math;
}

/* answer */
.answer-hade{
    position: relative;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(to right,
                transparent 0%,
                transparent 10%,
                rgb(51,51,51) 10%,
                rgb(51,51,51) 100%);
            background-size: 35px 2px; 
            background-repeat: repeat-x;
            background-position: 0 100%;
}


.answer-hade .tet-fl h3{
    font-size: 18px;
    color: #000;
}
.answer-hade .tet-fl p.p-cl{
    cursor: pointer;
    padding-top: 10px;
    font-size: 13px;
    color: #000;
    display: flex;
    align-items: center;
    width: 120px;
    font-weight: bold;
}
.answer-hade .tet-fl p.p-cl i{
    font-weight: bold;
    color: #000;
    vertical-align: middle;
}
.answer-hade .tet-fl .tc-takecare{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100vh;
    min-height: 656px;
}
.answer-hade .tet-fl .tc-takecare .tc-bj{
    position: absolute;
    top: 80px;
    left: 0;
    background-color: #00000050;
    width: 100%;
    height: calc(100% - 80px);
}
.answer-hade .tet-fl .tc-takecare .takecare-mian{
    position: absolute;
    top: 80px;
    left: 20px;
    width: 48%;
    border-radius: 5px;
    height: 500px;
    background-color: #fff;
    padding: 20px;
    padding-left: 40px;
    font-size: 15px;
    box-sizing: border-box;
    padding-bottom: 70px;
    filter: drop-shadow(0 0 2px #999);
}
.answer-hade .tet-fl .tc-takecare .takecare-mian:before {
    content: '';
    border-color: transparent transparent #fff transparent;
    border-style: solid; 
    border-width: 10px; 
    position: absolute; 
    left: 21px; 
     top: -18px; 
    z-index: 2; 
}
.answer-hade .tet-fl .tc-takecare .takecare-mian .tet{
    height: 100%;
        overflow: auto;
        color: #000;
        line-height: 1.8;
}
.answer-hade .tet-fl .tc-takecare .takecare-mian .but{
    position: absolute;
    bottom: 10px;
    right: 20px;
}
.answer-hade .tet-fr{
    display: flex;
    align-items: center;
}
.answer-hade .tet-fr .use{
    cursor: pointer;
    text-align: center;
    min-width: 65px;
    position: relative;
}
.answer-hade .tet-fr .use.active{
    padding-top: 2px;
    border-bottom: 2px solid #000;
}
.answer-hade .tet-fr .use p{
    font-size: 12px;
    color: #000;
    cursor: pointer;
}
.answer-hade .tet-fr .use i{
    font-size: 18px;
}
.answer-hade .tet-fr .use p:hover{
    color: #000;
}

.answer-hade .tet-fr .use .use-pop{
    width: 270px;
    background-color: #fff;
    position: absolute;
    top: 60px;
    right: 0;
    box-shadow: 0 0 15px rgba(0,0,0,.16);
    border-radius: 3px;
    z-index: 3;
}
.answer-hade .tet-fr .use .use-pop ul li{
    display: flex;
    align-items: center;
    padding: 15px;
    cursor: pointer;
}
.answer-hade .tet-fr .use .use-pop ul li .icon{
    width: 20px;
}
.answer-hade .tet-fr .use .use-pop ul li p{
    font-size: 16px;
    margin-left: 15px;
}
.answer-hade .tet-fr .use .use-pop ul li:hover p{
    text-decoration: underline;
}
.answer-hade .time-djs{
    position: absolute;
    text-align: center;
    left: 50%;
    top: 2px;
    transform: translate(-50%,0);
}
.answer-hade .time-djs p{
    font-size: 20px;
    color: #333;
}
.answer-hade .time-djs p img{
    width: 20px;
    height: 20px;
}
.answer-hade .time-djs button{
    background: none;
    border: solid 1px #8c939d;
    border-radius: 20px;
    padding: 2px 15px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    margin-top: 5px;
    font-weight: bold;
}
.answer-hade .time-djs button:hover{
    background-color: var(--color);
    color: #fff;
}
.answer-mian{
    height: calc(100vh - 160px);
    display: flex;
    min-height: 500px;
    

}
.answer-mian2{
    height: calc(100vh - 340px);
}
.answer-mian .answer-fl{
    width: 50%;
    /* padding: 60px 10px; */
    padding-bottom: 15px;
    box-sizing: border-box;
    min-height: 300px;
    font-size: 15px;
    color: #333;
    float: left;
    height: 100%;
    position: relative;
    line-height: 1.8;
    overflow-x: hidden;

}
.answer-mian math{
    display: math;
}
.answer-mian .answer-fl p{
    min-height: 27px;
}
.answer-icon{
    width: 35px;
    height: 35px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}
.answer-icon img{
    width: 50%;
    height: 50%;
}
.answer-mian .answer-fl .answer-icon{
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
}
.answer-mian .answer-fl .answer-icon.active{
    transform: rotate(180deg);
}
.answer-mian .answer-fr .answer-icon{
    position: absolute;
    left: 17px;
    top: 15px;
    transform: scaleX(-1); 
}
.answer-mian .answer-fr .answer-icon.active{
    transform: scaleX(-1) rotate(180deg);
}
.answer-mian .show{
    display: block;
}
.answer-mian .hide{
    display: none;
}
.answer-mian.hide{
    display: none !important;
}
.answer-mian.show{
    display: block;
}
.answer-mian .answer-fr{
    width: 50%;
    padding: 60px 10px;
    padding-bottom: 15px;
    box-sizing: border-box;
    float: left;
    height: 100%;
    position: relative;
}
.answer-mian .resize{
    margin-right: -2px; 
    cursor: col-resize;
    float: left;
    width: 4px;
    height: 100%;
    background-color: #ccc !important;
}
.answer-mian .answer-frw{
    width: 100% !important;
    padding: 20px 15%;
}
.answer-mian .answer-frw>div{
    padding-left: 0 !important;
}

.icon-bj1{
    display: block;
    width: 20px;
    height: 25px;
    background: url(../imges/icon-bj1.png) no-repeat center;
    background-size: 100%;
}
.icon-bj2{
    display: block;
    width: 20px;
    height: 25px;
    background: url(../imges/icon-bj2.png) no-repeat center;
    background-size: 100%;
}
.answer-mian .answer-fr .tm-title{
    display: flex;
    align-items: center;
    background-color: #eee;
    background-image: linear-gradient(to right, transparent 0%, transparent 10%, rgb(51, 51, 51) 10%, rgb(51, 51, 51) 100%);
    background-size: 26px 2px;
    background-repeat: repeat-x;
    background-position: 0 101%;
}
.answer-mian .answer-fr .tm-title .ind-a{
    height: 32px;
    font-size: 16px;
    color: #fff;
    background-color: #333;
    padding: 0 8px;
    display: flex;
    align-items: center;
}
.answer-mian .answer-fr .tm-title .tm-sige{
    display: flex;
    align-items: center;
    padding-left: 10px;
    cursor: pointer;
}
.answer-mian .answer-fr .tm-title .tm-sige span{
    font-size: 14px;
    padding-left: 5px;
}
.answer-mian .answer-fr .tm-title  .tm-Remove{
    position: relative;
    cursor: pointer;
    margin-left: auto;
    border: solid 1px #333;
    border-radius: 5px;
    padding: 2px;
    background-color: #fff;
    margin-right: 10px;
}
.answer-mian .answer-fr .tm-title  .tm-Remove.cur{
    background-color: var(--color);
    color: #fff;
    border: solid 1px #fff;
}
.answer-mian .answer-fr .tm-title  .tm-Remove::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #333;
    transform: rotateZ(-45deg);
}
.answer-mian .answer-fr .tm-title  .tm-Remove.cur::after{
    content: '';
    background-color: #fff;
}

.answer-mian .answer-fr .subject .tet-h3{
    font-size: 16px;
    font-weight: inherit;
    color: #333;
    padding: 10px 0;
}
.answer-mian .answer-fr .subject .tet-h3 p,.answer-mian .answer-fr .subject .tet-h3 span{
    font-family: 'SourceHanSerifCN' !important;
}
.answer-mian .answer-fr .subject .tet-h3 math{
    display: math;
    font-size: 18px;
}
.Completion-tet math{
    display: math;
}
.Completion-tet p{
    min-height: 26px;
}
.answer-mian .answer-fr  .subject .choice li{
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 8px 0;
    
}
.answer-mian .answer-fr  .subject .choice li a{
    position: relative;
    border: solid 2px #333;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
    flex: 1;
}

.answer-mian .answer-fr .subject .choice li a>span{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: solid 2px #545454;
    font-size: 14px;
    color: #333;
    display: block;
    text-align: center;
    line-height: 22PX;
    font-weight: bold;
    color: #545454;
}
.answer-mian .answer-fr  .subject .choice li .optionname{
    width: calc(100% - 32px);
    padding-left: 15px;
    font-size: 16px;
}
.answer-mian .answer-fr  .subject .choice li .optionname p{
    padding-left: 0;
}

.answer-mian .answer-fr  .subject .choice li .optionname span,.answer-mian .answer-fr  .subject .choice li .optionname p{
    font-family: 'SourceHanSerifCN' !important;
}

.answer-mian .answer-fr  .subject .choice li .span{
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: solid 2px #333;
    font-size: 14px;
    color: #333;
    display: block;
    text-align: center;
    line-height: 22PX;
}
.answer-mian .answer-fr  .subject .choice li .optionname math{
    display: math;
    font-size: 18px;
}
.answer-mian .answer-fr  .subject .choice li  .te-rg{
    width: 40px;
    display: flex;
    justify-content: flex-end;
}
.answer-mian .answer-fr  .subject .choice li  .te-rg p{
    font-size: 14px;
     
}
.answer-mian .answer-fr  .subject .choice li .span::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -4px;
    width: 30px;
    height: 1px;
    background-color: #333;
    /* transform: rotateZ(-45deg); */
}
.answer-mian .answer-fr  .subject .choice li  p{
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}


.answer-mian .answer-fr  .subject .choice li.dele>a{
    color: #999;
    border: solid 1px #999;
}
.answer-mian .answer-fr  .subject .choice li.dele a::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -1%;
    width: 102%;
    height: 2px;
    background-color: #333;
}
.answer-mian .answer-fr  .subject .choice li.dele>a>span{
    border: solid 2px #999;
    color: #999;
}
.answer-mian .answer-fr  .subject .choice li.cur>a{
    border: solid 2px var(--color);
}
.answer-mian .answer-fr  .subject .choice li.cur a>span{
    background-color: var(--color);
    color: #fff;
    border: solid 2px var(--color);
}

.answer-mian .answer-fr  .subject .choice li.cur-red>a{
    border: solid 1px #ff0000;
}
.answer-mian .answer-fr  .subject .choice li.cur-red a>span{
    background-color: #ff0000;
    color: #fff;
    border: solid 2px #ff0000;
}

.answer-foot{
    background: #FFF;
}

.answer-foot-tj{
    position: relative;
    display: flex;
    align-items:center;
    justify-content: space-between;
    padding: 0 20px;
    height: 76px;
    background: linear-gradient(to right, transparent 0%, transparent 10%, rgb(51, 51, 51) 10%, rgb(51, 51, 51) 100%);
    background-size: 35px 2px;
    background-repeat: repeat-x;
}
.answer-foot-tj p.p1{
    font-size: 18px;
    color: #333;
    width: 400px;

}
.answer-foot-tj .answer-foot-but{
    width: 400px;
    text-align: right;
}
.answer-foot-tj .Question{
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%,0);
    background-color: #000;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
}
.answer-foot-tj .Question span{
    padding-right: 5px;
    font-weight: bold;
}
.Question-tc{
    font-family: 'SourceHanSerifCN';
}
.Question-tc h3{
    text-align: center;
    font-size: 16px;
    color: #333;
}
.Question-tc .Question-jh{
    border-top: solid 1px #b2b2b2;
    border-bottom: solid 1px #b2b2b2;
    padding: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 0;
}
.Question-tc .Question-jh span{
    padding-right: 15px;
    font-size: 14px;
    color: #333;
}
.Question-tc .Question-jh i{
    margin-right: 5px;
}
.el-icon-div{
    width: 12px;
    height: 12px;
    border: dashed 1px #333;
}
.el-icon-bj2{
    display: block;
    width: 15px;
    height: 20px;
    background: url(../imges/icon-bj2.png) no-repeat center;
    background-size: 100%;
}
.Question-li{
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
}
.Question-li a{
    position: relative;
    font-size: 18px;
    color: #333;
    border: dashed 1px #333;
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    margin: 10px 9px;
    color: var(--color);
    font-weight: bold;
}
.Question-li a.cur{
    background-color: var(--color);
    color: #fff;
}
.Question-li a.wz::after{
    content: '';
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%,0);
    width: 15px;
    height: 15px;
    background: url(../imges/icon-wz.png) no-repeat center;
    background-size: cover;
}

.Question-li a.sc::before{
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
    background: url(../imges/icon-bj2.png) no-repeat center;
    background-size: cover;
}
.sign-foot{
    background: #f6f6f6;
}
.sign-foot .sign-foot-top{
    background-color: #000;
}
.sign-foot .sign-foot-top .tet{
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}
.sign-foot .sign-foot-top .tet span{
    font-weight: bold;
}

.sign-foot .sign-foot-top .sign-hide{
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.sign-foot-mian .color-sk{
    height: 25px;
    overflow: hidden;
}
.sign-foot-mian .color-sk i{
    display: inline-block;
    width: 23px;
    height: 23px;
    background-color: #fad021;
    border-radius: 50%;
    overflow: hidden;
    border: solid 1px #333;
}
.sign-foot-mian .sign-dx{
    padding: 10px 0;
    margin-right: 40px;
}
.sign-foot-mian .color-sk {
    font-size: 14px;
}
.sign-foot-mian .sign-dx span{
    padding-right: 10px;
}
.sign-foot-mian .color-sk .el-color-picker__trigger{
    padding: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
.sign-foot-mian .color-sk .el-color-picker__color{
    border-radius: 50%;
    overflow: hidden;
}
.sign-foot-mian .color-sk .el-color-picker__trigger .el-color-picker__icon{
    display: none;
}
.sign-foot-mian .sign-dx .color-xhx{
    position: relative;
    border: solid 1px #333;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;
    cursor: pointer;
}
.sign-foot-mian .sign-dx .color-xhx::after{
    content: '';
    position: absolute;
    width: 16px;
    height: 1px;
    border-bottom: dashed 1px #333;
    bottom: 4px;
    left: 50%;
    margin-left: -8px;
}
.tet-textarea textarea{
    border: solid 1px #333;
    height: 100px;
    width: 500px;
    resize: none;
    font-size: 14px;
    padding: 5px;
}

.sign-but{padding: 10px 0;}
.sign-but button{
    width: 80px;
}
.bj-a{
    text-decoration: underline !important;
}

.el-icon-x2{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../imges/icon-x2.png) no-repeat center;
    background-size: 15px;
}
.mathematics-mian{
    padding: 20px;
    font-size: 14px;
    color: #333;
    line-height: 25px;
}
.el-drawer__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #72767b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 10px 20px;
    border-bottom: solid 1px #eee;
}
.Completion{
    margin-top: 10px;
}
.Completion-tet{
    font-size: 16px;
    padding-top: 10px;
    color: #000;
}

.Module{
    width: 100%;
    height: 100vh;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;


}
.Module h3{
    font-size: 24px;
    color: #333;
}
.Module p{
    font-size: 18px;
    color: #333;
    margin: 10px 0 20px 0;
}
.Module i{
    font-size: 50px;
}

.check-nr{
    background-color: #f6f6f6;
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 30px;
    box-sizing: border-box;
}
.check-nr .tet-h3{
    font-size: 24px;
}
.Question-tcbj{
    background-color: #fff;
    width: 800px;
    margin: 20px auto ;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 #eee;
    padding: 20px;
}
.Question-tcbj .Question-jh {
    border-top: none;
    border-bottom: none;

    margin: 0;
}
.Question-tcbj .Question-li a {
    margin: 10px 10px;
}

.Practice-test{
    height: calc(100vh - 80px);
    min-height: 500px;
    overflow: auto;
    background-color: #f6f6f6;
}
.Practice-test2{
    height: 100vh;
}
.Practice-test .Practice-test-h3{
    font-size: 24px;
    text-align: center;
    padding: 60px 0 20px 0;
    color: #000;
}
.Practice-test .Practice-test-bj{
    width: 430px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 #eee;
    background-color: #fff;
    margin: 0 auto;

}
.Practice-test .list-test{
    display: flex;
    margin-bottom: 20px;
}
.Practice-test .list-test .pic{
    width: 25px;
}
.Practice-test .list-test .tet{
    flex: 1;
    padding-left: 10px;
}
.Practice-test .list-test .tet h3{
    font-size: 16px;
}
.Practice-test .list-test .tet p{
    font-size: 14px;
    color: #333;
    padding-top: 5px;
}

.isTimed p{
    font-size: 16px;
    color: #000;
}
.isTimed select{
    margin-top: 10px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    border: 1px solid #b2b2b2;
    border-radius: 5px;
    padding: 0 10px;
}
.Finished-img{
    width: 300px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 #eee;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
}
.Finished-img img{
    width: 70%;
    font-size: 14px;
}
.Finished-img p{
    font-size: 14px;
    color: #333;
}
.Finished-img h3{
    font-size: 16px;
    color: #333;
}
.Finished-bur{
    text-align: center;
    padding-top: 40px;
}

.el-icon-wh{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../imges/icon-wh.png) no-repeat center;
    background-size: 15px;
}
.el-icon-sy{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../imges/icon-index.png) no-repeat center;
    background-size: 15px; 
}
.Finished-nav{
    background-color: #fff;
    padding: 10px 0;
}
.Finished-nav span{
    font-size: 14px;
    color: #333;
    margin: 0 10px;
}

.rest-mian{
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: #1e1e1e; 
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}
.rest-mian .rest-time{
    width: 260px;
    color: #fff;
}
.rest-mian .rest-time .time-djs{
    border: solid 1px #fff;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
}
.rest-mian .rest-time .time-djs p{
    font-size: 14px;
}
.rest-mian .rest-time .time-djs h3{
    font-size: 50px;
}
.rest-mian .rest-tet {
   width: 400px;
   margin-left: 100px;
   color: #fff;
}
.rest-mian .rest-tet h3{
    font-size: 24px;
    padding-bottom: 10px;
}
.rest-mian .rest-tet p{
    font-size: 16px;
    line-height: 30px;
}
.rest-mian .rest-tet .bx-x{
    height: 1px;
    display: block;
    width: 100%;
    background-color: #fff;
    margin: 10px 0;
}
.Notediv{
    display: inline;
    position: relative;
    cursor: pointer;
}
.NoteC1div{
    background-color:  rgba(254, 219, 0,.3);
}
.NoteC2div{
    background-color: rgba(145, 205, 250,.3);
}
.NoteC3div{
    background-color: rgba(247, 153, 222,.3);  
}
.NoteC1div:hover,.NoteC1div.active{
    background-color:  rgba(254, 219, 0,1) !important;
}
.NoteC2div:hover,.NoteC2div.active{
    background-color:  rgba(145, 205, 250,1) !important;
}
.NoteC3div:hover,.NoteC3div.active{
    background-color:  rgba(247, 153, 222,1) !important;  
}
.Notediv i{
    position: absolute;
    left: 50%;
    width: 170px;
    background-color: #fff;
    border: 2px solid #333;
    border-radius: 5px;
    transform: translate(-50%,0);
    padding: 0 10px;
    height: 70px;
    font-size: 14px;
    padding: 5px;
    box-sizing: border-box;
    overflow-y: auto;
    font-style:normal;
    display: none;
    z-index: 5;
    
}
.Notediv:hover i{
    display: block;
}

.AnswerResults-one,.AnswerResults-two{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    padding: 20px;
    margin-top: 30px;
    color: #000;
    border-radius: 10px;
}
.AnswerResults-one-title h3{
    font-size: 18px;
}
.AnswerResults-one-title p{
    font-size: 15px;
    color: #646464;
}
.AnswerResults-one-title{
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 10px;
}
.AnswerResults-one-text{
    display: flex;
    flex-wrap: wrap;
}
.AnswerResults-one-text .list{
    margin-right: 15%;
    padding: 10px 0;
}
.AnswerResults-one-text .list h3{
    font-size: 15px;
    
}
.AnswerResults-one-text .list.one .list-bottom p{
    font-size: 40px;
}
.AnswerResults-one-text .list .list-bottom p{
    font-size: 32px;
    display: inline-block;
}
.AnswerResults-one-text .list .list-bottom span{
    display: inline-block;
    font-size: 12px;
    color: #b1b1b1;
    line-height: 1.2;
    margin-left: 15px;
}
.AnswerResults-one-ts{
    padding: 10px;
    background-color: #0777c8;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
}

.AnswerResults-nav ul{
    display: flex;
    margin-bottom: 20px;

}
.AnswerResults-nav ul li{
    flex: 1;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 0;
    color: #4379b6;
}
.AnswerResults-nav ul li.active{
    border-bottom: 1px solid #333;
}
.AnswerResults-title{
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}
.AnswerResults-Number{
    background-color: #e6f3f9;
    padding: 20px;
}
.AnswerResults-Number ul{
    display: flex;
}
.AnswerResults-Number ul li{
    flex: 1;
    text-align: center;
    border-right: 1px solid #8b8e94;
}
.AnswerResults-Number ul li:nth-last-child(1){
    border: none;
}
.AnswerResults-Number ul li p{
    font-size: 30px;
}
.AnswerResults-Number ul li span{
    font-size: 14px;
    color: #666;
}

.AnswerResults-table{
    margin-top: 30px;
}
.AnswerResults-table table{
    width: 100%;
    text-align: center;
}
.AnswerResults-table table th{
    background-color: #505050;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    border-color: #d9d9d9;
}
.AnswerResults-table table td{
    padding: 10px;
    font-size: 14px;
    border-color: #d9d9d9;
}
.AnswerResults-table table .but{
    display: inline-block;
    border: 1px solid #333;
    padding: 8px 15px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.5;
}
.AnswerResults-table table .but:hover{
    background-color: #0777c8;
    color: #fff;
    border-color: #0777c8;
}
.AnswerResults-table table span.color1{
    color: #25B3E3;
}
.AnswerResults-table table span.color2{
    color: #ff0000;
}
.Completion .el-input.is-disabled{
    background-color: #F5F7FA;
}
.Completion .el-input{
    width: 90px;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
}
.Completion input{
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #000 !important;
    border-radius: 0;
    height: 25px;
    line-height: 25px;
    color: #000 !important;
    padding: 0;
    letter-spacing:2px
}
#NewsLisk>a{
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
}


@media (max-width: 1480px){
    .bx-nav ul li a{
        font-size: 16px;
        padding: 0 20px;
        font-weight: bold;
    }
    .Practice-list2 ul li a{
        padding: 20px 20px 20px 10px;
    }
    .Practice-list2 ul li .pic{
        width: 70px;
    }
    .Practice-list2 ul li .tet{
        width: calc(100% - 75px);
    }
    .bx-container{
        width: 90%;
    }
    .bx-Personal .Personal-fl{
        width: 260px;
    }
    .bx-Personal .Personal-fr{
        width: calc(100% - 280px);
    }
}

@media (max-width: 1200px){
    .bx-nav ul li a{
        font-size: 14px;
        padding: 0 15px;
    }
    .bx-container{
        width: 95%;
    }
    .footer .footer-list ul li h3{
        font-size: 16px;
    }
    .footer .footer-list ul li a{
        font-size: 14px;
    }
    .footer .footer-list ul li a img{
        width: 75px;
        height: 75px;
    }
    .footer .footer-list ul li.yj-list .foot-fom .fom-fr .input-ic input{
        font-size: 14px;
    }
    .footer .footer-list ul li.yj-list .foot-fom .fom-fl textarea{
        font-size: 14px;
        height: 120px;
    }
    .footer .footer-list ul li.yj-list .foot-fom .fom-fr .input-ic{
        margin-bottom: 10px;
    }
    .bx-but button{
        font-size: 14px;
    }
    .gkk-list ul li{
        padding: 5px;
    }
    .gkk-list ul li a .tet .name span{
        font-size: 12px;
    }
    .gkk-list ul li a .pic{
        width: 100px;
    }
    .gkk-list ul li a .tet h3{
        margin: 10px 0;
    }
    .Practice-list2 ul li{
        padding: 5px;
    }
    .bx-Personal .Personal-fl{
        width: 200px;
    }
    .bx-Personal .Personal-fr{
        width: calc(100% - 200px);
    }
    .Practice-list2 ul li .tet .tet-bj{
        font-size: 10px;
    }
}



.Note-pop{
    position: fixed;
    left: 0;
    top: 0;
    transform: translate(0, -110%);
}
.Note-pop-mian{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 280px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,1);
    padding: 6px;
}
.Note-pop-mian .Note-pop-list{
    width: 35px;
    height: 35px;
    border: 1px solid #666;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    cursor: pointer;
    font-size: 18px;
} 
.Note-pop-mian .Note-pop-list:hover,.Note-pop-mian .Note-pop-list.active{
    border: 2px solid #666;
    width: 33px;
    height: 33px;
    line-height: 30px;
}
.Note-pop-mian .Note-pop-list.del{
    position: relative;
}
.Note-pop-mian .Note-pop-list.del .del-pop{
    font-size: 12px;
    line-height: 25px;
    width: 115px;
    background-color: #4f4f4f;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-34px);
    display: none;
}
.Note-pop-mian .Note-pop-list.del:hover{
    background-color: #dadada;
}
.Note-pop-mian .Note-pop-list.del:hover .del-pop{
    display: block;
}
.Note-pop-mian .Note-pop-list.bg i{
    display: none;
}
.Note-pop-mian .Note-pop-list.active.bg i{
    display: inline-block;
    transform: rotate(180deg);
    color: #fff;
}

.Note-pop-mian .Note-pop-list.border{
    border-color: #fff !important;
    border-radius: 0 !important;
    line-height: 22px !important;
    border:2px solid transparent !important;
    height: 30px !important;
    width: 30px;
    padding-bottom: 3px;
    position: relative;
    margin-right: 10px;
    
}

.Note-pop-mian .Note-pop-list.border:hover{
    border-bottom: 2px solid #000 !important;
}
.Note-pop-border{
    position: absolute;
    top:40px;
    left: 50%;
    width: 50px;
    background-color: #fff;
    transform: translate(-50%,0);
    box-shadow: 0 0 15px rgba(0,0,0,0.16);
    border-radius: 0 0 10px 10px;
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 5px;
}
.Note-pop-border>div{
    text-align: center;
    padding: 5px 5px;
    border-left: 2px  solid transparent;
    border-right: 2px  solid transparent;
}
.Note-pop-border>div:hover{
    background-color: #f7f7f7;
    border-left: 2px  solid #000;
}
.Note-pop-border>div i{
    width: 15px;
    display: block;
    margin: 0 auto;
    margin-top: 1px;
}
.Note-pop-list-title{
    height: 100%;
}
.Note-pop-mian .Note-pop-list.border .icon-undown{
    width: auto;
    position: absolute;
    right: -10px;
    top: 50%;
    font-size: 12px;
    transform: translate(0,-50%);
}
.Note-pop-list-title i{
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 2px;
}
.NoteC1{
    background-color:  rgba(254, 219, 0,.3);
}
.NoteC2{
    background-color: rgba(145, 205, 250,.3);
}
.NoteC3{
    background-color: rgba(247, 153, 222,.3);  
}
.NoteC1:hover,.NoteC1.active{
    background-color:  rgba(254, 219, 0,1) !important;
}
.NoteC2:hover,.NoteC2.active{
    background-color:  rgba(145, 205, 250,1) !important;
}
.NoteC3:hover,.NoteC3.active{
    background-color:  rgba(247, 153, 222,1) !important;  
}
.NoteSolid{
    border-bottom: 2px solid #666;
}
.NoteDashed{
    border-bottom: 2px dashed #666;
}
.NoteDotted{
    border-bottom: 2px dotted #666;
}

.NoteListpop.active{
    width: 250px;
}
.NoteListpop{
    width: 10px;
    background-color: #f0f0f0;
    height: calc(100% + 15px);
    padding: 50px 0;
    box-sizing: border-box;
    position: relative;
}
.NoteListpop-item{
    width: 240px;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 0 20px;
    overflow-x: hidden;
}
.NoteListpop-item .NoteListpop-list{
    width: 100%;
    border: 1px solid #666;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
}
.NoteListpop-item .NoteListpop-list .NoteListpop-listdelpop{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
}

.NoteListpop-item .NoteListpop-list .NoteListpop-listdelpop h3{
    font-size: 14px;
    color: #fff;
    padding: 10px;
}

.NoteListpop-listdelpop .butarr{
    display: flex;
    justify-content: space-between;
    padding: 0 15%;
}
.NoteListpop-listdelpop .butarr .buts{
    width: 40%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    line-height: 32px;
    font-size: 13px;
}
.NoteListpop-listdelpop .butarr .buts:hover span{
    display: inline-block;
    text-decoration: underline;
    line-height: 1;
}
.NoteListpop-listdelpop .butarr .buts.border{
    border: 2px solid #fff;
    border-radius: 30px;
    text-decoration: underline;
}

.NoteListpop-lits-textarea textarea{
    width: 100%;
    height: 100%;
    min-height: 20px;
    border: none;
    font-size: 14px;
    color: #333;
    font-size: 12px;
    padding: 5px 10px;
    resize: none;
    resize: vertical;
    box-sizing: border-box;
}
.NoteListpop-list-title{
    padding-right: 50px;
    font-size: 12px;
    padding-left: 10px;
    position: relative;
    line-height:40px;
    color: #333;
}
.NoteListpop-list-title h3{
    color: #333;
}

.NoteListpop-list-title .NoteCDiv{
    display: block;
    width: 100%;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.NoteListpop-list-title .NoteListpop-list-but{
    position: absolute;
    top: 5px;
    right: 10px;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    cursor: pointer;
}
.NoteListpop-item .NoteListpop-list.active{
    margin-left: -10px;
    border: 2px solid #333;
}
.NoteListpop-list.active .NoteC1div{
    background-color:  rgba(254, 219, 0,1) !important;
}
.NoteListpop-list.active .NoteC2div{
    background-color:  rgba(145, 205, 250,1) !important;
}
.NoteListpop-list.active .NoteC3div{
    background-color:  rgba(247, 153, 222,1) !important;  
}

.NoteListpop-fbut span{
    display: block;
    cursor: pointer;
    width: 30px !important;
    height: 25px !important;
    background-color: #666;
    text-align: center;
    line-height: 25px;
    color: #fff;
}
.NoteListpop-fbut span:hover{
    background-color: #000;
}

.NoteListpop-fbut span.left{
    position: absolute;
    bottom: 15px;
    left: -30px;
    border-radius: 25px 0 0 25px;
}
.NoteListpop-fbut span.right{
    position: absolute;
    bottom: 15px;
    left: 0;
    border-radius: 0 25px 25px 0;
}
.el-tooltip__popper.is-dark{
    background-color: #505050; /* 修改为你想要的颜色 */
    font-size: 12px;
  }

  .el-tooltip__popper.is-dark p{
    font-weight: 400;
    margin-top: 5px;
    max-width: 140px;
  }