*{font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,'PingFang SC',sans-serif,PingFangSC-Semibold,'Microsoft YaHei';}
/* *{font-family:PingFang SC,PingFangSC-Semibold,'Microsoft YaHei';}*/
h2{ margin:0;}
/*工作台**/
.niche_index .wrapper.wrapper-content{ padding:10px;}
.niche_index_left{ width:182px; padding:0;background-color:#fff;box-shadow: 0 1px 2px 0 rgba(196,195,195,0.50); border-radius:4px; height:100%; float:left}
.index_left_com{ padding:0 0px 15px}
.index_left_com h2{box-shadow: 0 1px 2px 0 rgba(196,195,195,0.50); margin:0px 0 5px 0; padding:5px 15px; overflow:hidden; height:40px; line-height:30px; font-size:1.3rem; color:#333;font-weight:600;}
.index_left_com h2 i{padding-right:6px;}
.index_left_com ul{padding:0 15px 0px}
.index_left_com ul li{ overflow:hidden;line-height:40px; position:relative }
.index_left_com ul li img{ width:40px; height:40px; float: left; border-radius:50%; }
.index_left_com ul li span{ padding-left:15px;}
.index_left_com ul li a{ color:#666; display:block;border-radius:4px;padding:8px 0px 8px 20px;transition: all .5s; font-size:1.3rem}
.index_left_com ul li a:hover{background-color:#f3f4f9;animation:showBtn 0.5s 1;}
.index_left_com ul li .col-kjrk-xx{ left:48px;right: auto; top:2px}
.index_left_com ul li.index_li_last{ border-radius:4px; margin-top:10px;line-height:30px; display:none}
.index_left_com ul li.index_li_last .last_img{ float:left; width:30px; height:30px;  border-radius:50%;border:1px solid #d5d5d5; text-align:center;transition: all .5s;}
.index_left_com ul li.index_li_last a{color:#c5c5c5;border:1px dashed #d5d5d5;}
.index_left_com ul li.index_li_last a:hover{background-color:#fff;border:1px dashed #6a6cd9; color:#6a6cd9}
.index_left_com ul li.index_li_last a:hover .last_img{border:1px solid #6a6cd9;}

.sy-tj-3{width:30%; float:left}
.sy-tj-6{ width:40%;float:left}

.niche_index_right{ float:right; width:calc(100% - 182px);}
.index_zhong_com{ padding:0 10px;width:calc(100% - 320px);}

.index_tongji{overflow:hidden;}
.index_tongji_com{ border-radius:4px;height: auto; padding:10px 10px; background-color:#fff; color:#FFF;}
.index_tongji_com h1{ font-size:1.4rem; height:35px; line-height:24px;margin:0}
.index_tongji_com h1 i{ float:right; width:35px; height:35px; background:no-repeat center; background-size:100%; display:block}
.index_shoyi{background-image:linear-gradient(138deg, #FF938C 0%, #EF5955 100%); /*color:#EF5955*/}
.index_shoyi h1 i{ background-image: url(../img/in-sy.png)}
.index_tongji_shu{ padding-top:20px;}
.index_tongji_shu font{ font-size:26px}
.index_tongji_shu span{ font-size:36px}

.index_tongji_c{ position: relative; width: 100%}
.index_tongji_mr{position: absolute; left:0px; right:0px; top:0px; bottom:0px;display:none;
 opacity:0.9; background:#fff url(../img/mr-jiayou01.png)  no-repeat center bottom; background-size:auto  100%; }
.index_tongji_mr2{background-image:url(../img/mr-jiayou02.png)}
.index_tongji_mr3{background-image:url(../img/mr-jiayou-no.png)}
.index_tongji_mrtitle{position: absolute; left:0px; right:0px; bottom:10px;text-align: center;display:none;}

.index_baodan{ background-color:#FFF;/* color:#FEA148*/  color: #282828; padding:10px 15px;}
.index_baodan h1{ height:26px; line-height:26px; font-weight:600; font-size:1.3rem}
.index_baodan h1 span{ font-size:1.2rem; font-weight:400}
.index_baodan h1 i{ background-image: url(../img/in-bd.png)}
.index_baodan_top{height:26px}
.index_baodan_sx{ font-size:12px}
.index_baodan_sx .form-control,.index_baodan_sx .select2-container--default .select2-selection--single{border:0;height:26px; outline:none;padding-right:16px;color: #fff;}
.index_baodan_sx .select2-container--default .select2-selection--single .select2-selection__rendered{color: #fff;line-height:24px}
.index_baodan_sx .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #fff transparent transparent transparent;}
.index_baodan_sx .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent #fff transparent;}
.index_baodan_sx .select2-container--default .select2-selection--single .select2-selection__arrow {height: 24px;}
.index_baodan_sx input.time-input{width:92px;padding-right:10px;color: #fff;text-align: center;height:26px;line-height:26px;border-radius: 4px;}
.index_baodan_sx input.form-control::-webkit-input-placeholder{/*Webkit browsers*/color:#fff;}
.index_baodan_sx input.form-control:-moz-placeholder{/*Mozilla Firefox 4 to 8*/color:#fff;}
.index_baodan_sx input.form-control::moz-placeholder{/*Mozilla Firefox 19+*/color:#fff;}
.index_baodan_sx input.form-control:-ms-input-placeholder{/*Internet Explorer 10+*/color:#fff;}
.index_baodan_sx .select-time samp{height: 26px;line-height: 26px;}

.index_baodan_sx a.btn{padding: 3px 12px;}
.index_baodan_sx .index_baodan_zdy .dropdown-menu {top:30px;right: 0;left: auto;width: 290px;}
.index_baodan_sx a.btn-primary{background-color:#bbbbfc;border-color:#bbbbfc;}
.index_baodan_sx a.btn-primary:hover{background-color:#7b7ce6;border-color:#7b7ce6;}
.index_baodan_sx .index_baodan_zdy input.time-input{color: #333;width:98px;}

.index_baodan_zdy{height:26px;line-height: 26px;padding:0 10px;background-color:#bbbbfc;border-radius: 4px;}
.index_baodan_zdy a{color: #fff;}
.index_baodan_zdy ul.dropdown-menu li.index_baodan_zdy_a{text-align: center;}
.index_baodan_zdy ul.dropdown-menu li.index_baodan_zdy_a a{display: inline-block;padding:0px 20px;border-radius: 4px;margin-top: 10px;}
.index_baodan_zdy ul.dropdown-menu li.index_baodan_zdy_a a:hover,.index_baodan_zdy ul.dropdown-menu li.index_baodan_zdy_a a.hover{color:#7b7ce6;background-color: #f5f5f5;}

.niche_index .select2-container .select2-search{ display:none}
.niche_index .select2-container{ font-size:12px}
.niche_index .select2-container li.select2-results__option{ padding:4px 6px 4px 12px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_baodan_ui ul{ overflow:hidden; padding:16px 0 5px 0}
.index_baodan_ui li{ padding:0 10px 0 0}
.index_baodan_ui li h2{ font-size:20px; padding-bottom:2px;line-height:30px;height:30px;/* overflow: hidden; */ white-space: nowrap;background-color: #fff;}
.index_baodan_ui li h2 span{font-size:14px;}
.index_baodan_ui li div{ line-height:30px;}
.index_baodan_ui li div i{ padding-right:6px;}

.index_dongtai{background-image: linear-gradient(138deg, #fc9a94 0%, #f86f6b 100%);/* color:#60A4F5*/}
.index_dongtai h1 i{ background-image: url(../img/in-dt.png)}
.index_dongtai h1 a,.index_dongtai h1 a:hover{font-size:12px;color:#fff;float: right;}
.index_dongtai_ul{ height:70px; overflow:hidden; margin-top:2px;}
.index_dongtai_ul ul li{ overflow:hidden;font-size:13px;height:24px;line-height:24px;}
.index_dongtai_ul ul li i{ padding:0 5px 0 0;font-style: normal;font-size:1.1rem}
.index_dongtai_ul ul li a{ color:#FFF;display:block; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_dongtai_ul ul li a:hover{color:#ffdede;}
.index_dongtai_ul ul li a:hover font{font-weight:600}
.index_dongtai_ul ul li.active i,.index_dongtai_ul ul li.active a{color:#6a6cd9}
.index_dongtai_ul ul li span{float:right}
.index_dongtai_ul ul li:first-child{opacity:1}
.index_dongtai_ul ul li:nth-of-type(2){opacity:0.8}
.index_dongtai_ul ul li:nth-of-type(3){opacity:0.4}

.index_list{width:100%;border-radius:4px; background-color:#fff; margin-top:10px;min-height:140px; overflow:hidden}
.index_zhong_top{box-shadow: 0 1px 2px 0 rgba(196,195,195,0.50);}
.index_zhong_top .ddxq_ul_a{ margin:10px 10px 0 0;}
.index_zhong_top .ddxq_ul_a a{border-radius:10px; font-size:12px; padding:2px 12px;}
.index_zhong_top .ddxq_ul_a a:hover{color:#fff;}
.index_zhong_top ul{overflow:hidden; position:relative; overflow:hidden; height:40px;}
.index_zhong_top li{float:left; line-height:40px; padding:0 10px; position:relative; font-size:1.3rem;color: #232323;}
.index_zhong_top li.active::before{content:' '; position:absolute; bottom:0px; left:10px; right:10px;height:4px; border-radius:2px}
.index_zhong_top li a{ color:#666; display:block}
.index_zhong_top li.active a,.index_zhong_top li.active-yi a{ color:#333; font-weight:600}
.index_zhong_top li.active-i{ padding-right:0; margin-right:-3px;}
.index_zhong_top li.active-i i,.index_news .index_news_top i,.index_left_com h2 i{-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.index_zhong_top li.gd_a{ float:right; font-size:1.2rem}
.index_zhong_top li.gd_a a{ color:#999;}
.index_zhong_top li.gd_a a:hover{color:#6a6cd9;}

.index_right_ul{padding:8px 15px 8px;font-size:14px;color:#666;overflow:hidden;min-height: 151px;}
.index_right_ul ul{height:100%;}
.index_right_ul ul li{ overflow:hidden;font-size:12px;height:28px;line-height:28px; border-bottom:1px dashed #eaeaeaa;}
.index_right_ul ul li i{ padding:0 5px 0 0;font-style: normal;font-size:1.1rem; color:#999}
.index_right_ul ul li a{ color:#666666;display:block; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_right_ul ul li span{ color:#999;float:right}
.index_right_ul ul li:last-child{border:0}
.index_right_ul ul li.active i{color:#ff0000}
.index_right_ul ul li font{ display: none;}
.index_right_ul ul li.active font{ display:inline;padding:10px 38px;background: url(../img/new-02.gif) no-repeat center;}

.index_handle{ margin-top:10px; }
.index_zhong1{ min-height:233px;}
.index_handle .index_zhong_top li.active::before{content:' '; position:absolute; bottom:0px; left:10px; right:10px;height:4px; border-radius:2px}
.niche_index_zhong{background-color:#FFF; padding-bottom:10px; border-radius:4px;}
.niche_index_zhong .table{ width:98%; margin:5px auto 0; border-bottom:0 !important}
.niche_index_zhong .table>thead>tr>th,.niche_index_zhong .table>tbody>tr>td{ border-bottom: 0px!important; padding:6px;}
.niche_index_zhong .table>tbody>tr>td{padding: 4px 6px;}
.niche_index_zhong .table-striped>tbody>tr:nth-of-type(odd){ background-color: inherit}
.niche_index_zhong .table>thead>tr>th{ text-align:center;padding:6px;}
.niche_index_zhong .table>tbody>tr>td{color:#666;}

.index_news{ height:40px; margin-top:10px; position:relative; overflow:hidden; background-color:#fff; border-radius:4px}
.index_news .index_news_top{ height:40px; line-height:40px; padding:0 20px 0 10px; font-weight:bold;}
.index_news .index_news_top i{ padding-right:6px; font-size:14px;}
.index_news_gd{ line-height:40px; padding-right:10px;}
.index_news_gd a{ color:#999999}
.index_news_list{ height:30px; overflow: hidden; margin-top:5px;}
.index_news_list ul{ height:30px; overflow:hidden;}
.index_news_list ul li{ line-height:30px;}
.index_news_list ul li i{ padding:0 5px 0 0;font-style: normal;font-size:1.1rem; color:#999}
.index_news_list ul li a{ color:#666666;display:block; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_news_list ul li a:hover{color:#626DF9;}
.index_news_list ul li span{ color:#999;float:right}

.index_right_com2{ margin-top:10px; padding-bottom:8px; overflow:hidden; height:auto !important}
.index_ranking_top{ padding-top:10px;}
.index_ranking_top ul{ text-align:center; overflow:hidden;vertical-align:middle; height:34px; padding-top:5px}
.index_ranking_top li{ display:inline-block; margin:0 5px; vertical-align:middle;}
.index_ranking_top li a{ padding:2px 15px; box-shadow: 0 0 4px 0 rgba(142,188,251,0.80); border-radius:13px; color:#5C8FF8}
.index_ranking_top li.active a{background-image: linear-gradient(180deg, #95C2FC 0%, #5C8FF8 100%);box-shadow: 0 0 4px 0 rgba(142,188,251,0.0);  color:#fff;}
.index_ranking_top li a:hover{background-image: linear-gradient(260deg, #95C2FC 0%, #5C8FF8 100%);box-shadow: 0 0 4px 0 rgba(142,188,251,0.0);  color:#fff;}
.index_ranking_list ul li{ height:28px; line-height:28px;text-align:center;transition: all .5s;}
.index_ranking_list ul li div{ float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index_ranking_list ul li div.rk-mz{ padding:0 4px;}
.index_ranking_list ul.ranking-list li:hover{ background-color:rgba(142,188,251,0.10);transition: all .5s;}
.index_ranking_list .rk-pm{ width:10%;height:28px; background: no-repeat center}
.index_ranking_list .rk-mz{ width:25%;}
.index_ranking_list .rk-su{ width:15%;}
.index_ranking_list .rk-je{ width:25%;}
.index_ranking_list ul li.ranking1 .rk-pm{ font-size:0; background-image:url(../img/m_jp1b.png);}
.index_ranking_list ul li.ranking2 .rk-pm{ font-size:0; background-image:url(../img/m_jp2b.png);}
.index_ranking_list ul li.ranking3 .rk-pm{ font-size:0; background-image:url(../img/m_jp3b.png);}
.index_ranking_list ul.ranking-top li{font-size:1.3rem; color:#666;}
.index_ranking_list ul.ranking-top .rk-je{color:#666}

.index_right{ padding:0;width:320px;}
.index_right_com{ background-color:#fff;border-radius:4px; }
.index_right_com h2{height:40px;line-height:40px; font-weight:600; font-size: 1.3rem;color: #333;position:relative; padding:0 12px;}

/*统计*/
.index-echarts{background-color:#FFFFFF;padding:10px; border-radius:4px;}
.index-echarts-top{position: relative;z-index: 5;height:16px;}
.index-echarts-top h2{ font-size:1.3rem;font-weight:600;}
.index-echarts-top a{ font-size:1.2rem}
.index_qxdw{position: inherit;}
.index-echarts-sxer{margin-top: -6px;}
.niche_index .select2-container--default .select2-selection--single{ border: 1px solid #fff;outline:none;}
.niche_index .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border: 1px solid #eee;}

/*日历*/
.index_right_com3{ margin-top:10px;}
.sc-calendar {width:100%;height: auto; overflow:hidden;text-align: center;color:#666; font-size:12px;}
.sc-header{height:40px;border-bottom: 0;border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.sc-body {height: auto;clear:both;width: 96%; margin:0 auto; padding-bottom:10px;}
.sc-week {height:30px;font-size:12px;line-height:30px;color: #333;}
.sc-days {height: auto; overflow:hidden;border-radius:0 0 4px 4px;}
.sc-item {height:24px; padding-top:2px;float:left;font-weight:400;color:#565555;width:14.285%;box-sizing: border-box; position:relative; cursor:pointer}
.sc-item:nth-child(7n) .day, .sc-item:nth-child(7n+1) .day {color:#ddd !important;}
.sc-vocation {background-color: #FFEBEC;}
.sc-mark{background-color: #ecf5fc;}
.index_right_com3 .sc-mark:before{content:' ';position:absolute; top:0; right:0; display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e044"; color:#ff5c5d;}
.index_right_com3 .sc-vocation:before {content:'休';display:block;position:absolute;font-size:1rem;width:1.2rem;font-weight: 100;color: white;background-color:#E6E4E0;margin-top:-10px;}
.sc-othermenth {color: #C1C0C0 !important;}
.sc-othermenth .day, .sc-othermenth .lunar-day {color: #C1C0C0 !important;}
.sc-today { color: white;border:0;border:0px;background-color:#fff;}
.sc-item .day {font-size: 1.2rem;line-height:22px;border-radius:50%; width:22px;margin:0 auto}
.sc-active-day, .sc-selected {border: 0px;}
.sc-active-day .day,.sc-selected .day{border: 0px;color: white !important;background-color:#d8c8fc;}
.sc-item.sc-active-day:nth-child(7n) .day, .sc-item.sc-active-day:nth-child(7n+1) .day,.sc-item.sc-selected:nth-child(7n) .day, .sc-item.sc-selected:nth-child(7n+1) .day  {color:#fff !important;}
.sc-today .day {color: white !important;background-color:#BC9DFF;}
.sc-item .lunar-day {display: none;line-height:18px;font-size:1rem;font-weight: normal;overflow: hidden;text-overflow: ellipsis;}
.sc-festival .lunar-day {color:#1494ff;}
.sc-today .lunar-day {color:#fff;}
/*.sc-item:last-child, .sc-item:nth-child(7n) {border-width: 0 1px 1px 1px;}*/
.sc-week-item {height: 100%;float:left;width:14.285%;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;}
.sc-item-small{font-size: 10px !important;}
.sc-week-item:nth-child(7n), .sc-week-item:nth-child(7n+1) {color:#ddd!important;}
.sc-actions {float: left;width:33%;padding:8px 0;height: 100%;box-sizing: border-box; min-width:84px; color:#fff}
.sc-actions:last-child,.sc-actions3{float: right; width:auto; min-width:inherit; padding-right:20px;}
.sc-actions-big{width:50%;}
.sc-header select { font-family:PingFangSC-Medium;background-color: transparent; border:2px;padding: 0.2em 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #fff;font-size: 13px ; text-align:center; text-align-last: center;}
.sc-header select option{text-align:center; text-align-last: center; color:#666}
.sc-header input {text-align:center;border-color: rgba(0, 0, 0, 0);padding: 0.2em 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #666;}
.sc-actions div {display:inline-block;/*border: 1px solid #ccc;*/vertical-align: bottom;width:15px;padding-bottom:5px;font-size: 1.5em;line-height: 0.9em; cursor:pointer}
.sc-return-today {display: block;border-radius: 2px;width: auto;font-size:1.2rem;padding: 0.3em 0;margin: auto;cursor:pointer}
.sc-time {display: block;margin-top:5px;font-size:1rem;}

/*考勤设置*/
.e_calendar_date{ background-color:#FFFFFF; height:100%;}
.e_calendar_date .sc-calendar{ height:100%}
.e_calendar_date .sc-body{height:calc(100% - 40px);}
.e_calendar_date .sc-week{ height:50px; line-height:50px; font-weight:bold}
.e_calendar_date .sc-days{height:calc(100% - 50px); overflow:inherit;}
.e_calendar_date .sc-item{ height:calc(14.285% - 10px); min-height:52px;width:calc(14.285% - 4px); max-height:70px; padding:2px; margin:5px 2px; border-radius:4px}
.e_calendar_date .sc-header{background-image: none; background-color:#7b7ce6}
.e_calendar_date .sc-item .lunar-day{ display:block}
.e_calendar_date .sc-item .day{ font-size:1.2em;width:26px; line-height:26px; height:26px;}
.e_calendar_date .sc-today .day{ background-color:#7b7ce6; color:#FFFFFF !important}
.e_calendar_date .sc-item .lunar-day,.e_calendar_date .sc-item .clockin-day{ font-size:12px;color:#1494ff!important;}
.e_calendar_date .sc-othermenth.sc-festival .lunar-day,
.e_calendar_date .sc-othermenth.sc-festival .clockin-day{color:#C1C0C0!important;}
.e_calendar_date .sc-othermenth.sc-vocation .lunar-day,
.e_calendar_date .sc-othermenth.sc-vocation .clockin-day{color:#666!important;}
.e_calendar_date .sc-mark:before,.e_calendar_date .sc-vocation:before {position:absolute; border-radius:20px;right:5px; height:16px; width:16px; text-align:center; color:#fff; top:-5px;line-height:16px;font-size:10px;}
.e_calendar_date .sc-mark:before{content:'班'; background-color:#ff5c5d; /*content: "\e044";*/}
.e_calendar_date .sc-mark .day{ color:#666 !important}
.e_calendar_date .sc-vocation:before {content:'休';background-color:#1494ff;}
.e_calendar_date .sc-vocation{background-color:#0070ff0f;}
.e_calendar_date .sc-mark{background-color:#ff07070d;}
.e_calendar_date .sc-vocation .day,.e_calendar_date .sc-mark .day{background-color: transparent}
.e_calendar_date .sc-vocation.sc-active-day,.e_calendar_date .sc-vocation.sc-selected{background-color: #c6e5ff}
.e_calendar_date .sc-mark.sc-active-day,.e_calendar_date .sc-mark.sc-selected{background-color: #f9c1c1}
.e_calendar_date .sc-othermenth.sc-vocation.sc-selected,.e_calendar_date .sc-othermenth.sc-vocation.sc-active-day{background-color:#c6e5ff;}
.e_calendar_date .sc-othermenth.sc-vocation,.e_calendar_date .sc-othermenth.sc-mark{color:#666 !important}
.e_calendar_date .sc-othermenth.sc-vocation.sc-selected .day,.e_calendar_date .sc-othermenth.sc-vocation.sc-active-day .day,.e_calendar_date .sc-mark .day,.e_calendar_date .sc-vocation .day,.e_calendar_date .sc-mark.sc-active-day .day,.e_calendar_date .sc-vocation.sc-active-day .day,.e_calendar_date .sc-mark.sc-selected .day,.e_calendar_date .sc-vocation.sc-selected .day{color:#666 !important}
@media (max-width:1366px) {
	.index_zhong_com {width: calc(100% - 260px);}
	.index_right{width: 260px;}
	.index_baodan_ui li h2{ font-size:20px;}
}
@media (max-width:1000px) {
	.p_r_10{padding-right: 0px;}
	.p_r_5{padding-right: 0px;}
	.p_l_5{padding-left: 0px;}
	.niche_index_com{overflow: hidden;}
	.index_zhong_com {width:100%;padding: 0 0 0 10px;}
	.index_right{width: 100%;padding: 10px 0 0 10px;}
	.index_baodan_ui li{width:33.3%;float: left;}
	
	.niche_report_order .index_baodan_ui li.index_baodan_li1{width:100%}
	.niche_report_order .index_baodan_ui li.index_baodan_li2,.niche_report_order .index_baodan_ui li.index_baodan_li3{width:50%}
	
	.index_shangji,.index_sjCon{ width:100% !important}
	
}
@media (max-width:720px) {
	.niche_index_left{width:100%;height:auto !important;}
	.index_left_com ul li{float: left;width:50%;}
	.niche_index_right{width:100%;}
	.index_zhong_com {width:100%;padding: 10px 0 0 0px;}
	.index_right{width: 100%;padding: 10px 0 0 0px;}
	
}

.index_dongtai_svg{ position: absolute;position: absolute;top:0px;right:40px;width:60px;height:60px;}
svg.like {z-index: 10;
/*  position: fixed;
  top: calc(50vh - 160px);
  left: calc(50vw - 160px);*/
    position: absolute;
	left:-20px;
	top:-22px;
  -webkit-transform: scale(0.45);
          transform: scale(0.45);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  cursor: pointer;
  fill: #fff;
}

svg.fly {
	top: calc(50% - 15px);
    left: calc(50% - 15px);
    position: absolute;
    fill:#ee3437;
}

svg.h {
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  position: absolute;
  z-index: 8;
  fill: #fbff00;
}
svg.h.h-5, svg.h.h-6, svg.h.h-7, svg.h.h-8 {
  fill: #7b7ce6
}

div.dot {
  width: 6px;
  height: 6px;
  background: white;
  position:absolute;
  z-index: 9;
  border-radius: 100%;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
}
div.dot:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: -30px;
  left: 0px;
  position: absolute;
  background:#7b7ce6;
  display: none;
}
div.dot:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  top: -70px;
  left: 2px;
  position: absolute;
  background:#ee3437;
  display: none;
}


/*body.liked svg.like {
  -webkit-animation: blink 1s forwards;
          animation: blink 1s forwards;

}*/
body svg.like {
  -webkit-animation: blink  0.8s ease-out infinite;
          animation: blink  0.8s ease-out infinite;
          /*fill: #FF0004;*/

}
body.liked svg.fly.fly-1 {
  -webkit-animation: fly-1 1s 0.1s;
          animation: fly-1 1s 0.1s;
}
body.liked svg.fly.fly-2 {
  -webkit-animation: fly-2 1s 0.1s;
          animation: fly-2 1s 0.1s;
}
body.liked svg.h {
  transition: margin cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, fill 0.2s 1s, opacity 0.2s 1.2s, -webkit-transform 0.2s 1s;
  transition: margin cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, transform 0.2s 1s, fill 0.2s 1s, opacity 0.2s 1.2s;
  transition: margin cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, transform 0.2s 1s, fill 0.2s 1s, opacity 0.2s 1.2s, -webkit-transform 0.2s 1s;
  opacity: 0;
}
body.liked svg.h.h-5, body.liked svg.h.h-6, body.liked svg.h.h-7, body.liked svg.h.h-8 {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  fill: white;
}
body.liked svg.h.h-1 {
  margin-top: -50px;
}
body.liked svg.h.h-2 {
  margin-left: 50px;
}
body.liked svg.h.h-3 {
  margin-top: 50px;
}
body.liked svg.h.h-4 {
  margin-left: -50px;
}
body.liked svg.h.h-5 {
  margin-top: -30px;
  margin-left: 35px;
}
body.liked svg.h.h-6 {
  margin-top: 30px;
  margin-left: 35px;
}
body.liked svg.h.h-7 {
  margin-top: -35px;
  margin-left: -35px;
}
body.liked svg.h.h-8 {
  margin-top: 35px;
  margin-left: -35px;
}
body.liked div.dot {
  opacity: 0;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  background: white;
  transition: opacity 0.5s 1s, background 0.1s 0.2s, -webkit-transform 1s;
  transition: transform 1s, opacity 0.5s 1s, background 0.1s 0.2s;
  transition: transform 1s, opacity 0.5s 1s, background 0.1s 0.2s, -webkit-transform 1s;
}
body.liked div.dot:after,body.liked div.dot:before {
  display: block;
}
body.liked div.dot.dot-2 {
  -webkit-transform: rotate(45deg) translateY(-100px);
          transform: rotate(45deg) translateY(-100px);
}
body.liked div.dot.dot-3 {
  -webkit-transform: rotate(90deg) translateY(-100px);
          transform: rotate(90deg) translateY(-100px);
}
body.liked div.dot.dot-4 {
  -webkit-transform: rotate(135deg) translateY(-100px);
          transform: rotate(135deg) translateY(-100px);
}
body.liked div.dot.dot-5 {
  -webkit-transform: rotate(180deg) translateY(-100px);
          transform: rotate(180deg) translateY(-100px);
}
body.liked div.dot.dot-6 {
  -webkit-transform: rotate(225deg) translateY(-100px);
          transform: rotate(225deg) translateY(-100px);
}
body.liked div.dot.dot-7 {
  -webkit-transform: rotate(270deg) translateY(-100px);
          transform: rotate(270deg) translateY(-100px);
}
body.liked div.dot.dot-8 {
  -webkit-transform: rotate(305deg) translateY(-100px);
          transform: rotate(305deg) translateY(-100px);
}

@-webkit-keyframes blink {
  10% {
    -webkit-transform: scale(0.32);
            transform: scale(0.32);
  }
  100% {
    
  }
}

@keyframes blink {
  10% {
    -webkit-transform: scale(0.32);
            transform: scale(0.32);
  }
  100% {
   
  }
}
@-webkit-keyframes fly-1 {
  25% {
    margin: -50px 0 0 50px;
  }
  75% {
    margin: 50px 0 0 -50px;
    z-index: 5;
  }
  100% {
    z-index: 11;
  }
}
@keyframes fly-1 {
  25% {
    margin: -50px 0 0 50px;
  }
  75% {
    margin: 50px 0 0 -50px;
    z-index: 5;
  }
  100% {
    z-index: 11;
  }
}
@-webkit-keyframes fly-2 {
  25% {
    margin: -50px 0 0 -50px;
  }
  75% {
    margin: 50px 0 0 50px;
    z-index: 5;
  }
  100% {
    z-index: 11;
  }
}
@keyframes fly-2 {
  25% {
    margin: -50px 0 0 -50px;
  }
  75% {
    margin: 50px 0 0 50px;
    z-index: 5;
  }
  100% {
    z-index: 11;
  }
}


/*报表*/
.tongji_kh{ min-height:126px}
.tongji_kh_left{float:left;width: calc(100% - 270px);}
.tongji_kh_right{float:right;width:260px;}
.niche_tongji_kh .index_ranking_list{ min-height:372px;}

.index_ranking_list3 .rk-pm{ width:25%}
.index_ranking_list3 .rk-su{ width:45%}

.index_ranking_list4 .rk-pm{ width:15%;}
.index_ranking_list4 .rk-mz{ width:30%;}
.index_ranking_list4 .rk-su{ width:20%;}
.index_ranking_list4 .rk-je{ width:35%;}

.index_ranking_list5 .rk-pm{ width:25%}
.index_ranking_list5 .rk-mz{ width:35%}
.index_ranking_list5 .rk-su{ width:40%}

.index_ranking_list6 .rk-pm{ width:25%}
.index_ranking_list6 .rk-mz{ width:40%}
.index_ranking_list6 .rk-su{ width:35%}

.index_ranking_list7 .rk-pm{ width:50px}
.index_ranking_list7 .rk-mz{ width:calc(100% - 150px);}
.index_ranking_list7 .rk-su{ width:100px}
.index_ranking_list7.index_ranking_list ul.ranking-list li div.rk-mz{text-align:left; padding:0 10px;white-space: nowrap;
text-overflow: ellipsis; height:20px; overflow:hidden}
.st-long-com .index_ranking_list.index_ranking_list7 ul li,.st-long-com .index_ranking_list.index_ranking_list7 ul.ranking-top li{padding:6px 20px;}


.niche_index .icheckbox-blue{top:5px;}
.niche_index .form-input-box{ padding-top:5px;}
.tongji_kh li a i{ font-weight:bold; color:#333; padding-right:10px;}
.index_right_ul ul li{ height:22px; line-height:22px;}
.index_zhong_com .index_right_ul ul li{ height:27px; line-height:26px;}
.index_zhong_com .index_right_ul ul li a .title-jane{display: inline;}

.member_sj_list .tabs-container .index_list a{color:#666666;}
.member_sj_list .tabs-container .index_zhong_top a{color:#333;}
.member_sj_list .tabs-container .index_list ul li a:hover{color:#626DF9;}

/*统计报表--*/
form + .niche_report{margin-top:7px;}
.niche_report .niche_unit{font-size: 14px;}
.niche_report .index_baodan_ui ul{padding-top:20px}
.niche_report .index_baodan_ui li h2{line-height:40px;height:40px;}
.niche_report_finance .index_baodan{ min-height: 166px;}
/*--订单分析*/
.niche_report_order .index_tongji_com{height: 236px;}
.niche_report_order .index_baodan_li1{padding: 0 0px 0 0;}
.niche_report_order .index_baodan_ui {text-align:center;}
.niche_report_order .index_baodan_ui ul{padding-top:10px;}
.niche_report_order .index_baodan_ui li h2{ line-height:24px; height:24px; background-color:transparent;}
.niche_report_order .index_baodan_li2,.niche_report_order .index_baodan_li3{padding:15px 0 15px;background-color:#f3f3f4;width: 49%;border-radius: 4px;margin-top: 15px;}
.niche_report_order .index_baodan_li3{ float:right}
.niche_tongji_kh .niche_report_order .index_ranking_list{ min-height:230px;/**min-height:336px;**/}
 @media (max-width: 1360px){
    .niche_tongji_kh{overflow-x:auto;}
    .niche_index_com.niche_report_order,.niche_index_com.niche_report_cust{width: calc(100% + 270px);}
    .niche_repor .index_baodan_ui li h2{font-size: 18px;}
    
 }

 .niche_report_cust .index_tongji_com{height:176px;}
 .niche_report_cust .tongji_kh{height:136px;}
 .niche_report_cust .index_right_ul ul li {height: 24px;line-height: 24px;}
 .niche_report_cust .index_baodan_top h1{ margin:0 auto} 
 .niche_report_cust .index_baodan{ text-align:center; padding:0;height: auto; padding-top:10px;}
 /*.index_tj .index_baodan,.index_tj .index-echarts{ background-color:transparent; }*/
 .niche_report_cust .index_baodan_ui li h2{ background-color:transparent;line-height:20px;height:20px; font-weight:bold}
 .niche_report_cust .index_baodan_ui li {float: inherit;display: inline-block;}
 .niche_report_cust .index_ranking_list {min-height: 335px;}
 .kh-01,.kh-02,.kh-03,.kh-04{ min-width:265px}

.index_shangji{ width:calc(100% - 420px);}
.index_shangji .index_baodan{height:260px;}
.index_sjBanner{ height:260px; padding:0}
.index_sjBanner .swiper-container{ width:100%; height:100%; border-radius:4px; overflow:hidden}
.index_sjBanner .swiper-slide{ background:no-repeat center; background-size:100% 100% }

.index_sjCon{width:420px;height:260px;}
.index_sjCon-img{ width:78px; margin:16px auto 0  auto; position:relative }
.index_sjCon-img img{ width:74px; height:74px;border:2px solid #FFFFFF;box-shadow: 0px 2px 5px rgb(0,0,0,0.28); border-radius:50%}
.index_sjCon-rz{ position:absolute; bottom:2px; right:2px; width:18px; height:18px; border-radius:50%; background:#fff url(../img/logo-rz.png) no-repeat center; background-size:80% auto}
.index_sjCon-title{height:48px; padding:10px 0 20px 0; text-align:center; font-size:14px; font-weight:bold}
.index_sjCon-title span{ color:#6a6cd9; font-size:12px; font-weight:400}

.index_sjCon .index_baodan_ui ul {padding: 8px 0px 8px 0px; color:#333}
.index_sjCon .index_baodan_ui li{ padding:0 5px 0 28px;border-right: 1px solid #f3f3f4;}
.index_sjCon .index_baodan_ui li h2{ font-size:18px;}
.index_sjCon .index_baodan_ui li:last-child{border-right:0}
.index_sjCon .index_baodan_ui li a.text-warning{ font-size:14px}
.index_sjCon .index_baodan_ui li a.text-warning:hover{color:#dd8c33;}

/*我的代账报表*/
.index_baodan_uixt {border-radius: 4px}
.niche_report_order .index_baodan_uixt ul {width: 100%;padding: 5px 0;background-color: #f3f3f9;border-radius: 4px;margin-top: 15px;}
.niche_report_order .index_baodan_uixt .index_baodan_li2,
.niche_report_order .index_baodan_uixt .index_baodan_li3 {padding: 0 0 0 20px;float: left;border-radius: 0;margin-top: 0;background-color: transparent;text-align: left;}
.niche_report_order .index_baodan_uixt .index_baodan_li3 {border-left: 0px solid #f3f3f4;}
.index_baodan_uixt li div {line-height: 26px;}

.st-echarts-jz .mi-content{padding:6px 10px 0px 10px; overflow: hidden;}
.st-echarts-jz .mi-content p{ font-size: 14px;color:#333;margin: 0 0 2px 0px; line-height: 26px; float: left;}
.st-echarts-jz .mi-content .mi-c-f{height:14px; width:100%; background-color:#e6e6e6; border-radius:8px;position: relative;}
.st-echarts-jz .mi-content .mi-c-n{height:14px; width:0%; background-color:#4b99fd; border-radius:8px; 
 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
 -webkit-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;}
 .st-echarts-jz .mi-content .mi-c-f span{position: absolute; left:50%; color: #333}
.st-echarts-jz .mi-content .mi-c{padding:6px 0px 0px 125px;}
.st-echarts-jz .mi-content #micn1{background-color:#f8ac59;}

/*目标达成报表*/
.min1280{min-width:1250px;}
.st-mb-com{min-height:100px; min-width:380px;}
.st-echarts-mb{ min-height:200px; margin-top:auto;}
.st-echarts-mb .index_baodan_top{ height:auto}
.st-echarts-mb .index_baodan_bottom{position: relative;}
.st-echarts-mb .iconfont{ font-size:14px; color:#6a6cd9; padding-right:4px;}
.st-mb-ul{ width:55%; min-width:230px; float:left; padding-top:15px;}
.st-mb-ul li{ width:100%}
.st-mb-ul .th-label{width:140px;}
.st-mb-ul .th-content{padding-left:140px;}
.st-mb-echarts{ width:40%; position:absolute; right:0; float:right}
.index-echarts-sxer{margin-top:0px;}


.niche_tongji_kh .nav-tabs + .tab-content{ padding-top:15px;}
.niche_tongji_kh .tabs-container .nav-tabs {border-bottom:2px solid #dde2ec;}
.niche_tongji_kh .tabs-container .nav-tabs>li{margin-bottom: -2px;}
.niche_tongji_kh .tabs-container .nav-tabs>li a{color:#666;}
.niche_tongji_kh .tabs-container .nav-tabs>li>a:hover{background-color:#e6e6e6;color: #333;}
.niche_tongji_kh .tabs-container .nav-tabs>li.active>a{background-color: transparent;border:2px solid #dde2ec;border-bottom:2px solid #f3f3f4;padding: 10px 20px 10px 20px;color:#333;}
.st-long-com .index_ranking_list ul li{height: auto;line-height: 20px;padding:6px 0; overflow:hidden}
.st-long-com .index_ranking_list .rk-pm{padding:0;height: auto;}
.st-long-com .index_ranking_list ul.ranking-top li{line-height:22px;padding:6px 0;background-color:#cdcdf3;color:#111;}
.st-long-com .index_ranking_list ul.ranking-list li:nth-child(even){background-color: #f1f1ff;}

@media (max-width: 1360px){
   .st-mb-echarts{ width:35%;}
 }
@media (max-width: 1250px){
   .min1280{min-width: inherit;}
   .st-mb-com{min-width:50%;}
   .st-mb-com3{ padding:10px 0 0 0 !important;}
   
   .st-long-com{min-width:50%;}
 }
 
@media (min-width: 1360px){
   .st-mb-echarts{ width:40%;}
 }
@media (min-width: 1440px){
   .st-mb-echarts{ width:44%;}
 }
 
 .index-sanpie{ position:relative}
.index-sanpie-i{position:absolute; right:-25px; top:50%; width:50px; height:60px; margin-top:-30px; background:url(../img/sanjiao.png) no-repeat center; z-index:9}