.ah-tab-wrapper {position:relative; background:#fff; width:100%; margin:0.1rem auto 0; padding:0 4%;}
.ah-tab {position:relative; white-space:nowrap; overflow:hidden; letter-spacing:-0.3em; display:flex; justify-content:space-between;}
.ah-tab::before, .ah-tab::after {bottom:0; content:""; height:100%; opacity:0; position:absolute; z-index:1; transition:opacity .3s;}
.ah-tab::before {left:-100%; width:30px; background:-moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%); background:-webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%); background:linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);}
.ah-tab::after {right:100%; width:30px; background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 40%, rgba(255, 255, 255, 0.5) 99%); background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 40%, rgba(255, 255, 255, 0.5) 99%); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 40%, rgba(255, 255, 255, 0.5) 99%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);}
.ah-tab-overflow-left::before {opacity:1; left:0;}
.ah-tab-overflow-right::after {opacity:1; right:0;}
.ah-tab-overflow-wrapper {position:absolute; width:30px; height:100%; right:100%; opacity:0; top:0; z-index:1; text-align:center;}
.ah-tab-overflow-wrapper[data-ah-tab-active="true"] {right:0; opacity:1; transition:opacity .3s;}
.ah-tab-overflow-wrapper:hover {z-index:2;}
.ah-tab-overflow-menu {background:transparent url(/images/basic/calcadtf/tab-overflow-menu.svg) center center no-repeat; background-size:18px; display:inline-block; width:100%; height:100%; border:0; cursor:pointer; transition:opacity .3s; opacity:.7;}
.ah-tab-overflow-wrapper:hover .ah-tab-overflow-menu {opacity:1;}
.ah-tab-overflow-list {position:absolute; top:-10000%; right:0; text-align:left; background-color:#fff; border:1px solid #e9e9e9; box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.09); list-style:none; transition:opacity .3s; opacity:0; max-width:320px;}
.ah-tab-overflow-list::after {content:" "; display:block; position:absolute; top:-14px; right:14px; width:0; height:0; border:7px solid transparent; border-bottom-color:#fff;}
.ah-tab-overflow-list::before {content:" "; display:block; position:absolute; top:-16px; right:13px; width:0; height:0; border:8px solid transparent; border-bottom-color:#ddd;}
.ah-tab-overflow-wrapper:hover .ah-tab-overflow-list {top:99%; padding:10px 0; opacity:1;}
.ah-tab-overflow-list:hover {display:block;}
.ah-tab-item {cursor:pointer; display:inline-block; letter-spacing:normal; transition:all .3s; text-decoration:none; font-size:1.6rem; text-align:center;}
.ah-tab-item img {display:block; flex:0 0 10.5rem; max-width:10.5rem; height:10.5rem; margin:0 auto 0.5rem;}
.ah-tab>.ah-tab-item {border-bottom:3px solid transparent; padding:1.2rem;}
.ah-tab-item[data-ah-tab-active="true"] {color:#333;}
.ah-tab>.ah-tab-item:hover {border-bottom:3px solid #f9a9a9; color:#333;}
.ah-tab>.ah-tab-item[data-ah-tab-active="true"] {border-bottom-color:#f14141;}
.ah-tab-overflow-list>.ah-tab-item {border-left:3px solid transparent; display:flex; align-items:center; overflow:hidden; padding:1rem; text-overflow:ellipsis; white-space:nowrap; text-align:left; width:180px;}
.ah-tab-overflow-list>.ah-tab-item:hover {border-left-color:#f9a9a9;}
.ah-tab-overflow-list>.ah-tab-item[data-ah-tab-active="true"] {border-left-color:#f14141;}
.ah-tab-overflow-list>.ah-tab-item img {flex:0 0 4rem; width:4rem; height:4rem; margin:0 0.75rem 0 0;}
.ah-tab-content-wrapper {margin:2rem 0; padding:0 4%;}
.ah-tab-content {display:none;}
.ah-tab-content[data-ah-tab-active="true"] {display:block;}
/* 优惠券列表 */
ul.coupon_list {display:flex; flex-wrap:wrap; justify-content:left;}
ul.coupon_list li {width:24%; margin:0 0.5% 1.6rem; background:#fff; border-radius:0.5rem;}
ul.coupon_list li section:nth-child(1) {display:flex; align-items:center; background:#f14141; color:#fff; font-size:4rem; font-family:"Montserrat-Bold"; font-weight:normal; line-height:5rem; padding:0.5rem 1.6rem; border-radius:0.5rem 0.5rem 0 0; position:relative;}
ul.coupon_list li section:nth-child(1) span {font-size:3rem;}
ul.coupon_list li section:nth-child(1)::after {content:url(/images/basic/calcadtf/coupon_icon.png); position:absolute; right:1.1rem; bottom:-2.2rem;}
ul.coupon_list li section:nth-child(2) {padding:1.6rem; font-size:1.4rem; line-height:2.1rem;}
ul.coupon_list li section:nth-child(2) p {margin:0 0 0.75rem;}
ul.coupon_list li section:nth-child(2) p:nth-child(1) {color:#f14141; font-family:"Montserrat-Bold"; font-weight:normal;}
ul.coupon_list li section .btns {display:flex; justify-content:center;}
ul.coupon_list .btn-primary {margin:1rem 0.2rem 1.6rem; background:#f14141; border:1px solid #f14141; padding:0.5rem 1.2rem;}
ul.coupon_list .btn-primary:hover {background:#e03232; border:1px solid #e03232;}
ul.coupon_list .btn-outline {margin:1rem 0.2rem 1.6rem; border:1px solid #f14141; color:#f14141; padding:0.5rem 1.2rem;}
ul.coupon_list .btn-outline:hover {background:#fee0e0; color:#f14141;}
.btn-obtained,a.btn-obtained {display:inline-block; margin:1rem 0.2rem 1.6rem; text-align:center; padding:0.5rem 1.2rem; border-radius:22px; background:#f9a9a9; border:1px solid #f9a9a9; color:#fff;}
.btn-obtained:hover {background:#f9a9a9; border:1px solid #f9a9a9; color:#fff; cursor:default;}
/* 使用说明 */
article.usage {background:#fff; width:100%; margin:0 auto; padding:2rem 4% 3rem;}
article.usage h1 {font-size:2.4rem; font-weight:normal; padding:0 1rem 2rem; border-bottom:1px solid #b7c8dd;}
article.usage section:nth-child(2) {width:100%; margin:3rem auto; text-align:center;}
.alert_warning {padding:2rem;}

@media (max-width:600px) {
	.ah-tab-wrapper,.ah-tab-content-wrapper {padding:0 1.5rem;}
	.ah-tab-item img {flex:0 0 8rem; max-width:8rem; height:8rem;}
	.ah-tab>.ah-tab-item {border-bottom:3px solid transparent; padding:1.2rem 0.8rem;}
	.ah-tab-overflow-list>.ah-tab-item {width:160px; padding:0.75rem 1rem;}
	ul.coupon_list li {width:49%; margin:0 0.5% 1.6rem;}
	ul.coupon_list .btn-primary,ul.coupon_list .btn-outline {padding:0.5rem 1rem;}
	ul.coupon_list li section .btns {justify-content:space-between;}
	ul.coupon_list li section:nth-child(1)::after {right:0.8rem; bottom:-2.3rem;}
}
@media (min-width:601px) and (max-width:820px) {
	ul.coupon_list li {width:32.3%; margin:0 0.5% 1.6rem;}
	ul.coupon_list li section .btns {justify-content:space-between;}
}