.font45 {
    font-size: 45px;
    line-height: 45px;
}
.container{witdh: 100%;
    min-height: 100%;
    height: auto;}


.box{width:100%;background: #030619 url("../images/bg.jpg") no-repeat center top;background-size: 100% auto;padding-top:93px;min-height: calc(100vh - 110px);}


.title,.title h1,.title p{width:100%;display: block;color:#fff;}
.title h1{font-size: 40px;font-weight:normal;padding-bottom: 5px;line-height: 40px;}
.title p{font-size: 16px;line-height: 36px;}
@media screen and (max-width: 400px) {
    .title h1{font-size:10vw;line-height: 10vw;}
}

.scene-type{width:100%;margin-top:430px;display: block;padding-bottom: 50px;}

.scene-page .scene-type {
    /*background: #030619 url(../images/banner_7f9fbb9.jpg) no-repeat center top;*/
    /*background-size: 100% auto*/
}

.scene-page .scene-type .banner-text {
    padding-top: 93px
}
@media screen and (max-width: 750px) {
    .box{padding-top:12.4vw;}
    .scene-type{margin-top:18.933vw;}
}

.scene-page .scene-type .info-notify {
    margin: 20px 0 90px;
    height: 32px
}

.scene-page .scene-type .scene-content {
    width: 100%;
    max-height: 644px;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    /*border-left: 1px solid #BCBCBC;*/
    /*border: 1px solid #BCBCBC;
    border-right: 0;
    border-bottom: 0*/
}

.scene-page .scene-type .scene-content li {
    float: left;
    width: 25%;
    height: 160px;
    box-sizing: border-box
}
@media screen and (max-width: 750px) {
    .scene-page .scene-type .scene-content li{width: 33.33%;}
}
@media screen and (max-width: 500px) {
    .scene-page .scene-type .scene-content li{width: 50%;}
}

.scene-page .scene-type .scene-content li a, .scene-page .scene-type .scene-content li span {
    display: block
}

.scene-page .scene-type .scene-content li a {
    position: relative;
    width: 100%;
    height: 160px;
    box-sizing: border-box;
    border: 1px solid #BCBCBC;
    border-left: 0;
    border-top: 0
}

.scene-page .scene-type .scene-content li:first-child a{
    border-left: 1px solid #BCBCBC;
}
.scene-page .scene-type .scene-content li:first-child a,.scene-page .scene-type .scene-content li:nth-child(2) a,.scene-page .scene-type .scene-content li:nth-child(3) a,.scene-page .scene-type .scene-content li:nth-child(4) a{
    border-top:1px solid #BCBCBC;
}
@media screen and (max-width: 750px) {
    .scene-page .scene-type .scene-content li:nth-child(4) a{border-top:0;}
}
@media screen and (max-width: 500px) {
    .scene-page .scene-type .scene-content li:nth-child(3) a{border-top:0;}
}

.scene-page .scene-type .scene-content li a .scene-name {
    width: 100%;
    line-height: 18px;
    padding-top: 105px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    color: #81828d
}

.scene-page .scene-type .scene-content li a .scene-name-icon {
    position: absolute;
    width: 73px;
    height: 62px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    background-image: url("../images/iconScene_a177d2a.png");
    background-repeat: no-repeat;
    background-position: -70px -493px;
    background-size: 150px auto
}

.scene-page .scene-type .scene-content li a .scene-name-icon-59 {
    background-position: 0 0
}

.scene-page .scene-type .scene-content li a .scene-name-icon-15 {
    background-position: -70px 5px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-38 {
    background-position: -1px -65px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-33 {
    background-position: -76px -60px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-34 {
    background-position: 0 -128px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-4 {
    background-position: -75px -125px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-12 {
    background-position: 0 -200px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-74 {
    background-position: -75px -199px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-49 {
    background-position: 5px -268px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-50 {
    background-position: -70px -272px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-55 {
    background-position: 0 -346px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-67 {
    background-position: -74px -341px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-2 {
    background-position: -7px -417px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-31 {
    background-position: -72px -417px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-58 {
    background-position: -3px -491px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-40 {
    background-position: -5px -552px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-73 {
    background-position: -72px -555px
}

.scene-page .scene-type .scene-content li a .scene-name-icon-71 {
    background-position: -4px -630px
}

.scene-page .scene-type .scene-content li a .scene-has-logo {
    right: 0;
    top: 0;
    position: absolute
}

.scene-page .scene-type .scene-content li a .scene-icon {
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle
}

.scene-page .scene-type .scene-content li a .scene-isnew {
    background: url(../images/online-icon_e4defba.png) no-repeat top left;
    background-size: contain
}

.scene-page .scene-type .scene-content li a .scene-isHot {
    background: url(../images/hot_a0c5c08.png) no-repeat top left;
    background-size: contain
}

.scene-page .scene-type .scene-content li a .scene-isOffline {
    background: url(../images/offline-icon_bc38632.png) no-repeat top left;
    background-size: contain
}

.scene-page .scene-type .scene-content li a .scene-isDiscount {
    background: url(../images/discount-icon_6b22246.png) no-repeat top left;
    background-size: contain
}

.scene-page .scene-type .scene-content li a .scene-info {
    display: none
}

.scene-page .scene-type .scene-content li a:hover {
    background: rgba(10, 203, 252, .1);
    border: 5px solid #0ACBFC
}

.scene-page .scene-type .scene-content li a:hover .scene-name, .scene-page .scene-type .scene-content li a:hover .scene-name-icon {
    display: none
}

.scene-page .scene-type .scene-content li a:hover .scene-info {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.scene-page .scene-type .scene-content li a:hover .scene-title {
    position: relative;
    padding: 20px 15px 15px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-txt {
    width: 63%;
    font-size: 22px;
    font-weight: 700;
    color: #9B9B9B;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon {
    position: absolute;
    right: 15px;
    top: 20px;
    width: 60px;
    height: 42px;
    overflow: hidden;
    margin-left: 63%;
    border: 2px solid #0ACBFC;
    border-radius: 5px;
    background-color: rgba(10, 203, 252, .1);
    background-image: url(../images/iconSceneHover_2a2420d.png);
    background-repeat: no-repeat;
    background-size: 125px auto;
    background-position: -62px -501px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-59 {
    background-position: 0 6px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-15 {
    background-position: -62px 5px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-38 {
    background-position: 0 -69px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-33 {
    background-position: -63px -69px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-34 {
    background-position: 1px -137px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-4 {
    background-position: -62px -137px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-12 {
    background-position: 0 -210px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-74 {
    background-position: -63px -210px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-49 {
    background-position: 0 -283px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-50 {
    background-position: -60px -281px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-55 {
    background-position: -1px -355px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-67 {
    background-position: -64px -356px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-2 {
    background-position: -2px -428px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-31 {
    background-position: -63px -429px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-58 {
    background-position: -1px -501px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-40 {
    background-position: 0 -563px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-73 {
    background-position: -63px -563px
}

.scene-page .scene-type .scene-content li a:hover .scene-title-icon-71 {
    background-position: -1px -608px
}

.scene-page .scene-type .scene-content li a:hover .scene-detail {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 16px;
    color: #0ACBFC
}

.scene-page .scene-type .scene-content li a:hover .scene-detail span {
    width: 100%;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.scene-page .scene-type .scene-content li a:hover .scene-detail span:first-child {
    width: 63%
}

.scene-page .scene-type .scene-content li a:hover .scene-detail span.gray {
    display: inline;
    color: #9B9B9B
}

.scene-page .scene-type .scene-content li.load-more-scene {
    border: 1px solid #BCBCBC;
    border-left: 0;
    border-top: 0;
    text-align: center
}

.scene-page .scene-type .scene-content li.load-more-scene span {
    color: #0ACBFC
}

.scene-page .scene-type .scene-content li.load-more-scene span:first-child {
    padding: 35px 0 10px
}

.scene-page .scene-type .scene-content li.load-more-scene span:last-child {
    font-size: 16px
}

.scene-page .scene-type .scene-content-all {
    max-height: none;
    height: auto
}

.scene-page .scene-type .scene-content-all li.load-more-scene {
    display: none
}

.scene-page .scene-type .scene-content-little {
    border-top: 0
}

.scene-page .scene-type .scene-content-little li {
    border-top: 1px solid #BCBCBC;
    height: 161px
}


.main-cont {
    width: 90%;
    max-width: 1010px;
    margin: 0 auto
}

.main-cont .summary1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 60px
}

.main-cont .summary1 li {
    width: 25%;
    float: left;
    padding-right: 14px;
    box-sizing: border-box
}

.main-cont .summary1 li:last-child {
    padding-right: 0
}

.main-cont .summary1 .summary-part-title {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 15px;
    color: #0ACBFC
}

.main-cont .summary1 .center {
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-cont .summary1 .summary-part {
    width: 100%;
    height: 120px;
    border: 1px solid #0acbfc;
    color: #0acbfc;
    line-height: 120px;
    box-sizing: border-box
}

.main-cont .summary1 .detail-info-1 {
    font-size: 30px;
    line-height: 36px;
    margin: 25px 0 15px
}

.main-cont .summary1 .detail-info-2 {
    line-height: 18px;
    font-size: 18px
}

.main-cont .summary1 .summary-part-tips {
    padding-top: 15px;
    font-size: 13px;
    line-height: 20px;
    color: #969696
}

.main-cont .summary1 .font32 {
    font-size: 32px
}

.main-cont .summary1 .font18 {
    font-size: 18px
}

.main-cont .summary-city-1 li {
    width: 33.3%
}

.main-cont .summary-city-2 li {
    width: 50%
}

.main-cont .summary1-gd {
    margin-top: 0
}

.main-cont .summary1-gd .summary-part {
    padding-right: 0;
    width: 328px;
    margin-right: 10px
}

.main-cont .summary1-gd .summary-part .detail-title {
    font-size: 20px;
    margin-left: 20px
}

.main-cont .summary1-gd .summary-part .detail-info {
    width: 63%;
    font-size: 36px;
    float: right;
    padding-right: 20px;
    display: inline-block;
    box-sizing: border-box;
    text-align: right
}

.main-cont .summary1-gd .summary-part:last-child {
    margin-right: 0
}

.main-cont .summary1-gd .summary-part:last-child .detail-info {
    width: 75%
}

.scene-detail-page {
    background: #030619;
    padding-bottom: 5%;
}

.scene-detail-page .scene-header {
    height: 240px;
    line-height: 240px;
    background: url(../images/sceneHead_d7ed7f0.jpg) no-repeat;
    background-size: 100% 240px;
    background-color: #0d0e1a;
    text-align: center
}

.scene-detail-page .scene-header .theme-title {
    font-size: 50px
}

.scene-detail-page .breadcrumb {
    margin: 0 auto;
    width: 96%;
    max-width: 1200px;
    height: 80px;
    text-align: left;
    line-height: 80px;
    font-size: 16px;
    color: #626262;
    border-bottom: 2px solid #616161
}

.scene-detail-page .breadcrumb a:link, .scene-detail-page .breadcrumb a:visited, .scene-detail-page .breadcrumb a:hover, .scene-detail-page .breadcrumb a:active {
    color: #626262;
    text-decoration: none
}

.scene-detail-page .main-cont .title {
    margin-top: 38px;
    color: #0acbfc;
    font-size: 20px;
    margin-bottom: 30px
}

.scene-detail-page .main-cont .summary2 .summary-part {
    box-sizing: border-box;
    border: 1px solid #0acbfc;
    color: #0acbfc;
    width: 100%;
    min-height: 329px;
    margin-bottom: 54px;
    padding: 3% 3%
}
.scene-detail-page .main-cont .summary2 .summary-part:last-child{margin-bottom: 0;}

.scene-detail-page .main-cont .summary2 .summary-part .detail-img {
    width: 29.7%;
    height: 240px;
    float: left;
    text-align: center
}

.scene-detail-page .main-cont .summary2 .summary-part .detail-img img {
    max-width: 100%;
    max-height: 100%
}

.scene-detail-page .main-cont .summary2 .summary-part .detail-part {
    display: inline-block;
    width: 66%;
    margin-left: 3.96%;
}

.scene-detail-page .main-cont .summary2 .summary-part .detail-part h4 {
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 45px
}

.scene-detail-page .main-cont .summary2 .summary-part .detail-part .detail-word {
    position: relative
}

.scene-detail-page .main-cont .summary2 .summary-part .detail-part p {
    color: #969696;
    font-size: 24px;
    line-height: 40px
}

.scene-detail-page .main-cont .summary2 .summary-part .detail-part p.city {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.scene-detail-page .main-cont .summary2 .summary-part .detail-button {
    border: 1px solid #0acbfc;
    position: absolute;
    text-align: center;
    right: 0;
    top: 0;
    color: #0acbfc;
    border-radius: 10px;
    width: 212px;
    height: 63px;
    line-height: 63px;
    cursor: pointer
}

.scene-detail-page .main-cont .summary2 .summary-part .detail-button:hover {
    background-color: #0acbfc;
    color: #000;
    font-weight: 700
}

.scene-detail-page .main-cont .summary2 .summary-part .topic-btn {
    top: -97px
}

.scene-detail-page .main-cont .summary-city li:first-child {
    margin-right: 24px
}

.scene-detail-page .main-cont .summary-city .summary-part {
    border: 1px solid #0acbfc;
    box-sizing: border-box;
    width: 490px;
    height: 158px;
    color: #0acbfc;
    line-height: 158px;
    text-align: center;
    display: inline-block
}

.scene-detail-page .main-cont .summary-city .summary-part .detail-title {
    font-size: 20px;
    margin-right: 20px
}

.scene-detail-page .main-cont .summary-city .summary-part .detail-info {
    font-size: 36px;
    display: inline-block
}
.sw-next-prev{background:unset !important;color:#ccc;font-size: 30px;width:50px !important;height: 50px !important;border-radius: 50%;}
.sw-next:after{content: '>';}
.sw-prev:after{content: '<';}
.sw-next-prev:hover{background: rgba(255,255,255,.2) !important;}
.detail-img .swiper-slide img{width:100%;height: 100%;object-fit: cover;display: block;}
.summary-part-tips_diy{width: 33.33%; padding-top: 15px;   font-size: 13px;line-height: 20px;color: #969696;}

.detail-img .swiper-container{height: 100%;}
@media screen and (max-width: 1000px) {
    .scene-detail-page .main-cont .summary2 .summary-part{
        min-height: unset;
    }
    .scene-detail-page .main-cont .summary2 .summary-part .detail-img{
        height: 24vw;
    }
    .scene-detail-page .main-cont .summary2 .summary-part .detail-part h4{
        font-size:3.6vw;
        line-height: 3.6vw;
        margin-bottom: 4.5vw;
    }
    .scene-detail-page .main-cont .summary2 .summary-part .detail-part p{
        font-size:2.4vw;
        line-height: 4vw;
    }
    .scene-detail-page .main-cont .summary2 .summary-part .detail-button{
        width:21.2vw;
        height: 6.3vw;
        line-height: 6.3vw;
    }
}
@media screen and (max-width: 750px) {
    .scene-detail-page .main-cont .summary2 .summary-part .detail-img{
        width: 100%;
        height: 58vw;
    }
    .scene-detail-page .main-cont .summary2 .summary-part .detail-part{
        width: 100%;
        margin-left:0;
        margin-top:3vw;
    }
    .main-cont .summary-city-1 li{width:100%;margin-bottom: 3vw;padding-right: 0;}
    .summary-part-tips_diy{width:100%;padding-top:0;}
}



.popup{width:90%;max-width: 700px;max-height: 80vh;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);background: #fff;border-radius: 5px;z-index:99;display: none;}
.popup_main{width:100%;padding:3%;}
.popup_close{width:30px;height: 30px;line-height: 24px;font-size:26px;text-align: center;display: block;background: #666;color:#fff;border-radius: 50%;position: absolute;top:-10px;right:-10px;border:2px solid #fff;cursor: pointer;}
.popup_title{width:100%;font-size: 30px;line-height:40px;color: #23a0fe;display: block;margin-bottom: 20px;}
.popup_scene{width:100%;display: block;}
.popup_scene_label{font-size:16px;line-height:20px;padding:6px 14px 0;color:#1198fd;border:2px solid #1198fd;border-bottom: 0;border-radius: 4px 4px 0 0 ;cursor: default;background: #fff;display: inline-block;font-weight: 600;position: relative;z-index:2;top:3px;}
.popup_scene_label p{position: relative;z-index:1;}
.popup_scene_label span{width: 100%;height: 10px;position: absolute;bottom:-5px;left:0;right:0;display: block;background: #fff;z-index:0;}
.popup_scene_main{width:100%;background: #fff;border: 2px solid #1198fd;padding:40px 20px;border-radius: 0 4px 4px;overflow: auto;max-height: calc(80vh - 180px );}
.popup table{font-size:14px;line-height: 20px;border-spacing: 0;border-collapse: collapse;width: 100%;}
.popup table,.popup table th,.popup table td,.popup table tr{border:1px solid #909090;}
.popup table thead{color:#1198fd;}
.popup table th,.popup table td{padding:5px 10px;text-align: center;}
.popup table td span{display: none;}
.popup table td p{width:100%;display: block;}

@media screen and (max-width: 750px) {
    .popup_title{font-size:4vw;line-height: 5.333vw;margin-bottom: 2.666vw;}
    .popup_scene_label{font-size:2.133vw;line-height: 2.666vw;padding:0.8vw 1.866vw 0;}
    .popup_scene_main{padding:5.333vw 2.666vw;max-height: calc(80vh - 25.063vw);}
    .popup table thead{display: none;}
    .popup table td{width:100%;text-align: left;display: block;border:0;}
    .popup table td span,.popup table td p{width:50%;display: block;}
    .popup table td span{color:#1198fd;}
}

/*  资源推荐   */
.recommend{width:100%;background: #F2F4F8;padding:35px 0 60px;min-height: calc(100vh - 110px);}
.recommend_title h1{width:100%;font-size:40px;line-height: 40px;display: block;font-weight: normal;color:#333;}
.recommend_title p{width:100%;font-size:16px;line-height: 20px;display: block;color:#333;margin:21px 0 40px;}
@media screen and (max-width: 750px) {
    .recommend{padding:4.666vw 0 8vw;}
    .recommend_title h1{font-size: 5.333vw;line-height: 5.333vw;}
    .recommend_title p{font-size: 2.133vw;line-height: 2.666vw;margin:2.8vw 0 5.333vw;}
}
.recommend_wrap{width:100%;}
.recommend_wrap_choose{width:220px;padding:30px 21px;margin-right: 10px;background: #fff;}
.recommend_wrap_choose_label{width:100%;font-size:14px;line-height: 20px;}
.recommend_wrap_choose_select{width:100%;border:1px solid #d9d9d9;margin:20px 0 30px;font-size:12px;line-height: 36px;display: block;position: relative;height: 36px;padding:0 10px;background: url("../images/down.png") 96% center no-repeat;background-size: 10px auto;cursor: pointer;}
.recommend_wrap_choose_select p{color:#aaa;}
.recommend_wrap_choose_select_box{width:auto;position: absolute;top:38px;left:0;z-index: 1050;box-shadow: 0 1px 6px rgb(0 0 0 / 20%);display: none;}
.recommend_wrap_choose_select_box ul{min-width: 110px;font-size: 12px;line-height:24px;background: #fff;border-radius: 4px;white-space: nowrap;height: 180px;overflow-y: auto;border-right:1px solid #e9e9e9 ;}
.recommend_wrap_choose_select_box ul li{width:100%;padding:0 10px;}
.recommend_wrap_choose_select_box ul li.active,.recommend_wrap_choose_select_box ul li:hover{background: #f7f7f7;}

.recommend_choose_industry{width:100%;display: block;margin-top:20px;}
.recommend_choose_industry li{width:100%;display: block;font-size:14px;line-height: 40px;cursor: pointer;}
.recommend_choose_industry li p{width:auto;padding-right: 20px;display: inline-block;transition: .4s ease .1s;border-bottom: 2px solid #fff;}
.recommend_choose_industry li p.active,.recommend_choose_industry li dd.active{border-bottom: 2px solid #333;}
.recommend_choose_industry li p.bg_top{width:100%;display: block;background: url("../images/top.png") 96% center no-repeat;background-size: 10px auto;}
.recommend_choose_industry li dl{width:100%;padding-left:20px;display: block;}
.recommend_choose_industry li dd{width:auto;padding-right:20px;display: inline-block;color:#999;cursor: pointer;height:42px;border-bottom: 2px solid #fff;}

.recommend_wrap_area{width:calc(100% - 230px);padding:30px;background:#fff;}
.recommend_tabs{width:100%;display: block;height: 37px;border-bottom: 1px solid #d9d9d9;margin-bottom: 16px;}
.recommend_tabs span{width: auto;line-height: 37px;border-bottom: 2px solid transparent;margin-right: 60px;cursor: pointer;transition: .4s ease .1s;display: inline-block;margin-bottom: -1px;}
.recommend_tabs span.active{border-bottom: 2px solid #333;}

.recommend_tabs_content,.recommend_tabs_content_list{width:100%;display: block;}
.recommend_tabs_content_list img,.recommend_tabs_content_list video{max-width: 100%;object-fit: contain;display: block;}
.recommend_tabs_pagination {color: #fff;}

.recommend_tabs_next{background-image: url("../images/right.png") !important;}
.recommend_tabs_prev{background-image: url("../images/left.png") !important;}
.recommend_tabs_next,.recommend_tabs_prev{width:50px !important;height: 50px !important;background: rgba(0,0,0,.3);border-radius: 50%;background-size: 20px 20px !important;}

@media screen and (max-width: 750px) {
    .recommend_wrap_choose,.recommend_wrap_area{width: 100%;}
    .recommend_wrap_area{margin-top:2.666vw;padding:4vw;}
    .recommend_wrap_choose{padding:4vw 2.8vw;margin-right: 0;}
    .recommend_tabs span{margin-right: 8vw;}
    .recommend_tabs_next, .recommend_tabs_prev{width: 6.666vw !important;height: 6.666vw !important;background-size: 50% 50% !important;}
}

.table_list_title{width:100%;display: block;margin:30px 0 20px;}

.table{width: 100%;display: block;background: #fff;}
.table_box{width:100%;display: block;padding:30px 30px 0;min-height: 200px;}
.table_box table{width:100%;display: table;border-collapse: collapse;}
.table_box tr{border-bottom: 1px solid #e9e9e9;}
.table_box table td ,.table_box table th{padding:20px 8px;line-height: 27px;font-size:14px;vertical-align: top;text-align: left;max-width: 100px;}
.table_box table td p,.table_box table td  span{width:100%;display: block;text-align: left;}
.table_box table td  span {color:#999;}
.table_box tbody tr:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);background: #fefefe;}
.table_td{width: 100%;}
.table_td label{display: none;}
.table_td div{width:100%;flex-grow:1;display: block;word-break: break-word;}

.table_box_checkbox{width:16px;height: 16px;position: relative;margin:0;}
.table_box_checkbox input{width:16px;height: 16px;position: relative;z-index:2;display: block;opacity: 0;}
.table_box_checkbox input + i{width:16px;height: 16px;border:1px solid #333;display: block;position: absolute;top:0;right:0;bottom:0;left:0;line-height: 14px;font-size:10px;font-weight: 600;text-align: center;}
.table_box_checkbox input + i:before{opacity: 0;transition: opacity ease .4s;color:#000;}
.table_box_checkbox input:checked + i:before{opacity: 1;}
.table_box_checkbox + span{margin-left:5px;}
.table_total{width: 100%;max-width:1200px;line-height:48px;padding:0 30px;background: #fff;box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);font-size:14px;color:#666;}
.position_fixed_bottom{position: fixed;bottom:0;left:50%;transform: translateX(-50%);}
.table_total_check{width:80px;display: block;}
.table_total_check span{margin-left:5px;}
.table_total_intro{flex-grow: 1;display: block;text-align: right;}
.table_total_intro b{font-size:28px;color:#000;font-weight: normal;}
.table_total_btn{width:110px;height:48px;line-height: 48px;background: #eee;text-align: center;display: block;margin:10px 0 10px 20px;cursor: pointer;}
.btn_success{background: #3D88F2;color:#fff;}
.btn_default{background: #333;color:#fff;}

@media screen and (max-width: 750px) {
    .table_box table td ,.table_box table th{max-width: unset;}
    .table_box{padding:4vw 4vw 0;}
    .table_box table thead{display: none;}
    .table_box table tr{padding:20px 0;display: block;}
    .table_box table td{width:100%;display: block;padding:0 8px;text-align: left;}
    .table_td label{width:100px;min-width:100px;display: block;white-space: nowrap;color:#666;}
    .table_td div{color:#000;}
    .table_total{height: auto;line-height: unset;padding:0 4vw;}
    .table_total_intro{width:calc(100% - 60px);min-width: calc(100% - 60px);line-height: 30px;}
    .table_total_check{font-size:14px;line-height: 30px;width:60px;}
    .table_total_intro b{font-size:3.733vw;}
    .table_total_btn{line-height: 6.4vw;height: 6.4vw;min-height:30px;margin:1.333vw 0 1.333vw 2.666vw;vertical-align: middle;}
    .table_page{padding:4vw;}
}

.table_search,.table_search form{width:100%;display: block;}
.table_search form{padding:30px 30px 0;}
.table_search_group{width:165px;margin-right: 10px;margin-bottom:10px;cursor: pointer;position: relative;}
.table_search_group p{width:100%;padding:0 10px;line-height: 34px;border:1px solid #DBDBDB;color:#666;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.juping_jiantou_after:after{content:"\e6b5";position: absolute;top:1px;right:1px;bottom:1px;width:25px;text-align: center;background: #fff;z-index:2;}
.table_search_group_popup{min-width: 350px;position: absolute;top:40px;left:0;padding:11px 20px 20px;background: #fff;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%);border-radius: 3px;z-index:9;display: none;}
.table_search_group_popup dl,.table_search_group_popup dl dt{font-size:14px;line-height: 33px;width:100%;display: block;}
.table_search_group_popup dl{max-height: 240px;overflow-y: auto;}
.table_search_group_popup dl dt span{font-size:12px;color:#666;}
.table_search_group_popup dl dd{width: 50%;white-space: nowrap;display: block;}
.table_search_group_popup dl dd span,.table_search_group_popup dl dt span{margin-left:5px;}
.table_search_group_popup_btn,.table_search_area_sub{    width: 68px;height: 32px;font-size: 14px;line-height: 32px;text-align: center;cursor: pointer;border: 1px solid #DBDBDB;margin-right: 10px;background-color: #333;color: #fff;margin-top:20px;}
.table_search_submit{width:100px;line-height: 36px;height:36px;background: #333;color:#fff;text-align: center;display: block;cursor: pointer;}
.table_reset{margin-left:10px;}

.no_padding{padding:0;}
.table_search_group_popup ul,.table_search_group_popup li{width:80px;display: block;}
.table_search_group_popup ul{padding-top:20px;border-right: 1px solid #eee;}
.table_search_group_popup li{text-align: center;font-size:14px;line-height: 30px;}
.table_search_group_popup li.active{color: #3D88F2;background-color: #F2F7FF;border-right: 1px solid #3D88F2;}
.table_search_area{padding:20px;width:100%;}
.table_search_area_list{width:100%;display: block;min-height: 200px;}
.table_search_area_list_div{width:100%;font-size:14px;line-height: 30px;}
.table_search_area_list_div span{white-space: nowrap;margin-right: 10px;}
.table_search_area_list_div_list{white-space: nowrap;max-height: 200px;overflow-y: auto;margin-right: 5px;flex-grow: 1;display: block;overflow-x: hidden;}
.table_search_keyword{width:100%;line-height: 30px;border:1px solid #eee;padding:0 10px;border-radius: 3px;}
@media screen and (max-width: 750px) {
    .table_search_area{max-width: 90vw;padding:2.666vw;}
}
@media screen and (max-width: 460px) {
    /*.table_search_area_list_div{display: block !important;}*/
    /*.table_search_area_list_div .table_search_area_list_div_list:nth-child(2){padding-left:30px;}
    .table_search_area_list_div .table_search_area_list_div_list:nth-child(3){padding-left:60px;}*/
}

@media screen and (max-width: 750px) {
    .scene-page .scene-type .scene-content{max-height: unset;}
    .scene-page .scene-type .scene-content li.load-more-scene{display: none;}
}

.province_list,.position_relative{position: relative;}
.checkbox_popup{position: absolute;top:0;right:0;left:0;bottom:0;opacity: 0;z-index:9;}
.search_keywords_box{width: 25%;}
.screen_search_keywords{width:100%;line-height: 34px;height: 36px;border:1px solid #DBDBDB;padding:0 10px;}

@media screen and (max-width: 1200px) {
    .table_search_group,.search_keywords_box{width:calc(20% - 10px);}
    .table_search_submit{margin-right: 10px;}
}
@media screen and (max-width: 750px) {
    .table_search form{padding:4vw 4vw 0;}
    .table_search_group{width:calc(50% - 10px);}
    .table_search_group ,.table_search_submit{margin-bottom: 10px;}
    .table_search_group_popup{min-width: auto;}
    .table_search_group_popup dl dd{width: 100%;}
    .table_reset{margin-left:1.333vw;}
}
@media screen and (max-width: 650px) {
    .table_search_group{width:calc(50% - 10px);}
}
@media screen and (max-width: 515px) {
    .table_search_group{width:100%;}
    .table_search form{justify-content: flex-end;}
}
@media screen and (max-width: 750px) {
    .search_keywords_box {
        width: calc(100% - 240px);
    }
}
@media screen and (max-width: 650px) {
    .search_keywords_box{width: 100%;}
}

.submit_days{width:auto;display: block;font-size:14px;margin-left:15px;color:#333;}
.submit_days input{width:auto;border:1px solid #eee;line-height: 30px;height:30px;padding:0 10px;max-width: 100px;display: block;}
.submit_days input[type=number]{width:60px;}
.submit_days span{white-space: nowrap;}
@media screen and (max-width: 550px) {
    .submit_days{width:100%;margin-left:0;justify-content: flex-end;margin-top: 10px;}
    .submit_days input{width:100px !important;}
}

.main_box{min-height: calc(100vh - 205px);}

.left_nav{width:200px;display: block;background: #fff;}
.right_content{width:calc(100% - 220px);display: block;background: #fff;}
.left_nav ul,.left_nav li ,.left_nav li a{width:100%;display: block;font-size:16px;line-height: 30px;color:#333;}
.left_nav li a {padding:5px 10px;}
.left_nav li a.active,.left_nav li a:hover{background: rgba(3,6,25,0.3);}
.left_nav_name{width:100%;text-align: center;background: #030619;color:#fff;font-size:16px;line-height: 24px;padding:10px 0;margin-bottom: 10px;}

.right_content dl,.right_content dt,.right_content dl dd ,.right_content dl dd a{width:100%;display: block;}
.right_content dt{background: #030619;padding:10px 20px;font-size:16px;color:#fff;line-height: 24px;margin-bottom: 20px;}
.right_content dl dd a{font-size:16px;line-height: 30px;padding:10px 20px;color:#333;display: block;border-bottom: 1px solid #eee;}
.right_content dl dd a:hover{color:#2a89fd;}

.detail{width:100%;padding:30px 20px;}
.detail_title{width: 100%;font-size:18px;color:#000;line-height: 30px;font-weight: 600;text-align: center;display: block;margin-bottom: 30px;}
.detail_box{width: 100%;font-size:16px;color:#333;line-height: 30px;display: block;}
.detail_box img,.detail_box video,.detail_box table{max-width: 100%;margin:0 auto;display: block;object-fit: contain;}
@media screen and (max-width: 750px) {
    .left_nav{display: none;}
    .right_content{width: 100%;}
}