@charset "utf-8";
html, body {
padding: 0;
margin: 0;
background: #fff;
}
/*@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(./font/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
}*/
.main img{
max-width: 100%;
}
* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';
border: 0;
outline: medium;
text-shadow: none;
text-decoration: none;
box-sizing: border-box;
}
input {
vertical-align: middle;
}
textarea {
resize: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 14px;
}
hr {
border-width: 1px;
border-style: inset;
}
ul {
list-style: none;
}
p {
margin: 0;
}
a{
color: #555555;
}
a, a:link, a:active, a:visited, a:hover {
text-decoration: none;
}
img, i {
display: block;
}
i, em {
font-style: normal;
}
html{
height: 100%;
}
html, body {
width: 100%;
min-height: 100%;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
.container{
width:96%;
margin:0 auto;
}
.left{
float: left;
}
.right{
float: right;
}
.clear{
clear: both;
}
.row{
display: flex;
flex-wrap: wrap;
justify-content: left;
margin:0px;
}
.roc{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.rob{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tc{
text-align: center;
}
.tl{
text-align: left;
}
.tr{
text-align: right;
}
.cici{overflow: hidden;}
.cici img{width: 100%;height: 100%;object-fit: cover;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.coco{overflow: hidden;}
.coco img{width: 100%;height: 100%;object-fit: contain;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.cl1{
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.cl2{
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.cl3{
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.cl4{
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.cl5{
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.cl6{
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.ts5{
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.inp_pla{
color:#999 !important;
}
.rig-title-over{
float: left;
line-height: 60px;
max-width: 400px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*input placeholder 样式 */
::-webkit-input-placeholder {
color: #999999;
}
:-moz-placeholder {
color: #999999;
}
::-moz-placeholder {
color: #999999;
}
:-ms-input-placeholder {
color: #999999;
}
/*修改滚动条*/
::-webkit-scrollbar{
width:6px;
height:6px ;
}
::-webkit-scrollbar-track{
box-shadow: inset 0 0 6px transparent;
background: #f8f8f8;
border-radius: 6px;
}
::-webkit-scrollbar-thumb{
border-radius: 6px;
background: #bbb;
}
/* 无内容 */
.no-goods,.no-network{
padding:100px 0;
overflow: hidden;
text-align: center;
}
.no-goods img{
display: block;
margin:0 auto 30px;
width:220px;
max-height: 105px;
}
.no-network img{
display: block;
margin:0 auto 30px;
width:222px;
height: 160px;
}
.no-goods p,.no-network p{
font-size:14px;
color:#666666;
line-height: 20px;
}
/* 更改layer样式 */
.layui-layer-btn{
text-align: center !important;
padding-bottom:28px !important;
}
.layui-layer-btn .layui-layer-btn0{
display: block;
margin:0 auto !important;
border-radius: 0 !important;
width:88px !important;
text-align: center !important;
height: 34px !important;
line-height: 34px !important;
border-color: #237ed2 !important;
background-color: #237ed2 !important;
}
.layui-layer-btn .layui-layer-btn0:hover{
background: #348eed !important;
border-color: #348eed !important;
}
.iframe-video{
width:100%;
height: 470px;
overflow: hidden;
margin-bottom:30px;
}
.iframe-video .video-preview{
position: relative;
display: block;
width:100%;
height: 100%;
font-size:0;
text-align: center;
cursor: pointer;
}
.iframe-video .video-preview::after{
position: absolute;
content: '';
left: 0;
top:0;
right: 0;
bottom:0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.iframe-video .video-preview::before{
position: absolute;
content: '';
left: 0;
top:0;
right: 0;
bottom:0;
background: url(../images/media-icon.png) no-repeat center;
z-index: 2;
}
.iframe-video .video-preview img{
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.iframe-video iframe{
display: block;
width:100%;
height: 100%;
}