/*第一层*/
.mainTopOuter,.maintop{width:1200px; margin:0 auto; display: -webkit-flex;display: flex; justify-content:space-between;}
.maintop>div{ height:350px; background-color:White;}
.mainTopLeft{ width:350px;}
.mainTopMiddle{width:560px;}
.mainToprightOuter{width:240px; }
.mainTopright{height:340px;width:240px; overflow:auto;border:solid 1px #EDEDED; padding-left:10px; }

.mainTopright>div:before{border-radius:50%; width:8px; height:8px; position:absolute; background-color:#DCDCDC; content:""; left:-4px; top:17px;}








h2{ border-bottom:2px solid #DCDCDC;}
h2>a,h2>span{ position:relative; font-size:18px; letter-spacing:2px; padding:0 2px;}
h2>a:before,h2>span:before{position:absolute; content:""; width:100%; height:2px; background-color:Red; bottom:-4px; left:0;}
 
/*滚动条的宽度*/

   .mainTopright::-webkit-scrollbar {
        width:9px;
        height:9px;
    }

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/

   .mainTopright::-webkit-scrollbar-track {
        width: 6px;
        background-color:#EDEDED;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }

/*滚动条的设置*/

   .mainTopright::-webkit-scrollbar-thumb {
        background-color:#606d71;
        background-clip:padding-box;
        min-height:28px;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }
/*滚动条移上去的背景*/

  .mainTopright::-webkit-scrollbar-thumb:hover {
         background-color:lime;
    }


 
.mainTopLeft>ul:not(:last-child){ margin-bottom:15px; border-bottom:solid 1px #DCDCDC;padding:0 5px 20px 5px;}
.mainTopLeft>ul{ padding:0 5px; display: -webkit-flex;display: flex; justify-content:space-between; flex-wrap:wrap; height:170px;}
.mainTopLeft>ul>li:first-child{ margin-bottom:10px;}
.mainTopLeft>ul>li:first-child>span{ font-size:16px; padding:3px 5px; border-radius:2px; background-color:red; color:White;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mainTopLeft>ul li{  margin-right:10px;  display:inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.mainTopLeft>ul:not(:first-child){ margin-top:24px;}


.mainTopLeft>ul>li:first-child a { font-size:16px; padding:3px 5px; color:Black; color:#215796; font-weight:bold;}
.mainTopLeft>ul>li:first-child a:hover { color:Red; }

.mainTopLeft>ul>li:first-child .guanzhu{background-color:#306BAF;}

/*时间轴*/
.mainTopright>div{ padding:8px;border-left:solid 1px #EDEDED; position:relative;}
 
.mainTopright>div>p>span{  margin-left:5px; font-size:18px; display:inline-block; line-height:25px; padding:2px 5px; background-color:Blue; color:White; text-align:center; border-radius:5px; position:relative;}
.mainTopright>div>p>span:before{ position:absolute; content:"";border-right:8px solid blue; border-top:4px solid transparent; border-bottom:4px solid transparent;top:35%; left:-7px;}
.mainTopright>.dangyue>p>span:before{border-right:8px solid red; }



.mainTopright>.dangyue>p>span{  background-color:red;}
.mainTopright>div>p ~ a,.mainTopright>div>p ~ span{display:inline-block; margin-right:10px; font-size:16px; line-height:30px;}
 
.mainTopright>div>p ~ a:hover{ color:Red;}
.yueli{box-shadow:0 2px 4px rgba(0, 0, 0, .6); background-color:White; width:220px; line-height:30px; font-size:18px; font-weight:bold; padding-left:30px; background-image:url(../../../ico/pc/gksjz.png); background-repeat:no-repeat; background-position: 5px;}

  /* 焦点图css */
 
.swiper-container,.focus{  height:230px;width: 560px;position: relative; margin:0 auto;float:left; } 

.swiper-slide img ,.focus a img {
	width: 560px;
	border-radius: 3px;
	display: block;
  height:230px;

}
.swiper-container .swiper-slide a,.focus>a {
	background: #fff;
	display: block;
	border-radius: 3px;
	 position:relative;
	 width:100%;
}

.swiper-container .swiper-slide a span,.focus>a span{ position:absolute; display:inline-block; width:100%; height:30px; line-height:30px; text-indent:5px;
	                         z-index:100;  
	                         text-align:left; left:0; bottom:0; font-size:1.6em; padding:5px 0; letter-spacing:1px; color:White;    
                                background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.7)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(up, rgba(0,0,0,0),rgba(0,0,0,0.7)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(up,rgba(0,0,0,0),rgba(0,0,0,0.7)); /* Firefox 3.6 - 15 */
    background: linear-gradient( rgba(0,0,0,0),rgba(0,0,0,0.7)); /* 标准的语法（必（必须放在最后）   背景色透明且渐变*/
     

}  
  
.swiper-container .swiper-pagination {
	position:absolute;
	bottom:0; 
	
}

.swiper-pagination-bullet {
	background: #00a0e9;
 
	width: 5px;
	height: 5px;
	opacity: 1;
 	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
}

.swiper-pagination-bullet-active {
	width: 5px;
	height: 3px;
	background: red;
  border-radius:1px;
 transform: scaleX(2);
}
/*高考百科*/

.baike>h2>a{ font-size:18px; font-weight:bold; height:30px; line-height:30px; border-bottom:solid 1px #EDEDED;}

.baike>ul{ height:110px;width:560px; margin:10px auto; display: -webkit-flex;display: flex; justify-content:space-around; flex-wrap:wrap; }
 	
		
.baike> ul li{ width:45%; height:32px; line-height:32px;  font-size:16px; position:relative;border-bottom:dashed 1px #DCDCDC;}
.baike>ul>li a{display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:100%; }

.baike>ul>li:nth-child(5),.baike>ul>li:nth-child(6){border-bottom:0;}
.baike>ul>li:before{ top:12px; left:-10px; position:absolute; border-left:solid 5px #20C1FF; content:""; border-top:solid 5px transparent;border-bottom:solid 5px transparent; z-index:99;}

.baike>ul li:hover:before{ border-left:solid 5px red;}		
		
	 
	
/*高考类别*/

   .gkDetail{min-height:360px; background-color:White; width:1200px; margin:30px auto;display: -webkit-flex;display: flex;justify-content:space-between; flex-wrap:wrap;}
   .gk{width:1200px; margin:20px auto; height:30px;display: -webkit-flex;display: flex;border-bottom:solid 1px #EDEDED; line-height:30px;justify-content:space-between;}
   
 .gk>div{width:1100px; height:30px;display: -webkit-flex;display: flex;justify-content:space-between; }
  .gk ul{ min-width:60px;display: -webkit-flex;display: flex;}
 
    .gk ul li{ position:relative; margin-right:15px;}
    
    .gk ul li:not(:last-child):after{ position:absolute; content:"/"; padding:0 5px; top:1px;}
    
    
   .gkDetail>div,.otherDetail>div{min-height:360px; background-color:White; width:360px; }
	
	
	.gkDetail>div:nth-child(2){width:360px;}	
	
 .gkDetail>div:nth-child(2)>div:first-child {   height:35px; overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
 }	
.gkDetail>div:nth-child(2)>div:first-child>a{ font-size:16px; height:25px; line-height:25px; font-weight:bold; }	
  	
 .tuwen {width:100%; height:100px; display: -webkit-flex;display: flex; justify-content:space-between;  margin-bottom:20px; }
.tuwen>div,.tuwen>div img{width:100px; height:100px; display:inline-block;}
.tuwen> ul>li>a{width:240px; line-height:23px; display:inline-block;
 padding-left:10px;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
 
}
.tuwen+ul,.tuwen>ul{ height:100px;display: -webkit-flex;display: flex; justify-content:space-between; flex-wrap:wrap;}
 .tuwen+ul{ height:220px;}
.tuwen+ul>li>a{width:340px; line-height:25px; display:inline-block;
 padding-left:10px;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}
  

.gkDetail>ul:nth-child(3){width:420px;display: -webkit-flex;display: flex;  flex-wrap:wrap;border-left:solid 1px #EDEDED;border-right:solid 1px #EDEDED;  padding:0 20px 0 20px;}
	
		
		
/*资讯*/
 .zx>li{height:100px; width:100%;}
.zx>li:not(:last-child){ border-bottom:dashed 1px #DCDCDC; padding-bottom:10px;}
.noImg>a>span{ display:inline-block; width:100%; padding:5px;}
.noImg>a>span:first-child{ font-size:16px; font-weight:bold;}
.noImg>a>span:last-child{ font-size:14px; color:#9E9E9E;  line-height:23px; letter-spacing:2px; text-indent:2em;}

.oneImg{display: flex;justify-content:space-around;display: -webkit-flex;justify-content:space-between;} 
.oneImg>img{ width:120px; height:100px;} 
.oneImg>a{ width:280px; } 
.oneImg>a>span{display:inline-block; width:100%; } 
.oneImg>a>span:first-child{ font-size:16px; font-weight:bold;overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}
.oneImg>a>span:last-child{ font-size:14px; color:#9E9E9E; line-height:23px; letter-spacing:2px; text-indent:2em;}

 		
.gkDetail>ul:nth-child(4){ width:300px; display: -webkit-flex;display: flex; justify-content:space-between; flex-wrap:wrap;}

.gkDetail>ul:nth-child(4)>li{ font-size:16px;  padding-left:20px; display:inline-block;position:relative;}

.gkDetail>ul:nth-child(4)>li:before{ top:8px; left:8px; position:absolute; border-left:solid 5px #20C1FF; content:""; border-top:solid 5px transparent;border-bottom:solid 5px transparent; z-index:99;}
.gkDetail>ul:nth-child(4)>li:hover:before{ border-left:solid 5px red;}	



		
   .otherDetail{width:1200px; margin:0 auto; border:0;display: -webkit-flex;display: flex; justify-content:space-between; min-height:240px;}
   .otherDetail>div{width:385px; border:0;}
  .otherDetail{ min-height:240px;}
   .otherDetail>div>h2{ width:100%; height:30px; border-bottom:solid 1px red; text-align:center; }
     .otherDetail>div>h2>a{font-size:18px; line-height:30px; }
   
/*学科*/
.xueke{ list-style:none;display: flex;justify-content:space-around;display: -webkit-flex; flex-wrap:wrap}
.xueke li{ padding:2px 5px; margin:5px 20px; height:30px; width:60px; border-radius:5px; background-color:#DCDCDC; text-align:center; line-height:30px;}
.xueke li  a{ display:inline-block; width:100%; height:100%;}
.xueke li:hover a{ color:White;}

 
/*试卷*/
.shijuan{ list-style:none; }
.shijuan>li{display:inline-block; width:100%; margin: 5px;}



.shijuan{ margin-top:2px; height:215px; border-top:1px dashed #DCDCDC;display: -webkit-flex;display: flex; justify-content:space-between; align-items: center; flex-wrap:wrap;}
.shijuan>li a{ position:relative; width:100%; font-size:16px;display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:100%; text-indent:1em;}
 
.shijuan li a:before{ top:5px; left:0px; position:absolute; border-left:solid 5px #20C1FF; content:""; border-top:solid 5px transparent;border-bottom:solid 5px transparent; z-index:99;}
.shijuan a:hover:before{ border-left:solid 5px red;}