/**!
 * 上海bet3365官方手机_365bet盘口开户_体育365网投-主动公开公文库专题页
 * author: fxyue;
 * date:2021-10-25
 */

.page-main {
    background: #eaedf5;
}

.banner {
    height: 221px;
    padding-top: 90px;
    background: url("../images/open/banner_bg.jpg") top center no-repeat;
}

.banner-img {
    display: block;
    margin-left: 15px;
}

.show {
    background: #fff;
    padding: 20px 0;
    margin: 20px 0;
    box-shadow: 0px 0px 10px 5px rgba(180, 198, 215, 0.3);
}

.info {
    margin-left: 20px;
}

/* 左侧 */

.info-tt {
    line-height: 80px;
    color: #fff;
    text-align: center;
    font-size: 28px;
    background-color: #4a6dcb;
}

.info-bd {
    border: 1px solid #4a6dcb;
    background-color: #fff;
    padding: 10px 20px;
}

.info-wrap {
    font-size: 16px;
    margin-top: 7px;
}

.info-top {
    line-height: 26px;
    padding-left: 16px;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    background: url("../images/open/info_line_bg.png") left center no-repeat;
}

.info-items>li {
    position: relative;
    line-height: 32px;
    margin-top: 6px;
}

.info-items>li>a {
    display: block;
    padding-left: 25px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.info-arr {
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    top: 9px;
    left: 0;
    cursor: pointer;
    background: url('../images/open/info_arr_01.png') no-repeat;
}

.info-sub {
    display: none;
}

.info-sub-items>li {
    line-height: 32px;
}

.info-sub-items>li>a {
    display: block;
    color: #666;
    padding-left: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info-sub-items>li>a:hover,
.info-sub-items>li>a.accfocus
.info-sub-items>li>a.active {
    color: #4a6dcb;
}

.info-items>li.current>.info-sub {
    display: block;
}

.info-items>li.current>a {
    color: #4a6dcb;
}

.info-items>li.current>.info-arr {
    background-image: url('../images/open/info_arr_02.png');
}


/* 手机端 */
@media (max-width: 767px) {
    .show {
        padding: 0 0 20px;
    }

    .banner-img {
        margin-left: 0;
    }

    .info {
        margin-left: 0;
    }
}


/* 右侧 */

.show-box {
    padding: 0 30px 0 12px;
}

.show-list {
    height: 57px;
    line-height: 55px;
    padding: 0 10px 0 30px;
    background: url("../images/open/show_list_border.png") bottom repeat-x;
    position: relative;
    color: #666;
    font-size: 16px;
}

.show-list a {
    color: #666;
    margin-right: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.show-list::before {
    content: "";
    position: absolute;
    left: 10px;
    width: 4px;
    height: 4px;
    top: 50%;
    margin-top: -2px;
    background: #4a6dcb;
}

.ewb-list-date {
    position: absolute;
    top: 0.5px;
    right: 0;
    color: #666;
}

/* 手机端 */
@media (max-width: 767px) {
    .show-box {
        padding: 0 10px;
    }
}


/* 页码 */

.ewb-page {
    text-align: center;
    margin-top: 30px;
}

.ewb-page-items {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
}

.ewb-page-li {
    min-width: 36px;
    *width: 36px;
    margin-right: 4px;
    font-size: 14px;
    text-align: center;
    font-family: "Microsoft YaHei";
    float: left;
}

.ewb-page-li>a {
    display: block;
    color: #555;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    border: 1px solid #dfdfdf;
}

.ewb-page-li.current>a {
    border: 0;
    color: #113ecf;
}

.ewb-page-li.ewb-page-noborder>span {
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border: 0;
    color: #666;
    font-family: "Simsun";
}

.ewb-page-num {
    *width: 60px;
}

.ewb-page-li.ewb-page-num>span {
    padding: 0 5px;
    font-weight: bold;
}

.ewb-page-input {
    width: 38px;
    height: 24px;
    text-align: center;
    border: 1px solid #dfdfdf;
    line-height: 24px;
    color: #666;
    outline: none;
    vertical-align: top;
    *margin-top: -1px;
}

.ewb-page-hover {
    *width: 60px;
}

.ewb-page-hover>a {
    font-family: "Simsun";
}

.ewb-page-go {
    margin-left: 2px;
}

.ewb-page-hover:hover>a,
.ewb-page-hover.accfocus>a,
.ewb-page-go:hover>a,
.ewb-page-go.accfocus>a
{
    color: #fff;
    background-color: #999;
    border-color: #999;
}

.ewb-page-go>a {
    font-size: 12px;
    padding: 0 6px;
}

.ewb-page-goto {
    margin-right: 0;
}

.ewb-page-li.ewb-page-goto>span {
    padding: 0 6px 0 0;
    text-align: right;
}

.ewb-page-inpt {
    margin-left: -2px;
}

.ewb-page-li.ewb-page-ellipsis>span {
    padding: 0 17px 0 16px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #555;
}


/* 手机端 */
@media (max-width: 767px) {
    .ewb-page {
        margin-top: 20px;
    }
}

/* 2021-11-08修改 */
.show-search {
    width: 510px;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #b6c9de;
    padding-right: 19px;
    background: #fff;
    margin: 30px auto;
    font-size: 16px;
}

.show-search-btn {
    float: right;
    width: 30px;
    height: 48px;
    background: url("../images/search_icon.png") center center no-repeat;
}

.show-input {
    margin-right: 35px;
    height: 48px;
}

.show-input>input {
    width: 100%;
    height: 48px;
    text-indent: 15px;
    line-height: 48px;
    border: 0;
    background: 0 0;
    outline: 0;
}

@media (max-width: 767px) {
    .show-search {
        width: auto;
        margin: 20px 10px 0;
    }
}

/* 2022-8-22 */
.list-search-cont {
    float: left;
    width: calc(100% - 118px);
}

.list-search-btn {
    float: right;
    width: 118px;
}

.list-search-btn>span {
    display: block;
    cursor: pointer;
    height: 48px;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
}

.list-search {
    line-height: 48px;
    color: #fff;
    background: #f28300;
}

.list-search>i {
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 16px 10px 0 0;
    background: url("../images/list_search.png") center center no-repeat;
}

.list-reset {
    color: #4a6ccb;
    line-height: 46px;
    margin-top: 8px;
    border: 1px solid #b7cadf;
}

.list-reset>i {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 18px;
    margin: 14px 7px 0 0;
    background: url("../images/list_reset.png") center center no-repeat;
}

.list-search-child {
    float: left;
    width: calc((100% - 24px) / 3);
    height: 48px;
    line-height: 46px;
    margin-right: 8px;
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid #b7cadf;
}

.list-search-child:nth-child(n+4) {
    margin-top: 8px;
}

.list-search-input {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    padding: 0 12px;
    font-size: 16px;
    box-sizing: border-box;
    border: none;
    outline: none;
    color: #b4bed9;
}

.icon-date {
    width: 60px;
    height: 48px;
    margin: -1px -1px 0 0;
    cursor: pointer;
    background: url("../images/icon_date.png") center center no-repeat #4f6ec5;
}

.list-search-input::placeholder {
    color: #b4bed9;
}

/* chosen */
.list-search-select {
    display: none;
}

/* 外表 */
.list-search-child .chosen-container {
    display: block;
    width: 100% !important;
}

.list-search-child .chosen-container-single .chosen-single {
    height: 46px;
    line-height: 46px;
    padding-left: 12px;
    text-align: left;
    border: none;
    background: #fff;
    box-sizing: border-box;
}

/* 文字 */
.list-search-child .chosen-container-single .chosen-single span {
    margin-right: 0;
    font-size: 16px;
    color: #b4bed9;
}

/* 下拉框符号 */
.list-search-child .chosen-container-single .chosen-single div {
    width: 36px;
}

.list-search-child .chosen-container-single .chosen-single div b {
    background: url("../images/icon_down.png") center center no-repeat;
}


/* 选项 */
.list-search-child .chosen-container .chosen-drop {
    top: 46px;
    padding: 0;
    border: none;
}

.list-search-child .chosen-container .chosen-results {
    margin: 0 -1px;
    padding: 0;
    color: #b4bed9;
    background: #fff;
    border: 1px solid #b4bed9;
}

.list-search-child .chosen-container .chosen-results li {
    text-align: left;
    padding: 10px 12px;
}

.list-search-child .chosen-container .chosen-results li.highlighted {
    background-color: #b4bed9;
    color: #fff;
}

.list-search-child .chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url("../images/icon_up.png") center center no-repeat;
}

.list-search-child .chosen-container * {
    box-sizing: inherit;
}

/* 手机端 */
@media (max-width: 767px) {
    .list-search-cont {
        width: 100%;
    }

    .list-search-child {
        width: 100%;
        margin-right: 0;
        margin-top: 8px;
    }

    .list-search-btn {
        width: 100%;
        margin-top: 8px;
    }

    .list-search-select {
        display: block;
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
    }
}