.clearfix:after, .clearfix:before { display: table; line-height: 0; content: "" } .clearfix:after { clear: both } .auto * { box-sizing: border-box; } .wrap { padding: 15px 0px 15px; position: relative; background: #fff; margin: 0 atuo; } .wrap .wrap-heading { color: #333; height: 25px; line-height: 25px; font-size: 16px; font-weight: bold; margin-bottom: 20px; padding-left: 15px; position: relative; } .wrap .wrap-heading:before { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -8px; height: 14px; width: 4px; border-radius: 3px; background: #4687ff; vertical-align: text-bottom; } .wrap .wrap-body { padding: 0 15px; } .wrap#wrapFooter { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; padding-top: 0; padding-bottom: 0; margin-bottom: 0; box-shadow: 0 -2px 12px 1px rgba(0, 0, 0, 0.1); } .wrap#wrapFooter .wrap-body { padding-right: 30px; } .wrap#wrapFooter .wrap-heading { display: none; } .wrap .wrap-item { margin: 5px 0; } .wrap .wrap-item .wrap-rule-name { float: left; width: 90px; padding: 11px 0 11px; font-size: 14px; color: #181819; line-height: 28px; } .wrap .wrap-item .wrap-rule-body { padding-left: 110px; color: #787879; } .wrap .wrap-item .wrap-rule-body .col-sm-3 { line-height: 28px; margin-bottom: 5px; } .wrap-coupon { padding-right: 10px; padding-top: 5px; } .wrap-rule-body.warp-rule-static { padding-top: 11px; font-size: 14px; } .wrap-coupon .form-control option { padding: 3px 0; font-size: 12px; } .wrap-coupon .form-control option:disabled { color: #999; } .wrap-amount.wrap-item .btn_buy { padding-left: 40px; padding-right: 40px; } .show-line { margin-top: 20px; margin-bottom: 20px; } .rule-list .rule-item { float: left; position: relative; margin: 5px; height: 40px; border-radius: 6px; line-height: 40px; text-align: center; font-size: 13px; border: 0px solid #ddd; padding: 0 15px; color: #4e5969; background: #f2f3f8; transition: all 0.15s ease-in 0ms; } .msy_buy_tab { height: 30px; line-height: 30px; } .rule-list .rule-item:hover { color: #0038ff; background: #e0e7ff; } .rule-list .rule-item.active { background: #0038ff; color: #fff; } .rule-desc { color: #999; padding-top: 4px; font-size: 12px; } html { color: #333; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; font: var(--fonts); } body { background: var(--BodyBackground); overflow-x: hidden; position: relative; } /* 濡傛灉浣犵殑椤圭洰浠呮敮鎸� IE9+ | Chrome | Firefox 绛夛紝鎺ㄨ崘鍦� 涓坊鍔� .borderbox 杩欎釜 class */ html.borderbox *, html.borderbox *:before, html.borderbox *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body * { box-sizing: border-box; -webkit-font-smoothing: var(--fontsthickness); -moz-osx-font-smoothing: grayscale; } :root { --global-shadow: 0 0 20px rgba(0, 0, 0, 0.06); --txtdesc: rgba(0, 0, 0, 0.65); --pcspacing: 40px 0 100px; --wapspacing: 20px 0 40px; } .pur-swi-nav { max-width: 1280px !important; } .Purchase_Page_top_switch { height: 48px; background-color: #fff; border-bottom: 1px solid #eaeaea; } .Purchase_Page_top_switch .pur-content { width: 96%; margin: 0 auto; position: relative; } .Purchase_Page_top_switch .pur-content>a { position: absolute; left: 0; display: inline-block; height: 48px; line-height: 46px; font-size: 16px; font-weight: bold; } .Purchase_Page_top_switch .pur-content>a i {} .Purchase_Page_top_switch .pur-content>a span {} .Purchase_Page_top_switch .pur-content>ul { height: 100%; } .Purchase_Page_top_switch .pur-content>ul li {} .ru-text-box { padding: 12px 24px 8px 20px; display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; align-items: center; height: 100%; } .muted_progress_bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #f4f4f4; } .muted_progress_bar em { display: block; height: 100%; background: #22c6b9; } .content-box, .edui-editor, .jqstooltip, hr { -moz-box-sizing: content-box } .nav { padding-left: 0; margin-bottom: 0; list-style: none } .nav>li, .nav>li>a { display: block; position: relative } .nav>li>a { padding: 10px 15px } .nav>li>a:focus, .nav>li>a:hover { background: none; } .nav>li.disabled>a { color: #999 } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #999; text-decoration: none; cursor: not-allowed; background-color: transparent } .nav>li+.dropdown-header { margin-top: 9px } .nav.open>a, .nav.open>a:focus, .nav.open>a:hover { color: #fff; background-color: #428bca; border-color: #428bca } .nav.open>a .caret, .nav.open>a:focus .caret, .nav.open>a:hover .caret { border-top-color: #fff; border-bottom-color: #fff } .nav>.pull-right { float: right } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav-tabs { border-bottom: none; margin-bottom: 0 !important; width: 100%; background-color: #fff; border-bottom: none; display: flex; height: 48px; justify-content: center; } .nav-tabs>li { margin: 0 16px; } .nav-tabs>li>a { padding: 0; display: block; height: 100%; width: 100%; line-height: 47px; font-size: 14px; font-weight: bold; position: relative; border: none; } .nav-tabs>li>a i { display: none; } .nav-tabs>li>a:after { content: ""; display: block; position: absolute; width: 100%; height: 0; background: #0038ff; bottom: -1px; } .nav-tabs>li.active>a:after { height: 2px; } .rule-list .rule-card { border: 1px solid #ebecee; margin: 0 1% 10px 0; overflow: hidden; cursor: pointer; width: 24%; line-height: 2em; color: #333; position: relative; box-sizing: border-box; transition: all .1s ease-in 0ms; } .rule-list .rule-card .top-rule-box { background: url(); background-size: 100% 100%; height: 48px; position: relative; } .rule-list .rule-card .top-rule-box .left_icon_box { position: absolute; left: 18px; top: 25%; width: 26px; height: 26px; line-height: 26px; } .rule-list .rule-card .top-rule-box .left_icon_box i { font-size: 24px; color: #0038ff; font-weight: 100; } .rule-list .rule-card label { display: block; text-align: left; font-weight: bold; line-height: 24px; font-size: 16px; padding-top: 0; margin-bottom: 6px; width: 100%; padding-left: 4px; } .rule-list .rule-card .desc { margin-left: 30px; text-align: left; padding: 0; font-size: 12px; line-height: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 100%; } .rule-list .rule-card label:after { content: " "; height: 1px; background: #07af79; width: 30px; margin: 0 auto; display: none; } .rule-list .rule-card .icon-ok { display: none; line-height: 12px; position: absolute; color: #fff; right: -1px; top: -23px; } .rule-list .rule-card.active, .rule-list .rule-card:hover { box-shadow: 1px 1px 20px rgba(0, 0, 0, .1); border: 1px solid #0038ff; } .rule-list .rule-card.active .icon-ok, .rule-list .rule-card:hover .icon-ok { display: block } .rule-list .rule-card.active label, .rule-list .rule-card:hover label { color: #0038ff; } .rule-list .rule-card ul, .rule-list .rule-card ul li { list-style-type: none; margin: 0 } .rule-list .rule-card ul { padding: 5px 24px 10px; } .rule-list .rule-card ul li { padding: 0; display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: center; position: relative; } .rule-list .rule-card ul li span { width: 31%; text-align: left; height: 30px; line-height: 30px; font-size: 13px; } .rule-list .rule-card ul li span:nth-child(2) { width: 80%; text-align: right; } .rule-list { overflow: hidden; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; margin-bottom: 4px; } .btn-danger { height: 30px; line-height: 30px; width: 100%; background-color: #fff; border: 1px solid black; } .pull-right { float: right; } .wrap-coupon { padding-right: 10px; padding-top: 5px; } .msy-buygo { margin: 5px 0px; color: #fff; background: #ff6600; position: relative; border-width: 0; padding: 10px 22px; } .msy-buyd { margin: 5px 10px; color: #999999; background: #f2f3f8; position: relative; border-width: 0; padding: 10px 22px; } .text-danger { color: #ff6600 !important; font-weight: bold; } /** 楠炶櫕婢樺Ο鈥崇础 */ @media (max-width: 991px) { .wrap#wrapFooter{ left:10px; right:10px; } .wrap-amount .wrap-rule-name{ display:none; } .wrap-amount.wrap-item .wrap-rule-body{ padding-left:10px; } .wrap-amount.wrap-item .btn_buy{ padding-left:15px; padding-right:15px; } } /** 婢堆冩槀鐎靛憡澧滈張锟� */ @media (max-width: 767px) { .wrap#wrapFooter{ position: fixed;left:0;right:0;} .show-item{ width: 100%; } .rule-list .rule-item{ height:35px; line-height:35px; text-align:center; font-size:10px; border:1px solid #ddd; padding:0 15px; color:#4e5969;background:#f2f3f8;} .msy_buy_tab { height:30px; line-height:30px;width:auto;} } /** 鐏忓繐鏄傜€靛憡澧滈張锟� */ @media (max-width: 440px) { .rule-price{ font-size:18px; line-height:40px;} .wrap{ padding:10px 0; } .wrap .wrap-item .wrap-rule-name{ float:none; width:100%; } .wrap .wrap-item .wrap-rule-body{ padding-left:0; } .wrap-coupon{ padding-right:10px; } .rule-list .rule-card{ width:auto; max-width:100%; } .ssl_product_tips .product_images { width: 100px; display: none; } .text-small{font-size: 11px;color:#999999} .rule-list .rule-item{ height:35px; line-height:35px; text-align:center; font-size:10px; border:1px solid #ddd; padding:0 15px; color:#4e5969;background:#f2f3f8;} .msy_buy_tab {width:auto} }