/*reset*/
ul:after{content: "";clear: both;display: table;}

@font-face{
font-family: 'Poppins Bold';
src: url('/fonts/Poppins-Bold/Poppins-Bold.ttf'),
	url('/fonts/Poppins-Bold/Poppins-Bold.eot'); /* IE9+ */
}
@font-face{
font-family: 'Poppins SemiBold';
src: url('/fonts/Poppins-SemiBold/Poppins-SemiBold.ttf'),
	url('/fonts/Poppins-SemiBold/Poppins-SemiBold.eot'); /* IE9+ */
}

/*banner*/
.banner-np{background-color: #3689A7;padding: 50px 0 0;}
.banner-np ul>li{float: left;color: #fff;}
.banner-icon{width: 180px;text-align: center;margin-right: 40px;}
.banner-icon>img{margin-top: 10px;width: 120px;}
.banner-text>.p1{font-size: 26px;line-height: 36px;}
.banner-text>.p2{font-size: 40px;line-height: 1.4;margin-top: 3px;}
.banner-text>.p2>a{color: #ffffff;text-decoration: none;}
.banner-text>.p3{font-size: 16px;line-height: 36px;margin-top: 10px;padding: 0;}

/*banner-btn*/
.banner-btn{margin-top: 27px;}
.banner-btn>a{display: inline-block;border-top-left-radius: 3px;border-top-right-radius: 3px;height: 52px;background-color: #19B4DE;width: 210px;vertical-align: bottom;font-size: 22px;color: #fff;line-height: 48px;text-indent: 84px;}
.banner-btn>a:nth-child(1){margin-right: 18px;}
.banner-btn>a.active{height: 54px;background-color: #fff;color: #000;}
.banner-btn>a.win{margin-right: 18px;text-indent: 58px;background-image: url('/images/purchase/win_off.png');background-repeat: no-repeat;background-position: 22px 14px;}
.banner-btn>a.mac{text-indent: 84px;background-image: url('/images/purchase/mac_off.png');background-repeat: no-repeat;background-position: 42px 10px;}
.banner-btn>a.win.active{background-image: url('/images/purchase/win_on.png');}
.banner-btn>a.mac.active{background-image: url('/images/purchase/mac_on.png');}

/*purchase*/
.pro-icon{float: left;margin-right: 30px;}
.pro-icon2{margin-left: 45px;}
.pro-text{float: left;}
.pro-text>.p1{font-size: 18px;color: #000;margin-top: 5px;margin-bottom: 8px;}
.pro-text>.p2{font-size: 13px;color: #1485c6;line-height: 20px;}
.pro-text>.p2>span{font-weight: 500;}
.pro-text>.p3{font-size: 13px;color: #545454;padding: 0;line-height: 20px;}

.term-btn{float: left;margin-top: 20px;margin-right: 11px;font-size: 18px;text-align: center;line-height: 28px;color: #4e4e4e;background-color: #fff;border: 1px solid #C2C2C2;cursor: pointer;}
.term-btn.on{color: #fff;background-color: #58D20F;border: none;}
.term-btn1{width: 107px;height: 30px;}
.term-btn2{width: 125px;height: 30px;}
.price-show{float: left;margin-top: 20px;font-size: 24px;width: 180px;height: 30px;color: #ef3030;line-height: 28px;text-align: center;}
.price-show.free{color: #585858;}
.price-show>del{color: #585858;font-size: 18px;}

.check{border: 1px solid #19B4DE;padding: 20px 15px;}
.check-title{font-size: 20px;color: #010000;margin-bottom: 25px;padding-left: 15px;font-weight: 300;}
.pro-name{float: left;font-size: 18px;color: #010000;margin-right: 23px;}
.price-check{float: left;font-size: 24px;color: #ef3030;}
.price-check>del{color: #585858;font-size: 18px;}
.check-out>a{display: block;width: 172px;height: 39px;background-image: url('/images/purchase/check-out.png');background-repeat: no-repeat;font-size: 18px;color: #fff;text-align: center;line-height: 36px;margin-top: -10px;margin-left: 30px;}

.purchase>.container.mt20 img{margin-bottom: 10px;max-width: 100%;}

/*single-purchase*/
.single{width: 1200px;margin-left: auto;margin-right: auto;margin-top: 40px;text-align: center;}
.single-pro-box{display: inline-block;width: 570px;border: 1px solid #19B4DE;padding: 30px 20px 20px;}
.single-pro-box1{margin-right: 20px;}
.single-pro-box>p.title{font-size: 24px;line-height: 36px;color: #010000;margin-bottom: 13px;}
.single-pro-box>p.text{font-size: 14px;line-height: 36px;color: #4a4a4a;margin-bottom: 22px;}
.single-pro-box>p.price{font-size: 30px;color: #ef3030;margin-bottom: 25px;}
.single-pro-box>p.price>span.oldPrice{color: #a9a9a9;text-decoration: line-through;}
.single-check>a{display: inline-block;width: 172px;height: 39px;background-image: url('/images/purchase/check-out.png');background-repeat: no-repeat;font-size: 18px;color: #fff;text-align: center;line-height: 36px;}

/*combination*/
.comb-title{font-size: 18px;color: #000;font-weight: 500;}
.comb-pro-name{font-size: 18px;color: #010000;position: absolute;left: 28px;top: 18px;}
.comb-pro-name.not-select{color: #c5bfbf;}
.pro{border: 1px solid #DDDDDD;width: 282px;height: 340px;float: left;position: relative;}
.pro1{margin-right: 14px;}
.pro2{margin-right: 14px;}
.pro3{margin-right: 12px;}
.sum{width: 282px;height: 340px;background-color: #E6E6E6;float: left;position: relative;padding-left: 43px;}
.pro-box{margin-top: 77px;margin-bottom: 38px;text-align: center;}
.comb-price{font-size: 24px;color: #ef3030;text-align: center;}
.plus{position: absolute;left: -32px;top: 50%;margin-top: -24px;}
.equal{position: absolute;left: -30px;top: 50%;margin-top: -24px;}
.radic{display: inline-block;width: 16px;height: 16px;margin-right: 13px;background-image: url('/images/purchase/radic.png');background-repeat: no-repeat;background-position: 0 -16px;vertical-align: -1px;cursor: pointer;}
.radic.on{background-position: 0 0;}
.sum>.p1{font-size: 18px;color: #000;line-height: 30px;margin-top: 82px;margin-bottom: 20px;}
.sum>.p2{font-size: 24px;color: #ef3030;margin-bottom: 22px;}
.add-to-cart>a{display: block;width: 202px;height: 39px;background-image: url('/images/purchase/add-to-cart.png');background-repeat: no-repeat;text-indent: 72px;font-size: 18px;color: #fff;line-height: 38px;}

/*license benefits*/
.lb{margin-top: 45px;}
.lb>.p1{font-size: 18px;font-weight: 500;color: #000;margin-bottom: 10px;}
.lb>.p2{font-size: 13px;color: #F12437;}
.lb>.p3{font-size: 13px;color: #545454;padding: 0;max-width: 930px;}

/*note*/
.note{margin-top: 42px;}
.note>.p1{font-size: 16px;color: #f03e3e;margin-bottom: 5px;}
.note>.p2{font-size: 13px;color: #545454;max-width: 930px;}

/*purchase-2211*/
em{font-size:.4em;}
#purchase-2211 h3{font-size:30px;color:#303030;text-align:center;margin-bottom:30px;}
#purchase-2211 h3+p{font-size:16px;color:#3085ee;text-align:center;}
#purchase-2211 h3+p>a{color:#3085ee;}
.purchase-2211-listbox{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-end;margin-top:45px;text-align:center;}
.purchase-2211-listbox .box{width:360px;max-width:100%;border-radius: 12px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.17);padding:40px 20px 45px;margin-bottom:40px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;}
.purchase-2211-listbox .box_top{display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:50px;}
.purchase-2211-listbox .box h4{font-size:22px;color:#303030;line-height:24px;min-height: 72px;margin:0 -15px;}
.purchase-2211-listbox .box .price{font-size:48px;color:#fe3a26;font-weight:bold;line-height:40px;}

.purchase-2211-listbox .box .price>span{font-size:22px;color:#444444;font-weight:normal;text-decoration:line-through;}
.purchase-2211-listbox .box .button{width:290px;max-width:100%;min-height:48px;border-radius:8px;margin:30px auto 0;display:flex;align-items:center;justify-content:center;}
.purchase-2211-listbox .box .button>a{
	border-radius:8px;padding:5px 15px;font-size:20px;font-weight:bold;line-height:24px;color:#ffffff;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;user-select: none;transition: all .4s ease-in-out;
	background-image: -moz-linear-gradient( 62deg, rgb(63,124,222) 0%, rgba(108,155,238,0.99608) 100%);
	background-image: -webkit-linear-gradient( 62deg, rgb(63,124,222) 0%, rgba(108,155,238,0.99608) 100%);
	background-image: -ms-linear-gradient( 62deg, rgb(63,124,222) 0%, rgba(108,155,238,0.99608) 100%);
	background-size: 300% 100%;
}
.purchase-2211-listbox .box .button>a:hover{background-position: 100% 0;}
.purchase-2211-listbox .box .button>a:hover, .purchase-2211-listbox .box .button>a:active, .purchase-2211-listbox .box .button>a:focus{text-decoration: none;}
.purchase-2211-listbox .box .button>a:focus, .purchase-2211-listbox .box .button>a:active{box-shadow: 0 0 0 0.3rem rgb(0 123 255 / 25%);}

.purchase-2211-listbox .box_bottom{text-align:center;}
.purchase-2211-listbox .box_bottom ul{display:inline-block;}
.purchase-2211-listbox .box_bottom li{font-size:15px;line-height:23px;color:#808080;padding-left:42px;position:relative;text-align:left;margin-bottom:15px;}
.purchase-2211-listbox .box_bottom li:before{content:'';width:23px;height:23px;background-image:url(/images/purchase/single-purchase-icon.png);background-repeat:no-repeat;background-position:-88px -70px;position:absolute;left:0;top:0;}
.purchase-2211-listbox .box_bottom li>div{display:inline-block;position:relative;border-bottom:1px dashed #808080;}
.purchase-2211-listbox .box_bottom li>div>span{display:none;position:absolute;z-index:10;top:100%;left:0;width:510px;border-radius:12px;background-color:rgb(232, 243, 251);padding:15px 30px;font-size:14px;line-height:23px;color:#333333;}
.purchase-2211-listbox .box_bottom li>div:hover>span{display:block;}

.purchase-2211-listbox .box.box_lt{
	background-image: -moz-linear-gradient( 70deg, rgb(69,102,218) 0%, rgb(85,175,239) 100%);
	background-image: -webkit-linear-gradient( 70deg, rgb(69,102,218) 0%, rgb(85,175,239) 100%);
	background-image: -ms-linear-gradient( 70deg, rgb(69,102,218) 0%, rgb(85,175,239) 100%);
	box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.17);padding: 65px 20px 100px;
}
.purchase-2211-listbox .box.box_lt h4{color:#ffffff;/*min-height:60px;*/}
.purchase-2211-listbox .box.box_lt .price{color:#fef626;}
.purchase-2211-listbox .box.box_lt .price+p{color:#ffffff;}
.purchase-2211-listbox .box.box_lt .price>span{color:#ffffff;}
.purchase-2211-listbox .box.box_lt .button>a{
	background-image: -moz-linear-gradient( 36deg, rgba(245,157,19,0.99608) 0%, rgb(248,136,37) 100%, rgb(248,136,37) 100%);
	background-image: -webkit-linear-gradient( 36deg, rgba(245,157,19,0.99608) 0%, rgb(248,136,37) 100%, rgb(248,136,37) 100%);
	background-image: -ms-linear-gradient( 36deg, rgba(245,157,19,0.99608) 0%, rgb(248,136,37) 100%, rgb(248,136,37) 100%);
}
.purchase-2211-listbox .box.box_lt .button>a:focus, .purchase-2211-listbox .box.box_lt .button>a:active{box-shadow: 0 0 0 0.3rem rgb(255 255 255 / 60%);}
.purchase-2211-listbox .box_lt .box_bottom li{color:#ffffff;}
.purchase-2211-listbox .box_lt .box_bottom li>div{border-color:#ffffff;}
.purchase-2211-listbox .box_lt .box_bottom li>div>span{left:-250px;}
.purchase-2211-listbox .box.box_lt .icon{
	position:absolute;width:266px;height:40px;top:-9px;left:50%;margin-left:-133px;padding-top:4px;font-size:18px;color:#d4101e;display:flex;align-items:center;justify-content:center;text-transform:uppercase;
	font-family:'Poppins Bold';letter-spacing:.03em;font-weight:bold;
	background-image:url(/images/purchase/single-purchase-icon.png);background-repeat:no-repeat;background-position:-10px -10px;
}

.purchase-2211-listbox .box.box_rec .box_bottom li>div>span{left:auto;right:-100px;}
.purchase-2211-listbox .box.box_rec .icon{
	position:absolute;top:-13px;right:0;height:37px;padding-left:6px;
}
.purchase-2211-listbox .box.box_rec .icon:before{
	content:'';width:6px;height:37px;position:absolute;left:0;
	background-image:url(/images/purchase/single-purchase-icon.png);background-repeat:no-repeat;background-position:-141px -134px;
}
.purchase-2211-listbox .box.box_rec .icon>p{color:#ffffff;background-color:#F94D3B;font-size:18px;font-weight:bold;line-height:37px;padding:0 10px;}

#pack{margin-top:35px;}
#pack .row{display:flex;justify-content:space-between;align-items:center;border-radius:12px;border:1px solid rgb(220, 228, 233);padding:35px 0;}
#pack .pack-box{flex-basis:360px;text-align:center;}
#pack .text-box{flex-basis:340px;}
#pack .text-box h3{line-height:28px;color:#444444;margin:0 0 20px;}
#pack .text-box p{font-size:16px;line-height:19px;color:#808080;}
#pack .check-box{flex-basis:430px;text-align:center;}
#pack .check-box ul{display:inline-block;min-width:300px;}
#pack .check-box li{display:flex;align-items:flex-end;justify-content:space-between;font-size:16px;font-weight:500;color:#444444;line-height: 1.4;margin-bottom:8px;}
#pack .check-box li.standard-price>span{color:#777777;text-decoration:line-through;}
#pack .check-box li.bundle-price>span{color:#777777;}
#pack .check-box li.final-price>span{color:#fe3a26;font-size:36px;font-weight:bold;margin-bottom:-5px;}
#pack .check-box .button{height:51px;text-align:center;margin-top:20px;}
#pack .check-box .button>a{
	font-size:18px;font-weight:bold;color:#ffffff;line-height:51px;text-align:center;display:inline-block;width:260px;max-width:260px;height:100%;border-radius:8px;user-select: none;transition: all .4s ease-in-out;background-size: 300% 100%;
	background-image: -moz-linear-gradient( 36deg, rgba(245,157,19,0.99608) 0%, rgb(248,136,37) 100%, rgb(248,136,37) 100%);
	background-image: -webkit-linear-gradient( 36deg, rgba(245,157,19,0.99608) 0%, rgb(248,136,37) 100%, rgb(248,136,37) 100%);
	background-image: -ms-linear-gradient( 36deg, rgba(245,157,19,0.99608) 0%, rgb(248,136,37) 100%, rgb(248,136,37) 100%);
}
#pack .check-box .button>a:hover{background-position: 100% 0;}
#pack .check-box .button>a:hover, #pack .check-box .button>a:active, #pack .check-box .button>a:focus{text-decoration: none;}
#pack .check-box .button>a:focus, #pack .check-box .button>a:active{box-shadow: 0 0 0 0.3rem rgb(0 123 255 / 25%);}

#credit{margin-top:40px;}
#credit>p{display:flex;align-items:center;justify-content:space-between;}
#credit>p>span:first-child{font-size:16px;font-weight:500;color:#444444;}

#safe{margin-top:50px;}
#safe ul{display:flex;justify-content:space-around;flex-wrap:wrap;}
#safe li{font-size: 16px;color:#444444;line-height:24px;font-weight:500;display:flex;flex-basis:220px;flex-shrink:0;}
#safe li>span{width:58px;height:48px;flex-shrink:0;margin-right:15px;display:flex;align-items:center;justify-content:center;}
#safe li>span:before{content:'';background-image:url(/images/purchase/single-purchase-icon-241014.png);background-repeat:no-repeat;}
#safe li.l1>span:before{width:42px;height:48px;background-position:-10px -200px;}
#safe li.l2>span:before{width:45px;height:45px;background-position:-286px 0;}
#safe li.l3>span:before{width:58px;height:44px;background-position:-10px -70px;}
#safe li.l4>span:before{width:46px;height:46px;background-position:-10px -134px;}

#note{border:1px solid rgb(220, 228, 233);margin-top:25px;padding:0 35px 35px;}
#note h3{margin-top:0;font-size:18px;color:#444444;margin:35px 0 20px;}
#note h3.red{color:#fe3a26;margin-bottom:10px;}
#note ul>li{font-size:14px;line-height:27px;padding-left:25px;position:relative;color:#808080;}
#note ul>li:before{
	content:'';width:5px;height:5px;position:absolute;left:0;top:11px;border-radius: 50%;
	background-image: -moz-linear-gradient( 90deg, rgba(37,166,232,0.99608) 0%, rgb(63,124,222) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(37,166,232,0.99608) 0%, rgb(63,124,222) 100%);
	background-image: -ms-linear-gradient( 90deg, rgba(37,166,232,0.99608) 0%, rgb(63,124,222) 100%);
}
#note ul>li:first-child{color:#fe3a26;}
#note ul>li:first-child:before{display:none;}
#note ol{list-style-position:inside;}
#note ol>li{font-size:14px;line-height:27px;}

#footer{margin-top: 100px;}

@media screen and (max-width: 450px){
	.purchase-2211-listbox .box{padding: 30px 15px;}
	.purchase-2211-listbox .box.box_lt{padding: 50px 15px;}
}
@media screen and (max-width: 991px){
	.purchase-2211-listbox .box_bottom li>div{position:static!important;}
	.purchase-2211-listbox .box_bottom li>div>span{width:100%!important;left:0!important;right:auto!important;}

	#pack .row{flex-direction:column;padding: 30px;}
	#pack .pack-box, #pack .text-box, #pack .check-box{flex-basis:auto;margin:30px 0;}

	#credit>p{flex-direction:column;align-items:flex-start;}
	#credit>p>span{margin-bottom:20px;}
	#credit img{margin: 5px;max-width:100%;}

	#safe ul{flex-direction:column;align-items:flex-start;}
	#safe li{flex-basis:auto;margin-bottom:30px;}
}

/*响应式*/
@media screen and (max-width: 450px){
	.banner-btn>a{width: 120px;font-size: 14px;height: 45px;line-height: 45px;}
	.banner-btn>a.active{height: 45px;}
	.banner-btn>a.win{background-position: 10px 10px;text-indent: 38px;}
	.banner-btn>a.mac{background-position: 20px 8px;text-indent: 50px;}
	.banner-icon{margin-right: 0;margin-bottom: 20px;}
	.banner-text>.p1{font-size: 22px;}
	.banner-text>.p2{font-size: 30px;}

	.check-out>a{margin: 30px auto 0;}
	.price-show{width: 107px;}
	.row{margin: 0;}
	.mt20{margin-top: 20px;}
	.pro{float: none;margin: 0 0 14px;width: auto;max-width: 282px;}
	.sum{float: none;margin: 0;padding-top: 82px;padding-left: 25px;width: auto;max-width: 282px;}
	.plus{left: 50%;top: -9px;margin-left: -24px;}
	.equal{left: 50%;top: -9px;margin-left: -24px;}
	.sum>.p1{margin-top: 0;}

	.single{width: auto;}
	.single-pro-box{display: block;width: 95%;padding: 30px 0 20px;}
	.single-pro-box1{margin: 0 auto 20px;}
	.single-pro-box2{margin: 0 auto;}
}
@media screen and (min-width: 451px) and (max-width: 767px){
	.banner-btn>a{width: 160px;font-size: 18px;height: 45px;line-height: 45px;}
	.banner-btn>a.active{height: 45px;}
	.banner-btn>a.win{background-position: 16px 10px;text-indent: 50px;}
	.banner-btn>a.mac{background-position: 24px 8px;text-indent: 60px;}
	.banner-icon{margin-right: 0;margin-bottom: 20px;}
	.banner-text>.p1{font-size: 22px;}
	.banner-text>.p2{font-size: 30px;}

	.check-out>a{margin: 30px auto 0;}
	.price-show{width: 107px;}
	.row{margin: 0;}
	.mt20{margin-top: 20px;}
	.pro{float: none;margin: 0 0 14px;}
	.sum{float: none;margin: 0;padding-top: 82px;}
	.plus{left: 50%;top: -9px;margin-left: -24px;}
	.equal{left: 50%;top: -9px;margin-left: -24px;}
	.sum>.p1{margin-top: 0;}

	.single{width: auto;}
	.single-pro-box{display: block;width: 95%;padding: 30px 0 20px;}
	.single-pro-box1{margin: 0 auto 20px;}
	.single-pro-box2{margin: 0 auto;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.banner-icon{margin-right: 0;margin-bottom: 20px;}

	.check-out>a{margin: 30px auto 0;}
	.pro{float: none;margin: 0 0 14px;}
	.sum{float: none;margin: 0;padding-top: 82px;}
	.plus{left: 50%;top: -9px;margin-left: -24px;}
	.equal{left: 50%;top: -9px;margin-left: -24px;}
	.sum>.p1{margin-top: 0;}

	.single{width: auto;}
	.single-pro-box{display: block;width: 750px;padding: 30px 0 20px;}
	.single-pro-box1{margin: 0 auto 20px;}
	.single-pro-box2{margin: 0 auto;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.pro{width: 232px;height: 320px;}
	.comb-pro-name{left: 15px;}
	.pro-box{margin-bottom: 28px;}
	.sum{width: 232px;height: 320px;padding-left: 24px;}

	.single{width: auto;}
	.single-pro-box{display: block;width: 970px;padding: 30px 0 20px;}
	.single-pro-box1{margin: 0 auto 20px;}
	.single-pro-box2{margin: 0 auto;}
}
@media screen and (min-width: 1200px) and (max-width: 1440px){
	
}
@media screen and (min-width: 1441px){
	
}