.tc     {text-align: center;}
.tl     {text-align: left;}
.tr     {text-align: right;}
.tj     {text-align: justify;}
.fl     {float:left;}
.fr     {float:right;}
.pa     {position: absolute;}
.pf     {position: fixed;}
.pr     {position: relative;}
.t0     {top:0;}
.t-10	{top:-10px;}
.t-14	{top:-14px;}
.t-18	{top:-18px;}
.t5p    {top:50%;}
.r0     {right:0;}
.b0     {bottom:0;}
.b36    {bottom:36px;}
.l0     {left:0;}
.l50p,.l5p   {left:50%;}
.t1		{text-indent: 1em}
.t2		{text-indent: 2em}
.udl    {text-decoration: underline;}

.clear:after  {display: block;content:'';clear: both;}
.vm     {vertical-align: middle;}
.vt		{vertical-align: top;}
.w      {width:100%;}
.w2p	{width:20%;}
.w25p	{width:25%;}
.w3p	{width:30%;}
.w300   {width:300px;}
.w33p	{width:33.3333%;}
.w4p	{width:40%;}
.w45p	{width:45%;}
.w48p	{width: 48%;}
.w5p    {width:50%;}
.w6p	{width:60%;}
.w7p	{width:70%;}
.w8p    {width:80%;}
.w9p    {width: 90%;}
.w95p	{width:95%;}
.w96p	{width:96%;}
.w97p	{width:97%;}
.w98p	{width:98%;}
.w99p   {width: 99%;}
.h      {height:100%;}
.hi		{height:inherit;}

.w6     {width: 6px;}
.w10    {width: 10px;}
.w16    {width: 16px;}
.w24    {width: 24px;}
.w26    {width: 26px;}
.w27    {width: 27px;}
.w28    {width: 28px;}
.w32    {width: 32px;}
.w36    {width: 36px;}
.w48    {width: 48px;}
.w50    {width: 50px;}
.w60    {width: 60px;}
.w70    {width: 70px;}
.w80    {width: 80px;}
.w90    {width: 90px;}
.w100   {width:100px;}
.w110   {width:110px;}
.w120	{width: 120px;}
.w130	{width: 130px;}
.w140	{width: 140px;}
.w150	{width: 150px;}
.w160   {width: 160px;}
.w170	{width: 170px;}
.w180   {width: 180px;}
.w190	{width: 190px;}
.w200   {width: 200px;}
.w220   {width: 220px;}
.w230   {width: 230px;}
.w240   {width: 240px;}
.w250   {width: 250px;}
.w260   {width: 260px;}
.w270   {width: 270px;}
.w280   {width: 280px;}
.w290   {width: 290px;}
.w300   {width: 300px;}
.w310   {width: 310px;}
.w320   {width: 320px;}
.w330   {width: 330px;}
.w340   {width: 340px;}
.w350   {width: 350px;}
.w360   {width: 360px;}
.w400   {width: 400px;}
.w420   {width: 420px;}
.w440   {width: 440px;}
.w460	{width: 460px;}
.w600   {width:600px;}
.w700   {width:700px;}
.w720   {width:720px;}
.w750   {width:750px;}
.w760   {width:760px;}
.w780   {width:780px;}
.w790   {width:790px;}
.w800   {width:800px;}
.w860   {width:860px;}
.w890   {width: 890px;}
.w900   {width:900px;}
.w936   {width:936px;}
.w960   {width:960px;}
.w980   {width:980px;}
.w1080  {width:1080px;}
.w1280  {width:1280px;}
.w1366  {width:1366px;}
.w1440  {width:1440px;}
.w1920  {width:1920px;}
.h0     {height:0px;}
.h1     {height:1px;}
.h2     {height:2px;}
.h6     {height: 6px;}
.h10 	{height: 10px;}
.h12    {height: 12px;}
.h16    {height: 16px;}
.h20    {height: 20px;}
.h24    {height: 24px;}
.h26    {height: 26px;}
.h27    {height: 27px;}
.h28    {height: 28px;}
.h30    {height: 30px;}
.h32    {height: 32px;}
.h34	{height: 34px;}
.h36    {height: 36px;}
.h40    {height: 40px;}
.h42    {height: 42px;}
.h48    {height: 48px;}
.h60    {height: 60px;}
.h70	{height: 70px;}
.h80    {height: 80px;}
.h90    {height: 90px;}
.h100   {height: 100px;}
.h120	{height: 120px;}
.h150	{height: 150px;}
.h160   {height: 160px;}
.h200   {height: 200px;}
.h220   {height: 220px;}
.h230   {height: 230px;}
.h240   {height: 240px;}
.h250   {height: 250px;}
.h260   {height: 260px;}
.h270   {height: 270px;}
.h280   {height: 280px;}
.h290   {height: 290px;}
.h300   {height: 300px;}
.h320   {height: 320px;}
.h360   {height: 360px;}
.h420   {height: 420px;}
.h720   {height: 720px;}
.h760   {height: 760px;}
.h780   {height: 780px;}
.h790   {height: 790px;}
.h860   {height: 860px;}
.h890   {height: 890px;}
.h960   {height: 960px;}
.h1080  {height: 1080px;}
.h1280  {height: 1280px;}
.h1366  {height: 1366px;}
.h1920  {height: 1920px;}
.max-w100 {max-width: 100px;}
.max-w1080{max-width:1080px;}
.max-w1920{max-width:1920px;}
.min-w1080{min-width:1080px;}
.min-h360 {min-height:360px;}
.min-h420 {min-height:420px;}
.min-h560 {min-height:560px;}
.min-h600 {min-height:600px;}
.min-h660 {min-height:660px;}
.max-h720 {max-height:720px;}
.max-h1080{max-height:1080px;}
.lh16   {line-height: 16px;}
.lh20   {line-height: 20px;}
.lh24   {line-height: 24px;}
.lh26   {line-height: 26px;}
.lh27   {line-height: 27px;}
.lh28   {line-height: 28px;}
.lh30   {line-height: 30px;}
.lh32   {line-height: 32px;}
.lh34	{line-height: 34px;}
.lh36   {line-height: 36px;}
.lh40   {line-height: 40px;}
.lh42   {line-height: 42px;}
.lh44	{line-height: 44px;}
.lh48   {line-height: 48px;}
.lh60   {line-height: 60px;}
.lh70   {line-height: 70px;}
.lh120	{line-height: 120px;}
.lh360	{line-height: 360px;}
.lh		{line-height: 100%}

