body {
    margin: 0;
    padding: 0;
}

h1 {
    font-weight: normal;
    font-size: 21px;
    margin: 0px;
    padding: 0px
}

img {
    object-fit: cover;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.fp-tableCell {
    display: block;
    vertical-align: unset;
}

.w100 {
    width: 100%;
    vertical-align: middle;
}

h1,
h2,
h3,
h4 {
    padding: 0;
    margin: 0;
}

.bg-blue {
    background-color: #c6cbdc !important;
}

a {
    text-decoration: none;
    color: unset;
}

a:hover {
    color: #f00;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.bgb68b96 {
    background-color: #b68b96 !important;
}

.bgb87686 {
    background-color: #b87686 !important;
}

.flex {
    display: flex;
}

#fullPage-nav.right {
    right: 60px !important;
}

.container {
    max-width: 1550px;
    width: 1550px;
    margin: 0 auto;
    box-sizing: border-box;
}


/*头部*/
.blockcont1-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
}

.blockcont1-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont1-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont1-head .head-all .advertbox {
    width: 237px;
}

.blockcont1-head .head-all .advertbox-all {
    display: flex;
}

.blockcont1-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont1-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont1-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont1-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 0px;
    bottom: 0;
    margin: auto;
}

.blockcont1-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont1-head .head-all .homeicon a {
    color: #2c3438;
    font-size: 21px;

}

.head-all .sear-input {
    position: relative;
}

.head-all .sear-input .searchkey {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1);
    padding-left: 48px;
    box-sizing: border-box;
    color: #333;
}

.head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #333;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
    border: 0px;
    background: none;
    cursor: pointer;
}

.blockcont1-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont1-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont1-head .head-all .admin-right {
    display: flex;
}

.blockcont1-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 20px;
}

.blockcont1-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont1-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont1-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont1-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;
}

.blockcont1-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont1-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont1-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: white;
}

.blockcont1-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
}

.blockcont1-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
}

.blockcont1-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: white;
}

/*头部*/


/* blockcont1 */
.blockcont1 {
    display: flex;
    justify-content: space-between;
}

.blockcont1-left {
    width: 158px;
    height: 770px;
    background-color: #ffffff80;
    padding: 15px 0px;
    box-sizing: border-box;
    border-radius: 5px;
}

.blockcont1-center {
    width: 1080px;
    height: 770px;
    background-color: #f7f1e0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blockcont1-center-main {
    display: flex;
    justify-content: space-between;
}

.blockcont1-center .side1 {
    width: 722px;
    height: 655px;
}

.blockcont1-center .side2 {
    width: 355px;
    height: 655px;
}

.blockcont1-center .side3 {
    width: 100%;
    height: 104px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blockcont1-center .side3 .recall {
    font-size: 24px;
    font-weight: bold;
    width: 48px;
    padding: 0 25px;
    border-right: 1px solid #69686857;
}

.blockcont1-center .side3 .letters {
    width: 726px;
    display: flex;
    align-items: center;
    height: 100%;
}

.blockcont1-center .side3 .letter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    width: 598px;
}

.blockcont1-center .side3 .letter a {
    display: block;
    width: 28px;
    height: 28px;
    color: #c3c3c3;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    margin-left: 20px;
    margin-top: 12px;
    box-shadow: 1px -1px 1px 1px;
}

.blockcont1-center .side3 .letter a:hover {
    background-color: #cdcdcd;
    color: #fff;
}

.blockcont1-center .side3 .search {
    height: auto;
    margin: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #696868;
    width: 331px;
    overflow: hidden;
    position: relative;
}

.blockcont1-center .side3 .search span {
    display: inline-block;
    line-height: 15px;
    margin-bottom: 10px;
}

.blockcont1-center .side3 .search a {
    display: inline-block;
    padding: 0 5px 0px 0px;
    height: 10px;
    line-height: 10px;
    margin: 5px 5px 5px 0px;
    color: #c0a26a;
    border-right: 1px solid #0003;
}

.blockcont1-center .side3 .search a:hover {
    color: #f00;
}

.changebox {
    display: flex;
    height: 40px;
}

.changebox .on {
    display: block;
    text-align: justify;
    text-justify: inter-ideograph;
}

.changebox div {
    display: none
}

.changeit {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
    color: #999;
    cursor: pointer;
    font-size: 14px;
    height: 15px;
    line-height: 15px;
}

.changeit img {
    height: 15px;
    vertical-align: top;
}

.changeit:hover {
    color: #f00;
}

.blockcont1-right {
    width: 272px;
    height: 770px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    overflow: hidden;
}

/*.blockcont1-right .tempWrap{*/
/*    height: 760px!important;*/
/*}*/
.blockcont1-left ul li {
    padding: 0px 15px
}

.blockcont1-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e1dcce;
}

.blockcont1-left ul li:hover {
    background: #696868;

}

.blockcont1-left ul li:hover a {
    color: #fff;
    border-bottom: 1px solid #696868;
}

.blockcont1-left ul li a span {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/img9.png) no-repeat center center;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont1-right ul {
    width: 100%;
    /*display: flex;*/
    justify-content: space-between;
    flex-wrap: wrap;
    height: auto !important;
}

.blockcont1-right ul li {
    list-style: none;
    height: auto;
    overflow: hidden;
    height: 95px;
    display: block;
    justify-content: space-between;

}

.blockcont1-right ul li .pphover {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .6);
    z-index: 999;
    width: 100%;
    height: 95px;
}

.blockcont1-right ul li .pphover p {
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 95px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.blockcont1-right ul li a:hover .pphover {
    display: block;
}

.blockcont1-right ul li a:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont1-right ul li img {
    width: calc(100% - 2px);
    vertical-align: middle;
    border: 1px solid #dedede;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.blockcont1-right ul li img:hover {
    border: 1px solid #b87686;

}

.blockcont1-right ul li a {
    display: inline-block;
    position: relative;
    width: 49%;
    vertical-align: top;
    overflow: hidden;
}

.blockcont1-right .bd {
    overflow: hidden
}

/**轮播*/
.blockcont1 .banner-lunbo {
    height: 302px;
    position: relative;
}

.blockcont1 .banner-small {
    position: absolute;
    right: 23px;
    top: 12px;
    bottom: 0;
    margin: auto;
    width: 127px;
}

.blockcont1 .banner-small ul li {
    width: 127px;
    height: 76px;
    margin-bottom: 16px;
}

.blockcont1 .banner-small ul li img {
    width: 127px;
    height: 76px;
    border: 3px solid #fff;
    border-radius: 3px;
    overflow: hidden;
}

.blockcont1 .banner-small ul li.on img {
    border: 3px solid #ff5d8b63;
}

.blockcont1 .banner-lunbo .arrow {
    position: absolute;
    bottom: 6px;
    right: 50px;
    width: 35px;
    height: 10px;
    background: url(../images/arrow.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

/**轮播*/

.blockcont1 .blockcont1-center-main .side1 .head {
    display: flex;
    height: 30px;
    background-color: #fff;
    margin: 6px 0;
    justify-content: space-between;
    align-items: center;
}

.blockcont1 .blockcont1-center-main .side1 .head .title {
    height: 30px;
    background-color: #000000;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
}

.blockcont1 .blockcont1-center-main .side1 .head .morelink {
    display: block;
    color: #7f7e7e;
    font-size: 12px;
    margin-right: 15px;
}

.blockcont1-center .brandlist .brandlist-left {
    position: relative;
    width: 169px;
    height: 154px;
    overflow: hidden;
}

.blockcont1-center .brandlist .brandlist-left img {
    width: 169px;
    height: 154px;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.blockcont1-center .brandlist .brandlist-left img:hover {
    transform: scale(1.1, 1.1);
}

.blockcont1-center .brandlist .brandlist-left-triangle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 51px;
    background: url(../images/img32.png) no-repeat;
    background-size: 100%;

}

.blockcont1-center .brandlist ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blockcont1-center .brandlist ul li {
    width: 49.5%;
    background-color: #fff;
    margin-bottom: 4px;
}

.blockcont1-center .brandlist .brandlist-left-text {
    position: absolute;
    left: 5px;
    bottom: 5px;
    background-size: 100%;
    color: #fff;
    font-size: 12px;
}

.blockcont1-center .brandlist ul li a {
    display: flex;
    flex-wrap: wrap;
    height: 154px;
}

.blockcont1-center .brandlist .brandlist-right {
    width: 186px;
    box-sizing: border-box;
    padding: 8px;
}

.blockcont1-center .brandlist .brandlist-right h3 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont1-center .brandlist .brandlist-right p {
    font-size: 10px;
    color: #adadad;
    text-align: justify;
    padding: 0;
    margin: 8px 0;
    line-height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont1-center .brandlist .brandlist-right .time {
    display: flex;
    color: #c6c6c6;
    font-size: 10px;
    justify-content: space-between;
}

.blockcont1-center .brandlist .brandlist-right .time div:last-child {
    color: #b87686;
}

.blockcont1-center .side2 .exhibit-side {
    display: flex;
    background: #fff;
}

.blockcont1-center .side2 .exhibit-left {
    width: 83px;
    height: 101px;
    background-color: #b9a3a8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "楷体";
}

.blockcont1-center .side2 .exhibit-left span {
    display: block;
    width: 25px;
    height: 23px;
    background: url(../images/img11.png) no-repeat;
    background-size: 100%;
    margin-bottom: 8px;
}

.blockcont1-center .side2 .exhibit-right {
    display: flex;
    align-items: center;
    width: 268px;
    padding: 0 15px;
    box-sizing: border-box;
    position: relative;
}

.blockcont1-center .side2 .exhibit-right .hengxian {
    content: '';
    position: absolute;
    width: 240px;
    height: 1px;
    background-color: #efefef;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.blockcont1-center .side2 .exhibit-right a {
    display: flex;
    align-items: center;
}

.blockcont1-center .side2 .exhibit-right img {
    width: 72px;
    height: 72px;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.blockcont1-center .side2 .exhibit-right img:hover {
    transform: scale(1.05, 1.05);
}

.blockcont1-center .side2 .exhibit-right .exhibit-right-text {
    margin-left: 10px;
}

.blockcont1-center .side2 .exhibit-right .exhibit-right-text h4 {
    font-size: 15px;
    line-height: 23px;
    color: #ff5d8b;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 400;
}

.blockcont1-center .side2 .exhibit-side:hover .exhibit-right-text span {
    color: #fff
}

.blockcont1-center .side2 .exhibit-side:nth-child(1):hover {
    background: #b9a3a8;
}

.blockcont1-center .side2 .exhibit-side:nth-child(2):hover {
    background: #b68b96;
}

.blockcont1-center .side2 .exhibit-side:nth-child(3):hover {
    background: #b87686;
}

.blockcont1-center .side2 .exhibit-side:nth-child(1):hover .hengxian {
    background: #b9a3a8;
}

.blockcont1-center .side2 .exhibit-side:nth-child(2):hover .hengxian {
    background: #b68b96;
}

.blockcont1-center .side2 .exhibit-right .exhibit-right-text span {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    max-width: 127px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont1-center .side2 .head {
    display: flex;
    height: 30px;
    background-color: #fff;
    margin: 6px 0;
    justify-content: space-between;
    align-items: center;
}

.blockcont1-center .side2 .head .title {
    height: 30px;
    background-color: #000000;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
}

.blockcont1-center .side2 .head .morelink {
    display: block;
    color: #7f7e7e;
    font-size: 12px;
    margin-right: 15px;
}

.blockcont1-center .side2 .newslist {
    height: 310px;
    background-color: #fff;
    padding: 15px 10px;
    box-sizing: border-box;
}

.blockcont1-center .side2 .newslist li {
    display: flex;
    padding-bottom: 17px;
    align-items: center;
}

.blockcont1-center .side2 .newslist li a {
    display: block;
    font-size: 12px;
    color: #696868;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 230px;
}

.blockcont1-center .side2 .newslist li a:hover {
    color: #f00;
}

.blockcont1-center .side2 .newslist li .time {
    font-size: 10px;
    color: #c6c6c6;
}

.blockcont1-center .side2 .newslist li span {
    display: block;
    width: 13px;
    height: 13px;
    background-color: #fff;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #c0c0c0;
    margin-right: 5px;
    border: 1px solid #c0c0c0;
    z-index: 0;
}

.blockcont1-center .side2 .newslist ul {
    position: relative;
}

.blockcont1-center .side2 .newslist ul::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 260px;
    background-color: #c0c0c0;
    left: 7px;
    top: 0;
    z-index: 0;
}

.blockcont1-center .side2 .newslist ul li:nth-child(1) span,
.blockcont1-center .side2 .newslist ul li:nth-child(2) span,
.blockcont1-center .side2 .newslist ul li:nth-child(3) span {
    background-color: #b68b96;
    border: 1px solid #b68b96;
    color: #fff;
}

/* blockcont1 结束*/


/* blockcont2 开始*/

/*头部*/
.blockcont2-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
}

.blockcont2-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont2-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont2-head .head-all .advertbox {
    width: 237px;
}

.blockcont2-head .head-all .advertbox-all {
    display: flex;
}

.blockcont2-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont2-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont2-head .head-all .homeicon {
    display: flex;
    position: relative;
    height: 25px;
    line-height: 25px;
}

.blockcont2-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

.blockcont2-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/box2-1.png) no-repeat center center;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont2-head .head-all .homeicon a {
    color: #2c3438;
    font-size: 21px;

}

.blockcont2-head .head-all .sear-input {
    position: relative;
}

.blockcont2-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1);
    padding-left: 48px;
    box-sizing: border-box;
    color: #fff;
}

.blockcont2-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont2-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #fff;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont2-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont2-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont2-head .head-all .admin-right {
    display: flex;
}

.blockcont2-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 20px;
}

.blockcont2-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont2-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont2-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont2-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;
}

.blockcont2-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont2-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont2-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: white;
}

.blockcont2-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
}

.blockcont2-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
}

.blockcont2-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: white;
}

/*头部*/

.blockcont2-left {
    width: 158px;
    height: 770px;
    background-color: #dbf0fd;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.blockcont2-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e1dcce;
}

.blockcont2-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont2-right {
    width: 1362px;
    height: 770px;
    box-sizing: border-box;
}

.blockcont2-right .streamer {
    width: 280px;
    height: 55px;
    margin: -30px auto 15px auto;
}

.blockcont2-right .side1 {
    height: auto;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 12px;
}

.xinpin-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.xinpin-title p {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    color: #ff5d8b;
    font-size: 20px;
    font-weight: bold;
    text-indent: 40px;
    vertical-align: top;
}

.xinpin-changebox {
    display: inline-block;
    margin-left: 20px;
}

.xinpin-changebox div {
    display: none;
}

.xinpin-changebox .on {
    display: block;
}

.xinpin-changebox a {
    color: #666;
    font-size: 14px;
    display: inline-block;
    width: 170px;
    margin-right: 20px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xinpin-changeit {
    color: #ff5d8b;
    font-size: 15px;
    float: right;
    padding-right: 40px;
    cursor: pointer;
}

.xinpin-changeit:hover {
    color: #b87686;
    font-weight: bold;
}


.blockcont2-right .side1 ul {
    padding: 10px 42px;
    position: relative;
}

.blockcont2-right .side1 ul li {
    display: flex;
    justify-content: space-between;
}

.blockcont2-right .side1 ul li a {
    display: block;
    width: 196px;
    height: 220px;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e6e5e5;
    border-radius: 12px;
    margin-right: 15px;
    overflow: hidden;
}

.blockcont2-right .side1 ul li a:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont2-right .side1 ul li a:hover .xinai {
    background: url(../images/xin1.png) no-repeat;
    background-size: 100%;
}

.blockcont2-right .side1 ul li h2 {
    font-size: 18px;
    color: #696868;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont2-right .side1 ul li p {
    font-size: 15px;
    color: #9b9999;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 8px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont2-right .side1 ul li span {
    display: block;
    width: 100%;
    height: 27px;
    line-height: 27px;
    font-size: 13px;
    color: #ffffff;
    background-color: #ff5d8b;
    text-align: center;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont2-right .side1 ul li .iocn-newiocn-new {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 32px;
    height: 26px;
    background-color: #ff2b67;
    line-height: 26px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}

.blockcont2-right .side1 ul li .xinai {
    position: absolute;
    bottom: 104px;
    right: 8px;
    width: 17px;
    height: 17px;
    background: url(../images/xin2.png) no-repeat;
    background-size: 100%;
    line-height: 26px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}

.blockcont2-right .side1-bg {
    background-color: #edeef0;
}

.blockcont2-right .side2 {
    width: 530px;
    height: 480px;
    background-color: #fff;
    border-radius: 12px;
    padding: 20px 14px;
    box-sizing: border-box;
}

.blockcont2-right .side-all {
    display: flex;
    justify-content: space-between;
}

.blockcont2-right .side2 .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.blockcont2-right .side2 .head h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;

}

.blockcont2-right .side2 .head p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #666;
}

