body.price{background: #FFF;} .price .wide{width: 1525px;} body.price #banner .search{display: none;} #banner{height: 145px;background: #d7ebfd;} #banner .subtitle{text-align: center;letter-spacing: 2px;font-weight: bold;text-transform: capitalize;color: #000000;font-size: 48px;width: auto;} #banner .smatitle{text-align: center;letter-spacing: 1px;color: #333333;font-size: 24px;margin-top: 20px;} #particles-js{display: none;} .main_content{padding: 0;} .main_content .wide{padding: 0;box-sizing: border-box;} .main_content .price_box .price_wrapper{display: flex;justify-content: space-between;column-gap: 20px;} .main_content .price_box .price_item{width: 24%;background-color: #fff;border: 1px solid #ddedff;border-radius: 10px;box-sizing: border-box;box-shadow: 0 10px 20px rgba(198, 206, 224, 0.5);position: relative;} .main_content .price_box .price_item .price_item_top{padding: 30px 9% 0;border-top-left-radius: 10px;border-top-right-radius: 10px;position: relative;} .main_content .price_box .price_item .price_item_top .abs_tips{position: absolute;top: 0;right: 0;font-size: 16px;color: #fff;font-weight: bold;background: #f853d2;padding: 0 15px;line-height: 2;border-bottom-left-radius: 9px;border-top-right-radius: 9px;} .main_content .price_box .price_item .price_item_bottom{padding: 0 10% 30px;} .main_content .price_box .price_item.cur .price_item_top{border: 1px solid #237eff;background: #237eff;} .main_content .price_box .price_item .ver_title{color:#333;font-size: 24px;font-weight: bold;text-transform: capitalize;} .main_content .price_box .price_item .ver_desc{margin-top: 8px; color:#666666;font-size: 14px;min-height: 20px} .main_content .price_box .price_item .ver_price{margin: 15px 0 0 0; min-height: 130px;line-height: 1;display: flex;flex-direction: column;align-items: flex-start;min-height: 138px;} .main_content.show_month .price_box .price_item .ver_price{min-height: 60px;} .main_content .price_box .price_item .ver_price .cur_price{font-size: 16px;color:#333;position: relative;display: flex;align-items: flex-end;column-gap: 10px;} .main_content .price_box .price_item .ver_price .cur_price.en{column-gap: 3px;} .main_content .price_box .price_item .ver_price .cur_price.price_free{line-height: 36px;font-size: 26px;} .main_content .price_box .price_item .ver_price .cur_price i{font-size: 40px;font-weight: bold;color: #000;line-height: 0.81;} .main_content .price_box .price_item .ver_price .cur_price i em{font-weight:bold;} .main_content .price_box .price_item .ver_price .cur_price strong{width: 38px;height: 38px;background: url('../images/new_discount_icon.png') no-repeat center;position: absolute;font-size: 12px;color:#fff;line-height: 38px;text-align: center;top: -17px;right: auto;margin-left: 2px;white-space:nowrap;} .main_content .price_box .price_item .ver_price .del_price{font-size: 16px;color:#c3c3c3;text-decoration: line-through;display: inline-block;} .main_content .price_box .price_item .ver_allow{padding-bottom: 30px;} .main_content .price_box .price_item .ver_allow .allow_item{padding-left: 25px;box-sizing: border-box;line-height: 2.4; color:#333333;font-size: 14px;background: url('../images/allow_icon.png') no-repeat left top 8px} .main_content .price_box .price_item .ver_allow .upgrade_btn{height: 45px;line-height: 41px;text-align: center;font-size: 16px;color:#000;background-color: #fff;border-radius: 8px;cursor: pointer;font-weight: bold;transition: all 0.4s;border: 2px solid #000000;text-transform: capitalize;box-sizing: border-box;} .main_content .price_box .price_item .ver_allow .upgrade_btn:hover{background-color: #096efd;color: #fff;} /* .main_content .price_box .price_item .ver_fun{padding:5px 0;} */ .main_content .price_box .price_item .ver_fun .fun_title{font-size: 16px;color: #000;font-weight: bold;line-height: 2.25;} /* .main_content .price_box .price_item .ver_fun .fun_box{margin-top: 2px;} */ .main_content .price_box .price_item .ver_fun .fun_box .line{height: 1px;width: 100%;background: #e8f1ff;margin: 14px 0 12px;} .main_content .price_box .price_item .ver_fun .fun_box .line:first-child{margin-top: 0;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item{box-sizing: border-box;color:#495567;font-size: 14px;display: flex;justify-content: space-between;align-items: center;line-height: 1.5;padding: 7px 0;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item span,.main_content .price_box .price_item .ver_fun .fun_box .fun_item .red{color: red} .main_content .price_box .price_item .ver_fun .fun_box .fun_item>.bold{font-weight: bold;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item .no_permit{color: #b9bfc8;} .main_content .price_box .price_item.cur *{color: #fff!important;} .main_content .price_box .price_item.cur .ver_price .del_price{opacity: 0.7;} .main_content .price_box .price_item.cur .ver_allow .upgrade_btn{background-color: #fff;border-color: #fff;color: #096efd!important;} .main_content .price_box .price_item.cur .ver_fun .fun_box .fun_item{filter: brightness(0) invert(1);} .main_content .price_box .price_mobile_switch{display: none;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item .gift_box{background: #ff3d66;color: #fff;padding: 10px 0 10px 20px;border-radius: 5px;font-size: 14px;width: 100%;position: relative;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item .dot{width: 5px;height: 5px;background-color: #fff;border-radius: 50%;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);} .main_content .price_box .price_item .ver_price .price_differ{background: #fff;width: 40%;padding: 5px 0;margin-top: 12px;border-radius: 10px;text-align: center;font-size: 12px;} .main_content .price_box .price_item .ver_price .price_differ em{color: #f02d2d;} .main_content .price_box .price_item .ver_price .cur_price .old_price {font-size: 14px;color: #d0c5ba;line-height: 1;letter-spacing: -1px;} .main_content .price_box .price_item .ver_price .cur_price .cur_price_right{display: flex;flex-direction: column;row-gap: 5px;color: #444444;} .main_content .price_box .price_item .ver_price .old_price {font-size: 26px;color: #333;line-height: 2;opacity: 0.5;} .main_content .price_box .price_item .ver_price .dollar {font-size: 20px;} /*.main_content .price_box .price_item:nth-child(3) .price_item_top{background: linear-gradient(to right, #764cfe, #937bff);}*/ .main_content .price_box .price_item:nth-child(3) .price_item_top .ver_title,.main_content .price_box .price_item:nth-child(3) .price_item_top .ver_price .dollar,.main_content .price_box .price_item:nth-child(3) .price_item_top .ver_price .cur_price i, .main_content .price_box .price_item:nth-child(3) .price_item_top .ver_title,.main_content .price_box .price_item:nth-child(3) .price_item_top .ver_price .cur_price i,.main_content .price_box .price_item:nth-child(3) .price_item_top .ver_price .cur_price .cur_price_right,.main_content .price_box .price_item:nth-child(3) .price_item_top .ver_desc, .main_content .price_box .price_item:nth-child(4) .price_item_top .ver_title,.main_content .price_box .price_item:nth-child(4) .price_item_top .ver_price .dollar,.main_content .price_box .price_item:nth-child(4) .price_item_top .ver_price .cur_price i, .main_content .price_box .price_item:nth-child(4) .price_item_top .ver_title,.main_content .price_box .price_item:nth-child(4) .price_item_top .ver_price .cur_price i,.main_content .price_box .price_item:nth-child(4) .price_item_top .ver_price .cur_price .cur_price_right,.main_content .price_box .price_item:nth-child(4) .price_item_top .ver_desc, .main_content .price_box .price_item:nth-child(5) .price_item_top .ver_title,.main_content .price_box .price_item:nth-child(5) .price_item_top .ver_price .cur_price i,.main_content .price_box .price_item:nth-child(5) .price_item_top .ver_price .cur_price .cur_price_right,.main_content .price_box .price_item:nth-child(5) .price_item_top .ver_desc{color: #FFFFFF;} .main_content .price_box .price_item:nth-child(3) .price_item_top .ver_allow .upgrade_btn{border: 2px solid #FFFFFF;color: #754afe;} .main_content .price_box .price_item:nth-child(4) .price_item_top{background: linear-gradient(to right, #025aff, #3279ff);} .main_content .price_box .price_item:nth-child(4) .price_item_top .ver_allow .upgrade_btn{border: 2px solid #FFFFFF;color: #3279ff;} .main_content .price_box .price_item:nth-child(5) .price_item_top{background: linear-gradient(to right, #025aff, #3279ff);} .main_content .price_box .price_item:nth-child(5) .price_item_top .ver_allow .upgrade_btn{border: 2px solid #FFFFFF;color: #3279ff;} .main_content .price_box .price_item:nth-child(3) .price_item_top .ver_allow, .main_content .price_box .price_item:nth-child(4) .ver_allow, .main_content .price_box .price_item:nth-child(5) .ver_allow{border: none;} .main_content .price_box .price_icon.icon_dui {width: 17px;height: 12px;display: inline-block;background-size: contain;background-image: url(../images/price/price_dui.png);} .main_content .price_box .price_item:nth-child(3) .ver_allow .upgrade_btn:hover{background-color: unset;border-color: #fff;color: #fff!important;} .main_content .price_box .price_item:nth-child(4) .ver_allow .upgrade_btn:hover{background-color: unset;border-color: #fff;color: #fff!important;} .main_content .price_box .price_item:nth-child(5) .ver_allow .upgrade_btn:hover{background-color: unset;border-color: #fff;color: #fff!important;} /* is_month */ .main_content .price_box .price_item:nth-child(2) .plan_b .ver_allow .upgrade_btn,.main_content .price_box .price_item:nth-child(3) .plan_b .ver_allow .upgrade_btn,.main_content .price_box .price_item:nth-child(4) .plan_b .ver_allow .upgrade_btn,.main_content .price_box .price_item:nth-child(5) .plan_b .ver_allow .upgrade_btn{border: 2px solid #000000;color: #FFFFFF;background-color: #ff9537;border: none;} .main_content .price_box .price_item:nth-child(2) .plan_b .ver_allow .upgrade_btn:hover,.main_content .price_box .price_item:nth-child(3) .plan_b .ver_allow .upgrade_btn:hover,.main_content .price_box .price_item:nth-child(4) .plan_b .ver_allow .upgrade_btn:hover,.main_content .price_box .price_item:nth-child(5) .plan_b .ver_allow .upgrade_btn:hover{background-color: var(--maincolor1hover);border-color: #fff;color: #fff!important;} .main_content .price_box .price_item:nth-child(2) .plan_b,.main_content .price_box .price_item:nth-child(4) .plan_b,.main_content .price_box .price_item:nth-child(5) .plan_b{background: none;color: #333;} .main_content .price_box .price_item:nth-child(2) .plan_b .ver_top .ver_title,.main_content .price_box .price_item:nth-child(2) .plan_b .ver_top .ver_desc,.main_content .price_box .price_item:nth-child(2) .plan_b .ver_top .ver_price .cur_price i,.main_content .price_box .price_item:nth-child(2) .plan_b .ver_top .ver_price .cur_price_right{color: #333;} /*.main_content .price_box .price_item:nth-child(3) .plan_b .ver_top .ver_title,.main_content .price_box .price_item:nth-child(3) .plan_b .ver_top .ver_desc,.main_content .price_box .price_item:nth-child(3) .plan_b .ver_top .ver_price .cur_price i,.main_content .price_box .price_item:nth-child(3) .plan_b .ver_top .ver_price .cur_price_right{color: #333;}*/ .main_content .price_box .price_item:nth-child(4) .plan_b .ver_top .ver_title,.main_content .price_box .price_item:nth-child(4) .plan_b .ver_top .ver_desc,.main_content .price_box .price_item:nth-child(4) .plan_b .ver_top .ver_price .cur_price i,.main_content .price_box .price_item:nth-child(4) .plan_b .ver_top .ver_price .cur_price_right{color: #333;} .main_content .price_box .price_item:nth-child(5) .plan_b .ver_top .ver_title,.main_content .price_box .price_item:nth-child(5) .plan_b .ver_top .ver_desc,.main_content .price_box .price_item:nth-child(5) .plan_b .ver_top .ver_price .cur_price i,.main_content .price_box .price_item:nth-child(5) .plan_b .ver_top .ver_price .cur_price_right{color: #333;} .main_content .price_box .price_item:nth-child(3) .plan_b{background:#045afe;} .main_content .price_box .price_item:nth-child(3) .ver_price .old_price{color:rgba(255,255,255,0.4);} .main_content .price_box .price_item:nth-child(3) .plan_b .ver_allow .upgrade_btn:hover{background-color: #fff;border-color: #fff;color: #045afe!important;} .main_content .price_box .price_item .ver_price .price_tips{padding:0 10px;overflow: auto;margin-bottom: 19px;height: 35px;text-align: center;line-height: 35px;background-color: #FFE5EB;color: red;border-radius: 10px;} /* */ .main_content .price_box .price_item .ver_fun .fun_box .fun_item_box {box-sizing: border-box;color: #495567;font-size: 14px;display: flex;justify-content: space-between;align-items: flex-start;line-height: 1.5;padding: 15px;background: #eef5ff;border-radius: 5px;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item_box .title{font-weight: bold;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item_box .show_date{color: #ff0000;padding-top: 5px;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item_box .show_date div{padding: 2px 0;} .main_content .price_box .price_item:first-child .ver_fun .fun_box .fun_item_box{background: none;} @media screen and (max-width:1024px) { .main_content .price_box .price_item:first-child .ver_fun .fun_box .fun_item_box{display: none;} } .main_content .price_box.scroll .price_item{position: relative;padding:0px 20px 70px;margin-top: 10px;} .main_content .price_box.scroll .price_item .ver_top{background: #f4f7fd;margin: 0 -21px;} .main_content .price_box.scroll .price_item .ver_top .ver_top_inner{border: 1px solid #ddedff;padding: 17px 21px 0;border-top-left-radius: 10px;border-top-right-radius: 10px;} .main_content .price_box.scroll .price_item.cur .ver_top .ver_top_inner{border: none;border-bottom: 1px solid #ddedff;padding: 17px 21px 0;border-top-left-radius: 10px;border-top-right-radius: 10px;} .main_content .price_box.scroll .price_item .ver_fun{padding: 10px 0 20px;} .main_content .price_box.scroll .price_item .ver_title{font-size: 18px;} .main_content .price_box.scroll .price_item .ver_price{margin-top: 10px;min-height: unset;padding-bottom: 20px;} .main_content .price_box.scroll .price_item .ver_price .cur_price,.main_content .price_box.scroll .price_item .ver_price .del_price{font-size: 16px;} .main_content .price_box.scroll .price_item .ver_price .cur_price i{font-size: 30px;} .main_content .price_box.scroll .price_item .ver_price .cur_price em{font-size: 24px;width: 10px;} .main_content .price_box.scroll .price_item .ver_desc{display: none;} .main_content .price_box.scroll .price_item .ver_price .cur_price strong{display: none;} .main_content .price_box.scroll .price_item .ver_allow{position: absolute;bottom: 39px;padding-bottom: 0;border-bottom: none;left: 20px;right: 20px;} .main_content .price_box.scroll .price_item .ver_allow .upgrade_btn{height: 36px;line-height: 36px;font-size: 14px;background-color: #096efd;color: #fff;} .main_content .price_box.scroll .price_item.cur .ver_allow .upgrade_btn{background-color: #fff;border-color: #fff;color: #237eff;} .main_content .price_box.scroll .price_item.cur .ver_allow .upgrade_btn:hover{color: #237eff!important;} .main_content .price_table {width: 1430px;margin: 30px auto;padding: 30px 0;text-align: center;color: #000;} .main_content .price_table .table_tr{display: flex;column-gap: 20px;} .main_content .price_table .table_tr .table_title{width: 100%;padding: 30px 0 20px 0;font-size: 40px;} .main_content .price_table .table_td.first,.main_content .price_table .table_th.first{max-width: 222px;} .main_content .price_table .table_td,.main_content .price_table .table_th{flex: 1;background-color: #fff;} .main_content .price_table .table_th{padding: 46px 0 40px;} .main_content .price_table .th_title{font-size: 24px;font-weight: 600;margin-bottom: 7px;} .main_content .price_table .th_title.recommend{position: relative;} .main_content .price_table .th_title.recommend::after{content: "荐";width: 30px;height: 30px;background: url('../images/price/price_recommend.png') no-repeat;display: inline-block;margin-left: 5px;font-size: 14px;color: #fff;font-weight: 600;line-height: 30px;position: absolute;top: -20px;} .main_content .price_table .th_title.recommend::after{display: none;} .main_content .price_table .th_sub{font-size: 14px;color: #444444;margin-bottom: 24px;} .main_content .price_table .th_price{font-size: 30px;margin-bottom: 28px;height: 61px;line-height: 61px;} .main_content .price_table .th_price .price{font-size: 46px;font-weight: 600;} .main_content .price_table .th_price .day{font-size: 16px;color: #444444;} .main_content .price_table .th_btn{background-color: #096efd;padding: 10px 55px;text-align: center;border: 1px solid #096efd;box-sizing: border-box;border-radius: 50px;margin: 0 auto;width: fit-content;font-weight: 600;color: #fff;font-size: 16px;cursor: pointer;} .main_content .price_table .th_btn.free{background-color: transparent;color: #096efd;} .main_content .price_table .tb_content{line-height: 66px;font-size: 14px;color: #555555;word-break: keep-all;} .main_content .price_table .tb_content_other{color: #001141;} .main_content .price_table .first_title{color: #000;text-indent: 30px;} .main_content .price_table .first_title_other{text-indent: 30px;} .main_content .price_table .first_title_no{visibility: hidden;} .main_content .price_table .first_title span{font-size: 18px;font-weight: 600;line-height: 50px;} .main_content .price_table .table_td.first,.main_content .price_table .table_th.first {text-align: left;box-sizing: border-box;display: none;} .main_content .price_table .price_icon{width: 20px;height: 20px;background: url('../images/price/price_yes.png') no-repeat;display: inline-block;} .main_content .price_table .price_icon.icon_no{background-image: url('../images/price/price_no.png');} .main_content .price_table .table_td .tb_box .tb_content:nth-child(1){background-color: #f2f8fe;} .main_content .price_table .table_td:nth-child(1) .tb_content:nth-child(1){border-top-left-radius: 8px;} .main_content .price_table .table_td:not(:first-child) .tb_box .tb_content:nth-child(1){color: #8d99af;} .main_content .price_table .table_td .tb_box .tb_content:not(:first-child){color: #495567;} .main_content .price_table .table_td:last-child .tb_content:nth-child(1){border-top-right-radius: 8px;} .main_content .price_table .tb_content_line{border-top: 1px solid #e8f1ff;} .main_content .price_table .table_td .tb_box .tb_content .small_title_bracket{color: #9fa9bb;font-size: 12px;} .main_content .price_table .table_td .tb_box .tb_content .show_date{line-height: 2;vertical-align: middle;padding: 20px 0;} @media screen and (max-width:1024px) { .main_content .price_table .table_td .tb_box .tb_content .show_date{padding: 0;} .main_content .price_table .table_td .tb_box .tb_content .show_date div {padding: 5px 0;} } @media screen and (max-width:1430px) { .main_content .price_box .price_item .ver_price .cur_price i{font-size: 2.5vw;} .main_content .price_table{width: 90%;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item .gift_box{font-size: 1vw;} } @media screen and (max-width:1200px) { .main_content .price_table .table_tr:nth-child(5) .first .tb_box .tb_content:nth-child(2){display: flex;flex-direction: column;line-height: 33px;} .main_content .price_box .price_item .ver_desc {font-size: 12px;} } @media screen and (max-width:1300px) { .main_content .price_box .price_item .ver_price .price_differ{width:50%;} } @media screen and (max-width:1100px) { .main_content .price_box .price_item .ver_price .price_differ{width:60%;} .main_content .price_box .price_wrapper{column-gap: 5px} } @media screen and (max-width:1024px) { .main_content .price_box .price_item .ver_fun .fun_box .fun_item .gift_box{font-size: 3vw;} } .main_content .big_title{font-size: 46px;color: #000000;text-align: center;letter-spacing: 2.5px;} .main_content .big_title span i{position: relative;} .main_content .big_title span{font-weight: bold;position: relative;} .main_content .big_title span:before{content: '';width: 100%;background: #ffc22c;height: 11px;position: absolute;bottom: 2px;left: 0;} .main_content .trans_bg{padding: 60px 0 100px;background: linear-gradient(to top, #e1e7fd, #f4f7fd);} .main_content .trans_bg .ad{font-size: 0;text-align: center;} .main_content .trans_bg .why_box .why_info{display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;align-content: space-between;margin-top: 35px;} .main_content .trans_bg .why_box .why_info .why_item{width: 23.5%;border: 1px solid #e5e5e5;border-top-right-radius: 30px;margin-top: 23px;box-sizing: border-box;padding: 29px 15px 25px 73px;background: url('../images/price/price_why.png') #fff no-repeat left 19px top 30px;} .main_content .trans_bg .why_box .why_info .why_item .w_title{font-size: 20px;font-weight: bold;color: #000000;} .main_content .trans_bg .why_box .why_info .why_item .w_desc{font-size: 14px;color: #444444;margin-top: 16px;line-height: 1.7;} .review_box{background: linear-gradient(to right bottom, #637cfa, #1c5bdb);padding: 90px 0 114px;} .main_content .review_box .big_title{font-size: 40px;color: #fff;text-transform: capitalize;} .review_box .copy_out{display: flex;flex-wrap: nowrap;align-items: stretch;justify-content: space-between;margin-top: 57px;} .review_box .copy_out .copy{padding: 30px;border-radius: 10px;background: #fff;width: 31.6667%;box-sizing: border-box;display: flex;flex-wrap: wrap;align-content: space-between;align-items: stretch;} .review_box .copy_out .copy .top{padding-left: 75px;background: url('../images/price/price_review_1.png') no-repeat left top;} .review_box .copy_out .copy:nth-child(2) .top{background-image: url('../images/price/price_review_2.png');} .review_box .copy_out .copy:nth-child(3) .top{background-image: url('../images/price/price_review_3.png');} .review_box .copy_out .copy .top .name{font-size: 20px;color: #000000;padding-top: 6px;} .review_box .copy_out .copy .top .level{font-size: 16px;color: #495567;padding: 3px 0 5px;} .review_box .copy_out .copy .star{margin-top: 28px;} .review_box .copy_out .copy .star img{height: 26px;} .review_box .copy_out .copy .desc{font-size: 16px;color: #25282c;line-height: 1.75;margin-top: 5px;} .review_box .copy_out .copy .bottom{border-top: 2px solid #dbeaff;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;width: 100%;margin-top: 34px;padding-top: 10px;} .review_box .copy_out .copy .bottom span{font-size: 16px;color: #333333;} .review_box .copy_out .copy .bottom .r{font-size: 30px;color: #000000;padding-right: 32px;font-weight: bold;background: url('../images/price/price_review_top.png') no-repeat right 2px bottom 6px;} .q_a_box{background-color: #fff;padding:90px 0 80px;} .q_a_box .q_a_info{margin-top: 60px;} .q_a_box .q_a_info .q_a_item{margin-top: 30px;background-color: #f6f6f6;border-radius: 10px;padding: 35px 40px;box-sizing: border-box;color:#000000;} .q_a_box .q_a_info .q_a_item .q_box{font-size: 20px;line-height: 1.2;position: relative;cursor: pointer;padding-right: 25px;} .q_a_box .q_a_info .q_a_item .q_box em{position: absolute;right: 0;top:50%;transform: translateY(-50%);width: 18px;height: 10px;background: url('../images/landing/landing_down.png') no-repeat center;} .q_a_box .q_a_info .q_a_item .a_box{ font-size: 18px;line-height: 1.7;display: none;padding-right: 12%;margin-top: 35px; box-sizing: border-box;} .q_a_box .q_a_info .q_a_item:first-child .a_box{display: block;} .q_a_box .q_a_info .q_a_item.cur{background-color: #1974f3;color:#fff;} .q_a_box .q_a_info .q_a_item.cur .q_box em{ filter: invert(1);transform: translateY(-50%) rotate(-180deg);} /**邮箱套餐**/ .mail_price{padding: 70px 0;background: #f4f7fd;} .mail_price .mail_price_title{font-size: 36px;color: #000000;font-weight: bold;text-align: center;margin-bottom: 50px;} .mail_price .recharge_level_box {display: flex;justify-content: center;column-gap: 30px;} .mail_price label.price_item {background: linear-gradient(to bottom, #ffffff 82%, #fafafa 18%);} .mail_price .recharge_level_box .price_item {padding: 15px 20px 30px 15px;border-radius: 10px;width: 100%;overflow: hidden;position: relative;max-width: 283px;border: 1px solid #ddedff;box-shadow: 0 0 15px rgba(192, 218, 254, 0.6);} /*.mail_price label.cur {border: 2px solid #096efd;}*/ .mail_price .recharge_level_box label * {line-height: unset;font-size: unset;margin-bottom: 10px;} .mail_price label {background: #f9f9f9;padding: 0 14px;box-sizing: border-box;display: inline-block;min-height: 40px;border-radius: 3px;margin-top: 8px;cursor: pointer;border: 2px solid #f9f9f9;position: relative;} .mail_price .recharge_level_box .price_item .level_price_box .level_title {font-size: 24px;font-weight: bold;padding-bottom: 5px;} .mail_price .recharge_level_box .price_item .price_box .r span {color: #000;font-size: 15px;font-weight: bold;} .mail_price .recharge_level_box .price_item .price_box .r span:nth-child(2) {font-size: 40px;font-weight: bold;} .mail_price .recharge_level_box .price_item .level_desc {font-size:14px;padding: 0 10px;overflow: auto;margin-bottom: 15px;text-align: center;line-height: 25px;background-color: #FFE5EB;color: #ff0000;border-radius: 5px;display: inline-block;} .mail_price .recharge_level_box .price_item .level_bottom {font-size: 12px;position: absolute;width: 100%;padding: 2px 15px;margin-left: -15px;color: #919191;} .mail_price label input {display: none;} .mail_price label.price_item:after {content: attr(data-text);font-size: 12px;position: absolute;bottom: 0;width: 100%;height: 18%;background-color: #f9f9f9;color: #919191;display: flex;align-items: center;left: 8%;} @media screen and (max-width:886px) { .mail_price .recharge_level_box{display: grid;grid-template-columns: 1fr;grid-gap: 20px;padding: 0 20px;} .mail_price .recharge_level_box .price_item{max-width: unset;} } @media screen and (max-width:1550px) { .price .wide{width: 92%;} } @media screen and (max-width:1340px) { #banner{padding-top: 20px;} #banner .boxs,.lang_en.price #banner .boxs{width: 100%;} #banner .subtitle{font-size: 54px;} #banner .smatitle{font-size: 22px;} .main_content .price_box .price_item .ver_title{font-size: 22px;} .main_content .price_box .price_item .ver_desc{font-size: 14px;} .main_content .price_box .price_item .ver_price .cur_price,.main_content .price_box .price_item .ver_price .del_price{font-size: 16px;} .main_content .price_box .price_item .ver_price .del_price{width: 0;overflow: hidden;} .main_content .price_box .price_item .ver_allow .upgrade_btn{height: 44px;line-height: 44px;} .main_content .price_box .price_item .ver_fun .fun_title,.main_content .price_box .price_item .ver_fun .fun_box .fun_item{font-size: 14px;} .main_content .big_title{font-size: 42px;} .main_content .price_box .price_item .ver_price .dollar{font-size: 12px;} .main_content .price_table .th_btn{padding: 10px 40px;} .main_content .price_table .th_price{font-size: 20px;} .main_content .price_table .th_price .price{font-size: 36px;} } @media screen and (max-width:1440px) { .main_content .wide{padding: 0 10px;} } @media screen and (max-width:1024px) { .wide{width: 100%;} #banner{height: 38vw;} #banner .subtitle{font-size: 10.2vw;} #banner .smatitle{font-size: 3.6vw;margin-top: 2vw;} .main_content .price_box{display: block;} .main_content .wide{padding: 0 4vw;} .main_content .price_box{overflow: auto;} .main_content .price_box .price_mobile_switch{display: block;width: 100%;margin: 12px auto 0px; display: flex; justify-content:space-between;} .main_content .price_box .price_mobile_switch .m_switch_item{display: inline-block; font-size: 14px; color: #000000; width: 24%; height: 42px; line-height: 42px; text-align: center; background: transparent; border-radius: 5px; font-weight: bold;text-transform: capitalize;} .main_content .price_box .price_mobile_switch .m_switch_item.cur{color: #fff; background-color: #096efd;} .main_content .price_box .price_wrapper{flex-wrap: wrap;} .main_content .price_box .price_item{display: none; width: 100%; margin-top: 15px;/*padding:30px 15px*/} .main_content .price_box .price_item .price_item_top{padding-top: 7.5vw;} .main_content .price_box .price_item:nth-child(2){display: block;} .main_content .price_box .price_item .ver_price{min-height: unset;margin-top: 25px;} .main_content .price_box .price_item .ver_price .del_price{width: auto;} .main_content .price_box .price_item.cur .ver_allow .upgrade_btn:hover{background-color: #fff;border-color: #fff;color: #096efd!important;} .main_content .price_box .price_item .ver_fun .fun_title, .main_content .price_box .price_item .ver_fun .fun_box .fun_item{font-size: 16px;} .main_content .price_box .price_item .ver_fun .fun_box .fun_item{background-position: left top 9px;padding-left: 0px;} .main_content .trans_bg,.review_box,.q_a_box{padding: 40px 0 50px;} .main_content .trans_bg .why_box{padding-top: 50px;} .main_content .big_title,.main_content .review_box .big_title{font-size: 28px;} .main_content .trans_bg .why_box .why_info{margin-top: 20px;} .main_content .trans_bg .why_box .why_info .why_item{width: 100%;margin-top: 15px;} .review_box .copy_out{flex-wrap: wrap;margin-top: 20px;} .review_box .copy_out .copy{width: 100%;margin-top: 15px;} .q_a_box .q_a_info{margin-top: 20px;} .q_a_box .q_a_info .q_a_item{margin-top: 15px;} .lang_en .main_content .price_box .price_item .ver_price .cur_price strong{right: auto;display: inline-block;} .main_content .price_box .price_item .ver_price .cur_price .drop_price{display: inline-block;font-size: 14px;text-decoration: line-through;} .main_content .price_box .price_item .ver_price .cur_price .drop_price em{font-size: 14px;display: inline} /*new price*/ .price .wide{width: 100%;} .main_content .price_table{width: 100%;margin: 8.5vw auto 0;padding: 0;} .main_content .price_table .table_tr .table_title{font-size: 6.4vw;padding: 5vw 0;} .main_content .price_table .table_td{padding: 0;} .main_content .price_table .first_title,.main_content .price_table .first_title_other{min-width: 25vw;} .main_content .price_table .table_td:last-child .tb_content:nth-child(1){border-top-right-radius:0;} .main_content .price_table .table_td:nth-child(1) .tb_content:nth-child(1) {border-top-left-radius: 0px;} .main_content .price_table .first_title span{font-size: 2.6vw;} .main_content .price_table .tb_content{font-size: 3.2vw;} .main_content .price_table .table_td .tb_box .tb_content .small_title_bracket{font-size: 2.6vw;} .main_content .price_table .table_td:not(:first-child) .tb_box .tb_content:nth-child(1){font-size: 2.1vw;} .main_content .price_box .price_item .price_item_top .abs_tips{font-size: 4.8vw;padding: 0 3vw;} .main_content .price_box .price_item .ver_title{font-size: 6.4vw;} .main_content .price_box .price_item .ver_desc{font-size: 3.7vw;min-height: auto;} .main_content .price_box .price_item .ver_price{margin: 8vw 0;} .main_content .price_box .price_item .ver_price .cur_price .cur_price_right{font-size: 4.8vw;} .main_content .price_box .price_item .ver_price .old_price {font-size: 6vw;} .main_content .price_box .price_item .ver_price .cur_price i{font-size: 13.3vw;} .main_content .price_box .price_item .ver_price .price_differ{font-size: 3.6vw;border-radius: 2.6vw;width: 24vw;margin-top: 3.3vw;} .main_content .price_box .price_item .ver_allow .upgrade_btn{font-size: 4.2vw;height: 13.3vw;line-height: 13.3vw;} .main_content .price_box .price_item .ver_price .dollar{font-size: 15px;} } @media screen and (max-width:500px) { .main_content .price_table .first_title span{font-size: 4vw;} .main_content .price_table .first_title,.main_content .price_table .first_title_other{text-indent: 4vw;} .main_content .price_table .table_td:not(:first-child) .tb_box .tb_content:nth-child(1){font-size: 3vw;} .main_content .price_box .price_item .ver_price{margin: 5vw 0;} .main_content .price_box .price_item .ver_fun .fun_box .line{margin: 3vw 0;} .main_content .price_box .price_item .price_item_top{padding: 6vw 6vw 0;} .main_content .price_box .price_item .price_item_bottom{padding: 0 6vw 5vw;} .main_content .price_table .table_td{padding: 0} .main_content .price_box .price_item .ver_fun .fun_title, .main_content .price_box .price_item .ver_fun .fun_box .fun_item {font-size: 4vw;padding: 5px 0;} .main_content .price_box .price_item .ver_allow{padding-bottom: 4vw} .main_content .price_box .price_item .ver_allow .upgrade_btn{height: 10vw;line-height: 10vw;} .main_content .price_table .first_title span{line-height: 4vw} .main_content .price_table .tb_content{line-height: 10vw} .main_content .price_table .price_icon{width: 4.5333vw;height: 4.5333vw;background: url(../images/price/price_yes.png) no-repeat center/contain;display: inline-block;font-size: 0;vertical-align: middle;} .main_content .price_table .table_td.first, .main_content .price_table .table_th.first{min-width: 26vw;} } @keyframes btn-animation{ 0% { transform: scale(1) } 50% { transform: scale(1.125); } to { transform: scale(1) } } /*双十一活动开启：将index提换成index*/ .index_11 .banner{margin-bottom: 0px;font-size: 0;text-align: center;} .index_11 .banner.pc{display: block;margin-bottom:40px;} .index_11 .banner.mobile{display: none;} .index_11 .main_content .price_table{margin-bottom: 60px;border-radius: 10px;} .index_11 .main_content .price_table .th_price{margin-bottom: 60px;} .index_11 .main_content .price_table .table_tr .table_td:nth-child(2n), .index_11 .main_content .price_table .table_tr .table_th:nth-child(2n){background: #fff;} .index_11 .main_content .price_table .table_th{padding-top: 24px;position: relative;} .index_11 .main_content .price_table .table_th .top_abs{position: absolute;top: -53px;line-height: 53px;width: 200%;text-align: center;font-size: 28px;color: #ffffff;font-weight: bold;background: linear-gradient(180deg, #fd320f, #fc8c40);border-top-left-radius: 8px;border-top-right-radius: 8px;} .index_11 .main_content .price_table .th_sub{margin-bottom: 18px;} .index_11 .main_content .price_table .th_btn{background-color: #fff;color: #096efd;} .index_11 .main_content .price_table .table_th:nth-child(16) .th_btn,.index_11 .main_content .price_table .table_th:nth-child(13) .th_btn,.index_11 .main_content .price_table .table_th:nth-child(4) .th_btn,.index_11 .main_content .price_table .table_th:nth-child(5) .th_btn{border-color: #fe1b01;background: #fe1b01;color: #fff;-webkit-animation: btn-animation 1.75s ease-in-out infinite;animation: btn-animation 1.75s ease-in-out infinite;} .index_11 .main_content .price_table .table_th:nth-child(16) .th_title,.index_11 .main_content .price_table .table_th:nth-child(13) .th_title,.index_11 .main_content .price_table .table_th:nth-child(4) .th_title,.index_11 .main_content .price_table .table_th:nth-child(5) .th_title{color: #8e3b03;} .index_11 .main_content .price_table .table_th:nth-child(16) .th_price,.index_11 .main_content .price_table .table_th:nth-child(13) .th_price,.index_11 .main_content .price_table .table_th:nth-child(4) .th_price,.index_11 .main_content .price_table .table_th:nth-child(5) .th_price{color: #d87b1f;} .index_11 .main_content .price_table .table_th:nth-child(16) .th_price .day,.index_11 .main_content .price_table .table_th:nth-child(13) .th_price .day,.index_11 .main_content .price_table .table_th:nth-child(4) .th_price .day,.index_11 .main_content .price_table .table_th:nth-child(5) .th_price .day{color: #d87b1f;} .index_11 .main_content .price_table .table_tr .table_td:nth-child(16), .index_11 .main_content .price_table .table_tr .table_th:nth-child(16){background: #fff1c7;} .index_11 .main_content .price_table .table_tr .table_td:nth-child(13), .index_11 .main_content .price_table .table_tr .table_th:nth-child(13){background: #fffcf1;} /*.index_11 .main_content .price_table .table_tr .table_td:nth-child(4), .index_11 .main_content .price_table .table_tr .table_th:nth-child(4){background: #fffae9;}*/ /*.index_11 .main_content .price_table .table_tr .table_td:nth-child(5), .index_11 .main_content .price_table .table_tr .table_th:nth-child(5){background: #fff5da;}*/ /*.index_11 .main_content .price_table .table_td:nth-child(16) .price_icon,.index_11 .main_content .price_table .table_td:nth-child(13) .price_icon,.index_11 .main_content .price_table .table_td:nth-child(4) .price_icon,.index_11 .main_content .price_table .table_td:nth-child(5) .price_icon{background-image: url('../images/price/11_ico.png');}*/ .index_11 .main_content .price_table .table_td:nth-child(16) .price_icon.icon_no,.index_11 .main_content .price_table .table_td:nth-child(13) .price_icon.icon_no,.index_11 .main_content .price_table .table_td:nth-child(4) .price_icon.icon_no,.index_11 .main_content .price_table .table_td:nth-child(5) .price_icon.icon_no{background-image: url('../images/price/price_no.png');} .index_11 .main_content .price_table .table_tr .table_th{position: relative;} .index_11 .main_content .price_table .table_tr .table_th:nth-child(16):after,.index_11 .main_content .price_table .table_tr .table_th:nth-child(13):after,.index_11 .main_content .price_table .table_tr .table_th:nth-child(4):after,.index_11 .main_content .price_table .table_tr .table_th:nth-child(5):after{content: '';position: absolute;right: 0;top: 0;width: 83px;;height: 26px;background: url(../images/price/11_6.png) no-repeat center/contain;display: none;} .index_11 .main_content .price_table .table_th .th_price del.old_price{font-size: 24px;color: #d0c5ba;text-align: center;display: block;line-height: 1;letter-spacing: -1px;margin-top: -7px;} .index_11 .main_content .price_table .th_title.recommend::after{display: none;} .index_11 .main_content .price_box .price_item .price_item_top{position:relative;} .index_11 .main_content .price_box .price_item .price_item_top .icon{position:absolute;top:0;right:0;max-width: 38.5%;} .index_11 .main_content .price_box .price_item.cur{border-color: #ffc21b;background-color: #ffc21b;} .index_11 .main_content .price_box .price_item.cur *,.index_11 .main_content .price_box .price_item.cur .ver_allow .upgrade_btn,.index_11 .main_content .price_box .price_item.cur .ver_allow .upgrade_btn:hover{color: #662b04!important;} .index_11 .main_content .price_box .price_item.cur .ver_fun .fun_box .fun_item{filter: unset;} .index_11 .main_content .price_box .price_mobile_switch .m_switch_item.cur:nth-child(12),.index_11 .main_content .price_box .price_mobile_switch .m_switch_item.cur:nth-child(3),.index_11 .main_content .price_box .price_mobile_switch .m_switch_item.cur:nth-child(5),.index_11 .main_content .price_box .price_mobile_switch .m_switch_item.cur:nth-child(15){background: #ffc21b;color: #662b04;} .index_11 .main_content .price_box .price_item .ver_title{padding:5px 0 15px;} /*.index_11 .main_content .price_box .price_item:nth-child(12) .ver_fun .fun_box .fun_item,.index_11 .main_content .price_box .price_item:nth-child(3) .ver_fun .fun_box .fun_item,.index_11 .main_content .price_box .price_item:nth-child(4) .ver_fun .fun_box .fun_item,.index_11 .main_content .price_box .price_item:nth-child(15) .ver_fun .fun_box .fun_item{background-image: url(../images/price/11_ico_m.png);}*/ @media screen and (max-width:1024px) { .index_11 .banner.pc{display: none;} .index_11 .banner.mobile{display: block;} .index_11 .banner.mobile img{width: 100vw;/*height: 109.3333vw;*/} .index_11 .main_content .price_box .price_item .ver_title{padding:5px 0 10px;} } .price .navigation {width: 1525px;margin: 0 auto;padding: 0;margin-bottom: 20px;display: none} .price .p_navigation{display: block;} @media screen and (max-width: 1550px){ .price .navigation{width: 92%;} } @media screen and (max-width: 1024px) { .price .navigation {margin-bottom: 5vw;padding: 20px 8vw 0;width: 84vw;} } /*浮窗*/ .main_content .price_scroll{background: #fff;position: fixed;top: 68px;width: 100%;z-index: 1001;display: none;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.09);} .main_content .price_scroll .price_table {margin: 10px auto; padding: 0;font-weight: bold;} .main_content .price_scroll .price_table .table_td{padding:0;} .main_content .price_scroll .price_table .table_td:not(:first-child) .tb_box .tb_content:nth-child(1){color:#000;} .main_content .price_scroll .price_table .table_td .tb_box .tb_content:nth-child(1) {background-color: unset;font-size: 22px;color: #000;font-weight: bold;} .main_content .price_scroll .price_table .tb_content {line-height: 1.75;font-size: 16px;color: #495567;} .main_content .price_scroll .price_table .tb_content>em{font-weight:bold;} .main_content .price_scroll .price_table .table_td .tb_box .tb_content .upgrade_btn {margin: 5px 9%;width: auto;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #000;background-color: #fff;border-radius: 8px;cursor: pointer;font-weight: bold;transition: all 0.4s;border: 2px solid #000000;text-transform: capitalize;margin-top: 8px;} .main_content .price_scroll .price_table .table_td:nth-child(3) .tb_box .tb_content .upgrade_btn,.main_content .price_scroll .price_table .table_td:nth-child(4) .tb_box .tb_content .upgrade_btn,.main_content .price_scroll .price_table .table_td:nth-child(5) .tb_box .tb_content .upgrade_btn,.main_content .price_scroll .price_table .table_td:nth-child(6) .tb_box .tb_content .upgrade_btn{color: #FFFFFF;background-color: #ff9537;border: 2px solid #ff9537;} .main_content .price_scroll .price_table .table_td:nth-child(3) .tb_box .tb_content .upgrade_btn:hover,.main_content .price_scroll .price_table .table_td:nth-child(4) .tb_box .tb_content .upgrade_btn:hover,.main_content .price_scroll .price_table .table_td:nth-child(5) .tb_box .tb_content .upgrade_btn:hover,.main_content .price_scroll .price_table .table_td:nth-child(6) .tb_box .tb_content .upgrade_btn:hover{background-color: var(--maincolor1hover);border-color: var(--maincolor1hover);} .main_content .price_table.no_month .table_td:nth-child(3), .main_content .price_table.no_month .table_th:nth-child(3){display: none!important;} .main_content .price_box .show_year,.main_content .price_table .show_year{display:inline-block!important;} .main_content .price_box .show_year.block,.main_content .price_table .show_year.block{display:block!important;} .main_content .price_box .show_year.fun_item,.main_content .price_table .show_year.fun_item{display:flex!important;} .main_content .price_box .show_month,.main_content .price_table .show_month{display:none!important;} .main_content.show_month .price_box .show_month,.main_content.show_month .price_table .show_month{display:inline-block!important;} .main_content.show_month .price_box .show_year,.main_content.show_month .price_table .show_year{display:none!important;} .main_content .price_change_out{display: flex;justify-content: center;margin-bottom:40px;} .main_content .price_change{padding: 7px;background: #fff;display: inline-block;border-radius:40px;box-shadow:0 10px 20px rgba(198, 206, 224, 0.5);} .main_content .price_change span{display: inline-block;line-height: 66px;padding:0 10px;background: transparent;color:#333;font-weight:bold;border-radius:33px;cursor: pointer;min-width:208px;font-size:24px;text-align:center;position: relative;} .main_content .price_change span.cur{background: #045afe;color:#fff;} .main_content .price_change span em{display:inline-block;font-size:17px;background: linear-gradient(to right, #f64aea, #ff6f89);color:#fff;padding:0 8px;min-width:62px;line-height: 35px;border-top-left-radius:18px;border-bottom-right-radius:18px;top:-18px;right:0;position: absolute;text-transform:uppercase;font-weight:bold;} @media screen and (max-width:1024px) { .main_content .price_change span{min-width:120px;line-height:50px;font-size:22px;} .main_content .price_change span em{font-size:15px;min-width:55px;line-height:34px;top:-17px;} .main_content .price_table .tb_content .show_year,.main_content .price_table .tb_content .show_month{line-height:1.5;word-break:break-word;} } /*数据定制服务*/ .main_content .customization_services{height: 88px;background: url(../images/price/customization_services.png) no-repeat center/cover;box-shadow: 0 80px 100px rgba(210,231,253,0.3);border-radius: 15px;margin-top: 30px;display: flex;align-items: center;justify-content: center;flex-direction: row;column-gap: 60px;} .main_content .customization_services .info{display: flex;column-gap: 25px;align-items: center;line-height: 1.5;} .main_content .customization_services .info .title{font-size: 30px;font-weight: bold;color: #FFF;} .main_content .customization_services .info .divider{height: 31px;width: 1px;background-color: #486fd3;} .main_content .customization_services .info .tips{font-size: 24px;color: #FFF;} .main_content .customization_services .btn_services{display: inline-block;background-color: #ff9537;border: 1px solid #ff9537;padding: 11px 49px;border-radius: 5px;font-size: 18px;color: #FFF;line-height: 1.5;cursor: pointer;font-weight: bold;} @media screen and (max-width:1330px) { .main_content .customization_services{column-gap: 1.6vw;} .main_content .customization_services .info{column-gap: 1.6vw;} .main_content .customization_services .info .title{font-size: 2.25vw;} .main_content .customization_services .info .tips{font-size: 1.8vw;} } @media screen and (max-width:1024px) { .main_content .customization_services{background: url(../images/price/customization_services_m.png) no-repeat center/cover;flex-direction: column;height: 40vw;margin: 4vw 0vw 0 0vw;padding: 0 4vw;row-gap: 2.6vw;} .main_content .customization_services .info{flex-direction: column;row-gap: 2.6vw;} .main_content .customization_services .info .divider{display: none;} .main_content .customization_services .info .title{font-size: 5.8vw;} .main_content .customization_services .info .tips{font-size: 3.4vw;} .main_content .customization_services .btn_services{padding: 1.6vw 10vw;font-size: 3.4vw;} } /*数据定制服务*/ /*.main_content .price_box {padding-top: 35px;}*/ .main_content .price_box .price_item .price_item_cap{background: linear-gradient(to right, #f61e19, #ff5c30);line-height: 40px;height:50px;text-align: center;color: #fff;font-weight: bold;font-size: 18px;border-top-right-radius: 10px;border-top-left-radius: 10px;position: absolute;top: -40px;width: 100%;z-index: -1;display: none;} /*@media screen and (max-width:1024px) {*/ /* .main_content .price_box{padding-top: 0}*/ /* .main_content .price_box .price_item .price_item_cap{display: none;}*/ /*}*/ /*price_box_new*/ .main_content .price_bg{background: #FFF;padding-top: 46px} .main_content .price_box_new .show_year{display:inline-block!important;} .main_content .price_box_new .show_month{display:none!important;} .main_content.show_month .price_box_new .show_month{display:inline-block!important;} .main_content.show_month .price_box_new .show_year{display:none!important;} .main_content .price_box_new{} .main_content .price_box_new .price_mobile_switch{display: none;} .main_content .price_box_new .price_wrapper{display: flex;flex-direction: row;border-top: 0;justify-content: center;align-items: center;max-width: 950px;margin: 0 auto;} .main_content .price_box_new .price_wrapper .price_item_top {position: sticky;top: 114px;z-index: 1;border-top: 1px solid #e2e8f1;border-bottom: 1px solid #e2e8f1;display: flex;}/*display: grid;grid-template-columns: repeat(6, 1fr);*/ .main_content .price_box_new .price_wrapper .price_item_top .item_box{width: calc((100% - 220px) / 5);background: #FFF;padding: 29px;border-right: 1px solid #e2e8f1;position: relative;display: flex;flex-direction: column;box-sizing: border-box;float: left;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child{width: 220px;padding: 0;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:last-of-type{border-right: 0;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_top{min-height: 133px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child .ver_top{min-height: unset;margin-bottom: 40px} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_title {color: #333333;font-size: 24px;font-weight: bold;text-transform: capitalize;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_desc {margin-top: 3px;color: #7e899a;font-size: 12px;min-height: 38px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child .ver_top_inner{padding: 29px 29px 2px;background: linear-gradient(to right, #fd461a, #fc823a);} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child .ver_title{color: #FFF;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child .ver_desc{color: #FFF;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_price {line-height: 1;display: flex;flex-direction: column;align-items: flex-start;gap: 10px;margin-bottom: 10px;color: #c7b4a7;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_price .cur_price {font-size: 16px;color: #333;position: relative;display: flex;align-items: flex-end;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_price .cur_price i {font-size: 40px;font-weight: bold;color: #000;line-height: 0.81;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_price .cur_price i em {font-weight: bold;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_old_price{text-decoration: line-through;font-size: 20px;flex-grow: 1;min-height: 24px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_price .cur_price .cur_price_right {display: flex;flex-direction: column;row-gap: 5px;color: #444444;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_allow .upgrade_btn {height: 46px;line-height: 42px;text-align: center;font-size: 16px;border-radius: 4px;cursor: pointer;font-weight: bold;transition: all 0.4s;text-transform: capitalize;box-sizing: border-box;color: #FFF;background-color: #fe1b01;border: 2px solid #fe1b01;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(2) .ver_allow .upgrade_btn{color: #000;background-color: #fff;border: 2px solid #000000;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .white_top{z-index: 1;height: 46px;position: absolute;top: -47px;left: 0;background: #FFF;width: 101%;margin-left: -1px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .activity_top{z-index: 2;position: absolute;top: -46px;left: 0;background: linear-gradient(to right, #fd461a, #fc823a);border-top-left-radius: 4px;border-top-right-radius: 4px;height: 46px;line-height: 46px;text-align: center;width: calc( 400% + 4px );font-size: 24px;font-weight: bold;color: #FFF;} /*选中*/ .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(4), .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(5) {background: #fffcf2;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(4) .ver_title, .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(5) .ver_title {color: #702d00;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(4) .ver_desc, .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(5) .ver_desc {color: #000;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(4) .ver_price .cur_price i, .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(5) .ver_price .cur_price i, .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(4) .ver_price .cur_price .cur_price_right, .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(5) .ver_price .cur_price .cur_price_right {color: #fd6e21;} /*选中*/ .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out{border-bottom: 1px solid #e2e8f1;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out:last-of-type{border-bottom: unset;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box {position: relative;display: flex;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item{width: calc((100% - 220px) / 5);padding: 0 29px;border-right: 1px solid #e2e8f1;color: #495567;position: relative;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;float: left;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item:first-child{width: 220px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item:last-of-type{border-right: 0;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item .fun_a_box{height: 100%;display: flex;align-items: center;justify-content: center;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item .fun_a_box .fun_a{color: #0058ff;border-bottom: 1px solid;line-height: 1;display: inline-block;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box{border-bottom: 1px solid #e2e8f1;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item{text-align: center} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:first-child{text-align: left;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item.fun_title{background: linear-gradient(to right, #fd461a, #fc823a);font-size: 16px;color: #FFF;display: flex;height: 55px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item.fun_title .m_title{font-size: 12px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item .fun_a_box{display: none;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:nth-of-type(2) .fun_a_box{display: flex;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom{font-size: 14px;color: #36404f;border-bottom: 1px solid #e2e8f1;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom:last-of-type{border-bottom: unset;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item{padding-top: 9px;padding-bottom: 9px;text-align: center;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box:first-child .fun_item{padding-top: 22px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box:last-child .fun_item{padding-bottom: 22px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:first-child{text-align: left;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item.fun_title{font-size: 14px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item.fun_title .b_title{font-weight: bold;color: #000;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item.fun_title .m_title{font-size: 12px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item .price_icon_box{display: flex;justify-content: center;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item .price_icon{width: 16px;height: 16px;display: inline-block;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item .price_icon.icon_yes{background: url('../images/price/price_yes_2.png') no-repeat;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item .price_icon.icon_no{background: url('../images/price/price_no_2.png') no-repeat;} /*选中*/ .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:nth-of-type(4), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:nth-of-type(5), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(4), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(5) {background: #fffcf2;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(4) .price_icon.icon_yes, .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(5) .price_icon.icon_yes {background: url('../images/price/price_yes_cur.png') no-repeat;} /*选中*/ @media screen and (max-width:1400px) { .main_content .price_box_new .price_wrapper .price_item_top .item_box{width: calc((100% - 180px) / 5);padding: 1vw;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item{width: calc((100% - 180px) / 5);padding-left: 2vw;padding-right: 1vw;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child, .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item:first-child{width: 180px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_top{min-height: 110px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_title{font-size: 22px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_price{margin-top: 5px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_price .cur_price i{font-size: 28px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_allow .upgrade_btn{height: 40px;line-height: 36px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child .ver_top_inner{padding: 1vw 1vw 2px;} } @media screen and (max-width:1200px) { .main_content .price_box_new .price_wrapper .price_item_top .item_box{width: calc((100% - 160px) / 5);padding: 1vw;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item{width: calc((100% - 160px) / 5);padding-left: 1vw;padding-right: 1vw;} } @media screen and (max-width:1024px) { .main_content .price_bg{padding-top: 0;} .main_content .price_box_new .price_mobile_switch{width: 100%;margin: 0 auto; display: none; justify-content:space-between;} .main_content .price_box_new .price_mobile_switch .m_switch_item{display: inline-block; font-size: 14px; color: #000000; width: 24%; height: 42px; line-height: 42px; text-align: center; background: transparent; border-radius: 5px; font-weight: bold;text-transform: capitalize;} .main_content .price_box_new .price_mobile_switch .m_switch_item.cur{color: #fff; background-color: #096efd;} /*.main_content .price_box_new .price_wrapper{margin-top: 46px;}*/ .main_content .price_box_new .price_wrapper .price_item_top{position: relative;top: 0;} .main_content .price_box_new .price_wrapper .price_item_top .item_box, .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child{width: calc(100% / 2);padding: 29px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child{padding: 0;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(2), .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(3), .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(4), .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(5), .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(6){display: none;border-right: 0;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:nth-of-type(3){display: block;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .activity_top{width: 100%;display: block;top: -36px;height: 36px;line-height: 36px;font-size: 14px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .white_top{display: none;} .main_content .price_box_new .price_wrapper .price_item_top .item_box .ver_top {min-height: 110px;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child .ver_top_inner{padding: 29px 29px 2px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item, .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item:first-child{width: calc(100% / 2);padding-left: 29px;padding-right: 29px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:nth-of-type(2), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:nth-of-type(3), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:nth-of-type(4), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:nth-of-type(5), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:nth-of-type(6){display: none;border-right: 0;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item:nth-of-type(3){display: block;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_top .item_box .fun_item .fun_a_box{display: flex;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(2), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(3), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(4), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(5), .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(6){display: none;border-right: 0;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item:nth-of-type(3){display: block;} } @media screen and (max-width:750px) { .main_content .price_box_new .price_wrapper .price_item_top .item_box, .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child{width: calc(100% / 2);padding: 2vw;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child{padding: 0;} .main_content .price_box_new .price_wrapper .price_item_top .item_box:first-child .ver_top_inner{padding: 2vw 2vw 2px;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item, .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box .fun_item:first-child{width: calc(100% / 2);padding-left: 2vw;padding-right: 2vw;} } /*price_box_new*/ .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .bg_color_1{background: linear-gradient(to right, #fd461a, #fc823a);color: #fff;} .main_content .price_box_new .price_wrapper .price_item_bottom .item_box_out .item_box_bottom .item_box .fun_item.fun_title.bg_color_1 .b_title{color: #fff;} .main_content .price_box_new .price_wrapper .card{border-radius:10px;padding:40px;width:472px;height:472px;margin:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);text-align:left;box-sizing:border-box;z-index:1} .main_content .price_box_new .price_wrapper .card h2{font-size:24px;font-weight:bold;margin-bottom:10px} .main_content .price_box_new .price_wrapper .card>p{font-size:16px} .main_content .price_box_new .price_wrapper .black{background-color:#045afe;color:#fff;position:relative} .main_content .price_box_new .price_wrapper .gold{background-color:#fff} .main_content .price_box_new .price_wrapper .black .more_buy{background:url("/static/themes/default/images/price/more_buy.png");width:73px;height:99px;background-size:contain;background-repeat:no-repeat;position:absolute;top:-1px;right:6%} .main_content .price_box_new .price_wrapper .gold p.price{color:#407aff} .main_content .price_box_new .price_wrapper .card p.price{margin:10px 0;font-size:50px;font-weight:bold} .main_content .price_box_new .price_wrapper .card p.price span{font-size:18px;font-weight:normal} .main_content .price_box_new .price_wrapper .buy-button{background-color:#ff7d0a;color:white;border:none;border-radius:30px;padding:17px 20px;cursor:pointer;margin-top:10px;width:100%;font-size:16px} .main_content .price_box_new .price_wrapper .gold .buy-button{background-color:#fff;color:#407aff;border:2px solid #407aff} .main_content .price_box_new .price_wrapper .buy-button:hover{background-color:#f17c15} .main_content .price_box_new .price_wrapper .gold .buy-button:hover{background-color:#407aff;color:#fff} .main_content .price_box_new .price_wrapper ul{list-style-type:none;padding:0;text-align:left;display:grid;grid-template-columns:repeat(2,1fr);margin-top:30px;color:#808ca2} .main_content .price_box_new .price_wrapper .black ul{color:#fff} .main_content .price_box_new .price_wrapper li{margin:10px 0;position:relative;padding-left:20px} .main_content .price_box_new .price_wrapper li::before{content:'';position:absolute;left:0;top:2px;width:14px;height:14px;background-image:url('/static/themes/default/images/price/li_icon.png');background-size:cover;background-repeat:no-repeat} .main_content .price_item_bottom .container{max-width:800px;margin:auto;background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:20px} .main_content .price_item_bottom h1{text-align:center;color:#000000;font-size:40px;font-weight:bold;margin-top:50px} .main_content .price_item_bottom p{font-size:18px;text-align:center;margin:15px 0 30px 0} .main_content .price_item_bottom table{max-width:940px;width:100%;margin:0 auto;border-collapse:collapse} .main_content .price_item_bottom th,.main_content .price_item_bottom td{text-align:center;padding:20px;border:1px solid #e8f1ff} .main_content .price_item_bottom th:first-child{text-align:left} .main_content .price_item_bottom td i.icon_dui{background-size:contain;background-image:url(../images/price/price_dui.png);background-repeat:no-repeat;width:17px;height:12px;display:inline-block;text-align:center} .main_content .price_item_bottom td i.no_permit{background-size:contain;background-image:url(../images/price/no_permit.png);background-repeat:no-repeat;width:15px;height:13px;display:inline-block;text-align:center} .main_content .price_item_bottom thead tr{position:sticky;top:67px} .main_content .price_item_bottom tr{font-size:14px;color:#495567} .main_content .price_item_bottom tbody tr:nth-child(even){background-color:#fff} .main_content .price_item_bottom tbody tr.top{background:#f3f8ff;color:#000000} .main_content .price_item_bottom tr.top td:first-child{font-weight:bold;font-size:16px} .main_content .price_item_bottom tr td{color:#407aff} .main_content .price_item_bottom tr td:first-child{color:#495567;text-align:left} .main_content .price_item_bottom th{background-color:#007bff;color:white;font-size:16px;font-weight:bold} .main_content .price_item_bottom tbody tr:hover{background-color:#e9ecef} @media screen and (max-width:1024px){ .main_content .price_box_new .price_wrapper{flex-direction:column;min-width:unset} .main_content .price_box_new .price_wrapper .card{width:100%;height:auto} .main_content .price_item_bottom thead tr{top:0} .main_content .price_box_new .price_wrapper .black .more_buy{height: 80px;} } @media screen and (max-width:450px){ .main_content .price_box_new .price_wrapper ul{grid-template-columns:repeat(1,1fr)} } #banner:before{content: "";position: absolute;top: 0;left: 0;background: #d7ebfd;width: 100%;height: 450px;}