* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    display: block;
    cursor: pointer;
}
li {
    list-style: none;
}
input {
    border: none;
    outline: none;
    background: none;
}
html, body {
    font-family: "微软雅黑" !important;
    font-size: 14px;
    color: #666666;
    min-width: 1200px;
    height: 100%;
}
.ellipsis {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ellipsis4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.flex {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
}
.scrol::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 3px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 2px;
}
.scrol::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    background: #B3B3B3;
}
.scrol::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background: #F0F0F0;
}
.w1100{
    width: 1100px;
    margin: auto;
}
.icon {
    background-image: url(../img/icon.png?v=1);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 300px;
}
.icon1{
    width: 20px;
    height: 20px;
    background-position: -7px -9px;
}
.icon2{
    width: 22px;
    height: 29px;
    background-position: -7px -42px;
}
.icon3{
    width: 9px;
    height: 15px;
    background-position: -7px -78px;
}
.icon4{
    width: 10px;
    height: 13px;
    background-position: -7px -99px;
}
.icon5{
    width: 35px;
    height: 33px;
    background-position: -215px -9px;
    vertical-align: text-bottom;
}
.icon6{
    width: 35px;
    height: 33px;
    background-position: -259px -9px;
    vertical-align: text-bottom;
}
.icon7{
    width: 18px;
    height: 16px;
    background-position: -7px -119px;
    vertical-align: text-bottom;
}
.icon8{
    width: 13px;
    height: 13px;
    background-position: -29px -97px;
    vertical-align: text-bottom;
}
.icon9{
    width: 13px;
    height: 8px;
    background-position: -7px -144px;
    vertical-align: text-bottom;
}
.icon10{
    width: 21px;
    height: 21px;
    background-position: -7px -160px;
    vertical-align: text-bottom;
}
.icon11{
    width: 17px;
    height: 13px;
    background-position: -7px -189px;
    vertical-align: text-bottom;
}
.icon12{
    width: 9px;
    height: 10px;
    background-position: -7px -211px;
}
.icon13{
    width: 11px;
    height: 15px;
    background-position: -29px -208px;
}
.icon14{
    width: 20px;
    height: 19px;
    background-position: -7px -230px;
}
.icon15{
    width: 14px;
    height:20px;
    background-position: -7px -258px;
}
.icon16{
    width: 16px;
    height:19px;
    background-position: -7px -289px;
}
.icon17{
    width: 24px;
    height:24px;
    background-position: -7px -318px;
}
.icon18{
    width: 16px;
    height:16px;
    background-position: -7px -350px;
}
.icon19{
    width: 20px;
    height:16px;
    background-position: -7px -377px;
}
.icon20{
    width: 18px;
    height:19px;
    background-position: -7px -403px;
}
.icon21{
    width: 15px;
    height:20px;
    background-position: -7px -431px;
}
.icon22{
    width: 28px;
    height:28px;
    background-position: -7px -463px;
}
.icon23{
    width:11px;
    height:15px;
    background-position: -81px -11px;
}
.icon24{
    width:21px;
    height:16px;
    background-position: -81px -36px;
}
.icon25{
    width:16px;
    height:16px;
    background-position: -81px -60px;
}
.icon26{
    width:9px;
    height:14px;
    background-position: -81px -86px;
}
.icon27{
    width:16px;
    height:18px;
    background-position: -81px -109px;
}
.icon28{
    width:14px;
    height:17px;
    background-position: -81px -134px;
}
.icon29{
    width:129px;
    height:38px;
    background-position: -168px -60px;
}
/*分页*/
.pages {
    display: flex;
    justify-content: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.light-theme .current {
    border-color: #C22A40 !important;
    background: #C22A40 !important;
    color: #ffffff !important;
}
.pages .fr a.tz {
    background: #ffffff;
    margin-left: 20px !important;
    color: #887C59;
    border: none;
}
.pages .fr {
    color: #808080;
}
.light-theme a, .light-theme span {
    border: 1px solid #E6E6E6 !important;
    background: #ffffff !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff)) !important;
    color: #4D4D4D !important;
}
.light-theme .disabled span {
    width: 15px;
    height: 34px;
}
.pages .fr input[type="text"] {
    width: 35px;
    background: #ffffff;
    border: none;
    color: #4D4D4D;
}
.pages .degree{
    display: inline-block;
    color: #887C59;
    margin-left: 24px;
}
.pages .degree select{
    border: 1px solid #E6E6E6;
    margin: 0px 10px;
    width: 54px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 2px;
    color: #887C59;
}
/*footer*/
.footer{
    height: 178px;
    background: #333333;
}
.footer .w1100{
    height: 100%;
}
.footHead{
    color: #FFFFFF;
}
.footLeft{
    color: rgba(255,255,255,.48);
    font-size: 12px;

    line-height: 24px;
}
.footHead i{
    margin-right: 5px;
    vertical-align: middle;
}
.footLeft p span{
    margin-right: 5px;
}
.footLeft p a{
    margin-right: 5px;
    color: rgba(255,255,255,.48);
    display: inline-block;
}
.footLeft p img{
    vertical-align: middle;
    margin-right: 7px;
    margin-bottom: 4px;
}
.footRight{
    height: 124px;
    border-left: 1px solid rgba(255,255,255,.1);
    padding-left: 24px;
    display: flex;
    align-items: center;
}
.footRight a{
    margin-right: 32px;
    position: relative;
}
.footRight a:last-child{
    margin-right: 0;
}
.footRight .ewm{
    width: 68px;
    height: 67px;
    background: #ffffff;
}
.footRight .ewm img{
    width: 100%;
    height: 100%;
}
.footRight p{
    font-size: 12px;
    color: rgba(255,255,255,.75);
    padding-top: 10px;
    text-align: center;
}
.footRight .magnify{
    position: absolute;
    width: 150px;
    height: 180px;
    top: -180px;
    left: -40px;
    display: none;
}
.magCo{
    padding-top: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    height: 160px;
    background: #ffffff;
    box-shadow: -1px 2px 10px 0px rgba(1,1,1,0.0600);
}
.footRight .magnify .maewm{
    width: 120px;
    height: 120px;
    margin: auto;
    background: #000000;
}
.footRight .magnify .maewm img{
    width: 100%;
    height: 100%;
}
.footRight .magnify p{
    color: #333333;
    padding-top: 7px;
}
.footRight a:hover .magnify{
    display: block;
}
    /*header*/
.header{
    position: absolute;
    width: 100%;
    height: 60px;
    background: rgba(23,21,21,.51);
    padding: 0px 90px;
    box-sizing: border-box;
    z-index: 2;
    box-shadow: 0px 4px 26px 0px rgba(38,38,45,0.0800);
    min-width: 1200px;
}
.header>.flex{
    height: 100%;
}
.headLeft,.headRight{
    display: flex;
    height: 100%;
    align-items: center;
}
.headLogo{
    font-size: 26px;
    height: 38px;
    color: #FFFFFF;
}
.headLogo img{
    margin-right: 10px;
    vertical-align: text-bottom;
}
.headLeft .navig{
    display: flex;
    align-items: center;
    margin-left: 45px;
    height: 100%;
}
.headLeft .navig>li{
    margin-left: 40px;
    position: relative;
    height: 100%;
    line-height: 60px;
}
.headLeft li a{
    font-size: 16px;
    color: #FFFFFF;
}
.headLeft .navig>li>a{
    height: 58px;
}
.headLeft .navig .active>a{
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}
.subNav{
    position: absolute;
    width: 138px;
    background: rgba(0,0,0,.36);
    padding: 10px 0px;
    left: -20px;
    display: none;
}
.subNav li{
    padding-left: 16px;
    line-height: 34px;
}
.subNav li a{
    color: rgba(255,255,255,.76);
}
.headLeft .navig>li:hover .subNav{
    display: block;
}
.headSear{
    width: 286px;
    height: 40px;
    background: rgba(240,240,240,.25);
    border-radius: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin-right: 22px;
}
.headSear input{
    width: 246px;
    padding-left: 15px;
    box-sizing: border-box;
    color: #ffffff;
}
.headSear input::placeholder{
    color: #B3B3B3;
}
.headSear i{
    cursor: pointer;
}
.headBtn{
    width: 100px;
    height: 40px;
    background: #C22A40;
    border-radius: 6px;
    display: flex;
    color: #ffffff;
    justify-content: center;
    line-height: 40px;
}
.headBtn span{
    display: inline-block;
    padding: 0px 5px;
}
.headBtn a{
    color: #ffffff;
}
.headFixed{
    position: fixed;
}
.welcome{
    display: flex;
}
.welcome span{
    width: 100px;
    padding-right: 5px;
    box-sizing: border-box;
    text-align: center;
    color: #ffffff;
    height: 19px;
}
.welcome a{
   display: inline-block;
    color: #e6e6e6;
    font-size: 14px;

}
.sweep{
    height: 100%;
    color: #FFFFFF;
    line-height: 60px;
    margin-right: 50px;
    cursor: pointer;
    position: relative;
}
.sweep>img{
    vertical-align: middle;
    margin-right: 3px;
}
.swYard{
    position: absolute;
    top: 60px;
    left: -40px;
    padding-top: 8px;
    display: none;
}
.swYard img{
    width: 18px;
    height: 10px;
    display: block;
    margin: auto;
}
.awYardCon{
    width: 175px;
    height: 208px;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 16px;
    box-sizing: border-box;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1700);
}
.awYardCon img{
    width: 140px;
    height: 140px;
    margin: auto;
}
.awYardCon p{
    padding-top: 10px;
    color: #333333;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.sweep:hover .swYard{
    display: block;
}
/*白色header*/
.headWhite{
    background: #ffffff;
}
.headWhite .headLogo{
    color: #333333;
}
.headWhite .headLogo i{
    background-position-y: -118px;
}
.headWhite .headLeft li a{
    color: #333333;
}
.headWhite .headLeft .navig .active>a{
    color: #C22A40;
    border-bottom: 2px solid #C22A40;
}
.headWhite .headSear{
    background: #f5f5f5;
}
.headWhite .headSear input{
    color: #333333;
}
.headWhite .headSear input::placeholder{
    color: #666666;
}
.headWhite .subNav{
    background: #ffffff;
    box-shadow: 0px 4px 46px 0px rgba(38,38,45,0.0800);
}
.subNav li:hover a{
    color: #C22A40;
}
.headWhite .headSear i{
    background-position-x: -39px;
}
.headWhite .welcome span{
    color: #333333;
}
.headWhite .welcome a{
    color: #2C91D8;
}
.headWhite .sweep{
    color: #333333;
}
/*首页*/
.box{
    height: auto;
    min-height: 100%;
    margin: 0 auto -178px;
}
.box1{
    padding-bottom: 178px;
}
.banner{
    width: 100%;
    height: 600px;
    position: relative;
    background-image: url("../img/banner.jpg");
    background-size: 100% 100%;
}
.swiper-banner{
    height: 100%;
}
.banner .banImg{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}
.banner .swiper-pagination{
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}
.banner .swiper-pagination .swiper-pagination-bullet{
    width: 43px;
    height: 6px;
    background: #FFFFFF;
    opacity: 0.41;
    border-radius: 3px;
    margin-right: 9px;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
    background: #FFFFFF;
}
.banner .swiper-banner-prev{
    background-image: url("../img/tsprev.png");
}
.banner .swiper-banner-next{
    background-image: url("../img/tsnext.png");
}
.banner .banCon{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin-top: 178px;
}
.banner .banPic{
    width: 244px;
    height: 331px;
    background-image: url("../img/banbg.png");
    background-size: 100% 100%;
    flex-shrink: 0;
}
.banner .banPic img{
    width: 231px;
    height: 323px;
    margin-top: 8px;
    margin-left: 1px;
}
.banner .banTxt{
    color: #FFFFFF;
    margin-left: 48px;

}
.banner .banTxt h3{
    font-size: 36px;
}
.banner .banTxt p{
    width: 607px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 50px;
    line-height: 30px;
}
.classify{
    padding-top: 60px;
    background-image: url("../img/fenleibg.png");
    background-size: 100% 211px;
    background-repeat: no-repeat;
    background-position: 54px 50px;
    padding-bottom: 80px;
}
.homeTitle h4{
    font-size: 30px;
    color: #333333;
    text-align: center;
}
.homeTitle p{
    font-size: 18px;
    font-family: Times New Roman;
    font-weight: bold;
    color: #666666;
    text-align: center;
    padding-top: 10px;
}
.classify .swiper-ify{
    width: 100%;
    height: 245px;
    margin-top: 40px;
}
.classify .swiper-ify .swiper-slide{
    width: 180px !important;
    height: 244px;
    border-radius: 14px;
    overflow: hidden;
}
.classify .swiper-ify .swiper-slide a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.classify .swiper-ify .swiper-slide img{
    width: 100%;
    height: 100%;
}
.classify .ifyTxt{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(23,21,21,.3);
    text-align: center;
}
.classify .ifyTxt h4{
    font-size: 24px;
    color: #FFFFFF;
    margin-bottom: 20px;
    margin-top: 80px;
}
.classify .ifyTxt span{
    color: #FFFFFF;
}
.classify .swiper-button-next{
    width: 68px;
    height: 68px;
    background: rgba(0,0,0,.73) url("../img/flnext.png") center center no-repeat;
    border-radius: 50%;
    margin-top: -34px;
    z-index: 9;
    display: none;
}
.classify .swiper-button-prev{
    width: 68px;
    height: 68px;
    background: rgba(0,0,0,.73) url("../img/flprev.png") center center no-repeat;
    border-radius: 50%;
    margin-top: -34px;
    display: none;
    z-index: 9;
}
.classify .swiper-button-disabled{
    opacity: .75;
}
.classify .swiper-ify:hover .swiper-button-prev{
    display: block;
}
.classify .swiper-ify:hover .swiper-button-next{
    display: block;
}
.classify .swiper-ify .swiper-wrapper {
    transition-timing-function: linear !important;
}
.study{
    width: 100%;
    height: 670px;
    background-image: url("../img/dushubg.png");
    background-size: 100% 100%;
    padding-top: 40px;
    box-sizing: border-box;
}
.study .homeTitle h4,.study .homeTitle p,.nominate .homeTitle h4,.nominate .homeTitle p{
    color: #ffffff;
}
.studyType{
    height: 490px;
    background: rgba(0,0,0,.21);
    box-shadow: 0px 0px 20px 0px rgba(88,113,146,0.0100);
    border-radius: 16px;
    margin-top: 30px;
    padding: 57px;
    box-sizing: border-box;
    display: flex;
}
.studyImg{
    width: 268px;
    height: 376px;
    flex-shrink: 0;
    background: #ffffff;
    padding: 2px;
    box-sizing: border-box;
}
.studyImg img{
    width: 100%;
    height: 100%;
}
.studyTxt{
    margin-left: 50px;
    flex: 1;
}
.studyTxt h4{
    font-size: 28px;
    color: #FFFFFF;
    height: 37px;
}
.studyDtl{
    margin-top: 20px;
}
.studyDtl p{
    color: #FFFFFF;
    opacity: 0.65;
    line-height: 25px;
}
.studyBook{
    margin-top: 30px;
    padding-top: 15px;
    border-top:1px solid rgba(253,254,255,.14);
}
.studyMore{
    width: 70px;
    height: 26px;
    background: #C22A40;
    text-align: center;
    line-height: 26px;
    color: #FFFFFF;
}
.studyBook ul{
    margin-top: 18px;
    display: flex;
}
.studyBook ul li{
    width: 100px;
    margin-right: 33px;
}
.studyBook ul li:last-child{
    margin-right: 0;
}
.stuCover{
    width: 98px;
    height: 136px;
    border: 2px solid transparent;
    box-sizing: border-box;
}
.stuCover img{
    width: 100%;
    height: 100%;
}
.studyBook ul li p{
    color: #FFFFFF;
    margin-top: 10px;
    height: 19px;
}
.studyBook ul li:hover .stuCover{
    border: 2px solid #C22A40;
}
.studyBook ul li:hover p{
    color: #C22A40;
}
.nominate{
  padding: 80px 0px;
    background-image: url("../img/mrts.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.sugVid{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.sugVid li{
    width: 338px;
    height: 192px;
    box-shadow: 0px 0px 20px 0px rgba(88,113,146,0.0100);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-right: 43px;
}
.sugVid li:nth-child(3n){
    margin-right: 0;
}
.sugVid li a,.sugVid li a>img{
    width: 100%;
    height: 100%;
}
.nomTxt{
    position: absolute;
    width: 100%;
    height: 123px;
    background: linear-gradient(0deg, rgba(3,0,0,0.8900) 0%, rgba(0,0,0,0) 100%);
    border-radius: 10px;
    bottom: 0;
    left: 0;
    text-align: center;
}
.nomTxt p{
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    margin-top: 50px;
    padding: 0px 20px;
    height: 19px;
}
.dailyCatch{
    height: 670px;
    padding: 40px;
    box-sizing: border-box;
}
.dailyCont{
    width: 1300px;
    margin: auto;
    height: 490px;
}
.dailyCont .swiper-button-prev{
    background-image: url("../img/prev.png");
    width: 34px;
    height: 58px;
    margin-top: -29px;
}
.dailyCont .swiper-button-next{
    background-image: url("../img/next.png");
    width: 34px;
    height: 58px;
    margin-top: -29px;
}
.dailyCont .swiper-daily{
    height: 490px;
    background: #F7F7F7;
    border-radius: 16px;
    padding: 57px;
    box-sizing: border-box;
}
.dailyCont .dailyImg{
    width: 268px;
    height: 376px;
    background: #ffffff;
    padding: 2px;
    box-sizing: border-box;
    flex-shrink: 0;
}
.dailyCont .dailyImg img{
    width: 100%;
    height: 100%;
}
.dailyCont .dailyDisk img{
    width: 66px;
    height: 250px;
    margin-top: 67px;
    flex-shrink: 0;
}
.dailyCont .swiper-slide {
    justify-content: flex-start;
    align-items: flex-start;
}
.dailyCont .dailyText{
    margin-left: 30px;
    flex: 1;
}
.dailyCont .dailyText h4{
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
    height: 37px;
}
.dailyCont .dailyText p{
    color: #666666;
    line-height: 26px;
}
.dailyCont .dailyText ul{
    flex-wrap: wrap;
    margin-top: 20px;
}
.dailyCont .dailyText li{
    width: 290px;
    height: 56px;
    background: #E6E6E6;
    border-radius: 6px;
    margin-bottom: 25px;
    padding: 0px 17px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.dailyCont .dailyText li a{
    font-weight: bold;
    color: #333333;
    height: 30px;
    line-height: 30px;
}
.dailyCont .dailyText li i{
    margin-right: 13px;
    vertical-align: middle;
    margin-bottom: 2px;
}
.dailyCont .dailyText li:hover{
    background: rgba(255,255,255,.57);
}
.dailyCont .dailyText li:hover i{
    background-position-x: -45px;
}
.dailyCont .dailyText li:hover a{
    color: #C22A40;
}
.special{
    padding: 80px 0px;
    width: 1300px;
    margin: auto;
}
.special .swiper-slide{
    width: 338px;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
}
.special .swiper-slide img{
    width: 100%;
    height: 100%;
}
.speCon{
    position: relative;
    margin-top: 30px;
}
.speSha{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0,0,0,.53) 0%, rgba(0,0,0,0) 100%);
    box-shadow: 0px 0px 20px 0px rgba(88,113,146,0.0100);
    border-radius: 10px;
}
.speSha p{
    padding: 0px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    height: 21px;
}
.special .swiper-button-prev{
    background-image: url("../img/prev.png");
    width: 34px;
    height: 58px;
    margin-top: -29px;
}
.special .swiper-button-next{
    background-image: url("../img/next.png");
    width: 34px;
    height: 58px;
    margin-top: -29px;
}
.ranking{
    padding: 80px 0px;
    background: #F6F6F6;
}
.ranking .w1100{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.ranking .ranHot{
    width: 524px;
    height: 414px;
    background: linear-gradient(0deg, #514E47 0%, #554435 100%);
    box-shadow: 0px 0px 20px 0px rgba(88,113,146,0.0100);
    border-radius: 10px;
}
.ranking .ranHotCon{
    width: 100%;
    height: 100%;
    background-image: url("../img/meizhou.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding: 34px 25px 0px 25px;
    box-sizing: border-box;
}
.ranking .ranHotCon ul{
    margin-top: 30px;
    display: flex;
    flex-direction:column;
    height: 312px;
    flex-wrap: wrap;
}
.ranking .ranHotCon a{
    display: flex;
    align-items: flex-start;
    color: #FFFFFF;
}
.ranking .ranHotCon li{
    margin-bottom: 25px;
}
.ranking .ranHotCon .ranHotBook{
    width: 60px;
    height: 79px;
    margin: 0px 15px 0px 20px;
}
.ranking .ranHotCon .ranHotBook img{
    width: 100%;
    height: 100%;
}
.ranking .ranHotCon p{
    width: 120px;
    line-height: 25px;
    height: 50px;
}
.ranking .ranWeek{
    background: linear-gradient(0deg, #43506A 0%, #3F4653 100%);
}
.ranking .ranWeek .ranHotCon{
    background-image: url("../img/meiyue.png");
}
/*图书详情*/
.bookBg{
    height: 578px;
    background-image: url("../img/tsbg.png");
    background-size: 100% 100%;
    padding-top: 60px;
    box-sizing: border-box;
}
.step{
    color: #999999;
    display: flex;
    padding: 20px 0px;
}
.step label i{
    margin-right: 5px;
}
.step a{
    color: #999999;
    padding: 0px 5px;
}
.step a:last-child{
    color: #333333;
}
.bookCaner{
    margin-top: 30px;
    align-items: flex-start;
}
.detailVover{
    width: 268px;
    height: 376px;
    padding: 3px;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-left: 35px;
    background: #ffffff;
}
.detailVover img{
    width: 100%;
    height: 100%;
}
.detailTxt{
    width: 747px;
}
.detailTxt h4{
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
}
.detailTxt p{
    color: #666666;
    line-height: 26px;
}
.detailTxt p a{
    color: #2C91D8;
    display: inline-block;
}
.detailTxt .trench{
    width: 100%;
    margin: 15px 0px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.detailTxt .trench b{
    color: #050505;
    font-size: 24px;
}
.detailTxt .trench b{
    color: #050505;
    font-size: 24px;
}
.detailTxt .trench b span{
    font-size: 16px;
    margin-right: 5px;
}
.detailTxt .purchase{
    padding: 7px 0px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin: 14px 0px;
}
.detailTxt .purchase label{
    color: #666666;
}
.detailTxt .purchase span{
    color: #333333;
    margin-left: 25px;
    display: inline-block;
    cursor: pointer;
}
.detailTxt .purchase span img{
    padding-right: 5px;
    vertical-align: text-bottom;
}
.detailTxt .handBtn a{
    width: 150px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    color: #FFFFFF;
    margin-right: 14px;
}
.detailTxt .handBtn .admission{
    background: #333333;
}
.detailTxt .handBtn .emption{
    background: #C22A40;
}
.detailTxt .handBtn .emAudio{
    background: #AB2A3C;
}
.quant{
    padding-top: 20px;
}
.quant span{
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #999999;
    display: inline-block;
    padding: 0px 18px;
    border-right: 1px solid #CCCCCC;
    cursor: pointer;
}
.quant span:first-child{
    padding-left: 0;
}
.quant span:last-child{
    border: none;
}
.quant span i{
    vertical-align: bottom;
    margin-right: 5px;
}
.quant label{
    cursor: pointer;
}
.quant .acted{
    color: #C22A40;
}
.quant .acted i{
    background-position-x: -29px;
}
.bookBrief{
    width: 250px;
    min-height: 376px;
    background: linear-gradient(0deg, #F4F4F4 0%, #DFDFDF 100%);
    box-shadow: 0px 0px 20px 0px rgba(88, 113, 146, 0.01);
    padding: 20px;
    box-sizing: border-box;
}
.bookBrief b{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
    display: block;
}
.bookBrief p{
    color: #333333;
    line-height: 32px;
}
.logue{
    width: 826px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(88, 113, 146, 0.01);
    position: relative;
}
.logue .logueHead{
    width: 81px;
    height: 40px;
    background: #C22A40;;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
}
.logue .cataList{
    padding: 18px 30px;
}
.logue ul li p{
    padding: 20px 8px;
    border-bottom: 1px solid #F5F5F5;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;

}
.logue ul li p a{
    flex: 1;
    color: #1A1A1A;
}
.logue ul li i{
    margin-right: 13px;
    flex-shrink: 0;
}
.logue ul li .rotate i{
    transform: rotate(90deg);
}
.logue .subCata{
    display: none;
}
.logue .subCata li p{
    color: #666666;
    padding-left: 55px;
}
/*专题列表*/
.topic{
    background: url("../img/special.png") center 120px no-repeat,url("../img/ztbg.png") no-repeat;
    background-size: 1881px 335px,100% 268px;
    padding-top: 60px;
    min-height: 450px;
}
.topFea{
    font-size: 38px;
    color: #FFFFFF;
    margin-top: 53px;
}
.topicList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 48px;
}
.topicList li{
    width: 338px;
    height: 200px;
    box-shadow: 0px 0px 20px 0px rgba(88,113,146,0.0100);
    border-radius: 10px;
    overflow: hidden;
    margin-right: 43px;
    position: relative;
    margin-bottom: 42px;
}
.topicList li img{
    width: 100%;
    height: 100%;
}
.topicList li:nth-child(3n){
    margin-right: 0;
}
/*专题详情*/
.topicDet{
    min-height: 730px;
    background-image: url("../img/ztxqbg.png");
    background-size: 100% 730px;
    background-repeat: no-repeat;
    padding-top: 60px;
    box-sizing: border-box;
}
.topTeal{
    margin: 65px auto auto;
    height: 85px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
.topTeal p{
    display: inline-block;
    line-height: 85px;
    font-size: 44px;
    padding: 0px 70px;
    background: url("../img/ztbt1.png") left top no-repeat,url("../img/ztbt.png") right bottom no-repeat;
    background-size: 29px 29px;
}
.topIntro{
    width: 835px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    margin: 50px auto;
    line-height: 34px;
}
.topView{
    display: flex;
    flex-wrap: wrap;
}
.topView li{
    border-radius: 6px;
    margin-bottom: 24px;
    margin-right: 27px;
    padding: 13px 15px;
    box-sizing: border-box;
    width: 198px;
    background: #FCFCFC;
    height: 278px;
}
.topView li:nth-child(5n){
    margin-right: 0;
}
.topView li .viewImg{
    margin: auto;
    width: 136px;
    height: 188px;
    position: relative;
    box-shadow: 0px 0px 8px 0px rgba(17,17,17,0.1900);
}
.viewImg img{
    width: 100%;
    height: 100%;
}
.topView li p{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
    margin-top: 20px;
    height: 44px;
}
/*搜索结果*/
.searResult{
    padding: 60px 90px 0px 90px;
}
/*左侧菜单*/
.zkcont {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.zkmenu {
    width: 222px;
    flex-shrink: 0;
}
.sameH3 {
    height: 40px;
    line-height: 40px;
    background: #C22A40;
    font-size: 16px;
    color: white;
    font-weight: normal;
    padding-left: 15px;
}
.asidePanel {
    margin-bottom: 16px;
}
.asidePanel ul {
    background: white;
}
.aside_ul3 li h3 span{
    width: 175px;
}
.aside_ul3 li h3, .aside_ul3 li a {
    border-bottom: 1px solid #ebebeb;
}
.aside_ul3 li h3, .aside_ul3 li h4 {
    height: 40px;
    line-height:40px;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    position: relative;
    cursor: pointer;
    padding-left: 15px;
}
.aside_ul3 li h3 .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
}
.aside_ul3 li p {
    display: none;
}
.aside_ul3 li p a {
    height: 40px;
    line-height:40px;
    color: #4D4D4D;
    background: #F2F2F2;
    padding-left: 30px;
}
.aside_ul3 li p a:hover{
    color: #C22A40;
}
.aside_ul3 li .active .icon {
    transform: rotate(180deg);
}
.aside_ul3 li .active ,.aside_ul3 .active h3{
    color: #C22A40;
}
.asideNum{
    font-size: 12px;
    color: #999999;
    padding-left: 5px;
}
.ancient {
    flex: 1;
    margin-left: 32px;
}
.an_head {
    font-size: 14px;
    color: #333333;
}
.an_head b {
    margin-right: 20px;
    font-size: 16px;
}
.an_head span {
    color: #CD2022;
}
.resuRight{
    flex: 1;
    margin-left: 37px;
}
.jhsPattern label{
    color: #666666;
}
.jhsPattern label b{
    font-size: 18px;
    color: #140000;
    margin-right: 20px;
}
.jhsPattern .jhsPaSearch{
    width: 224px;
    height: 34px;
    line-height: 34px;
    background: #FFFFFF;
    padding-left: 10px;
    box-sizing: border-box;
    box-shadow: 0px 4px 6px 0px rgba(36,36,36,0.1100);
}
.jhsPattern .jhsPaSearch a{
    display: inline-block;
    width: 40px;
    height: 34px;
    background: #999999;
    text-align: center;
}
.jhsPattern .jhsPaSearch i{
    vertical-align: text-bottom;
}
.jhsDigest{
   margin-top: 10px;
}
.jhsDigest li{
    margin-bottom: 20px;
    background: #FFFFFF;
    padding: 18px;
    position: relative;
    display: flex;
    box-shadow: -1px 2px 10px 0px rgba(1,1,1,0.0600);
}
.jhsDigest .digImg{
    width: 170px;
    height: 238px;
    text-align: center;
    flex-shrink: 0;
    box-shadow: 0px 0px 8px 0px rgba(17,17,17,0.1900);
}
.jhsDigest .digImg img{
    width: 100%;
    height: 100%;
}
.jhsDigest .digTxt{
    flex: 1;
    margin-left: 25px;
}
.jhsDigest .digTxt h4{
    font-size: 22px;
    height: 29px;
    color: #333333;
    margin-bottom: 10px;
    margin-right: 70px;
    font-weight: bold;
}
.jhsDigest .digTxt p{
    color: #666666;
    line-height: 26px;
}
.jhsDigest .digTxt p label{
    color: #999999;
}
.jhsDigest .digTxt p span{
    color: #2C91D8;
}
.jhsDigest .digTxt a{
    width: 120px;
    height: 37px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #666666;
    text-align: center;
    line-height: 37px;
    margin-top: 20px;
}
.jhsDigest .digTxt a:hover{
    background: #C22A40;
    color: #FFFFFF;
}
.jhsDigest .vertCol{
    text-align: center;
    line-height: 30px;
    background: #FFFFFF;
    font-size: 14px;
    color: #666666;
    position: absolute;
    top: 15px;
    right: 17px;
    box-sizing: border-box;
    cursor: pointer;
}
.jhsDigest .vertCol i{
    vertical-align: middle;
    margin-right: 2px;
    margin-bottom: 4px;
}
.jhsDigest .vertCol.acted{
    color: #C22A40;
}
.jhsDigest .vertCol.acted i{
    background-position-x: -29px;
}
.jhsAuList .digImg{
    width: 238px;
    height: 238px;
    background: #F0F0F0;
    text-align: center;
    padding: 12px;
    box-sizing: border-box;
    box-shadow: none;
}
.jhsAuList .digImg img{
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.jhsAuList .digTxt a{
    margin-top: 40px;
}
.jhsViList a{
    display: flex;
    width: 100%;
}
.jhsViList .digImg{
    width: 240px;
    height: 134px;
    box-shadow: none;
    position: relative;
}
.jhsViList .digImg .masPause{
    position: absolute;
    background-image: url("../img/ship.png");
    width: 38px;
    height: 38px;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    margin-top: -19px;
    margin-left: -19px;
}
.jhsViList .digTxt{
    padding-right: 70px;
}
.jhsViList .digTxt h4{
    font-size: 18px;
    margin-right: 0;
}
.jhsViList .digTxt p{
    color: #666666;
}
.patType span{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #140000;
    margin-right: 35px;
    cursor: pointer;
}
.patType .active{
    color: #C22A40;
}
.patFilter{
    height: 42px;
    background: #F0F0F0;
    border-top: 1px solid #CCCCCC;
    margin-bottom: 20px;
    padding: 0px 10px;
}
.patFilter p{
    color: #666666;
}
.patFilter .patCriteria{
    display: flex;
    align-items: center;
}
.patFilter .patSort span{
    margin-right: 10px;
    cursor: pointer;
}
.patFilter .patSort span i{
    vertical-align: middle;
    margin-bottom: 1px;
    margin-left: 4px;
    opacity: 0;
}
.patSort .desOrder i{
    background-position-x: -96px;
}
.patFilter .patSort .active i{
    opacity: 1;
}
.patFilter .patPress{
    margin-left: 30px;
}
.patFilter .patPress span{
    margin-left: 20px;
    cursor: pointer;
}
.patFilter .patPress span i{
    margin-right: 5px;
    vertical-align: middle;
}
.patFilter .patSort .active,.patFilter .patPress .active{
    color: #C22A40;
}
.patFilter .patPress .active i{
    background-position-x: -109px;
}
.patFull li{
    padding: 20px 25px;
}
    /*书城*/
.bookMall{
    height: 728px;
    background-image: url("../img/shucbg.png");
    background-size: 100% 100%;
    padding-top: 100px;
    box-sizing: border-box;
}
.bookMall .homeTitle h4,.bookMall .homeTitle p{
    color: #ffffff;
    text-shadow: 2px 3px 21px rgba(0,0,0,.73);
}
.recent{
    background: #ffffff;
    padding-bottom: 50px;
}
.mallHead{
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #333333;
    border-left: 6px solid #C22A40;
    padding-left: 12px;
}
.reClassify,.featured{
    padding-top: 46px;
}
.classifyList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;

}
.classifyList li{
    width: 136px;
    height: 54px;
    background: #F5F5F5;
    text-align: center;
    line-height: 54px;
    margin-bottom: 16px;
    margin-right: 24px;
}
.classifyList li:nth-child(7n){
    margin-right: 0;
}
.classifyList li a{
    font-size: 16px;
    color: #333333;
}
.classifyList li:hover{
    background: #C22A40;
}
.classifyList li:hover a{
    color: #ffffff;
}
.featured>.flex{
    margin-top: 35px;
}
.featStrip{
   display: flex;
}
.featStrip .featImg{
    width: 167px;
    height: 161px;
    background-image: url("../img/jxbg.png");
    background-size: 131px 20px;
    background-repeat: no-repeat;
    padding-top: 20px;
    box-sizing: border-box;
}
.featStrip .featBg{
    background: #f7f7f7;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.featStrip .featImg img{
    max-width: 100%;
    max-height: 100%;
}
.featStrip .featTxt{
    width: 350px;
    height: 140px;
    border-radius: 10px;
    margin-left: 10px;
    margin-top: 22px;
    padding: 30px 23px;
    box-sizing: border-box;
}
.featStrip .featTxt h4{
    font-size: 18px;
    color: #1A1A1A;
    height: 24px;
}
.featStrip .featTxt p{
    color: #666666;
    line-height: 24px;
    margin-top: 20px;
    height: 48px;
}
.featStrip .feat1{
    background: linear-gradient(-45deg, #F3DAC7 0%, #DCB296 100%);
}
.featStrip .feat2{
    background: linear-gradient(-45deg, #DCCCCC 0%, #CDCDDC 100%);
}
.projectBook{
    background: #f7f7f7;
    padding: 50px 0px;
}
.projectCon{
    display: flex;
    flex-wrap: wrap;
}
.projectCon .projuNum{
    margin-top: 30px;
    width: 535px;
}
.projectCon .projuNum:nth-child(2n){
    margin-left: 30px;
}
.projuNum .protCap{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
}
.projuNum .protCap i{
    margin-right: 8px;
}
.projuNum ul{
    display: flex;
}
.projuNum li{
    width: 164px;
    height: 305px;
    background: #FFFFFF;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 20px;
}
.projuNum li:last-child{
    margin-right: 0;
}
.projuNum .proNumCove{
    width: 100%;
    height: 197px;
    box-shadow: 0px 0px 8px 0px rgba(17,17,17,0.1900);
}
.projuNum .proNumCove img{
    width: 100%;
    height: 100%;
}
.projuNum li h4{
    font-size: 16px;
    color: #222222;
    line-height: 24px;
    margin-top: 10px;
    height: 48px;
}
.projuNum li p{
    font-size: 12px;
    color: #999999;
    margin-top: 10px;
    height: 16px;
}
.ranBill{
    padding: 40px 0px;
    background: #ffffff;
}
.ranBill .w1100{
    margin-top: 0;
}
.ranBill .mallHead{
    margin-bottom: 30px;
}
/*分类*/
.filtrate{
    min-height: 160px;
    padding-top: 60px;
    background-image: url("../img/fenlbg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.filtrate .w1100{
    padding: 20px 0px
}
.filItem{
    padding: 15px 0px;
    border-bottom: 1px solid rgba(255,255,255,.09);
    display: flex;
    align-items: center;
}
.filItem label{
    display: block;
    flex-shrink: 0;
    color: rgba(255,255,255,.57);
    font-weight: bold;
}
.filItem ul{
    display: flex;
    flex-wrap: wrap;
}
.filItem ul li{
    padding: 8px 16px;
    border-radius: 4px;;
    color: #FFFFFF;
    margin-left: 10px;
    cursor: pointer;
}
.filItem ul .active{
    background: #C22A40;
}
.filLevel{
    border-bottom: none;
}
.filLevel ul{
    margin-left: 42px;
}
.filUl{
    margin-top: 25px;
}
.viewHint{
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 62px;
    height: 26px;
    background: rgba(0,0,0,.68);
    border-radius: 13px;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    box-shadow: 0px 0px 8px 0px rgba(17,17,17,0.1900);
}
.viewHint i{
    margin-right: 3px;
    vertical-align: middle;
    margin-bottom: 3px;
}
.filUlCon li{
    margin-bottom: 38px;
}
/*支付*/
.payPage{
   padding-top: 97px;
}
.orderNum{
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}
.payPage .jhsDigest{
    margin-top: 25px;
}
.payPage .jhsDigest li{
    box-shadow: none;
    margin-bottom: 10px;
}
.payPage .jhsDigest .digImg{
    width: 136px;
    height: 190px;
}
.payPage .jhsDigest .digTxt h4{
    font-size: 18px;
    margin: 10px 0px;
    height: 24px;
}
.payment{
    padding: 30px 20px;
    background: #FFFFFF;
}
.payment b{
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
}
.payment .payMode{
    display: flex;
    margin-top: 30px;
    margin-left: 15px;
}
.payment .payMode p{
    width: 290px;
    height: 132px;
    background: #FFFFFF;
    border: 4px solid #E6E6E6;
    text-align: center;
    margin-right: 24px;
    line-height: 132px;
    color: #333333;
    font-size: 24px;
    cursor: pointer;
}
.payment .payMode p img{
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 5px;
}
.payment .payMode .active{
    border: 4px solid #C22A40;
}
.disburse{
    margin-top: 10px;
    padding: 25px 30px;
    background: #ffffff;
    text-align: right;
}
.disburse .gross{
    font-size: 18px;
    color: #999999;
}
.disburse b{
    font-size: 26px;
    color: #333333;
    padding: 10px 0px 20px 0px;
    display: block;
}
.disburse b span{
    color: #808080;
}
.dealWith{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.dealWith span{
    color: #666666;
    font-size: 16px;
    margin-right: 18px;
    display: flex;
    align-items: center;
}
.dealWith span a{
    color: #1E93CD;
    display: inline-block;
}
.dealWith span input{
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 8px;
}
.dealWith span input::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 3px solid #CCCCCC;
    box-sizing: border-box;
}
.dealWith span input[type='checkbox']:checked::after{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: #C22A40 url("../img/duigou.png") center center no-repeat;
}
.dealWith .dealSubmit{
    width: 128px;
    height: 46px;
    background: #C22A40;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
}
/*付款*/
.padTop{
    padding-top: 104px;
}
.payHead{
    font-size: 24px;
    color: #333333;
}
.payHead img{
    width: 79px;
    height: 69px;
    margin-right: 14px;
    vertical-align: middle;
    margin-bottom: 10px;
}
.padTop h4{
    color: #333333;
    font-size: 22px;
    margin: 30px 0px;
}
.sweepBox{
    background: #ffffff;
    padding: 35px;
    text-align: center;
}
.sweepBox p{
    width: 360px;
    height: 360px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    margin: auto;
    padding: 40px 35px;
    box-sizing: border-box;
}
.sweepBox p img{
    width: 100%;
    height: 100%;
}
.sweepBox b{
    font-size: 18px;
    color: #333333;
    margin-top: 30px;
    display: inline-block;
}
/*支付成功*/
.paySuccess{
    height: 178px;
    background: #FFFFFF;
    padding-left: 50px;
    display: flex;align-items: center;
    margin-bottom: 25px;
}
.paySuccess b{
    font-size: 30px;
    color: #000000;
    margin-left: 33px;
}
/*视频*/
.banVid{
    width: 100%;
    min-height:642px;
    background-image: url("../img/shipbg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 90px;
    box-sizing: border-box;
}
.banVid .swiper-container{
    height: 552px;
}
.videoCont{
    width: 1200px;
    margin:auto;
    position: relative;
    padding-bottom: 70px;
}
.banVid .swiper-container{
    width: 981px !important;
    margin: auto;
}
.banVid .swiper-slide img{
    width: 100%;
    height: 100%;
}
.banVid .swiper-button-next{
    width: 33px;
    height: 58px;
    background:url("../img/next.png") no-repeat;
    margin-top: -70px;
}
.banVid .swiper-button-prev{
    width: 33px;
    height: 58px;
    background:url("../img/prev.png") no-repeat;
    margin-top: -70px;
}
.banVid .swiper-pagination{
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
}
.banVid .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,.45);
    border-radius: 50%;
    margin-right: 12px;
    opacity: 1;
}
.banVid .swiper-pagination-bullet-active{
    width: 40px;
    height: 8px;
    background: #FFFFFF;
    border-radius: 4px;
}
.banVid .swiperText{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 155px;
    background: linear-gradient(0deg, rgba(3,0,0,.68) 0%, rgba(0,0,0,0) 100%);
}
.banVid .swiperText h4{
    font-size: 24px;
    color: #ffffff;
    padding: 0px 30px;
    position: absolute;
    bottom: 40px;
}
.banVid .videoPause{
    width: 83px;
    height: 83px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -61.5px;
    margin-left: -41.5px;
    cursor: pointer;
}
.banVid .videoPause img{
    width: 100%;
    height: 100%;
}
.videoHot{
    background: #F5F5F5;
    padding-bottom: 50px;
}
.videoTop{
    width: 525px;
    height: 455px;
    margin-bottom: 20px;
}
.videoHot .top1{
    background-image: url("../img/vizhou.png");
    background-size: 100% 100%;
}
.videoHot .top2{
    background-image: url("../img/viyue.png");
    background-size: 100% 100%;
}
.videoTop .vieTopHeader{
    margin-top: 30px;
    margin-left: 20px;
}
.videoTop .sugVid{
    margin-left: 30px;
}
.videoTop .sugVid li{
    width: 220px;
    height: 124px;
    margin-right: 25px;
    margin-bottom: 25px;
}
.videoTop .nomTxt p{
    font-size: 16px;
    margin-top: 24px;
}
.videoTop .nomTxt{
    height: 88px;
    background: linear-gradient(0deg, rgba(0,0,0,0.7300) 0%, rgba(255,255,255,0) 100%);
}
/*视频详情*/
.w1200{
    width: 1200px;
    margin: auto;
}
.videoPlay{
    width: 918px;
    height: 516px;
    position: relative;
}
.videoPlay video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videoMenu{
    width: 250px;
    height: 516px;
    background: #141414;
}
.videoMenu p{
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-left: 14px;
    border-left: 4px solid rgba(255,255,255,.34);
    line-height: 16px;
}
.videoMenu ul{
    margin-top: 15px;
    height: 410px;
    overflow-y: auto;
}
.videoMenu li{
    height: 44px;
    background: #141414;
    border-bottom: 1px solid #333333;
    line-height: 44px;
    color: #B3B3B3;
    padding: 0px 20px;
    cursor: pointer;
}
.videoMenu li i{
    margin-right: 9px;
}
.videoMenu li .icon13{
    vertical-align: middle;
    margin-bottom: 3px;
}
.videoMenu ul .active{
    background: rgba(194,42,64,.48);
    color: #ffffff;
}
.videoMenu .scrol::-webkit-scrollbar-track{
    background: #333333;
}
.videoMenu .scrol::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,.1);
}
.videoMenu .universe{
    width: 228px;
    height: 40px;
    background: #C22A40;
    box-shadow: 0px 1px 0px 0px #333333;
    margin: 5px auto auto;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
}
.videoMenu .universe b{
    font-size: 16px;
    margin-right: 8px;
}
.viDucing{
    padding: 40px 0px;
}
.viDucing h4{
    font-size: 28px;
    color: #333333;
}
.synopsis{
    background: #F7F7F7;
    margin-top: 40px;
}
.synopsis label{
    width: 80px;
    height: 40px;
    background: #C22A40;
    text-align: center;
    line-height: 40px;
    display: block;
    color: #FFFFFF;
    font-size: 16px;
}
.synopsis p{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    padding: 30px 50px;
}
/*听书*/
.recommendAudio{
    height: 728px;
    background-image: url("../img/tingsbg.png");
    background-size: 100% 100%;
    padding: 100px 0px 0px 0px;
}
.recommendAudio .dailyCont .swiper-daily{
    background: rgba(0,0,0,.21);
}
.recommendAudio .homeTitle h4,.recommendAudio .homeTitle p{
    color: #ffffff;
    text-shadow: 2px 3px 21px rgba(0,0,0,.73);
}
.recommendAudio .dailyCont .dailyText h4{
    color: #ffffff;
}
.recommendAudio .dailyCont .dailyText p{
    color: rgba(255,255,255,.65);
}
.recommendAudio .dailyCont .dailyText li{
    background: rgba(0,0,0,.14);
}
.recommendAudio .dailyCont .dailyText li a{
    color: #ffffff;
}
.recommendAudio .dailyCont .swiper-button-prev{
   background-image: url("../img/tsprev.png");
}
.recommendAudio .dailyCont .swiper-button-next{
    background-image: url("../img/tsnext.png");
}
.listenBook{
    padding: 50px 0px;
}
.listenList{
    margin-top: 65px;
}
.listenStrap{
    width: 528px;
    height: 140px;
    border-radius: 10px;
    position: relative;
}
.listenStrap a{
    width: 100%;
    height: 100%;
    display: flex;
}
.listenStrap .listenImg{
    width: 110px;
    height: 154px;
    position: absolute;
    top: -32px;
    left: 30px;
    flex-shrink: 0;
}
.listenStrap .listenImg img,.casual li .casualImg img{
    width: 100%;
    height: 100%;
}
.listenStrap .listenText{
    flex: 1;
    margin-left: 164px;
    padding-right: 30px;
}
.listenStrap .listenText h4{
    font-size: 18px;
    font-weight: bold;
    color: #1A1A1A;
    margin-top: 30px;
    height: 24px;
}
.listenStrap .listenText p{
    color: #666666;
    line-height: 24px;
    height: 48px;
    margin-top: 15px;
}
.listen1{
    background: linear-gradient(-45deg, #F3DAC7 0%, #DCB296 100%);
}
.listen2{
    background: linear-gradient(-45deg, #DCCCCC 0%, #CDCDDC 100%);
}
.casual{
    background-image: url("../img/sbtt.png");
    background-size: 100% 100%;
    padding: 50px 0px;
}
.casual ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 65px;
}
.casual li{
    width: 350px;
    height: 140px;
    background: #FFFFFF;
    border-radius: 6px;
    margin-bottom:60px;
    margin-right: 25px;
    position: relative;
}
.casual li a{
    width: 100%;
    height: 100%;
    display: flex;
}
.casual li:nth-child(3n){
    margin-right: 0;
}
.casual .casualImg{
    width: 110px;
    height: 153px;
    position: absolute;
    top: -32px;
    left: 30px;
    flex-shrink: 0;
    box-shadow: 0px 0px 8px 0px rgba(17,17,17,0.1900);
}
.casual .casualText{
    flex: 1;
    margin-left: 150px;
    padding-right: 15px;
}
.casual .casualText h4{
    font-size: 16px;
    font-weight: bold;
    color: #1A1A1A;
    line-height: 24px;
    margin-top: 15px;
    height: 48px;
}
.casual .casualText p{
    color: #999999;
    line-height: 22px;
    height: 44px;
    margin-top: 10px;
}
/*音频书详情*/
.audioBookBg{
    height: 578px;
    background-image: url(../img/ypsxq.png);
    background-size: 100% 100%;
    padding-top: 60px;
    box-sizing: border-box;
}
.audioCaner{
    align-items: center;
    justify-content: flex-start;
}
.audioCaner .detailTxt{
    margin-left: 50px;
    width: 675px;
}
.audioCaner .audioDial{
     width: 71px;
    height: 256px;
}
.audioCaner .audioDial img{
    width: 100%;
    height: 100%;
}
.audioList{
    padding: 20px 30px 0px 30px;
    margin-bottom: 70px;
    height: 230px;
    overflow: hidden;
}
.audioList li{
    height: 56px;
    border-bottom: 1px solid #F5F5F5;
    cursor: pointer;
    justify-content: flex-start;
}
.audioList .playBack{
    font-size: 12px;
    color: #C22A40;
    border: 1px solid #C22A40;
    width: 40px;
    text-align: center;
    height: 22px;
    line-height: 22px;
}
.audioList .playCharge{
    color: #FFFFFF;
    background: #C22A40;
}
.logue .audioList li p{
    font-size: 16px;
    color: #1A1A1A;
    margin-left: 18px;
    width: 555px;
    height: 21px;
    padding: 0 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    display: inline-block;
}
.audioList li label{
    color: #999999;
    flex: 1;
    text-align: center;
}
.audioList li label span{
    margin: 0px 5px;
}
.player{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 54px;
    background: #F1F3F4;
    box-shadow: 0px 4px 26px 0px #d2d2d2;
}
.playerCont{
    display: flex;
    align-items: flex-end;
    height: 100%;
    padding-left: 30px;
}
.playAudio{
    width: 900px;
    padding-bottom: 3px;
}
.playAudio p{
    font-size: 12px;
    color: #333333;
    padding:0px 50px;
    margin-bottom: 5px;
}
.playerCont audio{
    height: 20px;
    width: 100%;
}
.audioMenu{
    margin-left: 25px;
    cursor: pointer;
    height: 16px;
    margin-bottom: 8px;
}
.playCut{
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 8px;
}
audio::-internal-media-controls-download-button {
    display:none;
}
audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}
audio::-webkit-media-controls-panel {
    width: calc(100% + 35px);
}
.loadMore{
    font-size: 14px;
    color: #666666;
    height: 174px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.loadMore p{
    cursor: pointer;
}
.loadMore p i{
    transform: rotate(180deg);
    margin-bottom: 5px;
    margin-left: 5px;
}
.loadMore .active i{
    transform: rotate(0deg);
}
/**/
.catalogue{
    position: absolute;
    left: 0;
    right: 0;
    top: -360px;
    height: 360px;
    background: #dfdfdf;
    border-radius: 10px 10px 0px 0px;
    padding: 28px 30px;
    box-sizing: border-box;
}
.catalogue h3{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
}
.catalogue ul{
    padding-top: 24px;
    height: 240px;
    overflow-y: auto;
}
.catalogue li{
    margin-bottom: 30px;
    font-weight: bold;
    height: 19px;
    display: flex;
    cursor: pointer;
}
.catalogue li p{
    color: #333333;
    margin-left: 25px;
    width: 1000px;
}
.catalogue li:hover p{
    color: #C22A40;
}
.catalogue .active p{
    color: #C22A40;
}
/*登录*/
.logIn{
    width: 406px;
    margin: auto;
    padding-top: 5%;
}
.logLogo{
    text-align: center;
}
.logCon{
    width: 406px;
    background: #FFFFFF;
    box-shadow: 0px 6px 24px 0px rgba(76,76,76,0.1900);
    border-radius: 6px;
    padding: 30px;
    box-sizing: border-box;
    margin-top: 30px;
}
.logTab{
    display: flex;
    justify-content: space-around;
    padding-bottom: 22px;
}
.logTab span{
    font-size: 20px;
    color: #333333;
    padding-bottom: 18px;
    display: inline-block;
    cursor: pointer;
}
.logTab .active{
    border-bottom: 3px solid #C22A40;
    color: #C22A40;
}
.logForm .logInput{
    margin-bottom: 20px;
}
.logForm .inputError{
    font-size: 12px;
    color: #C22A40;
    padding-top: 5px;
}
.logForm .logInput input{
    width: 100%;
    height: 48px;
    background: #F5F5F5;
    border-radius: 4px;
    padding-left: 17px;
    box-sizing: border-box;
}
.logForm .logInput input::placeholder{
    color: #B3B3B3;
}
.logForm .logAction a{
    color: #2C91D8;
    display: inline-block;
}
.logForm .logBtn{
    height: 48px;
    background: #C22A40;
    border-radius: 4px;
    text-align: center;
    line-height: 48px;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 30px;
    cursor: pointer;
}
.logWechat{
    padding-top: 30px;
}
.logWechat span{
    display: inline-block;
    flex: 1;
    height: 1px;
    background: #F0F0F0;
}
.logWechat a{
    color: #999999;
    margin: 0px 30px;
    flex-shrink: 0 ;
}
.logWechat a img{
    margin-right: 5px;
    vertical-align: middle;
}
.formCont .logAutn .logFeed{
    flex: 1;
    border-radius: 4px 0px 0px 4px;
}
.formCont .logAutn .authCode{
    color: #31ACF3;
    width: 80px;
    border: none;
    cursor: pointer;
    padding: 0;
    border-radius: 0px 4px 4px 0px;
    text-align: left;
}
/*微信登录*/
.logScan{
    width: 223px;
    height: 223px;
    margin: auto;
}
.logScan img{
    width: 100%;
    height: 100%;
}
.logHint{
    text-align: center;
    color: #999999;
    margin-top: 10px;
    margin-bottom: 20px;
}
.logHint img{
    vertical-align: middle;
    margin-right: 5px;
}
.logWechat i{
    margin-right: 6px;
    vertical-align: middle;
    margin-bottom: 2px;
}
    /*个人信息*/
.personal{
    padding-top: 90px;
    align-items: flex-start;
}
.personLeft{
    width: 176px;
    height: 466px;
    background: #FFFFFF;
    border-radius: 2px;
    padding: 30px 0px;
    box-sizing: border-box;
}
.perPhoto{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}
.perPhoto img{
    width: 100%;
    height: 100%;
}
.personLeft li{
    margin-top: 35px;
}
.personLeft li a{
    width: 80px;
    margin: auto;
    font-size:20px;
    color: #333333;
}
.personLeft .active a{
    color: #C22A40;
}
.personRight{
    width: 910px;
    min-height: 466px;
    background: #FFFFFF;
    border-radius: 2px;
    padding-top: 35px;
    box-sizing: border-box;
}
.personHead{
    font-size: 22px;
    color: #000000;
    font-weight: 500;
    padding: 0px 25px;
}
.formCon{
    padding: 0px 25px 30px 25px;
    margin-top: 44px
}
.perInput{
    margin-bottom: 15px;
}
.perInput label{
    width: 80px;
    color: #808080;
    display: inline-block;
    text-align: right;
}
.perInput input{
    width: 500px;
    height: 44px;
    background: #F7F7F7;
    padding: 0px 18px;
    box-sizing: border-box;
    margin-left: 20px;
}
.perInput input::placeholder{
    color: #999999;
}
.perInput .sex{
    display: inline-block;
}
.perInput p{
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}
.perInput p span{
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #F5F5F5;
    border-radius: 50%;
    color: #1A1A1A;
    text-align: center;
    line-height: 36px;
    margin-right: 10px;
}
.perInput p span i{
    vertical-align: middle;
}
.perInput .sex .active span{
    background: #C22A40;
}
.perInput .sex .active span i{
    background-position-x: -35px;
}
.personSubmit{
    width: 110px;
    height: 40px;
    background: #C22A40;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
    margin-left: 105px;
    margin-top: 20px;
}
.personSubmit:hover{
    color: #FFFFFF;
}
/*购买记录*/
.perHistory{
    padding: 30px 25px 0px 25px;
    border-bottom: 2px solid #F2F2F2;
}
.perTab span{
    display: inline-block;
    font-weight: bold;
    color: #666666;
    margin-right: 50px;
    padding-bottom: 18px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.perTab .active{
    color: #C22A40;
    border-bottom: 2px solid #C22A40;
}
.histNum{
    color: #666666;
    padding: 15px 25px 0px 25px;
}
.recordCont{
    padding: 15px 25px 0px 25px;
}
.recordCont li{
    height: 126px;
    background: #F7F7F7;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}
.recordCont li:hover{
    background: #ffffff;
    box-shadow: -1px 2px 10px 0px rgba(1,1,1,.08);
}
.recordCont li a{
    display: flex;
}
.recordCont .pictureCover{
    width: 76px;
    height: 106px;
    box-shadow: 0px 0px 8px 0px rgba(17,17,17,0.1900);
}
.recordCont .pictureCover img,.masBook .masCover img{
    width: 100%;
    height: 100%;
}
.recordCont .pictureText{
    margin-left: 14px;
}
.recordCont .pictureText h4{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
}
.recordCont .pictureText p{
    margin-top: 30px;
    color: #666666;
}
.soundBook .soundBg{
    width: 27px;
    height: 79px;
    margin-top: 14px;
}
.masBook .masCover{
    width: 180px;
    height: 106px;
    position: relative;
}
.masBook .masCover .masPause{
    position: absolute;
    background-image: url("../img/ship.png");
    width: 38px;
    height: 38px;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    margin-top: -19px;
    margin-left: -19px;
}
/*我的收藏*/
.perOpera .perCheckAll,.perOpera .perDelete{
    font-weight: bold;
    color: #666666;
    margin-right: 24px;
    cursor: pointer;
}
.perOpera .perCheckAll input{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: text-bottom;
    margin-bottom: 1px;
}
.perOpera .perCheckAll input::before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 3px solid #CCCCCC;
    box-sizing: border-box;
}
.perOpera .check input[type='checkbox']:checked::after{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: #C22A40 url("../img/duigou.png") center center no-repeat;
    background-size: 11px 9px;
}
.perOpera .perDelete i{
    margin-right: 6px;
    vertical-align: text-bottom;
    margin-bottom: 1px;
}
.perOpera label{
    font-weight: bold;
    color: #2C91D8;
    cursor: pointer;
}
.recordCont li .eachDelete{
    position: absolute;
    top: 50px;
    right: 45px;
    cursor: pointer;
    display: none;
}
.recordCont li:hover .eachDelete{
    display: block;
}
.choice{
    position: absolute;
    top: 50px;
    right: 45px;
    width: 25px;
    height: 25px;
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    display: none;
}
.choice input{
    width: 100%;
    height: 100%;
}
.choice input::before{
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    box-sizing: border-box;
}
.choice input[type='checkbox']:checked::after{
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    background: #C22A40 url("../img/duigou.png") center center no-repeat;
}
/*关于我们*/
.aboutUs{
    padding: 55px 25px;
}
.aboutUs p{
    margin-bottom: 23px;
    font-size: 16px;
    color: #000000;
}
.aboutUs p i{
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 2px;
}
.aboutUs a{
    color: #2C91D8;
    font-size: 16px;
    display: inline-block;
    margin-left: 30px;
    position: relative;
}
.aboutUs .aboutHover{
    position: absolute;
    width: 506px;
    display: none;
}
.aboutUs .aboutHover img{
    margin-left: 15px;
}
.aboutUs .aboutHover div{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1100);
    border-radius: 6px;
    padding: 25px 30px;
    box-sizing: border-box;
    color: #4D4D4D;
    line-height: 30px;
    margin-top: -14px;
    font-size: 14px;
}
.aboutUs a:hover .aboutHover{
    display: block;
}
    /*激活码*/
.cdkey{
    padding: 64px 67px;
}
.cdkey input{
    width: 380px;
    height: 52px;
    background: #F4F4F4;
    padding-left: 17px;
    font-size: 16px;
}
.cdkey input::placeholder{
    color: #666666;
}
.cdkey p{
    margin-top: 13px;
    color: #999999;
}
.cdkey .activate{
    width: 380px;
    height: 52px;
    background: #C22A40;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 40px;
    cursor: pointer;
}
/*绑定已有账号*/
.binding{
    width: 1200px;
    margin: auto;
}
.binLogo{
    padding-top: 32px;
    margin-left: 5%;
    margin-bottom: 80px;
}
.bonCont{
    width: 556px;
    background: #FFFFFF;
    box-shadow: 0px 6px 24px 0px rgba(76,76,76,0.1900);
    border-radius: 6px;
    padding: 30px 0px;
    margin: auto;
}
.bonCont .logTab{
   border-bottom: 1px solid #F0F0F0;
    padding-bottom: 0px;
}
.bonCont .logTab span{
    color: #666666;
    padding-bottom: 30px;
}
.bonCont .logTab .active {
    border-bottom: 2px solid #C22A40;
    color: #C22A40;
}
.formCont .graphCode input{
    width: 242px;
}
.formCont .graphCode .graphNum{
    width: 111px;
    height: 46px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
}
.formCont .graphCode span{
    cursor: pointer;
    color: #999999;
}
.protocol{
    margin-top: 10px;
}
.protocol input{
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border: 3px solid #DBDBDB;
    vertical-align: middle;
    margin-bottom: 2px;
}
.protocol input::before{
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border: 3px solid #CCCCCC;
    box-sizing: border-box;
}
.protocol input[type='checkbox']:checked::after{
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    background: #C22A40 url("../img/duigou1.png") 3px center no-repeat;
    background-size: 9px 6px;
}
.protocol label{
    color: #999999;
    font-size: 12px;
    margin-left: 6px;
}
.protocol label a{
    display: inline-block;
    color: #2C91D8;
}
/*访问异常*/
.access{
    width: 378px;
    height: 156px;
    background: rgba(255,255,255,.72);
    border-radius: 18px;
    position: relative;
    left: 50%;
    margin-left: -189px;
    top: 260px;
    justify-content: center;
    font-size: 30px;
    color: #666666;
}
.access img{
    margin-right: 11px;
}

.layui-layer-dialog .layui-layer-content {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}
@media screen and (max-width: 1550px){
     .headSear{
       margin-right: 30px;
   }
    .headLeft .navig{
        margin-left: 0;
    }
    .headLeft .navig>li{
        margin-left: 30px;
    }
}
@media screen and (max-width: 1450px){
    .headLeft .navig>li{
        margin-left: 20px;
    }
    .header{
        padding: 0px 50px;
    }
}
@media screen and (max-width: 1300px){
    .headSear{
        width: 230px;
    }
    .headSear input{
        width: 190px;
    }
    .sweep{
        margin-right: 30px;
    }
}