@charset "utf-8";
/*
	重定义浏览器默认样式
*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;box-sizing: border-box}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline: none;}
input,button{overflow: visible;vertical-align:middle;background:#fff;outline:none;border:0px;border-radius: 3px;border: 1px solid #ddd}
input[type="text"]{padding-left: 10px}
input[type="text"]:focus,input[type="password"]:focus{border-color: rgba(0, 0, 0, .5);}/*box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .5);*/
/*:focus{border-color: rgba(82, 168, 236, .5);box-shadow: 0px 0px 5px 0px rgba(82, 168, 236, .5);}*/
input:hover{border: 1px solid #3bb4f2}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-size:100%;line-height:1;}
a{color:#000}
a,area{outline:none;}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none;color:#ff5f73 !important}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
p{line-height:1}
input::-webkit-input-placeholder{color: #999999}
input::-moz-input-placeholder{color: #999999}
input::-ms-input-placeholder{color: #999999}
/* select{-webkit-appearance: none;appearance: none;} */
/*
	img
*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*
	HTML5 reset
*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}

.flex{display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:box;display:flexbox;display:flex;}
.flex-middle{align-items:center}
.flex-average{justify-content:space-between}
.flex-center-between{align-items:center;justify-content:space-between}
.flex-center{align-items:center;justify-content:center}
/*
	避免因子元素浮动而导致的父元素高度缺失能问题 class=cl || clearfix
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.float-left{float:left;}
.float-right{float:right;}
/*
	溢出隐藏...
*/
.to{width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.line-2{display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.line-3{display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.line-4{display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.img-cover{width:100%;height:100%;object-fit:cover;vertical-align:initial;}
.hide{overflow:hidden;}

.maxWidth {width:1200px;margin:auto;position:relative;}

/* 媒体查询 */

/* 超小设备 (手机, 600px 以下屏幕设备) */
@media only screen and (max-width: 600px) {}
/* 小设备 (平板电脑和大型手机，600 像素及以上) */
@media only screen and (min-width: 600px) {}
/* 中型设备（平板电脑，768 像素及以上） */
@media only screen and (min-width: 768px) {} 
/* 大型设备（笔记本电脑/台式机，992 像素及以上） */
@media only screen and (min-width: 992px) {} 
/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
@media only screen and (min-width: 1200px) {}

/* 评分组件 */
.score1 {
    /* margin-top: 10rem; */
    display: flex;
    align-items: center;
    font-size: 0.%;
    letter-spacing: 1px;
    color: #ff5f73;
}

.score1>div {
	width: 14px;
	height: 14px;
    border-radius: 3px;
    background-color: #b0b0b0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}

.score1>div .bgcolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #ff5f73;
}

.score1>div img {
	width: 10px;
	height: 10px;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 750px) {
	.score1>div {
		width: 0.15rem;
		height: 0.15rem;
	}
	.score1>div img {
		width: 0.1rem;
		height: 0.1rem;
	}
}

/* 页面com */
.bread {
    display: flex;
    align-items: center;
}

.bread .t-center {
    overflow: hidden;
    flex: 1;
    margin-left: 30px;
    margin-right: 16px;
}

.bread .t-center .swiper-slide {
    width: auto !important;
    margin-left: 12px;
    font-size: 16px;
    color: #868686;
    cursor: pointer;
} 

.bread .t-center .swiper-slide:first-of-type {
    margin-left: 0;
}
