p {margin:0;padding:0;}
h1,h2,h3,h4{ display: block; font-weight: normal; margin:0;}
a{color:#444; text-decoration:none;}
ul{zoom: 1;margin:0 !important; padding:0;}
li{margin:0; padding:0; list-style:none;}
input,textarea{outline: none;}
.line1hid{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
.line2hid{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.line3hid{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}
.line4hid{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;}
.line5hid{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;overflow: hidden;}
.line6hid{display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;overflow: hidden;}
.of-hid{overflow: hidden;}
.o-ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.clearfix:before,.clearfix:after {clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;content: " ";}
/*多个div并列*/
.dispflex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-between{display: flex; justify-content: space-between;}
/*让图片黑白*/
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
/*margin*/
.m-auto {margin:auto !important;}
.my-auto {margin:auto 0 !important;}
.mx-auto {margin:0 auto !important; }
.m-3{margin:3rem !important;}
.my-3, .mt-3{margin-top:3rem !important;}
.my-3, .mb-3{margin-bottom:3rem !important;}
.mx-3, .mr-3{margin-right:3rem !important;}
.mx-3, .ml-3{margin-left:3rem !important;}
.m-2{margin:2rem !important;}
.my-2, .mt-2{margin-top:2rem !important;}
.my-2, .mb-2{margin-bottom:2rem !important;}
.mx-2, .mr-2{margin-right:2rem !important;}
.mx-2, .ml-2{margin-left:2rem !important;}
.m-1d75{margin:1.75rem !important;}
.my-1d75, .mt-1d75{margin-top:1.75rem !important;}
.my-1d75, .mb-1d75{margin-bottom:1.75rem !important;}
.mx-1d75, .mr-1d75{margin-right:1.75rem !important;}
.mx-1d75, .ml-1d75{margin-left:1.75rem !important;}
.m-1d5{margin:1.5rem !important;}
.my-1d5, .mt-1d5{margin-top:1.5rem !important;}
.my-1d5, .mb-1d5{margin-bottom:1.5rem !important;}
.mx-1d5, .mr-1d5{margin-right:1.5rem !important;}
.mx-1d5, .ml-1d5{margin-left:1.5rem !important;}
.m-1d25{margin:1.25rem !important;}
.my-1d25, .mt-1d25{margin-top:1.25rem !important;}
.my-1d25, .mb-1d25{margin-bottom:1.25rem !important;}
.mx-1d25, .mr-1d25{margin-right:1.25rem !important;}
.mx-1d25, .ml-1d25{margin-left:1.25rem !important;}
.m-1{margin:1rem !important;}
.my-1, .mt-1{margin-top:1rem !important;}
.my-1, .mb-1{margin-bottom:1rem !important;}
.mx-1, .mr-1{margin-right:1rem !important;}
.mx-1, .ml-1{margin-left:1rem !important;}
.m-d75{margin:.75rem !important;}
.my-d75, .mt-d75{margin-top:.75rem !important;}
.my-d75, .mb-d75{margin-bottom:.75rem !important;}
.mx-d75, .mr-d75{margin-right:.75rem !important;}
.mx-d75, .ml-d75{margin-left:.75rem !important;}
.m-d5{margin:.5rem !important;}
.my-d5, .mt-d5{margin-top:.5rem !important;}
.my-d5, .mb-d5{margin-bottom:.5rem !important;}
.mx-d5, .mr-d5{margin-right:.5rem !important;}
.mx-d5, .ml-d5{margin-left:.5rem !important;}
.m-d25{margin:.25rem !important;}
.my-d25, .mt-d25{margin-top:.25rem !important;}
.my-d25, .mb-d25{margin-bottom:.25rem !important;}
.mx-d25, .mr-d25{margin-right:.25rem !important;}
.mx-d25, .ml-d25{margin-left:.25rem !important;}
.m-0{margin:0 !important;}
.my-0, .mt-0{margin-top:0 !important;}
.my-0, .mb-0{margin-bottom:0 !important;}
.mx-0, .mr-0{margin-right:0 !important;}
.mx-0, .ml-0{margin-left:0 !important;}
.mx-perc3{margin:0 3% !important;}
.m-fd5{margin:-.5rem !important;}
.mx-fd25{margin:0 -0.25rem !important;}
.mx-fd5{margin:0 -.5rem !important;}
.mx-fd75{margin:0 -.75rem !important;}
.mx-f1{margin:0 -1rem !important;}
.mx-f1d25{margin:0 -1.25rem !important;}
.mx-f1d5{margin:0 -1.5rem !important;}
.mx-f1d75{margin:0 -1.75rem !important;}
.mx-f2{margin:0 -2rem !important;}
.mx-f-perc3{margin:0 -3% !important;}
.my-3d5, .mt-3d5{margin-top:3.5rem !important;}
.my-4d5, .mt-4d5{margin-top:4.5rem !important;}
.my-4d5, .mb-4d5{margin-bottom:4.5rem !important;}

.mx-30px, .ml-30px{margin-left:30px;}
.mx-30px, .mr-30px{margin-right:30px;}
.mx-40px, .ml-40px{margin-left:40px;}
.mx-40px, .mr-40px{margin-right:40px;}
.mx-50px, .ml-50px{margin-left:50px;}
.mx-50px, .mr-50px{margin-right:50px;}
.mx-60px, .ml-60px{margin-left:60px;}
.mx-60px, .mr-60px{margin-right:60px;}
.mx-70px, .ml-70px{margin-left:70px;}
.mx-70px, .mr-70px{margin-right:70px;}
.mx-80px, .ml-80px{margin-left:80px;}
.mx-80px, .mr-80px{margin-right:80px;}
.mx-90px, .ml-90px{margin-left:90px;}
.mx-90px, .mr-90px{margin-right:90px;}
.mx-100px, .ml-100px{margin-left:100px;}
.mx-100px, .mr-100px{margin-right:100px;}
.mx-150px, .ml-150px{margin-left:150px;}
.mx-150px, .mr-150px{margin-right:150px;}
.mx-200px, .ml-200px{margin-left:200px;}
.mx-200px, .mr-200px{margin-right:200px;}
.mx-250px, .ml-250px{margin-left:250px;}
.mx-250px, .mr-250px{margin-right:250px;}
.mx-270px, .ml-270px{margin-left:270px;}
.mx-270px, .mr-270px{margin-right:270px;}
.mx-300px, .ml-300px{margin-left:300px;}
.mx-300px, .mr-300px{margin-right:300px;}

/*padding*/
.p-3{padding:3rem !important;}
.py-3, .pt-3{padding-top:3rem !important;}
.py-3, .pb-3{padding-bottom:3rem !important;}
.px-3, .pr-3{padding-right:3rem !important;}
.px-3, .pl-3{padding-left:3rem !important;}
.p-2{padding:2rem !important;}
.py-2, .pt-2{padding-top:2rem !important;}
.py-2, .pb-2{padding-bottom:2rem !important;}
.px-2, .pr-2{padding-right:2rem !important;}
.px-2, .pl-2{padding-left:2rem !important;}
.p-1d75{padding:1.75rem !important;}
.py-1d75, .pt-1d75{padding-top:1.75rem !important;}
.py-1d75, .pb-1d75{padding-bottom:1.75rem !important;}
.px-1d75, .pr-1d75{padding-right:1.75rem !important;}
.px-1d75, .pl-1d75{padding-left:1.75rem !important;}
.p-1d5{padding:1.5rem !important;}
.py-1d5, .pt-1d5{padding-top:1.5rem !important;}
.py-1d5, .pb-1d5{padding-bottom:1.5rem !important;}
.px-1d5, .pr-1d5{padding-right:1.5rem !important;}
.px-1d5, .pl-1d5{padding-left:1.5rem !important;}
.p-1d25{padding:1.25rem !important;}
.py-1d25, .pt-1d25{padding-top:1.25rem !important;}
.py-1d25, .pb-1d25{padding-bottom:1.25rem !important;}
.px-1d25, .pr-1d25{padding-right:1.25rem !important;}
.px-1d25, .pl-1d25{padding-left:1.25rem !important;}
.p-1{padding:1rem !important;}
.py-1, .pt-1{padding-top:1rem !important;}
.py-1, .pb-1{padding-bottom:1rem !important;}
.px-1, .pr-1{padding-right:1rem !important;}
.px-1, .pl-1{padding-left:1rem !important;}
.p-d75{padding:.75rem !important;}
.py-d75, .pt-d75{padding-top:.75rem !important;}
.py-d75, .pb-d75{padding-bottom:.75rem !important;}
.px-d75, .pr-d75{padding-right:.75rem !important;}
.px-d75, .pl-d75{padding-left:.75rem !important;}
.p-d5{padding:.5rem !important;}
.py-d5, .pt-d5{padding-top:.5rem !important;}
.py-d5, .pb-d5{padding-bottom:.5rem !important;}
.px-d5, .pr-d5{padding-right:.5rem !important;}
.px-d5, .pl-d5{padding-left:.5rem !important;}
.p-d25{padding:.25rem !important;}
.py-d25, .pt-d25{padding-top:.25rem !important;}
.py-d25, .pb-d25{padding-bottom:.25rem !important;}
.px-d25, .pr-d25{padding-right:.25rem !important;}
.px-d25, .pl-d25{padding-left:.25rem !important;}
.p-d1{padding:.1rem !important;}
.py-d1, .pt-d1{padding-top:.1rem !important;}
.py-d1, .pb-d1{padding-bottom:.1rem !important;}
.px-d1, .pr-d1{padding-right:.1rem !important;}
.px-d1, .pl-d1{padding-left:.1rem !important;}
.p-0{padding:0 !important;}
.py-0, .pt-0{padding-top:0 !important;}
.py-0, .pb-0{padding-bottom:0 !important;}
.px-0, .pr-0{padding-right:0 !important;}
.px-0, .pl-0{padding-left:0 !important;}
.p-perc3{padding:3% !important;}
.py-perc3, .pt-perc3{padding-top:3% !important;}
.py-perc3, .pb-perc3{padding-bottom:3% !important;}
.px-perc3, .pr-perc3{padding-right:3% !important;}
.px-perc3, .pl-perc3{padding-left:3% !important;}

/*border*/
.border{border: 1px solid #dee2e6 !important;}
.border-no{border: none !important;}
.border-y, .border-b{border-bottom: 1px solid #dee2e6 !important;}
.border-y, .border-t{border-top: 1px solid #dee2e6 !important;}
.border-x, .border-l{border-left: 1px solid #dee2e6 !important;}
.border-x, .border-r{border-right: 1px solid #dee2e6 !important;}
.border-f6{border: 1px solid #f6f6f6 !important;}
.border-y-f6, .border-b-f6{border-bottom: 1px solid #f6f6f6 !important;}
.border-y-f6, .border-t-f6{border-top: 1px solid #f6f6f6 !important;}
.border-x-f6, .border-l-f6{border-left: 1px solid #f6f6f6 !important;}
.border-x-f6, .border-r-f6{border-right: 1px solid #f6f6f6 !important;}
.border-dd{border: 1px dotted #ddd !important;}
.border-y-dd, .border-b-dd{border-bottom: 1px dotted #ddd !important;}
.border-y-dd, .border-t-dd{border-top: 1px dotted #ddd !important;}
.border-x-dd, .border-l-dd{border-left: 1px dotted #ddd !important;}
.border-x-dd, .border-r-dd{border-right: 1px dotted #ddd !important;}
/*border-radius*/
.border-r-d5{border-radius: .5rem;}
.border-r-tx-d5, .border-r-ly-d5, .border-r-tl-d5{border-top-left-radius: .5rem;}
.border-r-tx-d5, .border-r-ry-d5, .border-r-tr-d5{border-top-right-radius: .5rem;}
.border-r-bx-d5, .border-r-ly-d5, .border-r-bl-d5{border-bottom-left-radius: .5rem;}
.border-r-bx-d5, .border-r-ry-d5, .border-r-br-d5{border-bottom-right-radius: .5rem;}
.border-r-1{border-radius: 1rem;}
.border-r-tx-1, .border-r-ly-1, .border-r-tl-1{border-top-left-radius: 1rem;}
.border-r-tx-1, .border-r-ry-1, .border-r-tr-1{border-top-right-radius: 1rem;}
.border-r-bx-1, .border-r-ly-1, .border-r-bl-1{border-bottom-left-radius: 1rem;}
.border-r-bx-1, .border-r-ry-1, .border-r-br-1{border-bottom-right-radius: 1rem;}
.border-r-1d5{border-radius: 1.5rem;}
.border-r-tx-1d5, .border-r-ly-1d5, .border-r-tl-1d5{border-top-left-radius: 1.5rem;}
.border-r-tx-1d5, .border-r-ry-1d5, .border-r-tr-1d5{border-top-right-radius: 1.5rem;}
.border-r-bx-1d5, .border-r-ly-1d5, .border-r-bl-1d5{border-bottom-left-radius: 1.5rem;}
.border-r-bx-1d5, .border-r-ry-1d5, .border-r-br-1d5{border-bottom-right-radius: 1.5rem;}
.border-r-2{border-radius: 2rem;}
.border-r-tx-2, .border-r-ly-2, .border-r-tl-2{border-top-left-radius: 2rem;}
.border-r-tx-2, .border-r-ry-2, .border-r-tr-2{border-top-right-radius: 2rem;}
.border-r-bx-2, .border-r-ly-2, .border-r-bl-2{border-bottom-left-radius: 2rem;}
.border-r-bx-2, .border-r-ry-2, .border-r-br-2{border-bottom-right-radius: 2rem;}
.border-r-4{border-radius: 4rem;}
.border-r-tx-4, .border-r-ly-4, .border-r-tl-4{border-top-left-radius: 4rem;}
.border-r-tx-4, .border-r-ry-4, .border-r-tr-4{border-top-right-radius: 4rem;}
.border-r-bx-4, .border-r-ly-4, .border-r-bl-4{border-bottom-left-radius: 4rem;}
.border-r-bx-4, .border-r-ry-4, .border-r-br-4{border-bottom-right-radius: 4rem;}
.border-r-p50{border-radius: 50%;}
.border-r-tx-p50, .border-r-ly-p50, .border-r-tl-p50{border-top-left-radius: 50%;}
.border-r-tx-p50, .border-r-ry-p50, .border-r-tr-p50{border-top-right-radius: 50%;}
.border-r-bx-p50, .border-r-ly-p50, .border-r-bl-p50{border-bottom-left-radius: 50%;}
.border-r-bx-p50, .border-r-ry-p50, .border-r-br-p50{border-bottom-right-radius: 50%;}
.border-r-p100{border-radius: 100%;}
/*box-sizing*/
.box-sz-cb{box-sizing: content-box !important;}
.box-sz-bb{box-sizing: border-box !important;}
.box-sz-in{box-sizing: inherit !important;}

/*float*/
.float-l{float:left !important;}
.float-r{float:right !important;}
/*position*/
.position-rel{position: relative;}
.position-abs{position: absolute;}
.position-fix{position: fixed;}
.position-uns{position: unset;} 
/*background*/
.bg-fff{background:#fff !important;}
.bg-ccc{background:#ccc !important;}
.bg-000{background:#000 !important;}
.bg-huibai{background:#e8e7e7 !important;}
.bg-lvse{background: #67d293 !important;}
.bg-sale-red{background: #ed1c43 !important;}
.bg-f76{background: #ff7766 !important;}
.bg-ddf{background: #ddfddf !important;}
.bg-f1{background: #f1f1f1 !important;}
.bg-f5{background: #F5F5F5 !important;}
.bg-f9{background: #F9F9F9 !important;}

/*color*/
.color-000{color:#000 !important;}
.color-333{color:#333 !important;}
.color-555{color:#555 !important;}
.color-666{color:#666 !important;}
.color-888{color:#888 !important;}
.color-999{color:#999 !important;}
.color-fff{color:#fff !important;}
.color-red{color:red !important;}
.color-f50{color:#ff5500 !important;}
.color-f70{color:#ff7700 !important;}
.color-f76{color:#ff7766 !important;}
.color-22c{color:#22C22c !important;}
/*font-size*/
.font-s-12px{font-size:12px;}
.fonts-20px{font-size:20px;}
.fonts-19px{font-size:19px;}
.fonts-18px{font-size:18px;}
.fonts-17px{font-size:17px;}
.fonts-16px{font-size:16px;}
.fonts-15px{font-size:15px;}
.fonts-14px{font-size:14px;}
.fonts-13px{font-size:13px;}
.fonts-12px{font-size:12px;}
.font-d75{font-size:.75rem;}
.font-d85{font-size:.85rem;}
.font-1{font-size:1rem;}
.font-1d5{font-size:1.5rem;}
.font-1d8{font-size:1.8rem;}
.font-2{font-size:2rem;}
/*width */
.w-perc100{width:100% !important;}
.w-perc95{width:95% !important;}
.w-perc90{width:90% !important;}
.w-perc85{width:85% !important;}
.w-perc80{width:80% !important;}
.w-perc75{width:75% !important;}
.w-perc70{width:70% !important;}
.w-perc67{width:67% !important;}
.w-perc60{width:60% !important;}
.w-perc55{width:55% !important;}
.w-perc50{width:50% !important;}
.w-perc48{width:48% !important;}
.w-perc45{width:45% !important;}
.w-perc40{width:40% !important;}
.w-perc33{width:33% !important;}
.w-perc25{width:25% !important;}
.w-perc20{width:20% !important;}
.w-perc15{width:15% !important;}
.w-perc10{width:10% !important;}
.w-100vw{width:100vw;}
.w-20px{width: 20px;}
.w-30px{width: 30px;}
.w-40px{width: 40px;}
.w-50px{width: 50px;}
.w-60px{width: 60px;}
.w-70px{width: 70px;}
.w-80px{width: 80px;}
.w-90px{width: 90px;}
.w-100px{width: 100px;}
.w-120px{width: 120px;}
.w-150px{width: 150px;}
.w-200px{width: 200px;}
.w-250px{width: 250px;}
.w-300px{width: 300px;}
/*height*/
.h-100vh{height:100vh;}
.h-20px{height:20px;}
.h-30px{height:30px;}
.h-32px{height:32px !important;}
.h-40px{height:40px;}
.h-50px{height:50px;}
.h-60px{height:60px;}
.h-70px{height:70px;}
.h-80px{height:80px;}
.h-90px{height:90px;}
.h-100px{height:100px;}
.h-150px{height:150px;}
.h-200px{height:200px;}
.h-250px{height:250px;}
.h-300px{height:300px;}
/*line-height*/
.lh-1d5{line-height: 1.5;}
.lh-1d6{line-height: 1.6;}
.lh-1d7{line-height: 1.7;}
.lh-1d8{line-height: 1.8;}
.lh-2{line-height: 2;}
.lh-2d2{line-height: 2.2;}
.lh-28px{line-height:28px;}
.lh-32px{line-height:32px;}
.lh-36px{line-height:36px;}

/*text-align*/
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
/*vertical*/
.vertical-m{vertical-align: middle;}
.vertical-t{vertical-align: top;}
.vertical-b{vertical-align: bottom;}

/*overflow*/
.overflow-h{overflow: hidden;}
.overflow-s{overflow: scroll;}
.overflow-a{overflow: auto;}

/*12份栅格*/
.width-col-0d5{box-sizing: border-box;width: 4.1666667%;}
.width-col-1d5{box-sizing: border-box;width: 12.5%;}
.width-col-2d5{box-sizing: border-box;width: 20.8333333%;}
.width-col-1{box-sizing: border-box;width: 8.3333333%;}
.width-col-2{box-sizing: border-box;width: 16.6666667%;}
.width-col-3{box-sizing: border-box;width: 25%;}
.width-col-4{box-sizing: border-box;width: 33.3333333%;}
.width-col-5{box-sizing: border-box;width: 41.6666667%;}
.width-col-6{box-sizing: border-box;width: 50%;}
.width-col-7{box-sizing: border-box;width: 58.3333333%;}
.width-col-8{box-sizing: border-box;width: 66.6666667%;}
.width-col-9{box-sizing: border-box;width: 75%;}
.width-col-10{box-sizing: border-box;width: 83.3333333%;}
.width-col-11{box-sizing: border-box;width: 91.6666667%;}
.width-col-12{box-sizing: border-box;width: 100%;}

/*div高宽不定时，内文字左右上下居中*/
.text-mid{align-items:center; justify-content:center; display: -webkit-flex; text-align: center;}

/*图标倍数放大缩小*/
.scale-0d5{-webkit-transform: scale(0.5); transform: scale(0.5);}
.scale-0d6{-webkit-transform: scale(0.6); transform: scale(0.6);}
.scale-0d7{-webkit-transform: scale(0.7); transform: scale(0.7);}
.scale-0d8{-webkit-transform: scale(0.8); transform: scale(0.8);}
.scale-0d9{-webkit-transform: scale(0.9); transform: scale(0.9);}
.scale-1d5{-webkit-transform: scale(1.5); transform: scale(1.5);}
.scale-2{-webkit-transform: scale(2); transform: scale(2);}
.scale-2d5{-webkit-transform: scale(2.5); transform: scale(2.5);}
.scale-3{-webkit-transform: scale(3); transform: scale(3);}

/*鼠标状态*/
.cursor-p{cursor: pointer !important;}
.cursor-as{cursor: all-scroll !important;}

/*absolute浮动位置*/
.t-0{top:0;}
.b-0{bottom:0;}
.l-0{left:0;}
.r-0{right:0;}
.t-5px{top:5px;}
.b-5px{bottom:5px;}
.l-5px{left:5px;}
.r-5px{right:5px;}
.t-10px{top:10px;}
.b-10px{bottom:10px;}
.l-10px{left:10px;}
.r-10px{right:10px;}
.t-d5{top:0.5rem;}
.b-d5{bottom:0.5rem;}
.l-d5{left:0.5rem;}
.r-d5{right:0.5rem;}
.t-1{top:1rem;}
.b-1{bottom:1rem;}
.l-1{left:1rem;}
.r-1{right:1rem;}


/*信息流图数下标*/
.img-num {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: rgba(0,0,0,.4);
}