﻿.select-pannel {

  padding: 0px 15px;

  min-height: auto;

    background: #fff;

    border: none;

    border-radius: 10px;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);

}



.select-section {

  padding: 35px 0px;

  padding-bottom: 24px;

}



.select-pannel>ul {

  width: 100%;

  height: 100%;

}



.select-pannel>ul>li {

  border-bottom: #DBDBDB 1px dashed;

  min-height: 60px;

  display: flex;

  align-items: center;

}



.select-pannel>ul>li:last-child {

  border: none;

}



.select-pannel>ul>li>div {

  display: inline-block;

  margin: 0;

  vertical-align: top;

}



.li-title {

  width: 90px;

  font-size: 16px;

  height: 55px;

  line-height: 55px;

  font-weight: 500;

  color: rgba(51, 51, 51, 1);

  padding: 0px 5px;



}



.li-open {

  width: 50px;

  height: 55px;

  /* background-color: bisque; */

  cursor: pointer;

  user-select: none;

  text-align: center;

  padding-top: 17px;

  display: none;

}



.li-open>.icon-bottom{

  display: inline;

}



.li-open>i{

  font-size: 14px;

  color: #ee2233;

}



.li-open>.icon-arrow-top{

  display: none;

}

.li-open> span {

  color: #ee2233;

  font-size: 14px;

}

.li-content {

  height: 55px;

  overflow: hidden;

  width: 90%;

  padding: 12.5px 10px;

  padding-bottom: 7.5px;

  padding-left: 0px;

}



.li-height-auto{

  height: auto !important;

}



.li-height-auto + .li-open .icon-bottom{

  display: none !important;

}



.li-height-auto + .li-open .icon-arrow-top{

  display: inline !important;

}



.li-content>div {

  width: auto;

  min-width: 40px;

  max-width: 200px;

  cursor: pointer;

  user-select: none;

  padding: 2px 5px;

  height: 30px;

  text-align: center;

  line-height: 26px;

  border-radius: 2px;

  margin-right: 5px;

  margin-bottom: 5px;

  font-size: 16px;

  font-weight: 400;

  color: #666666;

  display: inline-block;

  vertical-align: top;

}



.li-content>div:active{

  background: none;

}



.li-content>div.active {

  background: none;

  color: #ee2233;

  font-weight: 600;

}



.li-content>div.active:active{

  background: rgba(225, 76, 70, 0.8);

}



.li-content>a {

  width: auto;

  min-width: 40px;

  max-width: 200px;

  cursor: pointer;

  user-select: none;

  padding: 2px 5px;

  height: 30px;

  text-align: center;

  line-height: 26px;

  border-radius: 2px;

  margin-right: 5px;

  margin-bottom: 5px;

  font-size: 16px;

  font-weight: 400;

  color: #666666;

  display: inline-block;

  vertical-align: top;

}



.li-content>a:active{

  background: none;

}



.li-content>a.active {

  background: none;

  color: #ee2233;

  font-weight: 600;

}



.li-content>a.active:active{

  background: rgba(225, 76, 70, 0.8);

}



.search-pages{

  text-align: center;

}



.pagination>li{

  cursor: pointer;

}

.active-tab{

  width: 1080px;

  margin: 0 auto;

  border-bottom: 1px solid #CCCCCC; 

}

.active-tab span {

  font-size: 14px;

  font-weight: normal;

  color: #333333;

  line-height: 40px;

  width: 75px;

  height: 40px;

  display: inline-block;

  text-align: center;

  cursor: pointer;

}

.active-tab span.actives{

  font-size: 15px;

  font-weight: bold;

  color: #EE2233;

  line-height: 21px;

  border-bottom:4px solid #EE2233;;

}

.top-bg{

  width: 100%;

  height: 278px;

  background: url('https://www.yonyou.com/assets/img/top-bg.png') no-repeat;

  background-size: 100% 100%;

}

@media only all and (max-width:870px){

  #main-select {

    /*display: none;*/

  }

}

.paginator

{

    text-align: center;

    margin-top: 50px;

    margin-bottom: 50px;

}

.paginator .cpb

{

    background: #C13939 none repeat scroll 0 0;

    border: 1px solid #CCCCCC;

    color: #FFFFFF;

    font-weight: bold;

    margin: 5px 4px 0 0;

    padding: 6px 12px;

}

.paginator a

{

    background: #FFFFFF none repeat scroll 0 0;

    border: 1px solid #ddd;

    color: #C13939;

    margin: 5px 4px 0 0;

    padding: 6px 12px;

    text-decoration: none;

}

.paginator a:hover

{

    background: #C13939 none repeat scroll 0 0;

    border: 1px solid #FFFFFF;

    color: #FFFFFF;

}


.paginator .page-num-current{
    background: #C13939 none repeat scroll 0 0;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}