.dn233_buy_tab {
			height: 30px;
			line-height: 30px;
			width: 125px;
		}

		.clearfix:after,
		.clearfix:before {
			display: table;
			line-height: 0;
			content: ""
		}

		.clearfix:after {
			clear: both
		}

		.auto * {
			box-sizing: border-box;
		}

		.wrap {
			margin-bottom: 20px;
			padding: 15px 25px 15px;
			position: relative;
			background: #fff;
			max-width: 1680px;
			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: 15px;
			right: 15px;
			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;
			line-height: 40px;
			text-align: center;
			font-size: 13px;
			border: 1px solid #ddd;
			padding: 0 20px;
			color: #4e5969;
			background: #f2f3f8;
		}

		.dn233_buy_tab {
			height: 30px;
			line-height: 30px;
			width: 125px;
		}
        
        .rule-list .rule-item:hover {
            color: #0038ff;
            background: #e0e7ff;
        }
                
		.rule-list .rule-item.active {
            background: #0038ff;
			color: #fff;
			z-index: 10;
		}

		.rule-desc {
			color: #999;
			padding-top: 10px;
			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 等，推荐在 <html> 中添加 .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: 1680px !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;
			max-width: 1680px;
			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: #6462F3;
			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;
		}

		.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: #6462F3;
			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-bg {
			display: none;
			color: #fff;
			text-align: right;
			position: absolute;
			right: 0;
			top: 0;
			border-top: 24px solid #6462F3;
			border-left: 24px solid transparent
		}

		.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 #6462F3;
		}

		.rule-list .rule-card.active .icon-bg,
		.rule-list .rule-card.active .icon-ok,
		.rule-list .rule-card:hover .icon-bg,
		.rule-list .rule-card:hover .icon-ok {
			display: block
		}

		.rule-list .rule-card.active label,
		.rule-list .rule-card:hover label {
			color: #6462F3;
		}

		.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;
			text-align: center
		}

		.rule-list .rule-card ul li {
			padding: 5px 0;
			display: -webkit-flex;
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			position: relative;
		}

		.rule-list .rule-card ul li span {
			width: 30%;
			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;
		}

/** 骞虫澘妯″紡 */
@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;}
 .dn233_buy_tab { height:30px; line-height:30px; width:100px;}
}

/** 灏忓昂瀵告墜鏈� */
@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;}
    .dn233_buy_tab {width:100px;}
}