@charset "utf-8";
/* 公共样式*/
*{margin: 0;padding: 0;}
html {border:0px;-webkit-font-smoothing: antialiased; /* 字体优化反锯齿 */}
/* 清除默认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: 1.2rem;}

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

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

/* 移除IE默认滚动条，禁止水平拖动  */
textarea {overflow:auto;resize:none;}
/* 清楚table单元格之间的间隙  */

input:focus,select:focus,textarea:focus {outline:none;}
.formLabel {line-height:32px;text-align:right;}
textarea.formControl {height:auto;line-height:24px;border-radius:0;border:1px solid #ddd;}
.iePlaceholder,.placeholder {color:#aaa;}
/* 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;}
/* 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; }

/* display */
.db { display: block; }
.dn { display: none; }
.di { display: inline; }
.dib {display:inline-block;*display:inline;vertical-align:top;}
.dt {display:table;width:100%;}
.dtc {display:table-cell;}
/* text-align */
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }

/*浮动的样式 */
.fl { float: left; }
.fr { float: right; }
.cr {clear: both;}
.oh { overflow: hidden; }
.vh { visibility: hidden; }
.cp { 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;display: -webkit-flex}
.item{flex: 1;-webkit-flex:1}
.transition{transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-ms-transition: all 0.2s ease}
.scale{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1)}
.animation{animation:all 0.3s infinite;-webkit-animation:all 0.3s infinite}

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

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

/*边框样式*/
.border{border: 1px solid #ddd;}
.borderTop{ border-top:1px solid #ddd;}
.borderBot{ border-bottom:1px solid #ddd;}
.borderLeft{ border-left:1px solid #ddd;}
.borderRight{ border-right:1px solid #ddd;}

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

/*箭头样式*/
.toparrow{width: 0;height: 0;border-bottom: 4px solid #ccc;border-left: 4px solid transparent; border-right: 4px solid transparent;}
.botarrow{width: 0; height:0;border-top: 4px solid #ccc;border-left: 4px solid transparent; border-right: 4px solid transparent;}
.leftarrow{width: 0; height:0;border-right: 4px solid #ccc;border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.rightarrow{width: 0; height:0;border-left: 4px solid #ccc;border-top: 4px solid transparent; border-bottom: 4px solid transparent;}

/*手机遮罩层代码*/
#mask { width: 100%; height: 100%; background-color: #000000; opacity: 0.4; filter: alpha(opacity=40); position: fixed; top: 0; left: 0; right: 0;
  z-index: 777; display: none }

/*去除点击超链接时的蓝色背景色*/
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;
}

/*!*左右滚动*!*/
.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}