.blockcont2-right .side2 .head .lines {
    width: 210px;
    height: 1px;
    background-color: #d7e3eb;
}

.blockcont2-right .side2 .head .sou-jian {
    width: 19px;
    height: 20px;
    background: url(../images/box2-9.png) no-repeat;
    background-size: 100%;
}

.mainx img {
    width: 75px;
    height: 75px;
    vertical-align: top;
}

.mainx a {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fame-title1 {
    line-height: 20px;
    height: 20px;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px !important;
    color: #333;
    overflow: hidden;
    display: block;
}

.fame-title2 {
    line-height: 20px;
    height: 20px;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px !important;
    color: #fff;
    overflow: hidden;
    display: block;
}

.fame-title3 {
    line-height: 20px;
    height: 20px;
    font-size: 17px;
    font-weight: bold;
    color: #333;
    text-align: center;
    overflow: hidden;
    display: block;
}

.frame-left p, .frame-right p {
    margin: 0px;
}

.frame-left, .frame-right {
    width: calc(50% - 5px);
    height: auto;
}

.frame-left .frame-top {
    width: 100%;
    height: auto;
    background: #e9eff2;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box
}

.frame-left .frame-top ul {
    width: 100%;
}

.frame-left .frame-top ul li {
    display: inline-block;
    width: 48%;
    background: #fff;
    text-align: center;
}

.frame-left .frame-top ul li img {
    width: 75px;
    height: 75px;
}

.frame-b-left {
    width: calc(50% - 5px);
}

.frame-b-right {
    width: calc(50% - 5px);
    background: #e9eff2;
    padding: 10px;
    box-sizing: border-box
}

.frame-b-right li {
    margin-bottom: 5px;
    text-align: center;
    background: #fff;
}

.frame-b-right li img {
    width: 70px;
    height: 70px;
}

.frame-b-left-1 {
    background: #c1bfcd;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}

.frame-b-left-1 img {
    height: 75px;
    width: 75px;
}

.frame-b-left-2 {
    background: #b4d2e4;
    padding: 10px;
    box-sizing: border-box
}

.frame-b-left-2 img {
    height: 70px;
    width: 70px;
}

.frame-b-left-2 span {
    color: #fff;
    font-size: 14px;
    display: block;
}

.frame-r-left, .frame-r-right {
    width: calc(50% - 5px);
    height: auto;
}

.frame-b-left-11 {
    background: #e9cebc;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}

.frame-b-left-12 {
    background: #b4d2e4;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}

.frame-b-left-12 img {
    height: 90px;
    width: 90px;
}

.frame-b-left-13 {
    background: #d1dfe8;
    padding: 10px;
    box-sizing: border-box
}

.frame-b-left-21 {
    background: #8bbadf;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box
}

.frame-b-left-21 li {
    margin-bottom: 5px;
    text-align: center;
    background: #fff;
}

.frame-b-left-21 li img {
    width: 70px;
    height: 70px;
}

.frame-b-left-21 p {
    color: #fff;
}

.frame-b-left-22 {
    background: #c1bfcd;
    padding: 10px;
    box-sizing: border-box
}

.framexlist a {
    width: 100px;
    height: auto;
    display: block;
    float: left;
    background: #fbfbfb;
    padding: 5px;
    margin: 0px 7px 5px 8px;
}

.framexlist a:hover {
    background: #d2d2d2
}

.framexlist a:hover img {
    transform: scale(1.1, 1.1);
}

.framexlist a img {
    width: 100%;
    height: 100px;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.framexlist a h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.framexlist a p {
    font-weight: 400;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #666;
    margin: 0px;
}

.blockcont2-right .side2 .framex {
    width: 250px;
    height: 393px;
}

.blockcont2-right .side2 .frame1 {
    width: 240px;
    height: 110px;
    background-color: #e9eff2;
    padding: 5px;
    box-sizing: border-box;
}

.blockcont2-right .side2 .frame1 .title {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.blockcont2-right .side2 .frame1 h3 {
    margin-right: 11px;
    font-size: 24px;
    color: #333333;
    margin-left: 5px;
}

.blockcont2-right .side2 .frame1 p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #696868;
}

.blockcont2-right .side2 .fram1-pro {
    display: flex;
    justify-content: center;
    margin-top: 4px;
}

.blockcont2-right .side2 .fram1-pro a:first-child {
    margin-right: 10px;
    color: #fff;
}

.blockcont2-right .side2 .frame2 {
    display: inline-block;
    width: 125px;
    height: 280px;
}

.blockcont2-right .side2 .frame2 a:first-child {
    display: block;
    height: auto;
    background-color: #c1bfcd;
    color: #fff;
    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
    margin: 6px 0;
}

.blockcont2-right .side2 .frame2 a:first-child h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.blockcont2-right .side2 .frame2 a:first-child p {
    margin: 1px 0;
    padding: 0;
    font-size: 12px;
}

.blockcont2-right .side2 .framey .frame2 a:first-child {
    margin: unset;
    background-color: #e9cebc;
}

.blockcont2-right .side2 .framey .frame2 a:last-child {
    margin: 6px 0;
}

.blockcont2-right .side2 .framey .frame3 {
    margin-top: unset;
    margin-bottom: 6px;
    width: 114px;
    padding: 8px;
    background-color: #8bbadf;
}

.blockcont2-right .side2 .frame2 a:last-child {
    display: block;

    background-color: #b4d2e4;
    color: #fff;
    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
}

.blockcont2-right .side2 .frame2 a:last-child h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin-bottom: 10px;
}

.blockcont2-right .side2 .frame2 a:last-child p {
    margin: 5px 0;
    padding: 0;
    font-size: 12px;
}

.blockcont2-right .side2 .frame3 {
    width: 107px;
    height: auto;
    display: inline-block;
    background-color: #dfe3e6;
    margin-top: 6px;
    box-sizing: border-box;
    padding: 8px;
    margin-left: 7px;
}

.blockcont2-right .side2 .frame3 img {
    width: 100%;
}

.blockcont2-right .side2 .frame3 h3 {
    font-size: 24px;
    color: #333333;
    text-align: center;
}

.blockcont2-right .side2 .frame3 p {
    font-size: 12px;
    color: #696868;
    text-align: center;
    margin: 5px 0;
}

.blockcont2-right .side2 .main {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.blockcont2-right .side2 .framey {
    width: 250px;
    /* background-color: red; */
    height: 393px;
}

.blockcont2-right .side2 .framey .frame4 {
    display: flex;
}

.blockcont2-right .side2 .framey .frame4 a {
    display: inline-block;
    width: 125px;
    height: auto;
    background-color: #d1dfe8;
    color: #fff;
    padding: 5px 10px;
    box-sizing: border-box;
}

.blockcont2-right .side2 .framey .frame4 a:last-child {
    width: 115px;
    margin-left: 7px;
    background-color: #c1bfcd;
}

.blockcont2-right .side2 .framey .frame4 h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.blockcont2-right .side2 .framey a:first-child h3 {
    text-align: right;
    padding-right: 10px;
    color: #333333;
}

.blockcont2-right .side2 .framey a:first-child p {
    color: #696868;
}

.blockcont2-right .side2 .framey .frame4 p {
    margin: 1px 0;
    padding: 0;
    font-size: 12px;
}

.blockcont2-right .side2 .framey .frame2 a:last-child h3 {
    color: #333333;
}

.blockcont2-right .side2 .framey .frame2 a:last-child p {
    color: #696868;
}

.blockcont2-right .side2 .framey .frame3 h3,
.blockcont2-right .side2 .framey .frame3 p {
    color: #fff !important;
}

.blockcont2-right .side2 .main .jia1 {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
    top: 10px;
    right: 272px;
}

.blockcont2-right .side2 .main .jia2 {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
    top: 124px;
    right: 391px;
}

.blockcont2-right .side2 .main .jia3 {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
    top: 240px;
    right: 391px;
}

.blockcont2-right .side2 .main .jia4 {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
    top: 363px;
    right: 270px;
}

.blockcont2-right .side2 .main .jia5 {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
    top: 10px;
    right: 241px;
}

.blockcont2-right .side2 .main .jia6 {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
    top: 125px;
    right: 151px;
}

.blockcont2-right .side2 .main .jia7 {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
    bottom: 6px;
    right: 233px;
}

.blockcont2-right .side2 .main .jia8 {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
    bottom: 129px;
    right: 106px;
}

.blockcont2-right .side2 .main .jia9 {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
    bottom: 90px;
    right: 27px;
}

/*************************/
.blockcont2-right .side3 .pk {
    width: 815px;
    height: 250px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 12px;
    display: flex;
}

.blockcont2-right .side3 .pk .title {
    width: 53px;
    height: 250px;
    background-color: #d2d2d2;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.blockcont2-right .side3 .pk .title span:first-child {
    display: block;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    font-weight: bold;
    color: #ff5d8b;
    text-align: center;
}

.blockcont2-right .side3 .pk .title span:last-child {
    display: block;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    font-weight: bold;
    color: #8bbadf;
    text-align: center;
}

.blockcont2-right .side3 .pk .title p {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.blockcont2-right .side3 .pk-all {
    width: 740px;
    height: 250px;
    background-color: #fff;
    display: flex;
    padding-left: 15px;
    padding-top: 15px;
    box-sizing: border-box;
}

.blockcont2-right .side3 .pk-all-side1 {
    width: 422px;
    height: 220px;
    display: flex;
    box-sizing: border-box;
}

.blockcont2-right .side3 .pk-all-side1 .img {
    width: 130px;
    position: relative;
    text-align: center;
}

.blockcont2-right .side3 .pk-all-side1 .img img {
    width: 80px;
}

.blockcont2-right .side3 .pk-all-side1 .img p {
    width: 100px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0px;
    margin: 0px auto;
    font-size: 14px;
}

.blockcont2-right .side3 .pk-all-side2 {
    width: 293px;
    height: 220px;
    border-left: 1px solid #69686845;
    margin-left: 20px;
    padding-left: 15px;
}

.blockcont2-right .side3 .pk-all-side2 h3 {
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-bottom: 25px;
}

.blockcont2-right .side3 .pk-all-side2 .pro a {
    display: block;
    font-size: 12px;
    color: #696868;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
}

.blockcont2-right .side3 .pk-all-side2 .pro a span {
    width: 6px;
    height: 6px;
    background: #ff5d8b;
    border-radius: 20px;
    display: inline-block;
    margin-right: 6px;
}

.blockcont2-right .side3 .pk-all-side2 .pro a:hover {
    color: #ff5d8b;
}

.blockcont2-right .side3 .pk-all-side1 .vs-pro {
    margin-left: 20px;
    margin-top: 5px;
}

.blockcont2-right .side3 .pk-all-side1 .vs-pro h3 {
    font-size: 18px;
    color: #ff5d8b;
    font-weight: 500;
    margin: 0;
    margin-bottom: 6px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 260px;
}

.blockcont2-right .side3 .pk-all-side1 .vs-pro h3:hover {
    color: #8bbadf;
}

.blockcont2-right .side3 .pk-all-side1 .vs-pro .lines {
    width: 100%;
    height: 1px;
    background-color: #d7e3eb;
    margin: 20px 0;
}

.blockcont2-right .side3 .pk-all-side1 .type {
    display: block;
}

.blockcont2-right .side3 .pk-all-side1 .type span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    font-size: 14px;
    line-height: 25px;
}

.blockcont2-right .side3 .pk-all-side1 .type span:hover {
    color: #ff5d8b;
}

/*************************/
.blockcont2-right .side3 .exposure {
    width: 815px;
    height: 220px;
    background-color: #fff;
    border-radius: 12px;
}

.blockcont2-right .contro-left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 44px;
    background: url(../images/box2-left.png) no-repeat 100%;
}

.blockcont2-right .contro-right {
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 44px;
    background: url(../images/box2-right.png) no-repeat 100%;
}

.blockcont2-right .exposure {
    padding: 15px;
    box-sizing: border-box;
}

.blockcont2-right .exposure .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.blockcont2-right .exposure .head h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;

}

.blockcont2-right .exposure .head p {
    margin: 0;
    padding: 0;
}

.blockcont2-right .exposure .head .lines {
    width: 460px;
    height: 1px;
    background-color: #d7e3eb;
}

.blockcont2-right .exposure .head .sou-jian {
    width: 19px;
    height: 20px;
    background: url(../images/box2-9.png) no-repeat;
    background-size: 100%;
}

.blockcont2-right .exposure .box1 {
    display: inline-block;
    width: 440px;
    height: 160px;
}

.blockcont2-right .exposure .box1 a {
    display: block;
    width: 137px;
    position: relative;
}

.blockcont2-right .exposure .box1 ul {
    display: flex;
    justify-content: space-between;
}

.blockcont2-right .exposure .box1 p {
    position: absolute;
    bottom: 0px;
    width: calc(100% - 10px);
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0 5px;
    background-color: rgba(0, 0, 0, .1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont2-right .exposure .box1 li:hover a p {
    width: calc(100% - 10px);
    font-size: 12px;
    color: #fff;
    height: 100%;
    margin: 0;
    line-height: 153px;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont2-right .exposure .box2 {
    display: inline-block;
    width: 330px;
}

.blockcont2-right .exposure .box-all {
    display: flex;
    justify-content: space-between;
}

.blockcont2-right .exposure .box-all a {
    display: block;
    font-size: 12px;
    color: #696868;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont2-right .exposure .box-all a:hover {
    color: #f00;
}

.blockcont2-right .exposure .box-all img {
    height: 160px;
}

.blockcont2-right .exposure .box-all a:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont2-right .exposure .box2 .pro span {
    display: inline-block;
    width: 55px;
    height: 17px;
    font-size: 10px;
    color: #fff;
    line-height: 17px;
    text-align: center;
    background-color: #ff5d8b;
    border-radius: 5px;
    margin-right: 5px;
}


/* blockcont3开始 */


/*头部*/
.blockcont3-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
}

.blockcont3-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont3-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont3-head .head-all .advertbox {
    width: 237px;
}

.blockcont3-head .head-all .advertbox-all {
    display: flex;
}

.blockcont3-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont3-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont3-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont3-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 0px;
    bottom: 0;
    margin: auto;
}

.blockcont3-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/box3-1.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont3-head .head-all .homeicon a {
    color: #2c3438;
    font-size: 21px;

}

.blockcont3-head .head-all .sear-input {
    position: relative;
}

.blockcont3-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1);
    padding-left: 48px;
    box-sizing: border-box;
    color: #fff;
}

.blockcont3-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont3-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #fff;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont3-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont3-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont3-head .head-all .admin-right {
    display: flex;
}

.blockcont3-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 20px;
}

.blockcont3-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont3-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont3-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont3-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;
}

.blockcont3-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont3-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont3-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: white;
}

.blockcont3-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
}

.blockcont3-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
}

.blockcont3-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: white;
}

/*头部*/


/* blockcont3 */
.blockcont3 {
    display: flex;
    justify-content: space-between;
}

.blockcont3-left {
    width: 158px;
    height: 770px;
    background-color: #fce6e9;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}


.blockcont3-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e1dcce;
}

