@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration: none;color:#333;}
.red,.no{ color: red; }
.yes{color: #16b777; }
.hide{ display: none; }
button{ display: block; border: 0;background: transparent;cursor: pointer; }
button:disabled{ opacity: .3; cursor: not-allowed; }
.w1000{ 
    width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6666;
}
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat center center fixed;
    overflow: hidden;
}
#videoPlayer {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
}
#audioToggle {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 66666;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
.dialog {
    /* display: none; */
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 666;
}
.dialogTitle{ color: #fff;text-align: center;font-size: 26px; }
.content-data{ position: relative;width: 100%;height: 100%; }
/** video-remark-1 **/
.video-remark-1{ position: relative;}
.bth-ck-0{
    position: absolute;
    top: 23px;
    width: 316px;
    height: 510px;
    background: transparent;
    z-index: 6;
}
.bth-ck-0.pls{left: 136px;}
.bth-ck-0.prs{right: 125px;}
/** detail-2 **/
.detail-2 .bth-ck-0{
    color: red;
    font-size: 235px;
}
.detail-2 .bth-ck-0.prs{ color:#16b777; }
.bth-event{
    position: absolute;
    bottom: 50px;
    right: 50px;;
    background: transparent;
    z-index: 5;
}
.bth-event img{ width: 300px; }
.bth-event .bth-next{ margin-top: 20px; }
/** 设备 **/
.bth-shebei{ position: fixed;top: 50px;left: 50px; }
.bth-shebei img{ width: 200px; }
/** 打磨方法 **/
.bth-damo{ position: fixed;top: 135px;left: 50px; }
.bth-damo img{ width: 200px; }
/** detail-3 **/
.detail-3{ 
    height: 563px;
    background: url(../images/message.png) no-repeat center top;
    background-size: cover;
    color: #fff;
 }
 .detail-3 .desc-content{
    padding: 50px 50px 0;
 }
 .detail-3 h5{ text-align: center;font-size: 26px; }
 .detail-3 .desc-content-text{ /*display: flex;flex-direction: column;justify-content: center;*/width: 650px;height: 345px; margin: 20px auto 0;padding-top: 25px;overflow: hidden; }
 .detail-3 .desc-content-text p{ line-height: 38px;font-size: 26px;}
 .detail-3 .desc-content-text p:not(:last-child){ margin-bottom: 12px; }
.comm-next{width: 230px;height: 66px;text-align: center;color: #fff;font-size: 26px;font-weight: bold;margin: 0 auto;}
.comm-next.bth-return{
    width: 110px;
    position: fixed;
    top: 14px;
    right: 90px;
    z-index: 6669;
}
.comm-next.bth-return img{ width: 100%; }
/** lay-contents **/
.lay-contents {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
}
.lay-contents .lay-bth{ position: relative; }
.lay-contents .lay-bth button{
    position: relative;
    width: 308px;
    height: 80px;
    margin: 15px 0;
}
.lay-contents .lay-bth h6{ position: absolute;top: 51%;left: 50%;color: #fff;font-size: 26px;transform: translate(-40%, -50%); }
.lay-bth .close-x{
    position: absolute;
    top: -25px;
    right: -50px;
    cursor: pointer;
    z-index: 55;
}
/* keyframes */
.active .animated,
.active .animateds,
.animated{ -webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
.always-visible{ visibility: visible !important;animation-name: fadeInUp !important; }
/** 提示 **/
.confirm_box_wrapper{position: fixed;top: 0;bottom: 0;left: 0;right: 0;text-align: center;z-index: 2000;}
.confirm_model {position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: .5;background: #000;z-index:2001 ;}
.confirm_box{display: inline-block; width: 420px;padding-bottom: 10px;vertical-align: middle;
    background-color: #fff;border-radius: 4px;border: 1px solid #ebeef5;font-size: 18px;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);text-align: left;
    overflow: hidden;backface-visibility: hidden; position: absolute; top:30%; left: 50%; transform: translateY(-30%);
	transform: translateX(-50%);z-index: 2002;}
.confirm_header{ height: auto; overflow: hidden;display: flex;padding: 15px 15px 10px;justify-items: center;
    align-items: center;}
.confirm_header .confirm_title{flex: 1;}
.confirm_header .confirm_title span{font-size: 18px;color: #20202A;}
.confirm_header .confirm_close{width: 16px; height: 16px;overflow: hidden; cursor: pointer;}
.confirm_header .confirm_close i{display: block;width: 16px; height: 16px; background: url('../images/icon/icon_close.png') no-repeat;background-size:100% ;}
.confirm_content{display: flex;padding: 10px 15px; color: #606266;font-size: 14px;align-items: center;}
.confirm_content .confirm_icon{width: 25px; height: 25px; overflow: hidden;}
.confirm_content .confirm_message{ flex: 1;padding-left: 10px;}
.confirm_content .confirm_icon_warning{ background: url("../images/icon/icon_warning.png") no-repeat; background-size:100% ;}
.confirm_content .confirm_icon_success{background: url("../images/icon/icon_success.png") no-repeat; background-size:100% ;}
.confirm_content .confirm_icon_error{background: url("../images/icon/icon_error.png") no-repeat; background-size:100% ;}
.confirm_btns{text-align: center;padding: 15px 15px;}
.confirm_btns button{display: inline-block;line-height: 1;white-space: nowrap;cursor: pointer;background: #fff;border: 1px solid #dcdfe6;
    color: #606266;-webkit-appearance: none;text-align: center;font-size: 14px;
    box-sizing: border-box;outline: none;margin: 0;transition: .1s;font-weight: 500;-moz-user-select: none;
    -webkit-user-select: none;-ms-user-select: none; padding: 9px 20px;font-size: 14px;border-radius: 4px;
}
.confirm_btns button.btns_default{margin-right: 15px;}
.confirm_btns button.btns_default:hover{color: #0D53FB; border-color:#0D53FB ;}
.confirm_btns button.btns_primary{background: #0D53FB; border-color:#0D53FB ;color: #fff;}
.YiJia_message{ position: fixed; top:50%;left: 50%;height: 42px;line-height: 42px; background: #fff;min-width: 200px;color: #666;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);z-index:99999999; border-radius: 8px;transform: translate(-50%,-50%); overflow: hidden;}
.YiJia_message .YiJia_message_main{display: flex;color: #fff;font-size: 14px; align-items: center;padding: 0px 15px;}
.YiJia_message .YiJia_bg_success{background: #4AC396;}
.YiJia_message .YiJia_bg_warning{background: #FF8200;}
.YiJia_message .YiJia_bg_error{background: #ED7979;}
.YiJia_message .YiJia_bg_default{background: #0D53FB;}
.YiJia_message .YiJia_message_icon{width: 20px; height: 20px; overflow: hidden;display: block; background-size:100% ;}
.YiJia_message .YiJia_message_success{background: url(../images/icon/success.png) no-repeat;}
.YiJia_message .YiJia_message_warning{background: url(../images/icon/state_remind.png) no-repeat;}
.YiJia_message .YiJia_message_error{background: url(../images/icon/state_error.png) no-repeat;}
.YiJia_message .YiJia_message_default{background: url(../images/icon/state_remind.png) no-repeat;}
.YiJia_message .YiJia_content{flex: 1; padding-left: 11px;}
.YiJia_message.messageFadeInDown {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both ;-webkit-animation-name:messageFadeInDown;
    animation-name: messageFadeInDown;
}
.YiJia_message.messageFadeOutUp {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; -webkit-animation-name: messageFadeOutUp;
    animation-name: messageFadeOutUp
}
@keyframes messageFadeOutUp {
    0% {
        opacity: 1;	
    }
    100% {
        opacity: 0;
        /* -webkit-transform: translateY(-100%);
        transform: translateY(-100%); */

    }
}
/*@keyframes messageFadeInDown {*/
/*    0% {*/
/*        -webkit-transform: translate3d(0, -100%, 0);*/
/*        transform: translate3d(0, -100%, 0);*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: none;*/
/*        transform: none;*/

/*    }*/
/*}*/