/* 主题内容 */
body {
    overflow: hidden;
}
.bodyContainer {
    position: relative;
    height: 100%;
}
.playerContainer,.backPhotoContainer {
    width: 100%;
    height: 100%;
}

.player, .backPhoto {
    position: relative;
    height: 100%;
    overflow: auto;
}

.videoBox {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 100;
    overflow: hidden;
}

.videoBox video {
    width: 120%;
    height: 120%;
    position: absolute;
    left: -10%;
    top: -10%;
    z-index: -1;
    object-fit: cover;
}

.playerFooter {
    height: 22.5%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
}

.playerFooter>.footer, .backPhotoFooter>.footer {
    width: 100%;
    height: 100%;
    padding: 0 22%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.foote_r img {
    margin-left: 1.5rem;
}

.backPhoto {
    position: relative;
}

.backPhotoOne {
    background: url('./../images/photo1.jpg') no-repeat;
    background-size: cover;
}

.backPhotoTwo {
    background: url('./../images/photo2.jpg') no-repeat;
    background-size: cover;
}

.backPhotoThree {
    background: url('./../images/photo3.jpg') no-repeat;
    background-size:cover;
}
.backPhotoTwo .backPhotoFooter>.footer {
    padding: 0 2.785%;
}
.backPhotoTwo .backPhotoFooter>.footer >.special >.num:first-child {
    font-size: 1.5rem;
}
.backPhotoTwo .backPhotoFooter>.footer >div .num {
    padding: 0 0.75rem 1rem;
    margin: 0 0 1rem;
}
.backPhotoTwo .backPhotoFooter>.footer >.special .num:before {
    left: 40%;
}
.backPhotoTwo .backPhotoFooter>.footer >.special >.small {
    font-size: 1rem;
}
.slideDown {
    position: absolute;
    bottom: 2rem;
    width: 3rem;
    left: calc(50% - 1.5rem);
    animation: animationBeatArrow 1s linear 1s infinite;
    z-index:2;
}
.lookShopsXiaochengxu {
    position: relative;
}
.wechatimg {
    position: absolute;
    left: 40px;
    top: 350px;
    transition: all 0.5s ease-in-out;
}
.wechatimg.active {
    top: 60px;
}
@keyframes animationBeatArrow
{
    0% {
        transform: translateY(0);
        opacity: .5;
        
    }
    25% {
        transform: translateY(5px);
        opacity: .75;
        
    }
    50% {
        transform: translateY(10px);
        opacity: 1;
    }
    75% {
        transform: translateY(5px);
        opacity: .75;
    }
    100% {
        transform: translateY(0);
        opacity: .5;
    }
}

.slideDown img {
    width: 100%;
    cursor: pointer;
}

.backPhotoCount {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100% - 36rem);
    // background: #000;
}

.count {
    width: 100%;
    height: 100%;
    padding: 0 7.785%;
    position: relative;
}

.count .title {
    position: absolute;
    font-size: 2.785rem;
    color: #db3340;
    font-weight: 700;
    top: calc(27% + 7.5rem)
}

.count:before {
    content: '';
    position: absolute;
    top: 45%;
    left: 7.785%;
    width: 3.5rem;
    height: 3px;
    background: #db3340;
}

.ShopsBtn {
    position: absolute;
    font-size: 2rem;
    color: #db3340;
    font-weight: 700;
    top: calc(30% + 12rem);
}

.ShopsBtn >div {
    display: inline-block;
    height: 3.5rem;
    width: 10.5rem;
    text-align: center;
    line-height: 3.15rem;
    border: 2px solid #db3340;
    border-radius: 2.3rem;
    cursor: pointer;
}

.ShopsBtn >div:first-child {
    margin-right: 1.5rem;
}

.ShopsBtn >div.active {
    color: #fff;
    background-color: #db3340;
}
.ShopsBtn >div:hover {
    color: #fff;
    border-color: #d13340;
    background-color: #d13340;
}

.backPhotoFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 22%;
    width: 100%;
    background: rgba(0,0,0,.7);
    overflow: hidden;
}

.backPhotoFooter>.footer {
    padding: 0 7.785%;
}
.backPhotoThree .backPhotoFooter {
    height: 40%;
}
.backPhotoThree .backPhotoFooter>.footer {
    padding: 0 5%;
}
.backPhotoFooter>.footer >div {
    font-size: 2rem;
    text-align: center;
    color: #a1a1a1;
}

.backPhotoFooter>.footer >div>div:last-child {
    font-size: 2rem;
    font-weight: 500;
}