.blockcont3-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont3-center .head,
.blockcont3-right .head {
    font-size: 24px;
    color: #333333;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.blockcont3-center {
    width: 377px;
    height: 770px;
    background-color: #fff;
    border-radius: 5px;
}

.blockcont3-center .head {
    background-color: #f2eee5;
    border-bottom: 1px solid #7e7a7a33;
}

.blockcont3-center .hd ul {
    display: flex;
    justify-content: space-between;
    padding: 10px 40px;
    font-size: 20px;
    color: #333333;
}

.blockcont3-center .hd ul li {
    display: block;
    width: 80px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;

}

.blockcont3-center .hd ul li.on {
    border-bottom: 5px solid #7d95b7;
    border-radius: 2px;
}

.blockcont3-center .bd ul li a {
    display: block;
    width: 348px;
    margin: 0 auto;
}

.blockcont3-center .bd ul li a .infeed {
    display: flex;
    width: 99%;
    height: 46px;
    background-color: #f83a37;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

.blockcont3-center .bd ul li a .infeed span:nth-child(1) {
    display: inline-block;
    width: 50px;
}

.blockcont3-center .bd ul li a:nth-child(1):hover .infeed {
    animation: load1 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(2):hover .infeed {
    animation: load2 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(3):hover .infeed {
    animation: load3 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(4):hover .infeed {
    animation: load4 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(5):hover .infeed {
    animation: load5 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(6):hover .infeed {
    animation: load6 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(7):hover .infeed {
    animation: load7 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(8):hover .infeed {
    animation: load8 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(9):hover .infeed {
    animation: load9 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(10):hover .infeed {
    animation: load10 0.5s ease-in;
}


.blockcont3-center .bd ul li a:nth-child(1) .infeed {
    animation: load1 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(2) .infeed {
    animation: load2 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(3) .infeed {
    animation: load3 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(4) .infeed {
    animation: load4 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(5) .infeed {
    animation: load5 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(6) .infeed {
    animation: load6 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(7) .infeed {
    animation: load7 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(8) .infeed {
    animation: load8 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(9) .infeed {
    animation: load9 0.5s ease-in;
}

.blockcont3-center .bd ul li a:nth-child(10) .infeed {
    animation: load10 0.5s ease-in;
}


@keyframes load1 {
    0% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}

@keyframes load2 {
    0% {
        width: 50%;
    }
    100% {
        width: 95%;
    }
}

@keyframes load3 {
    0% {
        width: 50%;
    }
    100% {
        width: 90%;
    }
}

@keyframes load4 {
    0% {
        width: 50%;
    }
    100% {
        width: 85%;
    }
}

@keyframes load5 {
    0% {
        width: 50%;
    }
    100% {
        width: 80%;
    }
}

@keyframes load6 {
    0% {
        width: 50%;
    }
    100% {
        width: 75%;
    }
}

@keyframes load7 {
    0% {
        width: 50%;
    }
    100% {
        width: 70%;
    }
}

@keyframes load8 {
    0% {
        width: 50%;
    }
    100% {
        width: 66%;
    }
}

@keyframes load9 {
    0% {
        width: 50%;
    }
    100% {
        width: 60%;
    }
}

@keyframes load10 {
    0% {
        width: 50%;
    }
    100% {
        width: 55%;
    }
}


.blockcont3-center .bd ul li a .infeed img {
    margin: 0 10px;
    width: 40px;
    height: 35px;
}

.blockcont3-center .bd ul li a:nth-child(2) .infeed {
    width: 95%;
    background-color: #f98c63;
}


.blockcont3-center .bd ul li a:nth-child(3) .infeed {
    width: 90%;
    background-color: #9ab58d;
}

.blockcont3-center .bd ul li a:nth-child(4) .infeed {
    width: 85%;
    background-color: #47ceb9;
}

.blockcont3-center .bd ul li a:nth-child(5) .infeed {
    width: 80%;
    background-color: #5d7fae;
}

.blockcont3-center .bd ul li a:nth-child(6) .infeed {
    width: 75%;
    background-color: #667273;
}

.blockcont3-center .bd ul li a:nth-child(7) .infeed {
    width: 70%;
    background-color: #657173;
}

.blockcont3-center .bd ul li a:nth-child(8) .infeed {
    width: 65%;
    background-color: #778182;
}

.blockcont3-center .bd ul li a:nth-child(9) .infeed {
    width: 60%;
    background-color: #8c9496;
}

.blockcont3-center .bd ul li a:nth-child(10) .infeed {
    width: 55%;
    background-color: #91999a;
}

/**********************/
.blockcont3-right {
    width: 980px;
}

.blockcont3-right .box-all {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

/**********************/
.blockcont3-right .box1 {
    height: 423px;
    background-color: #fff;
    border-radius: 5px;
}

.blockcont3-right .box1 .head {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fde0e3;
    border-bottom: 1px solid #7e7a7a33;
    display: flex;
    justify-content: center;
    position: relative;
}

.blockcont3-right .box1 .head a {
    position: absolute;
    right: 40px;
    font-size: 18PX;
    color: #bebebe;
}

.blockcont3-right .box1 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
}

.blockcont3-right .box1 ul li {
    width: 233px;
    height: 180px;
    position: relative;
    overflow: hidden;
}

.blockcont3-right .box1 ul li .copy {
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 51px;
    background: url(../images/box3-2.png) no-repeat;
    background-size: 100%;
}

.blockcont3-right .box1 ul li .copy p {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0;
    transform: rotate(-45deg);
    top: 10px;
    left: 5px;
}

.blockcont3-right .box1 ul li .brandiconimg {
    width: 100%;
    height: 132px;
    overflow: hidden
}

.blockcont3-right .box1 ul li img {
    border: 1px solid #d8d8d8;
    width: calc(100% - 2px);
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.blockcont3-right .box1 ul li p {
    text-align: center;
    color: #080303;
    font-size: 18px;
    margin: 0;
    padding: 0;
    margin-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont3-right .box1 ul li .abstract {
    display: none;
    width: calc(100% - 20px);
    height: 110px;
    top: 1px;
    left: 1px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    background: rgba(0, 0, 0, .8);
    line-height: 25px;
    padding: 10px;
}

.blockcont3-right .box1 ul li:hover .abstract {
    display: block;
}

.blockcont3-right .box1 ul li:hover img {
    transform: scale(1.1, 1.1);
    border: 0px;
}

/**********************/
.blockcont3-right .box2 {
    width: 420px;
    height: 332px;
    background-color: #fff;
    border-radius: 5px;
}

.blockcont3-right .box2 a {
    display: block;
    font-size: 14px;
    color: #696868;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 390px;
    height: 25px;
    line-height: 25px;
}

.blockcont3-right .box2 a:hover {
    color: #f00;
}

.blockcont3-right .box2 .pro {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.blockcont3-right .box2 .pro span {
    display: inline-block;
    width: 26px;
    height: 25px;
    font-size: 10px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    margin-right: 5px;
    background: url(../images/box3-6.png) no-repeat left center;
    background-size: 100%;
    vertical-align: top;
}

.blockcont3-right .box2 .pro a:nth-child(1) span {
    background: url(../images/box3-3.png) no-repeat left center;
}

.blockcont3-right .box2 .pro a:nth-child(2) span {
    background: url(../images/box3-4.png) no-repeat left center;
}

.blockcont3-right .box2 .pro a:nth-child(3) span {
    background: url(../images/box3-5.png) no-repeat;
}

/**********************/
.blockcont3-right .box3 {
    width: 546px;
    height: 332px;
    background-color: #fff;
    border-radius: 5px;
    padding-right: 15px;
    box-sizing: border-box;
}

.blockcont3-right .box3 .box3-head {
    height: 40px;
    font-size: 20px;
    color: #333333;
    padding-top: 10px;
}

.blockcont3-right .box3 .box3-head ul {
    display: flex;
    justify-content: center;
}

.blockcont3-right .box3 .box3-head ul li:hover {
    cursor: pointer;
}

.blockcont3-right .box3 .box3-head ul li.on {
    width: 78px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 5px solid #7d95b7;
    border-radius: 5px;
}

.blockcont3-right .box3 .box3-head ul li:last-child {
    margin-left: 140px;
}

.blockcont3-right .box3 .box3-echart {
    display: flex;
    justify-content: space-between;
}

.blockcont3-right .box3 .box3-echart-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 53px;
    height: 250px;
    background-color: #d2d2d2;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

/* blockcont3 结束*/

/*blockcont4开始*/

/*头部*/
.blockcont4-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
}

.blockcont4-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont4-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont4-head .head-all .advertbox {
    width: 237px;
}

.blockcont4-head .head-all .advertbox-all {
    display: flex;
}

.blockcont4-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont4-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont4-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont4-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 0px;
    bottom: 0;
    margin: auto;
}

.blockcont4-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/box4-13.png) no-repeat center center;
    margin-right: 23px;
}

.blockcont4-head .head-all .homeimg-nan {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/box5-13.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont4-head .head-all .homeicon a {
    color: #2c3438;
    font-size: 21px;

}

.blockcont4-head .head-all .sear-input {
    position: relative;
}

.blockcont4-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1);
    padding-left: 48px;
    box-sizing: border-box;
    color: #fff;
}

.blockcont4-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont4-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #fff;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont4-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont4-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont4-head .head-all .admin-right {
    display: flex;
}

.blockcont4-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont4-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont4-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont4-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont4-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;
}

.blockcont4-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont4-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont4-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: white;
}

.blockcont4-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
}

.blockcont4-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
}

.blockcont4-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: white;
}

/*头部*/
.blockcont4 {
    display: flex;
    justify-content: space-between;
}

.blockcont4-left {
    width: 158px;
    height: 770px;
    background-color: #fce6e9;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.blockcont4-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e1dcce;
}

.blockcont4-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont4 .blockcont4-right {
    width: 1366px;
    height: 770px;
}

.blockcont4 .blockcont4-right .box-all {
    display: flex;
    justify-content: space-between;
}

.blockcont4 .blockcont4-right .box1 {
    width: 1044px;
    height: 445px;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.blockcont4 .blockcont4-right .box1 .banner {
    width: 707px;
    height: 412px;
    position: relative;
}

.blockcont4 .blockcont4-right .box1 .banner .leftxx {
    width: 40px;
    height: 63px;
    background: url(../images/leftxx.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.blockcont4 .blockcont4-right .box1 .banner .rightxx {
    width: 40px;
    height: 63px;
    background: url(../images/rightxx.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.blockcont4 .blockcont4-right .box1 .top-rank {
    width: 292px;
}


.blockcont4 .blockcont4-right .box3 {
    width: 1364px;
    height: 320px;
    background-color: #fff;
    margin-top: 4px;
    overflow: hidden;
    position: relative;
}

.blockcont4 .blockcont4-right .box3 .bd {
    padding-left: 40px;
}

.blockcont4 .blockcont4-right .box3 .box3-left {
    width: 35px;
    height: 90px;
    background: url(../images/box3-left.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont4 .blockcont4-right .box3 .box3-right {
    width: 35px;
    height: 90px;
    background: url(../images/box3-right.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont4 .blockcont4-right .box3 a {
    display: block;
}

.blockcont4 .blockcont4-right .banner li {
    position: relative;
}

.blockcont4 .blockcont4-right .banner .bd li a img {
    height: 412px;
    object-fit: cover;
}

.blockcont4 .blockcont4-right .banner li p {
    position: absolute;
    width: 100%;
    height: 87px;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 30px;
    box-sizing: border-box;
}

.blockcont4 .blockcont4-right .banner li p span {
    display: block;
    font-size: 14px;
    margin-top: 15px;
}

.blockcont4 .blockcont4-right .top-rank .title {
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.blockcont4 .blockcont4-right .top-rank .title span {
    display: inline-block;
    width: 40px;
    height: 30px;
    background: url(../images/box4-7.jpg) no-repeat;
    background-size: 35px auto;
}

.blockcont4 .blockcont4-right .top-rank ul {
    margin: 0px 0 15px 0px;
}

.blockcont4 .blockcont4-right .top-rank ul li a {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.blockcont4 .blockcont4-right .top-rank ul li i {
    position: absolute;
    font-size: 22px;
    top: 4px;
    color: #b89d66;
}

.blockcont4 .blockcont4-right .top-rank ul li p {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 278px;
}

.blockcont4 .blockcont4-right .top-rank-img {
    display: flex;
    justify-content: space-between;
}

.blockcont4 .blockcont4-right .top-rank-img a {
    display: block;
    width: 33%;
}

.blockcont4 .blockcont4-right .top-rank-img a img {
    width: 96px;
    height: 80px;
}

.blockcont4 .blockcont4-right .box2 {
    width: 312px;
    height: 445px;
    background-color: #fff;
    box-sizing: border-box;
    border: 5px solid #f2f2f2;
}

.blockcont4 .blockcont4-right .box2 .box2-side {
    display: flex;
}

.blockcont4 .blockcont4-right .box2 .side1 {
    width: 170px;
    text-align: center;
    padding: 0 10px;
}

.blockcont4 .blockcont4-right .box2 .side1 h3 {
    margin-top: 25px;
}

.blockcont4 .blockcont4-right .box2 .side1 .lines {
    width: 100%;
    height: 7px;
    background: url(../images/box4-6.jpg) no-repeat;
    background-size: 100%;
    margin: 10px 0;
}

.blockcont4 .blockcont4-right .box2 .side1 p {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont4 .blockcont4-right .box2 .side2 {
    width: 40%;
    padding-top: 30px;
    overflow: hidden;
}

.blockcont4 .blockcont4-right .box2 .side2 img:hover {
    transform: scale(1.1, 1.1);
}

.blockcont4 .blockcont4-right .box3 ul {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
}

.blockcont4 .blockcont4-right .box3 ul li {
    width: 285px;
    padding-left: 15px;
    padding-top: 15px;
    margin-right: 20px;
}

.blockcont4 .blockcont4-right .box3 ul li h4 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.blockcont4 .blockcont4-right .box3 ul li .play-img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.blockcont4 .blockcont4-right .box3 ul li .play-img img {
    width: 49%;
    height: 170px;
}

.blockcont4 .blockcont4-right .box3 ul li .play-img img:hover {
    transform: scale(1.05, 1.05);
}

.blockcont4 .blockcont4-right .box3 .text a {
    position: relative;
    font-size: 15px;
    color: #333;
    padding-left: 17px;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont4 .blockcont4-right .box3 .text a::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #cc366b;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

/*blockcont4结束*/


/*blockcont6开始*/


/*头部*/
.blockcont6-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
}

.blockcont6-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont6-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont6-head .head-all .advertbox {
    width: 237px;
}

.blockcont6-head .head-all .advertbox-all {
    display: flex;
}

.blockcont6-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont6-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont6-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont6-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 0px;
    bottom: 0;
    margin: auto;
}

.blockcont6-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/box6-13.png) no-repeat center center;
    margin-right: 23px;
}

.blockcont6-head .head-all .homeicon a {
    color: #2c3438;
    font-size: 21px;

}

.blockcont6-head .head-all .sear-input {
    position: relative;
}

.blockcont6-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: #f0d8a6;
    padding-left: 48px;
    box-sizing: border-box;
    color: #6f6f6f;
}

.blockcont6-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont6-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #6f6f6f;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont6-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont6-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont6-head .head-all .admin-right {
    display: flex;
}

.blockcont6-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont6-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont6-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont6-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont6-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;

}

.blockcont6-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont6-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont6-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #6f6f6f;
}

.blockcont6-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #6f6f6f;
}

.blockcont6-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #6f6f6f;
}

.blockcont6-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #6f6f6f;
}

/*头部*/
.blockcont6 {
    display: flex;
    justify-content: space-between;
}

.blockcont6-left {
    width: 158px;
    height: 770px;
    background-color: #f0d8a6;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.blockcont6-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #23201926;
}

.blockcont6-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont6-right {
    width: 1375px;
    height: 770px;
    background-color: #fff;
}

.blockcont6-right .box-all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blockcont6-right .banner {
    position: relative;
}

.blockcont6-right .banner .leftxx {
    width: 35px;
    height: 90px;
    background: url(../images/box3-left.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.blockcont6-right .banner img {
    height: 250px;
}

.blockcont6-right .banner .rightxx {
    width: 35px;
    height: 90px;
    background: url(../images/box3-right.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.blockcont6-right .box-all .box1 {
    width: 642px;
    height: 250px;
    margin: 10px;
}

.blockcont6-right .box-all .box2 {
    width: 204px;
    height: 250px;
    position: relative;
    margin: 10px 0px;
}

.blockcont6-right .box-all .box2 img {
    width: 100%;
    height: 100%;
}

.blockcont6-right .box-all .box2 .today {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .7);
    font-size: 20px;
    text-align: center;
    color: #fff;
    position: absolute;
    letter-spacing: 4px;
    left: 0px;
    bottom: 0px;
}


/*******************/
.blockcont6-right .box-all .box3 {
    width: 490px;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
}

.blockcont6-right .box-all .box3 .text a {
    display: block;
    position: relative;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    color: #555;
    padding-left: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont6-right .box-all .box3 .text a p {
    width: calc(100% - 90px);
    overflow: hidden;
    float: left;
    margin: 0px;
}

.blockcont6-right .box-all .box3 .text a span {
    width: 80px;
    text-align: right;
    float: right;
}

.blockcont6-right .box-all .box3 .text a:hover {
    color: #f00;
}

.blockcont6-right .box-all .box3 .text a::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #f0d8a6;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

/*******************/

.blockcont6-right .box-all .box4 {
    width: 985px;
    height: 502px;
    box-sizing: border-box;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.blockcont6-right .box-all .box4 .head {
    color: #030001;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.blockcont6-right .box-all .box4 .head .lines {
    width: 840px;
    height: 1px;
    background-color: #e6e6e6;
    margin-left: 20px;
}

.blockcont6-right .box-all .box4 .bd {
    padding-left: 26px
}

.blockcont6-right .box-all .box4 ul {
    display: flex;

    flex-wrap: wrap;
}

.blockcont6-right .box-all .box4 ul li {
    width: 284px !important;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
}

.blockcont6-right .box-all .box4 ul li p {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 10px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 20px);

}

.blockcont6-right .box-all .box4 ul li:hover p {
    background: rgba(239, 224, 93, .7);
}

.blockcont6-right .box-all .box4 ul li:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont6-right .box-all .box4 ul li img {
    height: 311px;
    object-fit: cover;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.blockcont6-right .box-all .box4 .goods {
    display: flex;
    align-items: flex-end;
    margin-top: 20px;
    flex-wrap: wrap;
}

.blockcont6-right .box-all .box4 .goods h5 {
    margin: 0 30px;
    padding: 0;
    font-size: 24px;
    color: #030001;
    font-weight: bold;

}

.blockcont6-right .box-all .box4 .goods a {
    font-size: #444342;
    margin-right: 20px;
}

.blockcont6-right .box-all .box4 .bd {
    position: relative;
}

.blockcont6-right .box-all .box4 .bd .box4-left {
    width: 35px;
    height: 90px;
    background: url(../images/box3-left.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont6-right .box-all .box4 .bd .box4-right {
    width: 35px;
    height: 90px;
    background: url(../images/box3-right.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*******************/
.blockcont6-right .box-all .box5 {
    width: 388px;
    height: 502px;
    overflow: hidden;
}

.blockcont6-right .box-all .box5 .hot-pop {
    width: 350px;
    height: 446px;
    border: 1px solid #f0f0f0;
    margin: auto;
    position: relative;
    margin-top: 30px;

}

.blockcont6-right .box-all .box5 .hot-pop .head {
    width: 190px;
    height: 37px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: -20px;
}

.blockcont6-right .box-all .box5 .hot-pop .head h3 {
    font-size: 24px;
}

.blockcont6-right .box-all .box5 .hot-pop .head span {
    display: inline-block;
    width: 100px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #000000;
    color: #fff;
    margin-left: 15px;
}

.blockcont6-right .box-all .box5 ul {
    padding: 0 10px;
    margin-top: 15px;
    height: 414px;
    overflow: hidden;
}

.blockcont6-right .box-all .box5 ul li {
    padding: 0px 10px;
    height: auto;
}

.blockcont6-right .box-all .box5 ul li .all {
    display: flex;
    padding: 5px 0px;
}

.blockcont6-right .box-all .box5 ul li .num {
    width: 11%;
    color: #e4001d;
    font-size: 30px;
    text-align: center;
}

.blockcont6-right .box-all .box5 ul li .play-img {
    width: 33%;
    overflow: hidden;
}

.blockcont6-right .box-all .box5 ul li .play-img img {
    width: 100%;
    height: 70px;
    object-fit: cover;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.blockcont6-right .box-all .box5 ul li .play-img:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont6-right .box-all .box5 ul li .text {
    width: 60%;
    padding-left: 15px;
}

.blockcont6-right .box-all .box5 ul li h5 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont6-right .box-all .box5 ul li p {
    font-size: 14px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
}

.blockcont6-right .box-all .box5 ul li p span {
    color: #000000;
}

/*blockcont6结束*/


/*blockcont6开始*/

/*blockcont7*/
/*头部*/
.blockcont7-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
}

.blockcont7-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont7-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont7-head .head-all .advertbox {
    width: 237px;
}

.blockcont7-head .head-all .advertbox-all {
    display: flex;
}

.blockcont7-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont7-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont7-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont7-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 0px;
    bottom: 0;
    margin: auto;
}

.blockcont7-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/box7-13.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont7-head .head-all .homeicon a {
    color: #2c3438;
    font-size: 21px;

}

.blockcont7-head .head-all .sear-input {
    position: relative;
}

.blockcont7-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: #fff;
    padding-left: 48px;
    box-sizing: border-box;
    color: #6f6f6f;
}

.blockcont7-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont7-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #6f6f6f;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont7-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont7-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont7-head .head-all .admin-right {
    display: flex;
}

.blockcont7-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont7-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont7-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont7-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont7-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;

}

.blockcont7-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont7-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont7-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #6f6f6f;
}

.blockcont7-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #6f6f6f;
}

.blockcont7-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #6f6f6f;
}

.blockcont7-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #6f6f6f;
}

/*头部*/
.blockcont7 {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.blockcont7-left {
    width: 158px;
    height: 770px;
    background-color: #afbaa7;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.blockcont7-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #23201926;
}

.blockcont7-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont7-right {
    width: 1382px;
    height: 810px;
}

.blockcont7-right .box-all {
    display: flex;
    justify-content: space-between;
}

.blockcont7-right .box1 {
    width: 523px;
    height: 394px;
    background-color: #fff;
    padding: 6px;
    box-sizing: border-box;
    overflow: hidden;
}

.blockcont7-right .box1 .fashion-show {
    display: flex;
    justify-content: space-between;
}

.blockcont7-right .box1 .fashion-page {
    width: 125px;
}

.blockcont7-right .box1 .fashion-page ul {
    height: 382px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blockcont7-right .box1 .fashion-page li {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.blockcont7-right .box1 .fashion-page li p {
    width: 15px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    margin: 0px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    border-radius: 2px;
    background: #dedede;
    color: #333;
    font-size: 12px;
    text-align: center;
}

.blockcont7-right .box1 .fashion-page li img:hover {
    transform: scale(1.1, 1.1);
}

.blockcont7-right .box1 .fashion-page li.on p {
    background: #333;
    color: #fff;
}

.blockcont7-right .box1 .fashion-main {
    width: 380px;
    width: 382px;
}

.blockcont7-right .box1 .fashion-main ul li {
    width: 380px;
    width: 382px;
    position: relative;
    overflow: hidden;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis {
    position: absolute;
    top: 0;
    left: 0;
    padding: 22px;
    z-index: 999;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis .time {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis .lines {
    width: 150px;
    height: 1px;
    background-color: rgba(255, 255, 255, .5);
    margin: 5px 0 40px 0;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 100;
    line-height: 30px;
    height: 60px;
    margin-bottom: 105px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis p {
    color: rgba(255, 255, 255, .5);
    font-size: 16px;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis .time span {
    display: block;

}

.blockcont7-right .box1 .fashion-main ul li .play-dis .tag {
    display: flex;
    flex-wrap: wrap;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis .tag span {
    display: block;
    width: 35px;
    height: 18px;
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis .tag a {
    font-size: 14px;
    margin: 0 5px;
    color: #ffca74;
    position: relative;
    overflow: hidden;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis .tag img {
    width: 102px;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.blockcont7-right .box1 .fashion-main ul li .play-dis .tag img:hover {
    transform: scale(1.1, 1.1);
}

/* .blockcont7-right .box1 .fashion-main ul li .play-dis .tag a::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #ffca74;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
} */

.blockcont7-right .box1 .fashion-main img {
    /* -webkit-filter: blur(5px);
    /* Chrome, Safari, Opera */
    /*filter: blur(5px); */
}

.blockcont7-right .box1 .fashion-main li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
}

/******************************/
.blockcont7-right .box2 {
    width: 850px;
    height: auto;
}

.blockcont7-right .box2 .box2-side1 {
    width: 850px;
    height: 263px;
    padding: 10px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;
}

.blockcont7-right .box2 .box2-side1 .title {
    width: 35px;
    height: auto;
    padding: 30px 0px;
    background-color: rgba(0, 0, 0, .5);
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 40px;
    z-index: 999;
    text-align: center;
    word-wrap: break-word;
}

.blockcont7-right .box2 .box2-side1 .play-img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.blockcont7-right .box2 .box2-side1 .play-img a {
    width: 24%;
    margin-left: 1.3333%;
    display: block;
    height: 240px;
    position: relative;
    overflow: hidden;
}

.blockcont7-right .box2 .box2-side1 .play-img a:nth-child(1) {
    margin-left: 0px;
}

.blockcont7-right .box2 .box2-side1 .play-img a img {
    height: 100%;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.blockcont7-right .box2 .box2-side1 .play-img a p {
    background: rgba(0, 0, 0, .9);
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
}

.blockcont7-right .box2 .box2-side1 .play-img a:hover p {
    background: rgba(199, 211, 192, .9);
}

.blockcont7-right .box2 .box2-side1 .play-img a:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont7-right .box2 .box2-side2 {
    width: 850px;
    height: auto;
    background-color: #fff;
    margin-top: 7px;
    overflow: hidden;
}

.jx_icon_list {
    height: auto;
    display: flex;
    justify-content: space-between;
}

.jx_icon_list li {
    width: 33.333%;
    height: auto;
    cursor: pointer;
    padding: 15px 20px;
}

.jx_icon_list li:hover a {
    font-weight: bold;
    color: #333;
}

.jx_icon_list li:nth-child(1):hover {
    background: url(../images/jx_icon_listbg1.jpg) no-repeat center center;
}

.jx_icon_list li:nth-child(2):hover {
    background: url(../images/jx_icon_listbg2.jpg) no-repeat center center;
}

.jx_icon_list li:nth-child(3):hover {
    background: url(../images/jx_icon_listbg3.jpg) no-repeat center center;
}

.jx_icon_list_title {
    width: 100%;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    margin-bottom: 14px;
}

.jx_icon_list_title b {
    width: 5px;
    height: 15px;
    background: #f00;
    display: inline-block;
    margin-top: 2.5px;
}

.jx_icon_list li:nth-child(2) .jx_icon_list_title b {
    background: #FDE840;
}

.jx_icon_list li:nth-child(3) .jx_icon_list_title b {
    background: #dedede;
}

.jx_icon_list_title p {
    display: inline-block;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0px 5px 0px 10px;
    padding: 0px;
}

.jx_icon_list_title span {
    color: #999;
    font-size: 14px;
}

.jx_icon_list_con {
    width: 100%;
    height: auto;
}

.jx_icon_list_con a {
    display: inline-block !important;
    font-size: 15px;
    color: #666;
    line-height: 30px;
    margin-right: 15px;
}

.jx_icon_list_con a:nth-child(1) {
    margin-left: 17px;
}

.jx_icon_list_con1 a:nth-child(1) {
    margin-left: 30px;
    word-break: normal
}

/*.blockcont7-right .box2 .box2-side2 {*/
/*    padding: 20px;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    box-sizing: border-box;*/
/*}*/

/*.blockcont7-right .box2 .box2-side2 a {*/
/*    display: block;*/
/*    padding-right: 28px;*/
/*    margin-bottom: 10px;*/
/*    max-width: 92px;*/
/*    overflow: hidden;*/
/*}.blockcont7-right .box2 .box2-side2 a:hover{color: #f00;}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(1){color:#e315ec}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(2){color:#3dace4}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(3){color:#424fe6}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(4){color:#7e42e6}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(5){color:#c47b2a}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(6){color:#5ec125}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(7){color:#49e6ac}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(8){color:#54dfe4}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(9){color:#e16a2c}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(10){color:#ad0a0a}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(11){color:#c47b2a}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(12){color:#5ec125}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(13){color:#49e6ac}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(14){color:#54dfe4}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(15){color:#424fe6}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(16){color:#7e42e6}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(17){color:#c47b2a}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(18){color:#ad0a0a}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(19){color:#c47b2a}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(20){color:#5ec125}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(21){color:#49e6ac}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(22){color:#54dfe4}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(23){color:#424fe6}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(24){color:#7e42e6}*/
/*.blockcont7-right .box2 .box2-side2 a:nth-child(25){color:#c47b2a}*/


.blockcont7-right .box3 {
    width: 1382px;
    height: auto;
    background-color: #fff;
    margin-top: 7px;
}

.blockcont7-right .box3 .play-img {
    position: relative;
    overflow: hidden;
}

.blockcont7-right .box3 .play-img img {
    padding-bottom: 20px;
    width: 100%;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.blockcont7-right .box3 .play-img img:hover {
    transform: scale(1.1, 1.1);
}

.blockcont7-right .box3 h3 {
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-top: 1px solid #0000001a;
    border-bottom: 1px solid #0000001a;
    background-color: #edeef0;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #696868;
    font-weight: bold;
    overflow: hidden;
}

.blockcont7-right .box3 {
    position: relative;
}

.blockcont7-right .leftxx {
    width: 35px;
    height: 90px;
    background: url(../images/box3-left.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.blockcont7-right .rightxx {
    width: 35px;
    height: 90px;
    background: url(../images/box3-right.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.blockcont7-right .box3 .bd {
    padding: 10px 40px;
}

.blockcont7-right .box3 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blockcont7-right .box3 ul li {
    width: 190px;
    height: auto;
    background-color: #6c6d6d;
    border-radius: 17px;
    position: relative;
    margin: 0px 13px;
}

.blockcont7-right .box3 ul li .top-play {
    position: absolute;
    width: 100%;
    height: 33px;
    top: 0;
    background-color: #808080;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    line-height: 33px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    box-sizing: border-box;

}

.blockcont7-right .box3 ul li .top-play span {
    display: block;
    width: 70px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #ff3c73;
    color: #fff;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.blockcont7-right .box3 ul li .top-play i {
    display: block;
    width: 15px;
    height: 14px;
    background: url(../images/box7-6.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont7-right .box3 ul li p {
    color: #fff;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont7-right .box3 ul li span {
    display: block;
    color: #b4b4b4;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont7-right .box3 ul li .lines {
    width: 100%;
    height: 1px;
    background-color: #b4b4b4;
    margin: 5px 0px;
}

.blockcont7-right .box3 ul li .text {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 10px;
    box-sizing: border-box;
}

/*blockcont7*/


/*blockcont8开始*/


/* blockcont8开始 */


/*头部*/
.blockcont8-head {
    background-color: #fff;
}

.blockcont8-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.blockcont8-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont8-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont8-head .head-all .advertbox {
    width: 237px;
}

.blockcont8-head .head-all .advertbox-all {
    display: flex;
}

.blockcont8-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont8-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont8-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont8-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

.blockcont8-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont8-head .head-all .homeicon a {
    color: #909fa6;
    font-size: 21px;

}

.blockcont8-head .head-all .sear-input {
    position: relative;
}

.blockcont8-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1);
    padding-left: 48px;
    box-sizing: border-box;
    color: #3b3b3b;
}

.blockcont8-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont8-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #3b3b3b;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont8-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont8-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont8-head .head-all .admin-right {
    display: flex;
}

.blockcont8-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont8-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont8-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont8-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont8-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;
}

.blockcont8-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont8-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont8-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #3b3b3b;
}

.blockcont8-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #3b3b3b;
}

.blockcont8-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #3b3b3b;
}

.blockcont8-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #3b3b3b;
}

/*头部*/


/* blockcont8 */
.blockcont8 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.blockcont8 .head {
    width: 1258px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.blockcont8 .head h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-right: 20px;
}

.blockcont8 .head .lines {
    width: 1020px;
    height: 1px;
    background-color: #d7e3eb;
    margin-left: 20px;
}

.blockcont8 .head span {
    display: block;
    font-size: 12px;
    color: #696868;
}

.blockcont8-bg {
    background-color: #f5f5f5;
}

.blockcont8.section {
    background-color: #f5f5f5;
}

.blockcont8-left {
    width: 158px;
    height: 770px;
    background-color: #d1dfe8;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.blockcont8-left ul li {
    padding: 0 15px;
}

.blockcont8-left ul li.on {
    background-color: #8aabc0;
}

.blockcont8-left ul li.on a {
    color: #fff;
}

.blockcont8-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
}

.blockcont8-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont8-center {
    width: 890px;
    margin-top: 54px;
}

.blockcont8-center .side1 {
    height: 135px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.blockcont8-center .side1 a {
    display: inline-block;
    font-size: 12px;
    color: #444342;
    margin-right: 15px;
    line-height: 35px;
    max-width: 65px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont8-center .side2 {
    padding: 10px;
    background-color: #fff;
}

.blockcont8-center .side2 a {
    display: flex;
    justify-content: space-between;
}

.blockcont8-center .side2 a:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont8-center .side2 a:hover {
    color: #f00;
}

.blockcont8-center .side2 .play-img {
    width: 255px;
    height: 164px;
    overflow: hidden;
}

.blockcont8-center .side2 .play-img img {
    width: 255px;
    height: 164px;
}

.blockcont8-center .side2 .text {
    width: 600px;
    padding-right: 60px;
    box-sizing: border-box;
}

.blockcont8-center .side2 .text h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont8-center .side2 .text p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #78828a;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont8-center .side2 .text .type span {
    display: inline-block;
    color: #a29b9e;
    margin-right: 18px;
    margin-top: 10px;
}

.blockcont8-center .side2 .text .type span i {
    display: inline-block;
    width: 18px;
    height: 14px;
    background: url(../images/box8-2.jpg) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont8-center .side2 ul {
    margin-bottom: 30px;
}

.blockcont8-center .side2 li {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.blockcont8-center .page {
    display: flex;
    justify-content: center;
    margin: 50px 0;
}

.blockcont8-center .page a {
    display: block;
    height: 36px;
    border: 1px solid #d0d0d0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #d0d0d0;
    border-radius: 5px;
    margin-right: 10px;
}

.blockcont8-center .page a.on {
    background-color: #ff5c5c;
    color: #fff;
    border: 1px solid #ff5c5c;
}


.blockcont8.container {
    width: 1424px;
}

.others-crumbs {
    width: 1424px;
    margin: 0 auto;
    font-size: 14px;
    color: #a09ea1;
    padding: 20px 0;
}

.others-crumbs a {
    padding: 0 5px;
}

.blockcont8-right {
    width: 363px;
    margin-top: 54px;
}


.blockcont8 .blockcont8-right .box2 {
    width: 362px;
    height: 445px;
    background-color: #fff;
    box-sizing: border-box;
}

.blockcont8 .blockcont8-right .box2 .box2-side {
    display: flex;
}

.blockcont8 .blockcont8-right .box2 .box2-side a {
    display: flex;
}

.blockcont8 .blockcont8-right .box2 .side1 {
    width: 60%;
    text-align: center;
    padding: 0 10px;
}

.blockcont8 .blockcont8-right .box2 .side1 h3 {
    margin-top: 25px;
}

.blockcont8 .blockcont8-right .box2 .side1 .lines {
    width: 100%;
    height: 7px;
    background: url(../images/box4-6.jpg) no-repeat;
    background-size: 100%;
    margin: 10px 0;
}

.blockcont8 .blockcont8-right .box2 .side1 p {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont8 .blockcont8-right .box2 .side2 {
    width: 40%;
    padding-top: 30px;
}

.blockcont8 .blockcont8-right .box2 .side2:hover img {
    transform: scale(1.1, 1.1);
}


.blockcont8-right .box1 {
    width: 363px;
    height: auto;
    background-color: #fff;
    margin-bottom: 10px;
    padding-top: 5px;
}

.blockcont8-right .box1 .hot-pop {
    width: 350px;
    height: 444px;
    border: 1px solid #f0f0f0;
    margin: auto;
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
}

.blockcont8-right .box1 .hot-pop .head {
    width: 190px;
    height: 37px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: -20px;
    margin-right: 80px;
}

.blockcont8-right .box1 .hot-pop .head h3 {
    font-size: 24px;
}

.blockcont8-right .box1 .hot-pop .head span {
    display: inline-block;
    width: 100px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #000000;
    color: #fff;
    margin-left: 15px;
}

.blockcont8-right .box1 ul {
    padding: 0 10px;
    margin-top: 15px;
    height: 414px;
}

.blockcont8-right .box1 .hot-pop .bd {
    margin-top: 30px;
}

.blockcont8-right .box1 ul li {
    margin-bottom: 15px;
}

.blockcont8-right .box1 ul li .all {
    display: flex;
}

.blockcont8-right .box1 ul li .num {
    width: 11%;
    color: #e4001d;
    font-size: 30px;
    text-align: center;
}

.blockcont8-right .box1 ul li .play-img {
    width: 33%;
    overflow: hidden;
}

.blockcont8-right .box1 ul li .play-img img {
    width: 100%;
    height: 80px;
}

.blockcont8-right .box1 ul li:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont8-right .box1 ul li .text {
    width: 60%;
    padding-left: 15px;
}

.blockcont8-right .box1 ul li h5 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.blockcont8-right .box1 ul li p {
    font-size: 14px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
}

.blockcont8-right .box1 ul li p span {
    color: #000000;
}

.blockcont8-left.lady {
    background-color: #ffe0e3;
}

.blockcont8-left.lady ul li.on {
    background-color: #eaadb3;
}

.blockcont8-left.exposure {
    background-color: #fff;
}

.blockcont8-left.exposure ul li.on {
    background-color: #ff0000;
}

.blockcont8-left.exposure ul li {
    padding: 0 15px;
}

/* blockcont9 */


/*头部*/
.blockcont9-head {
    background-color: #d1dfe8;
}

.blockcont9-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.blockcont9-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont9-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont9-head .head-all .advertbox {
    width: 237px;
}

.blockcont9-head .head-all .advertbox-all {
    display: flex;
}

.blockcont9-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont9-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont9-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont9-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

.blockcont9-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont9-head .head-all .homeicon a {
    color: #909fa6;
    font-size: 21px;

}

.blockcont9-head .head-all .sear-input {
    position: relative;
}

.blockcont9-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: #b6c8d4;
    padding-left: 48px;
    box-sizing: border-box;
    color: #3b3b3b;
}

.blockcont9-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont9-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #3b3b3b;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont9-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont9-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont9-head .head-all .admin-right {
    display: flex;
}

.blockcont9-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont9-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont9-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont9-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat;
    background-size: 100%;
}

.blockcont9-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat;
    background-size: 100%;
}

.blockcont9-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat;
    background-size: 100%;
}

.blockcont9-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat;
    background-size: 100%;
}

.blockcont9-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #3b3b3b;
}

.blockcont9-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #3b3b3b;
}

.blockcont9-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #3b3b3b;
}

.blockcont9-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #3b3b3b;
}

/*头部*/


/* blockcont8 */
.blockcont9 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 30px;
}

.blockcont9 .head {
    width: 1258px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.blockcont9 .head h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-right: 20px;
}

.blockcont9 .head .lines {
    width: 1020px;
    height: 1px;
    background-color: #d7e3eb;
    margin-left: 20px;
}

.blockcont9 .head span {
    display: block;
    font-size: 12px;
    color: #696868;
}

.blockcont9-bg {
    background-color: #f5f5f5;
}

.blockcont9-bg .container {
    width: 1410px;
}

.blockcont9.section {
    background-color: #f5f5f5;
}

.blockcont9-left {
    width: 158px;
    height: 770px;
    background-color: #d1dfe8;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.blockcont9-left ul li {
    padding: 0 15px;
}

.blockcont9-left ul li.on {
    background-color: #8aabc0;
}

.blockcont9-left ul li.on a {
    color: #fff;
}

.blockcont9-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
}

.blockcont9-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont9-right {
    width: 1210px;
}

.blockcont9-right .title-click {
    margin-bottom: 20px;
}

.blockcont9-right .title-click ul {
    display: flex;
}

.blockcont9-right .title-click ul li {
    width: 70px;
    height: 30px;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-right: 30px;
}

.blockcont9-right .title-click ul li.on {
    border-bottom: 3px solid #7d95b7;
}


.blockcont9-right .rank ul li {
    display: flex;
    width: 1134px;
    height: auto;
    background-color: #f0f0f2;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 27px;
    border-radius: 8px;
}

.blockcont9-right .rank {
    padding: 35px;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
}

.blockcont9-right .streamer {
    width: 346px;
    height: 68px;
    margin: 0 auto;
    margin-top: -36px;
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
}

.blockcont9-right .rank ul li .num {
    width: 42px;
    height: 51px;
    background: url(../images/box9-2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: -3px;
    top: -3px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
}

.blockcont9-right .rank ul li:nth-child(2) .num {
    background: url(../images/box9-3.png) no-repeat;
}

.blockcont9-right .rank ul li:nth-child(3) .num {
    background: url(../images/box9-4.png) no-repeat;
}

.blockcont9-right .rank ul li .play-img {
    width: 150px;
    height: auto;
}

.blockcont9-right .rank ul li .text {
    padding-left: 40px;
}

.blockcont9-right .rank ul li .text .title {
    font-size: 22px;
    color: #444342;
    display: flex;
    align-items: center;
    margin: 15px 0 25px 0;
}

.blockcont9-right .rank ul li .text .title span {
    display: block;
    width: 72px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    background-color: #8aabc0;
    border-radius: 3px;
    color: #fff;
    margin-left: 15px;
}

.blockcont9-right .rank ul li .text .type {
    width: 350px;
    font-size: 18px;
    color: #9b9999;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blockcont9-right .rank ul li .text .type span {
    width: 145px;
    margin-bottom: 12px;
}

.blockcont9-right .rank ul li .morelink {
    margin-left: auto;
    font-size: 18px;
    color: #bebebe;
}

.blockcont9-right .rank ul li .morelink:hover {
    color: #f00;
}

.blockcont9-right .rank ul li .play-img:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont9-right .letter-search {
    height: 220px;
    background-color: #fff;
    margin-bottom: 15px;
}

.blockcont9-right .letter-search .title {
    font-size: 20px;
    font-weight: bold;
    align-items: center;
    padding: 20px 0 0 20px;
    line-height: 21px;
}

.blockcont9-right .letter-search .title span {
    display: inline-block;
    width: 7px;
    height: 21px;
    background-color: #8aabc0;
    margin-right: 10px;
    vertical-align: top;
}

.blockcont9-right .letter-search .title .youjianfasong {
    float: right;
    font-size: 15px;
    color: #999;
    padding-right: 30px;
    font-weight: normal;
}

.blockcont9-right .letter-search .title .youjianfasong b {
    color: #f00;
}

.blockcont9-right .letter-search .lines {
    width: 100%;
    height: 1px;
    background-color: #f8f8f8;
    margin: 20px 0;
}


.blockcont9-right .letter-search .letter {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0 45px;
}

.blockcont9-right .letter-search .letter a {
    display: block;
    width: 45px;
    height: 45px;
    color: #c3c3c3;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    border: 1px solid #d7d7d763;
    border-radius: 12px;
    margin-right: 30px;
    margin-bottom: 20px;
    box-shadow: 1px 2px 4px 1px;
}

.blockcont9-right .letter-search .letter a.on {
    background-color: #cdcdcd;
    color: #fff;
}

/* blockcont9 */

/* blockcont10 */
.blockcont10 .blockcont8-right {
    margin-top: 0;
}

.blockcont10 .blockcont10-center {
    width: 850px;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.blockcont10 .blockcont10-center {
    padding: 25px;
}

.blockcont10 .blockcont10-center h1 {
    font-size: 30px;
    font-weight: bold;
}

.blockcont10 .blockcont10-center .type {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #999999;
    margin: 10px 0;
}

.blockcont10 .blockcont10-center .tag {
    display: flex;
}

.blockcont10 .blockcont10-center .tag a {
    display: block;
    font-size: 14px;
    color: #999999;
    background-color: #eeeeee;
    padding: 5px 15px;
    margin-right: 15px;
    border-radius: 10px;
}

.blockcont10 .blockcont10-center .intro {
    font-size: 20px;
    color: #333333;
    padding-top: 20px;
}

.blockcont10 .blockcont10-center .intro span {
    display: block;
    width: 800px;
    margin: 0 auto;
    font-size: 16px;
    padding: 10px 20px;
    background-color: #f3f3f3;
    line-height: 32px;
    box-sizing: border-box;
    margin-top: 20px;
}

.blockcont10 .blockcont10-center .content {
    margin: 20px 0;
    line-height: 26px;
    font-size: 15px;
    color: #333;
}

.blockcont10 .blockcont10-center .content img {
    max-width: 100%;
}


/* blockcont10 */


/* blockcont11开始 */


/*头部*/
.blockcont11-head {
    background-color: #fff;
}

.blockcont11-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.blockcont11-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont11-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont11-head .head-all .advertbox {
    width: 237px;
}

.blockcont11-head .head-all .advertbox-all {
    display: flex;
}

.blockcont11-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont11-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont11-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont11-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

.blockcont11-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont11-head .head-all .homeicon a {
    color: #909fa6;
    font-size: 21px;

}

.blockcont11-head .head-all .sear-input {
    position: relative;
}

.blockcont11-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1);
    padding-left: 48px;
    box-sizing: border-box;
    color: #3b3b3b;
}

.blockcont11-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont11-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #3b3b3b;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont11-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont11-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont11-head .head-all .admin-right {
    display: flex;
}

.blockcont11-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont11-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont11-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont11-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont11-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;
}

.blockcont11-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont11-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont11-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #3b3b3b;
}

.blockcont11-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #3b3b3b;
}

.blockcont11-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #3b3b3b;
}

.blockcont11-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #3b3b3b;
}

/*头部*/


/* blockcont11 */
.blockcont11 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.blockcont11 .head {
    width: 1258px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.blockcont11 .head h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-right: 20px;
}

.blockcont11 .head .lines {
    width: 1020px;
    height: 1px;
    background-color: #d7e3eb;
    margin-left: 20px;
}

.blockcont11 .head span {
    display: block;
    font-size: 12px;
    color: #696868;
}

.blockcont11-bg {
    background-color: #f5f5f5;
}

.blockcont11-bg .container {
    width: 1428px;
}

.blockcont11.section {
    background-color: #f5f5f5;
}

.blockcont11-left {
    width: 158px;
    height: 770px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.blockcont11-left ul li {
    padding: 0 15px;
}

.blockcont11-left ul li.on {
    background-color: #ff0000;
}

.blockcont11-left ul li.on a {
    color: #fff;
}

.blockcont11-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
}

.blockcont11-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont11-right {
    width: 1258px;
}

.blockcont11-right ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    flex-direction: row;
    align-items: center;
}

.blockcont11-right li {
    margin-right: 20px;
}

.blockcont11-right li a {
    display: block;
    border: 1px solid #c7c6c4;
    width: 220px;
    padding: 10px;
    box-sizing: border-box;
}

.blockcont11-right li p {
    font-size: 18px;
    color: #000000;
    margin: 8px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont11-right li span {
    display: block;
    color: #333;
    font-size: 16px;
    text-align: right;
}

.blockcont11-right .page {
    display: flex;
    justify-content: center;
    margin: 50px 0;
    padding-top: 400px;
}

.blockcont11-right .page a.on {
    background-color: #ff5c5c;
    color: #fff;
    border: 1px solid #ff5c5c;
}

.blockcont11-right .page a {
    display: block;
    width: 42px;
    height: 36px;
    border: 1px solid #d0d0d0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #d0d0d0;
    border-radius: 5px;
    margin-right: 10px;
}

/* blockcont11 */


/* blockcont12 */

/*头部*/
.blockcont12-head {
    background-color: #d1dfe8;
}

.blockcont12-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.blockcont12-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont12-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont12-head .head-all .advertbox {
    width: 237px;
}

.blockcont12-head .head-all .advertbox-all {
    display: flex;
}

.blockcont12-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont12-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont12-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont12-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

.blockcont12-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont12-head .head-all .homeicon a {
    color: #909fa6;
    font-size: 21px;

}

.blockcont12-head .head-all .sear-input {
    position: relative;
}

.blockcont12-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: #b6c8d4;
    padding-left: 48px;
    box-sizing: border-box;
    color: #3b3b3b;
}

.blockcont12-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont12-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #3b3b3b;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont12-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont12-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont12-head .head-all .admin-right {
    display: flex;
}

.blockcont12-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont12-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont12-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont12-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont12-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;
}

.blockcont12-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont12-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont12-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #3b3b3b;
}

.blockcont12-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #3b3b3b;
}

.blockcont12-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #3b3b3b;
}

.blockcont12-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #3b3b3b;
}

/*头部*/


.blockcont12 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 30px;
}

.blockcont12 .head {
    width: 1258px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.blockcont12 .head h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-right: 20px;
}

.blockcont12 .head .lines {
    width: 1020px;
    height: 1px;
    background-color: #d7e3eb;
    margin-left: 20px;
}

.blockcont12 .head span {
    display: block;
    font-size: 12px;
    color: #696868;
}

.blockcont12-bg {
    background-color: #f5f5f5;
}

.blockcont12-bg .container {
    width: 1410px;
}

.blockcont12.section {
    background-color: #f5f5f5;
}

.blockcont12-left {
    width: 158px;
    height: 770px;
    background-color: #d1dfe8;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.blockcont12-left ul li {
    padding: 0 15px;
}

.blockcont12-left ul li.on {
    background-color: #8aabc0;
}

.blockcont12-left ul li.on a {
    color: #fff;
}

.blockcont12-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
}

