.case-list .warp-type-list .active {
    text-decoration: none;
    font-size: 16px;
	background: #b20923;
    color: #fff;
	padding: 0 8px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
}
.case-list .warp-type-list{position:static;float:left;}


		@media screen and (max-width: 1920px){
            .case-read {width: 1700px;}
        }
         @media screen and (max-width: 1720px){
           .case-read {width: 95%;}
        }
         @media screen and (max-width: 1420px){
            .case-read {width: 95%;}
			.warp2 .warp-type p {width:100%; left:0; margin-left:0}
        }
         @media screen and (max-width: 1220px){
			    .warp1{width:95%;}
            	.case-read {width: 95%;}	
        }
         @media screen and (max-width: 1020px){
            	.case-read {width: 95%;}		
        }
          @media screen and (max-width: 778px){
           		.case-read {width: 95%;}   
        }
		
		 @media screen and (min-width: 750px){
           		.case-read-top .left {
					 padding-left: 9%;
					 width: 36%;
					 text-align: left;
					 }
		 @media screen and (min-width: 1420px){
           		.case-list .warp-type{width:1420px; margin:0 auto 20px auto;}
        }