@charset"utf-8";
*,
::after,
::before {
	box-sizing: border-box
}

dl,
ul {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	list-style: none
}

img {
	max-width: 100%
}

.container-product h1,
.container h1,
.container-other h1 {
	font-size: 38px;
	font-weight: 600;
}
.container-product h2,
.container h2,
.container-other h2 {
	font-size: 30px;
	font-weight: 600;
}
.container-product h3,
.container h3,
.container-other h3 {
	font-size: 32px;
	font-weight: 600;
}
.right-text{text-align: right;}
.wid-p60{width: 60%;}
.wid-p80{width: 80%;}
.blue-bg {
    background-color: #d9f3fe;
}
.popular-box{
	font-size: 18px;
}
.popular-box a{
	text-decoration: underline;
	padding: 0 3px;
}
.input-box{
	background-color: #fff;
	border-radius: 5px;
	padding: 3px;
	width: 75%;
}
.que-tips{
	margin-left: 20px;
}
.que-tips .img img{
	width: 32px;
	height: auto;
}
.input-box .form-control{
	width: 90%;	
}
.input-box .search-btn{
	background-color: #0080ff;
	width:50px;
	height: 45px;
	position: relative;
	border-radius: 5px;
}
.input-box .search-btn::before{
	background-image: url(../img/other//help-search.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 43px;
	height: 38px;
	position: absolute;
	left: 2px;
	top:4px;
	content: "";
}
.help-list .item{
	background-color: #fff;
	text-align: center;
	margin-top: 25px;
	color: #666;
	overflow: hidden;
	border-radius: 12px;
	border: 1px solid #e0e0e0;
	padding: 25px;
	margin: 25px 0.6% 0 0.6%;
}

.help-list.app-list .item{
	padding: 15px;
	font-size: 16px;
}
.help-list.app-list .item .img-res{
	height: 50px;
	width: auto;
	overflow: hidden;
}
.help-list.app-list .item .img-res img{
	width: 36px;
	height: auto;
}
.help-list .item.mid-cobg{
	background-color: #0080ff;
	color: #fff;
}
.help-list .item:hover{
	box-shadow: 0 5px 8px rgba(0,0,0,.1);
}
.help-list .item .img img{
	width: 100px;
	height: auto;
}
.help-list .title-ave{
	font-size: 25px;
	font-weight: 600;
	margin: 15px 0;
	color: #333;
}
.list-inlin-url-btn li{
	margin: 10px 15px;
}
.list-inlin-url-btn li a{
	display: block;
	background-color: #e6ecea;
	min-width: 190px;
	padding: 10px 25px;
	text-align: center;
	border-radius: 30px;
}
.list-dot li{
	position: relative;
	width: 30%;
	padding: 10px 0 10px 20px;
	margin:0 1.5% 0 1%;
}
.list-dot li::before{
	content: "";
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #0080ff;
    left: 0;
    top: 18px;
    position: absolute;
}
.auto-info{padding-left: 30px;}
.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;
}
.btn-box .btn{
	margin:15px 10px;
}
.about-box p,
.about-box .dot-list{
	margin-top: 15px;
}
.about-box h2{
	margin-top: 25px;
}
.dot-list li{
	position: relative;
    width: 100%;
    padding: 10px 0 10px 20px;
}
.dot-list li:before{
	content: "";
    width: 6px;
    height: 6px;
    border-radius: 8px;
    background-color: #333;
    left: 0;
    top: 18px;
    position: absolute;
}
.about-box a{
	color: #0080ff;
}

.contact-us .info a{
	color: #0080ff;
}
.contact-us .cont-form .form .form-control,
.contact-us .cont-form .form .txtarea{
	width: 100%;
	margin-bottom: 20px;
}
.tools-box >a{
	width: 30%;
	display: block;
	padding: 10px;
	margin: 0 1%;
	text-align: center;
}
.tools-box >a:hover{
	background-color: #d9f3fe;
}
.reviews-content .comment-item{
	margin-top: 20px;
	padding: 20px 60px 20px 20px;
	border-bottom: 1px solid #efefef;
	position: relative;
}
.reviews-content .comment-item .left-info{
	width: 93%;
}
.reviews-content .comment-item .right-info{
	width: 5%;
}
.reviews-content .comment-item .left-info .comment-title,
.reviews-content .comment-item .comment-title{
	font-size: 22px;
	font-weight: 500;
}
.reviews-content .comment-item .comment-message{
	margin-top: 15px;
}

