/* Semantic tags retain the legacy desktop appearance. Layout changes are mobile-only. */
.service-detail-page h2.moreService,
.service-detail-page .steplist h3.t{font-weight:400;}
.service-detail-page .steplist h3.t{margin-top:0;}
.service-detail-page .new_banner h1.title{margin:0;font-weight:400;padding:0;}
.service-detail-page .service-materials{list-style:none;margin:0;padding:0;}
.service-detail-page .service-materials li{list-style:none;margin:0;padding:0;}
.service-detail-page .service-detail-main p.service-paragraph{margin:0;}
.service-detail-page #serviceTable th{font-weight:400;text-align:left;line-height:42px;border-bottom:1px solid #DBDBDB;padding:0 10px;}
.service-detail-page .service-table-wrap{overflow-x:auto;}
.service-detail-page .service-table-wrap:focus{outline:2px solid #387ee8;outline-offset:2px;}
.service-detail-page .regist_view h2.service-package-title{display:inline;font:inherit;margin:0;line-height:inherit;}
.service-detail-page .advantage_box h3{font-size:18px;font-weight:bold;margin:0;color:inherit;}
.service-detail-page h3.theQ{margin:0;}
.service-detail-page .process_view h2,
.service-detail-page .advantage_view h2{font-size:32px;font-weight:400;text-align:center;margin-top:55px;margin-bottom:50px;}
.service-detail-page .question h2{font-size:32px;font-weight:400;text-align:center;margin:0 0 40px;}
.service-detail-phone h2.bar{margin:0;font-weight:400;}
.service-detail-phone h2.mbar{font-weight:400;}
.service-detail-phone #csstable th{text-align:center;font-weight:400;border-right:1px solid #dcdcdc;border-bottom:1px solid #ddd;padding:4px 5px;background:#e0e0e0;height:45px;line-height:45px;}
.service-detail-sms h2.sms-super-title{display:inline;font-size:18px;font-weight:bold;margin:0;padding-right:10px;}
.service-detail-sms h2.sms-section-title{display:inline;font:inherit;margin:0;color:inherit;}
.service-detail-sms #sms_content .sms_order th{border:1px solid #ddd;border-width:0 1px 0 0;text-align:center;padding:4px;font-size:14px;font-weight:600;height:50px;line-height:50px;}
.service-detail-sms #sms_content .sms_order th.sms_hot{border-left:1px solid #c00;border-right:1px solid #c00;}
.service-detail-sms #sms_content .sms_order th.rborder{border-right:0;}
.service-detail-extra h2.comTopLeft{margin:0;font-weight:400;}
.service-detail-extra .imgName h3{display:inline;font:inherit;margin:0;}
.service-detail-extra #genCon a:focus-visible{outline:2px solid #c00;outline-offset:3px;}
@media screen and (max-width:1023px){
    .service-detail-page .regist_view .content{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
    .service-detail-page .regist_view .zbox{left:auto;float:none;width:calc(50% - 10px);margin:0;box-sizing:border-box;}
    .service-detail-page .regist_view .zbox:last-child{margin:0;}
    .service-detail-page .steplist{background:none;}
    .service-detail-page .steplist ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;}
    .service-detail-page .steplist li{float:none;width:auto;height:auto;margin:0;min-width:0;}
    .service-detail-page .steplist li .t{margin:0 0 8px;text-align:center;line-height:1.6;}
    .service-detail-page .steplist li .d{padding:0;text-align:center;line-height:1.8;}
}
@media screen and (max-width:768px){
    body.service-detail-page{min-width:0;}
    .service-detail-page #Page,.service-detail-page #Pages{width:100%;max-width:100%;min-width:0;box-sizing:border-box;}
    .service-detail-page #Pages.service-detail-main{padding:20px 16px 28px;}
    .service-detail-page .service-detail-main .moreService{font-size:20px;line-height:1.5;margin:16px 0 12px;padding:0;overflow-wrap:anywhere;}
    .service-detail-page .service-detail-main #border{padding:16px!important;box-sizing:border-box;max-width:100%;}
    .service-detail-page .service-detail-main .info{font-size:14px;line-height:1.9;overflow-wrap:anywhere;}
    .service-detail-page .service-materials li{margin-bottom:6px;}
    .service-detail-page .new_banner .main_div{width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;}
    .service-detail-page .new_banner .left_item{max-width:100%;}
    .service-detail-page .new_banner h1.title{font-size:26px!important;line-height:1.4;}
    .service-detail-page .new_banner .left_item .content{width:auto;max-width:100%;font-size:14px;line-height:1.6;}
    .service-detail-page .steplist{padding:0;max-width:100%;}
    .service-detail-page .steplist ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    .service-detail-page .steplist li:nth-child(n){width:auto;height:auto;margin:0;padding:12px 8px;background:#f6f6f6;box-sizing:border-box;}
    .service-detail-page .steplist li .t,.service-detail-page .steplist li .t font{font-size:16px;line-height:1.6;}
    .service-detail-page .steplist li .d{font-size:13px;overflow-wrap:anywhere;}
    .service-detail-page #serviceTable{min-width:480px;}
    .service-detail-page #serviceTable td,.service-detail-page #serviceTable th{font-size:14px;line-height:1.6;padding:12px 10px;}
    .service-detail-page .service-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;}
    .service-detail-page .search_box_input{width:calc(100% - 32px);margin:24px 0;}
    .service-detail-page .search_box_input form{display:flex;}
    .service-detail-page .search_box_input .do_input{float:none;flex:1;width:0;min-width:0;box-sizing:border-box;padding:0 12px;line-height:48px;font-size:14px;}
    .service-detail-page .search_box_input .dotBtn{float:none;flex:0 0 72px;width:72px;line-height:48px;font-size:16px;}
    .service-detail-page .main_view>.content{width:calc(100% - 32px);max-width:100%;box-sizing:border-box;}
    .service-detail-page .regist_view{padding:28px 0;}
    .service-detail-page .regist_view .content{display:block;}
    .service-detail-page .regist_view .zbox{width:100%;max-width:380px;margin:0 auto 20px;left:auto;background-size:100% 150px!important;}
    .service-detail-page .regist_view .zbox:last-child{margin:0 auto;}
    .service-detail-page .boxtitle{font-size:24px;padding:20px 12px 0;}
    .service-detail-page .boxtitle p{margin-top:14px;line-height:1.6;min-height:44px;}
    .service-detail-page .boxtitle p span{font-size:14px;}
    .service-detail-page .boxprice{margin-top:50px;}
    .service-detail-page .boxtext{width:90%;font-size:14px;}
    .service-detail-page .boxtext li{text-indent:0;}
    .service-detail-page .boxyes{height:44px;line-height:44px;}
    .service-detail-page .advantage_view,.service-detail-page .process_view{padding:24px 0 32px;}
    .service-detail-page .advantage_box{float:none;width:100%;height:auto!important;margin:0 0 16px;box-sizing:border-box;padding:24px 16px;}
    .service-detail-page .advantage_box div p{height:auto;width:100%;max-width:28em;line-height:1.8;margin-top:14px;}
    .service-detail-page .advantage_img{margin-bottom:18px;}
    .service-detail-page .main_view h2{font-size:24px;line-height:1.5;margin:0 0 24px;}
    .service-detail-page .question{padding-bottom:28px;}
    .service-detail-page .question .content{padding-top:24px;}
    .service-detail-page .theQA{margin:0 0 20px;}
    .service-detail-page h3.theQ{font-size:16px;line-height:1.8;}
    .service-detail-page .theA{font-size:14px;line-height:1.9;overflow-wrap:anywhere;}
    .service-detail-page .sec_menu_width{display:flex;flex-wrap:wrap;height:auto;max-width:100%;}
    .service-detail-page .sec_menu_width a{float:none;white-space:normal;}
    .service-detail-phone #container{width:100%;padding:20px 16px 28px;margin-top:0;box-sizing:border-box;}
    .service-detail-phone .tc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
    .service-detail-phone .tc>div:nth-child(n){width:auto;min-width:0;margin:0;}
    .service-detail-phone .tc h2.bar{font-size:20px!important;height:auto!important;line-height:1.5;padding:16px 8px;}
    .service-detail-phone .tc .info{padding:0 14px;line-height:1.8;}
    .service-detail-phone .tc .c{margin:16px 0 6px;font-size:14px;}
    .service-detail-phone .tc .b1{height:auto;min-height:0;padding:0;}
    .service-detail-phone .tc .b1 li{display:block;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:anywhere;font-size:14px;}
    .service-detail-phone .tc .b2{margin:16px 0 0;font-size:14px;}
    .service-detail-phone .tc .Link{padding:16px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
    .service-detail-phone .Link .btsb{width:100%;margin:0;}
    .service-detail-phone .Link .btsb input{height:44px;line-height:44px;}
    .service-detail-phone .Link p{float:none;margin:0;}
    .service-detail-phone .Add_cart{line-height:44px;}
    .service-detail-phone h2.mbar{height:auto;overflow:visible;line-height:1.6;padding:0;margin:24px 0 12px;font-size:20px!important;}
    .service-detail-phone .mbar .mr{float:none;display:block;font-size:13px;}
    .service-detail-phone #container>#border{padding:0!important;}
    .service-detail-phone #csstable{min-width:620px;}
    .service-detail-phone #csstable td,.service-detail-phone #csstable th{font-size:14px;line-height:1.7;padding:12px 10px;height:auto;}
    .service-detail-phone #caseList{max-width:calc(100% - 60px);width:calc(100% - 60px)!important;margin-left:30px;}
    .service-detail-phone #gol,.service-detail-phone #gor{z-index:2;}
    .service-detail-sms #sms_content{width:100%;padding:20px 16px 32px;box-sizing:border-box;}
    .service-detail-sms .super{height:auto;line-height:1.8;margin:0 0 24px;padding:0!important;font-size:16px;}
    .service-detail-sms h2.sms-super-title{display:block;padding:0;margin-bottom:8px;}
    .service-detail-sms .smscontact{display:block;padding:8px 0;}
    .service-detail-sms .sms_main{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;}
    .service-detail-sms .sms_main .sms_order{width:100%;min-width:850px;}
    .service-detail-sms .sms_main .sms_order td,.service-detail-sms #sms_content .sms_order th{font-size:14px;line-height:1.8;padding:12px 8px;height:auto;}
    .service-detail-sms .sms_main .btsb{display:block;}
    .service-detail-sms .sms_main .btsb input{min-height:44px;min-width:80px;}
    .service-detail-sms .sms_main .Add_cart{display:inline-block;line-height:44px;}
    .service-detail-sms #sms_content>#border{padding:0!important;}
    .service-detail-sms .hottr{display:none;}
    .service-detail-sms #sms_content>#mbar{display:block;height:auto;padding:24px 0 12px;}
    .service-detail-sms #mbar .l{float:none;font-size:20px;line-height:1.5;}
    .service-detail-sms .adv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px;padding:20px 8px;}
    .service-detail-sms .adv li{float:none;width:auto!important;margin:0!important;}
    .service-detail-sms .adv img{width:auto;max-width:100%;height:auto;}
    .service-detail-sms .adv li a{font-size:13px;line-height:1.8;}
    .service-detail-sms #sms_content>.morelink{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-top:12px;}
    .service-detail-sms #sms_content>.morelink>div{float:none;width:auto!important;height:auto!important;margin:0;padding:0!important;box-sizing:border-box;}
    .service-detail-sms .morelink a{line-height:2;overflow-wrap:anywhere;}
    .service-detail-extra .genreA{margin:0 0 20px;}
    .service-detail-extra .genCon{float:none;width:100%;height:auto;padding:0;box-sizing:border-box;}
    .service-detail-extra .genCon>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
    .service-detail-extra .genCon li{float:none;width:auto;height:auto;margin:0;padding:12px 6px;}
    .service-detail-extra .genCon a{display:block;overflow:hidden;}
    .service-detail-extra .genImg{height:60px;}
    .service-detail-extra .genImg img{max-width:100%;max-height:48px;margin:6px 0;}
    .service-detail-extra .genName{font-size:14px;line-height:1.8;}
    .service-detail-extra .comTopLeft{height:auto;line-height:1.5;padding:8px 0 16px;font-size:22px;}
    .service-detail-extra .comConRight{padding:0;}
    .service-detail-extra .comConRight>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
    .service-detail-extra .comConRight>ul>li:nth-child(n){float:none;width:auto;margin:0;padding:20px 12px;min-width:0;box-sizing:border-box;}
    .service-detail-extra .comConRight .imgName{height:auto;min-height:48px;line-height:1.6;width:100%;padding:12px 0 0;}
    .service-detail-extra .comConRight .suggest{display:block;-webkit-line-clamp:unset;overflow:visible;height:auto;min-height:44px;width:100%;line-height:1.8;font-size:14px;margin:8px 0 16px;}
    .service-detail-extra .comConRight .buyInfo{width:100%;height:auto;overflow:hidden;}
    .service-detail-extra .comConRight .buyInfo .priceNum{float:none;width:100%;height:auto;line-height:1.8;margin-bottom:12px;}
    .service-detail-extra .comConRight .buyInfo .priceNum i{font-size:22px;}
    .service-detail-extra .comConRight .buyInfo .buy{float:none;width:100%;margin:0;display:block;}
    .service-detail-extra .comConRight .buyInfo .buy input{width:100%;height:44px;line-height:44px;font-size:14px;}
}
@media screen and (max-width:480px){
    .service-detail-phone .tc{grid-template-columns:minmax(0,1fr);}
    .service-detail-extra .comConRight>ul{grid-template-columns:minmax(0,1fr);}
    .service-detail-sms .adv{grid-template-columns:repeat(2,minmax(0,1fr));}
}
