@charset "utf-8";
/*ai图片*/
.article-img {text-align:center;margin:10px 0;}
.article-img img {max-width:90%!important;height:auto!important;}
/*清除浮动*/
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.ui-pt20{padding-top:20px;}
.ui-mt20{margin-top:20px;}

/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#E2E2E2;}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);background-color:#555;}
input,textarea{-webkit-user-select:text}

/*分页样式*/
.pglist {padding:20px 0 30px;width:100%;text-align:center;clear:both;}
.pglist a,.pglist span {font-family:"Microsoft Yahei", sans-serif;border-radius:5px;color:#666;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #f2f2f2;font-size:16px;}
.pglist a:hover,.pglist span {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}
.pglist li {display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.pglist li a {color:#666;padding:3px 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #f0f0f0;}
.pglist li a:hover {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}
.pglist .active a {display:inline-block;color:#fff!important;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}

.page{margin-top:30px;padding-bottom:30px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.page:before, .page:after{content:" ";display:table;}
.page:after{clear: both;}
.page li{display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.page li a{display:inline-block;background:#eeeeee;margin-right:10px;width:60px;height:60px;text-align:center;line-height:60px;color:#111111;font-size:16px;border-radius:10px;}
.page li:hover a,
.page li.active a{color:#fff;background:var(--color);border-color:var(--color);}
.page li a.mFirst{font-family:sans-serif;font-style:normal;font-size:21px;}
.page li a.mLast{font-family:sans-serif;font-style:normal;font-size:21px;}
@media only screen and (max-width: 768px){
	.page{padding: 20px 0;}
	.page li a{width:40px;height:40px;font-size:14px;line-height:40px;}
}

/*返回首页*/
#tip{padding-top:30px;min-height:340px;}
#tip b{color:#e60212;}

/*网站地图*/
.sitemap{overflow:hidden;line-height:30px;padding:10px 0;border-bottom:1px solid #ddd;}
.sitemap dt{float:left;margin-right:2%;width:14.66666667%;}
.sitemap dt a{display:block;text-align:center;background:#ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.sitemap dt a:hover{background:#ccc;color:#fff;}
.sitemap dd{float:left;width:83.333333%;}
.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none;}
.sitemap dd a:hover{color:#333;}
@media screen and (max-width:767px){
	.sitemap dt{width:23%;}
	.sitemap dd{width:75%;}
	.sitemap dt a{padding:5px;}
	.sitemap dd a{padding-right:20px;}
}

/*网站标签*/
.tags_list{overflow:hidden;line-height:30px;padding:10px;border-bottom:1px solid #ddd;}
.tags_list dt{float:left;margin-right:2%;margin-bottom:2%;width:14.66666667%;}
.tags_list dt a{display:block;text-align:center;background:#ececec;font-size:16px;padding:8px 0;font-weight:normal;}
.tags_list dt a:hover{background:#ccc;color:#fff;}
.tags{overflow:hidden;margin-bottom:20px;}
.tags span{float:left;display:block;line-height:40px!important;font-size:15px;}
.tags a{border-radius:4px;-webkit-border-radius:4px;display:inline-block;line-height:28px!important;padding:0 6px;margin:5px;background:#fff;border:1px solid #dadada;font-size:15px!important;}
.tags a:hover {background:var(--color);border-color:var(--color);color:#fff;}

/*评论*/
.temp-box{position:relative;margin:20px 0 10px 0;}
.temp-name{font-size:20px;color:#000;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px;position:relative;overflow:hidden;}
.temp-name:after{content:'';display:block;bottom:0;width:60px;height:2px;background:var(--color);position:absolute;}
.temp-name .commNum{float:right;font-size:15px;margin-top:10px;}
.temp-name .commNum span{color:#f30;margin:0 5px;}
.offside-comment{box-shadow:none;padding:0;}

/*评论列表*/
.comment-list{width:100%;padding:20px 10px 0;}
.comment-list dl{float:left;width:100%;margin-bottom:20px;border-bottom:1px solid #EEE;}
.comment-list dl dt{float:left;width:50px;color:#dedfe0;background:#f5f5f9;border-radius:50%;}
.comment-list dl dt img{width:50px;height:50px;border-radius:50%;}
.comment-list dl dd{float:right; width:calc(100% - 80px);}
.comment-list dl dd h1{font-weight:700;font-size:15px;}
.comment-list dl dd h1 span{color:#aaa;font-weight:400;float:right;padding-right:20px;}
.comment-list dl dd p{margin-top:10px;line-height:20px}
.comment-list dl dd p.reply-msg{color:#e93323;}
.comment-list .c-more {text-align:center;line-height:normal;}
.comment-list .c-more a {display:block;width:200px;margin:0 auto;border-radius:2px;-webkit-border-radius:2px;display:block;background:#e93323;color:#ffffff;padding:13px 0;}
.comment-list .c-more a:hover {background:#333;}

.comment-post{display:flex;justify-content:space-between;flex-wrap:wrap;margin:20px 0;}
.comment-post-face{width:70px;padding-right:10px;}
.comment-post-face img{width:50px;height:50px;border-radius:50%;}
.comment-post-body{flex:1;border:3px solid #f0f0f0;}
.comment-post-body-wrap{display:flex;justify-content:space-between;}
.comment-post-body-area{flex:1;padding:15px;}
.comment-post-body-area textarea{font-size:16px;outline:none;border:0;width:100%;resize:none;min-height:60px;}
.comment-post-action{border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:10px 15px 5px 15px;}
.comment-post-action-name{font-weight:bold;font-size:16px;}
.comment-post-action-name i{margin-left:10px;font-weight:normal;}
.comment-post-login{width:100px;background:#FF525F;color:#fff;margin:-2px;text-align:center;z-index:9;display:flex;align-items:center;}
.comment-post-login a{display:block;margin:0 auto;font-size:18px;color:#fff;}
.comment-post-action-btn .ui-btn{position:relative;display:inline-block;border:1px solid #d9d9d9;padding:.1rem .8rem;margin-bottom:.25rem;font-size:15px;line-height:35px;border-radius:.2rem;color:#595959;background:#fff;user-select:none;}
.comment-post-action-btn .ui-btn [class*=ui-icon-]{vertical-align:baseline;}
.comment-post-action-btn .ui-btn:hover{color:#40a9ff;border-color:#40a9ff;box-shadow:2px 2px 10px 0 rgba(24,144,255,0.2);}
.comment-post-action-btn .ui-btn.blue{background:var(--color);border-color:var(--color);color:#fff;}
.comment-post-action-btn .ui-btn.blue:hover{background:#40A9FF;border-color:#40A9FF;color:#fff;}
/*评论end*/

/*点赞*/
#mood{margin-bottom: 30px;text-align:center;}
#mood p{font-size: 16px;color: #555;font-weight:bold;margin-bottom: 20px;}
#mood a{display:inline-block;margin:0 10px;cursor:pointer;color: #555;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;-webkit-box-sizing: border-box;box-sizing: border-box;}
#mood a i{display: inline-block;font-size: 18px;margin-right:10px;}
#mood a em{font-style:normal;font-size: 16px;}
#mood a:hover{background: #0084c8;border-color: #0084c8;color:#fff;}

/*留言表单*/
.inner_book{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.inner_book .layui-form-item{width: 32.333%;margin-bottom: 20px;}
.inner_book .layui-form-text{width: 100%;margin-right: 0;margin-bottom: 40px;}
.inner_book .btn{display: flex;width: 40%;justify-content: space-between;}
.inner_book .btn:after{display: none;}
.inner_book .layui-input,.inner_book .layui-textarea{color: #434343;height: 50px;line-height: 50px;border-radius: 0;border: 0;background: #eee;box-shadow: none;}
.inner_book .layui-textarea{height: auto;line-height: normal;min-height: 240px;resize: none;padding: 10px;vertical-align: middle;}
.inner_book .Code{width: 48%;display: flex;align-items: center;}
.inner_book .Code input{display: inline-block;width: 50%;}
.inner_book .Code img{width: 20%;height: 100%;background: #fff;object-fit: none;cursor: pointer;}
.inner_book .layui-form-item .layui-form-checkbox[lay-skin=primary] {margin-top:0;}
.inner_book .layui-form-item.checkbox{position: absolute;width:auto;right:0;bottom:76px;margin: 0;}
.inner_book .checkbox .layui-input-block{margin: 0;min-height:20px;}
.inner_book .layui-btn{width: 48%;font-size: 16px;height: auto;line-height:50px;border-radius: 0;background-color: var(--color);}
.inner_book .layui-btn.reset{background-color: #a0a0a0;margin: 0;}
.inner_book .layui-btn:hover{color: #fff;background-color: #333;opacity: 1;}
@media only screen and (max-width: 1024px){
	.inner_book .layui-form-item{margin-bottom: 15px;}
	.inner_book .layui-form-text{margin-bottom: 35px;}
	.inner_book .layui-input, .inner_book .layui-textarea{height: 40px;line-height: 40px;}
	.inner_book .layui-form-item.checkbox{bottom: 65px;}
	.inner_book .layui-btn{font-size: 14px;line-height: 40px;}
}
@media only screen and (max-width: 768px){
	.inner_book .layui-form-item{width: 100%;}
	.inner_book .layui-form-text{margin-bottom: 15px;}
	.inner_book .layui-textarea{height: auto;line-height: normal;min-height: 150px;}
	.inner_book .Code input{width: 75%;}
	.inner_book .Code img{width: 25%;height: 40px;}
	.inner_book .layui-form-item.checkbox{position: static;width: 100%;margin-bottom: 15px;}
}

/*视频样式*/
video {background-color:#000;}

/*内容分页*/
.rsLink{height: 38px;border: 1px solid #ddd;margin: 10px auto 10px;padding: 0px 10px;}
.rsLink .prevLink, .rsLink .nextLink{height: 38px;line-height: 38px;color: #666;}
.rsLink .prevLink a, .rsLink .nextLink a{height: 38px;line-height: 38px;color: #666;}
.rsLink .prevLink a:hover, .rsLink .nextLink a:hover{color: var(--color);}
.rsLink .prevLink{float: left;}
.rsLink .nextLink{float: right;}
@media screen and (max-width:767px){
	.rsLink {height:76px; line-height:38px;}
	.rsLink .prevLink{float: none;}
	.rsLink .nextLink{float: none;}
}

/*产品筛选*/
.filters{border:1px solid #f0f0f0;padding:20px 30px 10px 30px;margin-bottom:20px;background:#fff;box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.05);}
.filters dl{margin:0;}
.filters dl dd{float:left;width:70px;font-weight:400;font-size:14px;margin:0;padding-top:5px;color:#999;}
.filters dl dt{margin:0 0 0 80px;}
.filters dl dt a{font-weight:500;margin:0 8px 10px 0;padding:6px 16px;color:#999;font-size:14px;display:inline-block;border-radius:20px;border:1px solid #D8E2F0;}
.filters dl dt a:hover{border:1px solid #1387F3;color:#1387F3;}
.filters dl dt .hover{border:1px solid #1387F3;color:#1387F3;}

/*表格通用*/
.ui-table-wrap{overflow-y:auto;width:100%;margin-bottom:10px;}
.ui-table{width:100%;border-collapse:collapse;border-spacing:0px;}
.ui-table th{padding:15px;white-space:nowrap;border-bottom:2px solid #eee;white-space:nowrap;font-weight:700;font-size:16px;}
.ui-table td{padding:10px 15px;border-bottom:1px solid #eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:40px;}
.ui-table .ui-thead-dark{background:#697076;}
.ui-table .ui-thead-dark th{color:#fff;border-color:#697076;}
.ui-table .ui-thead-gray{background:#fafafa;}
.ui-table .ui-thead-gray th{border-color:#eee;}
.ui-table-border,.ui-table-border th,.ui-table-border td{border:1px solid #eee;text-align:center;}
.ui-table-hover tr:hover{background:#EBF7FF;}
.ui-table-striped tr:nth-child(even){background:#FBFDFF;}
.ui-table-striped tr:nth-child(even):hover{background:#EBF7FF;}
.ui-table-border td{text-align:left;}
@media screen and (max-width:767px){
	.ui-table td{white-space:nowrap;}
}