/* 公共样式*/
@charset "utf-8";
*{margin: 0;padding: 0;}
html {border:0px;-webkit-font-smoothing: antialiased; /* 字体优化反锯齿 */}
body, html {width: 100%;height: 100%;margin: 0 auto;padding: 0;}
/* 清除默认margin与padding */
body,h1,h2,h3,h4,h5,h6,p,figure,pre,dl,dd,blockquote {margin:0;}
input,legend,input,textarea,button {padding:0;}
ul,ol,form,fieldset,th,td {margin:0;padding:0;}
body,div,td ,p{margin:0px; padding:0px; border:0px; font-family:微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif;}
input,select,textarea {margin:0px; padding:0px; font-family:微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif;}
form,img,dl,dt,dd,iframe {margin:0px; padding:0px; border:0px;}
ul,li,ol {margin:0px; padding:0px; border:0px; list-style-type:none;}
a,input,textarea {outline:none;}
html { font-size: 62.5% }
body { font-size: 12px; font-size:0.12rem;}

/* 去除a默认的链接下划线，链接默认为黑色。 */
a {display: inline-block;color:inherit;text-decoration:none; cursor:pointer;}
a:hover {color:#1e5fb3; text-decoration:none; cursor:pointer;}
a:active {color:inherit;}
img {max-width:100%;border:none;width: 100%;height: 100%;object-fit: cover;display: block;}
input,button,label {vertical-align:middle;border: none;background: none;}
em,i,address {font-style:normal;}
[disabled] {cursor:not-allowed;}

/* 使webkit内核搜索框样式可自定义 */
input[type='search'] { -webkit-appearance:textfield;}

/* 移除IE默认滚动条，禁止水平拖动  */
textarea {overflow:auto;resize:none;}

/*!* table *!*/
/* table {border-collapse:collapse;border-spacing:0;}
.table {width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.table th,.table td {padding:10px;line-height:1.4em;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:left;border-collapse: collapse;} */


table { border-collapse:collapse; border-spacing:0; border: none;} 
th,td { padding: 0;border: none;}

/* h1-h6字号更改  */
h1, h2, h3, h4, h5, h6 { font-weight: 500; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5, h6 { font-size: 1em; font-weight: bold; }

/* display */
.db { display: block; }
.dn { display: none; }
.di { display: inline; }

/* text-align */
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }

/*浮动的样式 */
.fl { float: left; }
.fr { float: right; }
.clear {clear: both;}
.hidden { overflow: hidden; }
.pointer { cursor: pointer; }
.clear:after{ content: ''; line-height: 0; font-size: 0; clear: both; display: block; visibility: hidden}

/*position*/
.pr{position: relative;}
.pa{position: absolute;}

/*css3盒模型样式*/
.box { box-sizing: border-box }
.flex{display: flex;align-items: center;}
.item{flex: 1}

/*圆角样式*/
.radius{ border-radius: 30px}

/*阴影样式*/
.box-shadow{box-shadow: 0 0 5px rgba(0,0,0,0.6);}
.text-shadow{text-shadow: 0 0 5px rgba(0,0,0,0.6);}

/*文本溢出隐藏并出现省略号*/
.ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.clamp1{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.clamp2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/*!*左右滚动*!*/
.scrollbar{display: -webkit-box;overflow-x: scroll;-webkit-overflow-scrolling:touch;overflow-scrolling: touch}
.scrollbar::-webkit-scrollbar{background-color:transparent;border-radius: 1rem;}
.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);border-radius: 1rem;background-color: transparent;}
.scrollbar::-webkit-scrollbar-thumb{border-radius: 1rem;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);background-color:transparent}

/*自定义上下滚动条*/
.scrollbarY{-webkit-overflow-scrolling:touch;overflow-scrolling: touch;display: flex;flex-direction: column}
.scrollbarY::-webkit-scrollbar{background-color:transparent;border-radius: 0.1rem;width: 0px}
.scrollbarY::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 0.1rem;background-color: #ccc;}
.scrollbarY::-webkit-scrollbar-thumb{border-radius: 0.1rem;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);background-color:#ccc}

/*去除点击超链接时的蓝色背景色*/
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

/*Css3左右晃动的角度样式*/
.rotate{animation: icoSwing 0.3s ease;}
@keyframes icoSwing {
    0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    25% {-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    50% {-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    75% {-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
    85% {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}