/* 整体css */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
figure,
img {
    margin: 0;
    padding: 0;
    border: 0;
}

@media (min-width:320px){
    html{font-size: 85px;}
}
@media (min-width:360px){
    html{font-size: 96px;}
}
@media (min-width:375px){
    html{font-size: 100px;}
}
@media (min-width:414px){
    html{font-size: 110.4px;}
}

a[href='javascript:']{
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}


body {
    background: #140320;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
    font-family: "Microsoft YaHei","PingFang SC",Arial;
    position: relative;
}

i,
em {
    font-style: normal;
}

ul,
ol {
    list-style-type: none;
}

select,
input,
select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

em,
strong,
th,
i {
    font-style: normal;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
    font-family: 'Microsoft YaHei', 'Helvetica';
}

q:before,
q:after {
    content: '';
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input,
textarea,
select {
    *font-size: 100%;
}

input,
button,
select,
textarea {
    outline: none;
}

textarea {
    resize: none;
}

img {
    vertical-align: middle;
}

a,
a:focus {
    text-decoration: none;
}



/* 清楚浮动 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
    height: 0;
    font: 0/0 Tahoma;
    visibility: hidden;
}

.con {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 14px;
    position: relative;
    color: #FFFFFF;
}
.con a:hover {
    text-decoration: none;
    color: #fff;
}
/* 解决抖动 */
*html {
    background: url(about:blank);
    background-attachment: fixed;
}


/** kv **/
.kv_banner_one{
    width: 100%;
    height: 409px;
    background: url('../images/pc_01.jpg') no-repeat center top;
}
.kv_banner_two{
    width: 100%;
    height: 390px;
    background: url('../images/pc_02.jpg') no-repeat center top;
}

.xidingle{
    position: fixed;
    top: 0;
    z-index: 99;
}
.content_box{
    width: 100%;
    display: inline-block;

}
.content_box .center{
    width: 1190px;
    margin: 0 auto;
}
.content_box .navigation_box{
    margin-bottom: 22px;
    height: 46px;
}
.content_box .navigation_box ul{
    display: flex;
    width: 100%;
    background-color: #140320;
}
.content_box .navigation_box ul li{
    width: 201px;
    height: 46px;
    background: url('../images/uiz_05.png') no-repeat center top;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 24px;
    line-height: 38px;
    font-weight: bold;
    cursor: pointer;
    margin-left: -5px;
    font-style: italic;
    text-shadow: 3px 1px 1px #6b70ef;
}
.content_box .navigation_box ul li.cur{
    width: 201px;
    height: 46px;
    background: url('../images/uiz_06.png') no-repeat center top;
    color: #3137cd;
    text-shadow: 1px 1px 1px #fff;
}
.list_box{
    display: none;
}
.list_box ul{
    width: 100%;
    display: flex;
    margin-left: -6px;
    box-sizing: border-box;
    flex-wrap:wrap;
}
.list_box ul li{
    width: 285px;
    height: 258px;
    text-align: left;
    margin: 0 6px 22px 6px;
    background: url('../images/uiz_02.png') no-repeat center top;
}
.list_box ul li .list_img{
    width: 282px;
    height: 188px;
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 10px;
    position: relative;
}
.list_box ul li .list_img img{
    width: 100%;
    height:100%;
}
.list_box ul li .list_name_views{
    display: flex;
    justify-content:space-between;
}

.list_title,.list_name_views{
    padding: 0 8px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
}

.video_icon{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -19px;
    margin-top: -20px;
    width: 37px;
    height: 41px;
    background: url('../images/uiz_01.png') no-repeat center top;
}

.list_title{
    margin-bottom: 11px;
    line-height: 24px;
    height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-break: break-all;
    -webkit-box-orient: vertical;

    display: flex;
    align-items: center;
}

.footer{
    margin-top: 80px;
    margin-bottom: 50px;
}
.footer a,.footer p{
    color: #ffffff;
}

.zanwushuju{
    color: #ffffff;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    margin-top: 150px;
    font-size: 22px;
    margin-bottom: 80px;
}

.huidingbu{
    width: 120px;
    height: 95px;
    background: url('../images/uiz_07.png') no-repeat center top;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -47px;
    display: none;
    cursor: pointer;
}


.video_cont {
    width: 100%;
    display: inline-block;
    margin-bottom: 45px;
}

.video_cont_play {
    width: 816px;
    height: 466px;
    position: relative;
    float: left;
    background: url(../images/uiz_08.png) no-repeat center top;
    padding: 9px 25px 23px 28px;
    box-sizing: border-box
}

.video_cont_play #dplayer {
    width: 759px;
    height: 429px
}

