body,html{height:100%;margin:0;padding:0;font-size:12px}.preview{position:relative;height:100%;background:#f2f8f8;overflow:auto;-webkit-overflow-scrolling:touch}.preview .logo{position:absolute;top:0;left:30px}.preview .logo a{display:block;height:50px}.preview .logo a img{width:117px;height:36px;margin:7px 0}.preview.pano .nav{display:none}.preview.pano iframe{height:100%;margin-top:0}.preview iframe{display:block;width:100%;height:calc(100% - -10px);margin-top:50px;border:0;transition:width .6s}.preview .con-mobile{position:fixed;right:38px;top:178px;width:322px;height:539px}.preview .con-mobile .overflow{position:absolute;left:0;top:0;overflow:hidden}.preview .con-mobile .div-mobile-b,.preview .con-mobile .div-mobile-l,.preview .con-mobile .div-mobile-r,.preview .con-mobile .div-mobile-t{position:absolute;width:353px;height:600px;background:url(../../../Images/preview/phone.png) no-repeat}.preview .con-mobile .div-mobile-t{top:-60px;right:-14px;height:60px}.preview .con-mobile .div-mobile-r{top:-60px;right:-18px;width:20px;background-position:-337px 0}.preview .con-mobile .div-mobile-b{top:539px;right:-14px;height:67px;background-position:0 -633px}.preview .con-mobile .div-mobile-l{top:-60px;right:322px;width:17px}.preview .con-mobile .mobile{position:absolute;top:0;left:0;width:337px;height:100%;overflow:hidden}.preview .nav{position:fixed;top:0;left:0;width:100%;height:50px;background:#fff;box-shadow:0 0 8px rgba(66,66,66,.2);text-align:center;color:#fff;line-height:50px;font-size:12px}.preview .nav .info,.preview .nav .purchase{display:inline-block;margin:0;vertical-align:top}.preview .nav .buy{display:block;padding:0 66px;background:#22d3b6;color:#fff;font-size:16px;text-decoration:none;transition:.3s}.preview .nav .buy:hover{background:#4caf50}.preview .nav ul{display:none}.preview .nav .purchase{position:absolute;top:7px;right:30px;margin:0;vertical-align:top;display:-ms-flexbox;display:flex;margin-left:15px}.preview .nav .purchase .info{display:inline-block;padding:0;margin:0 20px 0 0;vertical-align:top;line-height:36px}.preview .nav .purchase .info a{font-size:14px;text-decoration:none;color:var(--main-text)}.preview .nav .purchase .info a:hover{color:var(--active-color)}.preview .nav .purchase .buy{display:block;padding:0 13px;background:#22d3b6;color:#fff;font-size:14px;text-decoration:none;transition:.3s;line-height:36px}.preview .iframe-box{height:calc(100% - 60px);padding:0;margin:0;background:#fff}.preview .iframe-box.iframe-tablet{width:720px;height:calc(100% - 120px);margin:85px auto 35px}.preview .iframe-box.iframe-tablet .tablet{position:relative;top:10px;width:58.4em;height:calc(100% - 22px);margin:10px;border:1px solid #eee}.preview .iframe-box.iframe-mobile,.preview .iframe-box.iframe-tablet{background:#fff;box-shadow:0 3px 10px rgba(136,68,68,.2);border-radius:10px}.preview .iframe-box.iframe-mobile{width:440px;height:calc(100% - 120px);margin:85px auto 35px}.preview .iframe-box.iframe-mobile .mobile{position:relative;top:10px;height:calc(100% - 20px);border:1px solid #eee}.preview .iframe-box.iframe-type-mobile{width:360px;height:calc(100% - 120px);margin:85px auto 0;border-radius:10px;box-shadow:0 3px 10px rgba(66,66,66,.2)}.preview .iframe-box.iframe-type-mobile .mobile-tradition{width:340px;height:calc(100% - 20px)!important;margin:0 10px;border-radius:10px;border:1px solid #eee;box-sizing:border-box;transition:none;position:relative;top:10px}.preview .iframe-box.iframe-pc{height:calc(100% - 10px)}.preview .iframe-boxiframe{height:calc(100% - 60px);margin:50px 0 0;background:#fff}.preview .iframe-boxiframe.mobile,.preview .iframe-boxiframe.tablet{padding:10px;margin:85px auto 35px;border-radius:10px}.preview .iframe-boxiframe.tablet{width:720px;height:940px}.preview .iframe-boxiframe.mobile,.preview .iframe-boxiframe.mobile-tradition{width:440px;height:760px;margin:85px auto 135px}.preview .iframe-boxiframe.mobile-tradition{width:340px}.preview .iframe-boxiframe::-webkit-scrollbar{display:none}.preview .resNav{position:fixed;top:0;left:0;width:100%;height:50px;background:#fff;box-shadow:0 0 8px rgba(66,66,66,.2);text-align:center;color:#fff;line-height:50px;font-size:12px;z-index:10}.preview .resNav ul{display:-webkit-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto;padding:0;margin:0 auto;-ms-flex-pack:center;justify-content:center;list-style:none}.preview .resNav ul li a{display:block;width:50px;height:50px;background:#fff;border-left:1px solid #e0e0e0;line-height:50px;font-size:28px;color:#fff;text-decoration:none}.preview .resNav ul li a.active,.preview .resNav ul li a:hover{border-bottom:4px solid var(--active-color);box-sizing:border-box}.preview .resNav ul li a img{display:block;width:22px;height:22px}.preview .resNav ul li a.active,.preview .resNav ul li a:hover{color:#22d3b6}.preview .resNav ul li.desktop-btn a{background:url(../../../Images/preview/ico-pc.png) no-repeat;box-sizing:border-box}.preview .resNav ul li.desktop-btn a.active,.preview .resNav ul li.desktop-btn a:hover{background:url(../../../Images/preview/ico-pc-01.png) no-repeat}.preview .resNav ul li.tablet-btn a{background:url(../../../Images/preview/ico-ipad.png) no-repeat;box-sizing:border-box}.preview .resNav ul li.tablet-btn a.active,.preview .resNav ul li.tablet-btn a:hover{background:url(../../../Images/preview/ico-ipad-01.png) no-repeat}.preview .resNav ul li.mobile-btn a{background:url(../../../Images/preview/ico-mobile.png) no-repeat;box-sizing:border-box}.preview .resNav ul li.mobile-btn a.active,.preview .resNav ul li.mobile-btn a:hover{background:url(../../../Images/preview/ico-mobile-01.png) no-repeat}.preview .resNav ul li.OR_code a{background:url(../../../Images/preview/ico-code.png) no-repeat;border-right:1px solid #e0e0e0;box-sizing:border-box}.preview .resNav ul li.OR_code a.active,.preview .resNav ul li.OR_code a:hover{background:url(../../../Images/preview/ico-code-01.png) no-repeat}.preview .resNav ul li.OR_code .big_orc{position:relative;display:none}.preview .resNav ul li.OR_code .big_orc .res-preview{position:absolute;top:0;right:0;padding:20px 17px 0;box-shadow:0 0 8px rgba(66,66,66,.2);background:#fff}.preview .resNav ul li.OR_code .big_orc .res-preview p{margin:0}.preview .resNav ul li.OR_code a{line-height:50px}.preview .resNav ul li.OR_code:hover .big_orc{display:block}.preview .resNav ul li.desktop-btn a,.preview .resNav ul li.desktop-btn a.active,.preview .resNav ul li.desktop-btn a:hover,.preview .resNav ul li.mobile-btn a,.preview .resNav ul li.mobile-btn a.active,.preview .resNav ul li.mobile-btn a:hover,.preview .resNav ul li.OR_code a,.preview .resNav ul li.OR_code a.active,.preview .resNav ul li.OR_code a:hover,.preview .resNav ul li.tablet-btn a,.preview .resNav ul li.tablet-btn a.active,.preview .resNav ul li.tablet-btn a:hover{background-position:14px 14px}.preview .mobile,.preview .mobile-tradition,.preview .tablet,.preview .thisPc{margin:0 auto}.preview .tablet{width:60em}.preview .mobile{width:420px}.preview .mobile-tradition{width:340px;height:760px!important;margin:0 auto!important;border-radius:10px;border:1px solid #eee;box-sizing:border-box;transition:none}