.reviews-content .comment-item .review-user .comment-star{
	display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    flex-wrap: wrap;
    align-items: center;
}
.reviews-content .comment-item .left-info .comment-data,
.reviews-content .comment-item .review-user .comment-star .comment-data{
	font-size: 14px;
	color: #666;
}
.comment-form .form-group{
	margin-bottom: 15px;
}
.comment-form .form-group .control-label{
	width: 25%;
	text-align: right;
}
.comment-form .form-group .form-tent{
	width: 50%;
	margin-left: 10px;
}
.comment-form .form-group .error{
	color: red;
}
.comment-form .form-group .form-tent .form-control{
	border: 1px solid #cccccc;
	border-radius: 5px;
	width: 100%;
}
.like {
    position: absolute;
    right: 5px;
    top: 14px;
    width: 36px;
    height: 66px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    background-position: center 28px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.like::after {
    content: '';
    display: block;
    width: 100%;
    height: 36px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MiA0MiIgd2lkdGg9IjQyIiBoZWlnaHQ9IjQyIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojQ0NDQ0NDfS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGfTwvc3R5bGU+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjEiIGN5PSIyMSIgcj0iMjEiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzAuMiAyNGMxLjEuMSAxLjMtMSAxLjItMi0uMS0xLjItLjctMS44LTEuNy0xLjUuNi0uNSAxLjQtMS4yLjYtMi43LS43LTEuMy0zLjItLjctNC0uNmgtMi40cy0uMS0uNi4yLTEuNGMuMy0uOC43LTEuOC44LTMuMy4zLTMtMS41LTMuOC0yLjMtMy45LS43LS4yLTEuMi43LTEuMiAxdjEuOXMtMS41IDMuOS0yLjYgNC45Yy0xLjUgMS40LTEuNSAyLjYtMi4yIDRsLS42LjktNS42LjZjLjEgMi4yLjYgNC40IDEuNiA2LjQuOSAyIDMuNSA0LjIgMy42IDQuMi4xIDAgLjQtLjEgMS41LS40LjktLjIgMS0uMiAxLjgtLjMgMCAwIDAtLjEtLjEtLjFIMjBjMS45LjEgNy41IDEgOS41LTEgMS43LTEuNyAxLTIuOCAwLTMgLjQgMCAxLjYtLjEgMS44LTEuNS4yLTEuNC0uMy0yLjItMS4xLTIuMnoiLz48L3N2Zz4=) no-repeat;
    background-size: 36px;
}
.rating ul {
    float: left;
    width: 120px;
    list-style: none;
    padding:0;
    margin: 0;
}
.rating ul li {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    cursor: pointer
}

.rating ul li.on,.rating ul li.hover {
    background: url(../img/icon/icon-star-small.png) 0 0 no-repeat
}

.rating ul li,.rating ul li.nohover {
    background: url(../img/icon/icon-star-small-gary.png) 0 0 no-repeat
}

.rating .tips {
    float: left;
    font-size: 15px
}
.right-left-main .list-info .remc-item {
    width: 30%;
    margin: 10px 1.5% 20px;
    padding: 25px;
    position: relative;
    -webkit-transition: background 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: background 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    box-shadow: 0 9px 35px rgb(0 0 0 / 8%);
    border-radius: 6px
}

.right-left-main .list-info .remc-item .img {
    display: block;
    height: 170px;
    overflow: hidden
}

.right-left-main .list-info .remc-item .img img {
    object-fit: cover
}

.recommend-art-info:hover,.right-left-main .list-info .remc-item:hover {
    box-shadow: 0 9px 45px 0 rgba(0, 0, 0, 0.14)
}

.right-left-main .list-info .remc-item .txt {
    color: #666;
    font-size: 14px;
}

