@charset "utf-8";
[v-cloak]{ display:none !important; }
* { padding: 0; margin: 0;-webkit-text-size-adjust: none; }
/*html { overflow-y: scroll; }*/
body,html,div,ul,li,span,p,input,form,label,a,img,em,dl,dt,dd,textarea,h3,table,th,td,tr,canvas{margin:0;padding:0;list-style:none;outline:none;font-style:normal;word-break: break-all;word-wrap: break-word;}
body,textarea { font: 14px 微软雅黑, Arial, Helvetica, sans-serif; padding: 0 initial; }
.clear { clear: both; height: 0px; overflow: hidden; line-height: 0px; margin: 0px auto; font-size: 0px; }
.clearFix:before, .clearFix:after { display: table; line-height: 0; content: ""; }
.clearFix:after { clear: both; }
.clearFix { *zoom: 1; }
/* html{filter: grayscale(1);} */
body{margin: 0 auto;}
/* IE < 8 */
ul, ol, li { list-style: none; height: auto; }
img { border: 0; border: none; vertical-align: middle; }
table, caption, tbody, tfoot, thead, tr, th, td {  font-size: inherit; font-size: 100%; outline: 0; border: 0; vertical-align:middle; background: transparent; }
a img { border: none; }
a { color: #333333; text-decoration: none; }
a:hover{ text-decoration: underline; }
textarea { resize: none; }


.fellipsis{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap;word-break: break-all; }
.fellipsis2{ overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.fellipsis3{ overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.fellipsis4{ overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical; }

.f-l{ float: left; }
.f-r{ float: right; }

.m-t-5{ margin-top: 5px; }
.m-t-8{ margin-top: 8px; }
.m-t-10{ margin-top: 10px; }
.m-t-12{ margin-top: 12px; }
.m-t-16{ margin-top: 16px; }
.m-t-18{ margin-top: 18px; }
.m-t-20{ margin-top: 1.25rem; }
.m-t-24{ margin-top: 24px; }
.m-t-30{ margin-top: 30px; }
.m-t-40{ margin-top: 40px; }
.m-t-48{ margin-top: 48px; }
.m-t-50{ margin-top: 50px !important; }
.m-t-60{ margin-top: 60px !important; }
.m-t-80{ margin-top: 80px; }

.m-r-5{ margin-right: 5px; }
.m-r-10{ margin-right: 10px; }
.m-r-20{ margin-right: 1.25rem !important; }

.m-l-10{ margin-left: 10px; }
.m-l-40{ margin-left: 40px; }

.m-b-10{ margin-bottom: 10px; }
.m-b-20{ margin-bottom: 1.25rem; }

h2{ font-size: 3.5rem; }
h3{ font-size: 60px; }
h4{ font-size: 2.75rem; }
h5{ font-size: 24px; }

.curpointer{ cursor: pointer; }

.f-s-12{ font-size: 12px; }
.f-s-14{ font-size: 14px; }
.f-s-16{ font-size: 16px; }
.f-s-rem-16{ font-size: 1.1rem; }
.f-s-18{ font-size: 18px; }
.f-s-24{ font-size: 24px; }
.f-s-30{ font-size: 30px; }
.f-s-36{ font-size: 36px; }
.f-s-44{ font-size: 44px; }

.l-h-16{ line-height: 16px; }
.l-h-20{ line-height: 1.25rem; }
.l-h-24{ line-height: 24px; }
.l-h-26{ line-height: 26px; }
.l-h-30{ line-height: 30px; }
.l-h-32{ line-height: 32px; }
.l-h-36{ line-height: 36px; }
.l-h-40{ line-height: 40px; }
.l-h-48{ line-height: 48px; }
.l-h-62{ line-height: 62px; }

.fellipsis2.l-h-30{ height:60px; overflow: hidden; }
.fellipsis2.l-h-24{ height:48px; overflow: hidden; }
.fellipsis3.l-h-24{ height:72px; overflow: hidden; }
.fellipsis3.l-h-30{ overflow: hidden; }
.fellipsis4.l-h-30{ height:120px; overflow: hidden; }

.f-c-fff{ color: #fff; }
.f-c-333{ color: #333; }
.f-c-999{ color: #999; }
.f-c-666{ color: #666; }
.f-c-004ea3{ color: #004ea3; }
.f-c-606266{ color: #606266; }

.t-a-l{ text-align: left; }
.t-a-c{ text-align: center; }
.t-a-r{ text-align: right; }

.f-b{ font-weight: bold; }

.p-t-10{ padding-top: 10px; box-sizing: border-box; }
.p-b-10{ padding-bottom: 10px; box-sizing: border-box; }

.p-20{ padding: 1.25rem; box-sizing: border-box; }
.p-t-20{ padding-top: 1.25rem; box-sizing: border-box; }
.p-l-20{ padding-left: 1.25rem; box-sizing: border-box; }
.p-r-20{  padding-right: 1.25rem; box-sizing: border-box;}
.p-b-20{ padding-bottom: 1.25rem; box-sizing: border-box; }
.p-tbr-20{ padding: 1.25rem 0 1.25rem 1.25rem; box-sizing: border-box; }

.p-30{ padding: 30px; box-sizing: border-box; }
.p-b-30{ padding-bottom: 30px;box-sizing: border-box; }
.p-r-30{ padding-right: 30px;box-sizing: border-box; }

.p-40{ padding: 40px; box-sizing: border-box; }
.p-l-40{ padding-left: 40px; box-sizing: border-box; }
.p-l-r-40{ padding-left:40px; padding-right: 40px; box-sizing: border-box; }

.p-50{ padding: 50px; box-sizing: border-box; }
.p-t-b-50{ padding: 50px 0;box-sizing: border-box; }
.p-t-50{ padding-top: 50px; box-sizing: border-box;}
.p-b-50{ padding-bottom: 50px; box-sizing: border-box; }

.p-t-b-20{ padding: 20px 0;box-sizing: border-box; }

.opacity8{ opacity: .8; }


/* 整个滚动条 */
.scroll::-webkit-scrollbar { 
    width:10px; 
    height:1.25rem; 
}
/* 滚动条上的滚动滑块. */
.scroll::-webkit-scrollbar-thumb { 
    background-color:rgba(0,0,0,.1);
    border-radius: 10px;
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);
}
/* 当同时有垂直滚动条和水平滚动条时交汇的部分. */
.scroll::-webkit-scrollbar-corner {
    background:transparent;
}

.pagingBox{ text-align: center; }
.mo-paging {  display: inline-block; padding: 0; margin: 1rem 0; font-size: 0; list-style: none; user-select: none; text-align: center; }
.mo-paging .paging-item { display: inline-block; text-align: center; margin: 0 10px; font-size: 15px; position: relative;  width: 40px; height: 40px; line-height: 40px; border-radius: 4px; text-decoration: none; background-color: #fff; margin-left: -1px; cursor: pointer; color: #999999; }
.mo-paging .paging-item:first-child{ margin-left: 0; }  
.mo-paging .paging-item:hover{ background-color: #f0f0f0;color: #0275d8; }
.mo-paging .paging-item.paging-item--disabled,.mo-paging > .paging-item.paging-item--more{ background-color: #fff; color: #505050; }
.mo-paging .paging-item.paging-item--disabled{ cursor: not-allowed;opacity: .75; }
.mo-paging .paging-item.paging-item--more,.mo-paging > .paging-item .paging-item--current{ cursor: default; }       
.mo-paging .paging-item.paging-item--current{ background-color: #0275d8; color:#fff;position: relative;z-index: 1; border-color: #0275d8; text-align: center; }

.tipBox{ width: 100%; text-align: center; position: fixed; top: 35%; z-index: 100;}
/* .tipBox.show{display: flex;} */
.tipBox span{padding: 10px 30px;background: rgba(0,0,0,.6);font-size: 1.25rem;max-width: 80%;text-align: center;color: #fff;border-radius: 5px;line-height: 35px;display: inline-block;}

.text-indent{ text-indent: 34px; }



/*  动画效果  */
.transition3s{ transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ase-in-out 0s; }
.transition3s:hover{ transform: scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);-o-transform:scale(1.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);box-shadow: 0 0 17px rgba(0, 0, 0, .2);position: relative; z-index: 1; }


.flex{
    display:flex;
}

table[align='center']{ margin: 0 auto; border-collapse: collapse;}
table[align='center'] td{ border:1px solid #DDD; }


.alignCenter{ display: flex;align-items : center;  }