/*buy*/
.buy-list{margin-top:60px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align: top;-webkit-align-items: top;-ms-flex-align: top;align-items: top; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.buy-list li{position:relative;padding:30px 0 40px 0;background: #fff; width: 45%; margin: 0 2% 40px 2%; text-align: center; border-top:solid 17px #4f6ceb;border-radius: 5px; -webkit-box-shadow:0 0px 10px rgba(80,80,80,0.2), 0 -1px 0px #fff; box-shadow:0 0px 10px rgba(80,80,80,0.2), 0 -1px 0px #fff; cursor: pointer;}
.buy-list li h6{margin-bottom:5px;font-size: 26px; font-weight: bold;}
.buy-list li img{max-width: 100%;}
.buy-list li span{font-size: 22px;}
.buy-list li p{margin: 25px auto ;padding: 0 10px; font-size: 18px;}
.buy-list li .showPrice{min-height: 50px; position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.buy-list li .price{display:block; margin-bottom:30px;line-height:50px;font-size: 40px; color: #ff171f;}
.buy-list li i{position: absolute; width:33px; height: 33px; left: 50%; bottom: 30px; margin-left: -17px; background: url("../../public/picture/product/pdf-compressor/icon-spirit.png") no-repeat;background-position: -346px -314px ;}
.buy-list li select{margin-bottom:25px;width: 200px; max-width: 100%; height: 40px; line-height: 40px; font-size: 16px; border:solid 1px #ccc;border-radius: 5px;}
.buy-list .index i{background-position: 0 -310px;}
.buy-list li .tips{position:absolute;display: none; line-height: 25px; color: #ff171f;}
.add-btn{background: #ff4343; color: #fff; margin: 0 5px;}
.down-btn{border: solid 2px #4f6ceb; color: #4f6ceb;margin: 0 5px;}
.best{position: relative;}
.best div{position: absolute;top:-19px; right: -3%; margin-top: -3%; margin-right: -2px; width:30%;height: auto ;padding-bottom:29%; background:  url("../../public/picture/product/pdf-compressor/1.png") no-repeat; background-size: 100% auto;}


@media all and (max-width: 959px) {
	.step-control2{display: none;}
	.buy-list li h6{font-size: 20px;}
	.buy-list li span{font-size: 16px;}
	.buy-list li p{font-size: 14px;}
	.buy-list li .price{font-size: 40px;}
	
}
@media (max-width: 767px) and (min-width:481px) {
	.best div{top:-18px;margin-right: -1px;}
}

@media all and (max-width: 480px) {
	.buy-list li{width: 98%; max-width: 100%; margin-bottom: 30px; }
	.btn{margin-top: 5px;}
}

/*step*/
.step{margin-top:60px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.step-right{width: 60%;}
.step-left{width: 40%;}
.step-right-ex{width: 50%;}
.step-left-ex{width: 50%;}

.step-control1 li h5{font-size: 30px;font-weight: 400;}
.step-control1 li h5 span{font-size: 20px; display: inline-block;}
.step-control1 li{margin-bottom:20px;font-size: 20px;color: #333;opacity: 0.4;cursor: pointer;}
.step-control2{margin-top: 40px;}
.step-control2 span{width: 30px; height: 30px;vertical-align: middle; display: inline-block;background: url("../../public/picture/product/pdf-compressor/icon-spirit.png") no-repeat;cursor: pointer;}
.step-control2 span:first-child{background-position:-4px -390px ; margin-bottom: 15px;}
.step-control2 span:last-child{background-position:-146px -392px ; margin-top: 15px;}
.step-control2 i{display:block; margin:10px 8px;width:8px; height: 8px;background: #787878 ; border-radius: 50%;opacity: 0.5;}
.step-control3 i{display:inline-block; vertical-align: middle; margin: 0 8px;}
.step-control1 .index,.step-control2 .index{opacity: 1;}
.step-right{position: relative;}
.step-right img{display: none;}
.step-right img.index{display: block;}
.step-right img{max-width: 100%;}
.step-right-ex{position: relative;}
.step-right-ex img{display: none;}
.step-right-ex img.index{display: block;}
.step-right-ex img{max-width: 100%;}
@media all and (max-width: 959px) {
	.step-control2{display: none;}
}

@media all and (max-width: 680px) {
	.step-right, .step-left{max-width: 100%; width: 100%; padding: 0;}
	.step-right-ex, .step-left-ex{max-width: 100%; width: 100%; padding: 0;}
	.step-control1 li h5{font-size: 24px;}
}

.other dl{padding: 0 4%; text-align: center; width: 33.3%;}
.other dl dt{margin-bottom:10px;line-height:26px;font-size: 20px; color: #4d68ef}
/*.other dl dt i{display: block; width: 102px; height: 102px;margin:0 auto 10px auto;background: url("../../public/picture/product/pdf-compressor/icon-spirit.png") no-repeat;}*/
.other dl dd{font-size: 16px; color: #666; margin-bottom: 20px}
/*.other dl:nth-child(1) dt i{background-position:-642px 0 ;}
.other dl:nth-child(2) dt i{background-position:-321px 0 ;}
.other dl:nth-child(3) dt i{background-position: 0 0 ;}*/




.other,.promise{margin-top:60px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: top;-webkit-align-items: top;-ms-flex-align: top;align-items: top; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.promise li{padding: 0 4%;width: 33.3%; text-align: center;font-size: 20px;line-height: 30px;}
.promise li i{display: block; width: 110px; height: 110px;margin:0 auto;background: url("../../public/picture/product/pdf-compressor/icon-spirit.png") no-repeat;}
.promise li:nth-child(1) i{background-position:0 -172px ;}
.promise li:nth-child(2) i{background-position:-287px -172px ;}
.promise li:nth-child(3) i{background-position:-633px -172px ;}

.do{padding-bottom:80px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.do .flex-order1{margin-left: 3%;}
.do-link{margin-top: 30px;}

.do-link {
  list-style: none;
}

.do-link li {
  position: relative;
  padding-left: 20px;
	line-height: 35px;
}

.do-link li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #4d68ef;
  border-radius: 50%;
  transform: translateY(-50%);
}


.do-link li a {color: #000; font-size: 18px;}
@media all and (max-width: 959px) {
	.other dl,.promise li{padding:0 1% 20px 1%;}
}
@media all and (max-width: 480px) {
	.other dl, .promise li{width: 100%; max-width: 100%; margin-bottom: 30px;  }
}
/*scroll*/
#new_scroll{position: relative;}
#new_scroll_ceil,#appside{position: relative; text-align: center;}
#new_scroll_ceil span{display: block;line-height: 30px;padding-top: 10px;}
#new_scroll li{float: left;}
#new_scroll_box{width: 100%;overflow: hidden;}
#new_scroll .btn span:hover{cursor: pointer;}
.device{position: relative; width: 100%;}
.slide_btn{ position:absolute;top:50%;margin-top:-13px;width:100%;left:0;z-index:102;}
.slide_btn a{top:50%;margin-top:-40px;width:26px;height:26px;position:absolute;cursor:pointer;border-left:solid 3px #7b7f8b;border-top:solid 3px #7b7f8b;}
.slide_btn a.prev{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.slide_btn a.prev:hover{background-position:0 -72px;}
.slide_btn a.next{right:0;transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.slide_btn a.next:hover{background-position:0 -180px;}
.btn{text-align: center; margin-top: 40px;}
.btn span{display: inline-block; width: 13px; height: 13px;border-radius: 50%; background: #7b7f8b; margin: 0 4px;}
.btn .on{background: #5058fd;}
#new_scroll .title{margin-bottom:20px; color: #333; font-weight: 600; text-align:center; font-size: 32px;}
@media all and (max-width:767px){
	#new_scroll .title{font-size: 25px;}
}

/*scroll2*/
#appside, #new_scroll, #new_scroll_ceil, .device{position: relative; text-align: center;}
.product_slide{width:100%;position:relative;min-height:155px;}
.switch{padding:0 30px;position:absolute;top:0;left:0;right:0;background:#fff;min-height:155px;display:none;}
.product_slide .switch:first-child{display:block;}
.switch .product_img{width:175px;height:auto;text-align:center;
padding: 9px;border-radius: 2px;border:1px solid #eee;box-shadow:#cdcdcd 0 1px 0 0;float:left;}
.switch .product_img img{height:85px;}
.switch .text_case{display:table-cell;vertical-align:middle;padding:0 10px 0 30px;}
.switch .text_case h3{font-size:20px;}
.switch .text_case p{line-height:24px;color:#333;}
.switch .text_case .text_case_name,.switch .text_case .text_case_name span{height:20px;line-height:20px;margin:7px 0;color:#365178;}
.switch .text_case .text_case_name span{color:#666;}
.view_all{position: relative;height:40px;line-height:40px;text-align:right;padding-right:0.5em;z-index: 105;}
@media (max-width: 799px){
.product_slide {min-height: 270px;}
}
@media (max-width: 767px){
.switch .text_case h3{font-size:16px;}
.switch .product_img {
    margin: 0 auto;
    display: block;
    float: none;
}

}
@media (max-width: 480px){
.product_slide {min-height: 320px;}
.switch .text_case {padding: 0;}
}
@media (max-width: 479px){
.product_slide {min-height: 300px;}
}

@media (max-width: 420px){
.product_slide {min-height: 385px;}
}

.cont_title{color: #222;font-size: 40px;font-weight: 500;margin: 67px auto 15px auto;text-align: center}
.cont_subtitle{font-size: 21px;text-align: center;margin:0 auto 65px auto;width:80%}
@media all and (max-width:1439px){
	.cont_title{font-size: 35px;}
}
@media all and (max-width:1024px){
	.cont_title{font-size: 30px !important;}
}
@media all and (max-width: 768px){
	.cont_title{font-size: 28px !important;}
	.cont_subtitle{width: 90%;}
}
@media all and (max-width: 640px){
	.cont_title{font-size: 24px !important;}
	.cont_subtitle{font-size: 18px;width: 100%;}
}