.blockcont12-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}


.blockcont12-right {
    width: 363px;
}


.blockcont12 .blockcont12-right .box2 {
    width: 362px;
    height: 445px;
    background-color: #fff;
    box-sizing: border-box;
}

.blockcont12 .blockcont12-right .box2 .box2-side {
    display: flex;
}

.blockcont12 .blockcont12-right .box2 .side1 {
    width: 60%;
    text-align: center;
    padding: 0 10px;
}

.blockcont12 .blockcont12-right .box2 .side1 h3 {
    margin-top: 25px;
}

.blockcont12 .blockcont12-right .box2 .side1 .lines {
    width: 100%;
    height: 7px;
    background: url(../images/box4-6.jpg) no-repeat;
    background-size: 100%;
    margin: 10px 0;
}

.blockcont12 .blockcont12-right .box2 .side1 p {
    margin: 0;
    padding: 0;
}

.blockcont12 .blockcont12-right .box2 .side2 {
    width: 40%;
    padding-top: 30px;
}

.blockcont12 .blockcont12-right .box2 .side2 img:hover {
    transform: scale(1.1, 1.1);
}


.blockcont12-right .box1 {
    width: 363px;
    height: 502px;
    background-color: #fff;
    margin-bottom: 10px;
    padding-top: 5px;
}

