@CHARSET "UTF-8";

html,body{
    width: 100%;
    margin: 0;padding: 0;
    overflow-y: auto;
}

/*通用*/
a,a:hover{text-decoration: none;}

/*占位*/
.mt0    {margin-top: 0;}
.mt10   {margin-top: 10px;}
.mt20   {margin-top: 20px;}
.mt30   {margin-top: 30px;}
.mt40   {margin-top: 40px;}
.mt50   {margin-top: 50px;}
.mt60   {margin-top: 60px;}
.mt70   {margin-top: 70px;}
.mt80   {margin-top: 80px;}
.mt90   {margin-top: 90px;}

.mb0    {margin-bottom: 0;}
.mb10   {margin-bottom: 10px;}
.mb20   {margin-bottom: 20px;}
.mb30   {margin-bottom: 30px;}
.mb40   {margin-bottom: 40px;}
.mb50   {margin-bottom: 50px;}
.mb60   {margin-bottom: 60px;}
.mb70   {margin-bottom: 70px;}
.mb80   {margin-bottom: 80px;}
.mb90   {margin-bottom: 90px;}

.ml0    {margin-left: 0;}
.ml10   {margin-left: 10px;}
.ml20   {margin-left: 20px;}
.ml30   {margin-left: 30px;}
.ml40   {margin-left: 40px;}
.ml50   {margin-left: 50px;}
.ml60   {margin-left: 60px;}
.ml70   {margin-left: 70px;}
.ml80   {margin-left: 80px;}
.ml90   {margin-left: 90px;}

.mr0    {margin-right: 0;}
.mr10   {margin-right: 10px;}
.mr20   {margin-right: 20px;}
.mr30   {margin-right: 30px;}
.mr40   {margin-right: 40px;}
.mr50   {margin-right: 50px;}
.mr60   {margin-right: 60px;}
.mr70   {margin-right: 70px;}
.mr80   {margin-right: 80px;}
.mr90   {margin-right: 90px;}

.pt0    {padding-top: 0;}
.pt10   {padding-top: 10px;}
.pt20   {padding-top: 20px;}
.pt30   {padding-top: 30px;}
.pt40   {padding-top: 40px;}
.pt50   {padding-top: 50px;}
.pt60   {padding-top: 60px;}
.pt70   {padding-top: 70px;}
.pt80   {padding-top: 80px;}
.pt90   {padding-top: 90px;}

.pb0    {padding-bottom: 0;}
.pb10   {padding-bottom: 10px;}
.pb20   {padding-bottom: 20px;}
.pb30   {padding-bottom: 30px;}
.pb40   {padding-bottom: 40px;}
.pb50   {padding-bottom: 50px;}
.pb60   {padding-bottom: 60px;}
.pb70   {padding-bottom: 70px;}
.pb80   {padding-bottom: 80px;}
.pb90   {padding-bottom: 90px;}

.pl0    {padding-left: 0;}
.pl10   {padding-left: 10px;}
.pl20   {padding-left: 20px;}
.pl30   {padding-left: 30px;}
.pl40   {padding-left: 40px;}
.pl50   {padding-left: 50px;}
.pl60   {padding-left: 60px;}
.pl70   {padding-left: 70px;}
.pl80   {padding-left: 80px;}
.pl90   {padding-left: 90px;}

.pr0    {padding-right: 0;}
.pr10   {padding-right: 10px;}
.pr20   {padding-right: 20px;}
.pr30   {padding-right: 30px;}
.pr40   {padding-right: 40px;}
.pr50   {padding-right: 50px;}
.pr60   {padding-right: 60px;}
.pr70   {padding-right: 70px;}
.pr80   {padding-right: 80px;}
.pr90   {padding-right: 90px;}


.w10    {width: 10%;}
.w20    {width: 20%;}
.w30    {width: 30%;}
.w40    {width: 40%;}
.w50    {width: 50%;}
.w60    {width: 60%;}
.w70    {width: 70%;}
.w80    {width: 80%;}
.w90    {width: 90%;}
.w100   {width: 100%;}

/*字体颜色*/
.grey           {color: #CCCCCC;}
.grey-dp1       {color: #999999;}
.grey-dp2       {color: #666666;}
.red            {color: #E04240;}
.green          {color: #42AB42;}
.green-dp1      {color: #D9F8F2;}
.green-dp2      {color: #1BBC9D;}
.blue           {color: #007AFF;}
.blue-dp1       {color: #00558E;}
.orange         {color: #FFB500;}
.pink           {color: #FBA6B1;}
.purple         {color: #D83C90;}
.brown          {color: #7E7925;}
.white          {color: #FFFFFF;}
.white-shadow   {color: #FFFFFF;text-shadow: 0 0 1rem #FFFFFF;}

/*字体大小*/
.fs-tiny    {   font-size: 12px;  }
.fs-small   {   font-size: 14px;  }
.fs-middle  {   font-size: 18px;  }
.fs-large   {   font-size: 22px;  }
.bold       {   font-weight: bold;}

/*特殊固定样式*/
.dn{ display: none; }
.clear{ clear: both; }
.border0{ border: 0; }
.inline-block{ display: inline-block; }
.nowrap{ white-space: nowrap; }
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fl{float: left;}
.fr{float: right;}
.txt-align-l{text-align: left;}
.txt-align-r{text-align: right;}
.txt-align-c{text-align: center;}


/*指针*/
.csPointer  { cursor: pointer; }
.csDefault  { cursor: default; }
.csNotAllow { cursor: not-allowed; }

/*图片*/
.showImageBox{overflow: hidden;}
.showImage{width: 100%;vertical-align: middle;}
.showImage.disable{opacity: 0.1;}

/*highcharts*/
.highcharts-container *{
    transition:         background 0s,opacity 0s,top 0s,border 0s;
    -moz-transition:    background 0s,opacity 0s,top 0s,border 0s;
    -webkit-transition: background 0s,opacity 0s,top 0s,border 0s;
    -o-transition:      background 0s,opacity 0s,top 0s,border 0s;
}

/*paginator*/
.paginator-minisize{
    position: fixed;
    width: 40%;
    left:30%;bottom: 5rem;
    color: #fff;
    background: #272727;
    font-size: 1.3rem;
    opacity: 0.5;
    z-index: 999;
    border-radius: 8px;
}
.paginator-minisize .pageItem{
    float: left;
    line-height: 2.5rem;
    text-align: center;
}
.paginator-minisize .pageItem.w40{
    width: 40%;
    color: #999;
}
.paginator-minisize .pageItem.w25{
    width: 25%;
}
.paginator-minisize .pageItem.w10{
    width: 10%;
}
.paginator-minisize .pageItem.tag{
    color: #666;
}