@charset "utf-8";
.warp{ background:#fff; font-family:"微软雅黑"; max-width:550px; margin:0 auto;}
.content_box{ background:#fff; position:absolute; width:98%; top:28.5%; left:1%; z-index:1000; margin:0 auto; padding-bottom: 5px;}
.con_tit{height:48px; line-height:48px; background:#ffffff; font-size:15px; color:#333; border-bottom:1px solid #dddddd; position:relative; padding-left:10px;}
.con_tit i a{ display:block; position:absolute; background:url(../img/h5sdk_n11.html) no-repeat; width:26px; height:26px; right:8px; top:11px;}
.content_box ul{ padding:2px 5px 0 5px; clear:both; overflow:hidden;}
.content_box ul .nolibao{ padding-bottom:10px; padding-top:6px; font-size:14px; font-family:"微软雅黑"; color:#999;}
.content_box ul li{clear:both; margin-top:10px; background:#fff; box-shadow:0 0 1px 0 rgba(0,0,0,0.1); position:relative; height:46px;}
.content_box ul li span{position:absolute; left:0; top:10px;width:40px; height:26px; display:inline-block; border-right:1px solid #e0e0e0;}
.content_box ul li span.user{ background:url(../img/h5sdk_n1.html) no-repeat center; background-size:24px auto;}
.content_box ul li span.yzm{ background:url(../img/h5sdk_n2.html) no-repeat center; background-size:26px auto;}
.content_box ul li span.password{ background:url(../img/h5sdk_n3.html) no-repeat center; background-size:20px auto;}
.content_box ul li p{position:absolute; left:50px; top:0; right:1px;}
.content_box ul li p .input_1,.input_2{background:none; border:0; width:100%; color:#8c8c8c; font-size:14px; line-height:16px; padding:15px 0; font-family:"微软雅黑";}
.content_box ul li p .input_2{width:60%;}
.content_box ul li .send_yzm{position:absolute; right:0; top:0; height:16px; padding:15px 10px;font-size:14px;background:#fc9439; color:#fff; display:inline-block; cursor:pointer; line-height:16px;}
.content_box .button{ margin:10px 18px 20px 18px; height:42px; clear:both;}
.content_box .button a{ float:left; width:32%; margin-right:2%; color:#fff; height:16px; line-height:16px; font-size:14px; text-align:center; border-radius:1px; text-decoration:none; padding:13px 0;}
.content_box .button a.wx{ display:block; width:31%; height:14px; background:#ffffff; border:1px solid #09bb07;}
.content_box .button a.wx i{ color:#666; text-align:center;}
.content_box .button a.zfb{ display:block; width:31%; height:14px; background:#ffffff; border:1px solid #06abff;}
.content_box .button a.zfb i{ color:#666; text-align:center;}
.content_box .button a.SW{ background:#fc9439;}
.content_box .button a.LG{ background:#6bc03e;}
.content_box .button a.yij{ background:#2daffa;}
.content_box .button a:last-child{ margin-right:0;}
.p_login_2{ position:relative; line-height:20px; height:20px; text-align:center; font-size:12px; color:#999; margin-bottom:5px;}
.p_login_em_left{ position:absolute; top:10px; left:0; height:1px; background:#ccc; width:40%; z-index:-1;}
.p_login_span{ background:none; font-size:13px; padding:0 3px; display:inline-block;}
.p_login_em_right{ position:absolute; top:10px; right:0; height:1px; background:#ccc; width:40%; z-index:-1;}
.content_box .ght{ clear:both; margin-top:10px; background:#fff; box-shadow:0 0 1px 0 rgba(0,0,0,0.1); margin:2px 18px 0 18px; margin-top:10px;}
.content_box ul .zl{ display:block; width:90%; margin:0 auto; text-align:center;}
.content_box ul .zl i{ font-size:12px; color:#f00; font-family:"微软雅黑"; font-weight:normal; line-height:20px;}
.content_box .button0{ margin:10px 18px 20px 18px; clear:both; font-size:13px; font-family:"微软雅黑"; font-weight:normal; color:#666666;}
.content_box ul .chongz{ display:block; width:100%; overflow:hidden;}
.content_box ul .chongz span{ display:block; float:left; font-size:14px; font-weight:bold; font-family:"微软雅黑"; color:#333; padding-top:5px;}
.content_box ul .chongz span.t2{ color:#ff0000;}
.content_box ul .chongz span.t3{ color:#2daffa;}
.content_box ul .chongz span.t4{ color:#6bc03e;}
.ewm{ display:block; width:165px; height:165px; margin:0 auto; padding-top:15px;}
.content_box ul .t0{ display:block; width:100%; float:left; overflow:hidden; height:75px; border-bottom:1px dashed #dddddd;}
.content_box #content_list_div .t0{ display:block; width:100%; float:left; overflow:hidden; height:71px; border-bottom:1px dashed #dddddd;}
.content_box ul .t0 a{ text-decoration:none;}
.content_box ul .t0 a .t1{ display:block; width:60%; float:left; overflow:hidden;}
.content_box ul .t0 a .t2{ display:block; width:55%; float:left; overflow:hidden;}
.content_box ul .t0 img{ display:block; float:left; width:45px; height:45px; padding-top:15px;}
.content_box ul .t0 h2{ display:block; white-space:nowrap; width:100%; float:left; padding-left:8px; padding-top:17px; font-size:14px; font-weight:normal; font-family:"微软雅黑"; color:#333; overflow:hidden; text-overflow:ellipsis;}
.content_box ul .t0 p{ display:block; width:100%; float:left; padding-top:6px; padding-left:8px; font-size:12px; font-weight:normal; font-family:"微软雅黑"; color:#777777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content_box ul .t0 i{ display:block; width:48px; height:28px; float:right; background:#fc9439; margin-top:25px; text-align:center; font-size:12px; font-family:"微软雅黑"; font-weight:normal; color:#fff; line-height:28px; border-radius:3px; font-style:normal;}
.content_box ul .t0 .t5{ width:58px;}

.kefu{ display:block; width:100%; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.kefuleft{ display:block; width:80px; height:101px; float:left;}
.kefuright{ display:block; width:63%; height:81px; float:right; border:1px solid #fc9439; background:#fff2e4; margin-top:10px;}
.kefuright p{ display:block; font-size:12px; font-family:"微软雅黑"; color:#333; font-weight:normal; text-align:center; padding-top:10px;}
.fuchuang{ display:block; width:80%; overflow:hidden; margin:10px 18px 20px 18px; margin:0 auto; background:#fff; z-index:9999px; padding-top:10px; padding-bottom:10px; position:relative;}
.fuchuang dl{ display:block; padding:0px; margin:0px; width:90%; margin:0 auto;}
.fuchuang dl dt{ display:block; font-size:14px; font-family:"微软雅黑"; font-weight:normal; color:#333333; font-weight:normal; line-height:22px; padding-top:5px;}
.fuchuang dl dt.k{ font-weight:bold;}
.fuchuang dl dt.l{ text-align:center; font-size:18px; font-weight:bold; color:#ff0000; font-family:"微软雅黑";}
.fuchuang dl dt.f a{ display:block; width:132px; height:31px; line-height:31px; text-align:center; background:#6bc03e; border-radius:3px; margin:0 auto; color:#fff;}
.fuchuang .ca a{ display:block; background:url(../img/h5sdk_n10.html) no-repeat; width:15px; height:15px; position:absolute; right:8px; top:8px;}

.content_box .tishi{clear:both; margin:5px 0 0 18px;}
.content_box .tishi span{ background:url(../img/warn2.html) left no-repeat; background-size:18px auto; padding-left:20px; font-size:13px; color:#ea0303; line-height:18px;}
.shore_box{ background:#000; width:100%; height:100%; display:block; position:fixed; filter:alpha(opacity=30); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; right:0px; top:0px; z-index:9999;}
.shore_box img{ position:absolute; right:0px; top:0px; z-index:9999;}

.modal-content .fuchuang{ display:block; z-index:9999;}
.fuchuang2{ display:block; width:80%; overflow:hidden; margin:10px 18px 20px 18px; margin:0 auto; background:#fff; padding-top:10px; padding-bottom:10px; position:absolute; top:50px; left:2%; z-index:9999;}
.fuchuang2 dl{ display:block; padding:0px; margin:0px; width:90%; margin:0 auto;}
.fuchuang2 dl dt{ display:block; font-size:14px; font-family:"微软雅黑"; font-weight:normal; color:#333; font-weight:normal; line-height:22px; padding-top:5px; text-align:left;}
.fuchuang2 dl dt.k{ font-weight:bold;}
.fuchuang2 dl dt.l{ text-align:center; font-size:18px; font-weight:bold; color:#333; font-family:"微软雅黑";}
.fuchuang2 dl dt.f a{ display:block; width:132px; height:31px; line-height:31px; text-align:center; background:#6bc03e; border-radius:3px; margin:0 auto; color:#fff;}
.fuchuang2 .ca a{ display:block; background:url(../img/h5sdk_n10.html) no-repeat; width:15px; height:15px; position:absolute; right:8px; top:8px; text-decoration:none;}
.fuchuang2 dl dt.l span{ width:90%; display:block; margin:0 auto; padding:10px 10px 10px 10px; border:1px dashed #41b5ee; background:#fff; text-align:center; margin-top:15px; margin-bottom:15px; overflow:hidden;}

#loading{ position:relative; height:100%;}
.load1 img{ width:100%;}
.load1{ max-width:550px; margin:0 auto; background:#fff; height:100%;}
.load2{ max-width:550px; margin:0 auto;}
.load3{ max-width:550px; margin:0 auto;}
.load2 img{ width:100%;}
.load3 img{ width:100%;}

.container_2weima{ display:block; width:100%; height:100%; left:0px; top:0px; position:relative; z-index:1000;}
.container_2weima .closeBtn{ display:block; width:100%; background:#000; position:fixed; height:100%; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; left:0px; top:0px;}
.container_2weima .collect span{ color:#fc9846;}
.container_2weima .closeBtn2{ width:300px; height:325px; position:fixed; top:0%; left:50%; margin-left:-150px; background:#fff; border-radius:10px; overflow:hidden; margin-top:50px;}
.container_2weima .title{ display:block ;position:fixed; text-align:center; width:200px; margin:0 auto; top:60px; left:50%; margin-left:-100px; color:#fc8f2f; font-size:18px; font-family:"微软雅黑"; font-weight:normal;}
.container_2weima .collect{ display:block ;position:fixed; text-align:center; width:290px; margin:0 auto; top:80px; left:50%; margin-left:-145px; color:#1fa0e1; font-size:16px; font-family:"微软雅黑"; font-weight:normal;}
.container_2weima .avaliable{ display:block ;position:fixed; text-align:center; width:290px; margin:0 auto; top:105px; left:50%; margin-left:-145px; color:#1fa0e1; font-size:16px; font-family:"微软雅黑"; font-weight:normal;}
.container_2weima .qrcode{ display:block ;position:fixed; color:#fff; text-align:center; width:130px !important; height:130px !important; margin:0 auto; top:130px; left:50%; margin-left:-65px;}
.container_2weima .wxhao{ display:block ;position:fixed; text-align:center; width:290px; margin:0 auto; top:255px; left:50%; margin-left:-145px; color:#1fa0e1; font-size:16px; font-family:"微软雅黑"; font-weight:normal;}
.container_2weima .wxhao .red{ color:#fc9846;}
.container_2weima .qrcode img{ width:130px !important; height:130px !important;}
.container_2weima .juge{ display:block ;position:fixed; text-align:center; width:295px; margin:0 auto; top:290px; left:50%; margin-left:-145px; color:#fc8f2f; font-size:16px; font-family:"微软雅黑"; font-weight:normal;}
.container_2weima .juge p{ display:block; width:120px; height:35px; line-height:35px; text-align:center; border-radius:3px; float:left; background:#fc8f2f; margin-left:16px; color:#fff; font-size:14px; font-family:"微软雅黑"; font-weight:normal;}
.container_2weima .identify{ display:block ;position:fixed; text-align:center; width:290px; margin:0 auto; top:340px; left:50%; margin-left:-145px; color:#666; font-size:14px; font-family:"微软雅黑"; font-weight:normal;}
.container_2weima .identify input{ padding-top:5px;}
.container_2weima .closes{ display:block; background:url(../img/h2_04.html) no-repeat; width:20px; height:20px; position: absolute; margin:0 auto; top: 8px; right: 4%; margin-left: -14px; z-index: 9999;}

.modal-toper{ display:block; width:100%; height:40px; background:#2697fc; overflow:hidden;}
.toper-l{ display:block; width:40px; height:40px; padding-left:5px; padding-top:10px; float:left; overflow:hidden;}
.toper-l img{ width:40px; height:40px;}
.toper-m{ display:block; width:85px; float:left; overflow:hidden; padding-left:8px; padding-top:10px;}
.toper-m p{ display:block; width:100%; font-size:16px; font-family:"微软雅黑"; color:#fff; font-weight:normal; padding-top:1px;}
.toper-r{ display:block; width:125px; height:30px; background:#ff9a02; border:1px solid #ffffff; border-radius:3px; float:right; margin-top:14px; margin-right:5px;}
.toper-r p{ display:block; line-height:30px; color:#fff; font-family:"微软雅黑"; font-weight:normal; height:30px;}
.toper-r p a{ display:block; line-height:30px; font-size:14px; font-family:"微软雅黑"; color:#fff; font-weight:normal;}
.toper-r p a img{ display:block; width:26px; height:26px; float:left; padding-left:17px; padding-top:2px;}
.toper-r p a p{ display:block; float:left; padding-left:5px; font-size:14px; font-family:"微软雅黑"; color:#fff; font-weight:normal;}

.menu-list{ display:block; width:100%; background:#ffffff; border-bottom:2px solid #f1efee;}
.menu-list ul{ display:block; padding:0px; margin:0px; font-size:12px; list-style:none; margin:6px; padding:0; overflow:hidden; box-sizing:border-box;}
.menu-list ul li{ width:25%; float:left; text-align:center; position:relative; margin:0px 0;}
.menu-list ul li img{ width:60%; height:60%; max-width:60px;}
.menu-list ul li p{ font-size:12px; margin-top:3px;}
.menu-list ul li.hover p{ color:#ff9a02;}

.collection{ display:block; width:100%; overflow:hidden;}
.collection .tit{ display:block; width:100%; text-align:center; color:#fc8f2f; font-size:18px; font-family:"微软雅黑"; font-weight:normal; padding-top:5px;}
.collection .collect2{ display:block; width:100%; text-align:center; color:#1fa0e1; font-size:16px; font-family:"微软雅黑"; font-weight:normal; padding-top:5px;}
.collection .collect2 span{ color:#fc8f2f;}
.collection .avaliable2{ display:block; width:100%; text-align:center; color:#1fa0e1; font-size:16px; font-family:"微软雅黑"; font-weight:normal; padding-top:5px;}
.collection .wxcode{ display:block; width:148px; height:148px; margin:0 auto; padding-top:5px;}
.collection .wxh { display:block; width:100%; text-align:center; color:#888888; font-size:14px; font-family:"微软雅黑"; font-weight:normal;}

.kefu{ display:block; width:100%; overflow:hidden;}
.kefu .tit{ display:block; width:100%; text-align:center; color:#fc8f2f; font-size:18px; font-family:"微软雅黑"; font-weight:normal; padding-top:13px;}
.kefu .wxcode{ display:block; width:148px; height:148px; margin:0 auto; padding-top:10px; padding-bottom:10px;}
.kefu .wxh{ display:block; width:100%; text-align:center; color:#888888; font-size:14px; font-family:"微软雅黑"; font-weight:normal;}
.kefu .collect2{ display:block; width:100%; text-align:center; color:#888888; font-size:14px; font-family:"微软雅黑"; font-weight:normal;}
.kefu .collect2 span{ color:#fc8f2f;}
.kefu .avaliable2{ display:block; width:100%; text-align:center; color:#888888; font-size:14px; font-family:"微软雅黑"; font-weight:normal;}

.loadmore{ display:block; width:95%; height:30px; background:#999; margin:0 auto; border-radius:3px; margin-top:20px; text-align:center;}
.loadmore a span{ text-align:center; line-height:30px; font-size:12px; font-family:"微软雅黑"; color:#fff; font-weight:normal; display:block;}

.list-item{ position:initial;}

.kefu .qq{ display:block; margin:0 auto; overflow:hidden; font-size:16px; font-weight:normal; font-family:"微软雅黑"; color:#fc8f2f; text-align:center; width:110px;}
.kefu .qq em{ background:url(../img/qq.html) no-repeat; width:20px; height:20px; display:block; float:left; margin-top:3px;}
.kefu .qq_1{ display:block; margin:0 auto; overflow:hidden; font-size:16px; font-weight:normal; font-family:"微软雅黑"; color:#03F; text-align:center; width:110px; line-height:36px;}
.kefu .qq_2{ display:block; margin:0 auto; overflow:hidden; font-size:16px; font-weight:normal; font-family:"微软雅黑"; color:#03F; text-align:center; width:110px; line-height:36px; border-bottom:1px dashed #ccc; padding-bottom:8px;}
.kefu .qq_2 a{ color:#03F;}
.kefu .wx_1{ display:block; width:100%; text-align:center; color:#888888; font-size:14px; font-family:"微软雅黑"; font-weight:normal;}

/* 客服中心 */
.service-center{
    min-height:100%;
    background:#f3f6fb;
    color:#263247;
    -webkit-overflow-scrolling:touch;
}
.service-hero{
    position:relative;
    padding:28px 22px 64px;
    overflow:hidden;
    color:#fff;
    text-align:left;
    background:linear-gradient(135deg,#1688f5 0%,#39a9ff 100%);
}
.service-hero:after{
    position:absolute;
    right:-42px;
    bottom:-72px;
    width:180px;
    height:180px;
    border:34px solid rgba(255,255,255,.1);
    border-radius:50%;
    content:"";
}
.service-badge{
    display:inline-block;
    margin-bottom:10px;
    padding:4px 10px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:20px;
    background:rgba(255,255,255,.14);
    font-size:12px;
}
.service-hero h1{
    position:relative;
    z-index:1;
    margin:0 0 7px;
    font-size:27px;
    line-height:1.2;
    letter-spacing:1px;
}
.service-hero p{
    position:relative;
    z-index:1;
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:13px;
    line-height:1.7;
}
.service-body{
    position:relative;
    z-index:2;
    margin-top:-38px;
    padding:0 14px 30px;
}
.service-card{
    box-sizing:border-box;
    width:100%;
    margin-bottom:12px;
    padding:18px;
    border:1px solid rgba(30,83,139,.08);
    border-radius:15px;
    background:#fff;
    box-shadow:0 7px 24px rgba(31,74,125,.08);
}
.contact-card{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}
.service-icon{
    display:flex;
    flex:0 0 54px;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:54px;
    height:54px;
    margin-right:13px;
    border-radius:15px;
    background:#edf7ff;
}
.service-icon img{
    display:block;
    width:38px;
    height:38px;
    object-fit:contain;
}
.contact-info{
    display:flex;
    flex:1;
    min-width:0;
    flex-direction:column;
}
.contact-label{
    margin-bottom:1px;
    color:#8b97a8;
    font-size:12px;
}
.contact-info strong{
    color:#17243a;
    font-size:21px;
    line-height:1.4;
    letter-spacing:.4px;
    user-select:all;
}
.online-status{
    color:#30a46c;
    font-size:11px;
}
.online-status i{
    display:inline-block;
    width:6px;
    height:6px;
    margin-right:5px;
    border-radius:50%;
    background:#35c77b;
    box-shadow:0 0 0 3px rgba(53,199,123,.13);
    vertical-align:1px;
}
.contact-actions{
    display:flex;
    width:100%;
    margin-top:17px;
    gap:9px;
}
.service-btn{
    display:block;
    flex:1;
    box-sizing:border-box;
    height:42px;
    padding:0 8px;
    border:0;
    border-radius:9px;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    font-size:14px;
    line-height:42px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    -webkit-appearance:none;
}
.service-btn:hover{ text-decoration:none; }
.service-btn-primary{
    color:#fff;
    background:linear-gradient(135deg,#1688f5,#32a9ff);
    box-shadow:0 5px 13px rgba(22,136,245,.23);
}
.service-btn-secondary{
    color:#248fe9;
    background:#edf7ff;
}
.copy-tip{
    width:100%;
    min-height:0;
    margin:0;
    font-size:12px;
    text-align:center;
}
.copy-tip.is-success,
.copy-tip.is-error{ margin-top:10px; }
.copy-tip.is-success{ color:#28a268; }
.copy-tip.is-error{ color:#d75050; }
.section-title{
    display:flex;
    align-items:center;
    margin-bottom:15px;
}
.section-title h2{
    margin:0 0 2px;
    color:#1c2b41;
    font-size:17px;
    line-height:1.4;
}
.section-title p{
    margin:0;
    color:#98a2b1;
    font-size:11px;
}
.title-icon{
    position:relative;
    display:block;
    flex:0 0 38px;
    width:38px;
    height:38px;
    margin-right:11px;
    border-radius:11px;
}
.gift-icon{ background:#fff1e6; }
.gift-icon:before,
.gift-icon:after{
    position:absolute;
    background:#ff8a34;
    content:"";
}
.gift-icon:before{
    top:15px;
    left:9px;
    width:20px;
    height:15px;
    border-radius:2px;
}
.gift-icon:after{
    top:10px;
    left:8px;
    width:22px;
    height:6px;
    border-radius:2px;
    box-shadow:9px 7px 0 -7px #fff;
}
.code-icon{ background:#eaf5ff; }
.code-icon:before{
    position:absolute;
    top:10px;
    left:11px;
    width:14px;
    height:16px;
    border:2px solid #2b96ed;
    border-radius:3px;
    box-shadow:4px 4px 0 -1px #eaf5ff,4px 4px 0 0 #2b96ed;
    content:"";
}
.benefit-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.benefit-item{
    padding:12px 13px;
    border-radius:10px;
    background:#f8fafc;
}
.benefit-item p{
    margin:7px 0 0;
    color:#5f6c7e;
    font-size:12px;
    line-height:1.65;
}
.benefit-tag{
    display:inline-block;
    padding:3px 8px;
    border-radius:5px;
    color:#ef741f;
    background:#fff0e6;
    font-size:11px;
    font-weight:bold;
}
.benefit-tag-blue{
    color:#238cdb;
    background:#e7f4ff;
}
.activation-code{
    padding:14px;
    border:1px dashed #acd7fb;
    border-radius:10px;
    text-align:center;
    background:#f5faff;
}
.activation-code code{
    display:block;
    margin-bottom:7px;
    color:#1688f5;
    font-family:Consolas,Monaco,monospace;
    font-size:17px;
    font-weight:bold;
    letter-spacing:.3px;
    user-select:all;
}
.activation-code span{
    color:#6b7788;
    font-size:11px;
}
.service-notice{
    margin:15px 4px 0;
    color:#98a2b1;
    font-size:11px;
    line-height:1.6;
    text-align:center;
}
@media screen and (max-width:360px){
    .service-hero{ padding-right:18px; padding-left:18px; }
    .service-body{ padding-right:10px; padding-left:10px; }
    .service-card{ padding:15px; }
    .contact-info strong{ font-size:19px; }
}