.blockcont12-right .box1 .hot-pop {
    width: 350px;
    height: 444px;
    border: 1px solid #f0f0f0;
    margin: auto;
    position: relative;
    margin-top: 30px;
}

.blockcont12-right .box1 .hot-pop .bd {
    margin-top: 30px;
}

.blockcont12-right .box1 .hot-pop .head {
    width: 190px;
    height: 37px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: -20px;
    margin-right: 80px;
}

.blockcont12-right .box1 .hot-pop .head h3 {
    font-size: 24px;
}

.blockcont12-right .box1 .hot-pop .head span {
    display: inline-block;
    width: 100px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #000000;
    color: #fff;
    margin-left: 15px;
}

.blockcont12-right .box1 ul {
    padding: 0 10px;
    margin-top: 15px;
    height: 414px;
    padding-top: 15px;
}

.blockcont12-right .box1 ul li {
    margin-bottom: 15px;
}

.blockcont12-right .box1 ul li .all {
    display: flex;
}

.blockcont12-right .box1 ul li .num {
    width: 11%;
    color: #e4001d;
    font-size: 30px;
    text-align: center;
}

.blockcont12-right .box1 ul li .play-img {
    width: 33%;

}

.blockcont12-right .box1 ul li .play-img img {
    height: 75px
}