.backPhotoFooter>.footer >div .num {
    padding: 0 1rem 1rem;
    margin: 1rem;
    font-weight: 200;
    position: relative;
}

.backPhotoFooter>.footer >div .num:before {
    content: '';
    display: block;
    position: absolute;
    left: 12px;
    bottom: 0;
    width: 1.5rem;
    height: .2rem;
    background: #a1a1a1;
}

.backPhotoFooter>.footer >.special >.num:first-child {
    font-size: 2rem;
}

.backPhotoFooter>.footer >.special >.small {
    font-size: 2rem;
}

.backPhotoFooter>.footer >.special .num:before {
    left: 45%;
}


/* 轮播内容 */
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 99;
}

// 新闻资讯

.newsContainer {
    width: 100%;
    height: 100%;
}

.news {
    width: 100%;
    padding: 5.5rem 0 3.75rem;
    margin: auto;
    height: 100%;
    position: relative;
}
.newsmore {
    font-size: 15px;
    text-align: center;
}
.newsmore a {
    color: #555; 
}
.news_more_icon {
    width: 18px;
    height: 18px;
    margin-left: 5px;
    margin-top: 3px;
}
.news .title {
    position: relative;
    font-size: 2.175rem;
    color: #5a5a5a;
    width: 11rem;
    margin: auto;
    text-align: center;
}

.news .title:before {
    position: absolute;
    content: '';
    display: block;
    height: 3px;
    width: 3.5rem;
    left: 3.785rem;
    bottom: -1rem;
    background: #ce353e;
}

.newsListContainer {
    width: 100%;
    margin: auto;
    display: flex;
    padding: 0 1.25rem;
}

.journalism {
    display: block;
    flex: 1;
    margin-bottom: 2rem;
    padding: 0 1.05rem;
}

.journalism img {
    width: 100%;
}