.mr-10  {margin-right:-10px;}
.mt-10  {margin-top:-10px;}
.ml-5p  {margin-left:-50%;}
.mt-5p  {margin-top:-50%;}
.ml45p  {margin-left:45%;}
.ma     {margin:0 auto;}
.m0     {margin:0px;}
.m3     {margin:3px;}
.m6     {margin:6px;}
.m6l    {margin-left: 6px;}
.m6r    {margin-right: 6px;}
.m6t    {margin-top:6px;}
.m6b    {margin-bottom:6px;}

.m12   {margin:12px;}
.m12l  {margin-left: 12px;}
.m12r  {margin-right: 12px;}
.m12t  {margin-top:12px;}
.m12b  {margin-bottom:12px;}

.m16   {margin:16px;}
.m16l  {margin-left: 16px;}
.m16r  {margin-right: 16px;}
.m16t  {margin-top:16px;}
.m16b  {margin-bottom:16px;}

.m24   {margin:24px;}
.m24l  {margin-left: 24px;}
.m24r  {margin-right: 24px;}
.m24t  {margin-top:24px;}
.m24b  {margin-bottom:24px;}

.m60l	{margin-left: 60px;}
.m60r	{margin-right: 60px;}

.m200t   {margin-top: 200px;}

.pd0    {padding:0px;}
.pd3 {padding:3px;}
.pd6    {padding:6px;}
.pd6l   {padding-left: 6px;}
.pd6r   {padding-right: 6px;}
.pd6t   {padding-top: 6px;}
.pd6b   {padding-bottom: 6px;}

.pd12   {padding:12px;}
.pd12l  {padding-left: 12px;}
.pd12r  {padding-right: 12px;}
.pd12t  {padding-top:12px;}
.pd12b  {padding-bottom:12px;}

.pd16   {padding:16px;}
.pd16l  {padding-left: 16px;}
.pd16r  {padding-right: 16px;}
.pd16t  {padding-top:16px;}
.pd16b  {padding-bottom:16px;}

.pd24   {padding:24px;}
.pd24l  {padding-left: 24px;}
.pd24r  {padding-right: 24px;}
.pd24t  {padding-top:24px;}
.pd24b  {padding-bottom:24px;}

