.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } ul, li { list-style: none; } #yd_cjhd { margin: 0 auto; text-align: center; position: relative; padding-top: 50px; box-sizing: border-box; } #yd_cjhd .dzpBg { width: 584px; height: 584px; border-radius: 50%; position: absolute; background-position: center; background-repeat: no-repeat; } #yd_cjhd .dzpBg img { width: 584px; height: 584px; } #yd_cjhd .start { width: 130px; height: 154px; position: absolute; top: 50%; left: 50%; margin-left: -65px; margin-top: -64px; cursor: pointer; } #yd_cjhd .start img { width: 130px; height: 154px; } #yd_cjhd .jggWrap { margin: 0 auto; width: 536px; height: 536px; padding: 29px; box-sizing: border-box; } #yd_cjhd .jggWrap .item { float: left; width: 154px; height: 154px; margin-right: 8px; margin-bottom: 8px; } #yd_cjhd .jggWrap .item.child3, #yd_cjhd .jggWrap .item.child6, #yd_cjhd .jggWrap .item.child9 { margin-right: 0px; } #yd_cjhd .jggWrap .item.child7, #yd_cjhd .jggWrap .item.child8, #yd_cjhd .jggWrap .item.child9 { margin-bottom: 0px; } #yd_cjhd .jggWrap .item.child5 { cursor: pointer; } #yd_cjhd .jggWrap .item .itemWrap { position: relative; width: 154px; height: 154px; background-image: url("https://p2.lefile.cn/product/adminweb/2019/10/16/35c05dff-0cb2-4f78-bd5a-48fc14d2c67a.png"); background-repeat: no-repeat; } #yd_cjhd .jggWrap .item.child5 .itemWrap { background-image: url(); } #yd_cjhd .jggWrap .item .itemWrap .jggItem { position: absolute; top: -4px; left: -4px; width: 162px; height: 162px; } #yd_cjhd .jggWrap .item.cur .jggItem { background-image: url("https://p2.lefile.cn/product/adminweb/2019/10/16/34394162-2289-4a46-af96-eb47c6edcc96.png"); background-repeat: no-repeat; } #yd_cjhd .jggWrap .item .jggItem img { display: block; width: 130px; height: 130px; margin-top: 16px; margin-left: 16px; } #yd_cjhd .jggWrap .item.child5 .jggItem img { display: block; width: 154px; height: 154px; margin-top: 4px; margin-left: 4px; } #result { overflow: hidden; display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 999999; width: 100%; height: 100%; } #result .box1, #result .box2 { display: none; position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-size: 100% 100%; z-index: 2; } #result .box1 { width: 510px; height: 480px; margin-left: -255px; margin-top: -140px; } #result .box2 { width: 400px; height: 400px; margin-top: -140px; margin-left: -200px; } #result .resultBtn { position: absolute; right: -40px; top: -40px; width: 40px; height: 40px; background-image: url("https://p4.lefile.cn/product/adminweb/2019/10/16/9fe2d0b8-eddb-43de-956b-0d98655fcc36.png"); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden; z-index: 4; cursor: pointer; } #result .gxzj { width: 130px; height: 30px; background-image: url("https://p3.lefile.cn/product/adminweb/2019/10/17/dd13e66a-1d58-4d21-a285-513a4bf6bba9.png"); background-size: 100% 100%; background-repeat: no-repeat; margin: 180px auto 0; } #result .giftname { color: #fff; font-size: 18px; line-height: 1.6; padding: 10px 140px; text-align: center; } #result .giftname i { text-align: center; font-style: normal; } #result .toGet { width: 85px; height: 26px; background: #fff; border-radius: 40px; text-align: center; cursor: pointer; font-size: 15px; font-weight: bold; line-height: 26px; color: #0c0c0c; position: absolute; bottom: 160px; left: 30%; } #result .copy_text { display: inline-block; width: 85px; height: 26px; background: #fff; border-radius: 26px; text-align: center; cursor: pointer; font-size: 15px; font-weight: bold; line-height: 26px; color: #0c0c0c; position: absolute; bottom: 160px; right: 30%; text-align: center; } #result .xxcy { color: #fff; font-size: 18px; text-align: center; padding: 190px 140px 0; } #mycode { position: fixed; top: 0; left: 0; width: 100%  !important; height: 100%; background: rgba(0, 0, 0, .5); z-index: 999999; display: none; padding-top: 10%; } .ui-sortable .cms_draggable_href_component { background: rgba(173, 170, 170, .9); border: 2px white dashed; } .cms_draggable_href_component_Body { width: 1px; position: relative; margin: auto; height: 100%; } .cms_draggable_href_component { position: absolute; height: 100px; width: 200px; overflow: hidden; } .cms_draggable_href_component>a { display: block; width: 100%; height: 100%; } .cms_draggable_href_component>a>span { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .cms_draggable_href_component>a>div { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .ui-sortable .cms_draggable_href_component>a>span { display: block; background: white; height: 25px; width: 25px; line-height: 26px; text-align: right; font-size: 14px; position: absolute; right: 0px; top: 0px; } .ui-sortable .cms_draggable_href_component>a>div { display: block; position: absolute; top: 26px; } .dialog-bg { background: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 99; } .dialog-bg .dialog-box { position: relative; width: 435px; height: 234px; left: 50%; top: 45%; margin-left: -217.5px; margin-top: -117px; background: #fff; border-radius: 8px; } .dialog-bg .dialog-box .close-btn { position: absolute; display: inline-block; width: 42px; height: 42px; background: url('https://p3.lefile.cn/fes/cms/2022/06/16/close_84.png') center; background-size: contain; right: -45px; top: -45px; cursor: pointer; } .dialog-bg .dialog-box .dialog-text { font-size: 16px; color: #252525; padding-top: 70px; text-align: center; } .dialog-bg .dialog-box .dialog-btn { display: block; width: 120px; height: 40px; background: #e1140a; font-size: 14px; color: #fff; text-align: center; line-height: 40px; margin: 60px auto 0; cursor: pointer; } .shumei_captcha_slide_btn{ background-color: #e1140a !important; } .shumei_catpcha_header_wrapper{ display: none !important; }
* { margin: 0; padding: 0; } body { background-color: #f9f9f9; } .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; font-size: 0; line-height: 0; content: ""; } .clearfix { zoom: 1; } .sales-integral-wrap20210917 .sales-integral-suggest { width: 1200px; margin: 0 auto; padding: 35px 30px 54px; box-sizing: border-box; background-color: #fff; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container { margin-bottom: 35px; height: 10px; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-title { float: left; font-size: 26px; color: #252525; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-category { float: right; line-height: 35px; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-category .category-txt { display: inline-block; padding: 0 5px; border-right: 1px solid #000; cursor: pointer; height: 15px; line-height: 15px; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-category .category-txt.on { color: blue; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-category .category-txt:last-child { border-right: none; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.ui-sortable .cms_draggable_href_component { background: rgba(173, 170, 170, .9); border: 2px white dashed; } .cms_draggable_href_component_Body { width: 1px; position: relative; margin: auto; height: 100%; } .cms_draggable_href_component { position: absolute; height: 100px; width: 200px; overflow: hidden; } .cms_draggable_href_component>a { display: block; width: 100%; height: 100%; } .cms_draggable_href_component>a>span { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .cms_draggable_href_component>a>div { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .ui-sortable .cms_draggable_href_component>a>span { display: block; background: white; height: 25px; width: 25px; line-height: 26px; text-align: right; font-size: 14px; position: absolute; right: 0px; top:0px; } .ui-sortable .cms_draggable_href_component>a>div { display: block; position: absolute; top:26px; }
.pangu_20200830 .uls { margin: 0 auto; } .pangu_20200830 { width: 1200px; margin: 0 auto; overflow: hidden; } .pangu_20200830 .uls { width: 1250px; } .pangu_20200830.panguEbookList2 .lis { float: left; background: #fff; width: 530px; height: 231px; margin-top: 7px; padding: 10px 40px 15px 25px; position: relative; margin-right: 10px; box-sizing: content-box; border-radius: 8px; } .pangu_20200830.panguEbookList2 .lis .hover-goods-info { display: inline-block; width: 100%; height: 100%; } .pangu_20200830.panguEbookList2 .lis img { width: 100%; height: 100%; } .pangu_20200830.panguEbookList2 .lis .box_img { float: left; width: 231px; height: 231px; display: block; } .pangu_20200830.panguEbookList2 .lis .proInfo { float: right; width: 279px; } .pangu_20200830 .lis .proInfo .proTitle .product-name-tag { display: inline-block; height: 18.5px; vertical-align: bottom; } .pangu_20200830 .lis .proInfo .proTitle .product-name-tag .activity-tag{ height: 100%; width: auto; margin-right: 5px; } .pangu_20200830.panguEbookList2 .lis .proInfo .proTitle { font-size: 14px; color: #3b3b3b; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; width: 100%; white-space: normal; word-break: break-all; margin-top: 50px; } .pangu_20200830.panguEbookList2 .lis .proInfo .login_tip { position: absolute; width: 87px; height: 16px; line-height: 16px; background: #ffd1af; border-radius: 2px; color: #c87b3f; font-size: 12px; opacity: .5; bottom: 139px; text-align: center; } .pangu_20200830.panguEbookList2 .lis .proInfo .login_tip .price_set { display: inline-block; transform: scale(0.8); } .pangu_20200830.panguEbookList2 .lis .proInfo .bussine_price { position: absolute; bottom: 117px; font-size: 18px; color: #006bff; height: 18px; line-height: 18px; } .pangu_20200830.panguEbookList2 .lis .proInfo .bussine_price .bussine_price_icon { display: inline-block; width: 41px; height: 15px; vertical-align: baseline; } .pangu_20200830.panguEbookList2 .lis .proInfo .mall_price { position: absolute; bottom: 97px; color: #a5a5a5; } .pangu_20200830.panguEbookList2 .lis .proInfo .mall_price .mall_price_label { font-size: 12px; font-style: normal; } .pangu_20200830.panguEbookList2 .lis .proInfo .mall_price .mall_price_wrap { font-size: 14px; } .pangu_20200830.panguEbookList2 .lis .proInfo .register_member { position: absolute; bottom: 49px; border: 1px solid rgba(0, 107, 255, .5); color: #006bff; font-size: 14px; width: 279px; height: 30px; line-height: 30px; border-radius: 16px; text-align: center; font-weight: 600; cursor: pointer; display: none; } .pangu_20200830.panguEbookList3 .lis { float: left; background: #fff; width: 354px; height: 344px; margin-top: 7px; padding: 10px 20px; position: relative; margin-right: 9px; box-sizing: content-box; border-radius: 8px; } .pangu_20200830.panguEbookList3 .lis img { width: 100%; height: 100%; } .pangu_20200830.panguEbookList3 .lis .box_img { width: 224px; height: 224px; margin: 0 auto; display: block; } .pangu_20200830.panguEbookList3 .lis .proInfo { margin-top: 6px; } .pangu_20200830.panguEbookList3 .lis .proInfo .proTitle { font-size: 14px; color: #3b3b3b; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; width: 100%; white-space: normal; word-break: break-all; } .pangu_20200830.panguEbookList3 .lis .proInfo .login_tip { position: absolute; width: 87px; height: 16px; line-height: 16px; background: #ffd1af; border-radius: 2px; color: #c87b3f; font-size: 12px; opacity: .5; bottom: 63px; text-align: center; } .pangu_20200830.panguEbookList3 .lis .proInfo .login_tip .price_set { display: inline-block; transform: scale(0.8); } .pangu_20200830.panguEbookList3 .lis .proInfo .bussine_price { position: absolute; bottom: 38px; font-size: 18px; color: #006bff; height: 18px; line-height: 18px; } .pangu_20200830.panguEbookList3 .lis .proInfo .bussine_price .bussine_price_icon { display: inline-block; width: 41px; height: 15px; vertical-align: baseline; } .pangu_20200830.panguEbookList3 .lis .proInfo .mall_price { position: absolute; bottom: 16px; color: #a5a5a5; } .pangu_20200830.panguEbookList3 .lis .proInfo .mall_price .mall_price_label { font-size: 12px; font-style: normal; } .pangu_20200830.panguEbookList3 .lis .proInfo .mall_price .mall_price_wrap { font-size: 14px; } .pangu_20200830.panguEbookList3 .lis .proInfo .register_member { position: absolute; bottom: 20px; border: 1px solid rgba(0, 107, 255, .5); color: #006bff; font-size: 14px; width: 192px; height: 30px; line-height: 30px; border-radius: 16px; text-align: center; font-weight: 600; right: 20px; cursor: pointer; display: none; } .pangu_20200830.panguEbookList4 .lis { float: left; background: #fff; width: 254px; height: 344px; margin-top: 7px; padding: 10px 20px; position: relative; margin-right: 8px; box-sizing: content-box; border-radius: 8px; } .pangu_20200830.panguEbookList4 .lis img { width: 100%; height: 100%; } .pangu_20200830.panguEbookList4 .lis .box_img { width: 181px; height: 181px; margin: 0 auto; display: block; } .pangu_20200830.panguEbookList4 .lis .proInfo { margin-top: 7px; } .pangu_20200830.panguEbookList4 .lis .proInfo .proTitle { font-size: 14px; color: #3b3b3b; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; width: 100%; white-space: normal; word-break: break-all; } .pangu_20200830.panguEbookList4 .lis .proInfo .login_tip { position: absolute; width: 87px; height: 16px; line-height: 16px; background: #ffd1af; border-radius: 2px; color: #c87b3f; font-size: 12px; opacity: .5; bottom: 107px; text-align: center; } .pangu_20200830.panguEbookList4 .lis .proInfo .login_tip .price_set { display: inline-block; transform: scale(0.8); } .pangu_20200830.panguEbookList4 .lis .proInfo .bussine_price { position: absolute; bottom: 83px; font-size: 18px; color: #006bff; height: 18px; line-height: 18px; } .pangu_20200830.panguEbookList4 .lis .proInfo .bussine_price .bussine_price_icon { display: inline-block; width: 41px; height: 15px; vertical-align: baseline; } .pangu_20200830.panguEbookList4 .lis .proInfo .mall_price { position: absolute; bottom: 63px; color: #a5a5a5; } .pangu_20200830.panguEbookList4 .lis .proInfo .mall_price .mall_price_label { font-size: 12px; font-style: normal; } .pangu_20200830.panguEbookList4 .lis .proInfo .mall_price .mall_price_wrap { font-size: 14px; } .pangu_20200830.panguEbookList4 .lis .proInfo .register_member { position: absolute; bottom: 20px; border: 1px solid rgba(0, 107, 255, .5); color: #006bff; border-radius: 16px; font-size: 14px; width: 250px; height: 30px; line-height: 30px; border-radius: 16px; text-align: center; font-weight: 600; cursor: pointer; } .pangu_20200830.panguEbookList5 .lis { float: left; background: #fff; width: 192px; height: 318px; margin-top: 7px; padding: 10px 20px; position: relative; margin-right: 10px; box-sizing: content-box; border-radius: 8px; } .pangu_20200830.panguEbookList5 .lis img { width: 100%; height: 100%; } .pangu_20200830.panguEbookList5 .lis .box_img { width: 160px; height: 160px; margin: 0 auto; display: block; } .pangu_20200830.panguEbookList5 .lis .proInfo { margin-top: 6px; } .pangu_20200830.panguEbookList5 .lis .proInfo .proTitle { font-size: 14px; color: #3b3b3b; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; width: 100%; white-space: normal; word-break: break-all; } .pangu_20200830.panguEbookList5 .lis .proInfo .login_tip { position: absolute; width: 87px; height: 16px; line-height: 16px; background: #ffd1af; border-radius: 2px; color: #c87b3f; font-size: 12px; opacity: .5; bottom: 105px; text-align: center; } .pangu_20200830.panguEbookList5 .lis .proInfo .login_tip .price_set { display: inline-block; transform: scale(0.8); } .pangu_20200830.panguEbookList5 .lis .proInfo .bussine_price { position: absolute; bottom: 81px; font-size: 18px; color: #006bff; height: 18px; line-height: 18px; } .pangu_20200830.panguEbookList5 .lis .proInfo .bussine_price .bussine_price_icon { display: inline-block; width: 41px; height: 15px; vertical-align: baseline; } .pangu_20200830.panguEbookList5 .lis .proInfo .mall_price { position: absolute; bottom: 60px; color: #a5a5a5; } .pangu_20200830.panguEbookList5 .lis .proInfo .mall_price .mall_price_label { font-size: 12px; font-style: normal; } .pangu_20200830.panguEbookList5 .lis .proInfo .mall_price .mall_price_wrap { font-size: 14px; } .pangu_20200830.panguEbookList5 .lis .proInfo .register_member { position: absolute; bottom: 19px; border: 1px solid rgba(0, 107, 255, .5); color: #006bff; border-radius: 16px; font-size: 14px; width: 192px; height: 31px; line-height: 31px; border-radius: 16px; text-align: center; font-weight: 600; cursor: pointer; }