﻿        /* 本例子css ---- */
        .focus{width:100vw;max-width:750px;margin:0 auto;position:relative;overflow:hidden}
        .focus .hd{width:100vw;max-width:750px;height:11px;position:absolute;z-index:1;bottom:5px;text-align:center}
        .focus .hd ul{display:inline-block;height:5px;padding:3px 5px;background-color:rgba(255,255,255,0.7);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;vertical-align:top}
        .focus .hd ul li{display:inline-block;width:5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#8C8C8C;margin:0 5px;vertical-align:top;overflow:hidden}
        .focus .hd ul .on{background:#FE6C9C}
        .focus .bd{position:relative;z-index:0}
        .focus .bd li img{width:100vw;max-width:750px;max-height:750px;height:100vw;object-fit:contain}
        .focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
        .wxParse{width:96vw;max-width:calc(750px * 0.96);padding:15px;box-sizing:border-box;margin:0 auto}
        .wxParse img{max-width:100%}
        .wxParse p img{max-width:100%}
        .cont{width:100%;background:#fff;margin-bottom:10px}
        .tp_image{width:100%;max-height:100vw}
        .title{font-size:16px;color:#333;line-height:20px;margin:0;padding:15px;font-weight:700;box-sizing:border-box}
        .gmxx{padding:1% 5% 5% 5%;line-height:50px;clear:both;height:50px}
        .gmxx .jiage{font-size:15px;color:#dd2727;width:40%;float:left;height:40px;line-height:40px}
        .gmxx .share{font-size:15px;width:50%;float:right;height:40px}
        .gmxx .share #nativeShare{font-size:14px;background-color:#ff3333;color:#fff;height:40px;line-height:40px;border-radius:20px;background-color:#33cc00;border-radius:20px;background:-webkit-linear-gradient(top,#fa3c3c,#f94e4e);text-align:center}
        #nativeShare{font-size:13px}
        #nativeShare .label{float:left;padding-left:20px;font-size:14px}
        #nativeShare .list{float:left;width:60%;margin:0 auto}
        #nativeShare .list span{display:inline-block;text-align:center;margin:5px 5px 0px 10px;float:left;line-height:30px}
        #nativeShare .list span i{width:30px;height:30px;display:block;margin:0 auto;margin-bottom:5px}
        #nativeShare .weixin i{background-image:url('./icon/weixin_friend.png');background-size:cover}
        #nativeShare .weixin_timeline i{background-image:url('./icon/weixin.png');background-size:cover}
        #nativeShare .more i{background-image:url('./icon/more.png');background-size:cover}
        .icon_kf{width:20px;height:20px;display:inline-block;margin-top:5px}
        .ke{text-align:center}
        .l_h15{line-height:15px;text-align:center}
        .dbtext{line-height:15px;color:#666;font-size:12px}
        .canshu{border-bottom:1px solid #eee;font-size:14px;line-height:23px;width:100%;padding:2% 0}
        .canshu .name{width:80px;color:#999;font-size:28rpx}
        .canshu span{color:#333}
        .swiper-tab{width:100%;border-bottom:2rpx solid #eee;text-align:center;line-height:80rpx;background:#fff;font-size:14px}
        .swiper-tab-list{font-size:29rpx;display:inline-block;width:49.5%;color:#333}
        .swiper-box{background:#fff;display:block;width:100%}
        .on{color:#dd2727;border-bottom:5rpx solid #dd2727}
        .cmbox{width:96vw;max-width:calc(750px * 0.96);padding:15px;box-sizing:border-box;margin:0 auto;background-color:#f6f6f6;font-size:18px}
        .cmbox .cname{width:100%;height:50px;line-height:50px}
        .cmbox .vip{width:100%;height:30px;line-height:30px}
        .tbox .cbtn{width:100vw;max-width:750px;height:50px;margin:15px auto}
        .vBtn_ok{float:left;height:40px;line-height:40px;margin:0px 5%;border:0;background:#009900;color:#FFF;width:45%;text-align:center;border-radius:25px;font-size:16px}
        .Btn_pro{float:left;height:40px;font-size:16px;line-height:40px;border:1px solid #dd2727;color:#dd2727;width:40%;text-align:center;border-radius:25px}
        .myclass{width:100%;height:auto;position:fixed;bottom:60px;background-color:#fff}
        .myclass div{width:45%;margin:2% 2%;height:30px;line-height:30px;font-size:14px;float:left;text-align:center;border:1px solid #dd2727;border-radius:20px}
        .myclass div text{text-align:center;width:40vw}
        .contactus{width:96%;margin:0 auto}
        .ctext{display:block;font-size:30rpx;line-height:60rpx}
        .cname{font-size:35rpx}
        .callmobile{width:80%;margin:20px auto;background-color:#339900;color:#ffffff}
        .callkefu{width:80%;margin:20px auto;background-color:#ff6666;color:#ffffff}
        .share2{width:80%;margin:20px auto;background-color:#f22a4c;color:#ffffff}
        .btn{height:40px;border-radius:5px;color:#fff;font-size:16px;font-weight:bold;border:0 none;text-align:center;line-height:40px}
        .con_btn{width:90vw;max-width:calc(750px * 0.9);margin:20px auto}
        .con_btn .btn{display:inline-block;width:100%;height:40px;margin:10px auto;border-radius:5px;color:#fff;font-size:16px;font-weight:bold;border:0 none;text-align:center;line-height:40px}
        .con_btn .btn a{color:#fff}
        .bg1{background-color:#33cc00;background:-webkit-linear-gradient(top,#339933,#339900)}
        .bg2{background-color:#996600;background:-webkit-linear-gradient(top,#cc6600,#993300)}
        .bg3{background-color:#e72100;background:-webkit-linear-gradient(top,#ee2e2c,#ff000f)}
        #mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:20000}
        #mcover img{position:fixed;right:18px;top:5px;width:100%;z-index:999}
        .hk_box{width:100%;height:100vh;text-align:center;background-color:rgba(0,0,0,0.5);position:fixed;top:0px;z-index:99;color:#333}
        .hk_box_div{margin:0px auto;display:inline-block;height:70vh;width:90%;background-color:#ffffff;margin-top:10vh;border-radius:10px}
        .hk_tit{margin:0px auto;display:inline-block;height:10vh;width:100%;border-radius:10px 10px 0 0;background:-webkit-linear-gradient(left,#63bcfe,#259df4);color:#fff;background-color:#ddd}
        .hk_tit .t1{height:40px;line-height:40px;width:100%;text-align:center;font-size:24px}
        .book_box .item{clear:both;width:96%;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#eee;font-size:14px;overflow:hidden;padding:5px 2%}
        .book_box .lab{clear:both;width:96%;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#eee;font-size:14px;overflow:hidden;padding:5px 2%;color:#999}
        .book_box .item div:nth-child(1){text-align:left;float:left;padding:0px 2%;color:#333;width:20%}
        .book_box .item div:nth-child(2){text-align:left;float:left;width:70%}
        .book_box .item div input{line-height:30px;width:100%;border:1px solid #ddd}
        .book_box .item2{height:90px;width:96%;padding:5px 2%;text-align:left}
        .book_box .item3{clear:both;width:96%;font-size:14px;overflow:hidden;padding:10px 2%}
        .book_box .item2 textarea{width:90%;height:80px;border:1px solid #ddd;padding:2%}
        .submit_btn{display:inline-block;width:90%;height:40px;margin:10px auto;border-radius:20px;color:#fff;font-size:16px;font-weight:bold;border:0 none;text-align:center;line-height:40px;background-color:#e72100;background:-webkit-linear-gradient(top,#ee2e2c,#ff000f)}
        .hk_box_close{border-radius:13px;display:inline-block;color:#fff;font-size:48px;margin:5px auto}
