@charset "utf-8";
/* CSS Document */
@font-face{
    font-family: "ShNormal";
    src: url('../zsny/font/SourceHanSans-Normal.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body,span{
padding:0;margin:0;}
ul,li{list-style:none;}
img{border:0 none;}
a{ text-decoration:none !important; color:#333; font-family: "ShRegular"; }
.fl{float:left;}
.fr{float:right;}
input{
    outline: none;
    appearance: none;
}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
body{ 
	font-family: "ShRegular"; 
	font-size:16px; 
	color:#333; 
	line-height:24px; 
}

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} 
.clearfix { zoom:1;}
/****最小宽度****/
@media(max-width:449px){
.col-xss-12{width:100%;}
}
@media(max-width:449px){
.col-xss-6{width:50%;}
}
@media(max-width:449px){
.col-xss-4{width:33.3333333%;}
}
/* @media(max-width:600px){
.col-xxs-12{width:100%;}
} */
/* 分页 */
.page-box{
    height: 36px;
    text-align: center;
    /* margin-bottom: 70px; */
    margin-top: 45px;
}
.pro-page{
    margin-top: 20px;
}
.page-box a{
    display: inline-block;
    height: 36px;
    border: 1px solid #004498;
    line-height: 36px;
    padding: 0 14px;
    color: #004498;
    font-size: 14px;
    margin: 0px 3px;
}
.page-box a.page-dot{
    border: none;
    background: none;
    color: #9d9d9d;
    padding: 0 5px;
}
.page-box a:hover{
    background-color:#1b53a2;     
    border: 1px solid #1b53a2;
    color: #fff;
}
.page-box a.page-on{
    background-color:#1b53a2;
    border: 1px solid #1b53a2;
    color: #fff;
}
@media(max-width: 991px){
    .page-box{
        margin-top: 50px;
    }
    .page-box a{
        height: 34px;
        padding: 0 11px;
    }
    .pro-page{
        margin-top: 10px;
    }
}
@media(max-width:449px){
    .page-box {
        margin-top: 40px;
    }
    .pro-page{
        margin-top: 10px;
    }
    .page-box a {
        height: 25px;
        line-height: 25px;
        padding: 0 5px;
        margin: 0 3.5px;
    }
}


.radio-beauty-container {
    font-size: 0;
    display: flex;
    align-items: center;
  }
  .radio-beauty-container .radio-beauty:hover, 
  .radio-beauty-container input[type="radio"]:checked + .radio-beauty {
    padding: 4px;
    background-color: #7d7d7d;
    background-clip: content-box;
  }
  .radio-beauty-container .radio-name {
    vertical-align: middle;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
    
  }
  .radio-beauty-container .radio-beauty {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #7d7d7d;
    vertical-align: middle;
    border-radius: 50%;
  }
/* .radio-beauty-container .radio-beauty:hover {
    box-shadow: 0 0 7px #7d7d7d;
  }  */