.video_cont_play img {
    width: 759px;
    height: 429px;
    cursor: pointer;
    position: absolute;
    left: 27px;
    top: 11px
}

.video_cont_play i {
    width: 92px;
    height: 94px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -46px;
    margin-top: -47px;
    background: url(../images/uiz_11.png) no-repeat center top;
    cursor: pointer
}

.video_cont_list li em {
    display: none;
    width: 69px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 5px;
    background: #00060e;
    font-size: 14px;
    color: #fff;
    z-index: 10
}

.video_cont_list {
    width: 325px;
    height: 452px;
    float: left;
    margin-left: 2px;
    position: relative
}

.video_cont_list .back_img {
    width: 507px;
    height: 452px;
    background: url(../images/uiz_10.png) no-repeat center top;
    position: absolute;
    left: 0;
    top: 0
}

.video_cont_list ul {
    width: 345px;
    height: 442px;
    margin-left: 7px;
    box-sizing: border-box;
    margin-top: 5px;
    overflow: auto
}

.video_cont_list ul li {
    width: 307px;
    height: 211px;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer
}

.video_cont_list ul li img {
    width: 307px;
    height: 174px;
    float: left;
    border: 1px solid #707fdd;
    margin-bottom: 2px
}

.video_cont_list ul li span {
    width: 307px;
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 36px
}

.video_cont_list ul li i {
    width: 64px;
    height: 65px;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    top: 60px;
    background: url(../images/uiz_11.png) no-repeat center top
}

.dplayer-comment,.dplayer-setting{
    display: none !important;
}
#ascrail2000 {
    width: 1px!important;
    background-color: #f1e3d2;
}

#ascrail2000 div {
    left: 4px
}
.pcduande{
    display: block;
}
.mduande{
    display: none;
}
.pcbiaoti{
    width: 1237px;
    height: 122px;
    background: url(../images/uiz_15.png) no-repeat center top;
    margin-left: -60px;
}



