@import url('shots.css');

html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #f5f5f5;
    background-color: #f5f5f5 !important;
    /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
}

::-webkit-scrollbar {
    width: 14px;
    /**/
}

::-webkit-scrollbar-track {
    background: #DBDFE3;
}

::-webkit-scrollbar-thumb {
    background: #C9D0D8;
    border-radius: 7px;
}

a:-webkit-any-link {

    text-decoration: none;
}

ol,
ul {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

.swiper-container {
    width: 100%;
    height: 100%;
    z-index: 0;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.lunbo {
    width: 1200px;
    height: 320px;
    overflow: hidden;
    border-radius: 5px;
}

.top {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #ececec;
    background: #fff;
    box-shadow: 0 0 5px #d2d2d2;
    position: relative;
    text-align: center;
    z-index: 99;

}

.abtop {
    position: fixed;
    top: 0;
    right: 0;
}

.pt80 {
    padding-top: 81px;
}

.navs {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}

.logo {
    width: 187px;
    height: 80px;
    float: left;
    display: block;
    cursor: pointer;
}

.logo img {
    display: block;
    /* width: 100%; */
    margin-top: 18px;
}

.navs .nav {
    float: left;
    display: block;
    width: 552px;
    color: #000;
}

.navs .nav ul {
    z-index: 100;
    display: inline-block;
    height: 75px;
}

.navs .nav li {
    position: relative;
    display: inline-block;
}

.navs .nav li a {
    float: left;
    display: inline-block;
    color: #000;
    line-height: 5pc;
    padding: 0 10px;
    font-size: 16px;
}

.navs .nav li a:hover {
    color: #5976E0;
}

.navs .nav li .n-type {
    position: absolute;
    top: 75px;
    left: -67px;
    display: none;
    padding: 15px 10px 17px 31px;
    width: 228px;
    max-width: 450px;
    background: #fff;
    box-shadow: 0 0 5px #bfbfbf;
    z-index: 9999;
}

.navs .nav li .free {
    position: absolute;
    top: 15px;
    right: -19px;
    padding: 1px 7px;
    border-radius: 2px;
    background: #19c3ff;
    color: #fff;
    font-size: 9pt;
}

.navs .nav li .png-free {
    background: #ef3f22;
}

.navs .nav li .n-type .fla {
    float: left;
    display: block;
    margin-bottom: 5px;
    width: 7pc;
}

.navs .nav li .n-type a {
    display: inline-block;
    margin: 10px 0 0;
    padding: 0 10px;
    height: 28px;
    border-radius: 2px;
    color: #272727;
    font-size: 13px;
    font-family: 微软雅黑;
    line-height: 28px;
}

.navs .nav li:hover .n-type {
    display: block;
}

.navs .nav li .n-type .fla a em {
    position: absolute;
    display: inline-block;
    margin-left: 2px;
    padding: 1px 3px;
    height: 9pt;
    border: 1px solid red;
    color: red;
    font-weight: 700;
    font-size: 9pt;
    line-height: 11px;
    -webkit-transform: scale(.7);
    -webkit-transform-origin-x: 0;
}

.navs .nav li .n-type .fla .themore {
    color: #5976E0;
}

.navs .nav li .n-type .flas {
    float: left;
    display: block;
    margin-bottom: 2px;
    width: 100%;
    height: 42px;
    color: #5976E0;
    font-weight: 700;
    font-size: 15px;
}

.navs .nav li .n-type .flas a {
    color: #5976E0;
    font-size: 15px;
}

.navs .nav li .n-type .lines {
    display: inline-block;
    margin-left: 0;
    width: 196px;
    height: 1px;
    background: #e5e5e5;
}

.navs .login {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 40;
    height: 5pc;
    line-height: 5pc;
}

.navs .login span {
    display: inline-block;
    color: #5976E0;
    font-size: 14px;
    cursor: pointer;
}

.navs .login .regist {
    float: right;
    margin-top: 22px;
    margin-left: 15px;
    width: 80px;
    height: 35px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    color: #999;
    font-size: 14px;
    line-height: 35px;
    cursor: pointer;
}

.navs .login .regist-lg {
    float: right;
    margin-top: 22px;
    width: 80px;
    height: 35px;
    border: 1px solid #5976E0;
    border-radius: 4px;
    color: #5976E0;
    font-size: 14px;
    line-height: 35px;
    cursor: pointer;
}

.navs .login .regist:hover {
    background-color: #5976E0;
    color: #fff;
}

.navs .login .regist-lg:hover {
    background-color: #5976E0;
    color: #fff;
}

.container {
    width: 1212px;
    margin: 0 auto;
    overflow: hidden;
}

.wlimit {
    width: 1212px;
    margin: 0 auto;
}

/* footer */
.footer {
    width: 100%;
    background: #000;
}

.footer .footer1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #1b1b1b;
}

.footer .footer1 .user-say {
    margin: 10px auto;
    padding: 0 20px;
    width: 1200px;
    height: 150px;
    border-bottom: 1px solid #535353;
}

.footer .footer1 .user-say .box,
.footer .footer1 .user-say .box1 {
    float: left;
    height: 150px;
    color: #7d7d7d;
    text-align: left;
    font-size: 14px;
    line-height: 150px;
}

.footer .footer1 .user-say .box {
    width: 260px;
}

.footer .footer1 .user-say i {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: -20px;
    font-style: italic;
}

.footer .footer1 .user-say .i-1 {
    background: url(../images/common_new.png) 6px -726px no-repeat;
}

.footer .footer1 .user-say .i-2 {
    background: url(../images/common_new.png) 6px -766px no-repeat;
}

.footer .footer1 .user-say .i-3 {
    background: url(../images/common_new.png) 6px -809px no-repeat;
}

.footer .footer1 .user-say .i-4 {
    background: url(../images/common_new.png) 6px -856px no-repeat;
}

.footer .footer1 .user-say .i-5 {
    background: url(../images/common_new.png) 6px -906px no-repeat;
}

.footer .footer2 {
    width: 100%;
    height: 130px;
    background: #1b1b1b;
}

.footer .footer2 .footer-logo {
    float: left;
    width: 250px;
    height: 130px;
    background: url(../images/footlogo2.png) no-repeat 0 27px;
    margin-left: 30px;
}

.footer .footer2 .company-say {
    position: relative;
    float: right;
    width: 734px;
    height: 130px;
}

.footer .footer2 .statements {
    position: absolute;
    top: 26px;
    left: 60px;
    height: 40px;
}

.copyrights a,
.footer .footer2 .company-say .statements a {
    float: left;
    display: block;
    padding: 0 8pt;
    color: #7d7d7d;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
}

.footer .footer2 .company-say .statements span {
    float: left;
    display: block;
    width: 20px;
    color: #7d7d7d;
    font-size: 13px;
    line-height: 40px;
}

.copyrights {
    position: absolute;
    top: 63px;
    left: 60px;
    color: #7d7d7d;
    font-size: 14px;
    width: max-content;
}

.copyrights .tukuppt-right {
    float: left;
    display: block;
    width: 247px;
    height: 40px;
    line-height: 40px;
}

.copyrights .gov-icon {
    display: inline-block;
    margin-right: 4px;
    width: 15px;
    height: 19px;
    background-color: #1b1b1b;
    vertical-align: middle;
}

.copyrights .gov-icon-icp {
    background-position: -15px 0;
}

.copyrights .gov-icon-wa {
    background-position: 0 0;
}

.crumbs {
    height: 50px;
    text-align: left;
    font-size: 13px;
    line-height: 50px;
}

.crumbs,
.crumbs a {
    color: #999;
}

.crumbs a:hover {
    color: #5976E0;
}

.type {
    padding: 0 0 15px;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
}

.type .f-type {
    margin-bottom: 4px;
    height: 60px;
    border-bottom: 2px solid #f3f4f9;
    color: #333338;
    text-align: left;
    font-size: 15px;
    line-height: 60px;
}

.type .f-type .uli {
    padding-left: 10px;
}

.type .f-type a {
    display: inline-block;
    margin: 0 2px;
    padding: 0 9px;
    height: 59px;
    cursor: pointer;
}

.type .f-type .f-chose {
    border-bottom: 4px solid #5976E0;
    color: #5976E0;
}

.type .f-type a:hover {
    color: #5976E0;
}

.type1 {
    overflow: hidden;
    width: 100%;
    line-height: 40px;
}

.type1 .all-type {
    float: left;
    display: block;
    margin-right: 8px;
    height: 30px;
    border-radius: 4px;
    color: #636161;
    line-height: 29px;
    margin-left: 21px;
    margin-top: 14px;
}

.type1 .uli {
    position: relative;
    float: left;
    width: 1046px;
    /* height: 44px; */
    height: auto;
    font-size: 14px;

}

.type1 .gengduo {
    float: left;
    height: 42px;
    color: #636161;
    line-height: 63px;
    cursor: pointer;
}

.type1 a {
    float: left;
    display: block;
    margin-top: 16px;
    margin-right: 9px;
    padding: 0 15px;
    height: 28px;
    border-radius: 4px;
    color: #666;
    line-height: 29px;
    cursor: pointer;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.type .current {
    color: #5976E0 !important;
    border: 1px solid #5976E0;
    border-radius: 4px;
    box-sizing: border-box;
}

.type1 a:hover {
    color: #5976E0 !important;
    border: 1px solid #5976E0;
    border-radius: 4px;
    box-sizing: border-box;
}

.type1 .gengduo i {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 17px;
    background: url(../images/rightbar.png) -68px -720px no-repeat;
    vertical-align: -4px;
}

.othertype {
    display: none;
}

.hot-topic {
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.hot-topic .sort {
    float: left;
    display: inline-block;
    margin-top: 14px;
    margin-right: 20px;
    width: 80px;
    height: 30px;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

.hot-topic .sort:hover {
    color: #5976E0;
}

.hot-topic .chose {
    border: 1px solid#333333;
    color: #333333;
}

.b-box {
    overflow: hidden;
    margin-right: -33px;
    padding-top: 4px;
    min-height: 460px;
}

#ys_box {
    width: 1200px;
    height: auto;
    position: relative;
}

.b-box .s-box {
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 1pc;
    margin-bottom: 26px;
    width: 3in;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    border: solid 1px #d4d4d4;
}

.b-box .s-box .imgBox {
    height: 407px;
    display: flex;
    overflow: hidden;
}

.b-box .s-box .imgBox.weNewCss {
    width: 288px;
    height: 325px;
}

.b-box .s-box .imgBox a {
    display: flex;
    flex: 1;
    align-items: center;
}

#ys_box .s-box {
    width: 3in !important;
}

#ys_box .s-box .imgBox {
    height: auto !important;
    min-height: 250px;
    display: flex;
}

#ys_box .s-box .s-pic {
    height: auto !important;
}

