/*
	Version：2023.10.07
	Author：王富贵
*/
@charset "UTF-8";
*{padding: 0;margin: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
li{list-style: none;}
dl,dt,dd{margin-block-start: 0;margin-block-end: 0;margin-inline-start: 0;margin-inline-end: 0;}
html{font-size: 16px;font-family: arial, helvetica, sans-serif ,"microsoft yahei";color: #333333;line-height: 1;}
/* html{font-size: 16px;font-family: Microsoft JhengHei,Source Han Sans CN,PingFang SC,"Source Han Serif SC",Microsoft YaHei,sans-serif;color: #333333;line-height: 1;} */

a{color: inherit;text-decoration: none;}
input{outline:none;}
i{font-style: normal;}
pre{font-family: arial, helvetica, sans-serif ,"microsoft yahei";}
img{max-width: 100%;}
/* 布局 */
.float-left{float: left;}
.float-right{float: right;}
.clear{clear: both;}
.fixed-top{position: fixed!important;left: 0;right: 0;top: 0;z-index: 9999;}
.fixed-bottom{position: fixed!important;left: 0;right: 0;bottom: 0;z-index: 9999;}
.fixed-left{position: fixed!important;left: 0;top: 0;bottom: 0;z-index: 9999;}
.fixed-right{position: fixed!important;right: 0;top: 0;bottom: 0;z-index: 9999;}
/* 宽度布局 */
.min-width{min-width: 1450px;}
.container{width: 76%;height: 100%;margin: 0 auto;line-height: inherit;position: relative;}
@media only screen and (max-width: 1450px){
	/* 手机端 */
	.container{width: 90%;}
}
@media only screen and (max-width: 1140px){
	/* 手机端 */
	.container{width: 90%;}
}
@media only screen and (max-width: 1024px){
	/* 手机端 */
	.min-width{min-width: 100%;}
	.container{width: 100%;}
}
/* 文字排版 */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-justify-left{text-align:justify;text-justify:inter-ideograph;}

/* 超出文本省略号... */
.text-lines-1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-lines-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-lines-3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-lines-4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.text-lines-5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.text-lines-6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.text-lines-7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.text-lines-8{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.text-lines-9{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
/* 动画特效  transition-delay: 0.5s; 延时执行*/
.living{transition: all 0.5s;}
.living *{transition: all 0.5s;}
.byebye-living{transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;}
.byebye-living *{transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;}
.living-loading-1s{transition: all 0.5s ease-out 1s;}

/* 图片鼠标经过放大 */
.hover-scale-1-1 .in{transition: all 1s;}
.hover-scale-1-1:hover .in{transform: scale(1.1);}
/*鼠标经过出现阴影*/
.hover-shadow{position: relative;top: 0;transition:0.3s;}
.hover-shadow:hover{top: -5px;box-shadow:0px 15px 10px -15px #000;}
/*鼠标经过中心点360度旋转*/
.hover-rotation-360 .in{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.hover-rotation-360:hover .in{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
/* 鼠标经过Y轴360度旋转 */
.hover-rotation-360-y .in{transition: All 1s ease-in-out;-webkit-transition: All 1s ease-in-out;-moz-transition: All 1s ease-in-out;-o-transition: All 1s ease-in-out;}
.hover-rotation-360-y:hover .in{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);}


/* 不常用 */
.text-vertical-table{display: table;height: 100%;width: 100%;}
.text-vertical-td{display: table-cell;vertical-align: middle;height: 100%;width: 100%;}
.vertical-middle{display: flex;align-items: center;justify-content: center;}





/* 字体 */
@font-face
{
/* 	font-family: myFirstFont;
	src: url('../fonts/qiantubifengshouxieti.ttf')
		,url('../fonts/qiantubifengshouxieti.eot'); /* IE9 */ */
}

/* css动画特效 */
@keyframes xuanzhuan {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}




/* 小图标 - 箭头 */
.brick-icon-arrwo-right{display: block;width: 100%;height: 100%;border-left: 1px solid rgba(0, 0, 0, 0.6);border-bottom: 1px solid rgba(0, 0, 0, 0.6);transform: rotate(225deg)}
.brick-icon-arrwo-bottom{display: block;width: 100%;height: 100%;border-left: 1px solid rgba(0, 0, 0, 0.6);border-bottom: 1px solid rgba(0, 0, 0, 0.6);transform: rotate(315deg);}
/* 小图标 - 关闭 */
.brick-icon-close{}
.brick-icon-close:before,.brick-icon-close:after{content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 2px;background: rgba(0, 0, 0, 0.6);}
.brick-icon-close:before{transform: rotate(45deg);}
.brick-icon-close:after{transform: rotate(-45deg);}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{border-radius: 5px;width: 10px;background-color: rgba(255,255,255,0.2);}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{background-color: transparent;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 5px;background-color: #DDD;}
::-webkit-scrollbar-thumb:hover{background-color: #FFF;}