/*分级列表*/
.cz {
    display: inline-block !important;
}
.bg{
    color: #0267d0 !important;
}
.main22 {
    margin-left: 2%;
    border-bottom: 1px solid #ccc;
}

.main22 h2 {
    color: #f12f2f;
    font-size: 18px;
}

.main22 span {
    display: block;
    width: 10%;
    border: 2px solid #f12f2f;
}


#search{
	width: 18%;
    /* margin: 3% auto; */
    display: flex;
    float: right;
    /* border: 1px solid red; */
    margin-top: -2.7%;
    margin-right: 11%;
}
#search input{
	float: left;
    flex: 4;
    height: 40px;
    outline: none;
    box-sizing: border-box;
    padding-left: 10px;
    border-radius: 20px 0 0 20px;
    border:1px solid #707070;
    border-right:none;
    background: #FFFFFF;
}
#search button{
	float: right;
    flex: 1;
    height: 40px;
    color: white;
    border-style: none;
    outline: none;
    border-radius: 0 20px 20px 0;
    border:1px solid #707070;
    border-left:none;
    background:#FFFFFF;
}
#search button img{
	width: 20px;
    height: 20px;
}
#search button:hover{
	font-size: 16px;
}




.main {
    padding-bottom: 0.2rem;
    background: #F4F4F4;
}

.main1 {
    
}

.main1-1 {
    text-align: center;
}

.main1-1 p {
    text-align: center;
    font-size: 26px;
    color: #333333;
    font-weight: 600;
}

.mian1-2-1 {
    width: 100%;
    font-size: 13px;
    /* text-align: center; */
    font-weight: 600;
    float: left;
    background: #FFFFFF;
}

.mian1-2-1 .span {
    display: block;
    background-color: #f12f2f;
    color: white;
    text-align: left;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    padding-left: 10%;
}

.span span {
    margin-right: 10%;
    font-size: 30px;
    vertical-align: middle;
    float: right;
}

.span div {
    text-align: center;
}
.ul2 {
    box-sizing: border-box;
    display:flex;
    width:100%;
}

.ul2 li {
    margin-top: 2%;
    padding-bottom: 1%;
    margin-left: 5%;
}

.ul2 li:nth-child(1) {
    margin-left: 0;
}

.ul2 li p {
    padding: 3% 0;
}

.ul2 li a {
    font-size: 15px;
    color: #999999;
    font-weight: 300;
    transition: all .4s;
}
.li2{
    font-size: 20px;
    height: 30px;
    line-height: 30px;
}
.li2 span{
    color: black;
    float: right;
    display: none;
}

.li2:hover a{
    color: #E2BF7C;
    transition: all .4s;
}
.li2:hover span{
    color: #0267d0;
}

.ul1 {
    overflow: hidden;
    display: none;
}

.ul1 li {
    padding: 2% 0;
    margin-top: 0%;
}
.ul1 li:last-child{
    border-bottom: none;
}
.ul1 li a {
    display: block;
    width: 100%;
    margin-left: 15%;
    font-size: 15px;
    color: black;
}

.ul1 li a:hover {
    color: #333333;
}

.ul1 li:hover {
    background: #dddddd;
}

.main1-2-2 {
    width: 100%;
    float: right;
    padding: 5% 0;
    box-sizing:border-box;
}

.main1-2 {
    
}

.main1-2-2-1 {
    float: left;
    box-sizing: border-box;
    margin: 2% 0 6%;
    margin-left: 2%;
    width: 31%;
}

.main1-2-2-1 img {
    display: block;
}

.main1-2-2-1 p {
    font-size: 0.2rem;
    padding-top: 6%;
    font-size: 22px;
    text-align: left;
    overflow: hidden;
    margin-bottom: 6%;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:1;
    color:#333333;
    transition:all .4s;
     position: relative;
}
.chanpbox{
    background:#F4F4F4;
}
.main1-2-2-1 .chanp{
    text-align:center;
    background:#FFFFFF;
    padding: 10% 0;
    box-sizing: border-box;
}
.main1-2-2-1 .chanp::after{
    display:none;
}
.main1-2-2-1 p::after{
                        content:"";
                        display:block;
                        width: 10px;
                        height:2px;
                        border-bottom:2px solid #E2BF7C;
                        box-sizing: border-box;
                        position: absolute;
                    }
                   .main1-2-2-1 p::after{
                        left:0;
                        bottom:0;
                        transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
                    }
                   .main1-2-2-1 p:hover::after{
                        width:100%;
                        height:100%;
                        transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.4s, height 0.3s ease-in 0.6s;
                        border-bottom-color:#E2BF7C;
                    }
.main1-2-2-1 p:hover {
    color:#E2BF7C;
    transition:all .4s;
}
.main1-2-2-1 span{;
    font-size: 18px;
    text-align: left;
    overflow: hidden;
    margin-bottom: 6%;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:1;
    color:#999999;
}

.chanpbox a .tp{
    overflow: hidden;
    position: relative;
}
.chanpbox a .tp .hov{
    position: absolute;
  bottom: 0;
  background: rgba(102, 102, 102, 0.5);
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
}
.chanpbox a .tp .hov .tpjia{
   display: block;
  width: 15%;
  margin-left: 42%;
  margin-top: 0;
  transition: all 0.4s;
}
.chanpbox a .tp:hover .hov{
    visibility: visible;
  opacity: 1;
  transition: all 0.6s;
}
.chanpbox a .tp:hover .hov > .tpjia{
    margin-top: 36%;
    transition: all 0.4s;
}


/* .main1-2-2-1:nth-child(1){
	margin-left: 0;
	margin-top: 0;
}
.main1-2-2-1:nth-child(2){

	margin-top: 0;
}
.main1-2-2-1:nth-child(3){
	margin-left: 0;

} */

/*分级列表结束*/


/*分页*/
.fenyespan {
    width: 100%;
    text-align: center;
    margin-top: 47px;
}

.fenyespan span {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #ebebeb;
}

.fenyespan a {
    color: #666666;
}

.fenyespan span:hover,
.fenyespan a:hover {
    cursor: pointer;
    background-color: #f12f2f;
    color: #fff;
    border-color: #f12f2f;
}

.fenyespan span:hover .spana {
    color: #fff;
}

.fenyespan .fenyeactive {
    background-color: #f12f2f;
    border-color: #f12f2f;
}

.fenyespan .fenyeactive a {
    color: #fff;
}

.fenyespan .a {
    width: 40px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    display: inline-block;
    margin: 0 5px;
    color: #666666;
    border: 1px solid #ebebeb;
}

/*分页结束*/



/*媒体查询*/
@media screen and (max-width: 1200px) {
.mian1-2-1 {
    width: 100%;
}
    .main1-2-2{
	width: 100%;
}
  .main1-2-2 div:nth-child(10){
	display: none;
}
    .main1-2-1-1 span {
        font-size: 17px;
        color: #b5091f;
        font-weight: 550;
    }
   .ul2{
           overflow-x: auto;
       width: auto;
                white-space: nowrap;
                flex-wrap: nowrap;
                padding-right: 3%;
                padding-left: 6%;
   }
  .ul2 li{
       width: 46%;
       margin-left: 4%;
                
   }
  #search{
      width:80%;
      float:initial;
      margin-left: 7%;
    margin-top: 3%;
    margin-bottom: 6%;
  }

  .cpmin{
      overflow:initial;
  }
  .chanpbox{
      width:47%;
  }
  .chanpbox a p{
      font-size:16px;
  }

  .casbox{
      width: 100%;
    padding: 0 10%;
    box-sizing: border-box;
    margin-top: 10%;
  }
}