/**
    通用部分
 */
body, html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.topbar {
    width: 100%;
    height: 7%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    background-color: #f3fbff;
}

.left {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.left img {
    width: 16px;
    height: 21px;
}
.right {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.right img {
    width: 24px;
    height: 24px;
}
.center {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.center img {
    height: 50%;
    object-fit: contain;
}

.top {
    width: 100%;
    height: 31%;
    background: url(../images/video_banner.jpg) no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    position: absolute;
    border-radius: 0px 0px 18px 18px;
}

.bottom {
    width: 100%;
    height: 63%;
    background: url(../images/common_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    margin-top: 57%;
}

.search {
    width: 92%;
    height: 42px;
    margin-left: 4%;
    margin-right: 4%;
    background: url(../images/search_input_bg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    margin-top: 48%;
    justify-content: center;
    align-items: center;
}

.search input {
    background: transparent;
    width: 80%;
    border: none;
}

.search img {
    width: 27px;
    height: 27px;
}

input::-webkit-input-placeholder { /* 使用webkit内核的浏览器 */
    color: #c7c7c7;
    font-size: 12px;
    font-weight: 600;
}

input:-moz-placeholder { /* Firefox版本4-18 */
    color: #c7c7c7;
    font-size: 12px;
    font-weight: 600;
}

input::-moz-placeholder { /* Firefox版本19+ */
    color: #c7c7c7;
    font-size: 12px;
    font-weight: 600;
}

input:-ms-input-placeholder { /* IE浏览器 */
    color: #c7c7c7;
    font-size: 12px;
    font-weight: 600;
}

.menu {
    width: 91%;
    height: 37px;
    margin-left: 4.5%;
    margin-right: 4.5%;
    margin-top: 13px;
}

.menu_item {
    border-radius: 2px;
    width: 86%;
    height: 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.hx {
    width: 100%;
    height: 1px;
    background-color: #CCCCCC;
}

.hr_normal {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: 15px;
    background: url(../images/hr_normal.png) no-repeat;
    background-size: 100% 100%;
}

.select {
    background-color: #8c8fbb;
    color: #fff;
    font-size: 12px;
}

.normal {
    background-color: #fff;
    color: #516068;
    font-size: 12px;
}

.list {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    overflow-y: auto;
}

.item {

    height: 80px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.item_left {
    width: 70%;
    margin-left: 4%;
    height: 80%;
    display: flex;
    flex-direction: column;
}
.item_right{
    width: 34%;
    height: 100%;
}
.item_right2{
    height: 100%;
    object-fit: contain;
}
.title {
    color: #516068;
    font-size: 13px;
    font-weight: 600;
    height: 80%;
    font-family: '微软雅黑';
    letter-spacing: 1px;
}

.item_brief {
    color: #516068;
    width: 100%;
    height: 20%;
    display: flex;
    flex-direction: row;
    align-items: center;

}

.item_brief_left {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

.item_brief_right {
    width: 40%;
    display: flex;
    flex-direction: row;
}

.item_brief_right span {
    font-size: 5px;
    -webkit-transform: scale(0.9);
    display: inline-block;
    margin-left: -7px;
}

.item_brief_left span {
    font-size: 5px;
    -webkit-transform: scale(0.9);
    display: inline-block;
    line-height: 18px;
    margin-left: -7px;
    margin-top: 5px;
}

.item_brief_left img {
    width: 20px;
    height: 20px;
}