.pd48b  {padding-bottom: 58px;}
.fs0    {font-size: 0px;}
.fs6    {font-size: 6px;}
.fs8    {font-size: 8px;}
.fs10   {font-size: 10px;}
.fs12   {font-size: 12px;}
.fs13   {font-size: 13px;}
.fs14   {font-size: 14px;}
.fs15   {font-size: 15px;}
.fs16   {font-size: 16px;}
.fs18   {font-size: 18px;}
.fs22   {font-size: 22px;}
.fs26   {font-size: 26px;}
.fs40   {font-size: 40px;}
.fs60   {font-size: 60px;}

/*.bg-orange  {background-color: #f2711c;}*/
.bg-gray    {background-color: #DDD;}
.bg-white   {background-color: #FFF;}
.bg-dark    {background-color: #111;}
.bg-light   {background: rgba(255,255,255,0.1);}
.bg-blue	{background-color: #2185d0;}
.bg-blue2   {background-color: #1e9fff;}
.bg-light2  {background-color: rgba(238,238,238,0.45)}
.bg-black{background-color: #000;}
.bg-green2 {background-color: #5fb878;}
/*.bg-lightblue{background-color: #ADD8E6;}*/
.bg-lime{background-color: #00FF00;}
.bg-magenta{background-color: #FF00FF;}
.bg-orange{background-color: #FFA500;}
.bg-brown{background-color: #A52A2A;}
.bg-skyblue{background-color:#6698FF;}
.bg-deepskyblue{background-color: #3BB9FF;}
.bg-lightskyblue{background-color: #82CAFA;}
.bg-butterflyblue{background-color: #38ACEC;}
.bg-babyblue{background-color: #95B9C7;}
.bg-lightblue{background-color: #e7f4ff;}
.bg-dayslategrey{background-color: #25383C;}
.bg-333		{background-color:#333;}
.bg-666		{background-color:#666;}
.bg-999		{background-color:#999;}
.bg-gray	{background-color:#808080;}
.bg-white	{background-color:#FFF;}
.bg-brown	{background-color:#A52A2A;}
.bg-red		{background-color:#FF0000;}
.bg-orange	{background-color:#FFA500;}
.bg-green	{background-color:#008000;}
.bg-dark 	{background-color: #303;}
.bg-black	{background-color: #000;}
.bg-ocean   {background-color: #2B65EC;}
.bg-night	{background-color: #0C090A;}
.bg-midnight	{background-color: #2B1B17;}
.bg-brown-sugar {background-color: #E2A76F;}
.bg-light2		{background-color: #D4D4D2;}
.bg-light3		{background-color: #EEEEEE;}
.bd-none    {border:none;}
.bd-b-gray  {border-bottom:solid 1px #DDD;}
.bd-t-gray  {border-top: solid 1px #DDD;}
.bd-l-gray  {border-left: solid 1px #DDD;}
.bd-r-gray  {border-right:solid 1px #DDD;}
.bd-gray {border:solid 1px #DDD;}
.bd-light   {border: solid 1px #EEE;}
.bd-blue    {border:solid 1px #2185d0;}
.bd-b-blue  {border-bottom:solid 1px #2185d0;}
.bd-t-blue  {border-top: solid 1px #2185d0;}
.bd-l-blue  {border-left: solid 1px #2185d0;}
.bd-r-blue  {border-right:solid 1px #2185d0;}
.bd-flag-blue {border-left:solid 6px #2185d0;}
.bd-t-orange {border-top: solid 1px #FFA500;}
.dashed-gray {border-top:dashed 1px #DDD;}

.bd-blue2    {border:solid 1px #2B65EC;}
.bd-t-blue2    {border-top:solid 1px #2B65EC;}
.bd-l-blue2    {border-left:solid 1px #2B65EC;}
.bd-r-blue2    {border-right:solid 1px #2B65EC;}
.bd-b-blue2    {border-bottom:solid 1px #2B65EC;}

.bd-maroon  {border:solid 1px #810541;}
.bd-b-maroon  {border-bottom:solid 1px #810541;}
.bd-t-maroon  {border-top:solid 1px #810541;}
.bd-l-maroon  {border-left:solid 1px #810541;}
.bd-r-maroon  {border-right:solid 1px #810541;}


.none {display: none;}
.inline-block {display: inline-block;}
.block {display: block;}
.pointer {cursor: pointer;}
.oa {overflow: auto;}
.oh {overflow: hidden;}
input.bd-none {border:none;text-indent: 0;padding-left:0;}
input.w8p {width:80%;}
@media (max-width:360px) {
    .xs-fs13,
    input.xs-fs13 {
        font-size:13px;
    }
}
.radius-3   {border-radius: 3px;}
.radius-6   {border-radius: 6px;}
.radius-top-3 {border-top-left-radius:3px;border-top-right-radius: 3px;}
.radius-left-3 {border-top-left-radius:3px;border-bottom-left-radius: 3px;}
.radius-right-3 {border-bottom-right-radius:3px;border-top-right-radius: 3px;}
.radius-bottom-3 {border-bottom-left-radius:3px;border-bottom-right-radius: 3px;}
.radius-top-6 {border-top-left-radius:6px;border-top-right-radius: 6px;}
.radius-left-6 {border-top-left-radius:6px;border-bottom-left-radius: 6px;}
.radius-right-6 {border-bottom-right-radius:6px;border-top-right-radius: 6px;}
.radius-bottom-6 {border-bottom-left-radius:6px;border-bottom-right-radius: 6px;}
.radius-tl-3 {border-top-left-radius:3px;}
.radius-tr-3 {border-top-right-radius: 3px;}
.radius-bl-3 {border-bottom-left-radius:3px;}
.radius-br-3 {border-bottom-right-radius: 3px;}
.radius-tl-6 {border-top-left-radius:6px;}
.radius-tr-6 {border-top-right-radius: 6px;}
.radius-bl-6 {border-bottom-left-radius:6px;}
.radius-br-6 {border-bottom-right-radius: 6px;}
.circle {
    border-radius: 50%;
}

.color-white{color: #FFF;}
.color-red  {color:#f00;}
.color-red2 {color: #FF5050;}
.color-orange	{color:#FFA500;}
.color-yellow	{color:#fbbd08;}
.color-olive	{color:#b5cc18;}
.color-green	{color:#21ba45;}
.color-teal		{color:#00b5ad;}
.color-blue		{color:#2185d0;}
.color-violet	{color:#6435c9;}
.color-purple	{color:#a333c8;}
.color-pink		{color:#e03997;}
.color-brown	{color:#a5673f;}
.color-grey		{color:#767676;}
.color-back		{color:#1b1c1d;}
.color-gray 	{color:#DDD;}
.color-dark 	{color:#111;}
.color-333		{color:#333;}
.color-555      {color:#555;}
.color-666		{color:#666;}
.color-888		{color:#888;}
.color-999		{color:#999;}
.color-aaa		{color:#AAA;}

.checkit.active {
    color: #F00;
}

.zindex-1   {z-index: 1;}
.zindex-2   {z-index: 2;}
.zindex-3   {z-index: 3;}
.zindex-10  {z-index: 10;}
.zindex-100 {z-index: 100;}
.zindex-101 {z-index: 101;}
.zindex-102 {z-index: 102;}
.zindex-103 {z-index: 103;}
.zindex-104 {z-index: 104;}
.zindex-105 {z-index: 105;}
.zindex-110 {z-index: 110;}
.zindex-111 {z-index: 111;}
.zindex-112 {z-index: 112;}
.zindex-113 {z-index: 113;}
.zindex-114 {z-index: 114;}
.zindex-115 {z-index: 115;}
.zindex-1001{z-index: 1001;}

.opacity-0 {
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
}

.img-cover{
    width:100%;
    height:100%;
    max-height: inherit;
    max-width:inherit;
    object-fit: cover;
}
.img-fit,
.img-contain{
    width:100%;
    height:100%;
    max-height: inherit;
    max-width:inherit;
    object-fit: contain;
}
.img-circle {
    width:100%;
    height:100%;
    max-height: inherit;
    max-width:inherit;
    border-radius: 50%;
}
.fb {
    font-weight: bold;
}
.fn,
.font-normal {
    font-weight: normal;;
}
.mobile-body-full {
    width:100%;
    height:100%;
    overflow: auto;
}

textarea.no-resize {
    resize:none;
}
/*******************************/
.bg-main {
    background-color: #456977;
}
.bg-secondary {
    /* background-color: #355A69; */
    background-color: #EEE;
}
.bg-important {
    background-color: #B6B6B4;
}
.bg-ocean   {background-color: #2B65EC;}


.max-h200 {max-height:200px;}
.max-h420 {max-height:420px;}
.max-h120 {max-height:120px;}
.max-h80 {max-height:80px;}
.min-w260{min-width:260px;}
.wa {width:auto;}
.max-w100p {max-width: 100%;}

.break {
    word-wrap: break-word;
    /*word-break: normal;*/
    word-break:break-all;
}
/*富文本内容限宽*/
.rt-ration * {
    max-width:100%;
}

.inline-block.none {
    display: none;
}