#ys_box .s-box .imgBox a {
    display: flex !important;
    flex: 1;
    align-items: center;
    background: url(../images/pngbg.png);
    position: relative;
}

.ys_bg,
.guanggao_bg {
    background: url(../images/pngbg.png) !important;
}

#ys_box .s-box .mark {
    height: 100%;
}

.b-box .s-box .p-title {
    height: 44px;
    background: #fff;
}

.b-box .s-box .explain {
    display: block;
    padding: 0 30px;
    background: #fff;
}

.b-box .s-box .s-pic {
    width: 100%;
    /* height: 407px; */
}

.b-box .s-box .s-pic.weNewCss {
    height: 325px !important;
}

/* 
.b-box .s-box .s-pic.wzzy {
    display: inline;
    width: 225px;
    padding: 44px 31px 44px 31px;
    background-color: #54d9ca;
} */

.b-box .s-box .p-title a {
    display: inline-block;
    overflow: hidden;
    width: 225px;
    height: 44px;
    color: #252525;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 44px;
}

.b-box .s-box .coll {
    display: block;
    width: 100%;
    height: 44px;
    border-top: 1px solid #eceff1;
    color: #838383;
    font-size: 14px;
    font-family: Arial;
    line-height: 44px;
}

.b-box .dianzan-num {
    position: relative;
    float: left;
    width: 45%;
    text-align: left;
}

