@charset "utf-8";
body, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, input, tr, td, th, form{ margin: 0; padding: 0; }
body { font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.5; color: #333333;}
html{ width: 100%;}
img { border: none; vertical-align: middle; display: block;}
ul,li { list-style: none; }
a { color: inherit; text-decoration: none; }
input[type="text"], input[type="email"], input[type="submit"], input[type="tel"], input[type="password"], textarea, select { font-family: inherit; font-size: 100%; margin: 0; border-radius: 0; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button, input { line-height: normal;}
textarea { resize: none; }
input:focus, textarea:focus { outline: none; }

/*弹出窗口提示*/
.alert-mask{ position: fixed; left: 50%; top: -200px; width: 300px; background: #fff; z-index: 1000; box-sizing: border-box;   margin-left: -150px;transition: top 1s;
    -moz-transition: top 1s;	/* Firefox 4 */
    -webkit-transition: top 1s;	/* Safari 和 Chrome */
    -o-transition: top 1s;	/* Opera */
    border-radius: 3px; border: 1px solid #9ACD32; overflow: hidden;}
.open-alert .alert-mask{ top: 0;}
.alert-mask-wrap{ position: relative;}

.alert-mask-top{ margin: 0 10px; line-height: 50px; color: #9ACD32; font-weight: bold; font-size: 20px; box-sizing: border-box; padding-left: 20px; border-bottom: 1px solid #9ACD32;}
.alert-mask .alert-btn{ box-sizing: border-box; padding: 0 10px; min-width: 60px; text-align: center; line-height: 30px; color: #fff; background: #9ACD32; border-radius: 5px; cursor: pointer;  display: inline-block; position: absolute; right: 5px; bottom:5px;}
.alert-mask-top .icon{ width: 27px; height: 27px; display: inline-block; vertical-align: middle; background: url("../img/delivery/icon-yes.png") no-repeat 0 center; background-size: 27px; margin-right: 10px;}
.alert-mask-tip{width: 80%; background: #fff; box-sizing: border-box; padding: 20px;}
.alert-mask-bottom{ text-align: right; padding-top: 10px;}

.alert-mask.error{border: 1px solid #C20000;}
.alert-mask.error .alert-mask-top{color: #C20000;border-bottom: 1px solid #C20000;}
.alert-mask.error .alert-mask-top .icon{ background: url("../img/delivery/icon-no.png") no-repeat 0 center; background-size: 27px;}
.alert-mask.error .alert-btn{background: #C20000;}

/* Reset */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ zoom: 1; /* for IE6 IE7 */ }
.clear { clear: both; display: block; overflow: hidden }
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;}
.tc { text-align: center; }
.tr { text-align: right; }
.fl { float: left; padding-right: 8px;}
.fr { float: right; }
.rel { position: relative; }
.f12 { font-size: 12px; }
.mb10 { margin-bottom: 10px; }
.mb10 .delete{ cursor: pointer; color: #ff00ff; }
.mb20 { margin-bottom: 20px; }
.m10 { margin: 10px 10px 0; }
.pb10 { padding-bottom: 10px; }
.pl20 { padding-left: 20px; }
.pl10 { padding-left: 10px; }
.f13{ font-size: 13px;}
.mb32{margin-bottom: 32px;}
.hidden{ display: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}
.view{width:100%;height:100%;background:url("../../img/bi/new/pageBg.png") no-repeat  center,#0a0e34;background-size: contain;padding-bottom: 30px}
.pageTitle{width:100%;height:80px;text-align:center;background: url("../../img/bi/new/pageTitleBg.png") no-repeat  center 0,#0A0E34;color:#00FFFF;font-size:36px;font-weight:bold;margin-bottom: 32px;}
.biCon{padding: 0 581px 0 507px;width: 100%;box-sizing: border-box;position: relative;color: #fff;}
.biCon-left{width: 458px;position: absolute;left: 20px;top: 0;}
.biCon-right{width: 531px;position: absolute;right: 20px;top: 0;}
.todayDiv{height: 341px;}
.borderBox{
    background: rgba(10,14,52,0.20);
    border: 2px solid;
    border-image: linear-gradient(135deg, #0071f8, #2dc0ff 17%, #2195ff 42%, #96d7fb 60%, #2ea7ff 78%, #0073f3) 2 2;
    border-radius: 6px;
    box-shadow: 0px 0px 30px 0px rgba(0,163,255,0.50) inset;
    width: 100%;
    position: relative;
    opacity: 1;
    box-sizing: border-box;
}
.listDiv{height: 626px;}
.mapDiv{width: 100%;height: 622px;}
.trendDiv{height: 346px;}
.platDiv{height: 281px;}
.scoreDiv{height: 308px;}
.saleDiv{height: 346px;}
.divTitle{font-size: 18px;line-height: 25px;margin-bottom:7px;}
.divWrap{padding: 20px;height: 100%;box-sizing: border-box}
.divTitle .icon{display: inline-block;vertical-align: middle;}
.divTitle .icon.left{margin-right: 7px}
.divTitle .icon.right{margin-left: 7px}
.todayList{margin-bottom: 30px;margin-top: 20px;}
.todayList-item{float: left;width: 130px;height: 120px;background:url("../../img/bi/new/circleBg.png") no-repeat  center top;box-sizing: border-box;text-align: center;padding-top: 33px;margin-right: 12px;}
.todayList-item .num{font-size: 24px;color: #00FFF6;font-weight: bold;line-height: 31px;}
.todayList-item .unit{font-size: 18px;color: #00FFF6;line-height: 25px;margin-bottom: 6px;}
.todayList-item .type{font-size: 18px;line-height: 34px;}
.todayList-item:nth-child(3n+3){margin-right: 0;}
.todayList2-item{width: 50%;float: left;box-sizing: border-box;padding-left:20px;}
.todayList2-item .title{font-size: 16px;line-height: 22px;margin-bottom: 8px;}
.todayList2-item .num{font-size: 32px;line-height: 42px;color: #00FFF6;position: relative;margin-bottom: 4px;}
.todayList2-item.data-down .num{color: #00FFF6}
.todayList2-item.data-down .num:after{content: '';width: 24px;height: 24px;display: inline-block;vertical-align: middle;background:url("../../img/bi/new/iconDown.png") no-repeat  center;background-size: 24px auto;}
.todayList2-item.data-up .num{color: #FF27E0}
.todayList2-item.data-up .num:after{content: '';width: 24px;height: 24px;display: inline-block;vertical-align: middle;background:url("../../img/bi/new/iconUp.png") no-repeat  center;background-size: 24px auto;}
.todayList2-item .old{font-size: 12px;color: #C1C1C1;line-height: 14px;}

.chartsItem{height: calc(100% - 25px);width: 100%;}

.table{width: 100%;border:1px solid #00D1FF;}
.tableList{}
.tableRow{width: 100%;display: flex;text-align: right;font-size: 14px;line-height: 38px;box-sizing: border-box;padding: 0 10px;color: #00FFF6;height: 38px;}
.tableRow.title{font-size: 16px;line-height: 22px;padding-top: 15px;padding-bottom: 7px;background: rgba(14,143,237,0.35);font-weight: bold;height: 44px;}
.tableRow .item1{width: calc(100% - 240px);text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tableRow .item2{width: 100px}
.tableRow .item3{width: 100px}
.tableRow .item4{width:60px;font-weight: bold;}

.menuBox{float: right;font-size: 12px;color: #00D1FF}

.menuBox .icon{width: 16px;height: 16px;display: inline-block;vertical-align:middle;margin-left: 5px}
.changeBtn{float: right;width: 30px;height: 30px;display: block;padding: 5px;box-sizing: border-box;margin-left: 5px;margin-top: -2px;}
.borderUp{width: 20px;height: 20px;position: absolute;left: -4px;top: -4px;border-top:6px solid #00D1FF;border-left: 6px solid #00D1FF;border-radius:8px 0 0 0;}
.borderRight{width: 20px;height: 20px;position: absolute;right: -4px;top: -4px;border-top:6px solid #00D1FF;border-right: 6px solid #00D1FF;border-radius:0 8px 0 0;}
.borderDown{width: 20px;height: 20px;position: absolute;right: -4px;bottom: -4px;border-bottom:6px solid #00D1FF;border-right: 6px solid #00D1FF;border-radius:0 0 8px 0;}
.borderLeft{width: 20px;height: 20px;position: absolute;left: -4px;bottom: -4px;border-bottom:6px solid #00D1FF;border-left: 6px solid #00D1FF;border-radius: 0 0 0 8px;}

.tabBox{position: absolute;right: 60px;top: 20px;font-size: 12px;color: #B0B0B0;line-height: 22px;text-align: center;width: 180px;box-sizing: border-box;display: flex;border-radius: 3px;overflow: hidden;z-index: 1}
.tabBox-item{width: 60px;border: 1px solid #2A72FF;cursor: pointer;}
.tabBox-item.on{color: #fff;background: #2A72FF;}