*{margin:0;padding:0}
a{text-decoration:none;color:#000}
li{list-style:none}
.del_a{float:right;text-align:right;box-sizing:border-box;height:30px;background:#928e87;width:100%;border-radius:10px 10px 0 0}
.money{margin:65px 50px 0 60px;text-align:center;font-size:20px;display:none}
@-ms-viewport{width:device-width}
@media only screen and (min-device-width:800px){html{overflow:hidden}
}
body,html{height:100%}
body{overflow:hidden;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;background-color:#000}
.tabBtn{height:30px;line-height:30px;padding:30px 0 0 20px;color:#333}
.tabBtn label{padding:0;margin:0 20px 0 0;display:inline-block;font-size:15px;cursor:pointer}
label.login,label.register{float:left}
label.on{color:#928e87;font-weight:700;font-size:20px}
#imga_list{height:40px;padding-top:10px;z-index:5000;position:relative;left:0;top:160px}
#imga_list li{float:right;cursor:pointer;padding:0 10px;background:#000;height:25px;line-height:25px;color:#fff;font-size:13px}
#imga_list li:nth-child(3){border-radius:5px 0 0 5px;border-right:1px dotted #fff}
#imga_list li:first-child{border-radius:0 5px 5px 0;border-left:1px dotted #fff}
#imga_list .cur{background:#928e87;color:#fff}
#tab_box{position:relative;left:0;top:-50px;z-index:4000}
#tab_box,.x_box{height:200px;box-sizing:border-box}
.x_box{display:none;padding:0 10px}
.x_box video{height:100%}
.krpanobox{position:fixed;left:50%;bottom:-50px;display:block;z-index:1;transform:translateX(-33%) translateY(-50%);width:220px}
.sq{height:80px;float:left;margin-right:5px}
.icon_a{background:rgba(0,0,0,.6);height:20px;width:20px;border-radius:50px;padding:10px;margin:0 auto}
.icon_a img{width:100%;height:100%}
.text1{font-size:14px;text-align:center;color:#818080}
.bd_box{width:300px;z-index:6000;position:fixed;background:#fff;left:50%;top:50%;display:none;transform:translateX(-50%) translateY(-50%);border:1px solid #928e87;border-radius:10px 10px 0 0}
.bd_box .h{clear:both;color:#333;line-height:25px;text-indent:10px;font-weight:700}
.bd{clear:both;padding:10px;box-sizing:border-box;background:#fff;border-bottom:1px solid #dedede}
.bd label{color:#333;font-size:18px;padding-bottom:5px;display:block}
.bd input{height:30px;margin:3px auto}
.bd input,.bd textarea{width:96%;text-indent:10px;border:1px solid #928e87}
.bd textarea{height:80px}
.bd_box button{float:right;width:80px;padding:0 8px;height:25px;margin:5px 10px 5px 0;color:#fff;border:1px solid #928e87;background:#928e87;border-radius:10px}
.box_f{position:fixed;top:290px;right:14px;z-index:3000}
.box_f,.icon{width:50px}
.ax{padding:10px;height:30px}
.ax img{width:100%;height:100%}
.soundOn{background:url(img/icon_sound.png) 10px 0 no-repeat}
.soundOff,.soundOn{width:52px;height:32px}
.soundOff{background:url(img/icon_sound.png) 10px -32px no-repeat}
.fsc{background:url(img/fsc.png) 10px 0 no-repeat;background-size:26px}
.fsc,.tovr{width:52px;height:32px;margin-top:8px}
.tovr{background:url(img/rotate.png) 10px 0 no-repeat;background-size:30px}
.text2{text-align:center;font-size:14px;color:#fff}
.img_box img{width:100%;height:100%}
.shuiying{width:100px;z-index:60000;position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:10px}
.shuiying img{width:100%;height:100%}
button.sendCode{display:inline-block;margin-left:10px;color:#fff;border:1px solid #928e87;background-color:#928e87;padding:2px 5px;border-radius:3px;height:30px}
.bg{z-index:7000;position:fixed;height:100%;width:100%;top:0;left:0;text-align:center}
.yd_img img{padding-top:30px}
.yd_imgbg{height:100%;background:rgba(0,0,0,.6)}
@media(min-width:320px) and (max-width:600px){.yd_img img{width:100%}
}
.i{position:fixed;left:10px;top:10px;width:20px;height:20px;border:2px solid #fff;border-radius:50%;text-align:center}
.i a{color:#fff;font-family:Blackadder ITC}
ul#proList{background-color:#fff;color:#333;padding:10px;border-radius:5px}
ul#proList li{border-bottom:1px dotted #333;height:35px;line-height:35px}
ul#proList div{float:left;width:80%;overflow:hidden;height:35px;line-height:35px;white-space:normal}
ul#proList .delPro{float:right;CURSOR:pointer;background-color:#928e87;margin-top:5px;font-size:10px}
.icon i,ul#proList .delPro{width:20px;height:20px;line-height:20px;display:inline-block;color:#fff;border-radius:50%;text-align:center}
.icon i{font-size:14px;right:-15px;top:-40px;padding:0 3px;background-color:red}
.icon i,.slide{position:relative}
.slide{width:100%;height:200px!important;overflow:hidden}
.slide .img{overflow:hidden;position:absolute;transition:width .4s,height .4s,top .4s,left .4s,z-index .4s}
.slide .img img{width:calc(100% - 14px);height:calc(100% - 14px);margin:7px;border:1px solid #fff;background-color:#dedede}
.slide .img1{width:40%;height:40%;top:30%;left:-50%;z-index:1}
.slide .img2{width:60%;height:60%;top:20%;left:-20%;z-index:2}
.slide .img3{width:80%;height:80%;top:10%;left:10%;z-index:3}
.slide .img4{width:60%;height:60%;top:20%;left:60%;z-index:2}
.slide .img5{width:40%;height:40%;top:30%;left:110%;z-index:1}
.slide-bt{position:absolute;left:50%;bottom:13%;z-index:10}
.slide-bt span{width:24px;height:8px;background:#c9caca;float:left;margin:5px;border-radius:4px}
.slide .slide-bt .on{background:#ffd200}
.hpProduct{height:100%!important}
.tab_btn{margin:10px 0;height:30px;line-height:30px;font-size:12px}
.tab_btn,.tab_btn li{float:left}
.tab_btn li a{background-color:#000;color:#fff;display:inline-block;padding:0 5px;border-right:1px solid #fff}
.tab_btn li a.on{background-color:#928e87}
#buynow{float:left;background-color:#000;color:#fff;font-size:12px;height:30px;line-height:30px;margin-top:10px;padding:0 4px;cursor:pointer}
#addCar{float:right;font-size:12px;margin-top:10px;height:30px;line-height:30px;background-color:#b00;color:#fff;padding:0 5px;border-radius:9px 0 9px 0;cursor:pointer}
#hp a{background-image:url(img/3d.png);background-position:center 0;background-repeat:no-repeat;background-size:contain;width:40px;height:30px}
#VisitorPanel{z-index:10000}
#VisitorPanel label{font-size:13px;margin-top:5px;line-height:13px}
#VisitorPanel label span{font-size:13px;margin-top:-3px}
#VisitorPanel input[type=checkbox]{width:13px;height:13px;margin:0 5px 0 0;padding-top:2px}
#terms{font-size:12px;margin-top:10px;color:#333}
#terms a{color:#928e87}
#favList{width:330px;z-index:6000;position:fixed;left:50%;display:none;top:50%;transform:translateX(-50%) translateY(-50%)}
#favList .topSec{height:30px;line-height:30px;background-color:#928e87;color:#fff;border-radius:10px 10px 0 0}
#favList .topSec #hh{float:left;border-radius:10px 0 0 0;line-height:40px;height:30px;text-indent:10px;background:url(img/more.png) 3px 8px no-repeat #928e87;background-size:20px 20px;text-indent:30px}
#favList .topSec .shutdown{float:right;height:30px}
#favTtl{clear:both;background-color:#ffdba4;color:#333;font-size:13px}
#favTtl span{display:inline-block;height:30px;line-height:30px}
#favTtl span input{width:15px;height:15px;margin:0;padding:0}
#favTtl span:first-child{width:30px;text-align:center}
#favTtl span:nth-child(2){width:146px}
#favTtl span:nth-child(3){width:145px}
#favList .shutdown{float:right}
#favList ul{clear:both;height:540px;overflow:scroll;background-color:#fff;border-bottom:1px solid #dedede}
#favList ul li{width:100%;height:80px;padding:10px 0;overflow:hidden;margin-bottom:10px;color:#333}
#favList ul li:nth-of-type(2n){background-color:#f8f6f1}
#favList ul li div{float:left}
#favList ul li div input{width:15px;height:15px;margin:0;padding:0}
#favList ul li div:first-child{width:30px;text-align:center}
#favList ul li div:nth-child(2){width:146px;height:80px;margin-right:5px}
#favList ul li div:nth-child(3){width:125px;font-size:13px}
#favTool{clear:both;height:30px;line-height:30px;background-color:#fff;text-align:right}
#favTool a{display:inline-block;text-indent:18px;height:25px;line-height:25px;background-color:#928e87;color:#fff;padding:0 5px;margin-right:5px;border-radius:12px 0 12px 0}
#delFav{background:url(img/delete.png) 3px no-repeat;background-size:18px 18px}
#moreFav{background:url(img/send.png) 3px no-repeat;background-size:18px 18px}
.popup{display:none;width:300px;z-index:60000;position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:10px 10px 0 0;background-color:#fff;border:1px solid #928e87}
.popup .h{border:0;float:right;height:30px;background-color:#928e87;width:100%;text-align:right;border-radius:10px 10px 0 0}
.popup .h,.popup p{box-sizing:border-box}
.popup p{background-size:20px;clear:both;min-height:100px;padding:10px;background-color:#fff;line-height:25px;border-bottom:1px solid #dedede;margin:0 auto;color:#000}
.popup button{display:inline-block;height:25px;padding:0 8px;background-color:#928e87;color:#fff;float:right;margin:5px 10px 5px 0;border:1px solid #928e87;border-radius:10px}
.sdPro{float:right;text-align:right;box-sizing:border-box;height:45px;background:#928e87;border:0;width:15%;padding-right:5px}
.sdPro img{margin-top:7px}
@media(min-device-width:375px) and (max-device-width:736px){.mediaBox2{width:100%;max-width:414px;transform:translateX(-50%) translateY(-50%);position:fixed;top:50%;left:50%;z-index:4000;color:#333;overflow:hidden}
.mdaSd2{text-align:right;height:30px}
.mediaBox2 .viau{width:414px}
#litlefm{z-index:10000;width:100%;height:80%;max-width:400px;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:none}
}
@media(min-device-width:800px){.mediaBox2{max-width:1000px;transform:translateX(-50%) translateY(-50%);height:600px;position:fixed;top:50%;left:50%;padding:20px;z-index:4000;color:#333;overflow:hidden}
.mdaSd2{float:right;text-align:right;height:30px}
.mediaBox2 .viau{width:600px}
#litlefm{z-index:10000;width:100%;height:100%;min-width:800px;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:none}
}
.mediaBox{width:98%;max-width:1000px;transform:translateX(-50%) translateY(-50%);height:300px;position:fixed;top:50%;left:50%;padding:20px;z-index:6000;color:#333;overflow:hidden}
.mdaCnt{width:100%;height:300px;overflow:auto;color:#413f40;overflow:hidden;clear:both;min-height:300px;font-size:13px}
.mdaSd{float:right;text-align:right;height:30px}
.pinch-zoom-container{height:500px!important}
label i{color:red}
#share{background:url(img/share.png) center center no-repeat;background-size:contain}
#map{background:url(img/map.png) center center no-repeat;background-size:contain}
#voice{background:url(img/voiceOn.png) center center no-repeat;background-size:contain}
#voiceOff{background:url(img/voiceOff.png) center center no-repeat;background-size:contain}
#fsc{background:url(img/fsc.png) center center no-repeat;background-size:contain}
#tovr{background:url(img/rotate.png) center center no-repeat;background-size:contain}
#buy{background:url(img/buy.png) center center no-repeat;background-size:contain}
#email{background:url(img/email.png) center center no-repeat;background-size:contain}
#email a{display:inline-block;width:100%;height:100%}
#LearMore{background:url(img/more.png) center center no-repeat;background-size:contain}
#vr{background:url(img/vr.png) center center no-repeat;background-size:contain}
#terms a{color:#00f;text-decoration:underline}

/*竖屏*/
@media all and (orientation:portrait){#rgtIcn{width:32px;position:fixed;top:315px;right:15px;z-index:3000}
#rgtIcn ul{background-color:rgba(255,255,255,.2);border-radius:15px;width:30px;padding:5px 0 5px 5px}
#rgtIcn ul li{width:25px;height:25px;margin-bottom:6px;cursor:pointer}
#ComLogo{position:fixed;z-index:3006;top:250px;right:10px}
.main_box{max-width:414px;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;position:fixed;top:50%;left:50%;padding:20px;box-sizing:border-box;z-index:4000;color:#333}
.delete{background-color:#928e87;height:45px;line-height:45px;-moz-box-shadow:0 4px 8px #070707;-webkit-box-shadow:0 4px 8px #616161;box-shadow:0 4px 8px #616161}
.bt{color:#fff;float:left;font-weight:700;width:75%;padding-left:15px;overflow:hidden;height:45px;text-overflow:ellipsis;white-space:nowrap}
.main{overflow:auto;padding:12px;background:#fff;max-height:88.99%}
.imga{text-align:center;max-width:600px;height:200px;margin:0 auto;display:none;background-color:#fff}
.imga img{height:80%}
.imga video{width:100%;height:100%}
.show_a{display:block}
.show{display:block}
.txt{line-height:25px;color:#413f40;overflow:hidden;clear:both;font-size:13px}
.txt,.txt .content{min-height:300px}
#iconInstr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96%;box-sizing:border-box;padding:10px;height:375px;background-color:rgba(255,255,255,.8);border-radius:10px}
#instruction dl{border-radius:0 0 10px 10px;padding:10px;width:100%;color:#000;box-sizing:border-box}
#instruction dl dt{float:left;clear:left;margin-bottom:10px}
#instruction dl dd{float:left;margin-left:10px;margin-bottom:10px;clear:right;line-height:26px}
#sdistr{float:right;width:100%;border-radius:10px 10px 0 0;text-align:right}

#bg {background-color:rgba(0,0,0,0.6);}
#step1 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;}
#step1 dt {line-height:30px;font-size:18px;text-align:left;margin-bottom:30px;}
#step1 dd {display:flex;flex-direction:row;justify-content:space-around;align-items:baseline}

#step2{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;}
#step2 dt{line-height:30px;font-size:18px;text-align:left;margin-bottom:30px;}
#step2 dd{text-align:left}
#step2 dd span {display:inline-block; width:45px;height:45px;border-radius:50%;border:1px solid #fff;background:none;}
#step2 dd span i{display:inline-block;position:relative;top:12.5px;left:12.5px;background-color:#FF9900;width:20px;height:20px;border-radius:50%;}

#step3{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;overflow:hidden}
#step3 dt{float:left;width:100px; text-align:right; margin-bottom:20px;clear:left}
#step3 dd{float:right;width:230px;line-height:25px; text-align:left;clear:right}
#nextGd{cursor:pointer;background: #FF9900;color: #fff;width: 100px;line-height: 36px;text-align: center;font-weight: bold;font-size: 22px;border-radius: 5px;position: absolute;left: 50%;top: 75%;transform: translate(-50%,-50%)}


/*msgBoard*/
#msgBoard{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:10000}
#closeMb{position:fixed;top:2px;right:2px;width:30px;height:30px;background:url(/Content/icon/del.png) no-repeat #818080;background-size:contain;border-radius:50%;z-index:10001}
#msgPan{width:400px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;}
#msgList{width:100%;height:600px;overflow-y:scroll;background-color:#616161;color:#dedede;padding:10px;box-sizing:border-box}
#msgTtl {background:url(/content/icon/message.png) 5px center no-repeat #928e87;background-size:20px;width:100%;box-sizing:border-box;height:35px;line-height:35px;border:none;text-indent:30px;}
#msgList {border-top:1px solid #dedede}
#msgList ul{}
#msgList ul li{margin-bottom:21px;background-color:#dedede26;border-radius:3px;padding:3px;}
#msgList ul li div{font-size:15px;color:#fff;}
#msgList ul li i{font-size:12px;display:inline-block;margin-top:7px;color:#dedede}
#msgForm {width:100%;}
#msgForm div{float:left;}
#msgCon {display:inline-block;height:70px;width:349px;border-right:none;}
#sendMsg{background:url(/Content/icon/send.png) center 5px no-repeat;background-size:30px 30px;display:inline-block;height:72px;line-height:95px;color:#fff;width:50px;text-align:center;background-color:orange}

/*子系统*/
#slnBg{position:fixed;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%)}
#closeSln{cursor:pointer;position:fixed;right:10px;top:10px;width:23px;height:23px;background:url(/Content/icon/del.png) no-repeat;border:1px solid #dedede;border-radius:50%;background-size:contain}
#sceGuide{display:none;position:fixed;left:0;top:0;width:100%;height:100%}
#sceGuideBack{position:absolute;height:35px;line-height:35px;background-color:#fff;border-radius:5px;color:#000;padding:0 12px;font-size:15px;left:20px;top:20px;cursor:pointer}
#sceGuideBack::before{position:absolute;content:"\00a0";width:0;height:0;border-width:5px 10px 5px 10px;border-style:solid;border-color:transparent #fff transparent transparent;top:40%;left:-20px}
#sceGuideBack i{display:inline-block;width:15px;height:15px;margin-top:10px;border-radius:50%;background:url(/Content/icon/ar.png) center center no-repeat #fc9801;background-size:contain;margin-right:12px}
#sceGuideBack span{display:inline-block;height:35px;line-height:35px}
#slnBg h4{font-size:30px;font-weight:700;height:30px;line-height:30px}
#clkPan{position:relative}
#slnAudio{position:relative;width:32px;height:32px;cursor:pointer;background:url(/Content/vr/img/voiceOff.png) center center no-repeat #dedede;background-size:22px;border-radius:50%}
ul#sces{position:absolute;width:250px;display:flex;justify-content:space-between;left:50%;bottom:10px;transform:translateX(-50%)}
ul#sces li{box-sizing:border-box;float:left;width:47px;height:47px;border-radius:50%;border:4px solid #dedede;background-size:contain!important;cursor:pointer;filter:grayscale(100%)}
ul#sces li:hover{filter:none}
ul#sces li.on{filter:none;position:relative}
ul#sces li.on::after{position:absolute;width:14px;height:14px;background:url(/Content/icon/kick.png) center center no-repeat green;background-size:9px 9px;border-radius:50%;content:"\00a0";top:0;left:35px}
.liTip{position:fixed;font-size:13px;left:400px;top:400px;text-align:center;padding:0 7px;height:25px;line-height:25px;background-color:#696969;color:#fff;border-radius:3px}
.liTip::after{position:absolute;content:"\00a0";width:0;height:0;border-width:5px;border-style:solid;border-color:#696969 transparent transparent transparent;top:25px;left:calc(50% - 5px)}
.clickA,.clickAb{display:inline-block;position:fixed;cursor:pointer}
.clickAb{font-size:12px;height:26px;line-height:26px;color:#fff;border:1px solid #fff;background:url(/Content/vr/img/ylwSpark.png) no-repeat rgba(0,0,0,0.6);text-indent:30px;padding-right:10px;border-radius:13px;background-size:26px 520px;background-position-y:0;background-position-x:0;overflow:hidden}
#sceDtl,#sceInfo{position:fixed;width:100%;height:600px;left:50%;top:50%;transform:translate(-50%,-50%)}
.slnCover{display:none;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);top:0;left:0;}
#sltSce{height:25px}
#sceDtlMenu{width:100%;height:600px;padding-top:80px;border-radius:5px;box-sizing:border-box;background-color:#dedede;}
#sceDtlGif{position:relative;width:32px;height:32px;cursor:pointer;background:url(/Content/vr/img/voiceOff.png) center center no-repeat #dedede;background-size:22px;border-radius:50%}
#dtlBg{display:none}
#sceDesc{width:90%;margin:0 auto;color:#333;background-color:rgba(255,255,255,0.85);border-radius:20px 20px 0 0;padding:20px 20px 0 20px;box-sizing:border-box}
#sceDescCnt{font-size:13px;height:140px;overflow-y:auto;line-height:20px}
#sceLm{width:90%;margin:0 auto;color:#333;background-color:rgba(255,255,255,0.85);padding:10px 20px 20px 20px;box-sizing:border-box;border-radius:0 0 20px 20px}
#sceLm h4{border-top:1px dashed #333;line-height:35px;text-indent:3px}
#lmBtns{margin-top:5px}
#lmBtns a{font-size:12px;display:block;margin-bottom:10px;cursor:pointer;border-radius:12.5px;padding:0 7px;background-color:rgb(196,196,194);color:#333;font-weight:bold;height:30px;line-height:30px;margin-right:10px}
#lmBtns a:hover{color:#fff}
#sceDtlClose{position:absolute;width:25px;height:25px;background:url(/Content/icon/del.png) no-repeat rgb(109,109,109);background-size:contain;border-radius:50%;right:0;top:-5px;cursor:pointer;border:1px solid rgb(137,137,137)}
#sceInfoCnt,#sceInfoPro,#sceInfoVideo{background-color:#fff;color:#333;width:100%;height:600px;padding:15px;box-sizing:border-box;border-radius:5px;overflow-y:auto}
#sceInfoVideo{height:auto}
#sceInfoCnt h4,#sceInfoPro h4{width:100%;text-align:center;line-height:35px}
#sceInfoCnt h5{width:150px;text-indent:10px;margin:0;padding:0;margin-top:20px;margin-bottom:20px;background-color:#125da8;height:25px;line-height:25px;color:#fff;border-radius:0 12.5px 12.5px 0}
#sceInfoClose{position:absolute;width:27px;height:27px;background:url(/Content/icon/back.png) center center no-repeat rgb(109,109,109);background-size:20px;border-radius:50%;right:0;top:-5px;cursor:pointer;border:1px solid rgb(137,137,137)}
#sceInfoPro ul{width:95%;margin:0 auto;overflow:hidden;margin-top:20px}
#sceInfoPro ul li:nth-child(odd){float:left}
#sceInfoPro ul li:nth-child(even){float:right}
#sceInfoPro ul li{background-color:#f1f3f3;border-radius:5px;padding:7px;width:100%;box-sizing:border-box;margin-bottom:10px}
#sceInfoPro ul li dl{float:left;width:60%}
#sceInfoPro ul li dl dt{font-size:13px;margin-bottom:5px}
#sceInfoPro ul li dl dd a{display:inline-block;background-color:#125da8;color:#fff;line-height:25px;padding:0 7px;font-size:10px;border-radius:12.5px;cursor:pointer}
#sceInfoPro ul li div{float:right;width:40%;height:60px;background-size:contain!important}
#sceGuideImg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgb(210,210,210)}
#sceGuideImg img{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
#comPlay{display:block;background:url(/Content/vr/img/play.png) 0 0 no-repeat;background-size:26px 52px;height:26px;text-indent:26px;line-height:26px;color:#fff;background-color:orange;padding:0 7px;border-radius:13px;width:80px}
#sceDtlCnt{display:none;}
#slnVdo1{width:98%;}
#slnVdo2{width:98%;}
/*end of 竖屏*/
}

/*横屏*/
@media all and (orientation:landscape){#rgtIcn{position:fixed;width:100%;bottom:10px;z-index:3000}
#rgtIcn ul{width:320px;margin:0 auto;text-align:center;background-color:rgba(255,255,255,.2);height:30px;border-radius:17px;padding:3px 15px 0 15px}
#rgtIcn ul li{float:left;width:25px;height:25px;margin-right:10px;cursor:pointer}
#rgtIcn ul li:last-child{margin-right:0}
#ComLogo{position:fixed;z-index:3006;bottom:10px;left:10px}
.main_box{transform:translateX(-50%) translateY(-50%);width:100%;height:100%;position:fixed;top:50%;left:50%;box-sizing:border-box;z-index:4000;color:#333}
.delete{background-color:#928e87;height:45px;line-height:45px;-moz-box-shadow:0 4px 8px #070707;-webkit-box-shadow:0 4px 8px #616161;box-shadow:0 4px 8px #616161}
.bt{color:#fff;float:left;font-weight:700;width:75%;padding-left:15px;overflow:hidden;height:45px;text-overflow:ellipsis;white-space:nowrap}
.main{overflow:auto;padding:12px;background:#fff;max-height:88.99%}
.imga{text-align:center;max-width:414px;height:200px;margin:0 auto;display:none;background-color:#fff}
.imga img{height:80%}
.imga video{width:100%;height:100%}
.show_a{display:block}
.show{display:block}
.txt{line-height:25px;color:#413f40;overflow:hidden;clear:both;font-size:13px;padding-bottom:60px}
.txt,.txt .content{min-height:300px}
#iconInstr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:540px;padding:10px;height:85%;background-color:rgba(255,255,255,.8);border-radius:10px}
#instruction dl{border-radius:0 0 10px 10px;padding:10px;width:100%;color:#000;box-sizing:border-box;clear:both;}
#instruction dl dt{float:left;width:30px; margin-bottom:10px;margin-right:10px;height:26px;}
#instruction dl dd{float:left;width:210px;margin-right:10px;margin-bottom:10px;height:26px; line-height:26px;overflow:hidden}
#sdistr{float:right;width:245px;border-radius:10px 10px 0 0;text-align:right}

#bg {background-color:rgba(0,0,0,0.6);}
#step1 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;}
#step1 dt {line-height:30px;font-size:18px;text-align:left;margin-bottom:30px;}
#step1 dd {display:flex;flex-direction:row;justify-content:space-around;align-items:baseline}

#step2{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;}
#step2 dt{line-height:30px;font-size:18px;text-align:left;margin-bottom:30px;}
#step2 dd{text-align:left}
#step2 dd span {display:inline-block; width:45px;height:45px;border-radius:50%;border:1px solid #fff;background:none;}
#step2 dd span i{display:inline-block;position:relative;top:12.5px;left:12.5px;background-color:#FF9900;width:20px;height:20px;border-radius:50%;}

#step3{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;overflow:hidden}
#step3 dt{float:left;width:100px; text-align:right; margin-bottom:20px;clear:left}
#step3 dd{float:right;width:230px;line-height:25px; text-align:left;clear:right}
#nextGd{cursor:pointer;background: #FF9900;color: #fff;width: 100px;line-height: 36px;text-align: center;font-weight: bold;font-size: 22px;border-radius: 5px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%)}

/*msgBoard*/
#msgBoard{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:10000}
#closeMb{position:fixed;top:2px;right:2px;width:30px;height:30px;background:url(/Content/icon/del.png) no-repeat #818080;background-size:contain;border-radius:50%;z-index:10001}
#msgPan{width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;}
#msgList{width:100%;height:250px;overflow-y:scroll;background-color:#616161;color:#dedede;padding:10px;box-sizing:border-box}
#msgTtl {background:url(/content/icon/message.png) 5px center no-repeat #928e87;background-size:20px;width:100%;box-sizing:border-box;height:35px;line-height:35px;border:none;text-indent:30px;}
#msgList {border-top:1px solid #dedede}
#msgList ul{}
#msgList ul li{margin-bottom:21px;background-color:#dedede26;border-radius:3px;padding:3px;}
#msgList ul li div{font-size:15px;color:#fff;}
#msgList ul li i{font-size:12px;display:inline-block;margin-top:7px;color:#dedede}
#msgForm {width:100%;}
#msgForm div{float:left;}
#msgForm div:first-child{width:calc(100% - 50px)}
#msgCon {display:inline-block;height:70px;width:100%;border-right:none;}
#sendMsg{background:url(/Content/icon/send.png) center 5px no-repeat;background-size:30px 30px;display:inline-block;height:72px;line-height:95px;color:#fff;width:50px;text-align:center;background-color:orange}


/*子系统*/
#slnBg{position:fixed;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%)}
#closeSln{cursor:pointer;position:fixed;right:10px;top:10px;width:23px;height:23px;background:url(/Content/icon/del.png) no-repeat;border:1px solid #dedede;border-radius:50%;background-size:contain}
#sceGuide{display:none;position:fixed;left:0;top:0;width:100%;height:100%}
#sceGuideBack{position:absolute;border:1px solid #dedede;height:35px;line-height:35px;background-color:#fff;border-radius:5px;color:#000;padding:0 12px;font-size:15px;left:20px;top:20px;cursor:pointer}
#sceGuideBack::before{position:absolute;content:"\00a0";width:0;height:0;border-width:5px 10px 5px 10px;border-style:solid;border-color:transparent #dedede transparent transparent;top:40%;left:-20px}
#sceGuideBack i{display:inline-block;width:15px;height:15px;margin-top:10px;border-radius:50%;background:url(/Content/icon/ar.png) center center no-repeat #fc9801;background-size:contain;margin-right:12px}
#sceGuideBack span{display:inline-block;height:35px;line-height:35px}
#slnBg h4{font-size:30px;font-weight:700;height:30px;line-height:30px}
#clkPan{position:relative}
#slnAudio{position:relative;width:32px;height:32px;cursor:pointer;background:url(/Content/vr/img/voiceOff.png) center center no-repeat #dedede;background-size:22px;border-radius:50%}
ul#sces{position:absolute;width:250px;display:flex;justify-content:space-between;left:50%;bottom:5px;transform:translateX(-50%)}
ul#sces li{box-sizing:border-box;float:left;width:47px;height:47px;border-radius:50%;border:4px solid #dedede;background-size:contain!important;cursor:pointer;filter:grayscale(100%)}
ul#sces li:hover{filter:none}
ul#sces li.on{filter:none;position:relative}
ul#sces li.on::after{position:absolute;width:14px;height:14px;background:url(/Content/icon/kick.png) center center no-repeat green;background-size:9px 9px;border-radius:50%;content:"\00a0";top:0;left:35px}
.liTip{position:fixed;font-size:13px;left:400px;top:400px;text-align:center;padding:0 7px;height:25px;line-height:25px;background-color:#696969;color:#fff;border-radius:3px}
.liTip::after{position:absolute;content:"\00a0";width:0;height:0;border-width:5px;border-style:solid;border-color:#696969 transparent transparent transparent;top:25px;left:calc(50% - 5px)}
.clickA,.clickAb{display:inline-block;position:fixed;cursor:pointer}
.clickAb{font-size:12px;height:26px;line-height:26px;color:#fff;border:1px solid #fff;background:url(/Content/vr/img/ylwSpark.png) no-repeat rgba(0,0,0,0.6);text-indent:30px;padding-right:10px;border-radius:13px;background-size:26px 520px;background-position-y:0;background-position-x:0;overflow:hidden}
#sceDtl,#sceInfo{position:fixed;width:100%;height:100%;left:0;top:0}
.slnCover{display:none;position:fixed;width:100%;height:80%;background-color:rgba(0,0,0,0.5);top:0;left:0;}
#sltSce{height:25px;position:fixed;top:0;left:0}
#sceDtlMenu{width:100%;height:100%;padding-top:30px;box-sizing:border-box;background-color:#dedede;}
#sceDtlGif{position:relative;top:10px;width:32px;height:32px;cursor:pointer;background:url(/Content/vr/img/voiceOff.png) center center no-repeat #dedede;background-size:22px;border-radius:50%}
#dtlBg{display:none}
#sceDesc{width:90%;margin:0 auto;color:#333;background-color:rgba(255,255,255,0.85);border-radius:20px 20px 0 0;padding:20px 20px 0 20px;box-sizing:border-box}
#sceDescCnt{font-size:13px;height:140px;overflow:hidden;line-height:20px}
#sceLm{width:90%;margin:0 auto;color:#333;background-color:rgba(255,255,255,0.85);padding:10px 20px 20px 20px;box-sizing:border-box;border-radius:0 0 20px 20px}
#sceLm h4{border-top:1px dashed #333;line-height:35px;text-indent:3px}
#lmBtns{margin-top:5px}
#lmBtns a{font-size:12px;display:inline-block;cursor:pointer;border-radius:12.5px;padding:0 7px;background-color:rgb(196,196,194);color:#333;font-weight:bold;height:30px;line-height:30px;margin-right:10px}
#lmBtns a:hover{color:#fff}
#sceDtlClose{position:absolute;width:25px;height:25px;background:url(/Content/icon/del.png) no-repeat rgb(109,109,109);background-size:contain;border-radius:50%;right:0;top:0px;cursor:pointer;border:1px solid rgb(137,137,137)}
#sceInfoCnt,#sceInfoPro,#sceInfoVideo{background-color:#fff;color:#333;width:100%;height:100%;padding:15px;box-sizing:border-box;border-radius:0px;overflow-y:auto;font-size:13px;}
#sceInfoVideo{height:100%}
#sceInfoCnt h4,#sceInfoPro h4{width:100%;text-align:center;line-height:35px}
#sceInfoCnt h5{width:150px;text-indent:10px;margin:0;padding:0;margin-top:20px;margin-bottom:20px;background-color:#125da8;height:25px;line-height:25px;color:#fff;border-radius:0 12.5px 12.5px 0}
#sceInfoClose{position:absolute;width:27px;height:27px;background:url(/Content/icon/back.png) center center no-repeat rgb(109,109,109);background-size:20px;border-radius:50%;right:0;top:0px;cursor:pointer;border:1px solid rgb(137,137,137)}
#sceInfoPro ul{width:95%;margin:0 auto;overflow:hidden;margin-top:20px}
#sceInfoPro ul li:nth-child(odd){float:left}
#sceInfoPro ul li:nth-child(even){float:right}
#sceInfoPro ul li{background-color:#f1f3f3;border-radius:5px;padding:7px;width:48%;box-sizing:border-box;margin-bottom:10px}
#sceInfoPro ul li dl{float:left;width:60%}
#sceInfoPro ul li dl dt{font-size:13px;margin-bottom:5px}
#sceInfoPro ul li dl dd a{display:inline-block;background-color:#125da8;color:#fff;line-height:25px;padding:0 7px;font-size:10px;border-radius:12.5px;cursor:pointer}
#sceInfoPro ul li div{float:right;width:40%;height:60px;background-size:contain!important}
#sceGuideImg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgb(210,210,210)}
#sceGuideImg img{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
#comPlay{display:block;background:url(/Content/vr/img/play.png) 0 0 no-repeat;background-size:26px 52px;height:26px;text-indent:26px;line-height:26px;color:#fff;background-color:orange;padding:0 7px;border-radius:13px;width:80px}
#sceDtlCnt{display:none;}
#slnVdo1{width:48%;}
#slnVdo2{width:48%;}
/*end of landscape*/
}
#videoAndLink .extraCnt{padding:10px;box-sizing:border-box;background-color:#000;color:#fff}
#videoAndLink .extraCnt a{color:#fff;display:inline-block;background:url(img/exlink.png) right no-repeat;background-size:16px 16px;padding-right:20px}