.b-box .dianzan-num i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/common_new.png) -9px -1394px no-repeat;
    vertical-align: -5px;
    cursor: pointer;
}

.yjdz i {
    background: url(../images/common_new.png) -9px -1444px no-repeat !important;
}

.explain .coll-num {
    float: right;
    width: 45%;
    text-align: right;
}

.explain .coll-num i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/common_new.png) -9px -37px no-repeat;
    vertical-align: -5px;
    cursor: pointer;
}

.yjsc i {
    background: url(../images/power-1.png) -336px -2px no-repeat !important;
}

.b-box .audio-box .yjsc {
    background: url(../images/power-1.png) -330px -6px no-repeat !important;
}

.b-box .s-box .b-down {
    position: absolute;
    left: 50%;
    z-index: 2;
    /* padding-left: 36px; */
    border-radius: 24px;
    color: #fff;
    opacity: 0;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
}

.b-box .s-box .b-collect,
.b-box .s-box .b-down {
    margin-left: -69px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
}

.b-box .s-box .b-down {
    position: absolute;
    top: 180px;
    width: 145px;
    background: #5976E0;
    text-align: center;
    border-radius: 24px;
}

#ys_box .s-box .b-down {
    top: 50%;
    margin-top: -25%;
}

.b-box .s-box .b-down:hover {
    background: #4D69D2;

}

