@charset "UTF-8";
a {color: #0087FD; }
.globle_button { position: relative; display: inline-block; width: 5.5rem; max-width: 100%; height: 1.35rem; line-height: 1.375rem;  background-image: linear-gradient(90deg, #fe6628, #fd8f36);  background-color: #FF8924; color: #fff; font-size: 0.45rem;  transition: background-color 200ms;  cursor: pointer; border-radius: 0.7rem; box-shadow: 0rem 0.25rem 0.25rem 0rem rgba(0, 0, 0, 0.15); }
.globle_button:hover { background-color: #ff6c00; background-image: linear-gradient(90deg, #ff4201, #ff802b); color: #fff; text-decoration: none; }
.globle_button.hidden { display: none; }
.globle_button.bor { width: 5.4rem; height: 1.25rem; line-height: 1.25rem; background: none; border: 0.05rem solid #fff; height: 1.25rem; }
.globle_button.bor:hover { background-color: white; color: #3589FF; }
.globle_button.bor.width_140 { width: 3.4rem; }
.globle_button.bor.width_180 { width: 4.4rem; }
.globle_button.bor.width_240 { width: 5.9rem; }
.globle_button.bor.width_260 { width: 6.4rem; }
.globle_button.bor.blue { border-color: #0087FF; background: none; color: #0087FF; }
.globle_button.bor.blue:hover { background: #0054ff; color: #fff; border-color: #0054ff; }
.globle_button.bor.orange { border-color: #FE6628; color: #FE6628; }
.globle_button.bor.orange:hover { background-color: #ff6c00; background-image: linear-gradient(90deg, #ff4201, #ff802b); color: #fff; text-decoration: none; }
.globle_button.bor2 { width: 5.4rem; background: none; border: 0.05rem solid #0087FF; height: 1.275rem; color: #0087FF; line-height: 1.25rem; }
.globle_button.bor2:hover { background-color: #0087FF; color: #fff; }
.globle_button.bor2.width_260 { width: 6.4rem; height: 1.5rem; line-height: 1.5rem; }
.globle_button.bor2.width_240 { width: 5.9rem; height: 1.4rem; line-height: 1.4rem; }
.globle_button.bor2.orange { border-color: #FE6628; color: #FE6628; }
.globle_button.bor2.orange:hover { background-color: #ff6c00; background-image: linear-gradient(90deg, #ff4201, #ff802b); color: #fff; text-decoration: none; }
.globle_button.white { background: #fff; color: #3589FF; }
.globle_button.white:hover { background-image: linear-gradient(90deg, #0054ff, #237fff); background-color: #0054ff; color: #fff; }
.globle_button.width_140 { width: 3.5rem; height: 1rem; line-height: 1rem; font-size: 0.4rem; }
.globle_button.width_180 { width: 4.5rem; height: 1.15rem; line-height: 1.125rem; font-size: 0.4rem; }
.globle_button.width_240 { width: 6rem; height: 1.5rem; line-height: 1.5rem; }
.globle_button.width_260 { width: 6.5rem; height: 1.6rem; line-height: 1.625rem; }
.globle_button.width_320 { width: 8rem; height: 1.85rem; line-height: 1.85rem; }
.globle_button span { display: inline-block; vertical-align: middle; font-size: 0.5rem; line-height: 0.55rem; text-align: left; min-width: 4.4rem; margin-right: 0.125rem; }
.globle_button span.center { display: inline-block; vertical-align: middle; font-size: 0.5rem; line-height: 0.55rem; text-align: center; margin-right: 0; }
.globle_button span.center font { color: #fff; }
.globle_button span.center b { font-size: 0.6rem; }
.globle_button span font { display: block; font-size: 0.35rem; color: #AED5FF; }
.globle_button del { font-size: 0.4rem; vertical-align: middle; }
.globle_button .line { width: 0.025rem; overflow: hidden; height: 0.525rem; background-color: #fff; margin: 0 0.15rem; }
.globle_button .iconfont { min-width: 0.75rem; font-size: 0.65rem; }
.globle_button.center { text-align: center; }
.globle_button font { font-size: 0.55rem; }
.globle_button.blue { background-image: linear-gradient(90deg, #0066ff, #2e92ff); background-color: #0066FF; }
.globle_button.blue:hover { background-image: linear-gradient(90deg, #0054ff, #237fff); background-color: #0054ff; }
 @media (max-width: 750px) { 
 .globle_button { width: auto !important; display: block; height: 1.5rem !important; line-height: 1.5rem !important; } 
 }

.paddingTop0 { padding-top: 0 !important; }
.paddingBottom0 { padding-bottom: 0 !important; }
.marginTop0 { margin-top: 0 !important; }
.marginBottom0 { margin-bottom: 0 !important; }


.buycompare { padding: 1.9rem 0 1.7rem 0; text-align: center; background-color: #fff;}
.buycompare .box_all { margin-bottom: 1.7rem; }
.buycompare .box_all .box { padding: 1.05rem 3%; box-shadow: 0rem 0.1rem 1.125rem 0rem rgba(21, 58, 160, 0.1); border-radius: 0.2rem; position: relative; background-color: #fff; }
.buycompare .box_all .box.last { margin-right: 0 !important; float: right; }
.buycompare .box_all .box .name { font-weight: bold; font-size: 0.7rem; margin-bottom: 0.325rem; }
.buycompare .box_all .box .name .ioc_question { font-weight: 300; }
.buycompare .box_all .box .d { font-size: 0.35rem; color: #54545B; margin-bottom: 0.8rem; }
.buycompare .box_all .box .d2 { font-size: 0.35rem; color: #54545B; margin-bottom: 0.7rem; margin-top: -0.75rem; }
.buycompare .box_all .box .price { color: #FE6628; margin-bottom: 0.9rem; }
.buycompare .box_all .box .price font { font-size: 0.75rem; line-height: 1.15rem; display: inline-block; }
.buycompare .box_all .box .price sup { fdisplay: inline-block; font-style: normal; vertical-align: baseline; }
.buycompare .box_all .box .price sub { font-size: 0.45rem; color: #54545B; vertical-align: baseline; }
.buycompare .box_all .box .price del { vertical-align: middle; color: #969696; }
.buycompare .box_all .box .price_box { min-height: 1.5rem; margin-bottom: 0.3rem; }
.buycompare .box_all .box .price_box .price { margin-bottom: 0; }
.buycompare .box_all .box .price_box .price_del { margin: -0.125rem 0 0 0; }
.buycompare .box_all .box .icon_check_box { margin-bottom: 0.35rem; }
.buycompare .box_all .box .last { max-width: 6.5rem; border-top: 0.025rem solid #E5E7F0; margin: 0.5rem auto 0 auto; padding: 0.5rem 0.375rem 0; text-align: left; color: #54545b; line-height: 0.65rem; font-size: 0.35rem; }
.buycompare .box_all .box .last font { color: #FE6628; }
.buycompare .box_all .box.current { box-shadow: 0.05rem 0.05rem #3589FF, -0.05rem 0.05rem #3589FF, 0.05rem -0.05rem #3589FF, -0.05rem -0.05rem #3589FF, 0rem 0.1rem 1.125rem 0rem rgba(21, 58, 160, 0.1); }
.buycompare .box_all .box .checkbox { display: block; font-size: 0.45rem; padding: 0.6rem 0; color: #0087FD; }
.buycompare .box_all .box .checkbox.livechat { border-bottom: .025rem solid #E5E7F0; margin-top: 1.5rem; }
.buycompare .box_all .box .checkbox * { vertical-align: middle; }
.buycompare .box_all .box .checkbox span { display: inline-block; min-width: 3.75rem; margin-left: 0.4rem; text-align: left; }
.buycompare .box_all .box .checkbox:hover { cursor: pointer; }
.buycompare .box_all.list2 { max-width: 20.75rem; margin: 0 auto 1.7rem auto; }
.buycompare .box_all.list2 .box { width: 34%; max-width: 6.9rem; }
.buycompare .box_all.list4 .box { width: 22%; padding: 1.05rem 1%; margin-right: 1.33333333%; }
@media (max-width: 768px) { 
.buycompare .box_all .box { max-width: none !important; width: auto !important; display: block; float: none !important; margin: 1rem 0; }
.buycompare .box_all .box .last { max-width: none; } 
}
.buycompare .box_all2 { margin-bottom: 1.7rem; text-align: center; }
.buycompare .box_all2 .box { display: inline-block; *display: inline; zoom: 1; width: 26%; max-width: 9rem; padding: 0 0 1.05rem; margin-right: 5%; box-shadow: 0 0.25rem 0.35rem rgba(0, 0, 0, 0.1); border-radius: 0.2rem; position: relative; background-color: #fff; border: 0.025rem solid #fff; text-align: left; transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; }
.buycompare .box_all2 .box.last { margin-right: 0; float: right; }
.buycompare .box_all2 .box:hover, .buycompare .box_all2 .box.current { border: 0.025rem solid #0087FF; }
.buycompare .box_all2 .box:hover { transform: translateY(-0.15rem); -moz-transform: translateY(-0.15rem); -webkit-transform: translateY(-0.15rem); }
.buycompare .box_all2 .box .top_tit { background-color: #EDF5FF; color: #56596D; height: 0.975rem; padding: 0.5rem 12% 0; font-size: 0.45rem; font-weight: bold; margin-bottom: 0.375rem; border-radius: 0.2rem 0.2rem 0 0; border: 0.025rem solid #fff; }
.buycompare .box_all2 .box .top_tit.no2 { background-color: #E6F1FF; }
.buycompare .box_all2 .box .top_tit.no3 { background-color: #D8E9FF; }
.buycompare .box_all2 .box .word_mail { padding: 0 12%; }
.buycompare .box_all2 .box .word_mail .price { font-size: 0.8rem; line-height: 1.15rem; }
.buycompare .box_all2 .box .word_mail .price del { vertical-align: middle; color: #969696; font-size: 0.4rem; line-height: 0.45rem; margin-left: 0.25rem; }
.buycompare .box_all2 .box .word_mail .des { height: 1.5rem; font-size: 0.35rem; color: #7E7E8A; line-height: 1.2; }
.buycompare .box_all2 .box .word_mail .des2 { font-size: 0.35rem; color: #7E7E8A; line-height: 0.625rem; }
.buycompare .box_all2 .box .word_mail .list_check { margin-bottom: 0.75rem; }
.buycompare .box_all2 .box .word_mail .list_check li { margin-bottom: 0.125rem; font-weight: 400; }
.buycompare .box_all2 .box .word_mail .list_check li::before { content: '\e606'; display: inline-block; margin-right: 0.125rem; }
.buycompare .box_all2 .box .word_mail .list_check li.current::before { content: '\e605'; color: #FE6628; }
.buycompare .box_all2 .box .word_mail .button { text-align: center; margin: 0.375rem 0; }
.buycompare .box_all2 .box .word_mail .button .globle_button { width: 100% !important; background-color: transparent; background-image: none; border: 0.05rem solid #FF8924; color: #FF8924; box-shadow: none; }
.buycompare .box_all2 .box.current .top_tit { border: none; }
.buycompare .box_all2 .box.current .button .globle_button { background-image: linear-gradient(90deg, #fe6628, #fd8f36); background-color: #FF8924; box-shadow: 0rem 0.25rem 0.25rem 0rem rgba(0, 0, 0, 0.15); color: #fff; }
.buycompare .box_all2 .box .recom { background: url(/images/icon-web-all.png) -4.6rem -6rem no-repeat; width: 2.95rem; height: 2.55rem; position: absolute; right: -0.175rem; top: -0.175rem; background-size: 30rem 30rem; }
.buycompare .box_all2 .box .price_box { min-height: 1.5rem; margin-bottom: 0.3rem; }
.buycompare .box_all2 .box .price_box .price { margin-bottom: 0; }
.buycompare .box_all2 .box .price_box .price_del { margin: -0.125rem 0 0 0; }
.buycompare .box_all2 .box .icon_check_box { margin-bottom: 0.35rem; }
.buycompare .box_all2 .box .checkbox { display: block; font-size: 0.45rem; padding: 0.6rem 0; color: #0087FD; }
.buycompare .box_all2 .box .checkbox.livechat { border-bottom: .025rem solid #E5E7F0; margin-top: 1.5rem; }
.buycompare .box_all2 .box .checkbox * { vertical-align: middle; }
.buycompare .box_all2 .box .checkbox span { display: inline-block; min-width: 3.75rem; margin-left: 0.4rem; text-align: left; }
.buycompare .box_all2.list2 { max-width: 20.75rem; margin: 0 auto 1.7rem auto; }
.buycompare .box_all2.list2 .box { width: 34%; max-width: 6.9rem; }
.buycompare .box_all2.list2 .box.current { max-width: 6.8rem; }
@media (max-width: 768px) { 
.buycompare .box_all2 .box { max-width: none !important; width: auto !important; display: block; float: none !important; margin: 1rem 0; }
.buycompare .box_all2 .box .last { max-width: none; } 
}
/*支付完成页*/
.pay_success_banner { background: url("/images/pay/successful-bg.png") no-repeat center;  min-height: 5.45rem; line-height: 5.45rem; padding: 0.5rem 0; background-size: cover; margin-bottom: 32px; }
.pay_success_banner .icons { background: url("/images/pay/pay_icons.png") -1.25rem -5.95rem no-repeat; background-size: 30rem 30rem; width: 5.5rem; height: 4.5rem; position: absolute;}
.pay_success_banner .box{margin-left:6rem;color:#fff;display:inline-block;vertical-align:middle;line-height:.6rem}
.pay_success_banner .box .title {font-size:32px;line-height:1.2;margin-bottom:12px; font-weight: 600;}
.pay_success_banner .box .des{margin-bottom:.9rem;font-size:16px;line-height:1.2;}
.pay_success_banner .box .list li{font-size:.5rem;line-height:.7rem;float:left;margin-right:2.5rem; list-style: none;}
.pay_success_banner .box .list li:last-child{margin-right:0}
.pay_success_banner .box .list li font{font-size:.7rem}
@media (max-width: 479px){
    .pay_success_banner .icons{position:static;margin:0 auto}
    .pay_success_banner .box{margin:1rem 0;text-align:center;display:block}
    .pay_success_banner .box .list li{margin:0;float:none}
}
.pay_success_table{padding:.5rem 0;}
.pay_success_table .table{width:100%;border-collapse:collapse;margin: 0 0 12px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.pay_success_table .table *{vertical-align:middle}
.pay_success_table .table th{background:#f1f1f1;height:1.35rem;line-height:2;text-align:left;padding:0 .5rem}
.pay_success_table .table th.no1{padding-left:1.5rem}
.pay_success_table .table td{height:1.15rem;line-height:2;text-align:left;padding:16px 8px;border-bottom:.025rem solid #D8D8D8}.pay_success_table .table td.no1{padding-left:1.5rem}
.pay_success_table .table td .copy{background:#EEEEEE; text-align:center;display:inline-block;border-radius:2px;margin-left:8px;vertical-align:baseline;cursor:pointer;position:relative; line-height: 1; padding: 2px 4px; }
.pay_success_table .table td .copy .suss{width:2.3rem;padding:0.1rem;background-color:#fff;border:0.05rem solid #7dd400;position:absolute;left:50%;top:50%;color:#2f2f2f;border-radius:.125rem;position:absolute;left:-.575rem;top:-1.025rem;z-index:10;display:none}
.pay_success_table .table td .copy .suss span{vertical-align:top;line-height:.625rem;color:#7dd400;font-size:.35rem; }
.pay_success_table .table td .copy .suss span:before{content:'\e619';padding-right:0.125rem;color:#7dd400}
.pay_success_table .notice p{color:#FD8C35;font-size:.35rem;line-height:1.5; padding: 4px 0;}
@media (max-width: 1000px){
    .pay_success_table{overflow:auto}
    .pay_success_table .table{min-width:18rem}
}
.pay_button { line-height: 1;}
.pay_contact_us{overflow: hidden;}
.pay_contact_us .box_all{position:relative;box-shadow:0 0 .35rem 0rem rgba(0,0,0,0.1);border-radius:12px;overflow: hidden; margin: 32px;}
.pay_contact_us .box_all .img{float:left;width:30%}
.pay_contact_us .box_all .img img{display:block}
.pay_contact_us .box_all .box{float:right;width:68%;padding-top:.6rem}
.pay_contact_us .box_all .box .t{color:#328DF3;font-size:18px;line-height:2;font-weight:bold}
.pay_contact_us .box_all .box .d_box{margin-bottom:.25rem}
.pay_contact_us .box_all .box .d_box .d{font-size:.4rem;line-height:.55rem;color:#909193;float:left;width:70%; line-height: 1.5;}
.pay_contact_us .box_all .box .d_box .pay_button{float:right;margin:-.25rem 6% 0 0;text-decoration: none;}
.pay_contact_us .box_all .box .list li{min-width:27%; list-style: none;}
.pay_contact_us .box_all .box .list li .qq{background:url("/images/pay/btn-qq.png") 0 0 no-repeat;background-size:90px 26px;display:inline-block;width:90px;height:26px;text-decoration:none; margin-bottom: 12px;}
.pay_contact_us .box_all .box .list li .mail:before{content:'';background:url("/images/pay/pay_icons.png")  -20.175rem -1.25rem no-repeat;
          background-size: 30rem 30rem;
          width: 0.6rem;
          height: 0.6rem;
          margin-right: 0.25rem; }
@media (max-width: 1000px){
    .pay_contact_us .box_all .img{display:none}
    .pay_contact_us .box_all .box{float:none;width:auto;padding:1rem}
}
.pay_fail_banner{background:url("/images/pay/fail-bg.png") no-repeat center top;padding:3.4rem 0 1rem 0;margin-bottom:3.75rem;text-align:center}
.pay_fail_banner .icons{background:url("/images/pay/pay_icons.png") -7.7rem -6.075rem no-repeat;width:5.55rem;height:4.75rem;background-size:30rem 30rem;margin:0 auto .75rem auto}
.pay_fail_banner .title{color:#FF4040;font-size:.8rem;line-height:1.1rem;margin-bottom:.25rem}
.pay_fail_banner .des{font-size:.4rem;line-height:.55rem;color:#909193;margin-bottom:1rem}
.pay_fail_banner .error{font-size:.4rem;line-height:.55rem}
@media (min-width: 1900px){
    .pay_fail_banner{background-size:100% 6.45rem}
}