/* 首屏主体结构 */
.first {width:92%; display:flex; justify-content:space-between; margin:0 auto;}
.first_pic {width:42%; height:auto; position:relative;}
.first_main {flex:1 1 auto; margin:0 0 0 3rem; text-align:left;}
/* 首屏大图 */
.mySwiper {margin-top:1rem;}
.mySwiper .swiper-wrapper,.mySwiper2 .swiper-wrapper {display:flex; align-items:center;}
.mySwiper .swiper-slide {opacity:0.5; border:1px solid #ccc;}
.mySwiper .swiper-slide-thumb-active {opacity:1; border:1px solid #ffc56f;}
.mySwiper2 .swiper-button-next {right:0;}
.mySwiper2 .swiper-button-prev {left:0;}
.zoomit-ghost {top:0; left:0; z-index:10; width:100%; height:100%; cursor:wait; display:block; position:absolute; -webkit-user-select:none; -webkit-touch-callout:none;}
.zoomit-zoomed {top:0; left:0; opacity:0; z-index:5; position:absolute; width:auto !important; height:auto !important; max-width:none !important; max-height:none !important; min-width:100% !important; min-height:100% !important;}
.zoomit-container {overflow:hidden; position:relative; vertical-align:top; display:inline-block;}
.zoomit-container img {vertical-align:top;}
.zoomit-container.loaded .zoomit-ghost {cursor:crosshair;}
.zoomit-container.loaded .zoomit-zoomed {opacity:1;}
/* 首屏右侧内容 */
.first_main h1 {font-size:2.4rem; line-height:3.2rem; font-family:"Montserrat-Bold"; font-weight:normal; text-align:left;}
.first_main h2,.first_main h3 {font-size:1.6rem; line-height:2.4rem; font-weight:normal; text-align:left; margin:1rem 0 0;}
.first_main h2 {color:#bc0000; text-transform:inherit;}
.like {display:flex; flex-wrap:wrap; padding:1.6rem 0; border-bottom:1px solid #ddd;}
.availability ul {display:flex; flex-wrap:wrap;}
.availability ul li {margin:0.8rem 0.8rem 0 0; padding:0.2rem 0.6rem; border-radius:0.5rem; border:0.1rem solid #ddd; font-size:1.4rem; line-height:2rem; font-family:"Montserrat-Bold"; font-weight:normal; color:#666;}
.availability ul li:hover {cursor:pointer;}
.availability ul li.current {border:0.2rem solid #ffc56f; padding:0.1rem 0.5rem; color:#333;}
.availability ul p {margin:0.8rem 0.8rem 0 0;}
.prices {margin:1.6rem 0 0;}
.prices section {display:flex; flex-wrap:wrap; font-size:1.4rem;}
.prices span {margin:0 0.8rem 0 0;}
.prices .original {font-size:1.6rem;}
.prices .price {font-size:2.4rem; font-family:"Montserrat-Bold"; font-weight:normal; display:flex; flex-direction:column; margin:0 1.2rem 0 0;}
.prices .timer {height:2rem; margin:0.3rem 0 0;}
.prices .mo {margin:0.5rem 0 0;}
a.btn-financing {background:url(/images/basic/calcadtf/btn_financing.png) no-repeat center bottom; padding:0.5rem 0.8rem 20px; font-family:"Montserrat", sans-serif; font-size:1.4rem; border-radius:0.5rem;}
.btn-financing:hover {background:#eaf8d6 url(/images/basic/calcadtf/btn_financing.png) no-repeat center bottom;}
/* 阶梯价 */
.ladder_price {border:1px solid #ddd; border-radius:0.5rem; margin:1rem 0 0; padding:0.9rem;}
.ladder_price dl dt,.ladder_price dl dd {display:flex;}
.ladder_price dl dt {background:#f5f5f5;}
.ladder_price dl dd {border-bottom:1px solid #ddd;}
.ladder_price dl span {padding:0.2rem 0.5rem; width:25%;}
.coupon {display:flex; flex-wrap:wrap; align-items:center;}
.coupon a:nth-child(1) {margin:0.25rem 0.5rem;}
.coupon a {display:flex; align-items:center; border:1px solid #ff4747; border-radius:0.5rem; margin:0.25rem 0.5rem 0.25rem 0; padding:0 1rem 0 0; font-size:1.4rem;}
.coupon a span {background:#ff4747; color:#fff; border-radius:0.3rem 0 0 0.3rem; margin:0 0.5rem 0 0; padding:0 0.5rem;}
.coupon a span strong {font-size:1.6rem;}
.coupon a:hover {color:#ff4747;}
.discount {font-size:1.6rem; color:#23a6c2;}
.plac_order_tools {margin:2rem 0 0; padding:2rem 0; border-top:1px solid #ddd;}
.feature_selection_list a {display:inline-block; margin:0.5rem 0.5rem 0 0; padding:0.5rem; background:#f5f5f5; border:1px solid #ddd; border-radius:0.5rem;}
.feature_selection_list a input {width:3.2rem; background:#fff; border:1px solid #ddd; border-radius:0.3rem; margin:0 0 0 0.5rem;}
.feature_selection_list a input:focus {border:1px solid #ffc56f; outline:none;}
.gift {margin:1.6rem 0 0.5rem; padding:1.5rem 1rem 1rem 1.6rem; border:1px solid #ffc56f; border-radius:0.5rem; position:relative;}
.gift .title {background:#fff; padding:0 0.5rem; position:absolute; top:-1rem; left:1rem; display:flex; align-items:center; color:#f5b208;}
.gift .title strong {margin:0 0 0 0.5rem;}
.gift ul {font-size:1.4rem; line-height:2.1rem;}
.gift ul li {margin:0.5rem 0 0;}
.gift ul li img {width:24px; height:24px; margin:0 5px 0 0; border:1px solid #ccc;}
ul.quicklinks {display:flex; flex-wrap:wrap; margin:2rem 0 0;}
ul.quicklinks li {padding:1rem 1rem 0 30px;}
ul.quicklinks li:nth-child(1) {background:url(/images/basic/calcadtf/view_icon_qa.png) no-repeat 0 1rem; width:22%; padding:1rem 1rem 0 33px;}
ul.quicklinks li:nth-child(2) {background:url(/images/basic/calcadtf/view_icon_point.png) no-repeat 0 1rem; width:50%;}
ul.quicklinks li:nth-child(3) {background:url(/images/basic/calcadtf/view_icon_report.png) no-repeat 0 1rem; width:28%;}
ul.quicklinks li:nth-child(4) {background:url(/images/basic/calcadtf/view_icon_price.png) no-repeat 0 1rem; width:22%; padding:1rem 1rem 0 33px;}
ul.quicklinks li:nth-child(5) {background:url(/images/basic/calcadtf/view_icon_find.png) no-repeat 0 1rem; width:50%;}
ul.quicklinks li:nth-child(6) {background:url(/images/basic/calcadtf/view_icon_wish.png) no-repeat 0 1rem; width:28%;}
/* 购买数量 */
.quantity {display:flex; flex-wrap:wrap; align-items:center;}
.number_box {width:12rem; margin:0 1rem 0 0; padding:0.6rem 1.2rem; background:#fff; border:1px solid #ddd; border-radius:2rem; display:flex; justify-content:left;}
.number_box input,.number_box button {border:none; outline:none;}
.number_box input {width:5rem; font-size:1.6rem;}
.number_box input::-webkit-outer-spin-button,.number_box input::-webkit-inner-spin-button {-webkit-appearance:none; appearance:none;}
.number_box input [type="number"] {-moz-appearance:textfield;}
.number_box button {background:transparent; font-size:2.4rem;}
/* 固定导航 默认隐藏 */
#fixednav {position:fixed; display:none; top:0; width:100%; min-height:62px; background-image:linear-gradient(to right, #24610c, #5a9634); color:#fff; z-index:53;}
#fixednav .buy {width:92%; height:62px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
#fixednav .buy section:nth-child(1) {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden;}
#fixednav .buy section:nth-child(2) {flex:0 0 20rem; text-align:right;}
#fixednav .buy a {margin:0;}
/* 详情部分 */
.details-wrapper {width:92%; margin:0 auto;}
.details-wrapper p {margin:1rem 0 0;}
.details-wrapper .spe tr:nth-child(1) {background:#5a9634; color:#fff;}
.description img {display:block; margin:1rem auto 0;}
/* 标签 */
.ah-tab-wrapper {position:relative; background:#fff;}
.ah-tab {border-bottom:1px solid #ddd; position:relative; white-space:nowrap; overflow:hidden; letter-spacing:-0.3em; display:flex; justify-content:center;}
.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:80px; background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%); background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 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:43px; 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:290px;}
.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 span,.ah-tab-item {color:#666; cursor:pointer; display:inline-block; letter-spacing:normal; transition:all .3s; text-decoration:none; font-size:2rem; font-family:"Montserrat-Bold"; font-weight:normal; text-transform:uppercase;}

.ah-tab>span {border-bottom:3px solid transparent; padding:1.6rem;}
.ah-tab-item[data-ah-tab-active="true"] {color:#333;}
.ah-tab>span:hover {border-bottom:3px solid #ddd; color:#333;}
.ah-tab>span[data-ah-tab-active="true"] {border-bottom-color:#5a9634;}
.ah-tab-overflow-list>.ah-tab-item {border-left:3px solid transparent; display:block; overflow:hidden; padding:10px 20px; text-overflow:ellipsis; white-space:nowrap;}
.ah-tab-overflow-list>.ah-tab-item:hover {border-left-color:#999;}
.ah-tab-overflow-list>.ah-tab-item[data-ah-tab-active="true"] {border-left-color:#5a9634;}
.ah-tab-content-wrapper {margin:3rem 0 2rem;}
.ah-tab-content {display:none;}
.ah-tab-content[data-ah-tab-active="true"] {display:block;}
/* 视频 */
.video {width:92%; margin:1.6rem auto 0; text-align:center;}
.video iframe {width:100%; max-width:800px; height:500px; margin:1rem auto 2rem;}
/* 评论和问答 */
.reviews_wrapper {width:92%; margin:0 auto;}
.reviews_tools {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:0 0 1.6rem 0; border-bottom:1px solid #ddd;}
.reviews_tools section:nth-child(1) {padding:1.6rem 0 0;}
.reviews_write {display:flex; padding:3rem 0 2rem;}
.reviews_write .pic {flex:0 0 240px; height:240px; border:1px solid #ddd; margin:0 3rem 0 0;}
.reviews_write form {flex:1 1 auto;}
.reviews_write p {margin:0 0 1rem;}
.reviews_write p:nth-last-child(2) {margin:0;}
.rating_stars {display:block; position:relative; width:220px; height:24px; line-height:24px; margin:0 0 1rem; padding:0; border:none;}
.rating_stars legend {float:left; margin:0; padding:0;}
.rating_stars > input {position:absolute; margin-right:-100%; opacity:0;}
.rating_stars > input:checked ~ label,.rating_stars > input:focus ~ label {background-position:0 -24px;}
.rating_stars > input:hover ~ label {background-position:0 -24px;}
.rating_stars > input:focus + label {outline:none;}
.rating_stars > label {position:relative; float:right; width:26px; height:24px; margin:0 0.3rem 0 0; color:transparent; cursor:pointer; background-image:url("/images/basic/calcadtf/stars.png"); background-repeat:no-repeat;}
ul.reviews_tab {display:flex; border-bottom:1px solid #ddd;}
ul.reviews_tab li {padding:1.2rem 1rem 1rem;}
ul.reviews_tab li:hover {cursor:pointer; border-bottom:3px solid #ddd; margin:0 0 -2px;}
ul.reviews_tab li.on {border-bottom:3px solid #333; margin:0 0 -2px;}
.inquiryform_inline section {width:100%; display:flex; align-items:center; margin:0 0 1rem;}
.inquiryform_inline section span:nth-child(1) {flex:0 0 15rem; width:15rem; margin:0 1rem 0 0; text-align:right;}
.inquiryform_inline section .names {display:flex; flex:0 0 calc(100% - 16rem); width:calc(100% - 16rem);}
.reviews_rate .title {display:flex; align-items:flex-start; text-transform:uppercase; margin:0.5rem 0;}
.reviews_rate .title strong {margin:0 1rem 0 0;}
.reviews_rate ul {list-style:disc; padding:0 0 0 2rem;}
.reviews_rate ul li {margin:0.5rem 0 0;}
/* 评论列表 */
ul.review_list li {border-bottom:1px solid #ddd; padding:1.6rem;}
.photos {display:flex; flex-wrap:wrap;}
.photos a {flex:0 0 160px; height:160px; border:1px solid #ddd; display:flex; justify-content:center; align-items:center; margin:1rem 1rem 0 0;}
/* Q & A */
ul.qa_list li {border-bottom:1px solid #ddd; padding:1rem;}
ul.qa_list li:nth-child(even) {background:#f5f5f5;}
ul.qa_list li div {display:flex; justify-content:space-between; font-size:1.4rem; line-height:2.1rem; padding:0.5rem 0;}
ul.qa_list li div section:nth-child(1) {flex:0 0 70px; text-align:right;}
ul.qa_list li div section:nth-child(2) {flex:1; padding:0 1.6rem;}
ul.qa_list li p:nth-child(1) {margin:0;}
ul.qa_list li p:nth-child(2) {margin:0.5rem 0 0;}

@media (max-width:600px) {
	.first {width:92%; display:block; position:relative;}
	.first_pic {width:100%;}
	.first_main {width:100%; margin:1rem 0 0;}
	ul.quicklinks li:nth-child(-n+6) {width:50%; padding:0.8rem 0 0.8rem 31px; background-position:0 0.6rem;}
	.video iframe {height:240px;}
	.photos a {flex:0 0 60px; height:60px;}
	.btns a.btn-l {padding:0.6rem 1.8rem;}
	.btns a.btn-downpdf {padding:0.6rem 1.8rem 0.6rem 4.2rem;}
	ul.review_list li {padding:1.6rem 0;}
	ul.qa_list li {padding:1rem 0;}
	.ah-tab {justify-content:left;}
	.reviews_write .pic {flex:0 0 60px; height:60px; margin:0 1.6rem 0 0;}
	.rating_stars {width:190px;}
	#fixednav .buy section:nth-child(2) {flex:0 0 18rem;}
	.inquiryform_inline section {display:block;}
	.inquiryform_inline section .names {width:100%; flex:0 0 100%;}
}
@media (min-width:601px) and (max-width:768px) {
	ul.quicklinks li:nth-child(odd) {width:55%; padding:1rem 0 0 33px;}
	ul.quicklinks li:nth-child(even) {width:45%; padding:1rem 0 0 33px;}
	.btns a.btn-l {padding:0.6rem 1.8rem;}
	.btns a.btn-downpdf {padding:0.6rem 1.8rem 0.6rem 4.2rem;}
	ul.review_list li {padding:1.6rem 0;}
	ul.qa_list li {padding:1rem 0;}
	.reviews_write .pic {flex:0 0 90px; height:90px; margin:0 2rem 0 0;}
	.rating_stars {width:200px;}
}
@media (min-width:769px) and (max-width:820px) {
	ul.quicklinks li:nth-child(odd) {width:60%; padding:1rem 0 0 33px;}
	ul.quicklinks li:nth-child(even) {width:40%; padding:1rem 0 0 33px;}
	.btns a.btn-l {padding:0.8rem 2rem;}
	.btns a.btn-downpdf {padding:0.6rem 1.8rem 0.6rem 4.2rem;}
	ul.review_list li {padding:1.6rem 0;}
	ul.qa_list li {padding:1rem 0;}
	.rating_stars {width:200px;}
}
@media (min-width:821px) and (max-width:1200px) {
	ul.quicklinks li:nth-child(1),ul.quicklinks li:nth-child(4) {width:27%;}
	ul.quicklinks li:nth-child(2),ul.quicklinks li:nth-child(5) {width:43%;}
	ul.quicklinks li:nth-child(3),ul.quicklinks li:nth-child(6) {width:30%;}
}