.blockcont12-right .box1 ul li .play-img img:hover {
    transform: scale(1.1, 1.1);
}

.blockcont12-right .box1 ul li .text {
    width: 60%;
    padding-left: 15px;
}

.blockcont12-right .box1 ul li h5 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.blockcont12-right .box1 ul li p {
    font-size: 14px;
    color: #999999;
    margin: 0px;
}

.blockcont12-right .box1 ul li p span {
    color: #000000;
}



.blockcont12-center {
    width: 880px;
    background-color: #fff;
}


.blockcont12 .blockcont12-center {
    width: 850px;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.blockcont12 .blockcont12-center {
    padding: 25px;
}

.blockcont12 .blockcont12-center h1 {
    font-size: 30px;
    font-weight: bold;
}

.blockcont12 .blockcont12-center .type {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #999999;
    margin: 10px 0;
    width: 230px;
    flex-wrap: wrap;
}

.blockcont12 .blockcont12-center .type span {
    display: block;
    margin-right: 20px;
    width: 85px;
    margin-bottom: 5px;
}

.blockcont12 .blockcont12-center .intro {
    font-size: 20px;
    color: #333333;
    padding-top: 20px;
}

.blockcont12 .blockcont12-center .intro .attr {
    display: flex;
    flex-wrap: wrap;
    background-color: #f3f3f3;
    padding: 20px;
    margin-top: 25px;
}

.blockcont12 .blockcont12-center .intro .attr span {
    display: block;
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
    width: 50%;
    vertical-align: top;
}

.blockcont12 .blockcont12-center .content {
    margin: 20px 0;
}

.blockcont12 .blockcont12-center .time {
    font-size: 16px;
    color: #999999;
    margin: 10px 0;
}

.blockcont12 .blockcont12-center-all .play-img {
    width: 145px;
    height: 145px;
    border-radius: 8px;
    margin-right: 20px;
}

.blockcont12 .blockcont12-center-all {
    display: flex;
}

/* blockcont12 */


/* blockcont13 */

/*头部*/
.blockcont13-head {
    background-color: #d1dfe8;
}

.blockcont13-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.blockcont13-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont13-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont13-head .head-all .advertbox {
    width: 237px;
}

.blockcont13-head .head-all .advertbox-all {
    display: flex;
}

.blockcont13-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont13-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont13-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont13-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

.blockcont13-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont13-head .head-all .homeicon a {
    color: #909fa6;
    font-size: 21px;

}

.blockcont13-head .head-all .sear-input {
    position: relative;
}

.blockcont13-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: #b6c8d4;
    padding-left: 48px;
    box-sizing: border-box;
    color: #3b3b3b;
}

.blockcont13-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont13-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #3b3b3b;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont13-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont13-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont13-head .head-all .admin-right {
    display: flex;
}

.blockcont13-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont13-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont13-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont13-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont13-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;
}

.blockcont13-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont13-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont13-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #3b3b3b;
}

.blockcont13-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #3b3b3b;
}

.blockcont13-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #3b3b3b;
}

.blockcont13-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #3b3b3b;
}

/*头部*/


.blockcont13 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 30px;
}

.blockcont13 .head {
    width: 1258px;
    height: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: 25px;
}

.blockcont13 .head h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-right: 20px;
}

.blockcont13 .head .lines {
    width: 880px;
    height: 1px;
    background-color: #d7e3eb;
    margin-left: 20px;
}

.blockcont13 .head span {
    display: block;
    font-size: 12px;
    color: #696868;
}

.blockcont13-bg {
    background-color: #f5f5f5;
}

.blockcont13-bg .container {
    width: 1410px;
}

.blockcont13.section {
    background-color: #f5f5f5;
}

.blockcont13-left {
    width: 158px;
    height: 770px;
    background-color: #d1dfe8;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.blockcont13-left ul li {
    padding: 0 15px;
}

.blockcont13-left ul li.on {
    background-color: #8aabc0;
}

.blockcont13-left ul li.on a {
    color: #fff;
}

.blockcont13-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
}

.blockcont13-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}


.blockcont13 .blockcont13-right {
    width: 1208px;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 25px;
    overflow: hidden;
}


.blockcont13 .blockcont13-right h1 {
    font-size: 22px;
    font-weight: unset;
    color: #444342;
    display: flex;
    align-items: center;
}

.blockcont13 .blockcont13-right h1 span {
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    background-color: #8aabc0;
    border-radius: 3px;
    color: #fff;
    margin-left: 15px;
    padding: 0px 5px;
}

.blockcont13 .blockcont13-right .type {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #999999;
    margin: 10px 0;
    width: 230px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.blockcont13 .blockcont13-right .type span {
    display: block;
    margin-right: 20px;
    width: 85px;
    margin-bottom: 5px;
}

.blockcont13 .blockcont13-right .intro {
    font-size: 20px;
    color: #333333;
    padding-top: 20px;
}

.blockcont13 .blockcont13-right .intro .attr {
    display: flex;
    flex-wrap: wrap;
    background-color: #f3f3f3;
    padding: 20px;
    margin-top: 25px;
}

.blockcont13 .blockcont13-right .intro .attr span {
    display: block;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #909090;
}

.blockcont13 .blockcont13-right .intro .attr p {
    font-size: 18px;
    color: #909090;
    margin: 0;
    padding: 0;
    line-height: 25px;
}

.blockcont13 .blockcont13-right .content {
    margin: 20px 0;
}

.blockcont13 .blockcont13-right .time {
    font-size: 16px;
    color: #999999;
    margin: 10px 0;
}

.blockcont13 .blockcont13-right-all .play-img {
    width: 147px;
    height: 147px;
    border-radius: 8px;
    margin-right: 20px;
}

.blockcont13 .blockcont13-right-all {
    display: flex;
}


.blockcont8 .head {
    width: 1258px;
    height: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.blockcont8 .head h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-right: 20px;
}

.blockcont8 .head span {
    display: block;
    font-size: 12px;
    color: #696868;
}

.blockcont8 .head .lines {
    width: 1020px;
    height: 1px;
    background-color: #d7e3eb;
    margin-left: 20px;
}


.blockcont13-right .box3 {
    width: 1382px;
    height: 356px;
    background-color: #fff;
    margin-top: 7px;
}

.blockcont13-right .box3 .play-img {
    position: relative;
}

.blockcont13-right .box3 .play-img img {
    padding-bottom: 20px;
    width: 100%;
}

.blockcont13-right .box3 .play-img img:hover {
    transform: scale(1.1, 1.1);
}

.blockcont13-right .box3 h3 {
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-top: 1px solid #0000001a;
    border-bottom: 1px solid #0000001a;
    background-color: #edeef0;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #696868;
    font-weight: 500;
    overflow: hidden;
}

.blockcont13-right .box3 .bd {
    padding: 10px 0;
}

.blockcont13-right .box3 ul {
    display: flex;
    justify-content: space-between;
}

.blockcont13-right .box3 ul li {
    width: 190px;
    height: 333px;
    background-color: #6c6d6d;
    border-radius: 17px;
    position: relative;
    overflow: hidden;
}

.blockcont13-right .box3 ul li .top-play {
    position: absolute;
    width: 100%;
    height: 33px;
    top: 0;
    background-color: #808080;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    line-height: 33px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    box-sizing: border-box;

}

.blockcont13-right .box3 ul li .top-play span {
    display: block;
    width: 70px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #ff3c73;
    color: #fff;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.blockcont13-right .box3 ul li .top-play i {
    display: block;
    width: 15px;
    height: 14px;
    background: url(../images/box7-6.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont13-right .box3 ul li p {
    color: #fff;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockcont13-right .box3 ul li span {
    display: block;
    color: #b4b4b4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont13-right .box3 ul li .lines {
    width: 100%;
    height: 1px;
    background-color: #b4b4b4;
}

.blockcont13-right .box3 ul li .text {
    height: 133px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 8px;
    box-sizing: border-box;
}

/* blockcont13 */


/* blockcont14 */

/*头部*/
.blockcont14-head {
    background-color: #d1dfe8;
}

.blockcont14-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.blockcont14-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont14-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont14-head .head-all .advertbox {
    width: 237px;
}

.blockcont14-head .head-all .advertbox-all {
    display: flex;
}

.blockcont14-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont14-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont14-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont14-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

.blockcont14-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont14-head .head-all .homeicon a {
    color: #909fa6;
    font-size: 21px;

}

.blockcont14-head .head-all .sear-input {
    position: relative;
}

.blockcont14-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: #b6c8d4;
    padding-left: 48px;
    box-sizing: border-box;
    color: #3b3b3b;
}

.blockcont14-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont14-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #3b3b3b;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont14-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont14-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont14-head .head-all .admin-right {
    display: flex;
}

.blockcont14-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont14-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont14-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont14-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;

}

.blockcont14-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;

}

.blockcont14-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;

}

.blockcont14-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;

}

.blockcont14-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #3b3b3b;
}

.blockcont14-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #3b3b3b;
}

.blockcont14-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #3b3b3b;
}

.blockcont14-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #3b3b3b;
}

/*头部*/


.blockcont14 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 30px;
}

.blockcont14 .head {
    width: 1258px;
    height: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: 25px;
}

.blockcont14 .head h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-right: 20px;
}

.blockcont14 .head .lines {
    width: 880px;
    height: 1px;
    background-color: #d7e3eb;
    margin-left: 20px;
}

.blockcont14 .head span {
    display: block;
    font-size: 12px;
    color: #696868;
}

.blockcont14-bg {
    background-color: #f5f5f5;
}

.blockcont14-bg .container {
    width: 1410px;
}

.blockcont14.section {
    background-color: #f5f5f5;
}

.blockcont14-left {
    width: 158px;
    height: 770px;
    background-color: #d1dfe8;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.blockcont14-left ul li {
    padding: 0 15px;
}

.blockcont14-left ul li.on {
    background-color: #8aabc0;
}

.blockcont14-left ul li.on a {
    color: #fff;
}

.blockcont14-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
}

.blockcont14-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}


.blockcont14 .blockcont14-right {
    width: 1208px;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 25px;
    overflow: hidden;
}


.blockcont14 .blockcont14-right h1 {
    font-size: 22px;
    font-weight: unset;
    color: #444342;
    display: flex;
    align-items: center;
}

