@charset"utf-8";

.border-rad10{border-radius: 10px;}
.border-rad40{border-radius: 40px;}
.bor-raduis-10 {
    border-radius: 10px;
}
.ptb-all60 {
	padding: 60px 40px
}

.border-all{border: 1px solid #d7dcde;}
.f-22 {font-size: 22px}
.f-20 {font-size: 20px}
.f-18 {font-size: 18px}
.product-page{padding-bottom: 40px;}

.white-f{
	color: #fff;
}
.tab-changeBox .tools-navCont{
	background-color: #fff;
	box-shadow: 12px 0 20px rgba(107,148,173,.3);
	border-radius:8px;
	overflow: hidden;
}

.tab-changeBox .change-cont .change-item .item-content{
	background: #fff;
    border: 1px solid #b4c9f8;
    border-radius: 12px;
    position: relative;
    display: block;
    margin-top: 20px;
   
}

.tab-changeBox .change-cont .change-item .item-content .tips{
	position: absolute;
	right: 0;
	top:0;
	width: 60px;
	height: 26px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	border-radius: 0 0 0 10px;
}
.tab-changeBox .change-cont .change-item .item-content .tips.new{
	background: linear-gradient(to right, #2f64fd, #c833ff);
}
.tab-changeBox .change-cont .change-item .item-content .tips.hot{
	background: linear-gradient(to right, #fd422f, #ffa133);
}
.tab-changeBox .change-cont .change-item .item-content >a{
	position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    display: block;
    padding: 25px 25px 25px 100px;
    height: 100%;
    overflow: hidden;
}
.tab-changeBox .change-cont .change-item .item-content .item-icon{
	display: inline-block;
    vertical-align: middle;
    line-height: 1.12;
    position: absolute;
    left: 12px;
    top: 28px;
}
.tab-changeBox .change-cont .change-item .item-content .item-icon img{
	width:70px;
	height: auto;
}
.tab-changeBox .change-cont .change-item .item-content .item-text h4{
	margin-bottom: 10px;
	font-size: 20px;
}
.tab-changeBox .change-cont .change-item .item-content .item-text p{
	margin-bottom: 0;
	font-size: 14px;
	color: #666;
}
.tab-changeBox .change-cont .change-item .item-content:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    box-shadow: 0px 8px 15px 0px rgba(97, 0, 197, .3019607843);
}
.tab-changeBox .change-cont .change-item .item-content:hover a{
	text-decoration: none;
}

.supported-formats{
	margin-top: 30px;
}
.supported-formats .mess-tit{
	border-bottom: 1px solid #ddd;
	color: #666;
	box-shadow: 0 4px 0 0 rgba(0, 0, 0, .01), 0 3px 0 0 rgba(0, 0, 0, .01), 0 2px 0 0 rgba(0, 0, 0, .01), 0 1px 0 0 rgba(0, 0, 0, .02);
}
.supported-formats .mess-info,
.supported-formats .mess-formats{
	border-bottom: 1px solid rgba(0,0,0,.07);
}
.supported-formats .mess-tit>div,
.supported-formats .mess-info>div,
.supported-formats .mess-formats >div{
	padding:20px 5px;
}
.supported-formats .mess-info>div:first-child{
	font-size: 18px;
}
.supported-formats .mess-info span{
	margin-right: 10px;
}
.supported-formats .mess-info span img{
	width: 30px;
	height: auto;
	vertical-align: middle;
}
.supported-formats .mess-info a{
	text-decoration: underline;
	position: relative;
}
.supported-formats .mess-info a::after{
	content: "";
	background-image: url(../img/icon/nav-jt-blue.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
    height: 16px;
	position: absolute;
	right: -28px;
    top: 2px;
    transform: rotate(-90deg);
}
.table-text .num-sz{
	font-size: 14px;
	color: #666;
	vertical-align: middle;
	padding-right: 10px;
}
.table-text .num-conv{
	font-size: 14px;
	color: #666;
	vertical-align: middle;
	padding-right: 5x;
}
.table-text a{
	text-decoration: underline;
}
.table-text .rating-stars i{
	width: 20px;
    height: 24px;
    background-size: 16px auto;
}
.info-section .name-link{
	border: 1px solid #53bdbe;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 10px;
	line-height: 1;
	vertical-align: middle;
	background-color: #53bdbe ;
}
.info-section .title{
	margin: 15px 0 10px 0;
	font-weight: 500;
	font-size: 17px;
}
.info-section .item{
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 6px;
}
.info-section .item p{
	margin-top: 15px;
}
.info-section:first-child .item{
	border:1px solid #53bdbe;
}
.info-section .conv-link{
	text-decoration: underline;
}
.info-section .item .more-info{
	text-decoration: underline;
	color: #666;
	margin-top: 5px;
}
.info-section .title-right{
	margin-bottom: 15px;
	font-size: 18px;
}
.info-section .title-right .set-mess img{
	width: 30px;
	height: auto;
	vertical-align: middle;
	cursor: pointer;
}
.form-box{
	margin-bottom: 20px;
}
.form-box .txt{
	font-size: 15px;
	color: #666;
	margin-top:6px;
}
.form-box .bir-info{
	font-weight: 500;
	font-size: 17px;
}
.box-ava{
	margin:15px 0;
}
.box-ava .ava-img{
	width: 40px;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
    margin-right: 15px;
}
.box-ava .ava-img img{
	width: auto;
    object-fit: cover;
    height: 100%;
}
.box-ava .meta{
	font-size: 16px;
	color: #666;
	font-style: italic;
}
.feature-key .floor{
	margin-top: 50px;
}
.feature-key .floor .info p{
	margin-top: 12px;
}
.list-icon li{
	position: relative;
    padding: 5px 5px 5px 30px;
 }
.list-icon li::before{
	position: absolute;
    left: 0;
    top: 11px;
    content: "";
    width: 12px;
    height: 12px;
    background: url(../img/icon/sjq.png) no-repeat;
    background-size: contain;
}
.tab-changeBox .tab-right {
	width: 40%;
}

.tab-changeBox .change-item-img {
	width: 52%;
	border-radius: 20px;
}

.tab-changeBox .change-item-img .img {
	display: none;
	padding:0 15px;
	border-radius: 10px;
}

.tab-changeBox .tab-right li {
	position: relative;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	border-radius: 10px;
	padding: 15px;
	background-color: #fff;
	margin-bottom: 30px;
	cursor: pointer
}

.tab-changeBox .tab-right li:last-child::after {
	background: none
}

.tab-changeBox .tab-right .title-box {
	position: relative;
	padding-left: 70px
}

.tab-changeBox .tab-right .title-box .number-t {
	position: absolute;
	left:5px;
	top: 10px;
	font-size: 12px;
	color: #fb8484
}

.tab-changeBox .tab-right .title-box .number-t .nb {
	background-color: #9eb3c9;
	color: #fff;
	border-radius: 4px;
	overflow: hidden;
	text-align: center;
	font-weight: 600;
	font-size: 22px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 40px;
}

.tab-changeBox .tab-right .title-box .title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px
}

.tab-changeBox .tab-right li.active .title-box .title {
	color: #53bdbe
}
.tab-changeBox .tab-right li.active .title-box .number-t .nb {
	background-color: #53bdbe
}

.tab-changeBox .change-item-img img {
	width: auto;
	height: auto
}
.floor-function .left-cont {
    width: 15%
}

.floor-function .right-cont {
    width: 80%
}
.floor-function .right-cont .item {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 25px 15px;
    margin: 10px 0
}

.floor-function .right-cont .item .img img {
    margin: 0 auto;
    width: 50px;
    height: auto;
}

.floor-function .right-cont .item .tit {
    margin: 15px 0;
    font-size: 18px;
    font-weight: 600
}

.floor-function .right-cont .item p {
    margin-bottom: 0
}
.ask-item-list .item{
	width: 46%;
	margin: 15px 2%;
	font-size: 16px;
	color: #666;
}
.ask-item-list .item .tit{
	position: relative;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	padding-left:22px;
	color: #333;
}
.ask-item-list .item .tit::before{
	background: url(../img/icon/sjq.png) no-repeat;
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	background-size: contain;
	width: 15px;
	height:15px;
}
.ask-item-list .item p a{
	text-decoration: underline;
}
@media (max-width: 1399px) {
	.container-product,
	.container-mid {
		width: 94%
	}
	
	.tab-changeBox .tools-navCont .change-ul li{
		padding: 14px 5px;
	}
}

@media (max-width: 996px) {
	
	.news-box .super-box{
		background-size: cover;
	}
	.news-box .super-box .txt.short{
		width: 100%;
	}
	
}

@media (max-width: 769px) {
	
	.ptb-all60 {
		padding: 30px 15px
	}
	.auto-info{margin-top: 20px;padding-left: 0;}
	
	.tab-changeBox .tools-navCont .change-ul{
		width: 100%;
		margin-bottom: 10px;
	}
	.tab-changeBox .tools-navCont .search-info{
		margin-left: 10px;
	}
	.news-box .super-box.w-l,.news-box .super-box.w-s{
		width: 100%;
		margin-bottom: 15px;
	}
	.news-box .super-box .txt .title span{
		font-size: 44px;
	}
	.news-box .super-box .txt .title{
		font-size: 26px;
	}
}