.b-box .s-box .b-collect {
    position: absolute;
    left: 50%;
    z-index: 2;
    padding-left: 31px;
    border-radius: 4px;
    color: #333;
    letter-spacing: 7px;

    opacity: 0;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
}

.b-box .s-box .b-collect {
    top: 166px;
    width: 113px;
    background: url(../images/common_new.png) 24px -31px no-repeat #fff;
}

.b-box .s-box .b-collect,
.b-box .s-box .b-down {
    margin-left: -69px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
}

.s-box .banquan {
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    display: none;
    width: 27px;
    height: 28px;
    border-radius: 2px;
    background: url(../../common/image/newuser.png) -8px -717px no-repeat;
    opacity: .8;
    filter: alpha(opacity=80);
}

.b-box .s-box .mark {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 3in;
    height: 407px;
    background: #000;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
}

.b-box .s-box:hover .mark {
    display: block;
    opacity: .4;
    transition: all .15s;
    -moz-opacity: .4;
    -khtml-opacity: .4;
    filter: alpha(opacity=40);
    -ms-transition: all .15s;
}

.b-box .s-box:hover .b-down {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}

.b-box .s-box:hover .b-collect {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}

.m-style {
    position: relative;
    text-align: center;
    zoom: 1;
    margin-bottom: 20px;
}

.back {
    cursor: pointer;
}




/* 新顶部 */
.header .allfenl {
    position: relative;
    float: left;
    width: 731px;
}

.header .allfenl .kuai {
    position: relative;
    float: left;
    margin-left: 23px;
    width: 68px;
    color: #666;
    font-size: 15px;
    line-height: 5pc;
    cursor: pointer;
}

.header .allfenl .kuai {
    margin-left: 15px;
}

.kuai em {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    width: 10px;
    height: 14px;
    background: url(../images/youcenewoneq.png) -68px -45pc no-repeat;
}

.header .allfenl .kuai ul {
    position: absolute;
    top: 74px;
    left: -98px;
    z-index: 10;
    display: none;
    padding: 10px 3px 9px 11px;
    width: 249px;
    background: #fff;
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    text-align: left;
    line-height: 47px;
}

.header .allfenl .kuai ul li {
    display: inline-block;
    width: 90pt;
    text-align: left;
}

.header .allfenl .kuai ul li a {
    display: inline-block;
    padding: 0 25px;
    height: 35px;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    line-height: 35px;
}

.header .allfenl .kuai ul li a:hover {
    background: #5976E0;
    color: #fff;
}

.header .allfenl .kuai:hover ul {
    display: block;
}

.kuai:hover em {
    background: url(../images/youcenewoneq.png) -68px -735px no-repeat
}

#searchdiv {
    background: #fff;
}

#searchdiv .search {
    position: relative;
    height: 52px;
    z-index: 12;
    display: inline-block;
    margin-top: 15px;
    border: 2px solid #5976E0;
    border-radius: 26px;
    box-sizing: border-box;
    /* overflow: hidden; */
    /* margin-left: 60px; */
}

#searchdiv .search .search-box {
    float: left;
    width: 388px;
    height: 48px;
    /* border: 2px solid #5976E0; */
    border-right: 0 solid;
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    background: #fff;
}