.right-left-main .list-info .remc-item .txt .title {
    font-size: 20px;
    line-height: 1.3;
    margin: 10px 0;
    display: block;
    position: relative;
    padding-right: 40px;
    padding-bottom: 15px;
    padding-top: 5px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #000
}

.right-left-main .list-info .remc-item .txt .title .img {
    position: absolute;
    right: 0;
    top: 3px
}

.right-left-main .list-info .remc-item .txt .title .img img {
    width: 30px;
    height: auto
}
.b-bg {
    background-color: #eef5fd;
}
.about-cell .info,
.contact-row{
	font-size: 16px;
}
.about-cell .info h3{
	margin-bottom: 15px;
}
.contact-row .img img{
	width: 120px;
	height: auto;
	display: inline-block;
}
.contact-row h3{
	padding: 10px 0;
}
.minus-top{
	padding: 50px 0;
}
.minus-top .side-nav {
    width: 21%;
    float: left;
    border-top: 5px solid #006dff;
    box-shadow: 0 0 10px rgba(53,49,50,.2);
    color: #000;
    padding: 15px;
}
.minus-top .side-nav .title{
	font-size: 24px;
    line-height: 1.2em;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: 400;
}
.minus-top .list-info{
	float: right;
    width: 74%;
}
.minus-top .list-info h2{
	margin-top: 0;
}
.minus-top .list-info .item-author{
	margin-top: 20px;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}
.minus-top .list-info .item-author .avr-img img{
	width: 130px;
	height: auto;
}
.minus-top .list-info .item-author .avr-img{
	margin-right: 15px;
}
.minus-top .list-info .item-author .text .title{
	font-size: 18px;
}
.minus-top .list-info .item-author .text .share img{
	width: 36px;
	height: auto;
}
@media (max-width: 1399px) {
	.container-product h1,.container h1 {
		font-size: 34px
	}
	.container-product h2,
	.container-other h2,
	.container h2 {
		font-size: 30px
	}
	.right-left-main .list-info .remc-item .img{
		height: 120px;
	}
	
}

@media (max-width: 996px) {
	.container-product h1 {
		font-size: 26px
	}
	.container-product h2,
	.container-other h2 {
		font-size: 22px
	}
	.reviews-content .comment-item .left-info{
		width: 90%;
	}
	.comment-form .form-group .control-label,
	.comment-form .form-group .form-tent{
		width: 100%;
		text-align: left;
	}
	.right-left-main .list-info .remc-item{
		width: 45%;
	}
	.minus-top .side-nav .title{
		font-size: 22px;
	}
	.minus-top .side-nav,
	.minus-top .list-info{
		width: 100%;
	}
	.minus-top .list-info{
		margin-top: 15px;
	}
}

@media (max-width: 769px) {
	.header .logo img{
		width: 34px;
	}
	.container-product h1,.container h1,.container-other h1 {font-size: 24px;}
	.container-product h2, .container h2 ,.container-other h2{
		font-size: 20px;
	}
	.container-product h3, .container h3 ,.container-other h3{
		font-size: 18px;
	}
	.help-list .title-ave{
		font-size: 20px;
	}
	.input-box .form-control {
	    width: 85%;
	}
	.list-dot li{
		width: 100%;
	}
	.list-inlin-url-btn li a,
	.list-inlin-url-btn li{
		width: 98%;
	}
	.auto-info{margin-top: 20px;padding-left: 0;}
	.ask-item-list .item{
		width: 100%;
	}
	.contact-us .info{
		margin-bottom: 25px;
	}
	.que-tips{
		display: none;
	}
	.input-box{
		width: 100%;
	}
	.tools-box >a{
		width: 100%;
	}
	.question-box .question-info{
		margin-top: 20px;
	}
	.right-left-main .list-info .remc-item{
		width: 100%;
	}
	.right-left-main .list-info .remc-item .img{
		height: auto;
	}
	.about-cell .info h3{
		margin-top: 15px;
	}
	.about-cell .info{
		margin-bottom: 15px;
		font-size: 14px;
	}
	.contact-row{
		font-size: 14px;
	}
}