.newsTitle {
    font-size: 1.45rem;
    color: #444;
    font-weight: 700;
    text-align: left;
    margin-top: 0.65rem;
    height: 1.735rem;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newText, .newDate {
    margin-top: 0.4rem;
    font-size: 1.25rem;
    color: #a3a3a3;
    text-align: left;
    height: 1.475rem;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*找铺*/

.lookShops {
    display: flex;
}

.processContainer {
    float: left;
    width: 50%;
    padding: 0.875rem 0;
}

.picture-title {
    display: flex;
    align-items: center;
    padding-bottom: 0.875rem;
    font-weight: 600;
}

.picture-title img {
    width: 1.325rem;
    margin-right: 0.5rem;
}

.picture-title div {
    text-align: left;
    font-size: 1.75rem;
    color: #a1a1a1;
}

.viewPath {
    padding-left: 1.875rem;
    font-size: 1rem;
    color: #a1a1a1;
    text-align: left;
    margin-bottom: .5rem;
    font-weight: 300;
}
/* 弹层 */

.modleContainer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 100%;
    // transform: matrix(7,0,0,7,0,0);
    transition: all 1s ease-in-out;
    background: url('./../images/menubg@2x.png') 100% 100% no-repeat;
    z-index: 50;
}
.mask_container[data-v-6dcc21b0] {
    z-index: 199;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 20px;
    background: url('./../images/menubg@2x.png') 100% 100% no-repeat;
    background-size: cover;
    background-position: 50%;
    visibility: hidden;
}
.mask_container_hide[data-v-6dcc21b0] {
    transition: visibility .3s ease;
    visibility: hidden;
}
.mask_container_show[data-v-6dcc21b0] {
    transition: visibility 1.5s ease .8s;
    visibility: visible;
}
.mask_show[data-v-6dcc21b0] {
    -webkit-transform: matrix(7,0,0,7,0,0);
    transform: matrix(7,0,0,7,0,0);
    transition: all 1s ease-in-out;
}
.mask[data-v-6dcc21b0] {
    z-index: 1;
}
.mask_show[data-v-6dcc21b0] {
    top: 0;
    right: 10%;
    -webkit-transform: matrix(4,0,0,4,0,0);
    transform: matrix(4,0,0,4,0,0);
}

.mask[data-v-6dcc21b0], .mask_show[data-v-6dcc21b0] {
    transition: all 1s ease;
}
.mask[data-v-6dcc21b0] {
    z-index: 198;
    position: fixed;
    top: -100%;
    right: -100%;
    width: 60%;
    padding-top: 60%;
    border-radius: 50%;
    background: #000;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
.modle {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0 22%;
    justify-content: space-between;
    font-size: 1.6rem;
}

.modle a {
    display: block;
    color: #fff;
}

.modle >div {
    height: 100%;
    padding: 0 3rem;
    text-align: center;
    align-items: center;
    display: flex;
    color: #fff;
}

.modle >div:hover {
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
}

.modle >div:hover img {
    transform: rotate(360deg)
}

.modle >div .aaa {
    margin-top: 1rem;
    overflow: hidden;
    line-height: 3rem;
    max-height:0;
    transition: max-height 1s;
    -moz-transition: max-height 1s;
    -webkit-transition: max-height 1s;
    -o-transition: max-height 1s;
}
.modle >div .aaa.open {max-height: 80px;}
.navitem {
    position: relative;
}
.navitem::after {
    -webkit-transform-origin: center 25%;
    transform-origin: center 25%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    position: absolute;
    top: .45em;
    right: -1.501748rem;
    width: 0;
    height: 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .75rem .55rem 0;
}
.navitem::after,.navitem.rotate::after {
    content:"";transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;
}
.navitem.rotate::after {
    transform: rotate(180deg);
    top:.65em;
}

/*菜单弹出层*/
.mask[data-v-6dcc21b0]{z-index:198;position:fixed;top:-100%;right:-100%;width:60%;padding-top:60%;border-radius:50%;background:#000;-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
.mask[data-v-6dcc21b0],.mask_show[data-v-6dcc21b0]{transition:all 1s ease}.mask_show[data-v-6dcc21b0]{top:0;right:10%;-webkit-transform:matrix(4,0,0,4,0,0);transform:matrix(4,0,0,4,0,0)}
.mask_container[data-v-6dcc21b0]{z-index:199;position:fixed;top:0;left:0;width:100%;height:100%;color:#fff;font-size:20px;background-size:cover;background-position:50%;visibility:hidden;background: url('./../images/menubg@2x.png') 100% 100% no-repeat;}
.mask_container_show[data-v-6dcc21b0]{transition:visibility 1.5s ease .8s;visibility:visible}
.mask_container_hide[data-v-6dcc21b0]{transition:visibility .3s ease;visibility:hidden}
.mask_container_header[data-v-6dcc21b0]{z-index:3;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;height:80px}
.mask_container_header_logo[data-v-6dcc21b0]{width:165px}.mask_container_close[data-v-6dcc21b0]{width:32px;-webkit-transform:rotate(0);transform:rotate(0)}
.mask_container_close[data-v-6dcc21b0],.mask_container_close[data-v-6dcc21b0]:hover{transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}
.mask_container_close[data-v-6dcc21b0]:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.mask_container_bodyer[data-v-6dcc21b0],.mask_container_header[data-v-6dcc21b0]{width:100%;padding:0 13%}
.mask_container_bodyer[data-v-6dcc21b0]{z-index:2;position:fixed;left:0;height:100%}
.mask_container_list[data-v-6dcc21b0]{display:flex;justify-content:space-between;width:100%;height:100%}
.mask_container_item[data-v-6dcc21b0]{display:flex;align-items:center;height:100%;padding:0 40px 0 20px;transition:height .2s ease-in}
.mask_container_item[data-v-6dcc21b0]:hover{background:rgba(0,0,0,.1)}
.mask_container_item.pointer[data-v-6dcc21b0]{padding:0 30px}
.mask_container_item_select[data-v-6dcc21b0]{position:relative}
.mask_container_item_select[data-v-6dcc21b0]:after{-webkit-transform-origin:center 25%;transform-origin:center 25%;-webkit-transform:rotate(0);transform:rotate(0);position:absolute;top:.4em;right:-.3017476rem;width:0;height:0;border-color:#fff transparent transparent;border-style:solid;border-width:.16rem .1067rem 0}
.mask_container_item_select.rotate[data-v-6dcc21b0]:after,.mask_container_item_select[data-v-6dcc21b0]:after{content:"";transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
.mask_container_item_select.rotate[data-v-6dcc21b0]:after{-webkit-transform-origin:center 25%;transform-origin:center 25%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.mask_container_item_tit[data-v-6dcc21b0]{font-size:24px}
.mask_container_item_nochild[data-v-6dcc21b0]{padding-bottom:18px}
.mask_container_item_options[data-v-6dcc21b0]{overflow:hidden;padding-top:18px;transition:all .16s ease-in}
.mask_container_item_option[data-v-6dcc21b0]{display:block;font-size:18px;line-height:50px;text-align:center}
@media screen and (min-width:1201px) and (max-width:1366px){
    .mask_container[data-v-6dcc21b0]{padding:0 10%}
    .mask_container_item_tit[data-v-6dcc21b0]{font-size:26px}
    .mask_container_item_option[data-v-6dcc21b0]{font-size:18px}
}
@media screen and (min-width:997px) and (max-width:1200px){
    .mask_container[data-v-6dcc21b0]{padding:0 6%}
    .mask_container_item_tit[data-v-6dcc21b0]{font-size:20px}
    .mask_container_item_option[data-v-6dcc21b0]{font-size:16px}
}
@media screen and (max-width:997px){
    .mask_container_item.pointer[data-v-6dcc21b0]{padding:0}
    .mask_container[data-v-6dcc21b0]{padding:0 2%}
    .mask_container_header[data-v-6dcc21b0]{padding:0 5%}
    .mask_container_list[data-v-6dcc21b0]{display:block}
    .mask_container_header_logo[data-v-6dcc21b0]{width:24%}
    .mask_container_close[data-v-6dcc21b0]{width:4%}
    .mask_container_bodyer[data-v-6dcc21b0]{padding:100px 0 0}
    .mask_container_item[data-v-6dcc21b0]{display:block;overflow:hidden;padding:0}
    .mask_container_item_t[data-v-6dcc21b0]{position:relative;width:100%;padding-left:20%}
    .mask_container_item_options[data-v-6dcc21b0]{padding-left:20%}
    .mask_container_item[data-v-6dcc21b0]:first-child{background:rgba(0,0,0,.2)}
    .mask_container_item[data-v-6dcc21b0]:nth-child(2){background:rgba(0,0,0,.4)}
    .mask_container_item[data-v-6dcc21b0]:nth-child(3){background:rgba(0,0,0,.6)}
    .mask_container_item[data-v-6dcc21b0]:nth-child(4){background:rgba(0,0,0,.8)}
    .mask_container_item[data-v-6dcc21b0]:nth-child(5){background:#000}
    .mask_container_item_tit[data-v-6dcc21b0]{font-size:.4831rem}
    .mask_container_item_option[data-v-6dcc21b0]{font-size:.3865rem;height:60px;line-height:60px;margin:0;text-align:left}
    .mask_container_item_select[data-v-6dcc21b0]:after{top:50%;left:42%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
}

/*pop*/
.popdiv {position:fixed; z-index:9; width:100%; height: 408px; left: 0; bottom: -100%; transition: all 1s ease;}
.pop-in {bottom:13.5%;}
.popcontainer {width: 100%; height:100%; position: relative;}
.popbody {
    height: 325px; 
    width: 100%; 
    background: -moz-linear-gradient(top, #ff962f 0%, #db3340 100%) ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff962f), color-stop(100%,#db3340))  ;
    background: -webkit-linear-gradient(top, #ff962f 0%,#db3340 100%) ;
    background: -o-linear-gradient(top, #ff962f 0%,#db3340 100%) ;
    background: -ms-linear-gradient(top, #ff962f 0%,#db3340 100%) ;
    opacity: 0.95;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}
.popbottom {
    height: 335px; 
    width: 90%;
    background-color: #fff;
    position: absolute;
    left: 5%;
    top: 27px;
    z-index: 10;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.popbottom > div {
    text-align: center;
    font-size: 11px;
    width: 100%;
    padding: 0 0 12px;
}
.pophead {
    position: relative;
    height: 50px;
}
.pophead .popclose {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #fff;
    position: absolute;
    text-align: center;
    -webkit-line-height:2.25rem;
    line-height: 1.925rem;
    font-size: 28px;
    border-radius: 50%;
    color: #444;
    right: 20px;
    top: 15px;
    cursor: pointer;
}
.poptitle {
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.popform {
    padding: 0.75rem 8% 0;
}
.flexbox {
    display: flex;
}
.flexbox .row {
    flex: 1;
}
.row {
    padding: 1.5rem 0
}
.row .rowt {
    float: left;
    font-size: 14px;
    color: #fff;
}
.rowinput {
    position: relative;
}
.rowinput .msg {
    position: absolute;
    width: 100%;
    left: 3.75rem;
    bottom: -20px;
}
.rowinput .onError {
    color: #FF0;
}
.rowinput .onSuccess {
    color: #03a89e;
}
.rowinput input {
    background: transparent;
    border: 0px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    width: 65%;
    height: 2rem;
    line-height: 2rem;
    font-size: 16px;
    outline:none;
}
.submit {
    text-align: center;
    padding-top: 1.5rem;
}
.submit input {
    width: 90px;
    height: 36px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}
.popsuc {
    text-align: center;
    padding: 0.75rem;
    color: #fff;
}
.popsuc > div {
    font-size: 17px;
    padding: 2rem;
}
.popsuc > p {
    font-size: 13px;
    padding-bottom: 1rem;
}