body,html{height:100%}body{margin:0}.preview{position:relative;height:100%;overflow:hidden}.preview iframe{border:0;width:100%;height:calc(100% - 66px);margin-top:66px}.preview .nav{position:fixed;top:0;left:0;width:100%;height:66px;background:#000;text-align:center;color:#fff;line-height:66px}.preview .nav ul{display:none}.preview .nav .info,.preview .nav .purchase{display:inline-block;margin:0;vertical-align:top}.preview .nav .purchase{margin-left:15px}.preview .nav .buy{display:block;padding:0 66px;background:#22d3b6;color:#fff;font-size:20px;text-decoration:none;transition:.3s}.preview .nav .buy:hover{background:#4caf50}.preview .resNav{position:fixed;top:0;left:0;width:100%;height:60px;background:#000;text-align:center;color:#fff;line-height:60px;font-size:12px}.preview .resNav .info,.preview .resNav .purchase{display:inline-block;margin:0;vertical-align:top}.preview .resNav .purchase{margin-left:15px}.preview .resNav .buy{display:block;padding:0 66px;background:#22d3b6;color:#fff;font-size:16px;text-decoration:none;transition:.3s}.preview .resNav .buy:hover{background:#4caf50}.preview .resNav+iframe{display:block;height:calc(100% - 60px);margin:60px auto 0;transition:width .3s}.preview .resNav ul{position:fixed;top:0;right:10px;display:block;margin:0;margin-right:80px;padding:0;list-style:none}.preview .resNav ul li{float:left}.preview .resNav ul li a{display:block;width:60px;line-height:60px;font-size:28px;color:#fff;text-decoration:none}.preview .resNav ul li a.active,.preview .resNav ul li a:hover{color:#22d3b6}.preview .resNav ul .tablet-btn a{line-height:65px}.preview .resNav ul .mobile-btn a{line-height:64px}.preview .resNav ul .OR_code .big_orc{position:relative;display:none}.preview .resNav ul .OR_code .big_orc .res-preview{position:absolute;top:-2px;right:0;padding:0 24px;background:#333}.preview .resNav ul .OR_code .big_orc .res-preview p{margin:0}.preview .resNav ul .OR_code a{line-height:62px}.preview .resNav ul .OR_code:hover .big_orc{display:block}.preview .thisPc{margin:0 auto}.preview .tablet{width:800px}.preview .mobile,.preview .tablet{margin:0 auto;box-shadow:0 0 8px rgba(0,0,0,.35)}.preview .mobile{width:420px}