/*顶部返回和视角切换*/
html{ height:100%;}
.wrap{height: 100%;width: 100%;position: absolute; }
.topBack{width: 16%;display: inline-block;height: 1.45rem;position: fixed;z-index: 15;}
.topBack .iconBack,.topBack .chView{background: rgba(0,0,0,.7);width: .5rem;height: .5rem;border-radius: 100%;display: block;z-index: 99;position: absolute;top:.24rem;color: #fff;}
.topBack .arrowleft{ cursor: pointer;width: 30px;display: block;  z-index: 99;  position: absolute; top: .24rem; left:.24rem;}
.topBack .arrowleft img{width: 100%;display: block;}
.iconBack:before{content: '\e100';font-family: kl !important;font-size: .5rem;color: #fff;position: absolute;    top: .05rem;  left: .16rem;}
.topBack .chView{word-wrap: break-word;right: .24rem;}
.chView a{width: 70%;display: block;;margin: 0 auto;position: absolute;top: .18rem; left: .3rem; font-size:.32rem;line-height: normal}
.topBack .active{background: rgba(0,0,0,.5);}
/*背景大图*/
.bImg{position: fixed;width: 20rem;display: block;top:0rem;left:-8.7rem;height: auto;}

.bImg img{width: 100%;display: block;height: 100%;}
/*.bImg.img5{left: -2.7rem;}*/
.bImg.img4{width: 14rem; left: -6.5rem;}
/*单独给第四张场景设置高度*/
/*.viewImg.img4 {
    height: auto;
}*/
/*小区域高亮位置*/
@media only screen  and (min-width: 414px) {
    .dragCont {
        bottom: 2.4rem
    }
}
#block{left:1.65rem}
/*细节点*/

#viewDetail{width:100%;display: block;top: 4.5rem;right: 5.5rem;z-index: 20}
#viewDetail .tit{width: .5rem;height: 0.5rem;display: block;position: absolute;z-index: 12;}
.tit a{word-wrap: break-word; display: block;margin-top: -.2rem;line-height: normal}

/*主图==第一张图*/
#viewDetail.img1 .one{top: 7.3rem;left: 11rem;position: absolute;}
#viewDetail.img1 .two{position: absolute;left: 4rem;top: 4rem;}
#viewDetail.img1 .three{top: 7rem;left: 1rem;position: absolute;}
#viewDetail.img1 .four{position: absolute;left: 7rem;top: 6rem;}
#viewDetail.img1 .five{position: absolute;top: 4.3rem;right: 230px;}
#viewDetail.img1 .six,#viewDetail.img1 .seven,#viewDetail.img1 .eight,#viewDetail.img1 .nine,#viewDetail.img1 .ten{position: absolute;bottom: -7rem;}

/*场景1==第二张图*/
#viewDetail.img2 .one{top: 8.8rem;left: 9rem;position: absolute;}
#viewDetail.img2 .one .tit { left: 7rem; top: 7.5rem;}
#viewDetail.img2 .three{top: 4rem;left: 2.7rem;position: absolute;}
#viewDetail.img2 .four{top: 2.8rem;left: 9.2rem;position: absolute;}
#viewDetail.img2 .five{position: absolute;top: 3rem;right: 1.5rem;}
#viewDetail.img2 .nine{top: 4rem;right: 4rem;position: absolute;}

#viewDetail.img1 .two,#viewDetail.img1 .seven,#viewDetail.img1 .eight,#viewDetail.img1 .six,#viewDetail.img1 .ten{position: absolute;bottom: -7rem;}
/*场景2==第三张图*/
#viewDetail.img3 .three{top: 4.7rem;left: 3.6rem;position: absolute;}
#viewDetail.img3 .four{left: 12.5rem;top: 4.3rem;position: absolute;}
#viewDetail.img3 .five{top: 4.5rem;left: 15.6rem;position: absolute;}
#viewDetail.img3 .six{top: 9rem;left: 17.7rem;position: absolute;}
#viewDetail.img3 .seven{position: absolute;top: 9.5rem;right: 1.3rem;}
#viewDetail.img3 .eight{position: absolute;top: 8.3rem;right: 2.9rem;}
#viewDetail.img3 .nine{top: 5.7rem;right: 1rem;position: absolute;}
#viewDetail.img1 .two,#viewDetail.img1 .one,#viewDetail.img1 .ten{position: absolute;bottom: -7rem;}
/*场景3==第四张图*/
#viewDetail.img4 .eight{position: absolute;top: 7.8rem;right: 5.9rem;}
#viewDetail.img4 .two{top: 2.3rem;right: -2.8rem;position: absolute;}
#viewDetail.img4 .ten {top: 7rem;right: -1.8rem;position: absolute;}
#viewDetail.img4 .seven {top: 8.2rem;right: 4.5rem;position: absolute;}
#viewDetail.img4 .five {top: 1.3rem;right: 4.7rem;position: absolute;}
#viewDetail.img4 .nine {top: 2.8rem;right: 5.8rem;position: absolute;}
#viewDetail.img4 .six {top: 6rem;right: 2.3rem;position: absolute;}
#viewDetail.img4 .four {top: .5rem;right: 6rem;position: absolute;}
/*场景四==第五张图*/
#viewDetail.img5 .four{left: 6.3rem;top: 2.1rem;position: absolute;}
#viewDetail.img5 .five{top: 2.5rem;left: 12rem;position: absolute;}
#viewDetail.img5 .six{top: 10rem;position: absolute;right: -2.6rem;}
#viewDetail.img5 .seven{position: absolute;top: 9rem;left: 5.65rem;}
#viewDetail.img5 .eight{position: absolute;top: 7rem;right: 11rem;}
#viewDetail.img5 .nine{top: 4rem;right: 7.3rem;position: absolute;}
#viewDetail.img1 .one,#viewDetail.img1 .two,#viewDetail.img1 .three,#viewDetail.img1 .ten{position: absolute;bottom: -7rem;}


.mainImg{ position: fixed; display: inline-block; width: 100%; z-index: 99; top: 33%;  left: 0;}
/*细节弹出层*/
.dropBg{z-index: 14; display: none;overflow: hidden;}
.adipoli-wrapper{
    /* position: relative; */
    display: inline-block;
}
.adipoli-before{position: fixed;z-index: 9;}
.adipoli-after{position: fixed;z-index: 15;top: 2.5rem;left: 1rem;}
.adipoli-box { display: block; position: absolute; z-index: 15;}
.detail em{position: fixed;top: .3rem;right: .3rem;z-index: 15;}
.detail em:before{content: '\e101';font-family: kl !important;font-size: .8rem;color: #fff;}
.titCont{display: none;width: 100%;}
.titCont h1,.titCont p{color: #fff;width: 75%;position: fixed;z-index: 15;text-align: justify;left: 1rem;height: .5rem;line-height: .35rem;}
.titCont h1{font-size:.32rem;width: 100%;position: fixed;top: 1.8rem;z-index: 15;text-align: center;left: 0rem;}
.titCont .titP{font-size:.24rem;top: 7.1rem;
    border-top: 1px solid #fff;
    padding-top: .2rem;}
/*.titCont .titP:before{z-index: 16;position: absolute;right: 0; top: -.18rem; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color:#fff;}
*/

/*底下轮播图*/
.curePlan{background: rgba(0,0,0,.3);width: 2.64rem;display: inline-block;height:100%;position: fixed;bottom: 0rem;right: 0;overflow: hidden;z-index: 14;transform-style: preserve-3d;transform: translate(2.65rem,0px);display:block;-webkit-transform: translate(2.65rem,0px);}
#curePlan{position: absolute;top: 25%;right: 0;width: 100%;}
#curePlan .mui-slider-item a{width: 2.4rem;height: 1.6rem;display: inline-block;float: left;overflow: hidden;position: relative;}
#curePlan .mui-slider-item a em{    position: absolute; bottom: 0; font-size: 12px;  width: 100%; text-align: center; left: 0; background: rgba(0,0,0,.4); color: #fff;}
#curePlan .mui-slider-item span{float: left;width: 2.4rem;display: block;background:#f4f4f4;padding: 0;height: .95rem;}
#curePlan .mui-slider-item span em{font-size: .20rem;padding: 0 .2rem;}
#curePlan .mui-slider-item span p:nth-child(2){color: #666;font-size: .24rem;line-height: .4rem;overflow: hidden !important;text-overflow: ellipsis !important;-webkit-box-orient: vertical !important;display: -webkit-box !important; -webkit-line-clamp: 2 !important;}
#curePlan .mui-slider-item span p{display: none;}
#curePlan .mui-slider-item span i{color: #333;font-size: .24rem;position: relative;height: .90rem;line-height: .90rem;display: block;}
#curePlan .mui-slider-item span i:before{color: #0080cc;}
#curePlan .IndexBaner_Icons2 a{width:.1rem;height: .1rem;border-radius: 100%;background:#0280cc;display: inline-block;margin: 1px 6px;}
#curePlan .IndexBaner_Icons2{bottom: 0;}
#curePlan .IndexBaner_Icons2 a.on{background: #d8b073;}
#btn_prev2{position: absolute;left: .3rem;top: .6rem;}
#btn_next2{position: absolute; right: 1.7rem; top: .6rem;}
#btn_prev2:before,#btn_next2:before{font-size: 1rem;width: 1rem; height: 1rem;}
#btn_next2:before{transform: rotateY(180deg);-webkit-transform: rotateY(180deg)}

.sliderArrow{-webkit-tap-highlight-color:transparent;position: fixed;height: .84rem;background: url(../images/mini_bg.png) no-repeat;background-position: .12rem 0;bottom:.28rem;z-index: 50;right:.28rem;-webkit-user-select: none;width: .84rem;background-color: rgba(255,255,255,.4);border-radius: 100%;cursor: pointer;display: block !important;outline: 0;background-size: cover;background-clip: border-box;transition: -webkit-transform 251ms ease-out;}


/*.sliderArrow.arrowTiao:after{content: '\e102';font-family: kl !important;font-size: .5rem;color: #fff;    left: 3.6rem; position: absolute;}*/
.sliderArrow.arrowTiao.active{background-position: -.53rem 0px;transition: -webkit-transform 251ms ease-out;transform: translate(-2.64rem, 0px);background-color: rgba(0,0,0,.6);}
.IndexBaners{overflow:hidden;position:relative;width:100%;}
.IndexBaner_Imgs2{overflow:hidden;display:block;width: 5rem;white-space:normal;position:relative;left: 0rem;top: 0;}
.IndexBaner_Imgs2 .mui-slider-item{overflow:hidden;white-space:normal;position:relative;width: 2.4rem;margin-left: .12rem;}
.IndexBaner_Imgs2 li{float:left;width: 2.4rem;border: 0;overflow: hidden; height: 1.6rem;border-radius: 0px;display: block;margin: .06rem 0;}
.mui-slider-item ul li.active{border:2px solid rgba(228, 188, 100, 1);}
.IndexBaner_Imgs2 a{display:block;}
.mui-slider .mui-slider-group.mui-slider-loop{-webkit-transform: translate(0%, 0); transform: translate(0%, 0);}

.IndexBaner_Imgs2 li a img{border:0px; width:100%;display: block;height: 100%;}

.IndexBaner_Imgs2 li span{ display:block; width: 5.4rem;  padding: .5rem 0; margin: 0 auto; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background: #f5f5f5; text-align: center;}
.IndexBaner_Imgs2 span p{ color: #0280cc; font-size: .24rem; overflow: hidden !important;  text-overflow: ellipsis !important; -webkit-box-orient: vertical !important;  display: -webkit-box !important;  -webkit-line-clamp: 1 !important;  margin-top: .17rem;  height: .23rem;  line-height: .23rem;}
.IndexBaner_Imgs2 span em{color: #333;font-size: .24rem;overflow: hidden !important;  text-overflow: ellipsis !important;  -webkit-box-orient: vertical !important; display: -webkit-box !important;  -webkit-line-clamp: 1 !important;}
.newSlideIndex{background: #fff;margin-top: .17rem;padding-bottom: .3rem;}
.luntit{width: 100%;position: relative;display: inline-block;height: .88rem;}
.luntit h1{color: #fff;font-size: .28rem;width: 100%;text-align: center;position: relative;z-index: 9;}
.luntit img{width: 1.98rem;height: .82rem;display: block;position: absolute;left: 2.2rem;top: -8px;}

.newSlideIndex h2,#sliderList h2,.sleftAdvice h2{margin-left: .5rem;}
#sliderSegmentedControl:after{position: absolute;right:.5rem; bottom: 0; left:.5rem; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #E7E7E7;}

.IndexBaner_Icons2 { position: absolute; bottom: 8px;  width: 100%; text-align: center; background: 0 0;}
/*箭头跳动*/
.arrowTiao:after { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
    -webkit-animation-name: hvr-bob-float, hvr-bob;animation-name: hvr-bob-float, hvr-bob;-webkit-animation-duration: .3s, 1.5s;animation-duration: .3s, 1.5s;-webkit-animation-delay: 0s, .3s;animation-delay: 0s, .3s;-webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;-webkit-animation-iteration-count: 1, infinite;animation-iteration-count: 1, infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@media only screen  and (min-width: 750px){
    .wrap{height:11.34rem !important;}
    .bImg.img4,.bImg{left: 0;}
    .bImg{top: -2rem;}
    .bImg.img4{top: -1.5rem;}
    .bImg.img3{top: -3.5rem;}
}
.blCircle{position:absolute;width: .46rem;height: .46rem;opacity: 1;top: 4.8rem;left: 8.5rem;cursor: pointer;z-index: 12;}
.blCircle .cir{   background: rgb(150, 150, 150);  border-radius: 100%;  position:absolute;  left: .25rem;   top: .25rem;  width: .15rem;  height: .15rem;  animation: run1 1s  ease infinite; -webkit-animation: run1 1s  ease .3s infinite;  }

.blCircle .on .c2{animation:run1 1s  ease infinite;-webkit-animation:run1 1s  ease .3s infinite;}
.blCircle .on .c3{animation:run1 1s  ease 0.5s infinite;-webkit-animation:run1 1s  ease 0.5s infinite;}
.blCircle .c1{width: .22rem;height: .22rem;left: .2rem;top: .2rem;opacity: 1;z-index: 9;animation:run1 1s  ease 1;-webkit-animation:run1 1s ease 1;}
.blCircle .c2{width: .3rem;height: .3rem;top: .16rem;left: .16rem;opacity: .6;z-index: 8;}
.blCircle .c3{width: 0.32rem;height: .32rem;top: .1rem;left: .1rem;opacity: .4;z-index: 7;display: none;}


@keyframes run1{
    0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);opacity:1;
    }
    20%{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);opacity:.8;
    }
    40%{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);opacity:.6;
    }
    60%{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);opacity:.4;
    }
    80%{-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);opacity:.2;
    }
    100%{
        -webkit-transform: scale(1.5); -moz-transform: scale(1.5);-ms-transform: scale(1.5); -o-transform: scale(1.5);transform: scale(1.5);opacity:0;
    }
}
@-webkit-keyframes run1{
    0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);opacity:1;
    }
    20%{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);opacity:.8;
    }
    40%{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);opacity:.6;
    }
    60%{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);opacity:.4;
    }
    80%{-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);opacity:.2;
    }
    100%{
        -webkit-transform: scale(1.5); -moz-transform: scale(1.5);-ms-transform: scale(1.5); -o-transform: scale(1.5);transform: scale(1.5);opacity:0;
    }
}
/*波纹箭头*/
.adipoli-wrapper .blCircle,.adipoli-wrapper .cir2{left: auto;top:auto;}
.arrow {
    display: inline-block;
    position: absolute;
    top: .15rem;
    left: .05rem;
    z-index: 9;
    width: auto;
    height: auto;
    animation:upArrow 1.5s  ease-out infinite;
    -webkit-animation:upArrow 1s ease-out infinite;
    width: 60%;
}
@keyframes upArrow{
    0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);opacity:1;
        -webkit-transform: translate(0px, 50px);-moz-transform: translate(0px, 50px);-ms-transform: translate(0px, 50px); -o-transform: translate(0px, 50px); transform: translate(0px, 50px);
    }
    20%{-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8);opacity:.8;
        -webkit-transform: translate(0px, 41px);-moz-transform: translate(0px, 41px);-ms-transform: translate(0px, 41px); -o-transform: translate(0px, 41px); transform: translate(0px, 41px);
    }
    40%{-webkit-transform: scale(.6);-moz-transform: scale(.6);-ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6);opacity:.6;
        -webkit-transform: translate(0px, 32px);-moz-transform: translate(0px, 32px);-ms-transform: translate(0px, 32px); -o-transform: translate(0px, 32px); transform: translate(0px, 32px);
    }
    60%{-webkit-transform: scale(.4);-moz-transform: scale(.4);-ms-transform: scale(.4); -o-transform: scale(.4); transform: scale(.4);opacity:.4;
        -webkit-transform: translate(0px, 23px);-moz-transform: translate(0px, 23px);-ms-transform: translate(0px, 23px); -o-transform: translate(0px, 23px); transform: translate(0px, 23px);
    }
    80%{-webkit-transform: scale(.2);-moz-transform: scale(.2);-ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2);opacity:.2;
        -webkit-transform: translate(0px, 14px);-moz-transform: translate(0px, 14px);-ms-transform: translate(0px, 14px); -o-transform: translate(0px, 14px); transform: translate(0px, 14px);
    }
    100%{
        -webkit-transform: scale(0); -moz-transform: scale(0);-ms-transform: scale(0); -o-transform: scale(0);transform: scale(0);opacity:0;
        -webkit-transform: translate(0px, 7px);-moz-transform: translate(0px, 7px);-ms-transform: translate(0px, 7px); -o-transform: translate(0px, 7px); transform: translate(0px, 7px);
    }
}
@-webkit-keyframes upArrow{
    0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);opacity:1;
        -webkit-transform: translate(0px, 50px);-moz-transform: translate(0px, 50px);-ms-transform: translate(0px, 50px); -o-transform: translate(0px, 50px); transform: translate(0px, 50px);
    }
    20%{-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8);opacity:.8;
        -webkit-transform: translate(0px, 41px);-moz-transform: translate(0px, 41px);-ms-transform: translate(0px, 41px); -o-transform: translate(0px, 41px); transform: translate(0px, 41px);
    }
    40%{-webkit-transform: scale(.6);-moz-transform: scale(.6);-ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6);opacity:.6;
        -webkit-transform: translate(0px, 32px);-moz-transform: translate(0px, 32px);-ms-transform: translate(0px, 32px); -o-transform: translate(0px, 32px); transform: translate(0px, 32px);
    }
    60%{-webkit-transform: scale(.4);-moz-transform: scale(.4);-ms-transform: scale(.4); -o-transform: scale(.4); transform: scale(.4);opacity:.4;
        -webkit-transform: translate(0px, 23px);-moz-transform: translate(0px, 23px);-ms-transform: translate(0px, 23px); -o-transform: translate(0px, 23px); transform: translate(0px, 23px);
    }
    80%{-webkit-transform: scale(.2);-moz-transform: scale(.2);-ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2);opacity:.2;
        -webkit-transform: translate(0px, 14px);-moz-transform: translate(0px, 14px);-ms-transform: translate(0px, 14px); -o-transform: translate(0px, 14px); transform: translate(0px, 14px);
    }
    100%{
        -webkit-transform: scale(0); -moz-transform: scale(0);-ms-transform: scale(0); -o-transform: scale(0);transform: scale(0);opacity:0;
        -webkit-transform: translate(0px, 7px);-moz-transform: translate(0px, 7px);-ms-transform: translate(0px, 7px); -o-transform: translate(0px, 7px); transform: translate(0px, 7px);
    }
}
/*底部tips*/
.tips{position: fixed;bottom: 0;color: #fff; font-size: 10px;left: 2px;opacity: .7;}



/*单独给静态细节图 去掉加载效果,显示高清图*/
#viewDetail .one .adipoli-after,
#viewDetail .four .adipoli-after,
#viewDetail .nine .adipoli-after,
#viewDetail .two .adipoli-after{display: none !important;}
#viewDetail .one img.row5,
#viewDetail .four img.row5,
#viewDetail .nine img.row5,
#viewDetail .two img.row5{position: fixed;left: 1rem;top: 26%;width: 5.65rem;height: auto;z-index: 99;}

.three .adipoli-after{left:1.7rem;}

.one .blCircle .cir,.two .blCircle .cir,.three .blCircle .cir,
.six .blCircle .cir,.seven .blCircle .cir,.eight .blCircle .cir,
.ten .blCircle .cir{background: rgb(102,102,102) !important;}

#viewDetail .three .titCont .titP{top: 7.7rem !important;}
#viewDetail .nine .titCont .titP,#viewDetail .one .titCont .titP,#viewDetail .four .titCont .titP,#viewDetail .two .titCont .titP{top: 7.3rem !important;}

@media only screen  and (min-width: 375px){
    .titCont .titP{top: 7.2rem !important;}
}
@media only screen  and (min-width: 414px) and (max-width: 750px){
    .wrap{height:14.72rem !important;}

    #viewDetail .three .titCont .titP{top: 6.6rem !important;}
    #viewDetail .five .titCont .titP{top: 6.5rem !important;}
    #viewDetail .seven .titCont .titP{top: 6.2rem !important;}
    #viewDetail .ten .titCont .titP{top: 6.2rem !important;}
    #viewDetail .six .titCont .titP{top: 6.2rem !important;}
    .img2 .three .adipoli-after { left: 2rem;}
    /*主图==第一张图*/
    #viewDetail.img1 .one{top: 7.8rem;left: 11rem;position: absolute;}
    #viewDetail.img1 .two{position: absolute;left: 4rem;top: 4rem;}
    #viewDetail.img1 .three{top: 8rem;left: 1rem;position: absolute;}
    #viewDetail.img1 .four{position: absolute;left: 7rem;top: 7rem;}
    #viewDetail.img1 .five{position: absolute;top: 4.8rem;right: 292px;}
    /*场景1==第二张图*/
    #viewDetail.img2 .one{top: 8.8rem;left: 9rem;position: absolute;}
    #viewDetail.img2 .one .tit { left: 7rem; top: 9rem;}
    #viewDetail.img2 .three{top: 4rem;left: 2.7rem;position: absolute;}
    #viewDetail.img2 .four{top: 2.8rem;left: 9.2rem;position: absolute;}
    #viewDetail.img2 .five{position: absolute;top: 3rem;right: 1.5rem;}
    #viewDetail.img2 .nine{top: 4rem;right: 4rem;position: absolute;}
    /*场景2==第三张图*/
    #viewDetail.img3 .three{top: 4.7rem;left: 3.6rem;position: absolute;}
    #viewDetail.img3 .four{left: 12.5rem;top: 4.3rem;position: absolute;}
    #viewDetail.img3 .five{top: 4.5rem;left: 15.6rem;position: absolute;}
    #viewDetail.img3 .six{top: 9rem;left: 17.7rem;position: absolute;}
    #viewDetail.img3 .seven{position: absolute;top: 9.5rem;right: 1.4rem;}
    #viewDetail.img3 .eight{position: absolute;top: 8.3rem;right: 2.9rem;}
    #viewDetail.img3 .nine{top: 5.7rem;right: 1rem;position: absolute;}
    /*场景3==第四张图*/
    #viewDetail.img4 .eight{position: absolute;top: 7.8rem;right: 5.9rem;}
    #viewDetail.img4 .two{top: 2.3rem;right: -2.8rem;position: absolute;}
    #viewDetail.img4 .ten {top: 7rem;right: -1.8rem;position: absolute;}
    #viewDetail.img4 .seven {top: 8.2rem;right: 4.5rem;position: absolute;}
    #viewDetail.img4 .five {top: 1.3rem;right: 4.7rem;position: absolute;}
    #viewDetail.img4 .nine {top: 2.8rem;right: 5.8rem;position: absolute;}
    #viewDetail.img4 .six {top: 6rem;right: 2.3rem;position: absolute;}
    #viewDetail.img4 .four {top: .5rem;right: 6rem;position: absolute;}
    /*场景5==第六张图*/
    #viewDetail.img5 .four{left: 7.8rem;top: 2.8rem;position: absolute;}
    #viewDetail.img5 .five{top: 2.5rem;left: 12rem;position: absolute;}
    #viewDetail.img5 .six{top: 10rem;position: absolute;right: -2.6rem;}
    #viewDetail.img5 .seven{position: absolute;top: 10rem;left: 5.65rem;}
    #viewDetail.img5 .eight{position: absolute;top: 8rem;right: 11rem;}
    #viewDetail.img5 .nine{top: 5rem;right: 7.3rem;position: absolute;}


}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
	#bImg{width: 100%;    height: 100%;   left: 0; overflow: hidden;position: absolute;}
	body{height: 1050px;overflow: hidden;}
	/*场景1==第二张图*/
    #viewDetail.img2 .one{top: 7.4rem;left: 4.5rem;}
    #viewDetail.img2 .one .tit { left: 7rem; top: 9rem;}
    #viewDetail.img2 .three{top: 3.5rem;left: 1.2rem;}
    #viewDetail.img2 .four{top: 2.3rem;left: 4.8rem;}
    #viewDetail.img2 .five{top: 2.5rem;right: -2rem;}
    #viewDetail.img2 .nine{top: 3.3rem;right: -.7rem;}
 /*场景2==第三张图*/
    #viewDetail.img3 .three{top: 4.5rem;left: 1.5rem;}
    #viewDetail.img3 .four{left: 7.85rem;top: 4rem;}
    #viewDetail.img3 .five{top: 3.6rem; left: 6.3rem;}
    #viewDetail.img3 .six{top: 7.8rem;left: 8.9rem;}
    #viewDetail.img3 .seven{top: 7.8rem;right: -2.1rem;}
    #viewDetail.img3 .eight{top: 7.1rem;right: -1.4rem;}
    #viewDetail.img3 .nine{top: 4.7rem;right: -2.2rem;}
    /*场景3==第四张图*/
    #viewDetail.img4 .eight{top: 6.2rem; left: 2.5rem;}
    #viewDetail.img4 .two{top: 2.8rem;right: -1.7rem; }
    #viewDetail.img4 .ten {top: 5.7rem;right: -1.3rem; }
    #viewDetail.img4 .seven {top: 6.8rem;right:1.2rem; }
    #viewDetail.img4 .five {top: 2rem;right: 1rem; }
    #viewDetail.img4 .nine {top: 3.1rem;right: 7.9rem; }
    #viewDetail.img4 .six {top: 5.2rem;right: 0.3rem; }
    #viewDetail.img4 .four {top: 1.6rem;right: 1.8rem; }
    .ten .blCircle .cir,.eight .blCircle .cir,.six .blCircle .cir { background: rgb(150, 150, 150) !important;}
    .titCont .titP{top: 5rem !important;left: 2.6rem;width: 55%;}
    .adipoli-after{left: 8rem;}
    #viewDetail .one img.row5, #viewDetail .four img.row5, #viewDetail .nine img.row5, #viewDetail .two img.row5{left: 2.6rem; top: 25%;}
	#viewDetail .one .titCont .titP, #viewDetail .four .titCont .titP, #viewDetail .nine .titCont .titP, #viewDetail .two .titCont .titP{    top: 6.6rem !important;}
	.three .adipoli-after{left: 6.5rem}
	#viewDetail .three .titCont .titP {  top: 5.2rem !important;}
}
@media only screen and (min-width: 1025px) and (max-width: 1166px) {
	#bImg{width: 100%;    height: 100%;   left: 0; overflow: hidden;position: absolute;}
	body{height: 1050px;overflow: hidden;}
	.bImg {    top: -1.4rem !important;}
	.bImg.img3{ top: -1.5rem !important;}
	/*场景1==第二张图*/
     #viewDetail.img2 .one{top: 7.4rem;left: 5rem;}
    #viewDetail.img2 .one .tit { left: 7rem; top: 9rem;}
    #viewDetail.img2 .three{top: 3.5rem;left: 1.5rem;}
    #viewDetail.img2 .four{top: 2.3rem;left: 5rem;}
    #viewDetail.img2 .five{top: 2.5rem;right: -1.2rem;}
    #viewDetail.img2 .nine{top: 3.3rem;right: 0;}
 /*场景2==第三张图*/
    #viewDetail.img3 .three{top: 4.5rem;left: 2.2rem;}
    #viewDetail.img3 .four{left: 6.6rem;top: 3.6rem;}
    #viewDetail.img3 .five{top: 4rem;left: 8.55rem;}
    #viewDetail.img3 .six{top: 7.7rem; left: 9.8rem;}
    #viewDetail.img3 .seven{top: 7.8rem;right: -1.7rem;}
    #viewDetail.img3 .eight{top: 7.1rem;right: -1rem;}
    #viewDetail.img3 .nine{top: 4.7rem;right: -2rem;}
    /*场景3==第四张图*/
     #viewDetail.img4 .eight{top: 6.3rem;right: 2.4rem;}
    #viewDetail.img4 .two{top: 2.8rem;right: -1.4rem;}
    #viewDetail.img4 .ten {top: 5.7rem;right: -0.9rem;}
    #viewDetail.img4 .seven {top: 6.8rem;right: 1.8rem;}
    #viewDetail.img4 .five {top: 2rem;right: 1.7rem;}
    #viewDetail.img4 .nine {top: 3.1rem;right: 2.5rem;}
    #viewDetail.img4 .six {top: 5.2rem;right: .9rem;}
    #viewDetail.img4 .four {top: 1.6rem;right: 2.6rem;}
    .ten .blCircle .cir{ background: rgb(150, 150, 150) !important;}
    .titCont .titP{top: 5rem !important;    left: 2.6rem;  width: 50%;}
    .adipoli-after{left: 4.2rem;}
    #viewDetail .one img.row5, #viewDetail .four img.row5, #viewDetail .nine img.row5, #viewDetail .two img.row5{left: 2.6rem; top: 25%;}
	#viewDetail .one .titCont .titP, #viewDetail .four .titCont .titP, #viewDetail .nine .titCont .titP, #viewDetail .two .titCont .titP{    top: 6.6rem !important;}
	.three .adipoli-after{left: 4.5rem}
	#viewDetail .three .titCont .titP {  top: 5.2rem !important;}

}
@media only screen and (min-width: 1167px) and (max-width: 1440px) {
	#bImg{width: 100%;    height: 100%;   left: 0; overflow: hidden;position: absolute;    top: -1.5rem !important;}
	body{height: 1050px;overflow: hidden;}
	.newLoading #lologo2{    top: -4rem;}
	.newBlack.newLoading{height: 3rem;}
	.handFloat em{right: 4.3rem;}
	/*场景1==第二张图*/
    #viewDetail.img2 .one{top: 7.4rem;left: 6.5rem;}
    #viewDetail.img2 .one .tit { left: 7rem; top: 9rem;}
    #viewDetail.img2 .three{top: 3.5rem;left: 2rem;}
    #viewDetail.img2 .four{top: 2.3rem;left: 6.4rem;}
    #viewDetail.img2 .five{top: 2.5rem;right: -.5rem;}
    #viewDetail.img2 .nine{top: 3.3rem;right: 1.3rem;}
 /*场景2==第三张图*/
    #viewDetail.img3 .three{top: 4.5rem;left: 2.2rem;}
    #viewDetail.img3 .four{left: 9rem;top: 3.6rem;}
    #viewDetail.img3 .five{top: 4rem;left: 11.1rem;}
    #viewDetail.img3 .six{top: 7.8rem;left: 12.6rem;}
    #viewDetail.img3 .seven{top: 7.8rem;right: -.7rem;}
    #viewDetail.img3 .eight{top: 7.1rem;right: .4rem;}
    #viewDetail.img3 .nine{top: 4.7rem;right: -.8rem;}
    /*场景3==第四张图*/
    #viewDetail.img4 .eight{top: 6.2rem;left: 3.7rem;}
    #viewDetail.img4 .two{top: 2.8rem;right: -0.1rem;}
    #viewDetail.img4 .ten {top: 5.7rem;right: .4rem;}
    #viewDetail.img4 .seven {top: 6.8rem;right: 4rem;}
    #viewDetail.img4 .five {top: 2rem;right: 3.7rem;}
    #viewDetail.img4 .nine {top: 3.1rem;right: 4.8rem;}
    #viewDetail.img4 .six {top: 5.2rem;right: 2.4rem; }
    #viewDetail.img4 .four {top: 1.6rem;right: 4.9rem;}
    .ten .blCircle .cir{ background: rgb(150, 150, 150) !important;}
    .titCont .titP{top: 5rem !important;left: 5.2rem;width: 30%;}
    .adipoli-after{left: 5.8rem;}
    #viewDetail .one img.row5, #viewDetail .four img.row5, #viewDetail .nine img.row5, #viewDetail .two img.row5{     left: 5rem;
    top:31%;
    width: 33%;
    position: fixed;}
    
    
	#viewDetail .one .titCont .titP, #viewDetail .four .titCont .titP, #viewDetail .nine .titCont .titP, #viewDetail .two .titCont .titP{    top: 6.2rem !important;}
	.three .adipoli-after{left: 6rem;}
	#viewDetail .three .titCont .titP {  top: 5.2rem !important;}

}
@media only screen and (min-width: 1441px) and (max-width:1922px) {
	#bImg{width: 100%;    height: 100%;   left: 0; overflow: hidden;position: absolute;top: 0rem !important;}
	.img2#bImg{top: -1.4rem !important;}
	body{height: 1050px;overflow: hidden;}
	.handFloat em{right: 6.8rem;}
	/*场景1==第二张图*/
    #viewDetail.img2 .one{top: 7.4rem;left: 8.6rem;}
    #viewDetail.img2 .one .tit { left: 7rem; top: 9rem;}
    #viewDetail.img2 .three{top: 3.5rem;left: 2.5rem;}
    #viewDetail.img2 .four{top: 2.3rem;left: 8.8rem;}
    #viewDetail.img2 .five{top: 2.5rem;right: 1.2rem;}
    #viewDetail.img2 .nine{top: 3.3rem;right: 3.6rem;}
 /*场景2==第三张图*/
    #viewDetail.img3 .three{top: 4.5rem;left: 3.2rem;}
    #viewDetail.img3 .four{left: 11.8rem;top: 3.6rem;}
    #viewDetail.img3 .five{top: 4rem;left: 14.8rem;}
    #viewDetail.img3 .six{top: 7.8rem;left: 16.8rem;}
    #viewDetail.img3 .seven{top: 7.8rem;right: 1rem;}
    #viewDetail.img3 .eight{top: 7.1rem;right: 2.4rem;}
    #viewDetail.img3 .nine{top: 4.7rem;right: .8rem;}
    /*场景3==第四张图*/
    #viewDetail.img4 .eight{top: 6.2rem; right: 8.3rem;;}
    #viewDetail.img4 .two{top: 2.8rem;right: 1.6rem; }
    #viewDetail.img4 .ten {top: 5.7rem;right: 2.4rem; }
    #viewDetail.img4 .seven {top: 6.8rem;right:7.2rem; }
    #viewDetail.img4 .five {top: 2rem;right: 7.1rem; }
    #viewDetail.img4 .nine {top: 3.1rem;right: 7.9rem; }
    #viewDetail.img4 .six {top: 5.2rem;right: 5.4rem; }
    #viewDetail.img4 .four {top: 1.6rem;right: 8.2rem; }
    .ten .blCircle .cir,.six .blCircle .cir { background: rgb(150, 150, 150) !important;}
    .titCont .titP{top: 5rem !important;left: 6.6rem;width: 30%;}
    .adipoli-after{left: 8rem;}
    #viewDetail .one img.row5, #viewDetail .four img.row5, #viewDetail .nine img.row5, #viewDetail .two img.row5{left: 6.6rem; top: 25%;}
	#viewDetail .one .titCont .titP, #viewDetail .four .titCont .titP, #viewDetail .nine .titCont .titP, #viewDetail .two .titCont .titP{    top: 6.6rem !important;}
	.three .adipoli-after{left: 8.5rem}
	#viewDetail .three .titCont .titP {  top: 5.2rem !important;}

}
.titCont .titP.newTop{top: 5.2rem !important;}
#viewDetail .three .titCont .titP.newTop{top: 5.2rem !important;}
.ten.newColor .blCircle .cir{background: rgb(150, 150, 150) !important;}
@media only screen and (min-width: 1923) and (max-width:2097) {
	#viewDetail .nine img.row5{left: 6.85rem; top: 18%;}
	
}



.adipoli-after{
    display: none!important;
}
.bs-img-box{
    position: fixed;
    left: 1rem;
    top: 7%;
    width: 5.65rem;
    height: auto;
    z-index: 99;
}
.bs-img-box em.close{
    pointer-events: none;
}

.bs-img-box > h1{
    font-size: .32rem;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: .35rem;
    padding-bottom: 0.2rem;
}

.bs-img-box > p{
    font-size: .12rem;
    color: #fff;
    line-height: .35rem;
    padding-top: 0.2rem;
}
.bs-img-box > .titP{
    font-size: .24rem;
}

@media (min-width: 700px) {
	.bs-img-box{
        width: 30vw;
        height: auto;
        left: 35vw;
        top: 10vw;
    }

}