.blockcont14 .blockcont14-right .type {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #999999;
    margin: 10px 0;
    width: 230px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.blockcont14 .blockcont14-right .type span {
    display: block;
    margin-right: 20px;
    width: 85px;
    margin-bottom: 5px;
}


.blockcont14 .blockcont14-right .content {
    margin: 20px 0;
}

.blockcont14 .blockcont14-right .time {
    font-size: 16px;
    color: #999999;
    margin: 10px 0;
}

.blockcont14 .blockcont14-right-content {
    display: flex;
    justify-content: space-between;
}

.blockcont14 .blockcont14-right-all {
    width: 640px;
}

.blockcont14 .blockcont14-right-all .play-img {
    width: 147px;
    height: 147px;
    border-radius: 8px;
    margin-right: 20px;
}

.blockcont14 .blockcont14-right-disimg {
    width: 500px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #3333331a;
}

.blockcont14 .blockcont14-right-all .blockcont14-right-intro {
    display: flex;

}

.blockcont14 .blockcont14-right-all .blockcont14-right-introx .tag {
    padding: 20px 0;
    border-bottom: 1px dashed #333;
}

.blockcont14 .blockcont14-right-all .blockcont14-right-introx .tag span {
    font-size: 16px;
    color: #000;

    margin-right: 10px;
}

.blockcont14 .blockcont14-right-all .blockcont14-right-introx p {
    font-size: 18px;
    color: #8d8d8d;
    padding-right: 50px;
}

.blockcont8 .head {
    width: 1258px;
    height: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.blockcont8 .head h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-right: 20px;
}

.blockcont8 .head span {
    display: block;
    font-size: 12px;
    color: #696868;
}

.blockcont8 .head .lines {
    width: 1020px;
    height: 1px;
    background-color: #d7e3eb;
    margin-left: 20px;
}


.blockcont14-right .box3 {
    width: 1382px;
    height: 356px;
    background-color: #fff;
    margin-top: 7px;
}

.blockcont14-right .box3 .play-img {
    position: relative;
}

.blockcont14-right .box3 .play-img img {
    padding-bottom: 20px;
    width: 100%;
}

.blockcont14-right .box3 h3 {
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-top: 1px solid #0000001a;
    border-bottom: 1px solid #0000001a;
    background-color: #edeef0;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #696868;
    font-weight: 500;
}

.blockcont14-right .box3 .bd {
    padding: 10px 0;
}

.blockcont14-right .box3 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blockcont14-right .box3 ul li {
    width: 190px;
    height: 333px;
    background-color: #6c6d6d;
    border-radius: 17px;
    position: relative;
}

.blockcont14-right .box3 ul li .top-play {
    position: absolute;
    width: 100%;
    height: 33px;
    top: 0;
    background-color: #808080;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    line-height: 33px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    box-sizing: border-box;

}

.blockcont14-right .box3 ul li .top-play span {
    display: block;
    width: 70px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #ff3c73;
    color: #fff;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.blockcont14-right .box3 ul li .top-play i {
    display: block;
    width: 15px;
    height: 14px;
    background: url(../images/box7-6.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont14-right .box3 ul li p {
    color: #fff;
    margin: 0;
    padding: 0;
}

.blockcont14-right .box3 ul li span {
    color: #b4b4b4;
}

.blockcont14-right .box3 ul li .lines {
    width: 100%;
    height: 1px;
    background-color: #b4b4b4;
}

.blockcont14-right .box3 ul li .text {
    height: 133px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 8px;
    box-sizing: border-box;
}

.blockcont14-right-disimg .hd {
    width: 83px;
    border: 1px solid #3333331a;
    height: 415px;
}

.blockcont14-right-disimg .hd li {
    padding: 1px;
}

.blockcont14-right-disimg .hd li.on {
    background: url(../images/box14-2.png) no-repeat;
    padding: 1px;
    background-size: 100%;
}

.blockcont14-right-disimg .bd {
    width: 415px;
    height: 415px;
}

/* blockcont14 */


/* blockcont15 */


/*头部*/
.blockcont15-head {
    background-color: #d1dfe8;
}

.blockcont15-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.blockcont15-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont15-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont15-head .head-all .advertbox {
    width: 237px;
}

.blockcont15-head .head-all .advertbox-all {
    display: flex;
}

.blockcont15-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont15-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont15-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont15-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

.blockcont15-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont15-head .head-all .homeicon a {
    color: #909fa6;
    font-size: 21px;

}

.blockcont15-head .head-all .sear-input {
    position: relative;
}

.blockcont15-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: #b6c8d4;
    padding-left: 48px;
    box-sizing: border-box;
    color: #3b3b3b;
}

.blockcont15-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont15-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #3b3b3b;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont15-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont15-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont15-head .head-all .admin-right {
    display: flex;
}

.blockcont15-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont15-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont15-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont15-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat;
    background-size: 100%;
}

.blockcont15-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat;
    background-size: 100%;
}

.blockcont15-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat;
    background-size: 100%;
}

.blockcont15-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat;
    background-size: 100%;
}

.blockcont15-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #3b3b3b;
}

.blockcont15-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #3b3b3b;
}

.blockcont15-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #3b3b3b;
}

.blockcont15-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #3b3b3b;
}

/*头部*/


/* blockcont8 */
.blockcont15 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 30px;
}

.blockcont15-bg {
    background-color: #f5f5f5;
}

.blockcont15-bg .container {
    width: 1410px;
}

.blockcont15.section {
    background-color: #f5f5f5;
}

.blockcont15-left {
    width: 158px;
    height: 770px;
    background-color: #d1dfe8;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.blockcont15-left ul li {
    padding: 0 15px;
}

.blockcont15-left ul li.on {
    background-color: #8aabc0;
}

.blockcont15-left ul li.on a {
    color: #fff;
}

.blockcont15-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
}

.blockcont15-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont15-right {
    width: 1210px;
}

.blockcont15-right .blockcont15-choose .side {
    height: 80px;
    display: flex;
    border-bottom: 1px solid #3333330f;
}

.blockcont15-right .blockcont15-choose .side:last-child {
    border-bottom: unset;
}

.blockcont15-right .blockcont15-choose .side .title {
    width: 120px;
    height: 80px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #6e67671c;
}

.blockcont15-right .blockcont15-choose .side .blockcont15-choose-links {
    display: flex;
    width: 1140px;
    height: 80px;
    box-sizing: border-box;
    padding: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.blockcont15-right .blockcont15-choose .side .blockcont15-choose-links a {
    margin-bottom: 10px;
    margin-right: 50px;
}

.blockcont15-right .blockcont15-choose {
    height: 240px;
    border: 1px solid #3333330f;
}

.blockcont15-right .blockcont15-choose .side:first-child a {
    margin-right: 100px;
}

.blockcont15-right .blockcont15-choose .side:last-child a {
    margin-right: 50px;
}

.blockcont15-product {
    margin: 20px 0 50px 0;
}

.blockcont15-product ul {
    display: flex;
    flex-wrap: wrap;
}

.blockcont15-product ul li {
    width: 292px;
    height: 373px;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-right: 12px;
    margin-bottom: 25px;
}

.blockcont15-product ul li:nth-child(4n) {
    margin-right: 0;
}

.blockcont15-product ul li p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333;
}

.blockcont15-product ul li .lines {
    width: 100%;
    height: 1px;
    background-color: #33333336;
    margin: 5px 0;
}

.blockcont15-product ul li .label {
    display: flex;
    margin-top: 20px;
}

.blockcont15-product ul li .label span {
    display: block;
    width: 37px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    background-color: #8bc973;
    margin-right: 10px;
}

.blockcont15-product ul li .label span:nth-child(2) {
    background-color: #997ac4;
}

.blockcont15-product ul li .label span:nth-child(3) {
    background-color: #e2cc10;
}

.blockcont15-product ul li .label span:nth-child(4) {
    background-color: #f10c1c;
}


/* blockcont16 */
/*头部*/
.blockcont16-head {
    background-color: #d1dfe8;
}

.blockcont16-head .head-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.blockcont16-head .head-all .logo {
    width: 131px;
    height: 46px;
}

.blockcont16-head .head-all .searbox {
    width: 788px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blockcont16-head .head-all .advertbox {
    width: 237px;
}

.blockcont16-head .head-all .advertbox-all {
    display: flex;
}

.blockcont16-head .head-all .advertbox-all .advertbox-side {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.blockcont16-head .head-all .advertbox-all .advertbox-side span {
    display: block;
    width: 20px;
    height: 15px;
    background: url(../images/img2.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.blockcont16-head .head-all .homeicon {
    display: flex;
    position: relative;
}

.blockcont16-head .head-all .homeicon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background-color: #909fa6;
    left: 0;
    right: 14px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

.blockcont16-head .head-all .homeimg {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    margin-right: 23px;
}

.blockcont16-head .head-all .homeicon a {
    color: #909fa6;
    font-size: 21px;

}

.blockcont16-head .head-all .sear-input {
    position: relative;
}

.blockcont16-head .head-all .searbox input {
    width: 320px;
    height: 32px;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: #b6c8d4;
    padding-left: 48px;
    box-sizing: border-box;
    color: #3b3b3b;
}

.blockcont16-head .head-all .sear-input-icon {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../images/img3.png) no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blockcont16-head .head-all .sear-input-tetx {
    position: absolute;
    font-size: 14px;
    color: #3b3b3b;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 32px;
}

.blockcont16-head .head-all .billboard {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #444342;
}

.blockcont16-head .head-all .billboard span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img4.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont16-head .head-all .admin-right {
    display: flex;
}

.blockcont16-head .head-all .admin-right a {
    display: flex;
    font-size: 16px;
    color: #444342;
    align-items: center;
    margin-right: 30px;
}

.blockcont16-head .head-all .admin-right a:last-child {
    margin-right: 0;
}

.blockcont16-head .head-all .admin-right a span {
    margin-right: 5px;
}

.blockcont16-head .head-all .admin-right a:nth-child(1) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img5.png) no-repeat center center;
}

.blockcont16-head .head-all .admin-right a:nth-child(2) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img6.png) no-repeat center center;
}

.blockcont16-head .head-all .admin-right a:nth-child(3) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img7.png) no-repeat center center;
}

.blockcont16-head .head-all .admin-right a:nth-child(4) span {
    display: block;
    width: 22px;
    height: 26px;
    background: url(../images/img8.png) no-repeat center center;
}

.blockcont16-head .head-all .sear-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #3b3b3b;
}

.blockcont16-head .head-all .sear-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #3b3b3b;
}

.blockcont16-head .head-all .sear-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #3b3b3b;
}

.blockcont16-head .head-all .sear-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #3b3b3b;
}

/*头部*/


/* blockcont16 */
.blockcont16 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 30px;
}

.blockcont16-bg {
    background-color: #f5f5f5;
}

.blockcont16-bg .container {
    width: 1410px;
}

.blockcont16.section {
    background-color: #f5f5f5;
}

.blockcont16-left {
    width: 158px;
    height: 770px;
    background-color: #d1dfe8;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.blockcont16-left ul li {
    padding: 0 15px;
}

.blockcont16-left ul li.on {
    background-color: #8aabc0;
}

.blockcont16-left ul li.on a {
    color: #fff;
}

.blockcont16-left ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
}

.blockcont16-left ul li a span {
    display: block;
    width: 17px;
    height: 14px;
    background: url(../images/img9.png) no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.blockcont16-right {
    width: 1210px;
}

.blockcont16-right .blockcont16-choose {
    position: relative;
}

.blockcont16-right .blockcont16-choose .morelinks {
    font-size: 18px;
    color: #dd3344;
    position: absolute;
    top: 0;
    right: 0;
}

.blockcont16-right .blockcont16-choose .side {
    display: flex;
    flex-direction: column;
}

.blockcont16-right .blockcont16-choose .side:last-child {
    border-bottom: unset;
}

.blockcont16-right .blockcont16-choose .side .title {
    padding: 0 0 20px 0px;
    font-size: 20px;
    color: #222;
    font-weight: bold;
}

.blockcont16-right .blockcont16-choose .side .blockcont16-choose-links {
    width: 100%;
}

.blockcont16-right .blockcont16-choose .side .blockcont16-choose-links a {
    margin-right: 20px;
    color: #666;
    font-size: 15px;
    width: 100px;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
}

.fenleiopen {
    text-align: center;
    font-size: 15px;
    color: #999;
    cursor: pointer;
    background: url(../images/downjianotu.png) no-repeat 50px center;
    width: 60px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #dedede;
    border-radius: 2px;
    padding-right: 15px;
    float: right;
    margin: 0px;
}

.fenleiopen:hover {
    border: 1px solid #f00;
    color: #f00;
}


.blockcont16-product {
    margin: 20px 0 50px 0;
}

.blockcont16-product ul {
    display: flex;
    flex-wrap: wrap;
}

.blockcont16-product ul li {
    width: 292px;
    height: 373px;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-right: 12px;
    margin-bottom: 25px;
    overflow: hidden;
}

.blockcont16-product ul li:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont16-product ul li:nth-child(4n) {
    margin-right: 0;
}

.blockcont16-product ul li a {
    display: block;
}

.blockcont16-product ul li a:hover p {
    color: #f00;
}

.blockcont16-product ul li p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #111;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blockcont16-product ul li .lines {
    width: 100%;
    height: 1px;
    background-color: #33333336;
    margin: 5px 0;
}

.blockcont16-product ul li .play-img {
    overflow: hidden
}

.blockcont16-product ul li .play-img img {
    height: 260px
}

.blockcont16-product ul li .label {
    display: flex;
    margin-top: 20px;
}

.blockcont16-product ul li .label span {
    display: block;
    width: 37px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    background-color: #f00;
    margin-right: 10px;
    border: 1px solid #f00;
}

.blockcont16-product ul li .label span:nth-child(2) {
    background-color: #fff;
    border: 1px solid #997ac4;
    color: #997ac4;
}

.blockcont16-product ul li .label span:nth-child(3) {
    background-color: #3FC19E;
    border: 1px solid #3FC19E;
}

.blockcont16-product ul li .label span:nth-child(4) {

    background-color: #fff;
    border: 1px solid #f10c1c;
    color: #f10c1c;
}

/* blockcont16 */
/*other开始*/


/*other结束*/
/*底部*/
.foot {
    background-color: #fff;
}

.foot .title {
    font-size: 16px;
    color: #333;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
}

.foot-bottom a {
    color: #bebebe !important;
}

.foot .title span {
    margin-right: 20px;
}

.foot .title span.on {
    position: relative;
}

.foot .title span.on::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    background-color: #dd000e;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
}

.foot .links {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e0e0e0;
}

.foot .links a {
    font-size: 16px;
    color: #a2a2a2;
    margin: 15px 25px 15px 0;
}

.foot .all {
    height: 172px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.foot .left {
    width: 310px;
    height: 172px;
    display: flex;
}

.foot .center {
    width: 760px;
    height: 172px;
    margin-top: 42px;
}

.foot .right {
    width: 310px;
    height: 172px;
    display: flex;
}

.foot .right p,
.foot .left p {
    padding: 0;
    margin: 0;
    height: 112px;
    width: 15px;
    font-size: 12px;
    color: #a2a2a2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.foot .right .erweima,
.foot .left .erweima {
    display: flex;
    align-items: center;
    margin-right: 25px;
    margin-top: 10px;
}

.foot .right .erweima img,
.foot .left .erweima img {
    width: 112px;
    height: 112px;
}

.foot .center .about {
    display: flex;
    justify-content: space-between;
}

.foot .center .about a {
    font-size: 16px;
    color: #333;
}

.foot .center .hezuo {
    display: flex;
    justify-content: space-between;
}

.foot .center .hezuo .side {
    width: 50%;
    border-left: 1px solid #7f7e7e4d;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 40px;
}

.foot .center .hezuo .side > div {
    font-size: 16px;
    color: #333;
}

.foot .center .hezuo .side span {
    font-size: 25px;
    color: #dd0117;
    font-weight: bold;
    margin-left: 5px;
}

.foot .center .hezuo .side p {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    color: #9b9da1;
}

.tableCell {
    position: relative
}

.tableCell .foot-bottom {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 999;
    padding: 17px 0;
    font-size: smaller;
}

.foot-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 80px;
    background-color: #434343;


}

.foot-bottom p {
    margin: 0;
    padding: 0;
    color: #bebebe;
    text-align: center;
}

.foot-bottom p:last-child {
    margin-top: 5px;
}

/*#fp-nav::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 1px;*/
/*    height: 100%;*/
/*    left: 8px;*/
/*    top: 0;*/
/*    background: url(../images/linesxx.png) no-repeat;*/
/*}*/

/*#fp-nav li {*/
/*    margin-bottom: 10px;*/
/*}*/

/*#fp-nav li a {*/
/*    font-size: 15px;*/
/*    color: #b3b0af;*/
/*    display: flex;*/
/*    align-items: center;*/

/*}*/

/*#fp-nav li a span {*/
/*    display: inline-block;*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    border: 1px solid #e9cebc;*/
/*    margin-right: 10px;*/
/*    transform: rotate(45deg);*/
/*    background-color: #f2ebeb*/
/*}*/

/*#fp-nav li a.active {*/
/*    font-size: 15px;*/
/*    color: #b87686;*/
/*    font-weight: bold;*/
/*}*/

/*#fp-nav li a.active span {*/
/*    background-color: #b87686;*/
/*}*/
#fullPage-nav span,
.fullPage-slidesNav span {
    top: unset !important;
    left: unset !important;
    width: unset !important;
    height: unset !important;
    border: unset !important;
    background: unset !important;
    -webkit-border-radius: unset !important;
    -moz-border-radius: unset !important;
    border-radius: unset !important;
    position: unset !important;
    z-index: unset !important;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #e9cebc !important;
    margin-right: 10px !important;
    transform: rotate(45deg) !important;
}

#fullPage-nav::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    left: 8px;
    top: 0;
    background: url(../images/linesxx.png) no-repeat;
}

