@charset "utf-8";*{margin:0;padding:0}body{overflow:hidden;font-family:微软雅黑}.topbar{position:absolute;bottom:0;left:0;width:100%;height:75px;background:#fff;z-index:10;box-shadow:0 1px 15px rgba(0,0,0,.16);background:url(/foreign-website/images/useTemplateTipBg.png?v=201904031415) no-repeat 50%;text-align:center}.topbar .tool_btn_wrap{display:inline-block;height:100%;line-height:75px;width:820px;font-size:14px;margin-right:58px}.topbar .device_preview_wrap{position:absolute;width:300px;height:100%;left:50%;margin-left:-280px;font-size:0;text-align:center;margin-top:-79px}.topbar .device_btn{width:auto;position:relative;height:100%;padding:15px 15px;display:inline-block;_zoom:1;*display:inline;cursor:pointer}.topbar .device_icon{height:21px;margin-top:15px;background:url(/foreign-website/images/mbg01.png?v=202303081131) no-repeat}.topbar .device_btn_pc .device_icon{width:23px;background-position:-600px -76px}.topbar .device_btn_pad .device_icon{width:20px;background-position:-634px -76px}.topbar .device_btn_phone .device_icon{width:15px;background-position:-672px -76px}.topbar .device_btn_qrcode .device_icon{width:20px;background-position:-567px -179px}.topbar .device_btn:hover .hover_tips{display:block}.topbar .device_btn.active .device_icon,.topbar .device_btn:hover .device_icon{background-position-y:-110px}.topbar .device_btn_qrcode:hover .device_icon{background-position-y:-211px}.topbar .hover_tips{display:none;position:absolute;z-index:10;font-size:13px;color:#f67001;background:#fff;width:82px;height:35px;line-height:35px;text-align:center;left:50%;margin-left:-41px;border-radius:3px;top:-20px;box-shadow:0 0 10px 0 rgba(0,0,0,.15)}.topbar .hover_tips:before{content:"";position:absolute;left:50%;top:35px;margin-left:-6px;border:6px solid transparent;border-top-color:#fff}.topbar .hover_qrcode:before{top:182px}.aliyunButtonWrap+.device_preview_wrap .hover_tips{color:#f67632!important}.topbar .device_btn_qrcode .hover_tips{width:150px;height:150px;padding:16px;margin-left:-91px;cursor:default;top:-166px}.tool_btn_wrap .keepcenter_tipbar{max-width:100%;min-width:700px;*width:860px;_width:860px;height:48px;line-height:48px;margin:0 auto;position:relative}.tool_btn_wrap .tiptext{float:left;padding-left:20px}.tool_btn_wrap .tiptoolbtn{float:right;width:415px;height:100%;font-size:14px;margin-right:27px}.tool_btn_wrap .tiptext span{color:#666}.tool_btn_wrap .tbutton{text-decoration:none;float:right;margin:20.5px 29px 9px 26px}.tool_btn_wrap .tbutton .styleSettingButton{display:block;line-height:normal;font-weight:400}.tool_btn_wrap .tbutton .styleSettingButton:hover{border-color:#2288fe;background-color:#2288fe;color:#fff}.tool_btn_wrap .oneTemplateBtn{float:right;padding-right:20px}.tool_btn_wrap .siteTipsDemoTemplate{display:none;width:100%;font-size:12px;color:#000;font-family:微软雅黑;text-align:center;border-bottom:6px solid #b8c7d5;margin:0;padding:0;background:#fff;position:fixed;_position:absolute;top:31px;left:0;z-index:9031}.tool_btn_wrap .tlinkPrev1{display:block;padding-left:0;float:left;text-decoration:none;font-size:16px;color:#fff;font-family:微软雅黑}.tool_btn_wrap .tlinkPrev1:hover{color:#f67001}.tool_btn_wrap .tlinkPrev2{display:block;padding-left:0;float:left;text-decoration:none;cursor:default;font-size:16px;color:#333;font-family:微软雅黑}.tool_btn_wrap .fk_tlinkPrev2{color:#999}.tool_btn_wrap .tlinkNext1{display:block;padding-right:0;float:left;text-decoration:none;font-size:16px;color:#fff;font-family:微软雅黑}.tool_btn_wrap .tlinkNext1:hover{color:#f67001}.tool_btn_wrap .tlinkNext2{display:block;padding-right:0;float:left;text-decoration:none;cursor:default;font-size:16px;color:#999;font-family:微软雅黑}.tool_btn_wrap .siteDemoIndexText{display:block;padding:0 22px;float:left;color:#fff;font-family:微软雅黑;font-size:16px}.tool_btn_wrap .siteDemoCurIndexText{color:#fff;font-family:微软雅黑}.tool_btn_wrap .siteDemoBtn{cursor:pointer;padding:8px 24px;border-radius:2px;border:1px solid #e3e2e8;background-color:#fff;font-size:16px;color:#000;transition:all .3s}.tool_btn_wrap .siteDemoBtn.siteDemoBtn_active,.tool_btn_wrap .siteDemoBtn:hover{border-color:#f67001;background-color:#f67001;color:#fff}.tool_btn_wrap .siteDemoBtn.siteDemoBtn_active{border-radius:19px}.tool_btn_wrap .siteDemoBtn.siteDemoBtn_active:hover{border-color:#358ffc;background-color:#358ffc}.tool_btn_wrap .aliyunButton .siteDemoBtn.siteDemoBtn_active,.tool_btn_wrap .aliyunButton .siteDemoBtn.siteDemoBtn_active:hover{border-color:#f67632;background-color:#f67632}.aliyunButtonWrap .siteDemoBtn:hover{border-color:#f67632!important;background-color:#f67632!important}.tool_btn_wrap .siteDemoBtn:active{border-color:#f67001;background-color:#f67001}.tool_btn_wrap .siteDemoBtn_disabled{cursor:not-allowed;color:#bbbec4;background-color:#fff;border-color:#eaeaea}.tool_btn_wrap .safeModeTipsText{color:red;font-family:微软雅黑}.tool_btn_wrap .tlinkMore{display:block;text-decoration:none;text-align:center;float:right;margin:20.5px 0;line-height:normal;border-radius:19px;background-color:transparent;color:#fff}.tool_btn_wrap .tlinkMore:hover{border-color:#f67001;background-color:#f67001;color:#fff}.preview{position:absolute;top:0;right:0;bottom:0;left:0;background:#e0e0e1}.preview .preview_iframe_wrap iframe{background:#fff}.preview .preview_iframe_wrap{transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;width:100%;height:100%;box-sizing:border-box;background:#eeeff2}.preview.preview_mobile .preview_iframe_wrap{bottom:76px;width:768px;height:auto;margin-top:44px;margin-bottom:18px;padding-top:40px;padding-bottom:65px;box-shadow:0 0 7px 0 rgba(53,53,53,.12);border-radius:28px 28px 45px 45px}.preview.preview_mobile .preview_iframe_wrap:before{width:45px;height:8px;top:15px;border-radius:4px}.preview.preview_mobile .preview_iframe_wrap:after,.preview.preview_mobile .preview_iframe_wrap:before{content:"";display:block;position:absolute;left:0;right:0;margin:auto;background:#c8c9cc;transition:all .3s}.preview.preview_mobile .preview_iframe_wrap:after{width:32px;height:32px;bottom:17px;border-radius:50%}.preview.preview_phone .preview_iframe_wrap{width:375px;margin:53px auto;padding-bottom:60px;border-radius:33px}.preview.preview_phone .preview_iframe_wrap:after{width:30px;height:30px;bottom:15px}.preview_demo_wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#e0e0e1;margin-bottom:-18px}.topbar-semdemo .device_preview_wrap,.topbar-semdemo .siteDemoIndexText,.topbar-semdemo .tlinkMore,.topbar-semdemo .tlinkNext1,.topbar-semdemo .tlinkNext2,.topbar-semdemo .tlinkPrev1,.topbar-semdemo .tlinkPrev2{display:none}.topbar-semdemo .tbutton{display:inline-block;float:none}