body{margin:0; padding:0; font:15px/22px Verdana, Arial, sans-serif;}
p, h1, h2, h3, h4, h5, h6, ul, li, ol{margin:0; padding:0; font-weight:400; list-style: none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.Details {width:1200px; margin: 0 auto;}
.clear{clear:both;}
/*------------------*/

.DivMain01{background:url(../image-style/apple-season-mt/banner-bg.jpg) no-repeat bottom / cover; padding-bottom:40px;}
.DivMain01 .the-logo {display: inline-block; padding:10px 0 0;}
.DivMain01 .main01-top{display:flex; align-items:center; justify-content:space-between;}
.DivMain01 .main01-top a{color:#fff; text-decoration:underline;}
.DivMain01 .title{ text-align:center; padding:.3em 0 0; color:#fff; font-size:59px; font-weight:700; line-height:1;}
.DivMain01 .off{font-size: 27px;color: transparent;text-align: center; padding:.8em 0 60px; background-clip:text; -webkit-background-clip:text; background-image:linear-gradient(to right, #ff5562 20%, #915bff 42%, #ff9e91 56%, #ff4925 70%); line-height:1;}
.banner-content {font-size: 0;}
.left-banner-content {display: inline-block;vertical-align: top;width: 630px;margin-right: 35px;text-align: left;}
.left-banner-content img {display: block; padding-left:30px;}
.left-banner-content h3 {font-size: 29px;color:#fff;line-height: 39px;padding: 20px 0 25px;}
.left-banner-content p {font-size: 17px;line-height: 27px;color: #dcdcdc;padding-right: 45px;}
.right-banner-content {display: inline-block;width: 490px;text-align: center;box-sizing: border-box;background-color: #fff;border-radius:30px;padding: 36px 55px 36px;box-shadow: 0 0 20px 2px rgba(0,0,0,0.1); margin-top:50px;}
.right-banner-content p del {font-size: 27px;display: inline-block;vertical-align: middle;margin-top: 8px;}
.right-banner-content p b {font-size: 61px; font-weight: 400; color: #ff290d;vertical-align: middle;line-height: 71px;}
.right-banner-content .buy-now {display: block;width: 340px;height: 62px;line-height: 62px;font-size: 29px;color: #ffffff;text-indent: 130px;margin: 12px auto 30px;text-align: left;text-decoration: none;background: #ff721d url(../image-style/pack-deals/shopping-car.png) 70px center no-repeat;border-radius: 8px;}
.price-info {font-size: 0;text-align: center;padding: 0 12px;}
.price-info li {display: inline-block;vertical-align: middle;width: 106px;}
.price-info li b {display: block;font-size: 19px;line-height: 26px;margin-bottom: 5px;}
.price-info li span {font-size: 13px;color: #666;display: block;line-height: 23px;}
.price-info li:nth-child(2) {width: 144px;box-sizing: border-box;border-left: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;}
.right-banner-content h3 {padding: 18px 0;font-size: 17px;line-height: 48px;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;margin: 20px 0 30px;}
.right-banner-content h3 img {vertical-align: middle;margin-right: 18px;}
.right-banner-content h3 a{color:#268cff; text-decoration:none;}
.right-banner-content .digiarty-timer {font-size: 0;text-align: center;}
.right-banner-content .digiarty-timer li {display: inline-block;vertical-align: middle;font-size: 41px;width: 95px;position: relative;line-height: 42px;}
.right-banner-content .digiarty-timer li:before {content: ":";position: absolute;top: -3px;right: -10px;color: #666666;}
.right-banner-content .digiarty-timer li:nth-child(4):before {display: none;}
.right-banner-content .digiarty-timer li:nth-child(1):after {content: "Days";display: block;font-size: 15px;color: #bdbdbd;line-height: 25px;}
.right-banner-content .digiarty-timer li:nth-child(2):after {content: "Hours";display: block;font-size: 15px;color: #bdbdbd;line-height: 25px;}
.right-banner-content .digiarty-timer li:nth-child(3):after {content: "Minutes";display: block;font-size: 15px;color: #bdbdbd;line-height: 25px;}
.right-banner-content .digiarty-timer li:nth-child(4):after {content: "Seconds";display: block;font-size: 15px;color: #bdbdbd;line-height: 25px;}
/*------------------*/

.DivMain02{padding:50px 0; background-color:#F2F1F9;}
.DivMain02 h2 {font-size: 35px;line-height: 46px;color: #121212;margin-bottom: 30px;font-weight: 600;}
.DivMain02 h2 span{color:#9f85ff;}
.DivMain02 h2 + p { text-align: center; font-size: 17px;color: #666666;line-height: 28px;}
.product-info-list {font-size: 0;text-align: center; margin: 50px 0 0;}
.product-info-list .product-info {display: inline-block;vertical-align: top;width: 383px;box-sizing: border-box;padding: 30px 10px;background-color: #fff ;margin-bottom: 30px;border-radius: 20px; position:relative; overflow:hidden;}
.product-info-list .product-info.gift::before{content:'GIFT'; background-color:#6F6FDC; position:absolute; font-size:19px; color:#fff; transform:rotate(-45deg); left:-27px; top:21px; padding:0 35px;}
.product-info-list .has-margin {margin: 0 25px 30px;}
.product-info-list .product-info .product-img {height: 80px;}
.product-info-list .product-info h3 {font-size: 21px;line-height: 31px;margin: 12px 0 16px;font-weight: 600;}
.product-info-list .product-info p {font-size: 17px;line-height: 27px;color: #646464;}
.product-info-list .product-info .product-price {font-size: 19px;line-height: 33px;margin: 14px 0 30px;font-weight: 600;}
.product-info-list .product-info a {display: block;font-size: 21px;line-height: 31px;color: #268cff;}
.product-info-list .product-all {display: inline-block;vertical-align: top;width: 375px; height: 404px;box-sizing: border-box;padding: 50px 10px 36px;overflow: hidden;margin-bottom: 30px;border: 10px solid #6F6FDC;border-radius: 25px;background-color: #fff; position:relative;}
.product-info-list .product-all .stocks{position:absolute; top:-2px; left:10px;}
.product-info-list .product-all .price-words {font-size: 24px;line-height: 34px;}
.product-info-list .product-all .real-price {font-size: 58px;color: #ff290d;line-height: 68px;margin: 13px 0 10px;}
.product-info-list .product-all .discount-price {font-size: 29px;line-height: 39px;text-decoration: line-through;}
.product-info-list .product-all p {font-size: 17px;line-height: 27px;margin: 15px 0 20px;}
.product-info-list .product-all p img {vertical-align: middle;margin-right: 10px;}
.product-info-list .product-all .buy-container a {display: block;width: 255px;height: 62px;line-height: 62px;font-size: 27px;color: #fff;border-radius: 5px;background-color: #ff891d;margin: 0 auto 5px;}
.product-info-list .product-all .buy-container a:hover {text-decoration: none;}
.product-info-list .product-all .bought-count {font-size: 15px;line-height: 25px;}
.product-info-list .product-all .bought-count span {color: #3fbf75;}
/*------------------*/

.DivMain03{background:url(../image-style/apple-season-mt/bg03.jpg) no-repeat top / 100%; padding:60px 0; text-align:center;}
.DivMain03 h2{font-size:35px; color:#fff; font-weight:700; line-height:1;}
.DivMain03 h2 + p{font-size:17px; color:#fff; padding:1.2em 10% .6em; line-height:1.5;}
.DivMain03 table{background-color:#fff; width:calc(100% - 4px); margin:40px auto 0; border-radius:25px; box-shadow:0 0 0 2px #A58EFD, 0 8px 32px rgba(211 204 185 / .32); color:#666; overflow:hidden; border-collapse:collapse;}
.DivMain03 table .hide{display:none;}
.DivMain03 table th:first-child, .DivMain03 table td:first-child{text-align:left; padding-left:18px; padding-right:18px;}
.DivMain03 table thead th:nth-child(2), .DivMain03 table td:nth-child(2){background-color:#F6F6F6; box-shadow:inset -2px 0 #fff; padding-right:2px;}
.DivMain03 table thead th:last-child, .DivMain03 table td:last-child{background-color:#FDF8F2;}
.DivMain03 table .line{border-bottom:1px solid #DBDBDB;}
.DivMain03 table .top-line{border-top:1px solid #DBDBDB;}
.DivMain03 table .line td:nth-child(2), .DivMain03 table .line td:last-child{box-shadow:inset -2px 0 #fff;}
.DivMain03 table th, .DivMain03 table td{padding:20px 0;}
.DivMain03 table td:nth-child(2), .DivMain03 table td:last-child{box-shadow:inset -2px 0 #fff, inset 0 -1px 0 #fff;}
.table-ti{color:#1e1e1e; font-size:27px; padding-left:32px;}
.table-ti-free, .table-ti-full{font-size:23px; font-weight:400; position:relative;}
.table-ti-full{color:#1e1e1e;}
.table-ti-free{color:#65c87f;}
.table-ti-free::after, .table-ti-full::after{font-size:35px; font-weight:700; color:#ff7536; position:absolute;}
.table-ti-free::after{content:'V'; right:0;}
.table-ti-full::after{content:'S'; left:0; top:112%;}
.table-ti-full span{font-size:15px; color:#ff7b41; border:1px solid; border-right:0; padding:0 12px 0 5px; vertical-align:2px; background:linear-gradient(to left top, transparent calc(50% - 1px), currentColor, transparent calc(50% + 1px)) no-repeat top -1px right / 8px 59%, linear-gradient(to right top, transparent calc(50% - 1px), currentColor, transparent calc(50% + 1px)) no-repeat bottom -1px right / 8px 59%;}
.table-buy-btn{display:flex; align-items:center; background-color:#FF7A42; color:#fff; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; padding:5px 15px; justify-content:center; margin:7px auto 0; border-radius:3px; box-shadow:0 4px 10px rgba(255 102 55 / .26);}
.table-buy-btn:hover{text-decoration:none;}
.table-buy-btn .buy{font-size:17px; padding-right:12px;}
.table-buy-btn .price{line-height:1.1;}
.table-buy-btn .price del{font-size:90%; color:#503225; font-weight:400;}
.table-buy-btn .price span{display:block; line-height:1;}
.table-subti{font-size:19px; color:#1e1e1e; cursor:pointer; background:none; border:0;width: 100%;text-align: left;}
.table-subti span{display:inline-block; vertical-align:-2px; margin-right:10px; width:18px; height:18px; border-radius:50%; background-color:#FEBB55; position:relative; text-align:center;}
.table-subti span::before, .table-subti span::after{content:''; background-color:#fff; position:absolute; top:50%;}
.table-subti span::before{content:''; width:56%; height:2px; margin:-1px 0 0 -23%;}
.table-subti span::after{content:''; height:56%; width:2px; margin:-28% 0 0 -1px;}
.table-subti.show span::after{display:none;}
.table-no, .table-yes{font-size:0; line-height:0;}
.table-no div{width:25px; height:25px; position:relative; display:inline-block;}
.table-no div::before, .table-no div::after{content:''; position:absolute; width:5px; top:0; bottom:0; left:50%; color:#63C780; background-color:currentColor;}
.table-no div::before{transform:translate(-50%) rotate(45deg);}
.table-no div::after{transform:translate(-50%) rotate(-45deg);}
.table-yes div{display:inline-block; width:15px; height:28px; color:#FF8853; border:5px solid; border-left:0; border-top:0; box-sizing:border-box; transform:rotate(45deg); margin-top:-7px;}
.DivMain03 table td.table-yes:nth-child(2) div{color:#63C780;}
/*------------------*/

.DivMain04 {padding:30px 0 60px;}
.DivMain04 h2 {font-size: 35px;color: #1f2229;text-align: center; line-height: 1; margin-bottom:40px; font-weight:700;}
.review-container {position: relative;}
.review-container .left-arrow,
.review-container .right-arrow {position: absolute;top: 40%;left: 0;margin-top: -33px;width: 38px;height: 66px;cursor: pointer;}
.review-container .right-arrow {left: auto;right: 0;}
.review-container .left-arrow::before {content: "";display: block;width: 26px;height: 26px;border-top: 4px solid #636569;border-left: 4px solid #636569;transform: rotate(-45deg);border-radius: 3px;}
.review-container .right-arrow::before {content: "";display: block;width: 26px;height: 26px;border-top: 4px solid #636569;border-left: 4px solid #636569;transform: rotate(135deg);border-radius: 3px;}
.review-content {width:860px;margin: 0 auto;overflow: hidden;}
.review-list {font-size: 0;}
.review-list li {display: inline-block;vertical-align: top;color: #4b505d;}
.review-list li p {font-size: 23px;line-height: 44px;margin-bottom: 30px;}
.review-list li div {font-size: 23px; background:url(../image-style/apple-season-mt/quote.png) no-repeat right top;}
.review-list li div img {vertical-align: middle;margin-right: 5px;}
/*------------------*/

.DivMain07{padding: 60px 0; background-color:#F4F5F7;}
.DivMain07 h2{font-size: 36px;text-align: center;font-weight: bold; padding-bottom: 20px;}
.DivMain07 .main07_one{padding: 20px 40px 15px 30px;border-radius:0 20px; margin-top: 17px; background-color:#fff;border: 1px solid #DDA156;}
.DivMain07 .main07_one .pic{float: left;padding: 12px 40px 0 0;}
.DivMain07 .main07_one .t{color: #333;font-size: 19px;padding-top: 25px; cursor: pointer; font-weight: bold;margin-bottom: 15px;background:url(../image-style/apple-season-mt/idown.png) no-repeat right 30px;}
.DivMain07 .main07_one .t.focus{background:url(../image-style/apple-season-mt/iup.png) no-repeat right center; padding-top: 0;}
.DivMain07 .main07_one p{color: #80807d;line-height:20px;display: none;}
/*------------------*/

#footer{background:#1f222a; color:#767f86; text-align:center;}
#footer p{padding:5px 0;}
#footer p a{color:#767f86; text-decoration:none;}
#footer p a:hover{text-decoration:underline; color:#21d2f8;}
#footer p i{display:block; height:40px; line-height:38px; font-style:normal;}
/*------------------*/

@media (max-width:979px) {

	.Details { width: 96%; padding:0 2%;}
	/*------------------*/

	.DivMain03{background-size:100% 361px;}
	/*------------------*/

    .review-content{width:500px;}
	/*------------------*/

}

@media (max-width:767px) {

    .DivMain03{overflow-x:hidden;}
    .DivMain03 .details{overflow-x:auto;}
    .DivMain03 .table-box{overflow-x:auto; padding:0 0 10px 5px;}
    .DivMain03 table{font-size:13px; line-height:1; width:150%; margin-right:2px; display:inline-block;}
    .DivMain03 table thead th:first-child{width:30%;}
    .DivMain03 table thead th:nth-child{width:30%;}
    .DivMain03 table thead th:last-child{width:40%;}
    .table-ti-free, .table-ti-full{font-size:17px;}
    .table-subti{text-align:left; font-size:17px;}
    .table-ti-free::after, .table-ti-full::after{display:none;}
    .DivMain03 table th:first-child, .DivMain03 table td:first-child{padding-left:5px; padding-right:5px;}
	/*------------------*/

    .review-content{width:350px;}
    .review-list li p{line-height:1.5;}
	/*------------------*/

}

@media (max-width:479px) {

	.DivMain01 .title{font-size:39px;}
	.DivMain01 .off{font-size:23px;}
	.left-banner-content{width:auto; margin-right:0;}
	.left-banner-content img{padding-left:0; max-width:100%; height:auto;}
	.left-banner-content h3{font-size:23px;}
	.right-banner-content{width:auto; padding:20px;}
	.price-info li:nth-child(2){width:90px;}
	.right-banner-content p b{font-size:51px;}
	.right-banner-content .digiarty-timer li{width:60px; font-size:31px;}
	.right-banner-content .buy-now{width:auto;}
	/*------------------*/

	.DivMain02 h2{font-size:25px;}
    .table-buy-btn{padding:5px;}
    .product-info-list .has-margin{margin:0 0 30px;}
    .product-info-list .product-info{width:auto;}
    .product-info-list .product-all{width:100%;}
	/*------------------*/

	.DivMain03 h2{font-size:25px;}
	/*------------------*/

	.DivMain04 h2{font-size:25px;}
	.review-list li p, .review-list li div{font-size:19px;}
	/*------------------*/

    .review-content{width:280px;}
	/*------------------*/

}