AoMenJiBenFa/hot/public/eleBook/Public/Panonn/static/css/puc.css

@charset "utf-8";
*{ margin:0; padding:0; outline: none;font-size:14px; word-wrap: break-word;font-family:myFirstFont;  }
body,html{
    width: 100%;height: 100%;overflow: hidden;-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none;
    /*background: #c4e2d8;*/
}
h2{font-weight: normal}
body{width: 100%;}
i{font-style: normal}
a{ text-decoration:none;cursor: pointer}
ul{ list-style-type:none;}
.clear{clear:both }
.fn{float: none!important;}
.tl{text-align: left!important;text-indent: 20px}

.swiper-slide {
    -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  overflow: hidden;
}

/*滚动条样式*/
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{
    margin: 0!important;
}
/*公共弹窗*/
.puc_bg{
    position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;z-index: 5;
}
.puc_tc{
    position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
    background:rgba(0,0,0,.3); border-radius:8px;display: none;z-index: 6!important;
}
.puc_tit{
    line-height: 45px;text-align: left;position: relative;font-size: 16px;border-bottom: 1px solid rgba(0,0,0,.1);text-indent: 20px;color: #fff;
}
.puc_col{
    position: absolute;top: 0;bottom: 0;margin: auto;display: inline-block;width: 22px;height: 22px;right: 18px;
    background: url("../images/colTc.svg") no-repeat 50% 50%;background-size: 16px auto;cursor: pointer;
    -o-transition: all .2s;  transition: all .2s;
}
.puc_col2{
    position: absolute;top: 40px;display: inline-block;width: 32px;height: 32px;right: 40px;-webkit-transition: all .2s;
    background: url("../images/puc_col2.svg") no-repeat 50% 50%;background-size: 30px auto;cursor: pointer;
    -o-transition: all .2s;  transition: all .2s;z-index: 8;
}
.puc_col3{
    position: absolute;top: 15px;margin: auto;display: inline-block;width: 22px;height: 22px;right: 18px;
    background: url("../images/puc_col3.png") no-repeat 50% 50%;background-size: 18px auto;cursor: pointer;
    -o-transition: all .2s;  transition: all .2s;
}
.puc_fh{
    position: absolute;top: 50px;left: 40px;color: #fff;text-indent: 20px;background: url("../images/lef1.svg") no-repeat 0 50%;
    background-size: 10px auto;z-index: 1;display: inline-block;cursor: pointer;
}
.puc_col:hover,
.sand_btn2:hover,
.puc_col3:hover,
.puc_col2:hover {
    -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  transform: rotate(180deg);
}

/*模糊背景*/
.puc_bg,
.pic_txt,
.rig_b,
.nav_div,
.guide_d2 a,
.sandBi1 span,
.opus_bg,
.sand_box,
.rig_btn a:after,
.bot2_i1:after,
.bot2_v1_i3:after,
.bot2_w4:after,
.bot2_v2 i:after,
.opus_btn,
.talk_d2_xml,
.nav li:hover .nav_a,
.nav_on .nav_a{
    backdrop-filter: saturate(180%) blur(9px);-webkit-backdrop-filter: saturate(180%) blur(6px);background:rgba(0,0,0,.7);
}

.exin  .sandBi1 span,
.exin .pic_txt,
.exin .rig_b,
.exin .nav_div,
.exin .guide_d2 a,

.exin .opus_bg,
.exin .sand_box,
.exin .opus_btn,
.exin .nav li:hover .nav_a,
.exin .rig_btn a:after,
.exin .bot2_i1:after,
.exin .bot2_w4:after,
.exin .bot2_v1_i3:after,
.exin .bot2_v2 i:after,
.exin .nav_on .nav_a,
.exin .wares_bg,
.exin .talk_d2_xml{
    background:rgba(0,0,0,.45);
}
.exin .talk_tc{
    background:rgba(0,0,0,.7) !important;
}
.exin .puc_bg{
    background:rgba(0,0,0,.7 );
}
.exin  .share_k1 i,
.exin  .share_d2 a,
.exin  .choiceModeNav a,
.exin  .PopUpcententLeft p,
.exin .puc_tit{
    color: #333;
}
.exin  .share_k1 b{
    border: 2px solid #999;
}
.exin  .share_k1_on b::before{
    background: #666;
}
.exin  .mess_tc,
.exin  .scene_tc,
.exin  .share_tc,
.exin  .call_tc,
.exin  .choiceModeMain,
.exin  .remotePopUpMain{
    background:rgba(255,255,255,1);  border:1px solid rgba(255,255,255,1);
}
.exin .puc_col{
    background: url("../images/livei20.svg") no-repeat 50% 50%;background-size: 18px auto;
}
.exin .talk_d1 .puc_col{
    background: url("../images/sand_col.svg") no-repeat 50% 50%;
}
.exin  .passiveModeCentent input{
    color: #333;border-bottom: 1px solid #333;
}
.exin  .dk_div a{
    color: #333;
}
.exin  .dk_div a:before{
    border: 1px solid rgba(0,0,0,.8);
}
.exin  .choiceModeNav i {
    background-color: rgba(0,0,0,.2);
}
.exin  .dk_div_a1{
    background: url("../images/uuus2.svg") no-repeat 50% 15px ;background-size: 23px auto;
}
.exin  .dk_div_a2{
    background: url("../images/skfs2.svg") no-repeat 50% 15px ;background-size: 22px auto;
}
.exin  .passiveModeCentent input::-webkit-input-placeholder { /* WebKit browsers */
    color:#333;
}
.exin  .passiveModeCentent input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#333;
}
.exin  .passiveModeCentent input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#333;
}
.exin  .passiveModeCentent input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#333;
}

.pic_h2{
    position: absolute;top: 40px;left: 50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);
    color: #fff;font-size: 20px;width: -webkit-max-content;  width: -moz-max-content;  width: max-content;z-index: 8;
    text-shadow:0px 0px 6px rgba(0, 0, 0, 0.6);
}
/*视频*/
.vid_tc{
    position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;background: none;width: 100%;
    height: 100%;border: 0;transform:none;-webkit-transform:none;-ms-transform: none;
}

.puc_tc.vid_tc.v_bg3 {}
.vid_box{
    position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
    width: 60%;height:62%;
:}
.vid_box video{
    width: 100%;
}
.video_close {
    z-index: 4;
    margin: initial;
    top: .1rem;
    left: auto;
    right: .1rem;
    bottom: auto;

}
.video_close_mobile{
    z-index: 10002;
    position: fixed;
    width: .4rem;
    height: .4rem;
    background-size: 100% auto;
    right: 0;
    display: inline-block;
    margin: initial;
    top: .1rem;
    left: auto;
    right: .1rem;
    bottom: auto;
}

.v_bg3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 90%;
}
/* 场景轮播图不居中问题 */
.pic_swi .swiper-slide{
    width: 100% !important;
}