/*顶部导航*/
.navbar-brand>.logotop {
    width:90%;
}
.navbar-fixed-top{
	background: #2A2A2A;
    border: none;
    height:72px;
    line-height:72px;
}
.navbar-default .navbar-brand{
	margin: 0 !important;
	color: #fff;
	width: 203px;
	height: 72px;
    padding: 14px 0;
}
.navbar-list{
	font-weight: 400;
	margin: 0 -15px;
}
.navbar-list li:hover{
    background:#E35046;
}
.navbar-list>.on{
    background:#E35046;
}
.navbar-default .navbar-nav>li>a{
	color: #fff;
    cursor:pointer;
}

.search-cont-topleft {
    height:72px;
}
.search-topleft {
    width: 30px;
    height: 72px;
    background: url(../img/topsearch-close.png) no-repeat;
    background-size: 26px 26px;
    float: right;
    background-position: center;
}
.search-group .search-forms .top-search-li {
    margin: 0 ;
    width:30px;
    height:72px;
    padding:0;
    border: 0;
    background: transparent !important;
}
.navbar-list>li:last-child{
	border-top: 1px solid #e5e5e5;
}
.tb-new-chart>li>.login-tx{
    width: 28px;
    height: 28px;
    margin: 21.5px 12px;
    padding: 4px !important;
    /*background: #C6836A;
    border-radius: 50%;*/
}
.dropdown-menu{
	min-width: 145px;
    padding: 0;
    border: none;
}
.navbar-list li .drop-width>li>a {
        padding: 15px 0;
}
.dropdown-menu>li>a{
    padding: 13px 20px;
}
.dropdown-menu>li>a:hover{
    background:#E35046;
    color: #fff;
}
.nav .lecturer{
	/*display: none;*/
}
.navbar-list li:last-child .badge{
	color: #fff;
	background-color: #333;
	padding: 4px 7px;
}
.tb-new-chart{
	padding: 25.5px 0;
}
.tb-new-chart>li>a{
	padding: 0 !important;
	margin-right: 26px;
}
.btn-login{
	display: block;
	width: 22px;
	height: 22px;
    border-radius:50%;
	background-image: url(../img/level_1.png);
	background-size: 48px 20px;
	background-position: -24px 20px;
}
.tb-new-chart .user-img{
	/*display: none;*/
}
.user-img img{
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.user-img .dropdown-menu{
	right: 0px;
	top: 45.5px;
}
.navbar-header-right{
	margin: px 15px; 
	padding: 0; 
	border: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color: #f8f8f8;
}
.btn-default:hover{
	background-color: #9A7C5F;
	border-color: #9A7C5F;
}
.btn-nav{
	padding: 9px 10px;
	background: #9A7C5F;
	border-color: #9A7C5F;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
	background: #9A7C5F;
	border-color: #9A7C5F;
}
.btn-an{
	position: relative;
	font-size: 20px;
	background: #B99A7B;
	border: none;
}
.btn-an:hover, .btn-an:focus{
	background: #B99A7B !important;
	border: none !important;
}
.navbar-right{
	padding-right: 15px;
	display: none;
	font-size: 20px;
}
/*.navbar-default .navbar-nav>.open>a{
	background: #E35046;
	color: #fff;
}*/
.navbar-default .navbar-collapse>.navbar-nav>.open a:hover, .navbar-default .navbar-collapse>.navbar-nav>li a:hover{
    background: #E35046 !important;
	color: #fff !important;
}
.navbar-default .navbar-right .navbar-nav>.open>a:hover, .navbar-default .navbar-right .navbar-nav>li>a:hover{
    background-color: transparent;
}
.navbar-default .navbar-right>.tb-new-chart>li ul a:hover{
    background-color:#E35046;
}

.navbar-default .navbar-collapse>.navbar-nav>.open a:hover, .navbar-default .navbar-collapse>.navbar-nav>li a:active{
    background: #B73A32 !important;
	color: #fff !important;
}
.navbar-default .navbar-collapse > .navbar-nav > .open a:hover, .navbar-default .navbar-collapse > .navbar-nav > li .drop-width > li > a:hover {
     background: #E35046 !important;
	color: #fff !important;
}
.navbar-default .navbar-collapse > .navbar-nav > .open a:hover, .navbar-default .navbar-collapse > .navbar-nav > li .drop-width > li > a:active {
     background: #B73A32 !important;
	color: #fff !important;
}
/*.navbar-default .navbar-right .navbar-nav>.open>a:hover, .navbar-default .navbar-right .navbar-nav>li>a:active{
    background-color: transparent;
}
.navbar-default .navbar-right>.tb-new-chart>li ul a:active{
    background-color:#B73A32;
}
.btn:active{
    background: #B73A32;
	color: #fff;
}*/ 

.navbar-default .navbar-nav>.open a:focus, .navbar-default .navbar-nav>li a:focus{
    background: #2A2A2A;
	color: #fff;
}
.navbar-default .navbar-right .navbar-nav>.open>a:focus, .navbar-default .navbar-right .navbar-nav>li>a:focus{
    background-color: transparent;
}
.navbar-default .navbar-right>.tb-new-chart>li ul a:focus{
    background-color: #B73A32;
}
.btn:hover{
    background: #E35046;
	color: #fff;
} 
.btn:focus{
    background: #B73A32;
	color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #fff;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}
.navbar-list>li{
    width: 110px;
    text-align: center;
}
.navbar-list li a {
    padding: 26px 0;
}

/*搜索框背景色兼容谷歌*/
input:-internal-autofill-selected {
    background: #2A2A2A !Important;
}

/*右侧图标鼠标浮动变大*/
.righttop > li > a > svg:hover {
    font-size:22px;
    transition: all 0.1s;
}



/*登录弹窗*/
.window-div {
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    z-index: 110;
    display: none;
    top: 0;
}
.window-box{
    width: 486px;
    margin: 0 auto;
    margin-top: 10%;
}
.login-popups {
     position: absolute;
    top: calc(50% - 202px);
    left: calc(50% - 243px);
    width: 486px;
    margin: 0 auto;
}
.close-popups {
    font-size: 40px;
    line-height: 25px;
    position: absolute;
    top: calc(50% - 214px);
    left: calc(50% + 210px);
    color: #2A2A2A;
    cursor: pointer;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 111;
}
.window-top{
    margin: 0 17px;
    padding: 0 35px;
    background: #fff;
    border-radius: 10px 10px 0 0;
}
.window-nav{
    display: flex;
    justify-content: space-between;
}
.window-nav div{
    width: 50%;
    padding: 25px 0;
    text-align: center;
    font-size: 20px;
    color: rgba(51,51,51,0.7);
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.window-nav .active{
    border-bottom: 1px solid #ddd;
    color: rgba(51,51,51,1);
}
.window-list{
    padding-top: 30px;
    font-size: 14px;
    color: #999;
}
.window-list>div{
    display: none;
}
.window-list .active{
    display: block;
}
.window-input{
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.window-input input{
    width: 100%;
    padding: 0;
    border: 0;
    outline: none;
    padding-left: 5px;
    box-shadow: none;
}
.window-input .send-yzm{
    width: 100px;
    background-color: transparent;
    padding: 0;
    color: #529CF0;
}
.window-yzm-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    height: 80px;
}
.window-yzm-title{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.window-list .window-yzm-title input{
    margin-left: 10px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    outline: none;
    font-size: 12px;
    padding-left: 5px;
}
.window-yzm-right{
    height: 40px;
}
.window-yzm-right input{
    width: 90px;
    height: 40px;
    border: 0;
    outline: none;
}
.window-submit{
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    background: #E35046;
    color: #fff;
}
.window-bottom{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #666;
    padding: 10px 0 30px 0;
}
.avoidlanding-group{
    display: flex;
    align-items: center;
}
.avoidlanding-group input{
    margin: 0;
    margin-right: 5px;
    outline: none;
}
.window-bottom-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.window-bottom-right div{
    margin-left: 10px;
}
.window-bottom-right a{
    color: #666;
}
.window-bar{
    padding: 15px 60px;
    background: #5D688E;
}
.windowbar-title{
    font-size: 12px;
    color: #F3F3F3;
}
.windowbar-list{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.windowbar-list button{
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}
.windowbar-list img{
    width: 60px;
}


.window-title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid #333;
}
.window-text{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}


/*底部版权*/

.nav-bottom{
    background-image: url("../img/bottom-bgimg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    background-color:transparent;
    border-radius:0px;
    margin-top:-180px;
}
.container-bottom{
    text-align: center;
    height: 180px;
    display: flex;
    justify-content: space-between;
    padding-top: 61px !important;
}
.bottom-logo {
    padding-left:100px;
}
.bottom-logo img{
    width: auto;
}
.bottom-title{
    text-align:left;
    font-size: 12px;
    padding-left: 100px;
    color: #fff;
}
.bottom-title .bottom-navigator{
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    padding-right: 200px;
    margin-bottom: 20px;
}
.bottom-navigator a{
    color: #fff;
}
.bottom-infor{
    display: flex;
    flex-wrap: wrap;
}
.bottom-infor p{
    margin-right: 50px;
    margin-bottom: 15px;
}


@media (max-width: 767px){
	.login-supernat{
		display: none !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color: #fff;
	}
}	
@media (min-width: 768px){
    .navbar-collapse.collapse{
        display: contents !important;
    }
	.container-fluid{
		padding: 0;
	}
	.navbar-right{
		display: block;
	}
	.navbar-list>li:last-child{
		display: none;
	}	
	.dropdown-menu{
		text-align: center;
	}
	.drop-down{
		top: 43px;
	}
	.drop-down-arrow{
		right: 10px;
	}
	.navbar-collapse{
		position: relative;
		width: 100%;
	}
	.navbar-list{
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -231px;
		width: 462px;
	}
    .search-box{
		margin-left: -250px;
		width: 500px;
		z-index: -10;
	}
	.search-box>div{
		position: relative;
		height: 72px;
		overflow: hidden;
	}
	.search-forms{
		position: absolute;
		top: 0;
		left: 500px;
		width: 100%;
		overflow: hidden;
		background: #2A2A2A;
	}
	.search-forms .icon{
		font-size: 36px;
		color: #fff;
		float: left;
		margin: 18px 0;
		cursor: pointer;
	}
	.search-forms .search-btn{
		font-size: 26px;
		margin: 23px 0;
	}
	.search-forms input{
		width: calc(100% - 70px);
		height: 72px;
		background: #2A2A2A !Important;
		border: none;
		outline: none;
		float: left;
		color: #fff !Important;
		padding-left: 15px;
	}
    .search-history{
        width: 100%;
        background: #fff;
        text-align: left;
        max-height: 300px;
        min-height:0px;
        overflow: auto;
    }
    .history-title{
        padding: 15px 20px;
        font-size: 16px;
        color: #111;
    }
    .Historical-search,.hot-title {
        padding:0 20px;
        height:40px;
        line-height:40px;
    }
    .null{
        float:right;
        color: #666;
        cursor: pointer;
    }
    .history-list li{
        font-size: 14px;
        padding: 15px 20px;
        padding-left: 40px;
        position: relative;
    }
    .Historical-list li,.hot-list li{
        height:40px;
        line-height:40px;
        padding:0 20px 0 40px;
    }
    .history-list li:hover{
        background: #E35046;
    }
    .history-list li a{
        color: #666;
    }
    .history-list li:hover a{
        color: #fff;
        text-decoration: none;
    }
    .history-close{
        position: absolute;
        top: 12px;
        right: 20px;
        width: 16px;
        height: 16px;
        background-image: url("../img/history-close.png");
        background-repeat: no-repeat;
        background-size: 100%;
    }
	/*.navbar-nav>li>a{
		padding: 26px;
	}*/
}
@media (min-width: 992px){
	.navbar-header{
		float: left;
	}
	.navbar-toggle{
		display: none;
	}
}
@media (min-width: 1200px){
    .container-top{
        width: 1170px;
    }
    .tb-new-chart{
        padding: 0;
    }
    .tb-new-chart>li>a{
        margin: 25.5px 16px;
    }
    .user-img .dropdown-menu{
        left: -28px;
        top: 72px;
    }
	.navbar-form .form-search{
		display: block;
	}
}