@media  screen and (max-width:900px),screen and (orientation: landscape) and (max-width:900px){
    .dplayer-full-in-icon{
        display: none !important;
    }
    .pcduande{
        display: none;
    }
    .mduande{
        display: block;
    }

    .mduande .desc {
        line-height: .18rem;
    }
    .mduande .item {
        margin-right: .06rem;
        overflow: initial;
    }
    .shishibei{
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .mduande .list-box {
        width: 100%;
        margin: 0 0 0 .08rem;
        display: -webkit-box;
        flex-flow: row nowrap;
        /* overflow-x: auto;
        overflow-y: hidden; */
    }
    .mduande .video-container {
        width: 2.805rem;
        height: 1.6rem;
        padding: .04rem .1rem .1rem;
        margin-bottom: .035rem;
        background: url('../images/uiz_12.png') center center no-repeat;
        background-size: 100% 100%
    }

    .mduande .video {
        background: #fff;
        width: 100%;
        height: 100%;
        position: relative
    }

    .mduande .video img {
        width: 100%;
        height: 100%
    }

    .mduande .icon-play {
        display: inline-block;
        width: 0.32rem;
        height: 0.325rem;
        background: url('../images/uiz_11.png') center center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -.16rem;
        margin-left: -.16rem
    }

    .mduande .desc {
        width: 2.805rem;
        padding: 0 .1rem 0 .1rem;
        height: 0.295rem;
        line-height: 0.295rem;
        font-size: .16rem;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        background: url('../images/uiz_14.png') center center no-repeat;
        background-size: 100%;
    }

    .huidingbu{
        width: 0.6rem;
        height: 0.475rem;
        background: url('../images/uiz_07.png') no-repeat center top;
        background-size: 100%;
        position: fixed;
        right: 0;
        top: 50%;
        margin-top: -0.235rem;
        display: none;
        cursor: pointer;
    }
    .kv_banner_one{
        width: 100%;
        height: 1.45rem;
        background: url('../images/m_01.jpg') no-repeat center top;
        background-size: 100%;
    }
    .kv_banner_two{
        width: 100%;
        height: 1.15rem;
        background: url('../images/m_02.jpg') no-repeat center top;
        background-size: 100%;
    }
    .mbiaoti{
        width: 3.71rem;
        height: 0.575rem;
        background: url('../images/uiz_13.png') no-repeat center top;
        background-size: 100%;
        display: inline-block;
        margin-bottom: 0.02rem;
        margin-top: -0.1rem;
    }
    
    .content_box{
        width: 100%;
        display: inline-block;
        margin-bottom: 80px;
    }
    .content_box .center{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 0.2rem;
    }
    .content_box .navigation_box{
        margin-bottom: 0.11rem;
        height: 0.23rem;
    }
    .content_box .navigation_box ul{
        padding: 0 0.1rem;
        box-sizing: border-box;
        overflow: auto;
        display: -webkit-box;
        flex-flow: row nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        background-color: #140320;
    }
    .content_box .navigation_box ul li{
        width: 1.005rem;
        height: 0.23rem;
        background: url('../images/uiz_05.png') no-repeat center top;
        background-size: 100%;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-size: 0.13rem;
        line-height: 0.18rem;
        font-weight: bold;
        cursor: pointer;
        margin-left: -0.025rem;
        font-style: italic;
        text-shadow: 3px 1px 1px #6b70ef;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }
    .content_box .navigation_box ul li.cur{
        width: 1.005rem;
        height: 0.23rem;
        background: url('../images/uiz_06.png') no-repeat center top;
        background-size: 100%;
        color: #3137cd;
        text-shadow: 1px 1px 1px #fff;
    }
    .list_box{
        display: none;
    }
    .list_box ul{
        width: 100%;
        display: flex;
        padding: 0 0.045rem;
        box-sizing: border-box;
        flex-wrap:wrap;
        margin: 0 !important;
    }
    .list_box ul li{
        width: 1.76rem;
        height: 1.655rem;
        text-align: left;
        margin: 0 0.03rem 0.14rem 0.04rem;
        background: url('../images/uiz_03.png') no-repeat center top;
        background-size: 100%;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }
    .list_box ul li .list_img{
        width: 1.74rem;
        height: 1.165rem;
        margin-left: 1px;
        margin-top: 1px;
        margin-bottom: 0;
        position: relative;
    }
    .list_box ul li .list_img img{
        width: 100%;
        height:100%;
    }
    .list_box ul li .list_name_views{
        display: flex;
        justify-content:space-between;
    }

    .list_title,.list_name_views{
        padding: 0 0.04rem;
        box-sizing: border-box;
        font-size: 0.12rem;
        line-height: 0.13rem;
        color: #ffffff;
    }
    .video_icon{
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -0.12rem;
        margin-top: -0.13rem;
        width: 0.23rem;
        height: 0.26rem;
        background: url('../images/uiz_04.png') no-repeat center top;
        background-size: 100%;
    }

    .list_title{
        margin-bottom: 0.08rem;
        line-height: 0.14rem;
        height: 0.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        word-break: break-all;
        -webkit-box-orient: vertical;
        display: flex;
        align-items: center;
    }
    .zanwushuju{
        color: #ffffff;
        width: 1rem;
        text-align: center;
        margin: 0 auto;
        margin-top: 0.75rem;
        font-size: 0.14rem;
    }
    /* .dplayer-volume{
        display: inline-block !important;
    } */
}