#searchdiv .search .s-niu {
    float: left;
    width: 110px;
    height: 44px;
    background: url(../images/serach.png);
    /* border-top-right-radius: 24px;
    border-bottom-right-radius: 24px; */
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    margin-top: 2px;
    margin-right: 2px;
}

#searchdiv .search .s-niu em {
    display: inline-block;
    margin-top: 5px;
    width: 23px;
    height: 45px;
    background: url(../images/common_new.png) -5px -126px no-repeat;
}

.search-box .searchtype {
    float: left;
    display: block;
    padding-left: 6px;
    height: 52px;
    font-size: 14px;
    line-height: 47px;
    cursor: pointer;
}

.search-box .searchtype span {
    display: inline-block;
    margin-left: 14px;
    color: #666;
    vertical-align: 3px;
}

.search-box .searchtype em {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    width: 10px;
    height: 17px;
    background: url(../images/rightbar.png) -68px -720px no-repeat;
}

.search-box .searchtype:hover em {
    background: url(../images/youcenewoneq.png) -68px -735px no-repeat
}

.search-box .searchtype i {
    display: inline-block;
    margin-top: 6px;
    margin-left: 10px;
    width: 1px;
    height: 19px;
    background: #c1c1c1;
    vertical-align: 0;
}

#searchdiv .search .search-box .i-search {
    margin-top: 3px;
    width: 258px;
    height: 40px;
    outline: 0;
    border: 0 solid;
    text-indent: 4px;
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    color: #333;
}

.search-box ul {
    position: absolute;
    top: 52px;
    left: -2px;
    z-index: 10;
    width: 112px;
    background: #fff;
    box-shadow: 0 1px 5px #dcd9d9;
    /* behavior: url(ie-css3.htc); */
}

.search-box .searchtype:hover #typedown {
    display: block !important;
}

.search-box ul li a {
    display: block;
    padding-left: 20px;
    height: 35px;
    color: #818181;
    text-align: left;
    font-size: 13px;
    line-height: 35px;
    cursor: pointer;
}

.search-box ul li a:hover {
    background: #5976E0;
    color: #fff;
}

/* 音效 */
.b-box .audio-box {
    position: relative;
    float: left;
    overflow: hidden;
    margin-top: 3px;
    margin-right: 16px;
    margin-bottom: 16px;
    width: 288px;
    height: 138px;
    background: #fff;
    box-shadow: 0 0 9px rgb(0 0 0 / 10%);
}

.b-box .audio-box .icon-bofang {
    float: left;
    display: block;
    margin-top: 27px;
    margin-left: 27px;
    width: 51px;
    height: 51px;
    background: url(../images/audio.png) -14px -16px no-repeat;
    cursor: pointer;
}

.b-box .audio-box .on {
    background-position: -85px -16px;
}

.b-box .audio-box .info {
    float: left;
    display: block;
    width: 207px;
    height: 100px;
}

.b-box .audio-box .star-time {
    float: left;
    display: block;
    width: 64px;
    height: 23px;
    color: #696969;
    text-align: right;
    font-size: 14px;
    line-height: 23px;
}

.b-box .audio-box .time-bar {
    position: relative;
    z-index: 1;
    float: left;
    display: block;
    overflow: hidden;
    width: 164px;
    height: 24px;
    background: #bfbfbf;
    cursor: pointer;
}

.b-box .audio-box .end-time {
    float: left;
    display: block;
    width: 40px;
    color: #696969;
    font-size: 14px;
    line-height: 23px;
}

.b-box .audio-box .title {
    float: left;
    display: block;
    overflow: hidden;
    margin-top: 27px;
    margin-left: 22px;
    width: 165px;
    height: 50px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 50px;
}

.b-box .audio-box .down {
    float: left;
    display: none;
    margin-left: 23px;
    width: 76px;
    height: 31px;
    border-radius: 2px;
    background: #007aff;
    color: #fff;
    font-size: 14px;
    line-height: 31px;
    cursor: pointer;
}

.b-box .audio-box .collect {
    float: left;
    display: none;
    margin-left: 10px;
    width: 29px;
    height: 29px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    background: url(../images/video.png) -12px 5px no-repeat #fff;
    cursor: pointer;
}

