.right{float: right; }
.left{float: left; }
.rightt{float: left; }
.leftt{float: right; }
.font-right{ text-align:right;}
.font-left{ text-align:left;}
.index-new-content{
    overflow: hidden;
    background-color: #fff;
}
.index-new-content .line-content{
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    padding: 40px 0;
}
.index-new-content .right-content .right-header{
     margin-bottom: 10px;
 
}
.index-new-content .right-content .right-header h2{
    margin-bottom: 5px;
        font-weight: bold;
}
.index-new-content .right-content{
    float: left;
	width: 70%;
}
.index-new-content .right-content li{
	justify-content: space-evenly;
display:inline-flex;
width: 24%;
}
.index-new-content .right-content li img{
   width: 80px;
    margin-bottom: 15px;
	transition: transform 0.1s ease-in-out; /* 设置过渡效果，使放大和缩小更加平滑 */
}
.item:hover img {
  transform: scale(1.2); /* 设置鼠标悬停时图片放大1.2倍 */
}
.index-new-content .right-content li p{
     font-size: 16px;
     color: #666;
}
.index-new-content .right-content li .item{
     cursor: pointer;
}
.index-new-content .left-content{
    float: left;
    width: 30%;
    text-align: center;
    overflow: hidden;
}
.index-new-content .left-content .item-content{
    position: relative;
    width: 160px;
    height: 160px;
    display: inline-block;
    margin-top: 20px;
}

   .left-content .item-content p{
       color: #fff;
       font-size: 16px;
       margin-bottom: 5px;
   }  