#fullPage-nav li {
    margin-bottom: 10px !important;
}

#fullPage-nav li a {
    display: block !important;
    font-size: 15px;
    color: #b3b0af;
    display: flex;
    align-items: center;
    margin-bottom: 10px;

}

#fullPage-nav li a span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #e9cebc;
    margin-right: 10px;
    transform: rotate(45deg);
    background-color: #f2ebeb !important
}

#fullPage-nav li a.active {
    font-size: 17px;
    color: #b87686;
    font-weight: 600;
}

#fullPage-nav li a.active span {
    background-color: #b87686 !important;
}

#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: unset !important;
    height: unset !important;
    margin: unset !important;
    position: relative;
}

#fullPage-nav li:hover #fullPage-tooltip {
    display: none !important;
}

#fullPage-tooltip {
    display: none !important;
}

#fullPage-nav li .right {
    display: none !important;
}

/*底部*/


/*login*/
.login-bg {
    width: 100%;
    height: 100vh;
    background: url(../images/login1.jpg) no-repeat center top;
    background-size: 100% 100%;
    position: relative;
}

.login-main {
    position: absolute;
    width: 560px;
    height: 640px;
    background-color: rgba(0, 0, 0, .6);
    right: 10%;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 8px;
}

.login-main .title {
    width: 161px;
    height: 38px;
    background: url(../images/login-3.png) no-repeat;
    background-size: 100%;
    margin: 82px auto 35px auto;
}

.login-main form {
    width: 62%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    margin: auto;
}

.login-ipt {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0px;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 8px;
    outline: none;
    text-indent: 20px;

}

.userloginfont2 a,
.userloginfont3 a {
    color: #f00;
}

.login-iptx {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0px;
    margin-bottom: 10px;
    border-radius: 30px;
    outline: none;
    text-align: center;
    color: #333;
    background: #e9e0cf;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.yzm {
    width: 40%;
    height: 40px;
    line-height: 40px;
    border: 0px;
    border-radius: 8px;
    outline: none;
    text-align: center;
    color: #333;
    background: #de1e30;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}


.yzm::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff
}

.yzm:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff
}

.yzm::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff
}

.yzm:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff
}

.get-yzm {
    display: inline-block;
    font-size: 20px;
    color: #b1b1b1;
    margin-left: 30px;
}

.yzm-all {
    display: flex;
    align-items: center;
}

.get-weixin {
    text-align: center;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.get-weixin img {
    display: block;
    width: 52px;
    height: 52px;
    margin: auto;
    margin-bottom: 15px;
}

/*login*/


/*注册*/
.register {
    position: relative;
    width: 100%;
    height: 100vh;
}

.register-main {
    width: 410px;
    margin: auto;
    margin-top: 250px;
}

.register .blockcont8-head {
    box-shadow: 1px 3px 13px 6px #3333334a;
}

.register .intro {
    display: flex;
}

.register select {
    width: 106px;
    height: 50px;
    border: 1px solid #33333375;
    font-size: 16px;
    color: #333333d6;
    text-align: center;
    line-height: 50px;
}

.register .right input {
    width: 290px;
    height: 50px;
    border: 1px solid #33333375;
    box-sizing: border-box;
    padding-left: 10px;
    outline: none;
}

.register .userloginfont3 {
    text-align: center;
    margin: 15px 0 80px 0;
}

.register .login-iptx {
    background-color: #de1e30;
    color: #fff;
}

/*注册*/


/*综合*/
.blockcont1-left.nei1 {
    width: 158px;
    height: auto;
    background-color: #d1dfe8;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 20px;
}

.blockcont1-left.nei1 ul li {
    padding: 0 15px;
    overflow: hidden;
}

.blockcont1-left.nei1 ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
    max-width: 158px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont1-left.nei1 ul li:hover a {
    color: #fff
}

.blockcont1-left.nei1 ul li.on {
    background-color: #8aabc0;
}

.blockcont1-left.nei1 ul li.on a {
    color: #fff;
}


.blockcont1-left.mei1 {
    width: 158px;
    height: 770px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
}

.blockcont1-left.mei1 ul li {
    padding: 0 15px;
}

.blockcont1-left.mei1 ul li a {
    font-size: 16px;
    color: #696868;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #aeaba14d;
}

.blockcont1-left.mei1 ul li.on {
    background-color: red;
}

.blockcont1-left.mei1 ul li.on a {
    color: #fff;
}

.blockcont1-left ul li:nth-child(1) a span {
    background: url(../images/vc1.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(1):hover a span {
    background: url(../images/vc01.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(1) a span {
    background: url(../images/vc01.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(2) a span {
    background: url(../images/vc2.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(2):hover a span {
    background: url(../images/vc02.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(2) a span {
    background: url(../images/vc02.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(3) a span {
    background: url(../images/vc3.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(3) a span {
    background: url(../images/vc03.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(3):hover a span {
    background: url(../images/vc03.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(4) a span {
    background: url(../images/vc4.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(4):hover a span {
    background: url(../images/vc04.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(4) a span {
    background: url(../images/vc04.png) no-repeat center center;
}


.blockcont1-left ul li:nth-child(5) a span {
    background: url(../images/vc5.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(5):hover a span {
    background: url(../images/vc05.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(5) a span {
    background: url(../images/vc05.png) no-repeat center center;
}


.blockcont1-left ul li:nth-child(6) a span {
    background: url(../images/vc6.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(6):hover a span {
    background: url(../images/vc06.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(6) a span {
    background: url(../images/vc06.png) no-repeat center center;
}


.blockcont1-left ul li:nth-child(7) a span {
    background: url(../images/vc7.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(7):hover a span {
    background: url(../images/vc07.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(7) a span {
    background: url(../images/vc07.png) no-repeat center center;
}


.blockcont1-left ul li:nth-child(8) a span {
    background: url(../images/vc8.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(8):hover a span {
    background: url(../images/vc08.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(8) a span {
    background: url(../images/vc08.png) no-repeat center center;
}


.blockcont1-left ul li:nth-child(9) a span {
    background: url(../images/vc9.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(9):hover a span {
    background: url(../images/vc09.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(9) a span {
    background: url(../images/vc09.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(10) a span {
    background: url(../images/vc10.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(10):hover a span {
    background: url(../images/vc010.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(10) a span {
    background: url(../images/vc010.png) no-repeat center center;
}


.blockcont1-left ul li:nth-child(11) a span {
    background: url(../images/vc11.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(11):hover a span {
    background: url(../images/vc011.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(11) a span {
    background: url(../images/vc011.png) no-repeat center center;
}


.blockcont1-left ul li:nth-child(12) a span {
    background: url(../images/vc12.png) no-repeat center center;
}

.blockcont1-left ul li:nth-child(12):hover a span {
    background: url(../images/vc12.png) no-repeat center center;
}

.blockcont1-left ul li.on:nth-child(12) a span {
    background: url(../images/vc012.png) no-repeat center center;
}

*

/
.section.test .tableCell .scrollable {
    height: 960px !important;
    overflow: unset;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*综合*/
.page {
    width: 100%;
    height: auto;
}

.page ul {
    width: 100%;
    height: auto;
    text-align: center;
}

.page ul li {
    display: inline-block;
}

.page ul li a {
    display: block;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ebebeb;
    background: #ebebeb;
    padding: 0px 13px;
    margin: 0px 3px;
    border-radius: 5px;
    color: #666;
}

.page ul li a:hover {
    background: #469ed7;
    color: #fff;
    border: 1px solid #469ed7;
    cursor: pointer;
}

.page ul li.disabled {
    display: none;
}

.page ul li.active span {
    background: #469ed7;
    color: #fff;
    border: 1px solid #469ed7;
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    margin: 0px 3px;
    border-radius: 5px;
}


/*app样式*/


.blockcont-app-right {
    width: 1362px;
    height: 770px;
    box-sizing: border-box;
}

.blockcont-app-right .side1 {
    height: auto;
    background-color: #dfe6e9;
    margin-bottom: 10px;
    border-radius: 12px;
}
.blockcont-app-right .side1 ul {
    padding: 10px 42px;
    position: relative;
}

.blockcont-app-right .side1 ul li {
    display: flex;
    justify-content: space-between;
}


.blockcont-app-right .side1 ul li a:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont-app-right .side1 ul li a:hover .xinai {
    background: url(../images/xin1.png) no-repeat;
    background-size: 100%;
}

.blockcont-app-right .side1 ul li h2 {
    font-size: 18px;
    color: #696868;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont-app-right .side1 ul li p {
    font-size: 15px;
    color: #575757;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 8px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont-app-right .side1 ul li span {
    display: block;
    width: 100%;
    height: 27px;
    line-height: 27px;
    font-size: 13px;
    color: #ffffff;
    background-color: #ff5d8b;
    text-align: center;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockcont-app-right .side1 ul li .iocn-newiocn-new {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 32px;
    height: 26px;
    background-color: #ff2b67;
    line-height: 26px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}

.blockcont-app-right .side1 ul li .xinai {
    position: absolute;
    bottom: 104px;
    right: 8px;
    width: 17px;
    height: 17px;
    background: url(../images/xin2.png) no-repeat;
    background-size: 100%;
    line-height: 26px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}


.blockcont-app-right .side2 {
    width: 530px;
    height: 480px;
    background-color: #fff;
    border-radius: 12px;
    padding: 20px 14px;
    box-sizing: border-box;
}
.blockcont-app-right .side1 ul li a {
    display: block;
    position: relative;
    border: 1px solid #e6e5e5;
    border-radius: 12px;
    margin-right: 15px;
    overflow: hidden;
}

.blockcont-app-product {
    margin: 20px 0 50px 0;
}

.blockcont-app-product ul {
    display: flex;
    flex-wrap: wrap;
}

.blockcont-app-product ul li {
    box-shadow: 0px 0px 12px 4px #e6e5e5;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-right: 11px;
    margin-bottom: 25px;
    overflow: hidden;
    width: 190px;
}

.blockcont-app-product ul li:hover img {
    transform: scale(1.1, 1.1);
}

.blockcont-app-product ul li:nth-child(4n) {
    /*margin-right: 0;*/
}

.blockcont-app-product ul li a {
    display: block;
}

/*.blockcont-app-product ul li a:hover p {*/
/*    color: #f00;*/
/*}*/

.blockcont-app-product ul li p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #111;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    width: 160px;
}

.blockcont-app-product ul li .lines {
    width: 100%;
    height: 1px;
    background-color: #33333336;
    margin: 5px 0;
}

.blockcont-app-product ul li .play-img {
    overflow:hidden;
    text-align: center;
}
.blockcont-app-product ul li .head {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.blockcont-app-product ul li .play-img img {
    height: 120px;
    width:120px;
}

.blockcont-app-product ul li .label {
    display: flex;
    margin-top: 20px;
}

.blockcont-app-product ul li .label span {
    display: block;
    width: 37px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    background-color: #f00;
    margin-right: 10px;
    border: 1px solid #f00;
}

.blockcont-app-product ul li .label span:nth-child(2) {
    background-color: #fff;
    border: 1px solid #997ac4;
    color: #997ac4;
}

.blockcont-app-product ul li .label span:nth-child(3) {
    background-color: #3FC19E;
    border: 1px solid #3FC19E;
}

.blockcont-app-product ul li .label span:nth-child(4) {

    background-color: #fff;
    border: 1px solid #f10c1c;
    color: #f10c1c;
}
.download_btn{
    background-color: #03ABFE;
    display: block;
    width: 160px;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.download_btn_az{
    background-color: #2aa945;
    display: block;
    width: 160px;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.blockcont-app-detail-right {
    width: 363px;
}


.blockcont12 .blockcont-app-detail-right .box2 {
    width: 362px;
    height: 445px;
    background-color: #fff;
    box-sizing: border-box;
}

.blockcont12 .blockcont-app-detail-right .box2 .box2-side {
    display: flex;
}

.blockcont12 .blockcont-app-detail-right .box2 .side1 {
    width: 60%;
    text-align: center;
    padding: 0 10px;
}

.blockcont12 .blockcont-app-detail-right .box2 .side1 h3 {
    margin-top: 25px;
}

.blockcont12 .blockcont-app-detail-right .box2 .side1 .lines {
    width: 100%;
    height: 7px;
    background: url(../images/box4-6.jpg) no-repeat;
    background-size: 100%;
    margin: 10px 0;
}

.blockcont12 .blockcont-app-detail-right .box2 .side1 p {
    margin: 0;
    padding: 0;
}

.blockcont12 .blockcont-app-detail-right .box2 .side2 {
    width: 40%;
    padding-top: 30px;
}

.blockcont12 .blockcont-app-detail-right .box2 .side2 img:hover {
    transform: scale(1.1, 1.1);
}


.blockcont-app-detail-right .box1 {
    width: 363px;
    height: 502px;
    background-color: #fff;
    margin-bottom: 10px;
    padding-top: 5px;
}

.blockcont-app-detail-right .box1 .hot-pop {
    width: 350px;
    height: 790px;
    border: 1px solid #f0f0f0;
    margin: auto;
    position: relative;
    margin-top: 30px;
}

.blockcont-app-detail-right .box1 .hot-pop .bd {
    margin-top: 30px;
}

.blockcont-app-detail-right .box1 .hot-pop .head {
    width: 190px;
    height: 37px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: -20px;
    margin-right: 80px;
}

.blockcont-app-detail-right .box1 .hot-pop .head h3 {
    font-size: 24px;
}

.blockcont-app-detail-right .box1 .hot-pop .head span {
    display: inline-block;
    width: 100px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #000000;
    color: #fff;
    margin-right: 20px;
}

.blockcont-app-detail-right .box1 ul {
    padding: 0 10px;
    margin-top: 15px;
    height: 414px;
    padding-top: 15px;
}

.blockcont-app-detail-right .box1 ul li {
    margin-bottom: 15px;
}

.blockcont-app-detail-right .box1 ul li .all {
    display: flex;
}

.blockcont-app-detail-right .box1 ul li .num {
    width: 11%;
    color: #e4001d;
    font-size: 30px;
    text-align: center;
}

.blockcont-app-detail-right .box1 ul li .play-img {
   /* width: 33%;*/
}

.blockcont-app-detail-right .box1 ul li .play-img img {
    height: 75px;
    width: 75px;
}

.blockcont-app-detail-right .box1 ul li .play-img img:hover {
    transform: scale(1.1, 1.1);
}

.blockcont-app-detail-right .box1 ul li .text {
    width: 60%;
    padding-left: 15px;
}

.blockcont-app-detail-right .box1 ul li h5 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.blockcont-app-detail-right .box1 ul li p {
    font-size: 14px;
    color: #999999;
    margin: 0px;
}

.blockcont-app-detail-right .box1 ul li p span {
    color: #000000;
}
.app_img {
    width: 125px;
    border-radius: 35px;
    box-shadow: 0px 0px 12px 4px #e6e5e5;

}
.brandcontent p{line-height:32px;}
.brandcontent img{max-width: 90%; height:auto;}