*{margin:0;padding:0}
a{text-decoration:none;color:#000}
li{list-style:none}
.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;max-height:90%}
.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}
.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}
.main{overflow:auto;padding:12px;background:#fff;height:93%}
.imga{text-align:center;max-width:600px;height:200px;margin:0 auto;display:none;background-color:#fff}
.imga img{height:80%}
@-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%}
.show_a{display:block}
.imga video{width:100%;height:100%}
.show{display:block}
.txt{line-height:25px;color:#413f40;overflow:hidden;clear:both;font-size:13px}
.txt,.txt .content{min-height:300px}
.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:#fff;box-shadow:1px 1px 4px 1px #ccc}
.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;margin-top:10px;height:30px;line-height:30px;background-color:#b00;color:#fff;padding:0 5px;border-radius:9px 0 9px 0;cursor:pointer;font-size:12px}
#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:none;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:none;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%);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:375px}
#litlefm{z-index:10000;width:100%;height:100%;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:60%;height:60%;min-width:600px;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}
#vr{background:url(img/vr.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}
#tel{background:url(img/tel.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}
#terms a{color:#00f;text-decoration:underline}
@media screen and (max-height:650px){#rgtIcn{width:32px;position:fixed;top:320px;right:10px;z-index:3000}
#rgtIcn ul li{width:20px;height:20px;margin-bottom:5px;cursor:pointer}
}
@media screen and (min-height:650px){#rgtIcn{width:32px;position:fixed;top:320px;right:10px;z-index:3000}
#rgtIcn ul li{width:25px;height:25px;margin-bottom:10px;cursor:pointer}
}
#ComLogo{position:fixed;z-index:3006;top:250px;right:10px}
#iconInstr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:255px;padding:10px;height:345px;background-color:rgba(255,255,255,.8);border-radius:10px}
#instruction dl{border-radius:0 0 10px 10px;padding:10px;width:245px;color:#000}
#instruction dl dt{float:left;clear:left;margin-bottom:5px}
#instruction dl dd{float:left;margin-left:10px;margin-bottom:5px;clear:right;line-height:26px}
#sdistr{float:right;width:245px;border-radius:10px 10px 0 0;text-align:right}
#videoAndLink .extraCnt{width:100%;clear:both;font-size:13px;line-height:30px;height:60px;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}
#videoAndLink .extraCnt a:hover{color:red}

#bg {background-color:rgba(0,0,0,0.6);}
#step1 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;}
#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:400px;}
#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:400px;overflow:hidden}
#step3 dt{float:left;width:100px; text-align:right; margin-bottom:20px;clear:left}
#step3 dd{float:right;width:280px;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:90%;transform: translate(-50%,-50%)}

.welcome {position:fixed;left:10px;top:10px;}