.details{width:1200px;margin:0 auto;}
img{max-width: 100%;}

.upgrade-center{background-color:#fff;padding: 30px 0;}
.upgrade-center p.language{text-align:right;}
.upgrade-center h2{text-align:center;font-size: 37px;font-weight:700;color: #000;}
.upgrade-center .center-box{padding: 40px 0 40px;display: flex;}
.upgrade-center .center-left{min-width:305px; background-color:#35abef; color:#fff; padding:10px 20px;}
.upgrade-center .center-left h5{font-size:14px; padding-bottom:15px; font-weight:400;}
.upgrade-center .center-left ul li{list-style:none; line-height:36px;}
.upgrade-center .center-left ul li img{padding-right:10px; vertical-align:-4px;}
.upgrade-center .center-right{border-top:3px solid #35abef;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:10px 30px;flex-grow: 1;}
.upgrade-center .center-right dl{border-bottom:1px solid #f1f1f1; padding:3px 0;}
.upgrade-center .center-right dl:last-child{border-bottom:0;}
.upgrade-center .center-right dl dt{font-weight:700; }
.upgrade-center .btn{text-align:center;}
.upgrade-center .btn p{color:#6ea600; padding-bottom:20px; font-size:16px;}
.upgrade-center .btn a{display:inline-block; padding: 0 20px;font-size: 21px; line-height:50px; border:2px solid #92ce53; border-radius: 5px;color: #92ce53; margin:0 5px;}
.upgrade-center .btn a:hover{ text-decoration: none; background: #92ce53; color: #fff;}
.upgrade-center .btn .btn-buy{color:#fff; background-color:#FE8D2C; border-color:#FE8D2C; min-width:272px; box-sizing:border-box;}
.upgrade-center .btn .btn-buy:hover{background-color:transparent; color:#FE8D2C};

/*-------------*/

.seller-content{background:#ffffff; text-align:center; font-size:17px;}
.seller-content h2{font-size:41px; font-weight:700; color:#000; padding:50px 0 35px; line-height:41px;text-align: center;}
.seller-content .for-win-mac span{cursor:pointer;}
.seller-content .for-win-mac span:first-child{margin-right:80px;}
.seller-content .for-win-mac span.focus{color:#2d6b4a;}
.seller-content .for-win-mac span:before{content:""; width:25px; height:25px; display:inline-block; border-radius:5px;  vertical-align:middle; margin-right:5px; box-shadow:inset 0 0 0 1px;background-color: #fff; color:#72BE7D;}
.seller-content .for-win-mac span.focus:before{background:url(../images/buy-tks/r1.png) center no-repeat currentColor; }
.seller-content .pro-content{padding:50px 0;text-align: center;}
.seller-content .pro-content > div{display:flex; justify-content:space-around; align-items:center;}
.pro-content .pro-one{width:30%; border-radius:10px; position:relative;box-shadow:0 0 40px rgba(227, 184, 190, .3); position:relative;}
.pro-content .pro-one::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:10px; transform:rotate(5deg); background-color:#9ad5f7;}
.pro-content .pro-one-x{background-color:#fff; border-radius:10px; position:relative; padding-bottom:50px;}
.pro-content .pro-one .txt-label{text-align:left;height: 42px;padding-bottom: 30px;}
.pro-content .pro-one .txt-label var{font-weight:700; color:#35abef; display:inline-block; line-height:42px; vertical-align:middle; padding:0 20px; border-top-left-radius:10px; background-color:currentColor; position:relative;}
.pro-content .pro-one .txt-label var:first-line{color:#fff;}
.pro-content .pro-one .txt-label var:after{content:''; position:absolute; right:-20px; border-width:21px 10px; border-style:solid; border-color:currentColor transparent transparent currentColor;}
.pro-content .pro-one .txt-label span{display:inline-block; vertical-align:middle; width:30px; height:44px; background:url(../images/buy-spring-22/icon1.png) no-repeat center; margin:-8px 0 0 30%; transform:scale(1);}
.pro-content .pro-one .txt-label var + span{margin-left:-21px;}
.pro-content .pro-one h3{font-size:21px; font-weight:700; padding:20px 0;}
.pro-content .pro-one h3 a{color: inherit;}
.pro-content .pro-one ul{display:inline-block; text-align:left; padding-bottom:25px;}
.pro-content .pro-one ul li{font-size:17px; color:#646464; margin:2px 0;}
.pro-content .pro-one ul li::before{content:''; display:inline-block; width:5px; height:5px; background-color:#A47422; border-radius:50%; vertical-align:middle; margin-right:5px;}
.pro-content .pro-one ul li b{font-weight:700;}
.pro-content .pro-one .pro-price{color:#fb460f;}
.pro-content .pro-one .pro-buy-btn, .pro-content .pro-one .pro-buy-btn-mac{display:inline-block; font-size:19px; font-weight:700; padding:10px 15px 11px; border-radius:5px; text-decoration:none; min-width:190px; color:#ffffff; box-shadow: 0 0 0 2px;box-sizing: border-box;background-color: #ff8e29;}
.pro-content .pro-one .pro-buy-btn:hover:first-line, .pro-buy-btn-mac:hover:first-line{color:#fff;}
.pro-buy-btn-mac::before{content:''; display:inline-block; width:22px; height:26px; background:url(../images/buy-xmas-21/mac-f.png) no-repeat center; vertical-align:-5px; margin-right:6px;}
/*-------------*/

/*-------------*/

.bundle-content{text-align:center; background:radial-gradient(1200px 430px at top 430px left 50%, #35abef 99.85%, transparent 100%), linear-gradient(transparent 200px, #35abef 200px), #ffffff; padding-bottom:80px; }
.bundle-content h2{font-size:41px; font-weight:700; color:#010100; padding:70px 0 40px; line-height:41px;}
.bundle-content .suhead{margin: 15px 0;}
.bundle-content .for-win-mac span{cursor:pointer; font-size:17px;}
.bundle-content .for-win-mac span:first-child{margin-right:60px;}
.bundle-content .for-win-mac span.focus{color:#2d6b4a;}
.bundle-content .for-win-mac span:before{content:""; width:20px; height:20px; display:inline-block; border-radius:5px; background:#2D6A4A; box-shadow:0 0 0 1px; vertical-align:middle; margin-right:5px; color:#fff;}
.bundle-content .for-win-mac span.focus:before{background:url(../images/buy-spring-22/r2.png) center no-repeat currentColor;}
.bundle-wrap > div{display:flex;  padding:40px 70px 30px; background-color: #fff;border-radius: 85px;margin-top: 30px;}
.bundle-wrap .bundle-con{flex-grow: 1;padding: 20px 30px 0;}
.bundle-con h4{font-size:31px; padding-bottom:9.8%;}
.bundle-con .bundle-con-x{display:flex; justify-content:space-between;}
.bundle-con-x ul{text-align:left; font-size:19px; line-height:1.4;  width:47%;}
.bundle-con .bundle-buy-x{width:53%;}
.bundle-price del{font-size:29px; color:#7e6c6c;}
.bundle-price b{font-size:53px; color:#ff3737; display:block; padding:0.3em 0;line-height: 1;}
.bundle-buy-x p{font-size:17px;}
.bundle-con .bundle-buy-btn{display:inline-block; font-size:29px; background-color:#FE8D1A; color:#fff; font-weight:700; padding:13px 10px 16px; border-radius:5px; text-decoration:none; margin:1.5em 0 0.1em; min-width:245px; box-sizing:border-box;}
.bundle-con .bundle-buy-btn img{vertical-align:-2px;}
.bundle-con .bundle-one{font-size:17px;color: #825c19;}
/*-------------*/
.selection-list {padding: 30px 0 10px;list-style: none;}
.selection-list li {width: 290px;height: 48px;box-sizing: border-box;border: 1px solid #dbdbdb;border-radius: 5px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto 7px;padding: 0 8px;cursor: pointer;}
.select-content,.select-price {display: flex;align-items: center;}
.select-content .selected-icon {width: 19px;height: 19px;border: 1px solid #c4c4c4;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.select-content .selected-icon img {width: 100%;height: 100%;visibility: hidden;}
.select-content span {font-size: 17px;color: #333;margin-left: 8px;}
.select-price {display: flex;justify-content: space-between;align-items: baseline;min-width: 123px;}
.select-price .the-price {font-size: 21px;color: #333;}
.select-price del {font-size: 15px;color: #bdbdbd;}
.selection-list li.on-active {background-color: #f0faff;border-color: #35abef;list-style: none;}
.selection-list li.on-active .selected-icon img {visibility: visible;}
.selection-list li.on-active span {color: #35abef;}
.selection-list li.on-active .the-price {color: #ff324a;}
.pro-content .pro-one .selection-list li::before {display: none;}
.buy-list a {display: block;width: 195px;line-height: 47px;text-align: center;font-size: 20px;color: #fff;font-weight: 600;background-color: #ff8e29;border-radius: 6px;margin: 0 auto;}
.buy-list a:hover {text-decoration: none;}
.list-news {text-align: center;margin-bottom: 50px;}
.list-news span{display: inline-block;margin: 0 25px;}
.list-news span>img{margin-right: 10px;}

.guar-content{padding:60px 0;color: #4b5866;background: #fafafc;}
.guar-content .details{display: flex;justify-content: space-around;}
.guar-content .guar-one{width:22%;text-align:center;}
.guar-one .t{padding:15px 0 10px;color: #1f2833;font-weight: bold;}
.guar-one p{color: #4b5866;line-height: 20px;}
/*-------------*/

.ques-content{background: #fafafc;padding-bottom: 50px;}
.ques-content .ques-one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px 0;}
.ques-content .ques-one .t{font-size: 18px;cursor: pointer;margin-bottom: 10px;color: #000; position:relative;}
.ques-content .ques-one .t::after{content:''; position:absolute; right:0; width:19px; height:19px; background:linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px, linear-gradient(currentColor, currentColor) no-repeat center / 3px 100%;color: #35abef;}
.ques-content .ques-one .ques-ans{color: #737480;display: none;}
.ques-content .ques-one.focus .t::after{background: linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px;}
.ques-content .ques-one.focus .ques-ans{display: block;}
/*----------*/


@media (max-width: 1200px){

}

@media (max-width: 992px) {
	.details{width: 96%;}
	/*-------------*/

	.banner-content .logo{display:block;}
	.banner-content .banner-text{padding-top:60px;}
	/*-------------*/
	/*-------------*/

	.bundle-content h2{padding-top:50px;}
	.bundle-wrap > div{flex-direction:column;width: fit-content;width: -moz-fit-content;width: -webkit-fit-content;margin: 50px auto 0;  padding: 30px;}
	.bundle-con .bundle-con-x{justify-content:center;}
	.bundle-con-x ul, .bundle-con .bundle-buy-x{width:auto;}
	/*-------------*/
}

@media (max-width: 768px) {
	.upgrade-center h2{font-size: 31px;}
	.upgrade-center .center-box{display: block;}
	.upgrade-center .center-left{width: 100%;box-sizing: border-box;}
	.upgrade-center .center-right{width: 100%;box-sizing: border-box;}
	.upgrade-center .btn p{font-size: 15px;}
	/*-------------*/

	.seller-content .pro-content > div{flex-wrap:wrap;}
	.pro-content .pro-one{width:48%;}
	.pro-content .pro-one:last-child{margin:20px auto 0; width:100%;}
	.pro-content .pro-one .txt-label var{padding-left:20px;}
	.pro-content .pro-one .pro-buy-btn{width:fit-content; width:-moz-fit-content; display:block; margin:0 auto;}
	/*-------------*/
	/*-------------*/

	.bundle-wrap > div > div img{max-width:100%; height:auto;}
	.bundle-wrap .bundle-con{padding:0;}
	/*-------------*/
	.guar-content .details{flex-wrap: wrap;}
	.guar-content .guar-one{ width:47%;margin: 10px 0;}
	/*-------------*/
}

@media  (max-width: 576px) {
  /*-------------*/
	
	.pro-content .pro-one-x{background-color:#D4EDD8; padding-bottom:30px;}
	.seller-content .pro-content{padding-bottom:50px;}
	.seller-content h2{font-size:27px; padding:20px 0;}
	.pro-content .pro-one{width:100%;}
	.pro-content .pro-one:nth-child(2){margin:50px 0;}
	.pro-content .pro-one:last-child{margin-top:0;}
	.pro-content .pro-one:before{display:none;}
	.pro-content .pro-one .txt-label{padding-bottom:10px;}
	/*-------------*/

	.bundle-con h4{padding-bottom:3%;}
	.bundle-content h2{font-size:27px; padding:40px 0 25px;}
	.bundle-content .for-win-mac span:first-child{margin-right:20px;}
	.bundle-con .bundle-con-x{flex-direction:column;}
	.bundle-con-x ul{padding-bottom:20px;}
	.bundle-price b{padding:0;}
	/*-------------*/
	
	.guar-content .guar-one{width:auto; margin: 15px 0;}
	/*-------------*/
	
	.ques-content .ques-one .t{font-size: 17px;padding-right: 20px;}
	/*-------------*/
}