﻿ .pageTop,.zySty{ margin:10px auto; width:1000px; min-height:200px;display: -webkit-flex;display: flex; justify-content:space-between; }
.pageTop>div,.TopR{ width:480px; height:200px; }
 

  /* 焦点图css */

	.swiper-container,.focus{  height:240px;width: 480px;position: relative; margin:0 auto;float:left; } 

.swiper-slide img ,.focus a img {
	width: 480px;
	border-radius: 3px;
	display: block;
  height:200px;

}
.swiper-container .swiper-slide a,.focus>a {
	background: #fff;
	display: block;
	border-radius: 3px;
	 position:relative;
	 width:100%;
}
 /*试卷*/
 
 .TopUl{display: -webkit-flex;display: flex; justify-content:space-between;flex-wrap:wrap; height:200px;}
.TopR{ width:500px;  height:160px;}
 
 
.TopR>li{ width:480px; height:28px; line-height:28px;  font-size:16px; position:relative;border-bottom:dashed 1px #DCDCDC;}
.TopR>li:before{ top:10px; left:2px; position:absolute; border-left:solid 5px #20C1FF; content:""; border-top:solid 5px transparent;border-bottom:solid 5px transparent; z-index:99;}

.TopR>a>span{ margin-left:10px;}
.TopR li:hover{ color:Red;}
.TopR li:hover:before{ border-left:solid 5px red;}
  
 .TopR>li>a{
  display:inline-block;
 width:480px;
 overflow:hidden;  
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
   text-indent:1em;
  }
 
 .TopB{ width:100%; display: -webkit-flex;display: flex; justify-content:space-around; height:30px;}
  .TopB>li>a{ padding:5px; line-height:25px; height:25px; border-radius:5px; background-color:#CBFFA6; color:Blue; margin-top:5px;font-size:16px;}
  
  
 .zySty{   margin:20px auto;display: -webkit-flex;display: flex; justify-content:space-between; flex-wrap:wrap; }
.zySty header{background-color:#F1F1F1; width:100%; height:40px;display: -webkit-flex;display: flex; justify-content:space-between;}

 
 .zySty header  h2{ width:120px; background:#CBFFA6; height:40px;position:relative; line-height:40px; text-align:center; font-size:18px; padding:0;}
 .zySty header  h2:after{position:absolute; content:""; border-top:40px solid #CBFFA6;  border-right:80px solid transparent;bottom:0; right:-80px;}
.zyStyR{min-width:100px;  height:40px;  }
.zyStyR:before{min-width:100px;  height:40px;  }
.zyStyR>li{ float:left; margin:0 10px;line-height:40px;}


.nr,.tz{  width:1000px; min-height:200px; margin:20px auto;display: -webkit-flex;display: flex; justify-content:space-between; flex-wrap:wrap;}
.tz{min-height:700px;}
.nr li{ width:480px;  min-height:30px; line-height:30px;border-bottom:solid 1px #EDEDED;  overflow:hidden;}
.tz article{display: -webkit-flex;display: flex; justify-content:space-around; height:130px; margin-bottom:20px;border:solid 1px #EDEDED;flex-wrap:wrap; width:480px;align-items:center;}

.tz article h3{ width:480px; padding:5px;}



.tz article div{
      width: 100px;
      height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        
      }
 .tz article div img {
        width: auto;
        height: auto;
         max-height:100px;max-width:100px;
        }

.tz article p{
      width: 360px;
      height:70px;
      }
 
      
 
 *试题class*
 
.tm{ max-width: 98%;  min-width: 100px;min-height: 20px;  margin:10px auto;}
.tmnr{ max-width: 95%;  min-width: 100px;min-height: 20px;  margin:5px; line-height:30px; text-indent:2em; }

.tiankong{ border-bottom:solid 1px black; display:inline-block; line-height:20px; height:20px; min-width:50px; padding:0 5px;text-align:center;}

.twoItem li,.threeItem li,.fourItem li{ float:left;  min-height:20px;}
.twoItem li{ width:45%;}
.threeItem li{width:32%;}
.fourItem li{ width:22%;}
.xiaokuohao{ display:inline-block; padding:0 5px;}
.xiaokuohao>span:nth-child(2){display:inline-block; line-height:20px; height:20px; min-width:30px; padding:0 5px; text-align:center;}

.cailiao p{  min-height:50px; width:100%; margin:5px auto; text-indent:2em;}     
/*题目*/ 
.xuanxiang{display: -webkit-flex;display: flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.xuanxiang>li{ width:45%;display: -webkit-flex;display: flex; justify-content:space-between;}
.xuanxiang>li>span:first-child{  padding:0 5px; font-size:18px;}
.xuanxiang>li>div{ width:82%; line-height:30px; height:30px; text-align:left;
overflow:hidden;  
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
  }
  
  .timus{counter-reset:count}
  .timus>li{  position: relative;
           box-sizing: border-box;-moz-box-sizing:border-box; /* Firefox */
           -webkit-box-sizing:border-box; /* Safari */
           
           width:45%; overflow:auto; height:150px; margin-bottom:10px;


background: -webkit-linear-gradient(bottom, #FF8500 , #FF5000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top,  #FF8500 , #FF5000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FF8500 , #FF5000); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top,  #EDEDED , #FFFFFF 30%); /* 标准的语法（必（必须放在最后）*/

       }
   .timus>li:before{ content:counter(count);
            counter-increment:count;
            background: #96b6f2; color:white; line-height:20px; height:20px; width:20px; overflow: hidden; text-align: center; border-radius: 50%; position: absolute; left:-5px; top:5px; border:5px solid #fff;
}

 


/*滚动条的宽度*/

 .timus>li::-webkit-scrollbar {
        width:6px;
        height:9px;
    }

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/

   .timus>li::-webkit-scrollbar-track {
        width: 2px;
        background-color:#EDEDED;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }

/*滚动条的设置*/

   .timus>li::-webkit-scrollbar-thumb {
        background-color:#B6FF84;
        background-clip:padding-box;
        min-height:28px;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }
/*滚动条移上去的背景*/

 .timus>li::-webkit-scrollbar-thumb:hover {
         background-color:lime;
    }

  
  .tigan{ text-indent:1.5em;}
  
  .timus>li>a{ border:solid 1px red; padding:2px 5px;}
   
   
 