/*reset*/
p{color: #ffffff;}
img{max-width: 100%;}

/*top*/
.logo{margin: 8px 0 8px 16px;width: 132px;height: 32px;}

/*part1*/
.part1{background-color: #55A3F3;padding: 50px 0 55px;}
.part1 .title{font-size: 43px;line-height: 48px;font-weight: bold;margin: 5px 0 25px;}
.part1 .title>span{font-size: 50px;color: #fffd35;}
.part1 .subtitle{font-size: 20px;line-height: 30px;}

.part1 .box{padding: 0 0 0 10px;margin-top: 35px;width: 522px;}
.part1 .innerbox{padding: 15px 28px 23px;background-color: #3884D2;border-radius: 10px;}
.part1 .price{margin: 0 0 15px;}
.part1 .date{font-size: 18px;font-weight: bold;}
.part1 .old-price{font-size: 18px;text-decoration: line-through;}
.part1 .now-price{font-size: 27px;color: #fffd35;font-weight: bold;}

.part1 .button>a{display: inline-block;width: 213px;height: 40px;border: 2px solid #ffffff;border-radius: 4px;}
.part1 .win-year{background-image: url('../images/win.png');background-repeat: no-repeat;background-position: 53px 9px;background-color: #37AA04;text-indent: 85px;font-size: 19px;line-height: 32px;font-weight: bold;text-align: left;color: #ffffff;margin-right: 15px;}
.part1 .mac-year{background-image: url('../images/mac.png');background-repeat: no-repeat;background-position: 55px 9px;background-color: #2D9201;text-indent: 83px;font-size: 19px;line-height: 32px;font-weight: bold;text-align: left;color: #ffffff;}
.part1 .win-lifetime{background-image: url('../images/win.png');background-repeat: no-repeat;background-position: 53px 9px;background-color: #FA8C17;text-indent: 85px;font-size: 19px;line-height: 32px;font-weight: bold;text-align: left;color: #ffffff;margin-right: 15px;}
.part1 .mac-lifetime{background-image: url('../images/mac.png');background-repeat: no-repeat;background-position: 55px 9px;background-color: #EB5105;text-indent: 83px;font-size: 19px;line-height: 32px;font-weight: bold;text-align: left;color: #ffffff;}

/*getcode*/
.part1 .gw{display: none;}
.part1 .innerbox.getcode{background: none;padding: 0 0 35px;}
.part1 .innerbox.getcode .button{padding: 15px 28px 15px;background-color: #3884D2;border-radius: 10px;}
.part1 .innerbox.getcode .hlw_f1{margin-left: 0;}
.part1 .win{background-image: url('../images/win.png');background-repeat: no-repeat;background-position: 30px 13px;background-color: #F65B53;text-indent: 65px;font-size: 19px;line-height: 32px;font-weight: bold;text-align: left;color: #ffffff;margin-right: 15px;cursor: pointer;}
.part1 .mac{background-image: url('../images/mac.png');background-repeat: no-repeat;background-position: 29px 11px;background-color: #F65B53;text-indent: 65px;font-size: 19px;line-height: 32px;font-weight: bold;text-align: left;color: #ffffff;cursor: pointer;}
.hlw_f1{background-image: url('../images/win_bg.png');}
.hlw_f2{background-image: url('../images/mac_bg.png');}

.getcode{z-index: 2;}
.getcode1{left: 250px;}
.getcode2{left: 633px;}
.top_btn>a{display: inline-block;}
.top_btn>a:hover{cursor: pointer;}
.mt10{margin-top: 12px;}
.mt40{margin-top: 40px;}
.mr15{margin-right: 15px;}
.mr40{margin-right: 40px;}
.h50{height: 50px;padding-top: 10px;}
.plr{padding: 0 20px;}
.dp_none{display: none;}
.part1 .innerbox.getcode .hlw_get{margin: 0;}
.loading{margin-top: -2px;margin-left: 60px;}
.hlw_f1{background-image: url('../images/win_bg.png');}
.hlw_f2{background-image: url('../images/mac_bg.png');}
.hlw_get{cursor: pointer;margin-top: 5px;}
form{padding: 17px 0 15px;margin-top: -11px;background-repeat: no-repeat;}
form>ul{height: 44px;margin-top: 9px;}
form li{list-style-type: none;}
form li.dp{list-style-type: none;}
form p{font-size: 13px;line-height: 18px;color: #000000;}
form input{font-size: 13px;border-radius: 3px;width: 90px;height: 18px;padding: 0 10px;line-height: 16px;color: #4b4b4b;outline: none;border: 1px solid #C7C7C7;}
form input.email{width: 125px;}

/*cover*/
.cover{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);z-index: 100;}
.cover>.innerbox{position: fixed;top: 285px;border-radius: 28px;border: 1px solid rgba(201, 216, 226, .7);background-color: rgba(0, 0, 0, .7);width: 70%;padding: 40px 70px;left: 50%;margin-left: -35%;z-index: 101;}
.cover .text{font-size: 20px;line-height: 36px;}
.cover .text>span{font-size: 36px;color: #fffd35;}
.cover .button{text-align: center;width: 100%;margin-top: 25px;}
.cover .button>a{display: inline-block;border-radius: 3px;border: 3px solid #ffffff;font-size: 18px;color: #ffffff;padding: 15px;line-height: 30px;width: 305px;}
.cover .button>a:nth-child(1){margin-right: 30px;background-color: #14BFE3;}
.cover .button>a:nth-child(2){background-color: #7D38D2;}

/*part2*/
.part2{background-color: #F2F3F4;padding: 43px 0 34px;}
.part2 .title{font-size: 32px;font-weight: 500;color: #222222;margin: 90px 0 38px;}
.part2 .text{font-size: 18px;line-height: 24px;color: #4c4b4b;padding-right: 20%}

/*part3*/
.part3 .mb87{margin-bottom: 87px;}
.part3{padding: 73px 0 60px;text-align: center;}
.part3 .title{font-size: 18px;color: #222222;margin: 25px 0 15px;}
.part3 .text{font-size: 13px;line-height: 20px;color: #4c4b4b;padding: 0 30px;}
.part3 .text.p50{padding: 0 50px;}
.part3 .line{width: 125px;height: 5px;background-color: #CCCCCC;margin: 25px auto 0;border-top: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;}

/*part4*/
.part4{padding: 45px 0 108px;background-color: #EBFAFC;}
.part4 .title{font-size: 36px;font-weight: 500;color: #4c4b4b;text-align: center;line-height: 140%;}
.part4 .title>span{font-size: 36px;font-weight: bold;color: #085087;}
.part4 .wave{margin: 37px 0 50px;text-align: center;}
.part4 .box{background-image: url('../images/p4_bg.jpg');background-repeat: no-repeat;background-position: center top;width: 1170px;height: 662px;margin: 0 auto;position: relative;}
.part4 .box>div{width: 470px;height: 200px;position: absolute;}
.part4 .box1{left: 30px;top: 45px;}
.part4 .box2{left: 680px;top: 45px;}
.part4 .box3{left: 30px;top: 440px;}
.part4 .box4{left: 680px;top: 440px;;}

.part4 .box1>img{float: left;margin: 15px 30px 0 0;}
.part4 .box2>img{float: right;margin: 0 20px 0 0;}
.part4 .box3>img{float: left;margin: 0 30px 0 0;}
.part4 .box4>img{float: right;margin: 0 20px 0 0;}

.part4 .title1{font-size: 24px;font-weight: 500;color: #4d4d4d;margin-bottom: 20px;}
.part4 .text{font-size: 14px;line-height: 18px;color: #4d4d4d;margin-bottom: 15px;}
.part4 .price{font-size: 30px;font-weight: 500;color: #eb5105;margin-bottom: 18px;}
.part4 .old-price{font-size: 18px;color: #4d4d4d;text-decoration: line-through;}
.part4 .button>a{display: inline-block;background-repeat: no-repeat;text-align: left;width: 137px;height: 33px;color: #ffffff;font-size: 18px;line-height: 30px;border-radius: 4px;}
.part4 .win{background-image: url('../images/win.png');background-position: 15px 10px;background-color: #FA8C17;text-indent: 42px;margin-right: 14px;}
.part4 .mac{background-image: url('../images/mac.png');background-position: 15px 7px;background-color: #EB5105;text-indent: 42px;}

/*footer*/
.footer{padding: 50px 0 68px;background-color: #3176AC;}
.footer .mlr40{margin-left: 40px;margin-right: 40px;}
.footer ul{text-align: center;margin-bottom: 60px;}
.footer li{display: inline-block;width: 215px;}
.footer li>p{font-size: 15px;padding-top: 10px;}
.footer li>.imgbox{height: 53px;display: table-cell;vertical-align: middle;width: 215px;}
#footer{font-size: 12px;font-family: 'Arial';line-height: 200%;color: #caeef3;text-align: center;}
#footer>a{color: #caeef3;text-decoration: none;}
#footer>a:hover{cursor: pointer;}

/*responsive*/
@media screen and (max-width: 450px){
	.part1 .title{font-size: 24px;line-height: 36px;}
	.part1 .title>span{font-size: 32px;}
	.part1 .imgbox{text-align: center;}
	.part1 img{margin: 0 0 30px;}
	.part1 .box{padding: 0;width: 100%;}
	.part1 .innerbox{padding: 15px;}
	.part1 .button>a{display: block;}
	.part1 .win-year{margin-right: 0;margin-bottom: 10px;}
	.part1 .win-lifetime{margin-right: 0;margin-bottom: 10px;}
	.part1 .date{font-size: 14px;}
	.part1 .old-price{font-size: 14px;}
	.part1 .now-price{font-size: 18px;}

	.cover>.innerbox{width: 90%;padding: 20px 35px;margin-left: -45%;z-index: 101;top: 130px;}
	.cover .button>a{display: block;width: 100%;}
	.cover .button>a:nth-child(1){margin-right: 0;margin-bottom: 20px;}

	.part2{text-align: center;}
	.part2 .title{margin: 30px 0 20px;line-height: 140%;}
	.part2 .text{padding-right: 0;margin-bottom: 40px;}

	.part3 .line{margin-bottom: 50px;}
	.part3 .mb87{margin-bottom: 0;}
	.part3 .text{padding: 0;}

	.part4{padding-bottom: 60px;}
	.part4 .box{background-image: none;width: auto;padding: 0 15px;height: auto;}
	.part4 .box>div{position: static;margin: 0 auto 30px;border: 2px solid #63BDE9;border-radius: 30px;padding: 45px 30px;width: auto;height: auto;min-height: 276px;}
	.part4 .box1>img{margin: 0 30px 0 0;}
	.part4 .box2>img{float: left;margin: 0 30px 0 0;}
	.part4 .box3>img{margin: 0 30px 0 0;}
	.part4 .box4>img{float: left;margin: 0 30px 0 0;}
	.part4 .win{margin-bottom: 8px;}

	.footer li{display: block;margin: 0 auto 30px;}
	.footer .mlr40{margin: 0 auto 30px;}
}
@media screen and (min-width: 451px) and (max-width: 767px){
	.part1 .box{width: 100%;}
	.part1 .imgbox{text-align: center;}
	.part1 img{margin: 0 0 30px;}
	.part1 .button>a{display: block;}
	.part1 .win-year{margin-right: 0;margin-bottom: 10px;}
	.part1 .win-lifetime{margin-right: 0;margin-bottom: 10px;}

	.cover>.innerbox{padding: 40px;}
	.cover .button>a{display: block;width: 100%;}
	.cover .button>a:nth-child(1){margin-right: 0;margin-bottom: 20px;}

	.part2{text-align: center;}
	.part2 .title{margin: 30px 0 20px;line-height: 140%;}
	.part2 .text{padding-right: 0;margin-bottom: 40px;}

	.part3 .line{margin-bottom: 50px;}
	.part3 .mb87{margin-bottom: 0;}
	.part3 .text{padding: 0;}

	.part4{padding-bottom: 60px;}
	.part4 .box{background-image: none;width: auto;padding: 0 15px;height: auto;}
	.part4 .box>div{position: static;margin: 0 auto 30px;border: 2px solid #63BDE9;border-radius: 30px;padding: 45px 30px;width: auto;height: auto;min-height: 276px;}
	.part4 .box1>img{margin: 0 30px 0 0;}
	.part4 .box2>img{float: left;margin: 0 30px 0 0;}
	.part4 .box3>img{margin: 0 30px 0 0;}
	.part4 .box4>img{float: left;margin: 0 30px 0 0;}
	.part4 .win{margin-bottom: 8px;}

	.footer li{display: block;margin: 0 auto 30px;}
	.footer .mlr40{margin: 0 auto 30px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.part1 .imgbox{text-align: center;}
	.part1 img{margin: 0 0 30px;}

	.cover .button>a{display: block;}
	.cover .button>a:nth-child(1){margin-right: 0;margin-bottom: 20px;}

	.part2{text-align: center;}
	.part2 .title{margin: 30px 0 20px;line-height: 140%;}
	.part2 .text{padding-right: 0;margin-bottom: 40px;}

	.part3 .line{margin-bottom: 50px;}
	.part3 .mb87{margin-bottom: 0;}
	.part3 .text{padding: 0;}

	.part4{padding-bottom: 60px;}
	.part4 .box{background-image: none;width: auto;padding: 0 15px;height: auto;}
	.part4 .box>div{position: static;margin: 0 auto 30px;border: 2px solid #63BDE9;border-radius: 30px;padding: 45px 30px;width: 600px;height: auto;min-height: 276px;}
	.part4 .box1>img{margin-top: 0;}

	.footer .mlr40{margin: 0 30px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.part1 .imgbox{text-align: center;}
	.part1 img{margin: 0 0 30px;}

	.cover .button>a{display: block;}
	.cover .button>a:nth-child(1){margin-right: 0;margin-bottom: 20px;}

	.part2{text-align: center;}
	.part2 .title{margin: 30px 0 20px;line-height: 140%;}
	.part2 .text{padding-right: 0;margin-bottom: 40px;}

	.part3 .text.p50{padding: 0 30px;}

	.part4{padding-bottom: 60px;}
	.part4 .box{background-image: none;width: auto;padding: 0 15px;height: auto;}
	.part4 .box>div{position: static;margin: 0 auto 30px;border: 2px solid #63BDE9;border-radius: 30px;padding: 45px 30px;width: 600px;height: auto;min-height: 276px;}
	.part4 .box1>img{margin-top: 0;}
}