html,body{background-color:#f3f3f3;  }

ul,li,lo{list-style:none;}

.body-writer{background:#fff;}
.jachome{background: #10416e;}
.page-body{overflow-y: scroll;}
.page-container{overflow: hidden; min-width:1334px; margin-top:45px;}
.mask_div{pointer-events:none;}


/*LOGIN*/
.body-login{ padding-top:0; height:100%; background-color: transparent;}
 .body-login:before{background:url(../../images/login_bg1.jpg) center top; background-size: cover;  content: ""; height: 100%;left: 0;position: fixed; top: 0; width: 100%; z-index: -1;}
 .body-login .page{background-color: transparent; padding: 0; height: 100%; margin: 0 !important; position:relative;}

 .page-brand-info{margin:0;position:relative;text-align: center;}
 .page-brand-info .brand{ margin-bottom:22px; color:#fff; font-size:20px;}
 .page-brand-info .brand-text{display:inline-block;vertical-align:middle; margin:11px 0 11px 20px; color:#fff;}
 .page-brand-info p{opacity:.6; max-width:650px; color:#fff; font-size:20px;}
 .page-login-img{ background:url(../../images/login_bg.jpg) right top ; background-size:100% auto; background-attachment:fixed; filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); min-height: 100%; position: absolute; right: 0; top: 0; left:-20px; bottom:0;}
 .page-login-bg{background:rgba(0,0,0,0.2); min-height: 100%; position: absolute; right: 0; top: 0; left:0; bottom:0;}
 .page-login-main { overflow:hidden; color: #76838f; height: auto; min-height: 100%; padding-top:9%; right: 0; top: 0;}
 .page-login-main .brand-text{display:inline-block;vertical-align:middle; margin:11px 0 11px 0;}
 .page-login-main form{ width:350px; margin:30px 0 20px; position:relative; }
 .page-login-main .form-control{background:rgba(0,0,0,0.2); border-color:rgba(255,255,255,0.3); color:#fff;}
 .page-login-main .input-group.input-group-minimal.focused .input-group-addon{border-color:rgba(255,255,255,0.6);}
 .page-login-main .input-group.input-group-minimal.focused .form-control{border-color:rgba(255,255,255,0.6);}
 .page-login-main .input-group.input-group-minimal .input-group-addon{background:rgba(0,0,0,0.2); color:rgba(255,255,255,0.6); border-color:rgba(255,255,255,0.3); line-height:1;}
 .page-login-main .btn{ margin-top:38px;}
 .page-login-main input::-webkit-input-placeholder{color:rgba(255,255,255,0.3);}
 .page-login-main input::-moz-placeholder{color:rgba(255,255,255,0.3);}
 .page-login-main input:-ms-input-placeholder{color:rgba(255,255,255,0.3);}
 .page-login-main .page-copyright{ text-align:center; bottom:0; position: absolute; margin: 30px 0; left: 50%; transform:translate(-50%, 0px); -webkit-transform:translate(-50%, 0px);}
 .page{ background:#f1f4f5; min-height:calc(100% - 71px); min-height:90%\9; position: relative;-webkit-transition: -webkit-transform 0.25s ease 0s; -o-transition: -o-transform 0.25s ease 0s; transition: transform 0.25s ease 0s}
 .page:after,.page:before{ content:""; display:table;}
 .page-copyright{font-size: 12px; letter-spacing:1px;}
 .page-login-main .page-copyright p{color:rgba(255,255,255,0.6);}
 .page-login-box{ width:350px;margin-left:auto;margin-right:auto;}
 .tip-group{text-align:center; margin-top:30px;}
 .tip-group .tip-btn-version{width:42px; height:42px; background:url(../../images/tip_bg.png); background-size:cover; cursor:pointer; margin:0 auto; }
 .tip-group .tip-btn-version:hover{opacity:0.8;}
 .tip-box{transition: width 1s; position:absolute; top:0; right:470px; width:0; overflow:hidden; bottom:0; background:rgba(0,0,0,0.3);}
 .tip-box.show{width:330px;}
 .tip-box-info{ margin:15px 30px; width:270px; overflow:hidden; color:rgba(255,255,255,0.8);}
 .tip-box-info h3{text-align:center; font-size:20px; border-bottom:1px dashed rgba(255,255,255,0.5); padding-bottom:15px;}
 .tip-box-info ol li{list-style:inherit; padding:5px 0;}
 .tip-box-info img{margin-left:10px; vertical-align:middle;}

/*HEADER*/
.top{position:relative; overflow:hidden; height:45px;margin-left:200px;}
.navbar-logo{overflow:hidden; float:left; height:45px; width:155px; padding-top:8px; padding-left:45px; border-right:1px solid rgba(255,255,255,0.15);}
.navbar-logo img{ width:55px;}
.navbar-menu{float:left; width:45px; height:45px; background:url(/bi/images/icon_menu.png) 12px 13px no-repeat #30639a; cursor:pointer;}
.navbar-menu.active{background-color:#428bda;}
.user-info {height:auto;position: relative; padding-left:0;}
.user-info li {float: left;}
.avater{width: 38px;height: 38px;display: inline-block;vertical-align: middle; margin:0; padding:0;}
.avater img {width: 100%;  max-width: 100%;display: block;}
.user-name {display: inline-block;height: 38px;line-height: 38px;vertical-align: middle;color:rgba(255,255,255,0.7);}
.logout {display: inline-block;width: 38px;height: 38px;background: url(/bi/images/logout.png) center 0 no-repeat;overflow: hidden;text-indent: -999px;margin-left: 20px; margin-right:10px;}
.logout:hover {background-position: center -38px;}
.top-btn {position: absolute;top: -8px;left: 50%;margin-left: -150px;overflow: hidden;width: 300px;height: 45px;z-index: 99;
	background: url(/bi/images/top_title.png) center 0 no-repeat;background-size: cover;}
.templatemo-flex-row {position: relative; margin-top:45px; overflow:hidden;}
.left-on {position: absolute;left: 20px;width: 36px;height: 36px;background: url(/bi/images/left_on.png) center 50% no-repeat;display: block;}
.right-on {position: absolute;right: 20px;width: 36px;height: 36px;background: url(/bi/images/right_on.png) center 50% no-repeat;display: block;}
.top-btn h2 {text-align: center;font-size: 18px;color: #fff;margin: 0;line-height: 30px;display: none;}
.top-btn h2.active {display: block;}
.radiobox {text-align: center;margin-top: -3px;}
.radiobox-hide {display: none;}
.sidebar-btn{position:absolute; font-size:20px; right:10px;}
.modal-body .panel-default{padding:0; margin-bottom:0;}
.navbar.horizontal-menu .navbar-inner .navbar-brand{line-height:55px; color:#fff; font-weight:600;}

/*NEW CSS*/
.left-menu-box , .right-menu-box{width:15%; float:right; padding-left:0;}
.left-menu-box li, .right-menu-box li{padding-top:2px; }
.yto-menu{ width:120px; height:38px; display:block; line-height:38px; margin-top:3px; text-align:center; color:#bbcedc; position:relative;}
.yto-menu:link{text-decoration:none; color:#bbcedc;}
.yto-menu:visited{text-decoration:none; color:#bbcedc;}
.yto-menu:hover{background-position:0 -48px; color:#fff;}
.yto-menu:active{text-decoration:none; color:#fff;}
.yto-menu.actives{ cursor:default; color:#fff;}
.yto-menu.actives:after{content:" "; display: block; overflow:hidden; position:absolute; height:1px; bottom:6px; background:#fff; width:30px; left:50%; margin-left:-15px;}
.yto-menu.actives:hover{opacity:1;}

.right-menu-box .yto-menu{background-position:-148px 0;}
.right-menu-box .yto-menu:hover{background-position:-148px -48px; color:#fff;}


.center-title{ width:30%; height:55px; position:relative; margin:0 auto; float:left; display:flex;}
.center-title h1{flex-grow:2; background:url("/bi/images/head_bg.png") center 0 no-repeat; color:#fff; background-size:auto 51px; text-align:center; height:55px; margin:0; font-size:18px; font-weight:500; line-height:50px; }
.center-title div{flex-grow:1;}
.center-title div:first-child{background:url("/bi/images/head_bg.png") 0 0 no-repeat; background-size:auto 51px;}
.center-title div:last-child{background:url("/bi/images/head_bg.png") right 0 no-repeat; background-size:auto 51px;}

/*homepage*/
.homepage{background:url("/bi/images/home_bg.jpg") 0 0 no-repeat; background-size:cover;}
.head-title{background:url("/bi/images/head_bg.jpg") 0 0 no-repeat; background-szie:cover; width:656px; height:72px; }



/*新首页CSS*/
.sub-box{ width:218px; height:186px; position: absolute; right:20%; top:75%; margin-top:-250px; transform:scale(0.8);}
.sub-btn{ width:218px; height:186px;  position:absolute; background-position:center 0; background-repeat:no-repeat; display:none;}
.sub-btn a{ outline:none; width:175px; height:175px; display: block; border-radius:50%; margin:6px auto 0;}
.sub-btn.animated{display:block;}
.sub-1{background-image: url(/bi/images/sub/1.png);}
.sub-2{background-image: url(/bi/images/sub/2.png); top:-186px;}
.sub-3{background-image: url(/bi/images/sub/3.png); top:-93px; left:-162px}
.sub-4{background-image: url(/bi/images/sub/4.png); top:93px; left:-162px}
.sub-5{background-image: url(/bi/images/sub/5.png); top:186px;}
.sub-6{background-image: url(/bi/images/sub/6.png); top:93px; left:162px}
.sub-7{background-image: url(/bi/images/sub/7.png); top:-93px; left:162px}
.sub-8{background-image: url(/bi/images/sub/8.png);}

.user-box{overflow:hidden;}
.user-box ul{float: right; background:rgba(255,255,255,0.2); margin-right:50px; margin-top:80px; padding:0 10px 0 0;}
.user-box ul li{float:left;}
.user-box .user-name{ color: #fff;}

/* .sub-info{ display:none; width:700px; height:400px; background:url(/bi/images/sub_bg.jpg) 0 0 no-repeat; border-radius:20px; background-size:cover;  position: absolute; left:8%; top:35%; z-index:999;} */
.sub-info{ display:none;  overflow:hidden; position: absolute; left:8%; top:35%; z-index:999;}
.sub-info h1{ padding:30px; color:#fff;}
.sub-info p{padding:0 30px; color:#fff;  height:300px; text-indent:2em; overflow:hidden;  line-height:32px; width:60%; text-align:justify;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-size:16px;
font-weight:bold;
text-shadow:0 0 5px #000;
letter-spacing:3px;
}
.sub-info.animated{ display:block;}
.sub-btn.hiden{ opacity:0.3 !important; filter:alpha(opacity=30) !important;  animation-name:none; -webkit-animation-name:none;}
.sub-btn.hiden a{cursor:default;}
.sub-in{ display: none; border-radius:20px; border:3px solid #fff; width:700px; height:400px;}
.info-1{background:url(/bi/images/home/home1.png) 0 0 no-repeat; background-size:cover;}
.info-2{background:url(/bi/images/home/home2.png) 0 0 no-repeat; background-size:cover;}
.info-3{background:url(/bi/images/home/home3.png) 0 0 no-repeat; background-size:cover;}
.info-4{background:url(/bi/images/home/home4.png) 0 0 no-repeat; background-size:cover;}
.info-5{background:url(/bi/images/home/home5.png) 0 0 no-repeat; background-size:cover;}
.info-6{background:url(/bi/images/home/home6.png) 0 0 no-repeat; background-size:cover;}
.info-7{background:url(/bi/images/home/home7.png) 0 0 no-repeat; background-size:cover;}
.info-8{background:url(/bi/images/home/home8.png) 0 0 no-repeat; background-size:cover;}

.online{height:76px; line-height:76px; color:#fff;}


.xe-widget.xe-weather {
  background:url(/bi/images/51.png) left top rgba(30,144,255,0.5);
  -webkit-background-origin:padding-box;
  background-origin:border-box;
  background-size:cover;
  color: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  position: absolute; left:8%; top:35%;
  width:700px;
  height:400px;
  box-shadow:0 8px 20px rgba(0,0,0,0.5);
  border-radius:20px;
  border:3px solid rgba(250,250,250,0.3);
  text-shadow:0 0 5px rgba(0,0,0,0.5);
}
.xe-widget.xe-weather .xe-background {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.xe-widget.xe-weather .xe-current-day {
  bottom: 0;
  left: 0;
  padding: 24px 30px;
  position: absolute;
  right: 45%;
  top: 0;
  z-index: 2;
}
.xe-widget.xe-weather .xe-weekdays {
  background:rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
  float: right;
  padding: 15px 30px;
  position: relative;
  width: 45%;
  z-index: 2;
  min-height:400px;
}
.list-unstyled {
  list-style: outside none none;
  padding-left: 0;
}
.xe-widget.xe-weather .xe-weekdays ul > li:after {
  background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}
.xe-widget.xe-weather .xe-weekdays ul > li {
  position: relative;
}
.xe-widget.xe-weather .xe-weekdays .xe-weekday-forecast {
  cursor: default;
  display: table;
  width: 100%;
}
.xe-widget.xe-weather .xe-weekdays .xe-weekday-forecast .xe-temp {
  color:#fff;
  font-size: 16px;
  width: 40%;
  text-align:left;
}
.xe-widget.xe-weather .xe-weekdays .xe-weekday-forecast .xe-temp, .xe-widget.xe-weather .xe-weekdays .xe-weekday-forecast .xe-day, .xe-widget.xe-weather .xe-weekdays .xe-weekday-forecast .xe-icon {
  display: table-cell;
  padding: 12px 0;
  vertical-align: middle;
}
.xe-day {
  color: #fff;
  font-size: 24px;
  font-weight:700;
  text-align: right;
}
.xe-widget.xe-weather .xe-current-day .xe-now {
	overflow:hidden;
  margin-bottom: 20px;
  border-bottom:1px solid rgba(255, 255, 255, 0.25);
}
.xe-widget.xe-weather .xe-current-day .xe-forecast {
  height: 270px;
  margin: 0 30px 30px;
  overflow: hidden;
  padding: 0;
}
.xe-widget.xe-weather .xe-current-day .xe-now .xe-temperature {
  display: table;
  float: left;
}
.xe-widget.xe-weather .xe-current-day .xe-now .xe-temperature .xe-label {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  line-height: 1;
  padding-left: 10px;
  text-transform: uppercase;
}
.xe-widget.xe-weather .xe-current-day .xe-now .xe-temperature .xe-label strong {
  color: #fff;
  display: block;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
  padding-top: 2px;
}
.xe-widget.xe-weather .xe-current-day .xe-now .xe-location {
  padding-bottom:9px;
  text-align: center;
}
.xe-widget.xe-weather .xe-current-day .xe-now .xe-location h4 {
  color: #fff;
  margin: 0;
  padding-bottom: 5px;
  font-weight: bold;
}
.xe-widget.xe-weather .xe-current-day .xe-forecast ul > li {
  display: block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  width: auto;
}

.text-secondary h4{ font-size:18px; color:#fff; margin:0; font-weight: bold; text-align: center;}

.tabbox{position:absolute; width:580px; top:45%; left:100px;}
.tabbox .nav-tabs{ border-bottom:0;}
.tabbox .nav-tabs li{-box-shadow:0 0 10px rgba(0,0,0,0.3); float:right; margin-top:30px; margin-right:30px;}
.tabbox .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{color:#fff; background-color:#ff6600; border-radius:14px; border:0;}
.tabbox .panel{ -border-radius:0 4px 4px 4px; border:0; height:440px; -box-shadow:0 10px 10px rgba(0,0,0,0.3); background:url(/bi/images/box-bg.png) 0 0 no-repeat; background-size:cover; }




.navbar.horizontal-menu.navbar-minimal{height:45px;background: linear-gradient(to right, #124d7e 20%, #167dce);}
.navbar.horizontal-menu.navbar-fixed-top + .page-container{margin-top:0;}
.navbar.horizontal-menu.navbar-fixed-top + .page-container > .sidebar-menu.fixed .sidebar-menu-inner{top:72px;}


.sidebar-menu .main-menu li.has-sub > a::before{color:rgba(255,255,255,0.5);}

.sidebar-menu{width:auto;}
.sidebar-menu.fixed .sidebar-menu-inner{background: linear-gradient(to bottom, #124d7e , #167bcc); display:table;table-layout:fixed; height:100%; top:45px;}
.sidebar-menu.fixed{z-index:99;}
.page-container .main-content{padding:0;}
.iframe{ width:100%;border:0; min-height:580px;}



/*tab*/
.index-tabs.nav-tabs{background:#fff; border-bottom:1px solid #eee;}
.index-tabs.nav-tabs > li > a{border-radius:0; color:#06aeff; border-radius:0; color:#666; background:#fff;}
.index-tabs.nav-tabs > li.active > a{border-radius:0; color:#06aeff;}
.index-tabs.nav-tabs > li.active > a:after{content:" "; overflow:hidden;display:block; position:absolute; background:#06aeff; height:3px; left:0; right:0; bottom:-1px;}
.index-tabs.nav-tabs > li.active > a:hover ,.index-tabs.nav-tabs > li.active > a:focus,.index-tabs.nav-tabs > li.active > a:active{ border-radius:0; background:#fff;}
.index-tabs.nav-tabs > li > a > i{ width:16px; height:16px; text-align:center;}
.nav.nav-tabs + .tab-content{background:#f3f3f3; margin-bottom:0; padding:20px;}







.user-info-navbar .user-info-menu>li>a.sidebar-icon{ padding:18px 20px; }
.user-info-navbar .user-info-menu>li>a.sidebar-icon i{font-size:36px;}

/* .user-info-navbar{ background:transparent;} background: url(../images/top_bg.jpg) center 0 no-repeat #314a83;
.user-info-navbar .user-info-menu>li{ border: 0;}
.user-info-navbar .user-info-menu>li>a{ border:0; color: #fff;}
.user-info-navbar .user-info-menu > li > a:hover{color:rgba(255,255,255,0.6);}
.user-info-navbar .user-info-menu>li>form{border:0;}
.user-info-navbar .user-info-menu>li.copen>a{ background:#fff;}
.page-body .sidebar-menu-inner{background: url("/bi/images/left_bg4.jpg") center -60px no-repeat #163563; } background: url(../images/left_bg.jpg) center 0 no-repeat #3b5998;
.user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu{
	width:200px; left:1px; border:0;
} */
.page-body .sidebar-menu .main-menu li.has-sub > a:before{color:#ccc;}
.sidebar-menu .logo-env{ padding:17px 25px;}
.sidebar-menu.collapsed{ z-index:20;}
.page-body .sidebar-menu.collapsed .main-menu > li > ul{background:rgba(59,89,152,0.8); display:none;}
.page-body .sidebar-menu .main-menu a{color:#fff; font-size:15px; border-bottom:none; padding:3px;}
.page-body .sidebar-menu .main-menu ul li a{padding-left:20px; color:#bbcedc; font-size:14px;}
.page-body .sidebar-menu .main-menu ul li ul li a{padding-left:35px; color:#bbcedc; font-size:14px;}
.page-body .sidebar-menu .main-menu > li{padding:10px 20px;}
.page-body .sidebar-menu .main-menu .has-sub.expanded{background-color:#114977;}
.page-body .sidebar-menu .main-menu a:hover{color:#fff;}
.page-body .sidebar-menu .main-menu a.active{color:#5499e2;}
.page-body .sidebar-menu .main-menu a.active:hover{color:#5499e2;}
.page-body .sidebar-menu .main-menu li.has-sub > a.active:before{color:#5499e2;}
.user-profile{ width:240px;}
.sidebar-menu .main-menu{margin-top:10px; padding-left:0; padding-right:0; height:100%; display:table-cell; vertical-align:top; min-width:200px; border-top:1px solid rgba(255,255,255,0.15); border-right:1px solid rgba(255,255,255,0.15); overflow: hidden;}
.main-menu-top{width:100%;}
.sidebar-menu-bg{width:100%; background:rgba(0,0,0,0.1); position:fixed; top:0; bottom:0;}



.search-head{ overflow:hidden; margin:15px 0;}
.search-head .form-group{margin-bottom: 0;}


.search-row > .form-group > label{ width:25%;}
.search-row > .form-group > .input-group{ width:60%;}
.search-row > .form-group > .form-control{ width:60%;}
.xe-widget.xe-counter, .xe-widget.xe-counter-block .xe-upper, .xe-widget.xe-progress-counter .xe-upper{padding:0; height:125px;}


.m_top10{margin-top:10px;}
.m_top15{margin-top:15px;}
.m_top25{ margin-top:25px;}
.ver-middle{vertical-align: middle;}

.xe-widget.xe-counter-block, .xe-widget.xe-progress-counter{background:#fff;}
.xe-widget.xe-counter-block .xe-upper, .xe-widget.xe-progress-counter .xe-upper{background:#fff;}
.xe-widget.xe-map-stats{background:#fff; color:inherit;}
.xe-widget.xe-map-stats .xe-details{background: transparent;}
.xe-widget.xe-map-stats .xe-details ul li{border-top:1px solid #eee;}
.xe-widget.xe-map-stats .xe-details > .xe-label p{color:inherit;}




.xe-widget.xe-counter-block .xe-lower span, .xe-widget.xe-progress-counter .xe-lower span{color:#fff;}
.page-body .page-loading-overlay , .body-login .page-loading-overlay{background:#55acee;}


/*index*/
.xe-map-stats .chart-item-bg{background: transparent; margin-bottom:0;}
.yto-map-label ul{overflow: hidden; margin-bottom:0; padding:0; text-align:center; margin:0 auto;}
.yto-map-label ul li{margin:0 15px; display:inline-block;}
.xe-widget.xe-status-update{background:#fff; color:inherit;}
.xe-widget.xe-status-update .xe-header .xe-icon, .xe-widget.xe-status-update .xe-header .xe-nav{color:inherit;}
.xe-widget.xe-status-update .xe-body li p{color:inherit;}
.xe-widget.xe-status-update .xe-header .xe-nav a{color:inherit;}
.xe-widget.xe-status-update .xe-header .xe-nav a:hover{background:rgba(0,0,0,0.1);}
.xe-upper .xe-icon{ position: absolute; display: block; left:50%; width:50px !important; margin-left:-25px; padding:0 !important; top:-25px;}
.xe-widget.xe-counter-block .xe-upper .xe-icon i, .xe-widget.xe-progress-counter .xe-upper .xe-icon i{ border:2px solid rgba(255,255,255,1); background:#b7e8ff; line-height:46px !important; font-size:28px;}
.xe-label{ padding:30px 0 18px 0 !important; text-align: center;}
.xe-widget.xe-counter-block .xe-lower, .xe-widget.xe-progress-counter .xe-lower{ padding: 5px 0; background-color:rgba(0,0,0,0.1);}
.xe-widget.xe-counter-block .xe-lower span, .xe-widget.xe-counter-block .xe-lower strong, .xe-widget.xe-progress-counter .xe-lower span, .xe-widget.xe-progress-counter .xe-lower strong{ font-size: 12px;}
.xe-lower{ text-align: center;}
.xe-widget.xe-counter .xe-label span, .xe-widget.xe-counter-block .xe-upper .xe-label span, .xe-widget.xe-progress-counter .xe-upper .xe-label span{font-size:14px; margin-top:17px;}
.xe-icon{ font-size:20px;}
.xe-widget.xe-map-stats .xe-map{ width:60%;}
.xe-widget.xe-map-stats .xe-details{ width:40%;}
.xe-map-data a{ color: #8b9dc3;}
.xe-map-data a:hover{ color: #fff;}
.xe-widget.xe-map-stats .xe-map > div{ left:0; top: 0; right: 0; bottom:0;}
.xe-right{text-align:right;}
.xe-right a{color:inherit; display:inline-block; padding:5px 10px;}
.xe-right a:hover{background:rgba(0,0,0,0.1);}
.yto-warning-row{position:relative;}
#prevs{ left:15px;}
#nexts{right:15px;}
#prevs, #nexts{ top:25px; color:#fff; font-size:26px; position: absolute;  width:30px; height:130px; background:rgba(0,0,0,0.1); line-height:130px; text-align: center; }
#prevs:hover, #nexts:hover{background:rgba(0,0,0,0.2);}
.echart-map{width:100%; height:240px;}
.echart-bg{position:absolute; left:0; top:115px; right:0; bottom:0;}
.sidebar-menu-top{ padding:20px;}
.sidebar-menu-top .input-group.input-group-minimal{border-radius:16px; overflow:hidden;}
.sidebar-menu-top .input-group.input-group-minimal .input-group-addon{background-color:#fff;}

/*echartbox*/
.chart-header{font-size:17px;}
.chart-item-bg{padding:20px 30px; margin-bottom:20px;}
.chart-body{ padding-top:5px;}
.fa-question-circle{color:#ffba00; cursor:pointer; margin:0 5px;}
.fa-question-circle:hover{color:rgba(255,186,0,0.7);}
.popover{box-shadow:0px 3px 3px #ddd;}


/*body-real*/
.body-real:before{content:' '; position: fixed; z-index: -1;top: 0;right: 0;bottom: 0;left: 0; background: linear-gradient(to right bottom, #124d7e 20%, #167dce);}
.body-real{background-color:transparent;}
.yto-table{left:30px; top:150px; position:absolute; width:360px; bottom:30px;}
.yto-table table{font-size:16px;}
.yto-table td, .yto-table th{color:#fff; border:1px solid rgba(255,255,255,0.2); padding:10px 20px;}
.yto-table table > tbody > tr{cursor:pointer;}
.yto-table table > tbody > tr:nth-child(2n+1){background-color:rgba(0,0,0,0.1);}
.yto-table table > tbody > tr:hover{background-color:rgba(96,175,255,0.6);}
.yto-table table > tbody > tr.active{background-color:#ff6600;}

.yto-date{color:#fff; font-size:32px; font-weight:500; right:30px; top:30px; position:absolute;}
.yto-leftbar{left:30px; top:15px; position:absolute;}
.yto-leftbar .yto-logo img{width:75px;}
.yto-leftbar .yto-logo{display:inline-block; padding-right:20px}
.yto-leftbar .yto-selectcity{display:inline-block; cursor:pointer; font-size:32px; color:#fff; vertical-align:middle; padding:10px; border-radius:8px;}
.yto-leftbar .yto-selectcity:hover{background:rgba(96,175,255,0.6);}
.yto-leftbar .yto-selectcity i{font-size:16px; margin-left:8px;}
.realmovie-box{position:absolute; right:30px; top:150px;}
.realmovie-box .real-pic{width:360px; overflow:hidden; margin-bottom:15px; border:1px solid #111;}
.realmovie-box .real-pic img{width:360px; height:240px;}
.echart-radar{width:300px; height:240px; float:left;}
.realselect-box{position:absolute; left:30px; top:800px; width:auto;}
.radar-table{float:left; margin-top:50px;}
.radar-table td h2 ,.radar-table th h2{margin:0;color:#fff;}
.radar-table table{font-size:16px; width:100%;}
.radar-table td, .radar-table th{color:#72ACD1; padding:10px 20px;}
.echart-title{text-align:center; width:300px; position:absolute; top:30px; left:50%; margin-left:-150px; font-size:32px; color:#fff;}

/*body-real*/
.body-real:before{content:' '; position: fixed; z-index: -1;top: 0;right: 0;bottom: 0;left: 0; background: linear-gradient(to right bottom, #124d7e 20%, #167dce);}
.body-real{background-color:transparent;}
.yto-table{left:30px; top:150px; position:absolute; width:360px; bottom:30px;}
.yto-table table{font-size:16px;}
.yto-table td, .yto-table th{color:#fff; border:1px solid rgba(255,255,255,0.2); padding:10px 20px;}
.yto-table table > tbody > tr{cursor:pointer;}
.yto-table table > tbody > tr:nth-child(2n+1){background-color:rgba(0,0,0,0.1);}
.yto-table table > tbody > tr:hover{background-color:rgba(96,175,255,0.6);}
.yto-table table > tbody > tr.active{background-color:#ff6600;}

.yto-date{color:#fff; font-size:32px; font-weight:500; right:30px; top:30px; position:absolute;}
.yto-leftbar{left:30px; top:15px; position:absolute;}
.yto-leftbar .yto-logo img{width:75px;}
.yto-leftbar .yto-logo{display:inline-block; padding-right:30px}
.yto-leftbar .yto-selectcity{display:inline-block; font-size:32px; color:#fff; vertical-align:middle;}
.realmovie-box{position:absolute; right:30px; top:150px;}
.realmovie-box .real-pic{width:360px; overflow:hidden; margin-bottom:15px; border:1px solid #111; cursor:pointer;}
.realmovie-box .real-pic img{width:360px; height:240px;}
.echart-radar{width:300px; height:240px; float:left;}
.realselect-box{position:absolute; left:30px; top:800px; width:auto; display:none;}
.radar-table{float:left; margin-top:50px;}
.radar-table td h2 ,.radar-table th h2{margin:0;color:#fff;}
.radar-table table{font-size:16px; width:100%;}
.radar-table td h2{padding:5px; cursor:pointer; border-radius:6px;}
.radar-table td h2:hover{background-color:rgba(96,175,255,0.6);}
.radar-table td, .radar-table th{color:#72ACD1; padding:10px 20px;}
.radar-table th span{cursor:pointer; }
.radar-table th span:hover{color:rgba(96,175,255,0.6);}
.echart-title{text-align:center; width:300px; position:absolute; top:30px; left:50%; margin-left:-150px; font-size:32px; color:#fff;}
.map-box-bg{left:0; right:0; top:0; bottom:0; position: fixed; background: #000; opacity: 0.5;
	filter: alpha(opacity=50); z-index:10; display:none;}
.map-box{background-color:#fff; z-index:11; position:absolute; top:200px; left:50%; width:640px; margin-left:-320px; display:none;}

.map-pic img{width:640px; height:420px;}
.map-foot{padding:10px;overflow:hidden;}
.map-phone{height:72px; width:72px; position:relative; background-color:#60afff; text-align:left; padding-top:8px; padding-left:10px; cursor:pointer; float:left; overflow:hidden; transition:all 1s;}
.map-phone:hover{background-color:#147ccd; }
.map-phone .fa{font-size:60px; color:#fff;}
.map-phone-on{ position:absolute; left:72px; top:8px; display:none; transition:all 1s;}
.map-phone-on h4{margin-top:0; color:#fff;}
.map-phone-on h3{margin:0; color:#fff;}
.online{width:260px; background:#ff6600;}
.online:hover{background:#ff6600;}
.online .map-phone-on{display:block;}
.map-info{float:left; margin-left:20px;}
.map-info h4{margin-top:8px;}
.map-info h3{margin:0;}
.map-close{height:72px; width:72px; color:#60afff; text-align:center; padding-top:20px; cursor:pointer; float:right; font-size:24px;}
.map-close:hover{color:#147ccd; }
.map-close .fa{font-size:32px;}
.map-box-title{overflow:hidden;}
.map-box-title h2{text-align:center; line-height:72px; font-size:24px; margin:0;}
.map-box-title .map-close{position:absolute; right:12px; top:0;}
.map-box .echart-map{ width:600px; height:300px; margin:20px;}
.map-box dl{overflow:hidden; margin-bottom:10px; margin-left:10px; }
.map-box dl dd{ float:left;  margin-left:20px; margin-bottom:20px;}
.map-box dl dd a{ display:block; text-overflow:ellipsis; white-space: nowrap; font-weight:lighter; width:100px; height:40px;  border:1px solid #e4e4e4; line-height:40px; text-align:center; overflow:hidden; cursor:pointer; }
.map-box dl dd a:hover{background: #0097f5; color:#fff; border:1px solid #0097f5;}

/*body-analysis*/
.yto-nav{margin-left:30px;}
.yto-nav .nav > li{margin-right:20px;}
.yto-nav .nav > li > a{border:1px solid #d2d2d2; border-radius:16px; padding:6px 20px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background-color:#387dc8; border-color:#387dc8;}
.yto-form{padding-top:15px; }
.yto-form label{padding:0 3px 0 20px;}
.yto-form .form-group{padding:0 5px 8px 5px;}
.yto-form .input-group{background-color:#fff;}
.m-left{margin-left:40px;}
.container-fluid.m_t_15{padding:0;}
.cognos-sub{width:40px;position:absolute; left:0; top:100px;}
.cognos-edit{ width:100%; margin-bottom:20px; color:#666;}
.cognos-edit.active{color:#387dc8;}
.cognos-edit i{display:block; font-size:22px; text-align:center;}
.cognos-edit span{display:block; font-size:14px; text-align:center;}
.import-info{overflow:hidden; margin:10px 0 20px; width:100%;  text-align:center;}
.import-info span{display:inline-block; padding-left:15px; vertical-align:middle; text-align:left;}

/*body-screen*/
.body-screen:before{content:' '; position: fixed; z-index: -1;top: 0;right: 0;bottom: 0;left: 0; background:url(/bi/images/screen_bg.jpg); background-size:cover; }
.body-screen{background-color:transparent;}
.body-screen .page-container{margin:0;}
.body-screen .yto-date{color:#a5e9ff; font-size:26px; right:20px; top:20px;}
.body-screen .yto-leftbar{left:20px; top:8px;}
.body-screen .yto-leftbar .yto-logo img{width:65px;}
.flex-box{display:flex; margin-top:90px; padding:0 10px;}
.flex-row{flex-grow:1; text-align:center; overflow:hidden; background:url(/bi/images/flex_bg.png); height:auto;  margin:0 20px;}
.flex-row h1{color:#5dffff; font-size:82px; min-width:350px; margin:5px auto; text-align:center;}
.flex-row h3{color:#0eb5cf; margin-top:0;}
.flex-row h3.yellow{color:#c7c365;}
.flex-row h1.yellow{color:#cfdc8b;}
.lcddfont b{font-weight:normal;}
.body-screen .echart-map{position:absolute; top:180px; right:0; bottom:0; left:30%;  width:auto; height:auto;}
.screen-text{position:absolute; left:5%; top:270px; right:60%; bottom:400px;}
.screen-text h2{color:#5dffff; font-size:26px; font-weight:500;}
.screen-text h2 span{font-size:58px;}
.screen-text p{color:#88c2d5; font-size:22px; margin-top:15px;}
.screen-text p .lcddfont{color:#cfdc8b; font-size:24px; padding:0 5px;}
.screen-text-line{ border:1px solid #466676; width:200px; height:0; position:relative;}
.screen-text-line i{display:block; width:50px; background:#a5e9ff; height:3px; position:absolute; left:0; top:-2px;}
.body-screen .echart-bar{position:absolute; font-size:20px; left:5%; top:500px; right:65%; bottom:8%; min-height:300px;}
.screen-map-text{position:absolute; font-size:20px; left:40%; top:76%; right:42%; height:auto;}
.screen-map-text h2{text-align:right;color:#0eb5cf; padding:0 20px; font-size:28px; margin-top:0;}
.screen-map-text p{color:#0eb5cf; padding:0 20px; font-size:22px; margin:0;}
.screen-map-text .lcddfont{ margin-left:10px; font-size:42px; color:#5dffff}
.screen-map-list{position:absolute; font-size:26px; width:220px; top:48%; right:30px; height:auto;}
.screen-map-list p{color:#0eb5cf; font-size:24px; padding:15px 10px 0 15px;margin:0; line-height:26px;}
.screen-map-list ul,.screen-map-list ul li{list-style:none; padding:0;}
.screen-map-list ul{height:280px; overflow:hidden;}
.screen-map-list ul li{height:70px; overflow:hidden;}
.screen-map-list .lcddfont{ font-size:28px; color:#cfdc8b; margin:0 5px;}
.line-top{background:url(/bi/images/line_top.png); display:block; width:100%; height:20px; padding-left:30px;}
.line-top i{ display:block; height:100%; background:url(/bi/images/line_top.png) right 0 no-repeat;}
.line-bottom{background:url(/bi/images/line_bottom.png) 0 bottom; display:block; width:100%; height:20px; padding-left:30px;}
.line-bottom i{ display:block; height:100%; background:url(/bi/images/line_bottom.png) right bottom no-repeat;}
.body-screen .echart-map.center{top:0; right:0; bottom:0; left:20%;  width:auto; height:auto;}
.center-info-left{position:absolute; left:40px; top:60px; right:72%;}
.center-early{ width:100%; height:auto; margin-bottom:26px;}
.center-early-title{padding:0 20px;}
.center-early-title h3{color:#5dffff; margin-top:0;}
.center-early-bd{padding:0 20px;}
.center-early-bd h5{ color:#0eb5cf; width:110px; font-size:18px; display:inline-block; padding-top:12px; }
.center-early-bd > .lcddfont{ font-size:48px; color:#5dffff;}
.center-pie{width:100px; height:100px; display:inline-block; vertical-align:middle; margin-top:10px;}
.center-pie-text{display:inline-block; vertical-align:middle; margin-left:10px;}
.center-pie-text h5{display:block;}
.center-pie-text .lcddfont{font-size:42px; color:#5dffff;}
.line-bar{ overflow:hidden; padding:8px 20px; margin:12px 0;}
.line-bar span{float:left; line-height:20px;color:#0eb5cf; font-size:20px;}
.line-bar span:first-child{ width:200px; text-align:right;}
.line-bar .progress-bar{margin-left:20px; margin-right:5px; border-radius:10px; height:16px; margin-top:3px;}
.line-bar .progress-bar-info{background: linear-gradient(to right,#136ccc,#5cfdfe); }
.line-bar .progress-bar-warning{background: linear-gradient(to right,#edc8la,#f0fea0); }
.center-early-bd > ul{list-style:none; padding:0; margin-top:20px;}
.center-early-bd > ul > li{list-style:none; padding:0; padding:15px 0; font-size:16px; color:#0eb5cf;}
.center-info-right{position:absolute; right:40px; top:90px; left:75%;}
.center-early-title .fa-question-circle{ color:#5dffff;}
.center-header{position:absolute; color:#fff; text-align:center; width:100%; top:15px; font-size:40px; color:#a5e9ff;}



@media screen and (max-width:1367px){
	/*body-real*/
	.yto-table{left:20px; top:100px;}
	.yto-table table{font-size:12px;}
	.yto-date{right:20px; top:20px; font-size:24px;}
	.yto-leftbar{left:20px; top:8px;}
	.yto-leftbar .yto-logo img{width:65px;}
	.realmovie-box{top:100px; right:20px;}
	.yto-leftbar .yto-selectcity{font-size:24px;}
	.realmovie-box .real-pic{width:300px;}
    .realmovie-box .real-pic img{width:300px; height:180px;}
    .echart-title{font-size:24px; top:20px;}
    .realselect-box{top:520px; left:20px;}
    .echart-radar{width:300px; height:240px; float:left;}
    .radar-table table{font-size:12px;}
    .radar-table td h2 ,.radar-table th h2{font-size:24px;}
    .radar-table td, .radar-table th{padding:10px;}
    .map-box{top:100px;}
    .yto-form .form-group{padding:0 3px 5px 3px;}
    .yto-form .input-group.date{width:135px;}
}

@media screen and (min-width: 768px){
	.page-body.skin-facebook .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] {
    color: #8b9dc3;
}

}

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
	padding: 4px;
	margin-top: 1px;
	direction: ltr;
	min-width: 220px;
}

.datetimepicker-inline {
	width: 220px;
}

.datetimepicker.datetimepicker-rtl {
	direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
	float: right;
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
	top: 0;
	left: 0;
}

[class*=" datetimepicker-dropdown"]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #cccccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
}

[class*=" datetimepicker-dropdown"]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
}

[class*=" datetimepicker-dropdown-top"]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #cccccc;
	border-top-color: rgba(0, 0, 0, 0.2);
	border-bottom: 0;
}

[class*=" datetimepicker-dropdown-top"]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ffffff;
	border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
	top: -7px;
	right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
	top: -6px;
	right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
	top: -7px;
	left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
	top: -6px;
	left: 7px;
}

.datetimepicker-dropdown-top-left:before {
	bottom: -7px;
	right: 6px;
}

.datetimepicker-dropdown-top-left:after {
	bottom: -6px;
	right: 7px;
}

.datetimepicker-dropdown-top-right:before {
	bottom: -7px;
	left: 6px;
}

.datetimepicker-dropdown-top-right:after {
	bottom: -6px;
	left: 7px;
}

.datetimepicker > div {
	display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes {
	display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
	display: block;
}

.datetimepicker.days div.datetimepicker-days {
	display: block;
}

.datetimepicker.months div.datetimepicker-months {
	display: block;
}

.datetimepicker.years div.datetimepicker-years {
	display: block;
}

.datetimepicker table {
	margin: 0;
	width:100%;
}

.datetimepicker  td,
.datetimepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
	background-color: transparent;
}

.datetimepicker table tr td.minute:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.day:hover {
	background: #c4e2ff;
	cursor: pointer;
}
.datetimepicker table tr td.custom:hover {
	background: #c4e2ff;
	cursor: pointer;
}
.datetimepicker table tr.week-box:hover {
	background: #c4e2ff;
	cursor: pointer;
}

.datetimepicker table tr.week-box.active{
	background: #0097f5;
	color:#fff;
	cursor: pointer;
}
.datetimepicker table tr.week-box.active td.disabled,
.datetimepicker table tr.week-box.active td.new,
.datetimepicker table tr.week-box.active td.old{
	color:#fff;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
	color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}


.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
	background-color: #fde19a;
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
	background-color: #c4e2ff;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
	background-color: #c4e2ff;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
	background-color: #0097f5;
	color: #ffffff;
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0097f5;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
	background-color: #0097f5;
}

.datetimepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
}

.datetimepicker .datetimepicker-hours span {
	height: 26px;
	line-height: 26px;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
	width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
	margin-bottom: inherit;
	line-height: 30px;
}

.datetimepicker .datetimepicker-minutes span {
	height: 26px;
	line-height: 26px;
}

.datetimepicker table tr td span:hover {
	background: #c4e2ff;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
	background-color: #0097f5;
	color: #ffffff;
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #c4e2ff;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
	background-color: #0097f5;
}

.datetimepicker table tr td span.old {
	color: #999999;
}

.datetimepicker th.switch {
	width: 145px;
}

.datetimepicker th span.glyphicon {
	pointer-events: none;
}

.datetimepicker thead th.prev,
.datetimepicker thead th.next,
.datetimepicker tfoot th {
	cursor: pointer;
}

.datetimepicker thead th.prev:hover,
.datetimepicker thead th.next:hover,
.datetimepicker tfoot th:hover {
	background: #c4e2ff;
}

.table-condensed thead tr:first-child{border-bottom:1px solid #e4e4e4;}
.datetimepicker thead tr th.switch:hover{background:#fff;}
.custommenu{position:absolute; background:#fff; border:1px solid #ccc;}
.custommenu span{display:block; width:100px; cursor:pointer; line-height:24px; text-align:center;}
.custommenu span:hover{background-color: #c4e2ff;}
.custommenu span.endtime{border-top:1px solid #ccc;}



.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
	cursor: pointer;
	width: 14px;
	height: 14px;
}
.datetimepicker-tab{ width:100%;}
.datetimepicker-tab tr th{padding:2px 4px;}
.datetimepicker-tab tr th h6{border:1px solid #e4e4e4; padding:4px 0;  cursor:pointer;}
.datetimepicker-tab tr th:hover h6{background: #e5f4fe; border:1px solid #ceeafd;}
.datetimepicker-tab tr th.active h6{background:#0097f5; color:#fff; border:1px solid #0097f5;}

.form-horizontal .col-sm-1,
.form-horizontal .col-sm-2,
.form-horizontal .col-sm-3,
.form-horizontal .col-sm-4,
.form-horizontal .col-sm-5,
.form-horizontal .col-sm-6,
.form-horizontal .col-sm-7,
.form-horizontal .col-sm-8,
.form-horizontal .col-sm-9,
.form-horizontal .col-sm-10,
.form-horizontal .col-sm-11,
.form-horizontal .col-sm-12
{ padding-left:5px; padding-right:5px;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
	cursor:default;
	background-color:inherit;
}

/*loading-info*/
.loader-content {
  margin: 50vh auto 0;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

.loader-content h2 {
  font-weight: 500;
  color: #fff;
}

.loader-index {
  margin-top: 20px;
}

.loader-index > div {
  display: inline-block;
  width: 4px;
  height: 25px;
  margin: 2px;
  background: #fff;
  border-radius: 2px;
  -webkit-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
       -o-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
          animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);

  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}

.loader-index > div:nth-child(2), .loader-index > div:nth-child(4) {
  -webkit-animation-delay: -.6s !important;
       -o-animation-delay: -.6s !important;
          animation-delay: -.6s !important;
}

.loader-index > div:nth-child(1), .loader-index > div:nth-child(5) {
  -webkit-animation-delay: -.4s !important;
       -o-animation-delay: -.4s !important;
          animation-delay: -.4s !important;
}

.loader-index > div:nth-child(6) {
  -webkit-animation-delay: -.2s !important;
       -o-animation-delay: -.2s !important;
          animation-delay: -.2s !important;
}

@-webkit-keyframes loader-index {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(.4);
            transform: scaley(.4);
  }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1);
  }
}

@-o-keyframes loader-index {
  0% {
    -o-transform: scaley(1);
       transform: scaley(1);
  }
  50% {
    -o-transform: scaley(.4);
       transform: scaley(.4);
  }
  100% {
    -o-transform: scaley(1);
       transform: scaley(1);
  }
}

@keyframes loader-index {
  0% {
    -webkit-transform: scaley(1);
         -o-transform: scaley(1);
            transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(.4);
         -o-transform: scaley(.4);
            transform: scaley(.4);
  }
  100% {
    -webkit-transform: scaley(1);
         -o-transform: scaley(1);
            transform: scaley(1);
  }
}
/*loading-info  end*/
/*selectcity*/
.input-select-box{ position:absolute; z-index:6; left:0; top:33px; border:1px solid #ddd; background:#fff; width:340px; display:none;}
.input-select-box h5{ height:36px; padding:0 0 0 12px; line-height:36px; background:#f3f3f3; margin:0; color:#999;overflow: hidden;}
.input-select-box .btn{float:right; margin-right:6px; margin-top:6px; display:none;}
.input-select-box .icofont:hover{ color:#ed5736;}
.input-select-list{ padding:10px;}
.input-select-list > ul{ border-bottom:1px solid #e4e4e4; height:30px; padding:0;}
.input-select-list > ul li{ width:100px; height:30px; border-width:1px; border-color:#e4e4e4;border-style:solid; background-color:#fff; text-align:center; line-height:30px; margin-right:-1px; cursor:pointer; float:left;}
.input-select-list > ul li:hover{background:#e5f4fe; border-color:#ceeafd;}
.input-select-list > ul li.hover{ border-bottom-color:#fff;}
.input-select-list > ul li.hover:hover{ background:#fff; border-color:#e4e4e4 #e4e4e4 #fff #e4e4e4;}
.input-select-list > ul h6{position:absolute; right:10px; cursor:pointer; padding:7px; margin:0;}
.input-select-list > ul h6:hover{background:#e5f4fe;}
.input-select-list .fa{font-size:14px; color:#999;}
.input-select-list .c2c_obj{margin-left:5px;}
.input-select-list dl{ padding:10px 0; overflow:hidden; display:none; height:auto; border-right:none; margin:0;}
.input-select-list dd{ float:left; display:inline; padding:0;}
.input-select-list a{height:26px; padding:0 3px; width:105px; display:block; overflow:hidden; text-align:center; line-height:26px; cursor:pointer; text-overflow:ellipsis; white-space:nowrap;}
.input-select-list a:hover{ background:#c4e2ff;}
.input-select-list dl.ytoProv{ display:block;}
.input-select-list a.onclick{ background:#0097f5; color:#fff;}
.input-select-list .ytotab{overflow: hidden; width:100%; text-align:center; padding-left:0;}
.input-select-list .ytotab li{border:1px solid #e4e4e4; width:74px; text-align:center; display:inline-block; padding:4px 0; margin:0 10px; font-size:12px; }
.input-select-list .ytotab li.active{background:#0097f5; color:#fff; border:1px solid #0097f5;}
.input-select-list .scroll-branch{width:100%; max-height:260px; margin-top:10px; overflow-y:auto;}
.input-select-list .scroll-branch p{width:100%; margin:0;}
.input-select-list .scroll-branch p a{width:100%; text-align:left;}
.input-select-list .top-branch{width:100%;}
.select-on .icofont{ color:#ed5736;}
.loading{ background:url(http://source.yto.net.cn/gw/images/loading.gif) 2px 2px no-repeat; width:100px; text-align:center;}

/*ytoselects*/
.yto-select-box{ position:absolute; z-index:6; left:0; top:33px; border:1px solid #ddd; background:#fff; width:520px; display:none;}
.yto-select-box .yto-select-foot{ height:41px; padding:0 0 0 12px; line-height:36px; background:#f3f3f3; margin:0; color:#999; overflow: hidden; clear:both;}
.yto-select-box .btn{float:right; margin-right:6px; margin-top:6px;}
.yto-select-box .icofont:hover{ color:#ed5736;}
.yto-select-tab{ padding:10px; background:#f3f3f3;}
.yto-select-tab > ul{ height:auto; padding:0; margin:0; overflow:hidden;}
.yto-select-tab > ul li{ width:60px; padding:4px 0; font-size:12px; border-width:1px; border-color:#e4e4e4;border-style:solid; background-color:#fff; text-align:center; cursor:pointer; float:left; margin-right:10px;}
.yto-select-tab > ul li:hover{background:#e5f4fe; border-color:#ceeafd;}
.yto-select-tab > ul li.hover{background:#0097f5; border-color:#0097f5; color:#fff;}
.yto-select-tab > ul li.hover:hover{background:#0097f5; border-color:#0097f5; color:#fff;}
.yto-select-tab > ul h6{position:absolute; right:10px; cursor:pointer; padding:7px; margin:0;}
.yto-select-tab > ul h6:hover{background:#e5f4fe;}
.yto-select-content{width:300px; overflow:hidden; float:left;}
.yto-select-content .fa{font-size:14px; color:#999;}
.yto-select-content .c2c_obj{margin-left:5px;}
.yto-select-content > div{padding:10px; overflow:hidden; display:none; height:auto; margin:0;}
.yto-select-content > div:first-child{display:block;}
.yto-select-content ul{ border-bottom:1px solid #e4e4e4; height:30px; padding:0;}
.yto-select-content ul li{ width:90px; height:30px; border-width:1px; border-color:#e4e4e4;border-style:solid; background-color:#fff; text-align:center; line-height:30px; margin-right:-1px; cursor:pointer; float:left;}
.yto-select-content ul li:hover{background:#e5f4fe; border-color:#ceeafd;}
.yto-select-content ul li.hover{ border-bottom-color:#fff;}
.yto-select-content ul li.hover:hover{ background:#fff; border-color:#e4e4e4 #e4e4e4 #fff #e4e4e4;}
.yto-select-content dd{ float:left; display:inline; padding:0;}
.yto-select-content span{height:26px; padding:0 3px; width:93px; display:inline-block; overflow:hidden; text-align:center; line-height:26px; cursor:pointer; text-overflow:ellipsis; white-space:nowrap;}
.yto-select-content span:hover{ background:#c4e2ff;}
.yto-select-content dl.ytoProv{ display:block;}
.yto-select-content span.onclick{ background:#0097f5; color:#fff;}
.yto-select-content .ytotab{overflow: hidden; width:100%; text-align:center; padding-left:0;}
.yto-select-content .ytotab li{border:1px solid #e4e4e4; width:74px; text-align:center; display:inline-block; padding:4px 0; margin:0 10px; font-size:12px; }
.yto-select-content .ytotab li.active{background:#0097f5; color:#fff; border:1px solid #0097f5;}
.yto-select-content .scroll-branch{width:100%; max-height:260px; margin-top:10px; overflow-y:auto;}
.yto-select-content .scroll-branch p{width:100%; margin:0; position:relative;}
.yto-select-content .scroll-branch p:hover{background:#e5f4fe;}
.yto-select-content .scroll-branch p a{width:100%; text-align:left; display:block; padding:5px 0 5px 20px; overflow:hidden; position:relative; z-index:2; cursor:pointer; text-overflow:ellipsis; white-space:nowrap;}
.yto-select-content .scroll-branch p a:hover{background:transparent;}
.yto-select-content .top-branch{width:100%;}
.yto-select-content .scroll-branch input{z-index:1; position:absolute; top:4px;}
.yto-selected-content{width:208px; float:left; border:1px solid #e4e4e4; margin:10px 10px 10px 0;}
.yto-selected-content h5{text-align:center; margin:0; background:#f3f3f3; height:30px; line-height:30px;}
.yto-selected-content .yto-selected-bd{width:100%; height:260px; margin-top:10px; overflow-y:auto;}
.yto-selected-content .tag{ margin-bottom:0; display:block; padding:5px; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.yto-selected-content .tag:hover{background:#e5f4fe;}
.yto-selected-content .fa{position:absolute; right:5px; top:9px; font-size:12px; color:#ccc;}
.yto-selected-content .tag:hover .fa{color:#ff6264;}


.btn-file{overflow:hidden; position:relative;}
.btn-file input[type="file"] {cursor: pointer;display: block;left: 0;min-height: 100%;min-width: 100%;opacity: 0;position: absolute;top: 0;}

.m_r_15{margin-right:15px;}
.m_r_20{margin-right:20px;}

.m_t_15{margin-top:15px;}
.m_t_20{margin-top:20px;}
.p_l_0{padding-left:0 !important;}