.ptr { position: relative; }
.alc { text-align: center; }
html{ color:#333; font-size: 100px; margin: 0; padding: 0;}
.pw1000 { max-width: 1000px; width: 100%; margin: 0 auto; }
.pw1200 { max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; }
.pw1400 { max-width: 1400px; width: 100%; margin-left: auto; margin-right: auto; }
.pw1440 { max-width: 1440px; width: 100%; margin-left: auto; margin-right: auto; }
.pw1480 { max-width: 1480px; width: 100%; margin-left: auto; margin-right: auto; }
.pw1620 { max-width: 1625px; width: 100%; margin: 0 auto; }
body { overflow-x: hidden; }
.price_mo { display: none; }
.ft_orange{color: #FFAD4C;}
/* font */
.icon_down:after {content: "\e800"; font-family: 'iconfont';}
/* content1 */
.content1 {margin-bottom: 1rem;}
.banner { margin-bottom: 75px; width: 100%; text-align: center; }
.coupon_cont { position: absolute; bottom: -100%; right: 0; }
.coupon_cont.act_year>img { transform: scale(1); transition: transform .3s ease-in-out;}
.coupon_cont>img { transform: scale(0) translate3d(-5px,-5px,0); transition: transform .3s linear; }
.coupon_cont.act_year p { opacity: .999; transform: translate(0px); transition: opacity .15s linear 0ms,transform .4s ease-in-out;}
.coupon_cont p { opacity: .001; transform: translate3d(0,10px,0); transition: opacity .15s linear 0ms,transform .35s ease-in-out;}
.coupon_cont p img { vertical-align: bottom; }
.coupon_cont figure { display: inline-block; transform: rotate3d(0,1,0,-180deg); }

.coupon_cont .plan-price-toggler__savingsDecoration path { 
    stroke-dashoffset: var(--length);
	stroke-dasharray: var(--length);
	--path-delay: 250ms;
	--duration: 300ms;
	-webkit-animation-delay: var(--path-delay);
	animation-delay: var(--path-delay);
	-webkit-animation-duration: var(--duration);
	animation-duration: var(--duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: svgUntracePath;
	animation-name: svgUntracePath;
	-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); 
}
@keyframes svgUntracePath {
    0% {
        stroke-dashoffset: 0px;
    }

    100% {
        stroke-dasharray: var(--length);
        stroke-dashoffset: var(--length);
    }
}
.coupon_cont .plan-price-toggler__savingsDecoration path:nth-child(2) {
    --path-delay: 0ms;
    --duration: 300ms;
}
.coupon_cont.act_year .plan-price-toggler__savingsDecoration path {
--path-delay: calc(var(--delay));
-webkit-animation-name: svgTracePath;
animation-name: svgTracePath;
}

.coupon_cont.act_year .plan-price-toggler__savingsDecoration path:nth-child(2) {
    --path-delay: calc(250ms + var(--delay));
}

@keyframes svgTracePath {
	0% {stroke-dasharray: var(--length); stroke-dashoffset: var(--length);}
	100% {stroke-dashoffset: 0px;}
}
/* .coupon_cont .stroke_box { overflow: hidden; }
.coupon_cont .stroke_box img { opacity: .001; transform: translate3d(20px,0,0); transition: opacity .15s linear 0ms,transform .35s ease-in-out; }
.coupon_cont.act_year .stroke_box img { opacity: .999; transform: translate(0px); transition: opacity .15s linear 0ms,transform .4s ease-in-out; } */

/* .banner_mo { display: none; } */
/* .banner_pc { width: 1920px; } */
.banner h1 { font-size: .52rem; font-weight: 700; color: #000; line-height: .78rem; margin: .9rem auto .2rem; }
.table_plan { text-align: center; position: relative; }
.table_plan p { display: inline-block; margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: 500; color: #666; cursor: pointer; }
.table_plan p:first-child { margin-right: .3rem; }
.table_plan p span { display: inline-block; width: 14px; height: 14px; border: 1px solid #999; border-radius: 50%; vertical-align: top; margin-right: .1rem; }
.content2 .table_head .table_plan p.select_act { color: #FFAD4C; }
.table_plan p.select_act span { border: 1px solid #FFAD4C; position: relative; }
.table_plan p.select_act span::after { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #FFAD4C; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.table_plan .coupon_cont { right: 20%; bottom: -140%; }
.table_plan .coupon_cont p { margin-bottom: 0; }

.buy_month,.price_month { display: none; }
.pro_buycar { max-width: 480px; box-sizing: border-box; width: 100%; border: 2px solid #f5f5f5; border-radius: .2rem; padding: 0 .6rem; display: inline-block; transition: all ease-in-out .3s; background-color: #fff; vertical-align: text-top; }
.buy_price { font-size: .2rem; font-weight: 600; text-align: center; color: #333; margin: .3rem 0; }
.annually_plan .buy_price { margin: .2rem 0 .1rem; }
.annually_plan .free_pro .buy_price { margin: .3rem 0; }
.buy_price span { display: inline-block; }
.buy_price .buy_current { font-size: .58rem; display: inline-block; line-height: 58px; font-weight: 600; }
.pro_buycar a.buy_btn { max-width: 360px; width: 100%; box-sizing: border-box; display: block; border: 2px solid #333; font-size: .22rem; font-weight: 600; padding: .12rem 0; text-align: center; border-radius: 5px; text-decoration: none; margin: 0 auto; color: #333; }
.pro_buycar a.buy_btn:hover { border: 2px solid #999; }
.middle_pro a.buy_btn { background-color: #FFAD4C; color: #fff; border: 2px solid #FFAD4C; }
.middle_pro a.buy_btn:hover { background-color: #FF8A00; border: 2px solid #FF8A00; }
.tips_text { font-size: 14px; color: #666; font-weight: 500; display: block; }

.buy_lists { margin: .4rem 0; text-align: left; min-height: 280px; }
.buy_lists h3 {color: #333;}
.buy_lists li { margin: .2rem 0; font-size: .14rem; line-height: 16px; color: #666; }
.buy_lists li::before { content: url("../wipit/img/right_icon.png"); display: inline-block; height: 16px; vertical-align: bottom; margin-right: .1rem; }
.buy_lists li:last-child { margin-bottom: 0; }
.buy_lists .list_icon { display: inline-block; background-color: #FFAD4C; padding: 2px .1rem; color: #fff; border-top-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 16px; font-weight: 500; }
.icon_tips { position: relative; margin: 0; }
.icon_tips i { font-style: normal; display: none; position: absolute; z-index: 2; width: 240px; box-sizing: border-box; padding: 8px 10px; font-size: 12px; text-align: left; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); top: 20px; left: -150px; }
.icon_tips i::before { content: ""; display: inline-block;  border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 150px; }
.icon_tips::after { color: #666; font-size: 12px; vertical-align: top; cursor: pointer; display: inline-block; margin-top: -5px; }
.icon_tips:hover i { display: block; }
/* content2 */
.content2 { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; }
.content2 .table_btn { max-width: 478px; display: block; text-align: center; width: 100%; border: 2px solid #e6e6e6; font-size: .3rem; line-height: 50px; padding: .13rem 0; font-weight: 600; color: #000;  text-decoration: none; border-radius: .1rem; margin: 0 auto .6rem; }
.content2 .table_mo { display: none; }
.drop_down::after { transition: all .3s ease-in-out; display: inline-block; content: '\e90f'; font-family: "iconfont"; font-style: normal; font-size: 15px; transform: rotateZ(90deg); vertical-align: middle; margin-left: .1rem; }

.act_slide .drop_down::after { transition: all .3s ease-in-out; transform: rotateZ(-90deg); }
.content2 .table_head { background-color: #fbfbfb; }
.content2 .table_head td { padding: .1rem 0; }
.content2 .table_head h3 { font-size: .24rem; font-weight: 600; color: #333; margin-bottom: 4px; line-height: 30px; }
.content2 .table_head h3 img { vertical-align: middle; }
.content2 .table_head a { font-size: .14rem; font-weight: 500; color: #333; border: 1px solid #333; text-decoration: none; max-width: 140px; display: block; width: 100%; margin: 0 auto; line-height: 30px; border-radius: 5px; box-sizing: border-box; }
.content2 .table_head a:hover { border: 1px solid #999; }
.content2 .table_head .hot_pro { background-color: #FBECE1; border-top: 2px solid #FFAD4C; }
.content2 .table_head .hot_pro a { background-color: #FFAD4C; border: 1px solid #FFAD4C; color: #fff; }
.content2 .pw1480 { border:1px solid #e6e6e6; border-radius: 10px; overflow: hidden; padding-bottom: .45rem; margin-top: .6rem; }
.content2 .table_head .hot_pro a:hover { background-color: #FF8A00; border: 1px solid #FF8A00;}
.content2 .table_head p { font-size: 16px; font-weight: 500; color: #333; line-height: 16px; margin-bottom: 10px; }
.content2 .table_box { max-width: 1400px; width: 100%; margin-left: auto; margin-right: auto; }
/* .content2 .table_body { margin-top: .35rem; } */
.content2 .table_body h4 { font-size: .2rem; font-weight: 600; margin: .35rem 0; }
.content2 .table_body tr { border-top: 1px solid #e6e6e6; font-size: .16rem; font-weight: 500; }
.content2 .table_body tr:last-child { border-bottom: 1px solid #e6e6e6; }
.content2 .table_body tr td { padding: .11rem 0; }
.content2 .table_body tr:first-child { border-top: none; }
.content2 .table_body tr:first-child td { padding: 0; }
.content2 .table_body tr td:nth-child(3) { background-color: #FFF9F2; }
.content2 .table_content7 tr:last-child { border-bottom: 1px solid #e6e6e6; }
.content2 .pw1480 { display: none; }
.content2 .show_table.pw1480 { display: block; }
.tips_icon { position: relative; }
.tips_icon img { vertical-align: middle; }
.tips_icon i { display: none; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .15); width: 160px; padding: 10px; border-radius: 10px; position: absolute; left: 25px; font-size: .12rem; font-style: normal; }
.tips_icon1 i { top: -155%; }
.tips_icon2 i { top: -90%; }
.tips_icon3 i { top: -90%; }
.tips_icon4 i { top: -115%; }
.tips_icon5 i { top: -155%; }
.tips_icon i::after { content: ""; display: inline-block; border: 8px solid transparent; border-right-color: #fff; position: absolute; top: 50%; left: 0px; transform: translate(-100%,-50%); }
.tips_icon:hover i { display: block; z-index: 99; }
.price_saves { display: none; font-style: normal; }

/* content4 */
.content4 { margin-top: 1rem; position: relative; padding-bottom: .4rem; }
.content4 h2 { font-size: .38rem; font-weight: 700; text-align: center; margin-bottom: .6rem;}
.content4 h3 { font-size: .18rem; font-weight: 500; padding-right: 30px; color: #000; position: relative; }
.content4 h3 em { font-size: 18px; font-weight: 700; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.content4 h3 .action_trans { transition: all .2s ease-in-out; transform: translateY(-50%) rotateZ(180deg); }
.content4 ul { max-width: 690px; width: 49%; display: inline-block; vertical-align: text-top; }
.content4 ul:nth-child(2) { margin-right: 1.5%; }
.content4 ul li { border: 1px solid #e6e6e6; border-radius: 10px; padding: .3rem .2rem; display: inline-block;  box-sizing: border-box; cursor: pointer; margin-top: 20px; vertical-align: top; width: 100%; }
.content4 .answer { margin-top: .2rem; display: none; }
.content4 .cont4_img { position: absolute; right: -15%; bottom: -5%; }

/* promotion */
.promotion { width: 100%; height: 100%; display: none; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(0, 0, 0, .6); }
.retain_pro { max-width: 800px; width: 100%; padding: .6rem 0; text-align: center; border-radius: 10px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.promotion h2 { font-size: .4rem; font-weight: 600; color: #000; margin-top: .17rem; }
.promotion p { max-width: 635px; width: 100%; margin: .2rem auto .4rem; }
.promotion a { display: block; color: #fff; font-size: .2rem; font-weight: 600; background-color: #FFAD4C; text-decoration: none; padding: .17rem 0; border-radius: 10px; margin-bottom: .1rem; line-height: 20px; }
.promotion a:hover { background-color: #FF8A00; }
.promotion .icon_arrow { margin: 0; }
.icon_arrow:after { font-size: .26rem; }
.promotion span { font-size: .14rem; color: #666; }
.promotion .btn_question { max-width: 360px; width: 100%; margin: 0 auto; }
.promotion .retain_close { position: absolute; top: 20px; right: 20px; cursor: pointer; }

/* 2023.8.17 mvp */
.banner h3 { font-size: .3rem; font-weight: 500; color: #333; }
.wipit_cont .banner h1 { margin: 0 auto; font-size: .48rem; font-weight: 600; }
.wipit_cont .banner .ban_text>img { position: absolute; top: 20px; left: 80px; }
.wipit_cont .banner .ban_text .text_main { color: #2C67FF; font-size: 16px; font-weight: 600; text-align: left; word-spacing: -1px; }
.wipit_cont .banner .ban_text h3 { color: #2C67FF; font-size: 16px; font-weight: 700; text-align: left; margin: 5px auto 10px; }
.wipit_cont .banner .ban_text .text_tips { color: #707070; font-size: 13px; font-weight: 500; text-align: left; }


.wipit_cont .content1 { background: url("../wipit/img/focusee_banner.png") top center no-repeat; background-size: cover; padding-top: 0.8rem; position: relative; margin-bottom: .5rem; }
.wipit_cont .content1 .logo { position: absolute; top: 30px;}
.wipit_cont .content4 { background: linear-gradient(180deg, rgba(255, 246, 236, 0.06) 0%, #FFF6EC 100%); padding: .4rem 0 1rem;}
.wipit_cont .content4 h2 { font-size: .3rem; font-weight: 600; text-align: left; margin-bottom: 0.4rem; text-align: center; }
.wipit_cont .content4 li { background-color: #fff; border: none; color: #666; display: block; width: auto; box-sizing: inherit; }
.wipit_cont .content4 .faq_list2 li:last-child { min-height: 54px; }
.wipit_cont .content4 h3 em { top: 0px; transform: translateY(0); }
.wipit_cont .content4 h3 .action_trans {transition: all .2s ease-in-out;transform: translateY(0) rotateZ(180deg);}
.wipit_cont .banner { margin-bottom: .3rem; }
.foot { background-color: #f8f8f8;}
.foot p { font-size: 14px; color: #999; text-align: center; padding: 15px 3px;}
.wipit_cont .buy_area {display: inline-block; max-width: 350px; background-color: #fff; width: 100%; min-height: 460px; box-sizing: border-box; border-radius: .2rem; text-align: center; border: 2px solid #F5F5F5; padding: .4rem .28rem; transform: translateY(0px); transition: transform .3s ease-in-out; }
.wipit_cont .buy_area:hover { transform: translateY(-20px); transition: transform .3s ease-in-out; }
.wipit_cont .buy_area .popular_icon {margin-bottom: .2rem; }
.wipit_cont .buy_area h2 { font-size: .22rem; color: #000; font-weight: 600; margin-bottom: .1rem; }
.wipit_cont .buy_area h2 img { display: inline-block; vertical-align: bottom; }
.wipit_cont .buy_area p { font-size: .22rem; color: #999; }
.wipit_cont .buy_area del { font-style: italic; }
.wipit_cont .buy_area .buy_price { font-size: .58rem; margin: 0; font-weight: 600; color: #333; }
.wipit_cont .buy_area .buy_price span { font-size: .2rem; font-weight: 500; }
.wipit_cont .buy_area a { display: inline-block; color: #FFAD4C; border: 2px solid #FFAD4C; font-size: .22rem; font-weight: 600; text-decoration: none; max-width: 290px; width: 100%; padding: .14rem 0; border-radius: 5px; margin: .2rem 0; box-sizing: border-box; }
.wipit_cont .buy_area a:hover { color: #FF8A00; border-radius: 2px solid #FF8A00; }
.wipit_cont .buy_popular { max-width: 440px; min-height: 486px; margin: 0 .2rem; padding: 0 .6rem .4rem; }
.wipit_cont .buy_popular a { max-width: 320px; }
.wipit_cont .buy_area .icon_tips i { top: -105px; }
.wipit_cont .buy_area .icon_tips i::before { border-bottom-color: transparent; border-top-color: #fff; top: 88px; }

.wipit_cont .buy_area.select_act{ border: 2px solid #FFAD4C; box-shadow: 0px 0px 23px 0px #ECE6DF;}
.wipit_cont .select_act a { border: 2px solid #FFAD4C; color: #fff; background-color: #FFAD4C; }
.wipit_cont .select_act a:hover { border: 2px solid #FF8A00; background-color: #FF8A00; color: #fff; }
.wipit_cont .buy_lists { margin: 0; min-height: 100px; width: 100%; padding-left: .14rem; }
.wipit_cont .buy_lists li { font-size: 14px; line-height: normal; margin: .07rem 0 0 0;}
.wipit_cont .buy_lists li svg { vertical-align: top;}
.wipit_cont .buy_lists li p { position: relative; display: inline-block; font-size: 14px; color: #666; width: 88%; }
.wipit_cont .buy_lists li p .tips { position: absolute; background-color: #fff; padding: 5px 10px; border-radius: 5px; box-shadow: 0 0 6px rgba(0, 0, 0, .15); top: -40px; left: 100px; display: none; font-style: normal; }
.wipit_cont .buy_lists li p .tips::after { content: ""; display: inline-block; border: 8px solid transparent; border-top-color: #fff; position: absolute; bottom: -15px; right: 45%; }
/* .wipit_cont .special_text .buy_lists li p { display: inline-block; font-size: 14px; color: #666; width: auto; } */
.wipit_cont .buy_lists li::before { vertical-align: top; margin-top: .05rem; content: ""; width: 14px; height: 14px; background: url(../wipit/img/right_icon.png); background-size: cover; }
.wipit_cont .buy_lists b { font-weight: normal; color: #FFAD4C; }
.wipit_cont .content4 .answer { margin-top: .2rem; display: block; overflow: hidden; display: none; font-size: 16px; }
.wipit_cont .content4 .answer a { font-size: inherit; }

.wipit_cont .content2 { max-width: 1200px; }
.wipit_cont .content2 h3 { font-size: .3rem; font-weight: 500; text-align: center; margin-bottom: .3rem; color: #333; }
.wipit_cont .special_plan { background: #fff; border: 2px solid #f5f5f5; border-radius: 10px; padding: .4rem .2rem .3rem .3rem; }
.wipit_cont .special_plan img { display: inline-block; vertical-align: middle; }
.wipit_cont .special_text { max-width: 755px; width: 100%; display: inline-block; margin-left: .25rem; vertical-align: middle; }
.wipit_cont .special_text h4 { font-size: .22rem; font-weight: 600; color: #000; }
.wipit_cont .special_text .buy_lists { min-height: auto; padding-left: 0; }
.wipit_cont .special_text .buy_lists li { display: inline-block; }
.wipit_cont .special_text .buy_lists li:nth-child(2) { margin-left: .37rem; }
.wipit_cont .special_text .buy_lists li:nth-child(4) { margin-left: .2rem; }
.wipit_cont .special_buy { display: inline-block; text-align: center; vertical-align: middle; }
.wipit_cont .special_buy .special_price { font-size: .44rem; font-weight: 600; color: #333; line-height: 0.8; }
.wipit_cont .special_buy .special_equity { font-size: 14px; color: #999; margin-bottom: .1rem; }
.wipit_cont .special_buy a { display: inline-block; font-size: .22rem; font-weight: 600; color: #fff; background-color: #FFAD4C; border-radius: 5px; padding: 9px 66px; text-decoration: none; }
.wipit_cont .special_buy a:hover { background-color: #FF8A00; }

.iframe_cont.loading{width: 100%; height: 100%;background: #fff; position: fixed; z-index: 100;}
.loading_box{text-align: center; width: 238px;height: 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: white;border-radius: 5px;}
.loading_box ul{display: inline-block;vertical-align: middle;width: 50px;margin: 13px 0;}
.loading_box ul li{display: inline-block;vertical-align: middle;width: 6px;height: 6px;border-radius: 3px;transition: .6s;}
.loading_box ul li.act{width: 24px;}
.loading_box ul li:nth-child(1){background-color: #FFAD4C; }
.loading_box ul li:nth-child(2){background-color: #2C67FF; }
.loading_box ul li:nth-child(3){background-color: #3BBA54; }

.loading_box span{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 21px;color: #333333;}

/* coupon box */
.pop_checkout { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 25; }
.pop_checkout .pop_main { max-width: 825px; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(105deg, #E5F7FF 1.78%, #F7E5FF 98.58%), #FFF; text-align: center; padding: .4rem 0; box-sizing: border-box; border-radius: 10px; }
.pop_checkout h3 { color: #333; text-align: center; font-size: .3rem; font-weight: 700; max-width: 565px; margin: 0 auto;}
.pop_checkout h3 span { color: #FFAD4C; }
.pop_checkout .coupon_btn { border-radius: 5px; background: #FFAD4C; display: block; max-width: 320px; margin: .4rem auto .2rem; color: #fff; text-decoration: none; font-size: .22rem; padding: 13px 0; font-weight: 600; }
.pop_checkout em { display: block; font-style: normal; color: #666; font-size: 14px; max-width: 465px; width: 100%; margin: 0 auto; }
.pop_checkout .pop_close { position: absolute; top: 14px; right: 16px;  z-index: 21; font-weight: bold;  cursor: pointer; }
.pop_checkout .pop_close:after { content: "\e916"; font-family: "iconfont"; font-size: 14px; font-weight: 400; color: #ccc; transition: all 0.2s ease-in-out;}

.wipit_cont .banner { margin-bottom: .5rem; }
.wipit_cont .banner h1 { margin: 0 auto; font-size: .48rem; font-weight: 600;}
.wipit_cont .buy_area p.pro_plan { color: #999; font-size: 14px; margin-bottom: .2rem;}
.wipit_cont .buy_popular { margin: 0 auto; }
.wipit_cont .buy_area { margin: 0 0.15rem; vertical-align: text-bottom;}
.wipit_cont .icon_tips::after { vertical-align: middle; }
.wipit_cont .buy_lists li p { font-size: 15px; }
.wipit_cont .buy_lists { min-height: 110px; padding-left: .1rem; }
.wipit_dialog .checkout_list .checkout_detail .rule .icon { background-image: url(../wipit/img/wipit_logo.png); }

@media screen and (max-width: 1645px) {
    .wipit_cont .buy_popular { max-width: 350px; width: 100%; padding: 0 0.3rem 0.4rem; }
    .wipit_cont .buy_area { margin: 0 0.1rem;}
    .main_content { text-align: center; }
}

@media screen and (max-width: 1515px) {
    .wipit_cont .buy_area { padding: 0.4rem 0.14rem; max-width: 320px; }
    .wipit_cont .buy_popular { padding: 0 0.14rem 0.4rem; }
    .pw1000 { width: 94%; padding: 0 3%; }
}

/* 1500px */
@media screen and (max-width: 1500px){
    .content1 { height: auto; }
    .main_content { text-align: center; }
    .pro_buycar { padding: 0 .3rem; max-width: 440px; }
    /* .buy_lists { width: 90%; margin: .4rem auto; } */
    .content2 { width: 94%; padding: 0 3%; }
    .content2 .table_box { width: 94%; }
}

/* 1400px */
@media screen and (max-width: 1400px){
    .pro_buycar { padding: 0 .3rem; max-width: 420px; }
    .pw1400 { width: 94%; padding-left: 3%; padding-right: 3%; }
}

/* 1385px */
@media screen and (max-width: 1385px){
    .wipit_cont .buy_area { margin: .3rem; max-width: 350px; padding: 0.4rem 0.28rem; }
    .wipit_cont .buy_popular { padding: 0 0.28rem 0.4rem; }
}


/* 1350px */
@media screen and (max-width: 1350px){
    .pro_buycar { padding: 0 1%; max-width: 390px; }
}

/* 1300px */
@media screen and (max-width: 1300px){
    .wipit_cont .special_plan { text-align: center; }
    .wipit_cont .special_text { display: block; margin: .2rem auto 0; }
    .wipit_cont .special_buy { display: block; margin-top: .3rem; }
}


/* 1250px */
@media screen and (max-width: 1250px){
    .wipit_cont .buy_popular { max-width: 350px; width: 100%; padding: 0 0.3rem 0.4rem; }
    .pro_buycar { padding: 0 .4rem; max-width: 480px; margin: 0 3% 5%; }
    .basic_pro.pro_buycar { margin: 0 3% 0; }
    .buy_lists { width: 100%; }
    .content1 .pw1480 { width: 94%; padding: 0 3%; }
}

/* 1200px */
@media screen and (max-width: 1200px){
    .icon_tips i { left: -215px; }
    .icon_tips i::before { left: 215px; }
    .price_saves { display: inline-block; line-height: 20px; }
    .table_plan .coupon_cont { display: none; }
    .content4 .cont4_img { display: none; }
    .pro_buycar { margin: 0 2% 4%; width: 90%; max-width: 420px; }
    .pro_outbro { background: none; width: auto; height: auto; border: 2px solid #F5F5F5; border-radius: 5px; }
    .middle_pro .pro_outbro { background: none; border: 2px solid #FBECE1; }
    .pw1200 { width: 94%; padding-left: 3%; padding-right: 3%; }
    /* .content3_comment { margin-left: 3.5%; } */
    .table_plan p { display: block; }
    .table_plan p:first-child { margin-right: 0; }
    .wipit_cont .buy_area { margin: .3rem; }
}

/* 1024px */
@media screen and (max-width: 1024px){
    .content3_main_block { position: relative; display: none; text-align: center; }
    .content3_comment { display: block; max-width: 1024px; width: 90%; margin: .4rem auto 0; }
    .content4 ul { width: 48%; }
    .content4 ul:nth-child(2) { margin-right: 3%; }



    
}
/* 980px */
@media screen and (max-width: 980px){
    .wipit_cont .special_text { max-width: 500px; width: 84%; }
    .wipit_cont .special_text .buy_lists li { display: block; }
    .wipit_cont .special_text .buy_lists li:nth-child(4),.wipit_cont .special_text .buy_lists li:nth-child(2) { margin-left: 0; }
    .pro_buycar { width: 96%; max-width: 480px; margin: 0 2% .5rem; padding: 0 3%; }
    .retain_pro { width: 90%; padding: .6rem 3%; }
    .promotion .btn_question { width: 85%; }
}

/* 900 */
@media screen and (max-width: 900px){
    .wipit_cont .buy_lists { min-height: auto; }
    .wipit_cont .buy_area,.wipit_cont .buy_popular { min-height: auto;}
}
/* 768px */
@media screen and (max-width: 768px){
    .content2 .table_head a { width: 80%; }
    .content2 .table_btn { width: 90%; }
    .content3_main_block>img { width: 60%; margin: 0 auto; }
    .content3_comment img { width: 35%; }
}

/* 750px */
@media screen and (max-width: 750px){
    .wipit_cont .special_buy .special_equity { margin-bottom: 0.2rem; }
    .wipit_cont .buy_area p { font-size: .32rem; }
    .wipit_cont .banner .ban_text { min-height: auto; }
    .wipit_cont .special_buy .special_price { font-size: .58rem; }
    .main_content { padding-bottom: 1rem;}
    .wipit_cont .special_text .buy_lists li p { display: inline-block; font-size: 14px; color: #666;  width: 93%; }
    .wipit_cont .special_text { margin: .4rem auto; }
    .wipit_cont .special_plan { padding: 0.4rem 0.2rem 0.5rem 0.3rem; }
    .wipit_cont .buy_area:last-child { margin: 0.3rem 0 0; }
    .wipit_cont .buy_area:hover { transform: translateY(0); }
    .wipit_cont .content1 { background: #fff7ee; }
    .wipit_cont .buy_area {margin: 0.3rem 0; padding: 0.4rem 0.58rem;}
    .wipit_cont .buy_popular { margin: 0.3rem 0; padding: 0 .58rem .3rem; }
    .wipit_cont .content4 { background: #fff; border-top: 1px solid #e6e6e6; padding: 0.8rem 0 1rem; }
    .wipit_cont .content4 li { border: 1px solid #e6e6e6; }
    .wipit_cont .content4 .faq_list2 li:last-child { min-height: auto; }
    .wipit_cont .content1 { padding-top: 1rem; }
    .content4 .sec4_pw { width: 90%; }
    .content4 ul li { padding: 0.3rem 0.2rem 0.3rem 0.3rem; }
    .buy_lists { min-height: auto; }
    .buy_lists li { margin: .3rem 0; }
    .table_plan p span { width: 12px; height: 12px; margin-right: .04rem; }
    .table_plan p.select_act span::after { width: 8px; height: 8px; }
    .content4 ul { width: 100%; }
    .avatar_mo { display: block; }
    .content3_main { min-height: auto; }
    .content3_main_block { background: #fbfbfb; padding: .3rem 0 1rem; }
    .coupon_cont .stroke_box img { max-width: 20%; }
    .coupon_cont>img { max-width: 8%; }
    .coupon_cont p { max-width: 45%; }
    .select_plan p { font-size: 14px; }
    .content2 .table_head p { font-size: 12px; }
    .content2 .table_head .alc span { display: block; }
    .content2 .table_mo { display: block; }
    .content2 .table_pc { display: none; }
    /* .content3_comment { width: 82%; } */
    .promotion a { font-size: .32rem; line-height: 16px; }
    .icon_arrow:after { font-size: 22px; }
    .banner_mo { display: block; }
    .buy_price { font-size: .34rem; }
    .banner_pc { display: none; }
    .pro_title, .content4 h2 { font-size: .44rem; }
    .pro_title img { width: 8%; vertical-align: middle; }
    .pro_buycar a.buy_btn { font-size: .34rem; }
    .pro_tips { font-size: 12px; }
    .content4 h3, .content2 .table_head h3 { font-size: .3rem; }
    .buy_lists h3 { font-size: 15px; }
    .buy_lists li,.buy_lists .list_icon { font-size: 14px; }
    .content2 .table_btn { font-size: .34rem; }
    .content4 p { font-size: 14px; }
    .content3_comment p, .content3_comment .content3_comment_name { font-size: .28rem; }
    .content3_circle span { margin-left: .3rem; }
    .content3_circle span:first-child { margin-left: 0; }
    .tips_icon i,.promotion span, .content3_comment span { font-size: 12px; }
    .content2 .table_body tr td, .content2 .table_head .hot_pro a, .content2 .table_head a { font-size: 12px; }
    .content2 .table_body h4 { font-size: .28rem; }
    .tips_icon1 i { top: -235%; }
    .tips_icon2 i { top: -140%; }
    .tips_icon3 i { top: -140%; }
    .tips_icon4 i { top: -190%; }
    .tips_icon5 i { top: -230%; }
    .wipit_cont .buy_lists { min-height: auto; }
    .wipit_cont .buy_area { padding: 0.3rem 0.4rem; }
    .wipit_cont .buy_popular {padding: 0 0.3rem 0.4rem; }
}

@media screen and (max-width: 568px){
    .content3_main_block { padding: .3rem 0 1.6rem; }
    .banner h3,.wipit_cont .content2 h3,.wipit_cont .content4 h2 { font-size: 18px; }
    .wipit_cont .buy_area h2,.wipit_cont .special_text h4 { font-size: 16px; }
    .wipit_cont .buy_area a,.wipit_cont .special_buy a { font-size: 18px; }
    .pop_checkout .pop_main { padding: .6rem 0; width: 94%; margin: 0 auto; }
    .pop_checkout h3 { width: 94%; margin: 0 auto; font-size: .38rem; }
    .pop_checkout .coupon_btn { width: 60%; font-size: 14px; }
    .pop_checkout em { width: 90%; margin: 0 auto; }
}