* { padding: 0; margin: 0; }
ul,li { list-style: none; }
a,a:hover,a:focus,a:visited { text-decoration: none; }
/* 用户登录页面样式 */
.login-bg {background: url(../images/login-bg.jpg) repeat 0 0;}
.form-signin-heading { font-size: 22px; text-align: center; margin-bottom: 30px; margin-top: 0; }
.form-signin-heading img{ height: 50px; width: auto;}
.login-l {margin-top: 20%;}
.login-l h1 {font-size: 26px;color: #fff;text-shadow: 0 2px 4px rgba(0,32,59,0.3);}  
.login-l h1 img {margin-right: 10px;}
.login-l .login-l-bg {margin-top: 30px;}
.login-r {max-width: 480px;border-radius: 10px;margin: 7% auto 0;padding: 40px;background-color: #fff;}
.login-r .login-input {margin-bottom: 15px;}
.login-r .login-input input {height: 48px;line-height: 48px;box-shadow: none;border-radius: 4px;}
.login-r .login-input span {height: 28px;line-height: 28px;color: #aaa;font-size: 18px;}
.login-r .logo-remind{font-size: 12px;margin-top: 8px;color: red;} 

/* loading样式 */
.loading-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 1;
    filter: Alpha(opacity=60);
    z-index: 9999;
}
.loading-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -41.5px;
    margin-left: -41.5px;
    width: 83px;
    height: 83px;
    background: url(../images/loading/loading-img.png) center center no-repeat;
}
.loading-round {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 81px;
    height: 81px;
    background: url(../images/loading/loading-bg.png) center center no-repeat;
}
.loading-dot {
    width: 83px;
    height: 83px;
    background: url(../images/loading/loading-dot.png) center center no-repeat;
}
.loading-dot, .loading-round {
	animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-ms-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear
}

@-webkit-keyframes spin {
	from {-webkit-transform: rotate(0)}
	to {-webkit-transform: rotate(360deg)}
}
@-moz-keyframes spin {
	from {-moz-transform: rotate(0)}
	to {-moz-transform: rotate(360deg)}
}
@-ms-keyframes spin {
	from {-ms-transform: rotate(0)}
	to {-ms-transform: rotate(360deg)}
}
@-o-keyframes spin {
	from {-o-transform: rotate(0)}
	to {-o-transform: rotate(360deg)}
}
@keyframes spin {
	from {transform: rotate(0)}
	to {transform: rotate(360deg)}

}

/* 首页样式 */
.mynavbar { background-color: #337ab7; border-radius: 0; border: none; margin-bottom: 0;}
.navbar-brand { padding-bottom: 0; padding-top: 0; line-height: 50px; color: #fff !important; }
.navbar-brand img { height: 36px; display: inline-block; margin-right: 10px;}
@media (min-width: 768px){.mynavbar-nav-user.navbar-right {margin-right: 0;}}
.mynavbar-nav-user > li > a:hover{ text-decoration:none;background-color:rgba(255,255,255,0.2)}


.mynavbar-nav-user>li>a { color: #fff !important;}
.mynavbar-nav-user>.open>a, .mynavbar-nav-user>.open>a:focus, .mynavbar-nav-user>.open>a:hover { color: #fff !important; background-color: #337ab7 !important;}
.mynavbar-nav-user .dropdown-menu { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1); min-width: 125px; border-radius: 0;}
@media (max-width: 767px){
  .mynavbar-nav-user li.open .dropdown-menu li a { color: #cce7ff !important; }
  .mynavbar-nav-user li.open .dropdown-menu li a:hover { color: #fff !important; }
  .mynavbar-nav-user { margin-bottom: 0; margin-top: 0; }
}
.dropdown-menu > li > a{padding: 3px 18px;text-align: center;}
.Hui-userbar{ position:absolute; top:0px; right:20px;margin-bottom: 0px;}
.Hui-userbar > li{ float:left; display:inline-block; position:relative;line-height:50px}
.Hui-userbar > li > a{ display:inline-block; padding:0 10px;height:50px; line-height:50px;color: #eee;}
.Hui-userbar > li > a:hover,Hui-userbar > li.current > a{ text-decoration:none;background-color:rgba(255,255,255,0.2)}

.Hui-aside{position: absolute;width: 213px;}
.Hui-article-box{position: absolute;top:64px;right:0;bottom: 0;left:199px; overflow:hidden; z-index:1; background-color:#fff}
.J_mainContent iframe {bottom: 0;height: 100%;width: 100%;}
.J_menuTab_main.active{background-color: #39aef5;color: #ffffff;}
.dropdown.open .dropdown-menu {position: absolute;z-index: 1000;margin:0 0;display: inline-block;top: 100%;left: -1px;min-width: 100%;background-color: #fff;border: solid 1px #f2f2f2;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(242, 242, 242);}
.dropdown-menu {min-width: 100px;}
.dropdown.open {position: relative;z-index: 990;}
.dropdown.open.right .dropdown-menu {right: -1px !important;left: auto !important;}

.content-tabs-box { position: fixed; top: 50px; width: 100%; z-index: 999;}
.content-tabs { height: 30px; border-bottom: 2px solid #337ab7; position: relative; background-color: #fff;z-index: 10060;}
.roll-nav { position: absolute; width: 40px; height: 40px; text-align: center; border: none; background-color: #fff; color: #999; }
.roll-nav:hover { background-color: #fafafa; }
.roll-left { border-right: 1px solid #eee; }
.roll-right { right: 0; top: 0; border-left: 1px solid #eee;  }
nav.page-tabs { margin-left: 90px; margin-right: 40px; height: 30px; line-height: 30px; overflow: hidden; }
.page-tabs-content a { float: left; padding:0 10px 0 15px; border-right: 1px solid #eee; height: 30px; display: inline-block; font-size: 14px; color: #333;}
.page-tabs-content a span{margin-right: 10px;}
.page-tabs-content a.active,.page-tabs-content a:hover { background-color: #39aef5; color: #FFFFFF; }
.page-tabs-content .fa-times-circle { color: #FFFFFF; }
.wrapper-content { padding: 16px 15px 47px }
@media (max-width: 767px){
    .wrapper-content { padding: 147px 15px 47px }
    .content-tabs-box { top: 90px; }
}
.myindexpanel { margin-bottom: 15px; border-radius: 0; }
.myindexpanel .panel-heading { font-size: 16px; }
.panel-body-index { padding-left: 0; padding-right: 0; }
.panel-body-index div { height: 72px; text-align: center; }
.panel-body-index div a { display: block; color: #fff; font-size: 22px; border-radius: 4px; height: 72px; overflow: hidden;}
.panel-body-index div a .fa { font-size: 36px; display: inline-block; padding: 18px 0; margin-right: 10px;}
.firstbg { background-color: #57beca; }
.secondbg { background-color: #06a8d6; }
.thirdbg { background-color: #1dada6; }
.fourthbg { background-color: #5897e1;}
.fifthbg { background-color: #9c65c9;}
.sixthbg { background-color: #f8bb78;}
.seventhtbg { background-color: #e35f83; }
.eigthbg { background-color: #65cfc8; }
@media (max-width: 767px){
    .panel-body-index div:nth-child(3),.panel-body-index div:nth-child(4),.panel-body-index div:nth-child(5),.panel-body-index div:nth-child(6),.panel-body-index div:nth-child(7),.panel-body-index div:nth-child(8) { margin-top: 15px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .panel-body-index div:nth-child(5),.panel-body-index div:nth-child(6),.panel-body-index div:nth-child(7),.panel-body-index div:nth-child(8) { margin-top: 15px; }
}
@media (min-width: 992px) {
    .panel-body-index div:nth-child(7),.panel-body-index div:nth-child(8) { margin-top: 15px; }
}