.b-box .audio-box .down i {
    display: inline-block;
    margin-right: 3px;
    width: 20px;
    height: 30px;
    background: url(../images/video.png) -17px -77px no-repeat;
    vertical-align: -9px;
}

.b-box .audio-box .time-bar .progressBar {
    position: absolute;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url(../images/audio.png) no-repeat -180px -30px;
}

.b-box .audio-box .time-bar .move-color {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 0;
    height: 24px;
    height: 100%;
    background-color: #658ae4;
}

.audio-box:hover .down {
    display: block;
}

.audio-box:hover .collect {
    display: block;
}

.b-box .audio-box:hover .title {
    height: 31px;
    line-height: 19px;
}


/*视频*/
.b-box .video .s-pic {
    height: 162px
}

.b-box .video {
    display: block;
    overflow: hidden;
    width: 288px;
    height: 162px;
    cursor: pointer
}

.b-box .video:hover .img-none {
    display: none
}

.b-box .video video {
    display: none;
    width: 288px;
    height: 162px;
    background: #000;
    object-fit: fill
}

.b-box .video .video-spec {
    object-fit: contain
}

.b-box .video .video-time {
    position: absolute;
    right: 14px;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    width: 100px;
    height: 30px;
    color: #fff;
    text-align: right;
    font-size: 15px;
    font-family: Arial;
    line-height: 30px
}

.b-box .video:hover video {
    display: block
}

.b-box .video .mark {
    display: none;
    height: 162px
}

.b-box .video:hover .mark {
    display: none
}

.b-box .video .v-down {
    position: absolute;
    top: 12px;
    left: 50%;
    z-index: 2;
    margin-left: 65px;
    padding-left: 21px;
    width: 45px;
    height: 31px;
    border-radius: 2px;
    background: url(../images/video.png) -8px -77px no-repeat #007aff;
    color: #fff;
    font-size: 20px;
    font-size: 14px;
    line-height: 31px;
    opacity: 0;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.b-box .video .v-down:hover {
    background: url(../images/video.png) -8px -77px no-repeat #6e91e6
}

.b-box .video .v-collect {
    position: absolute;
    top: 12px;
    left: 50%;
    z-index: 99999;
    margin-left: 23px;
    padding-left: 0;
    width: 31px;
    height: 31px;
    border-radius: 2px;
    background: url(../images/video.png) -11px 5px no-repeat #fff;
    color: #333;
    letter-spacing: 7px;
    font-size: 20px;
    font-size: 17px;
    line-height: 31px;
    opacity: 0;
    cursor: pointer;
    ilter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.b-box .video .yjsc {
    background: url(../images/power-1.png) -330px -6px no-repeat #fff !important;
    ;
}

.b-box .video:hover .v-collect,
.b-box .video:hover .v-down {
    opacity: 1;
    ilter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.b-box .video .chosed {
    background: url(../images/video.png) -11px -36px no-repeat #fff
}

.b-box .video .title {
    position: absolute;
    bottom: 0;
    left: 17px;
    z-index: 1;
    overflow: hidden;
    width: 200px;
    height: 30px;
    color: #fff;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 30px;
    -o-text-overflow: ellipsis
}

.b-box .video:hover .title,
.b-box .video:hover .video-bq,
.b-box .video:hover .video-time {
    display: none
}

.b-box .video:hover .mc-bottom {
    display: none
}

.b-box .video .mc-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 32%;
    background: #000;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, bottom, top, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .4) 0, transparent 100%)
}

.video-bq {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
    background: url(../images/video.png) -7px -143px no-repeat
}

.sixfivewidth {
    width: 65% !important
}

@keyframes move {
    0% {
        width: 0px;
    }

    50% {
        width: 82px;
    }

    100% {
        width: 164px;
    }
}

@media screen and (max-width: 1300px) {
    #ys_box {
        width: 1000px;

    }

    .wlimit {
        width: 1012px;
    }

    .navs {
        width: 1000px;
    }

    .container {
        width: 1012px;
    }


    .footer .footer1 .user-say {
        width: 1000px;
    }

    .item-list {
        width: 1030px;
        height: 732px;
    }

    /* .navs .nav li a{
        font-size: 13px;
    } */

    .footer .footer2 .footer-logo {
        margin-left: 0;
    }

    .copyrights {
        left: 100px;
    }

    .footer .footer2 .statements {
        left: 100px;
    }

    .copyrights a,
    .footer .footer2 .company-say .statements a {
        font-size: 12px;
    }


    .footer .footer1 .user-say .box {
        width: 210px;
    }

    .type1 .uli {
        width: 720px;
        font-size: 13px;
    }

    .b-box .s-box {
        width: 240px;
        margin-right: 13px;
    }

    .b-box .s-box .imgBox {
        height: 340px;
    }

    .b-box .s-box .imgBox.weNewCss {
        width: 240px;
        height: 270px;
    }

    .b-box .s-box .s-pic {
        /* height: 340px; */
    }

    .b-box .s-box .s-pic.weNewCss {
        height: 270px !important;
    }

    .b-box .s-box .mark {
        height: 340px;
    }

    .b-box .s-box .b-down {
        top: 140px;
    }

    .b-box .s-box .p-title a {
        width: 184px;
    }

    .type .f-type a {
        font-size: 13px;
    }

    .header .allfenl {
        width: 580px;
    }

    #searchdiv .search .search-box {
        width: 268px;
    }

    #searchdiv .search .search-box .i-search {
        width: 145px;
    }

    .header .allfenl .kuai,
    .search-box .searchtype span {
        font-size: 13px;
    }

    .b-box .audio-box {
        margin-right: 13px;
        width: 240px;
    }

    .b-box .audio-box .info {
        width: 150px;
    }

    .b-box .audio-box .time-bar {
        width: 118px;
    }

    .b-box .audio-box .title {
        width: 115px;
        font-size: 13px;
    }

    /*视频*/
    .b-box .video {
        width: 240px;
        margin-right: 11px;
        height: 135px
    }

    .b-box .video .s-pic {
        height: 135px
    }

    .b-box .video video {
        width: 240px
    }

    .b-box .video .v-collect {
        margin-left: 12px
    }

    .b-box .video .v-down {
        margin-left: 49px
    }

    .b-box .video .title {
        width: 150px
    }

    @keyframes move {
        0% {
            width: 0px;
        }

        50% {
            width: 59px;
        }

        100% {
            width: 118px;
        }
    }
}


