/*去除vue的闪屏*/

[v-cloak]{ display: none !important;}

/*初始元素+字体图标*/

html,body,.iconfont{font-size: 16px;}
i.fa,span.fa{font-size: 16px;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;font-style: normal;margin: 0;padding: 0;font-family: "Microsoft YaHei";border: none;outline: none;font-size: 16px;}
table{border-collapse: collapse;display: table;width: 100%;}
ol,ul,li{list-style: none;}
/*span,i,b{display: inline-block;}*/
a{display: inline-block;text-decoration: none;cursor: pointer;color: #333;-webkit-transition: color, border, background 0.3s;-o-transition: color, border, background 0.3s;transition: color, border, background 0.3s;}
img{display: inline-block;vertical-align: middle;max-width: 100%;}

/*文字段落*/

.tac{text-align: center !important;}
.tar{text-align: right !important;}
.tal{text-align: left !important;}
.taj{text-align: justify !important;}
.touper{text-transform: uppercase;}
.tolower{text-transform: lowercase;}
.tocapit{text-transform: capitalize;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.oe{display: block;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.dot2{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dot3{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.dot4{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.bgcov,.bg100{display: block;width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov{background-size: cover !important;}
.bg100{background-size: 100% 100% !important;}
.imgcov{width: 100%;height: 100%;max-width: 100%;max-height: 100%;-o-object-fit: cover;object-fit: cover;}

/* 表单的提示文字 */

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #aaa;}
input::-moz-placeholder,textarea::-moz-placeholder{ color: #aaa;}
input:-moz-placeholder,textarea:-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #aaa;}

/*定义版心*/

.banxin1200{width: 1200px;margin: 0 auto;}
.banxin1280{width: 1280px;margin: 0 auto;}
.banxin95{width: 95%;margin: 0 auto;}
.banxin90{width: 90%;margin: 0 auto;}
.banxin85{width: 85%;margin: 0 auto;}
.banxin80{width: 80%;margin: 0 auto;}

/*临时备用*/

.br1{border: 1px solid red !important;}
.br2{border: 1px solid orange !important;}
.bg1{background: pink !important;}
.bg2{background: orange !important;}

/*美化滚动条*/


/*::-webkit-scrollbar{ width: 5px; height: 1px;}
::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #999;}
::-webkit-scrollbar-track{ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed;}*/


/*图片动画*/

.anisca{cursor: pointer;overflow: hidden;}
.anisca img{cursor: pointer;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
.anisca:hover img{-webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.anitop{ -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.anitop:hover{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}