@charset "UTF-8";

.exam-navBar {
	width: 100%;
    height: 44px;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
    background: #fff;
}
.exam-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: 94%;
    margin: 0 3%;
}
.exam-search-box {
    background: #f4f4f4;
    border-radius: 22px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 32px;
}
.icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}
.icon-search {
    position: absolute;
    background-image: url(data:image/png;base64,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);
    left: 15px;
    top: 6px;
    background-size: 19px;
}
.exam-search-box input {
    width: 88%;
    background: none;
    border: none;
    text-align: left;
    height: 32px;
    border-radius: 3px;
    padding: 0 0 0 40px;
	font-size: 14px;
}

.go-sitehome{
	position: absolute;
    top: 12px;
    overflow: hidden;
    background-size: contain !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    right: 10px;
    background: url('../images/icon-go-index.png') no-repeat;
}


.category-sort {
    background: #fff;
    width: 100%;
    overflow: hidden;
	position: fixed;
	padding-top:50px;
	z-index: 1001;
}

.tab-container{
    height: 100%;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #e8e8e8;
}
.tab-container .auto-container {
    height: 100%;
    width: 84.6%;
    overflow-x: auto;
    overflow-y: hidden;
    display: inline-block;
    vertical-align: middle;
}
.tab-container .auto-container:first-child {
    padding-left: 5px;
}
.tab-container .auto-container .tab-item {
    height: 100%;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #a3a3ac;
    letter-spacing: 0;
    line-height: 45px;
    padding: 0 15px;
    display: inline-block;
    cursor: pointer;
}
.tab-container .auto-container .tab-item.active {
    font-weight: bold;
    color: #40404c;
    letter-spacing: 0;
    position: relative;
}
.tab-container .auto-container .tab-item.active .red-line {
    display: inline-block;
    width: 50%;
    height: 3px;
    background: #f06742;
    position: absolute;
    bottom: 0;
    left: 25%;
}

.tab-container .arrow-btn, .cate-container .header .arrow-btn{
    width: 43px;
    height: 43px;
    float: right;
    margin-top: 1px;
    text-align: center;
    line-height: 45px;
    border-left: 1px solid #efefef;
	font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-size: 14px;
    background-repeat: no-repeat;
    background-position: 15px;
}
.tab-container .arrow-btn.down{
	background-image: url('../images/icon-arrow-down.svg');
}
.cate-container .header .arrow-btn.up{
	background-image: url('../images/icon-arrow-up-actived.svg');
}

.cate-container {
	display: none;
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 49px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    z-index: 20000;
    max-width: 640px;
    min-width: 320px;
    margin: auto;
}
.cate-container .header {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #e8e8e8;
}
.cate-container .header .header-left {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #a3a3ac;
    letter-spacing: 0;
    text-align: center;
    line-height: 45px;
    display: inline-block;
    padding-left: 15px;
}

.category-list-wrap {
    position: relative;
    width: 100%;
	height: 400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.category-inner {
    height: inherit;
    width: 100%;
    background: #fff;
    overflow-y: auto;
    position: relative;
}
.category-inner.first-category {
    width: 6rem;
    background: #f8f8f8;
}
.category-inner.first-category a {
	display: block;
    line-height: 2.8rem;
    font-size: 0.8rem;
    text-align: center;
    color: #969696;
    padding: 0rem 0.2rem;
    height: 2.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.category-inner.first-category a.active {
    background: #fff;
    position: relative;
    color: #f06742;
}
.category-inner.first-category a.active .online{
	display: inline-block;
    width: 26%;
    height: 2px;
    background: #f06742;
    position: absolute;
    bottom: 8px;
    left: 37%;
}
.category-inner.second-category {
    padding: 0.8rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.category-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.category-right .category-item:before, .category-right {
    border: 0;
}
.category-right .categories-item {
    width: 43%;
    height: 28px;
    margin: 7px 3%;
    font-size: .85rem;
    color: #636363;
    letter-spacing: 0;
    text-align: center;
    line-height: 28px;
    background: #f3f4f5;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.category-right .categories-item.active{
	background: #f06742;
    color: #fff;
}

.sort-container {
    width: 100%;
    background: #fff;
    padding-top: 96px;
}
.sort-container .sort-menu-wrap {
    width: 96%;
    padding-left: 15px;
    overflow-x: auto;
    white-space: nowrap;
}
.sort-container .sort-menu-wrap .sort-menu-item {
    display: inline-block;
    padding: 2px 12px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #a3a3ac;
    margin: 8px 0;
	border: 1px solid #a3a3ac;
    border-radius: 15px;
	margin-right: 8px;
}
.sort-container .sort-menu-wrap .sort-menu-item.active {
    color: #f86442;
    border-radius: 15px;
    border: 1px solid rgba(254,121,89,.5);
}

.list-container{
	width: 96%;
    height: auto;
    padding-left: 4%;
    background: #fff;
}
.list-view-item{
	list-style: none;
    border-bottom: 1px solid #f3f4f5;
}
.list-view-item a{
	color: #7e8c8d;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    border: none;
    outline: 0;
}
.list-view-item .list-view-album{
    padding: 15px 10px 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.list-view-item .list-view-album .cover{
    float: left;
	width: 115px;
	height: 70px;
    padding: 0 15px 0 0;
    background-color: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-bottom: -1px;
}
.list-view-item .list-view-album .cover .cover-image{
	border-radius: 4px;
	width: 100%;
    height: 100%;
	max-width: 100%;
    border: none;
    font-size: 10px;
}
.list-view-item .list-view-album .content{
    overflow: hidden;
}
.list-view-item .list-view-album .content .title{
	color: rgb(51, 51, 51);
    line-height: 1.4;
    max-height: 44px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
}
.list-view-item .list-view-album .content .relation{
	overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
	margin-top: 9px;
    font-size: 13px;
    line-height: 1.38;
}

.footer{
	height: auto;
	padding: 15px;
}