@media screen and (min-width: 1600px) {
    #ys_box {
        width: 1504px;

    }

    .wlimit {
        width: 1516px;
    }

    .navs {
        width: 1504px;
    }

    .container {
        width: 1516px;
    }


    .footer .footer1 .user-say {
        width: 1504px;
    }

    .item-list {
        width: 1534px;
        height: 866px;
    }

    .navs .nav {
        width: 830px;
    }

    .navs .nav li a {
        font-size: 18px;
        padding: 0 25px;
    }

    .navs .nav li .free {
        top: 15px;
        right: -10px;
    }

    .footer .footer2 .footer-logo {
        margin-left: 120px;
    }

    .copyrights {
        left: 30px;
    }

    .footer .footer2 .statements {
        left: 30px;
    }

    .copyrights a,
    .footer .footer2 .company-say .statements a {
        font-size: 14px;
    }

    .footer .footer1 .user-say .box {
        width: 343px;
    }

    .type1 .uli {
        width: 1314px;
    }

    .header .allfenl,
    .header .navs .nav {
        width: 1036px;
    }

    #searchdiv .search .search-box {
        width: 605px;
    }

    #searchdiv .search .search-box .i-search {
        width: 472px;
    }

    /*视频*/

    .b-box .video {
        width: 360px;
        height: 202px;
        margin-right: 21px;
    }

    .b-box .video .s-pic {
        height: 202px
    }

    .b-box .video video {
        object-fit: fill;
        width: 360px;
        height: 202px
    }

    .b-box .video .v-down {
        margin-left: 99px
    }

    .b-box .video .v-collect {
        margin-left: 56px
    }

    .b-box .video .title {
        font-size: 14px
    }

    .b-box .video .video-time {
        font-size: 15px
    }

}

.tiyanvipimg {
    float: right;
    margin-right: -245px;
    margin-top: 13px;
}