.picturelayout5 label{border:2px solid #ccc; display:inline-block;width:54px!important; height:46px; cursor:pointer; text-align:center; line-height:20px; font-family:Arial; font-size:0; margin-right:5px; margin-bottom:5px;} .picturelayout5 label.ant-radio-button-wrapper:first-child{border:2px solid #ccc!important;} .picturelayout5 label.ant-radio-button-wrapper-checked{border:2px solid #0073AA!important; display:inline-block;position:relative;box-shadow:none} .picturelayout5 label.ant-radio-button-wrapper:first-child.ant-radio-button-wrapper-checked{border:2px solid #0073AA!important;} .picturelayout5 label.ant-radio-button-wrapper-checked i{ } .picturelayout5 label:nth-of-type(4n){ margin-right:0;} .picturelayout5 .picturelayout1, .picturelayout5 .picturelayout1.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -3px -3px no-repeat!important;} .picturelayout5 .picturelayout2, .picturelayout5 .picturelayout2.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -54px -3px no-repeat!important;} .picturelayout5 .picturelayout3, .picturelayout5 .picturelayout3.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -105px -3px no-repeat!important;} .picturelayout5 .picturelayout4, .picturelayout5 .picturelayout4.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -156px -3px no-repeat!important;} .picturelayout5 .picturelayout5, .picturelayout5 .picturelayout5.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -207px -3px no-repeat;} .picturelayout5 .picturelayout6, .picturelayout5 .picturelayout6.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -258px -3px no-repeat;} .picturelayout5 .picturelayout7, .picturelayout5 .picturelayout7.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -3px -46px no-repeat;} .picturelayout5 .picturelayout8, .picturelayout5 .picturelayout8.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -54px -46px no-repeat;} .picturelayout5 .picturelayout9, .picturelayout5 .picturelayout9.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -105px -46px no-repeat;} .picturelayout5 .picturelayout10, .picturelayout5 .picturelayout10.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -156px -46px no-repeat;} .picturelayout5 .picturelayout11, .picturelayout5 .picturelayout11.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -207px -46px no-repeat;} .picturelayout5 .picturelayout12, .picturelayout5 .picturelayout12.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -258px -46px no-repeat;} .picturelayout5 .picturelayout13, .picturelayout5 .picturelayout13.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) 0 -92px no-repeat;} .picturelayout5 .picturelayout14, .picturelayout5 .picturelayout14.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -54px -89px no-repeat;} .picturelayout5 .picturelayout15, .picturelayout5 .picturelayout15.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -105px -89px no-repeat;} .picturelayout5 .picturelayout16, .picturelayout5 .picturelayout16.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -156px -89px no-repeat;} .picturelayout5 .picturelayout17, .picturelayout5 .picturelayout17.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -207px -89px no-repeat;} .picturelayout5 .picturelayout18, .picturelayout5 .picturelayout18.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -258px -89px no-repeat;} .picturelayout5 .picturelayout19, .picturelayout5 .picturelayout19.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -3px -137px no-repeat;} .picturelayout5 .picturelayout20, .picturelayout5 .picturelayout20.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -54px -137px no-repeat;} .picturelayout5 .picturelayout21, .picturelayout5 .picturelayout21.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -105px -137px no-repeat;} .picturelayout5 .picturelayout22, .picturelayout5 .picturelayout22.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -156px -137px no-repeat;} .picturelayout5 .ant-radio-button-wrapper:first-child{border-left:2px solid #eee!important;} .picturelayout5 .ant-radio-button-wrapper-checked:first-child{border-left:2px solid #DB0011!important;} .picturelayout5 .picturelayout1.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout2.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout3.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout4.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout5.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout6.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout7.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout8.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout5.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout6.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout7.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout8.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout9.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout10.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout11.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout12.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout13.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout14.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout15.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout16.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout17.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout18.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout19.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout20.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout21.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .picturelayout5 .picturelayout22.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;} /* variation picture layout */ .picturelayout5 .v_picturelayout1, .picturelayout5 .v_picturelayout1.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/v_picture_layout.png) -3px -3px no-repeat!important;} .picturelayout5 .v_picturelayout2, .picturelayout5 .v_picturelayout2.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/v_picture_layout.png) -54px -3px no-repeat!important;} .picturelayout5 .v_picturelayout3, .picturelayout5 .v_picturelayout3.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/v_picture_layout.png) -105px -3px no-repeat!important;} .picturelayout5 .v_picturelayout4, .picturelayout5 .v_picturelayout4.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/v_picture_layout.png) -156px -3px no-repeat!important;} .picturelayout5 .v_picturelayout1.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;} .picturelayout5 .v_picturelayout2.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;} .picturelayout5 .v_picturelayout3.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;} .picturelayout5 .v_picturelayout4.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;} .templatepreview_Mobile .pa_variationpicture_section_pictures.layout1 .variationpicture { width: 100%; } .templatepreview_Mobile .pa_variationpicture_section_pictures.layout2 .variationpicture { width: 100%; } .templatepreview_Mobile .pa_variationpicture_section_pictures.layout3 .variationpicture { width: 100%; } .templatepreview_Pad .pa_variationpicture_section_pictures.layout1 .variationpicture { width: 50%; } .templatepreview_Pad .pa_variationpicture_section_pictures.layout2 .variationpicture { width: 50%; } .thumbnail-block{border:1px solid #ddd;float:left;justify-content:center;align-items:center;flex-direction:column; margin-bottom:10px; margin-right:10px; text-align:center;position:relative;} .thumbnail-block img{ margin:1%; max-width:98%} .thumbnail-block p{ width:100%; float:left; text-align:center;} .thumbnail-block p:first-child{ margin-top:49%!important; } .thumbnail-block i{ position:absolute; top:49%; left:49%} .skinsetting5 .ant-radio-wrapper {float: left;} .skinsetting5 .ant-radio-wrapper .ant-radio { display: none;} .skinsetting5 .ant-radio-wrapper { border: 1px solid #ccc; background:#fff; display: inline-block; width:22.6%!important; margin-right:3%!important; margin-top:10px; cursor: pointer; text-align: center; line-height: 20px; font-family: Arial; float:left;} .skinsetting5 .ant-radio-wrapper:nth-of-type(1), .skinsetting5 .ant-radio-wrapper:nth-of-type(2), .skinsetting5 .ant-radio-wrapper:nth-of-type(3), .skinsetting5 .ant-radio-wrapper:nth-of-type(4){ margin-top:2px!important} .skinsetting5 .ant-radio-wrapper:nth-of-type(4n){ margin-right:0!important;} .skinsetting5 .ant-radio-wrapper.ant-radio-wrapper-checked { border: 1px solid #DB0011; display: inline-block; position: relative; } .skinsetting5 .ant-radio-wrapper.ant-radio-wrapper-checked i { position: absolute;top: 0; right: 0; font-size: 0; margin: 0px; width: 0;height: 0; border-top: 0px solid transparent;border-right: 14px solid #DB0011;border-bottom: 14px solid transparent;} .skinsetting5 .ant-radio-wrapper img{ width:90%;float:left; margin:2px 5%; margin-bottom:0;} .skinsetting5 .ant-radio-wrapper label{ color:#333;font-size:11px!important; width:100%;float:left;display:block; margin-bottom:0!important;overflow:hidden;} .skinsetting5 .ant-radio-wrapper span.ant-radio + *{ padding-left:0; padding-right:0;} .effectssetting5 ul, .effectssetting5 ul li { padding: 0; margin: 0; list-style-type: none;} .effectssetting5 .ant-radio-wrapper {float: left; } .effectssetting5 .ant-radio-wrapper .ant-radio {display: none;} .effectssetting5 .ant-radio-wrapper span{ color:#333!important} .effectssetting5 .ant-radio-wrapper {border: 2px solid #eee;background:#fff; display: inline-block;width:22.6%!important; margin-right:3%!important; margin-top:10px; color:#333!important; cursor: pointer; text-align: center;line-height: 20px; font-family: Arial;} .effectssetting5 .ant-radio-wrapper:nth-of-type(4n){ margin-right:0!important;} .effectssetting5 .ant-radio-wrapper.ant-radio-wrapper-checked { border: 2px solid #DB0011;display: inline-block;position: relative;} .effectssetting5 .ant-radio-wrapper.ant-radio-wrapper-checked i {position: absolute;top: 0; right: 0;font-size: 0; margin: 0px;width: 0;height: 0;border-top: 0px solid transparent;border-right: 14px solid #DB0011;border-bottom: 14px solid transparent;} .effectssetting5 .ant-radio-wrapper img{ width:90%;float:left; margin:2px 5%; margin-bottom:0;} .effectssetting5 .ant-radio-wrapper label{ color:#333;font-size:11px; margin-bottom:0!important} .effectssetting5 span.ant-radio + *{ padding:0!important;} .quick_select_color{ width:100%;float:left;} .quick_select_color span{ float:left; width:12.5%; height:25px; margin-right:5%; margin-top:8px;border:1px solid #666!important;border-radius:2px!important; cursor:pointer;} .quick_select_color span:nth-of-type(6n){ margin-right:0;} .quick_select_color span:after{content:"";border:1px solid #fff; display:block; width:100%;height:23px;} .template_builds_body{ width:100%; float:left;} .template_builds_head{ width:100%; float:left; height:48px; background:#5A5F6B;} .template_builds_title{ float:left; width:30%; color:#fff; font-size:16px;font-family:Arial;line-height:48px;} .template_builds_title p{ width:26px;font-size:19px!important; text-align:center;color:#f00!important;font-weight:bold; line-height:24px; padding:0; margin:0;float:left; margin-right:12px;margin-top:10px;margin-left:10px; border:1px solid #F00;border-radius:30px!important;} .template_builds_title span{ color:#fff; padding-left:8px;} .template_builds_previews{ margin:0 auto; width:400px; text-align:center; color:#fff;} .template_builds_previews span{ display:inline-block; height:48px; float:left; line-height:48px;} .template_builds_previews a{ display:inline-block; width:46px;height:48px; color:#A8A9AC;font-size:10px; padding-top:28px;} .template_builds_previews a:hover{color:#fff!important;} .template_builds_previews a.active{ background-color:#6A6F7D;color:#fff} .template5_builds_previews{position:absolute;top:0;left:40%; margin:0 auto; width:400px; text-align:center; color:#fff;} .template5_builds_previews span{ display:inline-block; height:47px; float:left; line-height:48px;} .template5_builds_previews a{ display:inline-block; width:46px;height:47px; color:#A8A9AC;font-size:10px; padding-top:28px;} .template5_builds_previews a:hover{background-color:#ddd;color:#fff!important;} .template5_builds_previews a.active{ background-color:#6A6F7D;color:#fff} .template5_profile_preview { text-align:center;} .template5_profile_preview iframe{ margin:0 auto;} .preview_pc { background:url(../img/template_preview.png) 0 0 no-repeat} .preview_pc:hover, .preview_pc.active { background: url(../img/template_preview.png) 0 -48px no-repeat} .preview_640{ background:url(../img/template_preview.png) -44px 0 no-repeat} .preview_640:hover{ background:url(../img/template_preview.png) -44px -48px no-repeat} .preview_768{ background:url(../img/template_preview.png) -88px 0 no-repeat} .preview_768:hover{ background:url(../img/template_preview.png) -88px -48px no-repeat} .preview_360{ background:url(../img/template_preview.png) -132px 0 no-repeat} .preview_360:hover{ background:url(../img/template_preview.png) -132px -48px no-repeat} .preview_480{ background:url(../img/template_preview.png) -176px 0 no-repeat} .preview_480:hover{ background:url(../img/template_preview.png) -176px -48px no-repeat} .preview_320{ background:url(../img/template_preview.png) -220px 0 no-repeat} .preview_320:hover{ background:url(../img/template_preview.png) -220px -48px no-repeat} .template_builds_right_buttons{float:right; width:30%;} .template_builds_right_buttons .btn{ float:right;margin:8px 10px 5px 0;color:#fff;} /*build content*/ .template_builds_content {float: left;width: 100%; background: #ced3e0;} /*build left frame*/ .template_builds_left { width:300px; float:left;box-shadow:0 6px 8px #333 } /*tabs*/ .template_builds_tab{float:left; width:100%; background:#fff;border-bottom:4px solid #E6E6E6;} .template_builds_tab ul, .template_builds_tab ul li{ padding:0; margin:0;list-style-type:none;} .template_builds_tab ul li{color:#fff; width:25%;float:left;cursor:pointer;text-align:center; padding-top:5px;padding-bottom:5px;} .template_builds_tab ul li p{ display:none} .template_builds_tab ul li span{ width:100%; text-align:center; display:block;color:#333;font-size:14px;} .template_builds_tab ul li i{ color:#333;font-size:14px;margin:4px 0;} .template_builds_tab ul li:hover{ background:#eee;} .template_builds_tab ul li.active, .template_builds_tab li.active:hover{ background:#E6E6E6;position:relative;} .template_builds_tab ul li div{color:#333;} /*store tab*/ .template_builds_storetab{float:left; width:40px; background:#eee;} .template_builds_storetab ul li{color:#fff; line-height:40px; height:40px; cursor:pointer; text-align:center;} .template_builds_storetab ul li p{ display:none} .template_builds_storetab ul li:hover{ background:#ddd;} .template_builds_storetab ul li.active, .template_builds_storetab li.active:hover{ background:#08C;position:relative;} .template_builds_storetab ul li.active i{color:#fff;} .template_builds_storetab ul li.active p{display:block; padding:0!important; margin:0!important; position:absolute; top:40%;right:-6px; width: 0; height: 0; border-top:4px solid transparent; border-left:6px solid #08c; border-bottom:4px solid transparent;} .storeicon{ background:url(/dist/assets/layouts/layout/img/icon_store_left.png); display:block; width:20px; height:18px; float:left; margin:9px; display:block;} .icon_global{ background-position:-22px 0;} .icon_center{ background-position:-22px -21px;} .icon_left{ background-position:-22px -42px;} .icon_right{ background-position:-22px -63px;} .template_builds_storetab ul li.active .icon_global{ background-position:0 0;} .template_builds_storetab ul li.active .icon_center{ background-position:0 -21px;} .template_builds_storetab ul li.active .icon_left{ background-position:0 -42px;} .template_builds_storetab ul li.active .icon_right{ background-position:0 -63px;} /*module*/ .template_builds_module{ width:300px;float:left;background:#FEFEFE;overflow:auto; overflow-x:hidden;} /*frame*/ .template_builds_frame{ margin-left:300px; overflow:auto} .template_builds_framein{margin-left:10px; margin-right:0px; margin-top:20px; text-align:center; } .template_builds_framein #preview{margin:0 auto;transition:width 0.3s ease 0.5s; display:table; margin-bottom:30px;} .template_builds_framein iframe{margin:0 auto;} .template_builds_frame_msg{margin:0 40px; margin-top:10px;} .data_frame{ padding-top:13px;} .template_style_module{ width:100%;float:left;} .template_style_modulecnt{ padding-bottom:13px;} .template_style_head_title{ width:100%;float:left; height:46px; line-height:46px; background:#fff;border-bottom:1px solid #eee; padding:0; margin:0;font-weight:bold; font-size:14px;} .template_style_head_title span{ margin-left:13px;} .template_style_head_title i{ float:right; margin:5px; display:block; padding:8px; text-align:center; background:#eee;border-radius:2px;} .template_style_head_title i:hover{ background:#ccc;cursor:pointer;} .template_style_head_title img{ max-height:24px; margin:3px;border:1px solid #ccc; margin-left:8px;} .template_style_addmodule{width:220px; margin:0 auto;position:relative; margin-top:46px; height:46px; } /*moudule add */ .addmodule{ position:absolute; left:0;top:0; margin:0 auto;margin-top:10px; background:#08C; width:220px; height:36px; line-height:30px; display:block; text-align:center;color:#fff;font-size:14px;} .addmodule:hover{color:#fff!important;} .addmodule.disabled { background:#ccc; cursor: not-allowed; } .empty_msg{ text-align:center; width:300px;text-align:center; position:fixed;top:50%;color:#f60;} .module_header{ width:100%; float:left; margin-bottom:15px;} .module_header span{ float:left; margin-right:13px;cursor:pointer;} .module_header span.selected{ font-weight:bold; color:#08C;} .module_list{ width:100%; margin: auto; } .module_list_select{ width:100%;float:left;border:2px solid #ccc; width:24.25%; margin-right:1%;min-height:90px; margin-bottom:10px;cursor:pointer; text-align: center;} .module_list_select.module_active{border:2px solid #f00;position:relative;} .module_list_select.module_selected{border:2px solid #08C} .module_list_select.module_active:hover{border:2px solid #f00;} .module_list_select.module_active i{ position: absolute;top: 0; right: 0; font-size: 0; margin: 0px; width: 0;height: 0; border-top: 0px solid transparent;border-right: 14px solid #DB0011;border-bottom: 14px solid transparent;} .module_list_select:nth-of-type(4n){ margin-right:0} .module_list_select img{ margin:8px auto; max-width:100%} .module_list_select:hover{ border-color:#aaa;} .module_list ~ .ant-pagination{ width:100%; margin-top:10px; padding-right: 1%; text-align: right; } /* module region select */ .modal_storelayout{ width:14%; margin: auto; margin-left: 1%; margin-right: 2%; float: left; position: absolute; } .modal_storelayout_header{ width:100%; height:45px; line-height:16px; border:2px solid #ccc; color:#ccc; font-size:11px; margin-bottom: 5px; } .modal_storelayout_header:hover { cursor: pointer; border-color: #aaa; color: #aaa; } .modal_storelayout_header.checked { border-color: #08C; color: #08C; } .modal_storelayout_body{ width:100%; margin-bottom: 5px; display: flex; justify-content: space-between; } .modal_storelayout_category{ width:40px; height:90px; color:#ccc; font-size:11px; } .modal_storelayout_category:hover { cursor: pointer; } .modal_storelayout_content { width:100%; height:90px; border:2px solid #ccc; color: #ccc; } .modal_storelayout_content:hover { cursor: pointer; border-color: #aaa; color: #aaa; } .modal_storelayout_content.checked { border-color: #08C; color: #08C; } .modal_storelayout_footer{ width:100%; height:45px; line-height:16px; border:2px solid #ccc; color:#ccc; font-size:11px; position:relative; } .modal_storelayout_footer:hover { cursor: pointer; border-color: #aaa; color: #aaa; } .modal_storelayout_footer.checked { border-color: #08C; color: #08C; } .modal_storelayout_header,.modal_storelayout_category, .modal_storelayout_content,.modal_storelayout_footer{ font-size: 15px; display: flex; justify-content: center; align-items: center; } .layout2 .modal_storelayout_category span{ -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .layout2 .modal_storelayout_category.checked span{ color: #08C; } .layout3 .modal_storelayout_category span{ -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .layout3 .modal_storelayout_category.checked span{ color: #08C; } .layout2 .modal_storelayout_category{ border:2px solid #ccc; } .layout2 .modal_storelayout_category.checked{ border:2px solid #08C; } .layout3 .modal_storelayout_category{ border:2px solid #ccc; order: 1; } .layout3 .modal_storelayout_category.checked{ border:2px solid #08C; order: 1; } .layout2 .modal_storelayout_content, .layout3 .modal_storelayout_content { width:calc(100% - 45px); } .template_style_style{position:relative;} .style_tabs{ position:absolute;top:9px; right:14px;} .style_tabs span{ display:block; width:70px;float:left; line-height:28px; text-align:center;color:#fff;cursor:pointer;} .style_tabs span i{ margin-right:5px;} .style_tabs span:first-child{background:#eee;} .style_tabs span:nth-child(2){ background:#eee;} .style_tabs span.close{ background:#eee;} .style_tabs span.unactive{ background:#eee;color:#333; } .style_tabs span.active{ background:#08C;color:#fff;} .style_tabs span.active i{ color:#fff;} .module_preview{ position:relative; width:100%; float:left;z-index:1} .module_preview ~ div{ margin:0 auto;} .module_preview.active{box-shadow:0 0 2px #f60; z-index: 9;} .floataction_l{ position:absolute; top:0; left:-30px;} .floataction_l span{ display:block; width:30px; height:30px; line-height:28px; background:#08C; text-align:center;color:#fff!important;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important; margin-bottom:5px;} .floataction_l i{font-size:14px;} .floataction_r{ position:absolute; top:0; right:-30px;} .floataction_r span{ display:block; width:30px; height:30px; line-height:28px; background:#08C; text-align:center;color:#fff!important;border-top-right-radius:4px!important;border-bottom-right-radius:4px!important; margin-bottom:5px;} .floataction_l span:hover, .floataction_r span:hover{ background:#0073AA;cursor:pointer} .floataction_r .floataction_delete{ background:#f00;} .floataction_r span.deleteicon{ background:#E04C43} .floataction_r span.deleteicon .fa.fa-trash.fa-lg{} .select_style_list{ width:100%;float:left; margin-bottom:10px;} .style_edit_line_head{border-top:1px solid #E0E0E0; background:#F4F4F4; width:100%;float:left; margin-bottom:10px; padding:5px 0} .style_edit_line_head span{ float:left; margin-left:10px;} .style_edit_line_head a{ float:right; margin-right:10px;} .style_edit_content{ width:90%; margin-left:5%; float:left; margin-bottom:10px; text-align:left; padding-top:10px;} .style_edit_title{ width:84%; float:left; margin-left:8%; margin-bottom:8px;margin-top:5px; padding-top:5px; text-align:left;text-align:left;font-weight:bold;border-top:1px solid #666;} .style_edit_line{ width:100%; float:left; margin-bottom:8px; text-align:left;} .style_edit_line label{ width:100%; float:left; } .style_edit_line .ant-radio-group{ width:100%;} .style_edit_line .ant-radio-wrapper{ width:31%; float:left;} .style_edit_line .ant-radio-wrapper:nth-of-type(3){ margin-right:0;} .style_edit_line .ant-radio-wrapper span{ display:block; } .style_edit_line .ant-input{} .style_edit_line .ant-input-number-input{ height:26px!important } .store_category_display .ant-radio-wrapper{ width:45%;float:left;} .style_edit_line .style_color_choose {position: relative;} .style_edit_line .style_color_input{ width:100%;} .style_edit_line .style_color_button{ position:absolute; top:-3px; right:2px;width:26px; height:26px;} .style_edit_line .input_line{position:relative; width:100%;float:left;} .style_edit_line .input_line .style_color_button{ position:absolute; top:-4px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;} .linemargin_bottom0{ margin-bottom:0!important} .right_check{float:right;} .style_edit_line2{ width:100%; float:left; margin-bottom:8px; text-align:left;position:relative;} .style_edit_line2 label{ width:50%; float:left;} .style_edit_line2 .right_input{ width:50%;float:right; text-align:right;} .style_edit_line2 .right_input .ant-input-number,.style_edit_line2 .right_input .ant-input, .style_edit_line2 .right_input .ant-select{width:100%} .style_edit_line2 .style_color_button{ position:absolute; top:3px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;border-radius:0!important} .style_edit_line2 .ant-input-number-input{ height:26px!important } .style_edit_line_cp{ width:100%; float:left; margin-bottom:8px; text-align:left;position:relative;} .style_edit_line_cp label{ width:40%; float:left;} .style_edit_line_cp .right_input{ width:60%;float:right; text-align:right;} .style_edit_line_cp .right_input .ant-input-number, .style_edit_line_cp .right_input .ant-input, .style_edit_line_cp .right_input .ant-select{width:100%} .style_edit_line_cp .style_color_button{ position:absolute; top:3px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;border-radius:0!important} .style_edit_line_cp .ant-input-number-input{ height:26px!important } .selectpromotionrow{width:100%} .selectpromotionrow .ant-radio-button-wrapper{ width:26px; height:26px;line-height:26px; display:block; text-align:center;padding:0; margin-right:5px; margin-bottom:5px; border:1px solid #eee;} .selectpromotionrow .ant-radio-button-wrapper:nth-child(5n){ margin-right:0;} .selectpromotionrow .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{border:1px solid #f60} .selectpromotionrow .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled{color:#ccc!important;} .style_edit_line3{ width:100%; float:left; margin-bottom:8px; text-align:left;position:relative; padding-top:10px;} .style_edit_line3 label{ width:50%; float:left;} /* cross promotion edit */ .cp_edit .style_edit_line.sub .assist_block { display: inline-block; float: left; width: 15px; margin-right: 5px; margin-top: 5px; height:15px; } .cp_edit .style_edit_line.sub .assist_block > span { display: inline-block; float: right; width: 8px; height:8px; border: 1px solid #888; border-top: 0; border-right: 0; } .cp_edit .style_edit_line.sub label { width: calc(100% - 21px); } .cp_edit .style_edit_line4 { margin-bottom: 8px; } .cp_edit .style_edit_line4 label { width: calc(100% - 26px); } .cp_edit .style_edit_line4 .right_input { display: inline-block; width: 26px; } .cp_edit .style_edit_line .selected_item { padding-left: 21px; margin-top: 5px; } .cp_edit .style_edit_line .selected_item .ebay_id, .cp_edit .style_edit_line .selected_item .category_id, .cp_edit .style_edit_line .selected_item .site_id { display: inline-block; vertical-align: top; } .cp_edit .style_edit_line .selected_item .ebay_id, .cp_edit .style_edit_line .selected_item .site_id { margin-right: 5px; } .cp_edit .style_edit_line .selected_item .line1 { padding-top: 5px; } .cp_edit .style_edit_line .selected_item .line1 > div { display: inline-block; vertical-align: top; width: calc(100% - 14px); } .cp_edit .style_edit_line .selected_item .category_id, .cp_edit .style_edit_line .selected_item .category_path { color: #999; } .cp_edit .style_edit_line .selected_item .ant-tag, .cp_edit .style_edit_line .selected_item .fa-times { display: inline-block; vertical-align: top; } .cp_edit .style_edit_line .selected_item .ant-tag { width: calc(100% - 14px); padding-left: 0; margin: 0!important; background: #fff; } .cp_edit .style_edit_line .selected_item .fa-times { width: 14px; color: #888; padding-top: 4px; } /* end cross promotion edit */ .style_edit_select { padding-top:15px;} .style_edit_select .ant-select {width: 230px;} .margingroup{ width:100%;float:left;} .margingroupbottom{ width:100%;float:left; margin-bottom:10px;} .margingroup_div{ float:left; width:25%;} .margingroup_div span{ display:block; width:100%;padding-bottom:2px; float:left; text-align:center;color:#666;} .margingroup_div div.ant-input-number{ width:100%!important; float:left; } .tb_pictureupload{ width:100%;float:left;position:relative;} .tb_picture_img{ height:80px; position:relative;vertical-align:middle; width:48%;float:left; border:1px solid #ccc; background:#fff url(../img/upload_bg.png) repeat;} .tb_picture_img_inner{position:absolute;top:0; left:0;right:0;bottom:0; text-align:center;} .tb_picture_img_inner .picture_inner_img{vertical-align:middle; max-width:94%; max-height:100%;} .mfe-img-helper{ display:inline-block;height:100%;vertical-align:middle;} .template-thumbnail .tb_picture_img{ height:200px;width:180px;} .tb_picture_upload{float:right;width:50%; } .tb_picture_upload .upload_selectpicture{ display:block!important; margin-bottom:10px;width:100%;float:right!important;border:1px solid #ccc!important; background:#eee;color:#333;} .tb_picture_upload .upload_pictureupload{ width:100%!important;float:right;} .tb_picture_upload .ant-upload.ant-upload-select{ width:100%!important} .tb_pictureupload .fa.fa-times{border:1px solid #f00;position:absolute;z-index:999; top:0;left:10px; background:#f00;color:#fff!important; width:22px; height:22px; line-height:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px; text-align:center;vertical-align:middle} .tb_pictureupload .fa.fa-times:hover{ background:#b20000;cursor:pointer;} .upload_close_button{border:1px solid #f00;} .template-thumbnail .tb_picture_upload{ float:left;width:200px;margin-left:20px;} .templateimg_upload_msg{/*position:absolute;left:0;top:0;*/ width:100%; float:left;font-size:12px!important;border:1px solid #f90; background:#fff; padding:4px;color:#333; margin-bottom: 7px; } .templateimg_upload_msg .anticon.anticon-close{border:1px solid #f00;border-radius:2px!important; background:#f00;color:#fff!important;margin:0 0 0 5px;float:right;} .templateimg_upload_msg .anticon.anticon-close:hover{ background:#b20000;} .data_input_group{ width:100%; float:left;margin-bottom:10px;} .data_input_group_list{ width:100%; float:left; } .data_input_group_list.marginbottom{ margin-bottom:10px;} .data_input_group_list .ant-input{padding-left:24px;} .data_input_group_list .data_group_link {position:relative;} .data_input_group_list .data_group_link i{position:absolute;top:7px; left:5px;color:#333;} .data_input_msg{ color:#f60; width:100%;float:left;} .data_input_msg b{ padding:0 10px} .data_menu_list{ width:100%;float:left;} .data_menu_list_div{ width:100%;float:left;line-height:25px; margin-top:6px; } .data_menu_list_div .fa-angle-right{ display:none} .data_menu_list_div .data_menu_list_dbody{ width:100%;background:#eee;float:left;cursor:move;} .data_menu_list_div.submenu .data_menu_list_dbody{ width:92%;float:right;cursor:move;} .data_menu_list_div.submenu{ width:100%;float:left; line-height:26px; margin-top:2px;} .data_menu_list_div.submenu .fa-angle-right{float:left; margin:6px 0; display:block;color:#333;font-size:14px;} .data_menu_list_div .data_menu_name{float:left;color:#333!important; margin-left:10px;} .data_menu_action{float:right;} .data_menu_action i{ display:block; width:20px; height:20px; line-height:18px; text-align:center; margin-left:5px;color:#333;border-radius:2px!important;cursor:pointer;} .data_menu_action i.fa-trash{color:#DB0011;} .style_edit_data_line{ margin:0 13px;} .pt_style_thumbnail{border:1px solid #eee;} .template_style_select{position:relative; width:48%;float:left; height:60px;border:2px solid #ccc; background:#fff; margin-bottom:10px;overflow:hidden;cursor:pointer;} .template_style_select label{ text-align:center;color:#333; overflow:hidden} .template_style_select:nth-of-type(2n){ float:right;} .template_style_select.active{border:2px solid #DB0011} .template_style_select.active i{} .template_style_select.active .floataction{position:absolute;top:-2px;z-index:999; right:0px;color:#fff!important; text-align:center; background:#DB0011; width:24px;height:24px; line-height:22px;border-bottom-left-radius:4px!important;border-bottom-right-radius:4px!important;} .template_style_select.active .floataction:hover{ background:#08c;color:#fff;} .select_style_list{ padding:0!important; height:37px!important; margin:0!important} .templatepreview_Pad [class*="_body"]{ width: 100% !important; /*margin:0 1%!important*/} .templatepreview_Mobile [class*="_body"]{ width: 100% !important; /*margin:0 2%!important*/} .templatepreview_Mobile [class*="_body"] table{ width: 100% !important; /*margin:0 2%!important*/} .templatepreview_Mobile img[class*="_body"]{ width: 100% !important; } .templatepreview_Pad .pa_logobar_section_img, .templatepreview_Mobile .pa_logobar_section_img{ width:240px!important; margin:20px auto;min-height:auto;clear:both!important;position:relative!important; left:0!important;top:0!important;right:0!important;bottom:0!important} .templatepreview_Mobile .pa_logobar_section_img{width:200px!important;} .templatepreview_Pad .pa_menu_section_bodyin, .templatepreview_Mobile .pa_menu_section_bodyin{ clear:both!important;position:relative!important; left:0!important;top:0!important;right:0!important;bottom:0!important} .templatepreview_Pad .pa_logobar_section_img img, .templatepreview_Mobile .pa_logobar_section_img img{ width:100%!important} .templatepreview_Pad .pa_description_section_img, .templatepreview_Mobile .pa_description_section_img{ width:100%!important} .templatepreview_Pad .pa_description_section_text, .templatepreview_Mobile .pa_description_section_text{ width:100%!important;padding-top:10px;} .templatepreview_Pad .pa_description_section_product_desc, .templatepreview_Mobile .pa_description_section_product_desc{ width:100%!important;} /* Terms list */ .templatepreview_Mobile #terms input {display: none;} .templatepreview_Mobile #terms label{ width:auto; float:left;} .templatepreview_Mobile #terms label.headlabel1 {display: none;} .templatepreview_Mobile #terms label.headlabel2 {display: none;} .templatepreview_Mobile #terms label.headlabel3 {display: none;} .templatepreview_Mobile #terms label.headlabel4 {display: none;} .templatepreview_Mobile #terms label.headlabel5 {display: none;} .templatepreview_Mobile #terms #patemplate_termscontent_1, .templatepreview_Mobile #terms #patemplate_termscontent_2, .templatepreview_Mobile #terms #patemplate_termscontent_3, .templatepreview_Mobile #terms #patemplate_termscontent_4{display: block; width:100%; float:left; margin-bottom:10px;} .templatepreview_Mobile #terms #patemplate_termscontent_5{display: block;width:100%; float:left; } .templatepreview_Mobile #terms #tab1:checked ~ #patemplate_termscontent_1 .template_terms_contentin, .templatepreview_Mobile #terms #tab2:checked ~ #patemplate_termscontent_2 .template_terms_contentin, .templatepreview_Mobile #terms #tab3:checked ~ #patemplate_termscontent_3 .template_terms_contentin, .templatepreview_Mobile #terms #tab4:checked ~ #patemplate_termscontent_4 .template_terms_contentin, .templatepreview_Mobile #terms #tab5:checked ~ #patemplate_termscontent_5 .template_terms_contentin {display: block;} .templatepreview_Mobile #terms #tab1:checked ~ #patemplate_termscontent_1 label i:after, .templatepreview_Mobile #terms #tab2:checked ~ #patemplate_termscontent_2 label i:after, .templatepreview_Mobile #terms #tab3:checked ~ #patemplate_termscontent_3 label i:after, .templatepreview_Mobile #terms #tab4:checked ~ #patemplate_termscontent_4 label i:after, .templatepreview_Mobile #terms #tab5:checked ~ #patemplate_termscontent_5 label i:after {content:"+"; color:#fff;font-size:24px;font-family:Arial; font-weight:bold;} .templatepreview_Mobile #terms .template_terms_contentin_t{ display:block!important; width:100%; background:#333;color:#fff; position:relative;background:#333; text-align:left; background-repeat:repeat!important;} /* Terms list 条款 */ .templatepreview_Mobile #terms label i{ display:block; width:26px;height:26px;line-height:24px;text-align:center; position:absolute; top:9px; right:5px;} .templatepreview_Mobile #terms label i:after{content:"—"; color:#fff;font-size:16px; font-family:Arial; font-weight:bold;} .templatepreview_Mobile #terms label {display: block; width:40%!important; padding:0;font-weight: 600;text-align:left!important;color: #fff;background:none; cursor:pointer; margin-left:10px!important;} .templatepreview_Mobile #terms label:hover {color: #fff;background:none; cursor:pointer;} .templatepreview_Mobile #terms .template_terms_contentin{ display:none} .style_edit_decimalstep{ width:100%; height:30px;float:left;} .style_edit_decimalstep .ant-slider{ float:left; width:60%} .style_edit_decimalstep .ant-slider-handle{border-radius:100%!important;border-color:#08C!important} .style_edit_decimalstep .ant-slider-track{background-color:#08C!important;border-radius:2px!important;} .style_edit_decimalstep .ant-slider-step{border-radius:2px!important} .style_edit_decimalstep .ant-input-number{ float:right; width:30%; margin:0!important;} /*--------------------------- Mobile & Pad ---------------------------*/ .templatepreview_Mobile .pa_content_section4{ padding:10px 0 0 0!important;} .templatepreview_Mobile [class*="_section4_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section16{ padding:10px 0 0 0!important;} .templatepreview_Mobile [class*="_section16_picture"] { width:49%!important; margin-bottom:10px;} .templatepreview_Mobile [class*="_section16_picture"]:nth-of-type(2n){margin-right:0!important} .templatepreview_Mobile .template_terms_contentin{ padding-top:20px!important;} .templatepreview_Mobile .template_terms_contentin ul{padding:0; margin:0;margin-top:30px; margin-left:15px;} .templatepreview_Mobile .pa_content_section7{ padding:10px 0 0 0!important;} .templatepreview_Mobile [class*="_section7_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section8{ padding:10px 0 0 0!important;} .templatepreview_Mobile [class*="_section8_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile [class*="_section8_text"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section9{ padding:10px 0 0 0!important;} .templatepreview_Mobile [class*="_section9_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile [class*="_section9_text"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section11{ padding:10px 0 0 0!important;} .templatepreview_Mobile .pa_content_section11_1{ width:100%!important;} .templatepreview_Mobile .pa_content_section11_2{ width:100%!important;} .templatepreview_Mobile [class*="_section11_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile [class*="_section11_text"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section12{ padding:10px 0 0 0!important;} .templatepreview_Mobile .pa_content_section12_1{ width:100%!important;} .templatepreview_Mobile .pa_content_section12_2{ width:100%!important;} .templatepreview_Mobile [class*="_section12_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile [class*="_section12_text"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section13{ padding:10px 0 0 0!important;} .templatepreview_Mobile .pa_content_section13_1{ width:100%!important;} .templatepreview_Mobile .pa_content_section13_2{ width:100%!important;} .templatepreview_Mobile .pa_content_section13_3{ width:100%!important;} .templatepreview_Mobile [class*="_section13_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile [class*="_section13_text"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section18 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile [class*="_section18_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section1{ padding:10px 0 0 0!important;} .templatepreview_Mobile [class*="_section1_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section2{ padding:10px 0 0 0!important;} .templatepreview_Mobile [class*="_section2_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section5{ padding:10px 0 0 0!important;} .templatepreview_Mobile [class*="_section5_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section6{ padding:10px 0 0 0!important;} .templatepreview_Mobile [class*="_section6_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_content_section20 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section20_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section20_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section21 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section21_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section21_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section22 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section22_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section22_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section23 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section23_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section23_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section24 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section24_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section24_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section25 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section25_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section25_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section26 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section26_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section26_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section27 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section27_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section27_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section28 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section28_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section28_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section29 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section29_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section29_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section30 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section30_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section30_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section31 { padding: 10px 0 0 0 !important;} .templatepreview_Mobile .pa_content_section31_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section31_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section32 {width:100%!important;margin-bottom:14px; } .templatepreview_Mobile .pa_content_section32_picture_l{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section32_picture_c { width:100%!important; margin-bottom:14px;margin-left:0;} .templatepreview_Mobile .pa_content_section32_picture_c img{ width:100%;} .templatepreview_Mobile .pa_content_section32_picture_r { width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section35_content1, .templatepreview_Mobile .pa_content_section35_content2{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section36_content1, .templatepreview_Mobile .pa_content_section36_content2, .templatepreview_Mobile .pa_content_section36_content3{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section37_content1, .templatepreview_Mobile .pa_content_section37_content2, .templatepreview_Mobile .pa_content_section37_content3, .templatepreview_Mobile .pa_content_section37_content4{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile .pa_content_section38_content1, .templatepreview_Mobile .pa_content_section38_content2, .templatepreview_Mobile .pa_content_section38_content3, .templatepreview_Mobile .pa_content_section38_content4, .templatepreview_Mobile .pa_content_section38_content5{ width:100%!important; margin-bottom:14px;} .templatepreview_Mobile #paItemSliderGalleryContainer {width: 180px} .templatepreview_Pad #paItemSliderGalleryContainer {width: 540px} .templatepreview_Pad .pa_content_section5_picture2{ margin-bottom:11px;} .templatepreview_Pad .pa_content_section6_picture1{ margin-bottom:11px;} .templatepreview_Pad .pa_content_section7_picture1{ margin-bottom:11px;} .templatepreview_Pad .pa_content_section7_picture2{ margin-bottom:0;} .templatepreview_Pad .pa_content_section7_picture3{ margin-bottom:11px;} .templatepreview_Pad .pa_content_section7_picture4{ margin-bottom:0;} .templatepreview_Pad .pa_content_section11{ padding:10px 0 0 0!important;} .templatepreview_Pad [class*="_section11_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Pad [class*="_section11_text"] { width:100%!important; margin-bottom:10px;} .templatepreview_Pad .pa_content_section12{ padding:10px 0 0 0!important;} .templatepreview_Pad [class*="_section12_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Pad [class*="_section12_text"] { width:100%!important; margin-bottom:10px;} .templatepreview_Pad .pa_content_section13{ padding:10px 0 0 0!important;} .templatepreview_Pad [class*="_section13_picture"] { width:100%!important; margin-bottom:10px;} .templatepreview_Pad [class*="_section13_text"] { width:100%!important; margin-bottom:10px;} .templatepreview_Mobile .pa_menu_section{display:none!important} .style_color_select { width:100%;float:left; padding:0; margin:0;} .style_color_select .ant-radio-wrapper{ width:100%;float:left;} .style_color_select .ant-radio-wrapper:first-child{height:28px;} .style_edit_line3{width:100%; float:left; text-align:left;position:relative; } .style_edit_line3 label{ display:block; width:100%; float:left; } .style_edit_line3 .style_color_select label{ margin-top:5px;} .style_edit_line3 .right_input{ width:50%;float:right; text-align:right;} .style_edit_line3 .right_input .ant-input-number, .style_edit_line3 .right_input .ant-input{width:100%} .style_edit_line3 .style_color_button{ position:absolute; top:2px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;} .border_bottom{border-bottom:1px solid #999; padding-bottom:13px;} .style_label_title{line-height:23px;} .template5edit_previe_list{ float:left;background:#fff; margin:10px;} .template5edit_previe_list .name{ text-align:center; font-weight:bold; padding-bottom:10px;} .template5edit_previe_list .action{ line-height:20px; text-align:left; float:left; width:100%; margin-bottom:3px;border:1px solid #ccc;border-top:none!important;border-bottom-left-radius:2px!important;border-bottom-right-radius:2px!important} .template5edit_previe_list .action .action_left{ width:50%;float:left; text-align:center; display:block; line-height:30px;} .template5edit_previe_list .action .action_right{ width:50%;float:right; text-align:center; display:block; line-height:30px;border-left:1px solid #ccc;} .template5edit_previe_list .action a:hover{ background:#eee;} .template5edit_previe_wrap { width: 400px; position: relative; background-repeat: no-repeat; background-color: transparent; background-position: 48px 13px; background-size: 76% auto; -webkit-transition: background-position-y 5s ease-out; -moz-transition: background-position-y 5s ease-out; -ms-transition: background-position-y 5s ease-out; -o-transition: background-position-y 5s ease-out; transition: background-position-y 5s ease-out; max-width: 400px; height: 230px; } .template5edit_previe_wrap:hover{ background-position: 48px 100%;} .template5edit_previe_wrap img{ width:100%} .template5_preview_modal .pa-modal-content { padding:0!important; margin:0!important} .mystore5_box_mobilepic1{width:160px; float:left;text-align:center;padding-bottom:7px; height:320px; background:url(/dist/assets/layouts/layout/img/phone_mobile_bg.png) 0 0 no-repeat; background-size:100%;} .mystore5_box_mobilepic1 .mystore_box_title{ margin-left:1px; margin-bottom:6px;} .mystore5_box_mobilepic1 .small_tempimg{ width:160px; height:280px; overflow:hidden; display:block; margin-left:0px; margin-top:23px;} .mystore5_box_mobilepic1 .small_tempimg img { width:140px;} .template5_builds_previews iframe{ background:#ccc} .sizetablesetting5 .ant-radio-wrapper {float: left;} .sizetablesetting5 .ant-radio-wrapper:after{ display:none;} .sizetablesetting5 .ant-radio-wrapper.ant-radio-wrapper{ line-height:0!important;} .sizetablesetting5 .ant-radio-wrapper .ant-radio { display: none;} .sizetablesetting5 .ant-radio-wrapper { border: 1px solid #ccc; background:#fff; display: inline-block; width:22.6%!important; margin-right:3%!important; margin-top:10px; cursor: pointer; text-align: center; line-height: 20px; font-family: Arial; float:left;} .sizetablesetting5 .ant-radio-wrapper:nth-of-type(1), .sizetablesetting5 .ant-radio-wrapper:nth-of-type(2), .sizetablesetting5 .ant-radio-wrapper:nth-of-type(3), .sizetablesetting5 .ant-radio-wrapper:nth-of-type(4){ margin-top:2px!important} .sizetablesetting5 .ant-radio-wrapper:nth-of-type(4n){ margin-right:0!important;} .sizetablesetting5 .ant-radio-wrapper.ant-radio-wrapper-checked { border: 1px solid #DB0011; display: inline-block; position: relative; } .sizetablesetting5 .ant-radio-wrapper.ant-radio-wrapper-checked i { position: absolute;top: 0; right: 0; font-size: 0; margin: 0px; width: 0;height: 0; border-top: 0px solid transparent;border-right: 14px solid #DB0011;border-bottom: 14px solid transparent;} .sizetablesetting5 .ant-radio-wrapper img{ float:left; margin:4px;} .sizetablesetting5 .ant-radio-wrapper label{ color:#333;font-size:11px; width:100%;float:left;display:block; margin-bottom:0!important} .sizetablesetting5 .ant-radio-wrapper span{padding-left:0!important} .pa_category_section .pa_category_section_header{ padding:10px; text-align:left;} .pa_category_section ul, .pa_category_section ul li{ padding:0; margin:0; list-style-type:none; text-align:left;} .pa_category_section ul li{ width:100%;float:left;} .pa_category_section ul li a{ width:100%;float:left; padding:8px 0; padding-left:10px; } .pa_category_section ul .subcategory a{ padding:8px 0; padding-left:30px;list-style-type:disc} .storedata{ padding-top:10px; width:100%;float:left;} .link_edit{ padding-left:10px;} .subcategory{ margin-left:10%;} .frame1 .pa_template_frame_body{ width:100%;float:left;} .frame1 .pa_template_frame_header{width:100%;float:left;} .frame1 .pa_template_frame_main{width:100%;float:left;} .frame1 .pa_template_frame_main_body{width:100%;float:left;} .frame1 .pa_template_frame_category{display:none} .frame1 .pa_template_frame_content{width:100%;float:right;} .frame1 .pa_template_frame_footer{width:100%;float:left;} .frame2 .pa_template_frame_body{ width:100%;float:left;} .frame2 .pa_template_frame_header{width:100%;float:left;} .frame2 .pa_template_frame_main{width:100%;float:left;} .frame2 .pa_template_frame_main_body{ margin:0 auto;} .frame2 .pa_template_frame_category{width:20%;float:left;} .frame2 .pa_category_section .pa_category_section_header{ padding:10px; text-align:left;} .frame2 .pa_category_section [class*="_body"]{ width:100%!important;} .frame2 .pa_template_frame_content{width:78%;float:right;} .frame2 .pa_template_frame_content [class*="_body"]{ width:100%!important;} .frame2 .pa_template_frame_footer{width:100%;float:left;} .frame3 .pa_template_frame_body{ width:100%;float:left;} .frame3 .pa_template_frame_header{width:100%;float:left;} .frame3 .pa_template_frame_main{width:100%;float:left;} .frame3 .pa_template_frame_main_body{margin:0 auto;} .frame3 .pa_template_frame_category{width:20%;float:right;} .frame3 .pa_category_section [class*="_body"]{ width:100%!important;} .frame3 .pa_template_frame_content{width:78%;float:left;} .frame3 .pa_template_frame_content [class*="_body"]{ width:100%!important;} .frame3 .pa_template_frame_footer{width:100%;float:left;} .templatepreview_PC .frame2 .pa_template_frame_content #paItemSliderGalleryContainer{ width:720px!important} .templatepreview_PC .frame3 .pa_template_frame_content #paItemSliderGalleryContainer{ width:720px!important} .templatepreview_Mobile, .templatepreview_Pad{ margin:0 auto!important;} .templatepreview_Mobile .pa_template_frame_category, .templatepreview_Pad .pa_template_frame_category{ display:none} .templatepreview_Mobile .pa_template_frame_content, .templatepreview_Pad .pa_template_frame_content{ width:100%!important} .templatepreview_Mobile .pa_template_frame_main_body, .templatepreview_Pad .pa_template_frame_main_body{ width:100%!important; margin:0!important} .pa_template_frame_category .pa_category_section_header{ padding:10px; text-align:left;} .pa_template_frame_category ul, .pa_template_frame_category ul li{ padding:0; margin:0; list-style-type:none; text-align:left;} .pa_template_frame_category ul li{ width:100%;float:left;} .pa_template_frame_category ul li a{ width:100%;float:left; padding:8px 0; } .pa_template_frame_category ul li a span{ margin-left:10px;} .pa_template_frame_category ul .subcategory a{ padding:8px 0; background-image:url(../images/category_bg.png); background-position:11px -5px; background-repeat:no-repeat} .pa_template_frame_category ul .subcategory a span{ margin-left:20px} .storelayout_preview{width:100%;border:2px solid #ccc} .storelayout_preview_header{width:100%; height:20px; line-height:16px; border-bottom:2px solid #ccc;color:#333;font-size:10px;} .storelayout_preview_min{width:100%; height:70px;} .storelayout_preview_category{width:20px; height:70px;color:#333;font-size:10px;} .storelayout_preview_footer{width:100%; height:20px; line-height:16px;border-top:2px solid #ccc;color:#333;font-size:10px;position:relative;} .storelayout_preview_content { line-height:70px; } .storelayout2 .storelayout_preview_category, .storelayout3 .storelayout_preview_category { position:relative;} .storelayout2 .storelayout_preview_category span{-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); display:block; position:absolute;left:0px;top:54px;} .storelayout3 .storelayout_preview_category span{-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); display:block; position:absolute;right:0px;top:54px;} .storelayout2 .storelayout_preview_category{ float:left;border-right:2px solid #ccc;} .storelayout3 .storelayout_preview_category{ float:right;border-left:2px solid #ccc;} .ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout_preview_header{border-bottom:2px solid #08C;background:#d2f0ff} .ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout_preview{border:2px solid #08C} .ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout_preview_content{background:#d2f0ff} .ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout2 .storelayout_preview_category{border-right:2px solid #08C;background:#d2f0ff} .ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout3 .storelayout_preview_category{border-left:2px solid #08C;background:#d2f0ff} .ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout_preview_footer{border-top:2px solid #08C;background:#d2f0ff} .ant-radio-group.store_layout .ant-radio-wrapper{padding-top:10px;line-height:0;} .ant-radio-group.store_layout {width: 100%; text-align:center;} .style_edit_line .store_layout .and-radio-wrapper {text-align:center;} .style_edit_line .store_layout .ant-radio{ display:none;padding:0!important;margin:0!important} .style_edit_line .store_layout .ant-radio ~ span{padding:0!important;margin:0!important} .style_edit_line .store_layout span{ width:100%} .storedata_header{ width:100%;float:left; margin-bottom:10px;} .storedata_header label{ display:block; width:10%;float:left;line-height:32px;} .storedata_header .storedata_input{ display:block; width:30%;float:left;line-height:32px;} .storedata_header .storedata_button{ float:right;} .storedata_body{ padding-bottom:30px; width:100%;float:left;} .storedata_head{ background:#eee; width:100%;float:left;line-height:32px;border:1px solid #ccc;border-bottom:0;} .storedata_order{ width:5%;float:left;border-right:1px solid #ccc;height:42px; line-height:32px;padding:5px; cursor: move;} .storedata_name{ display:block; width:30%;float:left;border-right:1px solid #ccc;line-height:32px; padding:5px;} .storedata_link{ display:block; width:55%;float:left;border-right:1px solid #ccc;line-height:32px;padding:5px;} .storedata_action{ width:10%;float:left; line-height:32px;padding:5px;} .storedata_action a{ padding-right:10px;} .storedata_list {width: 100%;background:#fff;border:1px solid #ccc;border-top:0; width:100%;float:left;} .storedata_list:nth-column(2n) {background:#eee;} .storedata_list_child { width: 100%; float: left; border-top: 1px solid #ccc } .addnewline{ padding-top:10px;float:left;} @media(min-width:240px) and (max-width:1400px) { .pa_productcomparison_section_body{width:100%!important} .pa_feedback_section_body .pa_feedback_section_main table { width: 100% !important} div#picdes_lis_11 .floatleft img, div#picdes_lis_12 .floatleft img { max-width:100% !important } } .style_HEADER{border-bottom:2px dashed #ddd;width:100%;float:left;} .style_BODY{border-left:2px dashed #ddd;width:70%;float:right;} .style_CATEGORY{ width:30%;float:left;} .style_FOOTER{border-top:2px dashed #ddd;width:100%;float:left;} .style_HEADER .module_incloud img, .style_FOOTER .module_incloud img{ width:100px;} .style_CATEGORY .module_incloud img{ width:44px;} .template_style_modulecnt.style1 .style_BODY{ border-left:none;width:100%;} .template_style_modulecnt.style3 .style_CATEGORY{ width:30%;float:right;} .template_style_modulecnt.style3 .style_BODY{ width:70%;float:left;border-right:2px dashed #ddd;border-left:0;} .module_incloud{width:90%; margin:0 auto; margin-top:4px;border:1px solid #eee;position:relative; background:#fff;text-align:center;} .module_incloud img{ width:100px; margin:0 auto;} .module_incloud.active{border:1px solid #08c;} .module_incloud .floataction{ display:none;} .module_incloud:hover .floataction{ position:absolute; top:-2px; right:3px;display:block} .module_incloud:hover .floataction span{ display:block; width:22px; height:22px;float:left; line-height:20px; background:#666;color:#fff!important; text-align:center;border-bottom-left-radius:4px!important;border-bottom-right-radius:4px!important; margin-left:5px;} .module_incloud:hover .floataction span:hover{ background:#333;cursor:pointer} .module_incloud:hover .floataction span.deleteicon{ background:#E04C43} .module_incloud.sortable-chosen{border:1px double #f60!important} .module_region_title { height: 24px; color:#333;padding: 5px 12px;font-size:12px;} .template_style_modulecnt_action{ width:100%; text-align:center; padding:5px;} .template_style_modulecnt_action i{ display:block; width:50px; height:28px; text-align:center;border:1px dashed #eee; line-height:26px!important;} .template_style_modulecnt_action:hover i{ border:1px solid #08C; cursor:pointer;} .actioniconhide2{ display:none!important;} .template_image_mobile_review_panel { width: 100%; background: #f7f7f7; } .template_image_mobile_review_panel .mobile_panelin { width: 400px; margin: auto auto;} .template_image_mobile_review_panel .mobileexampelimage { transition: bottom, 1s ease; } .template_image_mobile_review_panel .arrow-up, .arrow-down { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; display: block; } .template_image_mobile_review_panel .arrow-up { border-bottom: 20px solid #eee; } .template_image_mobile_review_panel .arrow-down { border-top: 20px solid #eee; margin-top: 344px; } .template_image_mobile_review_panel .arrows { position: absolute; top: 10px; left: 336px; top: 96px; } .template_image_mobile_review_panel .mobileexample { background-image: url(../img/phone_mobile_bg.png); width: 360px;background-repeat: no-repeat; height: 620px; float: left; position: relative;} .template_image_mobile_review_panel .mobileinner { background-color: #fff; overflow: hidden; height: 540px; left: 16px; position: absolute; top: 39px; width: 280px; } .template_image_mobile_review_panel .mobileinner img { width: 280px; position: relative; } .template_image_mobile_review_panel .panel { margin-left: -20px; min-height: 300px; padding: 10px 20px 10px 20px; width: 970px; border-top: 1px solid #fff; } .template_image_mobile_review_panel .panel.white { border-top: 1px solid #eee;width: 100%; float: left;} .template_image_mobile_review_panel .panel .arrow-up { border-bottom: 20px solid #555;} .template_image_mobile_review_panel .panel .arrow-down { border-top: 20px solid #555; }