@charset "utf-8";商城官网模板页 -- 样式 */ body{font-family:"微软雅黑"}.fkmall-model-body{font-size:0}.fa-banner .f-img{width:100%}.model-box{width:80%;max-width:1503px;min-width:1024px;margin:-3.64% auto 100px;position:relative;background-color:#fff;border-radius:6px;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-sizing:border-box}.model-nav{box-sizing:border-box;background-color:#fff;border-radius:6px}.nav-fix{position:fixed;z-index:1;width:80%;max-width:1503px;min-width:1024px}.model-nav .type-nav{font-size:0;height:68px;line-height:68px;position:relative;width:85%;max-width:1253px;margin:0 auto}.type-nav .nav-item{width:120px;margin-right:45px;display:inline-block;height:67px;position:relative;text-align:center}.type-nav .nav-item:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background-color:transparent}.type-nav .nav-item a{font-size:15px;color:#333;text-decoration:none;font-family:"微软雅黑"}.type-nav .nav-item a:hover,.type-nav .nav-active a{color:#f73}.type-nav .nav-active:after{background-color:#f73}.type-nav .nav-search{display:inline-block;position:absolute;top:50%;right:25px;font-size:15px;transform:translateY(-50%)}.nav-search .f-searchInputComponent{width:322px;height:36px;line-height:33px;border:1px solid #e5e5e5;border-radius:18px}.nav-search .f-searchInput{width:260px;height:33px;border:0;margin-left:18px;overflow:hidden;outline:0;font-size:14px;line-height:normal}.nav-search .f-searchInput::-webkit-input-placeholder{font-size:14px;color:#999}.nav-search .f-searchInput:-moz-placeholder{font-size:14px;color:#999}.nav-search .f-searchInput::-moz-placeholder{font-size:14px;color:#999}.nav-search .f-searchInput:-ms-input-placeholder{font-size:14px;color:#999}.nav-search .f-searchIcon{cursor:pointer}.model-nav .line-nav{width:95%;height:1px;max-width:1401px;margin:0 auto}.line-nav .img-line{height:1px}.model-nav .trade-nav{font-size:0;padding:25px 0 10px;padding-bottom:0;color:#666;margin:0 auto}.trade-nav .appletsTrade{max-width:1300px;margin:0 auto}.trade-nav .appletsTrade .nav-item{margin-bottom:20px;padding-left:45px;display:inline-block;width:128px;position:relative;text-align:left;line-height:14px;height:14px}.trade-nav .appletsTrade .nav-item a{font-size:13px;color:#666;text-decoration:none;font-family:"微软雅黑"}.trade-nav .appletsTrade .nav-item a:hover,.trade-nav .appletsTrade .nav-item.trade-active a{color:#f73}.trade-nav .appletsTrade .more-item{display:none}.trade-nav .mobi-mallTrade{display:none}.trade-nav .mallFirstTrade{max-width:1378px;margin:0 auto}.trade-nav .mallFirstTrade .nav-item{font-size:0;padding-bottom:25px;margin-left:85px;display:inline-block;width:130px;position:relative;text-align:left}.trade-nav .mallFirstTrade .nav-item .f-link{display:inline-block;line-height:13px;height:13px;font-size:13px;color:#666;text-decoration:none}.trade-nav .mallFirstTrade .nav-item:hover .f-link,.trade-nav .mallFirstTrade .nav-item.trade-active .f-link{color:#f73}.trade-nav .mallFirstTrade .more-item{display:none}.trade-nav .mallSecondTrade{max-width:1378px;margin:0 auto;font-size:13px;margin-top:0}.trade-nav .mallSecondTrade .curFirstTrade{display:inline-block;margin-left:85px;margin-right:30px;color:#999}.trade-nav .mallSecondTrade .nav-item{margin-bottom:22px;display:inline-block;margin-right:20px;position:relative;text-align:left}.trade-nav .mallSecondTrade .secondTrade{padding:0 21px;height:30px;line-height:30px}.trade-nav .mallSecondTrade .secondTrade-active{background-color:#f73;border-radius:18px}.trade-nav .mallSecondTrade .secondTrade .f-link{text-decoration:none;color:#666}.trade-nav .mallSecondTrade .secondTrade .f-link:hover{color:#f73}.trade-nav .mallSecondTrade .secondTrade-active .f-link:hover,.trade-nav .mallSecondTrade .secondTrade-active .f-link{color:#fff}.secondBoxOuter{position:absolute;top:20px;z-index:10;width:136px}.secondBoxTri{display:none;z-index:12;position:absolute;width:9px;height:6px;background:url(/image/model/model_sjt.png?v=201711250646) 0 -2px no-repeat}.secondBox{width:150px;z-index:11;display:none;position:absolute;top:10px;_top:9px;left:0;background:#fff;box-shadow:0 0 2px 1px rgba(0,0,0,0.1);border:0}.secondInnerBox{background:#fff;margin:0;padding:15px;padding-bottom:0;padding-right:0;overflow:hidden;_margin-top:-15px}.secondInnerBox::before{content:'';display:block;position:absolute;left:20px;margin-left:-6px;width:0;height:0;top:-12px;border-style:solid;border-width:6px;border-color:transparent;border-bottom-color:#fff;z-index:1}.secondInnerBox::after{content:'';display:block;position:absolute;left:20px;width:1px;height:1px;top:2px;border-bottom-color:#fff;z-index:-1;box-shadow:0 0 10px 2px #333}.secondBoxDetail{width:65px;line-height:1;height:12px;font-size:12px;float:left;margin-bottom:15px;color:#777674}a.secondBoxDetailLink{color:#666;text-decoration:none}a.secondBoxDetailLink:hover{color:#f73}.colSpace{width:0;height:14px;float:left;margin-bottom:12px}.model-content{margin:0 auto;overflow:hidden;padding-top:10px;padding-bottom:10px;font-size:0}.model-content .f-img{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e5e5e5}.model-content .model-mall .f-img{border-radius:7px}.model-applets .f-img{width:}.model-content .f-mask{position:absolute;top:0;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);transition:opacity .3s}.model-content .f-fill{position:absolute;width:100%;top:0;left:0;display:inline-block;width:100%;text-align:center}.model-content .model-mall .f-fill{top:2px}.model-content .qrWrap{width:.575rem;height:.575rem;border-radius:3px;opacity:0;filter:alpha(opacity=0);transition:opacity .3s;margin:0 auto;margin-top:35%;background-color:#fff;width:146px;height:146px;background:rgba(255,255,255,1);border-radius:8px;box-sizing:border-box;margin-top:54px;background:url(/image/loading_2b.gif?v=202603181221) no-repeat center center;background-color:#fff}.model-content .f-qr{width:100%;height:100%;border-radius:8px}.model-content .f-action{display:inline-block;width:.575rem;margin-top:12.5%;opacity:0;filter:alpha(opacity=0);cursor:pointer;transition:opacity .3s}.model-content .f-wrapper:hover{transform:translate(0,-10px)}.model-content .f-wrapper:hover .f-mask{opacity:.5;filter:alpha(opacity=50)}.model-content .f-wrapper:hover .f-action{opacity:1;filter:alpha(opacity=100)}.model-content .f-wrapper:hover .qrWrap{opacity:1;filter:alpha(opacity=100)}.model-content .model-applets{position:relative;margin:0 24px;margin-bottom:48px;width:202px;height:358px;display:block;display:inline-block}.model-content-applets .model-applets .qrWrap{width:146px;height:146px;background:rgba(255,255,255,1);border-radius:8px;padding:6px;background:url(/image/loading_2b.gif?v=202603181221) no-repeat center center;background-color:#fff}.model-applets .f-wrapper{transform:translate(0,0);position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;padding-top:177.2277227722772%}.model-content .model-mall{position:relative;margin-bottom:60px;display:inline-block;width:217px;height:450px;margin:0 57px;margin-bottom:50px}.model-mall .f-wrapper{position:relative;transition:transform .3s ease,box-shadow .3s ease;height:100%}.model-mall .bg-wrapper{width:100%;height:100%;background:url(/image/index/screen3/phone.png?v=202603181221)}.model-mall .f-img{border:0}.model-mall .content-wrapper{width:92.17%;height:80%;max-width:200px;max-height:356px;position:absolute;top:9.5%;left:4.2%}.model-content .model-pcMall{width:26.06%;max-width:356px;position:relative;margin:0 .187rem;margin-bottom:.197rem;display:inline-block;width:356px;height:236px;border-radius:3px;margin-left:50px;margin-bottom:60px}.model-pcMall .f-wrapper{height:100%;position:relative;width:100%;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 10px rgba(210,216,225,0.6)}.model-pcMall .bg-wrapper{width:100%;height:100%}.model-pcMall .f-img{border:0;height:auto;min-height:100%}.model-pcMall .content-wrapper{width:100%;height:95%;max-width:356px;max-height:236px;position:absolute;top:6.2%;left:0;overflow:hidden}.model-pcMall .f-action{margin-top:25.6%}.trade-nav .f-tip.search-result{max-width:1300px;margin:0 auto;margin-bottom:20px;font-size:14px;padding-left:45px}.noSsearchResult{height:100px;font-size:20px;text-align:center;color:#666}.model-content .f-wrapper:hover .fk_floatBtn_wrap{opacity:1}.model-content .f-fill{width:100%;height:100%}.fk_floatBtn_wrap{font-weight:400;text-align:center;transition:opacity .3s;opacity:0;height:85px;width:146px;position:absolute;left:50%;top:50%;margin-left:-74px;margin-top:-42px}.fk_freeBuild_btn{margin-bottom:17px}.fk_freeBuild_btn,.fk_preview_btn{line-height:34px;font-size:14px;display:inline-block}a.fk_freeBuild_btn,a.fk_freeBuild_btn:hover,a.fk_freeBuild_btn:visited,a.fk_freeBuild_btn:active{width:146px;height:34px;background:rgba(253,117,61,1);border-radius:17px;color:rgba(255,255,255,1);text-decoration:none}a.fk_preview_btn,a.fk_preview_btn:hover,a.fk_preview_btn:visited,a.fk_preview_btn:active{width:146px;height:34px;background:rgba(255,255,255,1);border-radius:17px;color:rgba(253,117,61,1);text-decoration:none}.fk_mobi_btn_wrap{padding-top:25px;opacity:0;transition:opacity .3s}a.fk_mobi_freeBuild_btn,a.fk_mobi_preview_btn{display:block;text-decoration:none;margin:0 auto;line-height:34px;text-decoration:none;cursor:pointer;z}a.fk_mobi_freeBuild_btn{width:146px;height:34px;background:rgba(253,117,61,1);border-radius:17px;font-size:14px;font-weight:400;color:rgba(255,255,255,1);margin-bottom:10px}a.fk_mobi_preview_btn{width:146px;height:34px;background:rgba(255,255,255,1);border-radius:17px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(253,117,61,1)}.model-content .f-wrapper:hover .fk_mobi_btn_wrap{opacity:1}.preview-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000;opacity:.6;filter:alpha(opacity=60);z-index:4}.preview-container{width:1030px;margin:auto;position:fixed;top:15%;left:0;right:0;z-index:5}.preview-container .preview-content{height:706px;font-size:0;background-color:#fff;border-radius:4px;overflow:hidden}.preview-container .sub-content{width:50%;height:100%;display:inline-block;vertical-align:top;box-shadow:-2px 0 3px rgba(0,0,0,0.04)}.preview-container .p-left{background-color:#f4f4f4}.preview-container .fk_frame_wrap{position:relative;width:375px;height:631px;margin:37.5px auto 0;box-shadow:0 1px 2px rgba(150,150,150,0.3)}.preview-container .fk_frame_wrap_mask{position:absolute;width:100%;height:100%;background:url(/image/loading_2b.gif?v=202603181221) no-repeat center center;background-color:#eee}.preview-container .p-frame{width:100%;height:100%;position:absolute;display:block}.preview-container .p-right .wrapper{width:242px;margin:142px auto 0}.preview-container .qrcode-wrapper{text-align:center;width:242px;height:284px;box-sizing:border-box;padding-top:20px;border-radius:4px}.preview-container .qr-code{width:200px;height:200px}.preview-container .qrcode-tip{color:#666;font-size:13px;padding:10px 0;display:inline-block;padding-top:30px;font-size:14px;color:#666;line-height:1}.preview-container .cancel-btn{float:right}.preview-container .close-btn{width:15px;height:15px;position:absolute;top:20px;right:20px;background:url(../image/mbg01Two.png?v=202603181221) no-repeat -681px -44px;cursor:pointer;-webkit-transition:transform .15s;-o-transition:transform .15s;transition:transform .15s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.preview-container .close-btn:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.preview-container .toggle-btn{width:76px;height:76px;line-height:76px;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto 0;background:rgba(0,0,0,0.055);text-align:center;cursor:pointer;transition:background .3s ease}.preview-container .toggle-btn:hover{background:rgba(0,0,0,0.3)}.preview-container .toggle-btn:after{content:'';width:19px;height:35px;display:inline-block;vertical-align:middle;margin:-3px auto 0}.preview-container .left-btn:after{margin-left:-3px;background:url(../image/mbg01Two.png?v=202603181221) no-repeat -412px -87px;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-18px}.preview-container .right-btn:after{margin-right:-4px;background:url(../image/mbg01Two.png?v=202603181221) no-repeat -373px -87px;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-18px}.preview-container .left-btn{margin-left:-148px}.preview-container .right-btn{right:0;margin-right:-148px}.jz-btn{cursor:pointer;padding:8px 24px;border-radius:2px;border:1px solid #e3e2e8;background-color:#fafafa;font-size:13px;font-family:微软雅黑}.jz-btn:focus{outline:0}.jz-btn:hover{border-color:#b4c5f2;background-color:#f8fafe;color:#557ce1}.jz-btn>.jz-icon+span{margin-left:4px;vertical-align:middle}.jz-btn-icon{padding:6px 14px 6px 10px}.jz-icon{font-size:20px;vertical-align:middle}.jz-btn-global-oper{padding:8px 32px;background-color:#FFF}.jz-btn-global-oper:hover{border-color:#5874d8;background-color:#5874d8;color:#FFF}.jz-btn-global-oper.jz-btn-active{border-color:#fd6040;background-color:#fd6040;color:#FFF}.jz-btn-global-oper:active{border-color:#4a67d1;background-color:#4a67d1}.jz-btn[disabled]{cursor:not-allowed;color:#bbbec4;background-color:#fff;border-color:#eaeaea}.model-content .f-wrapper:hover .fk_app_btn_wrap{opacity:1}.fk_app_btn_wrap{text-align:center;padding-top:25px;transition:opacity .3s;opacity:0}.fk_app_freeBuild_btn,.fk_app_preview_btn{text-align:center;line-height:34px;display:inline-block;cursor:pointer}a.fk_app_freeBuild_btn,a.fk_app_freeBuild_btn:hover,a.fk_app_freeBuild_btn:active,a.fk_app_freeBuild_btn:visited{width:146px;height:34px;background:#f73;border-radius:17px;margin-bottom:10px;font-size:14px;color:#fff;text-decoration:none}a.fk_app_preview_btn,a.fk_app_preview_btn:hover,a.fk_app_preview_btn:active,a.fk_app_preview_btn:visited{width:146px;height:34px;background:#fff;border-radius:17px;font-size:14px;color:#f73;text-decoration:none}a.fk_preview_build_btn,a.fk_preview_build_btn:hover,a.fk_preview_build_btn:active,a.fk_preview_build_btn:visited{width:180px;height:42px;background:#f73;border-radius:21px;line-height:42px;font-size:16px;color:#fff;text-decoration:none}.fk_preview_build_btn_wrap{width:100%;text-align:center;padding-top:35px}.fk_preview_build_btn{display:inline-block;padding:0}.model-content-pcMall{width:1302px}.model-content-mall{width:1324px}.model-content-applets{width:1250px}.preview-container_mobi .qrcode-tip{display:none}.preview-container_mobi .p-right .wrapper{margin-top:156px}.preview-container_mobi .qrcode-wrapper{padding-top:0;width:240px;height:240px;background:rgba(255,255,255,1);border-radius:8px}.preview-container_mobi .qr-code{width:100%;height:100%;border:6px}.preview-container_mallApp .p-right .wrapper{margin-top:150px}.preview-container_mallApp .qrcode-wrapper{border:0;padding-top:0;width:242px;height:284px;border:1px solid rgba(238,238,238,1);border-radius:8px;padding-top:15px}.preview-container_mallApp .qr-code{width:210px;height:210px}.qrcode-wrapper{position:relative}.qr-code-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/image/loading_2b.gif?v=202603181221) no-repeat center center}@media(max-width:1680px){.model-content-mall{width:1024px}.model-content-pcMall{width:870px}}@media(max-width:1580px){.model-content-applets{width:1000px}}.tips{width:auto;height:40px;line-height:41px;margin:3px 0;font-size:13px;font-family:"微软雅黑";color:#ff8e1e;border:0;background-color:#fff5dc;z-index:9999;box-shadow:0 5px 10px -5px #b3b3b3;-moz-box-shadow:0 5px 10px -5px #b3b3b3;-webkit-box-shadow:0 5px 10px -5px #b3b3b3;position:relative;top:0;left:0;float:left}.tips .msg{display:inline;width:auto;height:40px;line-height:41px;margin:0 0 0 15px;word-break:keep-all;white-space:nowrap;float:left;padding:0 12.14px}.tips .close{margin:0 10px 0 7px;width:8px;height:40px;cursor:pointer;background:url(/image/close02.png?v=202603181221) center no-repeat;float:right;display:inline}.tab-bar{font-size:14px}.fkmall-loading{color:#979ba0;font-size:16px;overflow:hidden;width:100%;display:block;position:relative;padding-bottom:40px}.fkmall-loading .loadTxt{position:absolute;left:55px;right:0;margin:auto;bottom:40px;text-align:center;line-height:45px}.fkmall-loading .spinner{width:45px;height:45px;margin:auto;position:relative;padding-right:150px}.fkmall-loading .container1>div,.fkmall-loading .container2>div,.fkmall-loading .container3>div{width:8px;height:8px;background-color:#169af7;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fkmall-loading .spinner .spinner-container{position:absolute;width:30px;height:30px;left:0;top:50%;margin:-15px 0 0 6px}.fkmall-loading .container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.fkmall-loading .container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.fkmall-loading .circle1{top:0;left:0}.fkmall-loading .circle2{top:0;right:0}.fkmall-loading .circle3{right:0;bottom:0}.fkmall-loading .circle4{left:0;bottom:0}.fkmall-loading .container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.fkmall-loading .container3 .circle1{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.fkmall-loading .container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.fkmall-loading .container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.fkmall-loading .container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.fkmall-loading .container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.fkmall-loading .container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.fkmall-loading .container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.fkmall-loading .container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.fkmall-loading .container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.fkmall-loading .container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.1)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.1);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}.model-pcMall.rollImg{margin-bottom:80px}.model-pcMall.rollImg .model_mask{display:none}.model-pcMall.rollImg .f-wrapper:hover .model_mask{display:block}.model-pcMall.rollImg .f-wrapper:hover .f-pcModulePic{display:block}.model-pcMall.rollImg .model_mask .f-pcModulePic{display:none;position:absolute;width:100%;height:100%;background-color:#000;opacity:.5;top:0;border-top-left-radius:6px;border-top-right-radius:6px}.model-pcMall.rollImg .model_mask .f-modelBtn{color:#fff;width:100%;height:58px;position:relative;background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,0.11)}.model-pcMall.rollImg .model_mask .f-modelBtn a{display:inline-block;height:34px;text-align:center;line-height:34px;margin-top:12px}.model-pcMall.rollImg .model_mask .fk_freeBuild_btn{width:116px;background-color:#fd6040;margin-left:60px}.model-pcMall.rollImg .model_mask .fk_freeBuild_btn:hover{background-color:#fd705b}.model-pcMall.rollImg .model_mask .fk_preview_btn{width:96px;background-color:#2f82ff;float:right;margin-right:60px;color:#fff}.model-pcMall.rollImg .model_mask .fk_preview_btn:hover{background-color:#2b89fb}.model-pcMall.rollImg .f-pcModelName{width:353px;height:60px;line-height:60px;font-size:15px;text-align:center}.model-content .model-mall{width:230px;margin:0 50px;margin-bottom:20px}.model-mall .bg-wrapper{width:100%;height:100%;background:url(/image/index/screen3/mobile.svg?v=202603181221)}.model-mall .content-wrapper{width:200px;height:380px;max-height:380px;top:33px;left:15px}.f-modelNameHref{color:#333}.f-modelNameHref:link{text-decoration:none;cursor:pointer}.f-modelNameHref:visited{text-decoration:none;cursor:pointer}.f-modelNameHref:active{text-decoration:none;cursor:pointer}.f-modelNameHref:hover{text-decoration:none;cursor:pointer;color:#f73}#rightTips{top:7.3rem!important}