.left-content .content-div{
    position: relative;
    cursor: pointer;
    text-align: center;
    padding-top: 40px;
}
.left-content .content-div button{
    border-radius: 50px;
    /* line-height: 20px; */
    padding: 5px 12px;
        cursor: pointer;
        color: #09beb5;
}
.left-content .item-content .circle{
        width: 160px;
        height: 160px;
        border-radius: 50%; /* 圆形 */
        background-image: radial-gradient(circle at center, #6dedd4, transparent);
        position: absolute;
/* 使用动画：动画名称 动画时常 动画速度*/
      /*  animation: draw 3s linear infinite;  */
      }
.left-content .item-content .circle:nth-child(2) {
         left: 10px;
    top: 10px;
    width: 140px;
    height: 140px;
        background-image: radial-gradient(circle at center, #26cdc3, transparent);
      }
     .second-line .left-content .item-content .circle{
           background-image: radial-gradient(circle at center, #5fbdf5, transparent);
     }
      .second-line .left-content .item-content .circle:nth-child(2) {
          background-image: radial-gradient(circle at center, #5498ef, transparent);
     }
      .second-line .left-content .content-div button{
          color: #5598ef;
     }
 .left-content .item-content .circle:nth-child(3) {
  left: 16px;
    top: 16px;
    width: 128px;
    height: 128px;
        background-image: radial-gradient(circle at center, #15eb73, transparent);
           
      }
             /* 定义动画 */
      @keyframes draw { 
    0% { box-shadow: 0 0 0 5px rgba(245, 226, 226, 1), 0 0 0 0 rgba(242, 69, 37, 1); } 
    50% { box-shadow: 0 0 0 10px rgba(245, 226, 226, .5), 0 0 0 0 rgba(242, 69, 37, 0.8); } 
    100% { box-shadow: 0 0 0 20px rgba(245, 226, 226, 0), 0 0 0 20px rgba(245, 226, 226, 0); }
          
      }
      
      .select-questions-type{
          position: absolute;
    left: 32%;
    text-align: center;
    top: 20%;
    display: none;
    	z-index:9999;
      }
         .select-questions-type .s_m_content{
       margin: 0px;   
       height: auto!important;
    }
      .select-questions-content{
           padding: 20px;
           overflow: hidden;
      }
      .select-questions-content h3{
               text-align: left;
    font-size: 16px;
    font-weight: bold;
      }
       .select-questions-content .module-content{
                overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
       }
       .select-questions-content ul{
                float: left;
    overflow: hidden;
    margin-top: 15px;
       }
     .select-questions-content ul li{
            justify-content: space-evenly;
            display: inline-flex;
          
            border-radius: 10px;
            margin-right: 10px;
            cursor:pointer;
}
 .select-questions-content .module-div1 ul li{
        background-color: #f1f1f1;
          padding: 10px 30px;
 }
  .select-questions-content .module-div1 ul li.on{
     color: #fff;
     background-color: #61c6f5;
  }
    .select-questions-content ul li img{
         width: 60px;
    }
  
      .select-questions-content .car-div ul li{
          width: 100px;
    padding: 10px 1px;
    border: 1px solid #e5e5e5;
      }
     .select-questions-content .car-div ul li text{
          display:block;
     }
      .select-questions-content .car-div ul li .item text:nth-child(3){
           color: #999;
      }
      .select-questions-content .car-div ul li.on{
            border:2px solid #61c6f5;
      }
     .select-questions-type .footer-buttom{
       text-align: center;
    background-color: #61c6f5;
    color: #fff;
    width: 80%;
    display: inline-block;
    line-height: 35px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 20px;
      }
      .change-question-type{
            color: #fff;
            font-size: 16px;
            cursor: pointer;
            padding: 5px;
            border: none;
            border-radius: 6px;
            background: linear-gradient(178deg, #00bcfe 0, #0294f7 100%);
            border: 1px solid #0282e9;
            line-height: 25px;
            height: 25px;
            margin-top: 25px;
      }
      #mask-popup{
		position:absolute;
		left:0;
		top:0;
     	background-color:rgba(0,0,0,0.6);
		width:100%;  
		height:100%;
		opacity:0.6; 
		z-index:999;
		display: none;
	}
	
	
	/**  试题分类页面css  **/
		.questions-cate-list{

		}
		.questions-cate-list .layui-panel{
		    overflow: hidden;
		}
			.questions-cate-list ul{
			    overflow: hidden;
			}
	.questions-cate-list li{
        float: left;
        width: 49%!important;
        border-bottom: 1px solid #eee;
               line-height: 50px;
    height: 50px;
	}
.questions-cate-list li:nth-child(even) {
   margin-left: 2%;
}
.questions-cate-list li .number{
    border: 3px solid #009aea;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    margin: 10px;
    color: #009aea;
}
.questions-cate-list .layui-tips{
            background-color: var(--blue);
            color: var(--white);
            white-space: unset;
            min-height: 50px;
                margin-top: 20px;
    border-radius: 4px;
	text-align: center;
    line-height: 30px;
        }
        .questions-cate-list .layui-tips:hover {
            background-color: var(--blue);
            color: var(--white);
        }
        
        .problem-model{
             display: inline-block;
             margin-left: 10px;
            
        }
         .problem-model div{
             cursor: pointer;
         }
		 .problem-model div:hover, .question-other-set.right ul li:hover{
    color: #37B5F8;
    }
         .question-btn{
             display: inline-block;
             
         }
         .font-size-div{
                display: inline-block;
                margin-left: 5px;
                overflow:hidden;
         }
         .question-footer-btn{
              padding: 20px 0;
         }
         .question-other-set{
             margin-left: 5px;
             overflow: hidden;
         }
         .question-other-set li{
             cursor: pointer;
         }
          .question-other-set li input{
              margin-right: 5px;
          }
          .error-book-con .head-content{
              overflow: hidden;
              padding: 15px;
          }
          .error-book-con .head-content a#clearQuestion.rightt img, .error-book-con .head-content a#clearQuestion.leftt img{
           width: 20px;
           margin: 10 10px 0 10px;
          padding: 0 5px 0 5px;
          }
		  .error-book-con .head-content h3{
              font-weight: bold;
              color: #333;
              font-size: 18px;
			  margin: 0 10px 0 10px;
          }
          .error-book-con .head-content a{
              color: #666;
			  padding: 0 10px 0 10px;
          }
		  .error-book-con .head-content a:hover{color: #37B5F8;}
          .error-book-con{
                margin-top: 25px;
              box-shadow:
                 10px 10px 10px #f7f7f7,
                 10px -10px 10px #f7f7f7,
                 -10px 10px 10px #f7f7f7,
                 -10px -10px 10px #f7f7f7;
              overflow: hidden;
              border-radius: 10px;
              padding-bottom: 10px;
          }
           .error-info{
               padding: 15px;
               overflow: hidden;
           }
          .error-info .left-div{
               width: 66%;
               background-color: #f7f8fc;
               overflow: hidden;
               padding: 15px;
                border-radius: 8px;
          }
           .error-info .left-div .item{
                display: block;
                overflow: hidden;
                 padding: 0px 15px;
           }
             .error-info .left-div .item span:first-child:hover{
                color: #37B5F8;
             }
              .error-info .left-div .item span:last-child{

             }
             .error-info .left-div .item:nth-child(1){
                 cursor: pointer;
             }
             .error-info .left-div .item:nth-child(1) span:first-child text{
                   font-weight: bold;
                   font-size: 23px;
                   margin-right: 5px;
				   margin-left: 5px;
             }
			.error-info .left-div .item:nth-child(2) span:last-child text{
                  
                   margin-right: 5px;
				   margin-left: 5px;
             }
             .error-info .left-div .item:nth-child(2){
                   background-color: #f3e7e7;
                    padding: 20px 15px;
                    border-radius: 8px;
                    margin-top: 15px;
             }
             .error-info .left-div .item:nth-child(2) span:first-child{
                  font-weight: bold;
                   font-size: 18px;
             }
               .error-info .left-div .item:nth-child(2) span:first-child text{
                    color: red;
                    margin-right: 5px;
					margin-left: 5px;
               }
               .error-info .left-div .item:nth-child(2) span:last-child a{
                     border: 1px solid #e65e4e;
                     padding: 5px 15px;
                     border-radius: 20px;
                     color: #e65e4e;
					 background-color: #fffdfd;
               }
               .error-info .left-div .item:nth-child(2) span:last-child a:hover{
                     border: 1px solid #e65e4e;
                     color: #fffdfd;
					 background-color: #e65e4e ;
               }
           .error-info .right-div{
               width: 30%;
               border-radius: 4px;
          }
           .error-info .right-div .item{
               background-color: #f7f8fc;
               overflow: hidden;
               padding: 20px 15px;
               display: block;
               font-size: 15px;
               cursor: pointer;
			   border: 1px solid #f7f8fc;
			   border-radius: 8px;
           }
		   .error-info .right-div .item:hover{
		   color: #37B5F8;
           background: linear-gradient(181deg, #ffffff 0, #ffffff 100%);
           border: 1px solid #37B5F8;}
            .error-info .right-div .item span{
                color: #666;
            }
            .error-info .right-div .item span text{
                margin-right: 10%;
				margin-left: 10%;
                font-weight: bold;
                font-size: 16px;
                color: #333;
            }
           .error-info .right-div .item:last-child{
               margin-top: 10px;
           }
           .error-cate-list{
               overflow: hidden;
             
           }
           .error-cate-list  ul{
                   width: 100%;
          display: block;
          text-align: left;
           }
           .error-cate-list li{
            justify-content: flex-start;
            display: inline-flex;
            width: 25%;
            cursor: pointer;
           }
           .error-cate-list li div{
            width: 100%;
            border-radius: 10px;
            background-color: #f7f7f7;
            margin: 10px;
            padding: 10px 20px 10px 20px;
			font-size:16px;
			border: 1px solid #f7f7f7;
           }
		    .error-cate-list li .font-right:hover, .error-cate-list li .font-left:hover{ 
			color: #37B5F8;
            background: linear-gradient(181deg, #ffffff 0, #ffffff 100%);
            border: 1px solid #37B5F8;}
            .error-cate-list li span{
                color: #999;
                display: inline-block;
				font-size:15px;
            }
            
    .select-user-login{
          position: absolute;
    left: 32%;
    text-align: center;
    top: 20%;
    display: none;
    	z-index:9999;
      }
     .select-user-login .s_m_content{
       margin: 0px;   
       height: auto!important;
    }
          .select-user-content{
           padding: 20px;
           overflow: hidden;
      }
      .select-user-content h3{
               text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
      }
       .select-user-content .module-content{
                overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
       }
   .select-user-login .footer-buttom{
       text-align: center;
    background-color: #61c6f5;
    color: #fff;
    width: 80%;
    display: inline-block;
    line-height: 35px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 20px;
      }
      .jiqiao-content-div{
           /**text-align: left;**/
           padding: 15px;
		   font-size:18px;
      }
      .answer-red-color{
           color: red;
      }
      .test-result-div{
           overflow: hidden;
           padding: 20px;
      }
      .test-result-div h3{
          text-align: left;
          font-weight: bold;
      }
       .test-result-div h3 a{
          float: right;
          color: #26c17d;
      }
       .test-result-div .result-content{
           width: 100%;
           text-align: center;
       }
       
       .test-score-content .test-result-process {
    overflow: hidden;
    width: 311px;
    height: 200px;
    position: absolute;
        left: 50%;
    margin: 0 0 0 -155px;
    top: 15%;
}
 .test-score-content .test-result-process .low {
    border-left: 10px solid rgba(250, 121, 103, 1);
    border-top: 10px solid rgba(250, 121, 103, 1);
}

 .test-score-content .test-result-process .box {
    width: 300px;
    height: 300px;
    border-right: 10px solid #F3F0F0;
    border-bottom: 10px solid #F3F0F0;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    /* top: 50%; */
    top: 30%;
    left: 50%;
    /* margin-left: -100px; */
    margin-left: -150px;
    transition: all ease 0.8s;
    transform: rotate(-120deg);
}

 .test-score-content .test-result-score {
    /* margin: 150px 0 0 0; */
    margin: 115px 0 0 0;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    color: #101D37;
}
.test-score-content .test-result-score >div {
    display: flex;
    justify-content: center;
    margin-bottom: 11px;
}

.test-score-content .test-result-score text {
    font-size: 66px;
    font-weight: 600;
    line-height: 50px;
    color: #101D37;
}
.test-result-div .wrong{
    cursor: pointer;
}
.test-result-div span{
    background-color: #ffffff!important;
}
.test-result-div .info {
    width: 486px;
   /* height: 147px;*/
    margin: 40px auto;
    background-size: cover;
    border-radius: 17px;
    border: 1px solid #D3DFFF;
}
.test-result-div .info .data {
    display: flex;
    justify-content: space-around;
}
.test-result-div .info .data div {
    font-size: 14px;
    font-weight: 400;
    line-height: 84px;
    color: #0A2433;
}
.test-result-div .info .right text {
    font-size: 20px;
    font-weight: 600;
    color: #00C356;
    line-height: 24px;
}
.test-result-div .info .wrong text {
    font-size: 20px;
    font-weight: 600;
    color: #FF2B3C;
    line-height: 24px;
}
.test-result-div .info .data text {
    margin: 0 0 0 5px;
}
.test-result-div .info .wrong text {
    font-size: 20px;
    font-weight: 600;
    color: #FF2B3C;
    line-height: 24px;
}
.test-result-div .info .un text,.test-result-div .info .time text {
    font-size: 20px;
    font-weight: 600;
    color: #0A2433;
    line-height: 24px;
}
.test-result-div a.button {
    display: block;
    width: 240px;
    height: 40px;
    margin: 0 auto;
    border-radius: 32px;
    border: #E3E7E9 solid 1px;
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    color: #101D37;
    cursor: pointer;
}
.menu-crumbs-div{
    /*width: 1100px;*/
    display: inline-block;
    text-align: left;
    font-size: 16px;
}
.menu-crumbs-div .menu-crumbs-content{
    display:inline-block;
    margin-left: 10px;
	color: #fff;
    font-size: 16px;
    cursor: context-menu;
    padding: 5px;
    border: none;
    border-radius: 6px;
    
    line-height: 25px;
    height: 25px;
    margin-top: 25px;
} 
.menu-crumbs-div a{
    color: #0283f8;
	color: #fff;
    font-size: 16px;
    cursor: pointer;
    padding: 5px;
    border: none;
    border-radius: 6px;
    background: linear-gradient(178deg, #00bcfe 0, #0294f7 100%);
    border: 1px solid #0282e9;
    line-height: 25px;
    height: 25px;
    margin-top: 25px;
}
.menu-crumbs-div a:hover{ color:#FFFFFF; box-shadow: 0 0 10px rgba(255, 255, 255, 0.5), /* 主外发光 */
              0 0 10px rgba(255, 255, 255, 0.2), /* 次外发光 */
              0 0 20px rgba(255, 255, 255, 0.1);  /* 远离中心的外发光 */}
.problem-stat-con{
    display: inline-block;
    margin-left: 15px;
	margin-top:5px;

}
.problem-stat-con div img{
         width: 20px;
    margin-right: 2px;
}
.answer-sheet-button-con{
    display: inline-block;
    margin-right: 5px;
	margin-left: 5px;
    cursor: pointer;
    border-radius: 5px;
	border: 1px solid #c1c1c1;
	background: linear-gradient(181deg, #efefef00 0, #efefef52 100%);
}
.answer-sheet-button-con img{
      width: 20px;
}
.answer-sheet-button-con .show-or-hide{
     margin-left: 2px;
}
.answer-sheet-button-con:hover {color: #37B5F8;background: linear-gradient(181deg, #ffffff 0, #ffffff 100%);border: 1px solid #37B5F8;}
.choose-answer-active{
         background-color: #0283f8;
    color: #fff;
    border: none;
}
.answer-analysis{
    margin-left: 10px;
    cursor: pointer;
}
.answer-sheet-button-con .show-or-hide span{ line-height:55px}