body{ margin: 0; }
.row{ display: flex; }
.fdc{ flex-direction: column; }
.dn{ display: none; }
.db{ display: block; }
.dib{ display:inline-block;}
.aic{ align-items: center; }
.aie{ align-items: flex-end; }
.asc{ align-self: center; }
.jcc{ justify-content: center; }
.jce{ justify-content: flex-end; }
.between{ justify-content: space-between; }
.jcsa{ justify-content: space-around; }
.vab{ vertical-align: bottom; }
.pa{ position: absolute; }
.pr{ position: relative; }
.pf{ position: fixed; }
.ps{ position: sticky }
.ov{ overflow: visible; }
.oh{ overflow: hidden; }
.oa{ overflow: auto; }

.f1{ flex: 1; }
.f2{ flex: 2; }

.white{ color: #FFFFFF; }
.black{ color: #000000; }
.gray{ color: gray; }
/* less than black */
.c333{ color: #333333; }
/* less than gray */
.c999{ color: #999999; }
.eee{color: #EEEEEE;}
.blue{ color: #007BFF; }
/* login input nofocus */
.blueLess{ color: #7FA8FF}
/* delete */
.cDelete{ color: #E43D33; }
.cRedWovideos{ color: #E1351F; }

.bgF{ background-color: #FFFFFF; }
.bgE{background-color: #EEEEEE;}
.bgBlack{ background-color: #000000; }
/* delete */
.bgD{background-color: #E43D33;}
.bgBlue{ background-color: #007BFF; }
/* login input nofocus */
.bgBlueLess{ background-color: #7FA8FF; }
.bgBlueGradient{ background-image: linear-gradient(to right, #1966ED, #7166FE );}
/* less than f4f4f4 */
.bgGrayf7{ background-color: #F7F7F7; }
/* login */
.bgGrayf4{ background-color: #F4F4F4; }
.bgGrayea{ background-color: #EAEAEA; }
.bgnr{background-repeat: no-repeat;}
.bgsc{background-size: cover;}
.bgpc{background-position: center;}
.bgMask{ background:rgba(0,0,0,0.5); }

.bs10{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.bs20{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.bs30{ box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
.bsy5b10{ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.bsb2ea{ box-shadow:0 0 0 2px #EAEAEA; }

.fs12{ font-size: 12px; }
.fs14{ font-size: 14px; }
.fs15{ font-size: 15px; }
.fs16{ font-size: 16px; }
.fs18{ font-size: 18px; }
.fs20{ font-size: 20px; }
.fs22{ font-size: 22px; }
.fs24{ font-size: 24px; }
.fs26{ font-size: 26px; }
.fs28{ font-size: 28px; }
.fs30{ font-size: 30px; }
.fs35{ font-size: 35px; }
.fs38{ font-size: 38px; }
.fs40{ font-size: 40px; }

.wrap{flex-wrap: wrap;}
.nowrap{ white-space: nowrap; }
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}
.toe{text-overflow: ellipsis;}
.lineThrough{text-decoration-line:line-through;}
.weight{ font-weight: 700; }
.lh22{ line-height: 22px; }

.bn{ border: none; }
.bb1{ border-bottom: 1px solid #EEEEEE; }
.bb2Blue{ border-bottom: 2px solid #007BFF; }
.bb2t{ border-bottom: 2px solid transparent; }
.border{ border: 1px solid #EEEEEE; }
.borderBlue{ border: 1px solid #007BFF; }
.borderF3{ border: 3px solid #FFFFFF; }
.borderCC{ border-collapse: collapse; }

.br2{ border-radius: 2px; }
.br5{ border-radius: 5px; }
.br8{ border-radius: 8px; }
.br10{ border-radius: 10px; }
.br15{ border-radius: 15px; }
.br20{ border-radius: 20px; }
.br30{ border-radius: 30px; }
.br35{ border-radius: 35px; }
.br40{ border-radius: 40px; }
.br50100{ border-radius: 50%; }
.br100100{ border-radius: 100%; }

.btlr5{ border-top-left-radius: 5px; }
.btlr10{ border-top-left-radius: 10px; }
.btlr15{ border-top-left-radius: 15px; }
.btlr20{ border-top-left-radius: 20px; }
.btlr30{ border-top-left-radius: 30px; }

.btrr5{ border-top-right-radius: 5px; }
.btrr10{ border-top-right-radius: 10px; }
.btrr15{ border-top-right-radius: 15px; }
.btrr20{ border-top-right-radius: 20px; }
.btrr30{ border-top-right-radius: 30px; }

.bblr5{ border-bottom-left-radius: 5px; }
.bblr10{ border-bottom-left-radius: 10px; }
.bblr15{ border-bottom-left-radius: 15px; }
.bblr20{ border-bottom-left-radius: 20px; }
.bblr30{ border-bottom-left-radius: 30px; }

.bbrr5{ border-bottom-right-radius: 5px; }
.bbrr10{ border-bottom-right-radius: 10px; }
.bbrr15{ border-bottom-right-radius: 15px; }
.bbrr20{ border-bottom-right-radius: 20px; }
.bbrr30{ border-bottom-right-radius: 30px; }

.w1{ width: 1px; }
.w5{ width: 5px; }
.w20{ width: 20px; }
.w25{ width: 25px; }
.w30{ width: 30px; }
.w35{ width: 35px; }
.w40{ width: 40px; }
.w50{ width: 50px; }
.w55{ width: 55px; }
.w60{ width: 60px; }
.w70{ width: 70px; }
.w80{ width: 80px; }
.w90{ width: 90px; }
.w100{ width: 100px; }
.w120{ width: 120px; }
.w130{ width: 130px; }
.w150{ width: 150px; }
.w200{ width: 200px; }
.w220{ width: 220px; }
.w300{ width: 300px; }
.w320{ width: 320px; }
.w350{ width: 350px; }
.w400{ width: 400px; }
.w500{ width: 500px; }
.w560{ width: 560px; }
.w580{ width: 580px; }
.w590{ width: 590px; }
.w600{ width: 600px; }
.w800{ width: 800px; }
.w50100{ width: 50% }
.w100100{ width: 100%; }
.w100vw{ width: 100vw; }

.miw120{ min-width: 120px; }
.miw240{ min-width: 240px; }
.miw800{ min-width: 800px; }
.maw200{ max-width: 200px; }
.maw800{ max-width: 800px; }
.maw1200{ max-width: 1200px; }
.maw1920{ max-width: 1920px; }
.maw90vw{ max-width: 90vw; }

.h10{ height: 10px; }
.h20{ height: 20px; }
.h25{ height: 25px; }
.h30{ height: 30px; }
.h35{ height: 35px; }
.h40{ height: 40px; }
.h45{ height: 45px; }
.h50{ height: 50px; }
.h55{ height: 55px; }
.h60{ height: 60px; }
.h70{ height: 70px; }
.h80{ height: 80px; }
.h90{ height: 90px; }
.h100{ height: 100px; }
.h120{ height: 120px; }
.h130{ height: 130px; }
.h150{ height: 150px; }
.h180{ height: 180px; }
.h200{ height: 200px; }
.h230{ height: 230px; }
.h290{ height: 290px; }
.h300{ height: 300px; }
.h400{ height: 400px; }
.h500{ height: 500px; }
.h550{ height: 550px; }
.h600{ height: 600px; }
.h100100{ height: 100%; }
.h100vh{ height: 100vh; }

.mah180{ max-height: 180px; }

.ml2{ margin-left: 2px; }
.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }

.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }

.mx5{ margin-left: 5px; margin-right: 5px; }
.mx10{ margin-left: 10px; margin-right: 10px; }
.mx20{ margin-left: 20px; margin-right: 20px; }
.mx30{ margin-left: 30px; margin-right: 30px; }
.mx40{ margin-left: 40px; margin-right: 40px; }
.mx50{ margin-left: 50px; margin-right: 50px; }
.mx60{ margin-left: 60px; margin-right: 60px; }
.mxa{ margin-left: auto; margin-right: auto; }

.mt5{ margin-top: 5px; }
.mt8{ margin-top: 8px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }

.my5{ margin-top: 5px; margin-bottom: 5px; }
.my10{ margin-top: 10px; margin-bottom: 10px; }
.my20{ margin-top: 20px; margin-bottom: 20px; }
.my30{ margin-top: 30px; margin-bottom: 30px; }
.my40{ margin-top: 40px; margin-bottom: 40px; }
.my50{ margin-top: 50px; margin-bottom: 50px; }
.my60{ margin-top: 60px; margin-bottom: 60px; }
.my200{ margin-top: 200px; margin-bottom: 200px; }

.m0{ margin: 0; }
.m5{ margin: 5px; }
.m10{ margin: 10px; }
.m15{ margin: 15px; }
.m20{ margin: 20px; }
.m30{ margin: 30px; }

.pl10{ padding-left: 10px; }
.pl20{ padding-left: 20px; }
.pl30{ padding-left: 30px; }
.pl40{ padding-left: 40px; }
.pl50{ padding-left: 50px; }
.pl60{ padding-left: 60px; }

.pr10{ padding-right: 10px; }
.pr20{ padding-right: 20px; }
.pr30{ padding-right: 30px; }
.pr40{ padding-right: 40px; }
.pr50{ padding-right: 50px; }
.pr60{ padding-right: 60px; }

.px5{ padding-left: 5px; padding-right: 5px; }
.px8{ padding-left: 8px; padding-right: 8px; }
.px10{ padding-left: 10px; padding-right: 10px; }
.px15{ padding-left: 15px; padding-right: 15px; }
.px20{ padding-left: 20px; padding-right: 20px; }
.px30{ padding-left: 30px; padding-right: 30px; }
.px40{ padding-left: 40px; padding-right: 40px; }
.px50{ padding-left: 50px; padding-right: 50px; }

.pt5{ padding-top: 5px; }
.pt8{ padding-top: 8px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt30{ padding-top: 30px; }
.pt40{ padding-top: 40px; }
.pt50{ padding-top: 50px; }
.pt60{ padding-top: 60px; }

.pb5{ padding-bottom: 5px; }
.pb8{ padding-bottom: 8px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb30{ padding-bottom: 30px; }
.pb40{ padding-bottom: 40px; }
.pb50{ padding-bottom: 50px; }
.pb60{ padding-bottom: 60px; }

.py2{ padding-top: 2px; padding-bottom: 2px; }
.py3{ padding-top: 3px; padding-bottom: 3px; }
.py5{ padding-top: 5px; padding-bottom: 5px; }
.py8{ padding-top: 8px; padding-bottom: 8px; }
.py10{ padding-top: 10px; padding-bottom: 10px; }
.py15{ padding-top: 15px; padding-bottom: 15px; }
.py20{ padding-top: 20px; padding-bottom: 20px; }
.py30{ padding-top: 30px; padding-bottom: 30px; }
.py40{ padding-top: 40px; padding-bottom: 40px; }
.py50{ padding-top: 50px; padding-bottom: 50px; }

.p0{ padding: 0; }
.p5{ padding: 5px; }
.p8{ padding: 8px; }
.p10{ padding: 10px; }
.p15{ padding: 15px; }
.p20{ padding: 20px; }
.p30{ padding: 30px; }

.t0{ top: 0; }
.t5{ top: 5px; }
.t8{ top: 8px; }
.t10{ top: 10px; }
.t20{ top: 20px; }
.t30{ top: 30px; }
.t40{ top: 40px; }
.t45{ top: 45px; }
.t50{ top: 50px; }
.t55{ top: 55px; }
.t60{ top: 60px; }
.t100{ top: 100px; }
.t115{ top: 115px; }
.t200{ top: 200px; }
.t230{ top: 230px; }
.t290{ top: 290px; }
.t50100{ top: 50%; }
.t100100{ top: 100%; }


.b0{ bottom: 0; }
.b5{ bottom: 5px; }
.b8{ bottom: 8px; }
.b10{ bottom: 10px; }
.b20{ bottom: 20px; }
.b30{ bottom: 30px; }
.b40{ bottom: 40px; }
.b50{ bottom: 50px; }
.b60{ bottom: 60px; }

.l0{ left: 0; }
.l1{ left: 1px; }
.l5{ left: 5px; }
.l8{ left: 8px; }
.l10{ left: 10px; }
.l20{ left: 20px; }
.l30{ left: 30px; }
.l40{ left: 40px; }
.l50{ left: 50px; }
.l60{ left: 60px; }
.l50100{ left: 50%; }

.r0{ right: 0; }
.r1{ right: 1px; }
.r5{ right: 5px; }
.r8{ right: 8px; }
.r10{ right: 10px; }
.r20{ right: 20px; }
.r30{ right: 30px; }
.r40{ right: 40px; }
.r50{ right: 50px; }
.r60{ right: 60px; }
.r50100{ right: 50%; }

.z-1{ z-index: -1; }
.z0{ z-index: 0; }
.z1{ z-index: 1; }
.z98{ z-index: 98; }
.z99{ z-index: 99; }
.z100{ z-index: 100; }
.z101{ z-index: 101; }

/* other */
.iconfont{ font-family: "iconfont"; }
.lsn{ list-style: none; }
.lstn{ list-style-type: none; }
.tdn{ text-decoration: none; }
.t03{ transition: all 0.3s ease; }
.pointer{ cursor: pointer; }
.op07{opacity: 0.7;}
.op09{opacity: 0.9;}
.ofc{ object-fit: cover; }
.rotate180{ transform: rotate(180deg); }
.oln{ outline:none; }
.tx-50{ transform: translateX(-50%); }
.ty-50{ transform: translateY(-50%); }
.bsbb{ box-sizing:border-box; }

/* hover */
.hoverFs18:hover{ font-size: 18px; }
.link:hover{ color: #007BFF; }
.hoverWhite:hover{ color: #FFFFFF; }
/* login button hover */
.hoverFromBgF:hover{ background-color: rgba(0, 86, 179, 0.1); }
/* login hover */
.hoverBgea:hover{ background-color: #EAEAEA; }
/* register button hover */
.hoverBg0056b3:hover{ background-color: #0056b3; }
/* delete */
.hoverBgD:hover{ background-color: #E43D33; }
.hoverOp1:hover{ opacity: 1; }
.hoverBRTL10:hover{ border-top-left-radius: 10px; }
.hoverBRTR10:hover{ border-top-right-radius: 10px; }
.hoverBRBL10:hover{ border-bottom-left-radius: 10px; }
.hoverBRBR10:hover{ border-bottom-right-radius: 10px; }
.hoverBRTop10:hover{ border-top-left-radius: 10px; border-top-right-radius: 10px; }
.hoverBRBottom10:hover{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.hoverBgBlueGradient:hover{ background-image: linear-gradient(to right, #1552C4, #5E41FB); }