*{margin: 0;padding: 0;}
i{font-style: normal;}
li{list-style: none;}
.cl8{color: #888;}
.cl2{color: #222;}
.ph-main{max-width: 800px;margin: 0 auto 80px;}
.ph-main .show-poster{position: fixed;width: 74px;background: #000;color: #fff;z-index: 2;bottom: 60px;right: 10px;padding: 7px 0;border-radius: 3px;font-size: 16px;text-align: center;}
.ph-main .ph-top{padding: 12px;text-align: center;background: #fe2b54;border-bottom: 1px solid #dedede;position: fixed;width: 100%;top: 0;font-size: 16px;color: #fff;}
.ph-main .ph-top a i{color: #fff;}
.ph-main .outer-layer{padding: 1px; width: 100%;height:100%;box-shadow: 0 0 10px #222 inset;border-radius: 6px;overflow: hidden;}
.ph-main .outer-layer .outer-layer-item{width: 100%;height: 100%;}
.outer-layer .back-video{position: fixed;bottom: 100px;right: 10px;width: 74px;background: #000;color: #fff;font-size: 16px;padding: 7px 0;border-radius: 3px;text-align: center;}
.footer{position: fixed;width: 100%;bottom: 0;left: 0;height: 42px;line-height: 42px;background: #fff;box-shadow: 2px 0 5px #dedede;}
.footer ul{overflow: hidden;}
.footer ul li{float: left;list-style: none;text-align: center;font-size: 16px;width: 18%;}
.footer ul li:nth-child(1){float: left;list-style: none;}
.footer ul{overflow: hidden;display: flex;}
.footer ul li{float: left;list-style: none;text-align: center;font-size: 16px;}
.footer ul li:nth-child(1){float: left;list-style: none;color: #888b90;}
.footer ul li:nth-child(1) a{color: #888b90;}
.footer ul li:nth-child(2){float: left;list-style: none;border-left: 1px solid #ebebeb;color: #888b90;border-right: 1px solid #dedede;}
.footer ul li:nth-child(2) i{color: #888b90;}
.footer ul li:nth-child(3){border-right: 1px solid #dedede;}
.footer ul li:nth-child(3) a{color: #888b90;}
.footer ul li:nth-child(4){list-style: none;}
.footer ul li:nth-child(4) a{color: #888b90;}
.footer ul li i{font-size: 18px;}
.zhezhao{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0,0.6);z-index: 99;display: none;}
.zhezhao-login{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0,0.6);z-index: 120;display: none;}
.zixun-box{position: fixed;bottom: 0;left: 0;width: 97%;background: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 3%;font-size: 14px;display: none;z-index: 100;}
.zixun-box .zixun-box-top{padding-bottom: 2%;border-bottom: 1px solid #e4e4e4;color: #fe2b54;font-size: 15px;}
.zixun-box .zixun-box-top i{float: right;font-size: 18px;color: #666;}
.zixun-box .zixun-box-item{margin-top: 1%;}
.zixun-box .zixun-box-item table tr td{padding: 2px 10px 0 0;line-height: 27px;}
.zixun-box .zixun-box-item table tr td .login-look{background: #fe2b54;color: #fff;margin-left: 10px;border: 0;padding: 3px 16px;float: right;}
.zixun-box a{width: 100%;background: #fe2b54;color: #fff;border: 0;padding: 8px 0;border-radius: 4px;margin-top: 2%;display: inline-block;text-align: center;}
.yuding-box{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;padding: 3%;border-top-left-radius: 10px;border-top-right-radius: 10px;text-align: center;display: none;z-index: 100;}
.yuding-box .yuding-box-top ul{overflow: hidden;}
.yuding-box .yuding-box-top ul li{position: relative;float: left;width: 100%;border-bottom: 2px solid #e0e0e0;padding: 3% 0;font-size: 16px;}
.yuding-box .yuding-box-top ul .check-on{border-bottom: 2px solid #fe2b54;}
.yuding-box .yuding-box-top ul .check-on span{position: absolute;left: 0;font-size: 14px;padding: 0px 7px;font-weight: 700;}
.yuding-box .yuding-box-top ul .check-on .shichangjia{color: #0077bd;border: 1px solid #0077bd;}
.yuding-box .yuding-box-top ul .check-on .jiesuanjia{color: #fe2b54;border: 1px solid #fe2b54;}
.yuding-box .yuding-box-bottom .yuding-time{font-size: 15px;font-weight: 700;margin-top: 0;margin-bottom: 15px;color: #8f8f94;text-align: left;}
.yuding-box .yuding-box-bottom .yuding-time span{color: #fe2b54;margin-left: 15px;}
.yuding-box .yuding-box-bottom a{display: inline-block;width: 100%;text-align: center;background: #fe2b54;color: #fff;padding: 8px 0;border-radius: 4px;margin-bottom: 3%;}

/* 精灵快客弹出提示 */
.jlkkall-tip{position: fixed;top: 30%;left: 5%;width: 90%;z-index: 999;background: #fff;border-radius: 8px;padding: 20px 4%;}
.jlkkall-tip b{border-bottom: 2px solid #fe2b54;padding: 0 0 2px;font-size: 18px;}
.jlkkall-tip p{margin: 20px 0;font-size: 15px;color: #717174;line-height: 24px;}
.jlkkall-tip span{display: block;text-align: center;}
.jlkkall-tip span button{padding: 6px 30px;border: none;margin: 0 20px;}
.jlkkall-tip span .btn-ok{background: #fe2b54;color: #fff;}
.jlkkall-tip span .btn-quxiao{background: #717174;color: #fff;}

/* 登陆 */
.login-box{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;text-align: center;height: 60%;display: none;z-index: 130;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.login-box p{position: relative;text-align: center;color: #222;font-size: 24px;font-weight: 700;padding: 40px 0 20px;}
.login-box p span{display: inline-block;width: calc(24% - 20px);padding: 5px 0;border-bottom: 3px solid #fff;margin: 0 5px;}
.login-box p .jlkkch-on{border-bottom: 3px solid #fe2b54;}
.login-box p img{position: absolute;top: 20px;right: 20px;width: 18px;}
.login-box ul{padding: 0 15px;margin-top: 36px;}
.login-box ul li{margin-bottom: 15px;font-size: 18px;overflow: hidden;}

/* 登录页我是同行切换按钮 */
.knobs, .layer{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.tonghang-box{float: left;position: relative;width: 24px;height: 24px;overflow: hidden;border-radius: 50%;margin-top:5px;}
.login-box ul li .tonghang-box .tonghang-checkbox{position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;}
.knobs{z-index: 2;}
.layer{width: 100%;background-color: #ffbbc9;transition: 0.3s ease all;z-index: 1;}
#tonghang-di .knobs:before, #tonghang-di .knobs span{content: '';position: absolute;top: 4px;left: -1px;text-align: center;line-height: 1;background-color: #ffffff;border-radius: 50%;}
#tonghang-di .knobs:before{top: 39%;left: 0;width: 20px;height: 10px;margin-top: -5px;background-color: transparent;z-index: 2;}
#tonghang-di .knobs span{width: 16px;height: 16px;z-index: 1;}
#tonghang-di .tonghang-checkbox:active + .knobs:before{left: 10px;width: 46px;height: 4px;color: transparent;margin-top: -2px;background-color: #0095d8;transition: 0.3s ease all;overflow: hidden;}
#tonghang-di .tonghang-checkbox:checked:active + .knobs:before{left: auto;right: 10px;background-color: #d80000;}
#tonghang-di .tonghang-checkbox:checked + .knobs span{left: -1px;background-color: #fe2b54;}
#tonghang-di .tonghang-checkbox:checked ~ .layer{background-color: #ffbbc9;}

.login-box ul li:nth-child(4){margin-bottom: 15px;}
.login-box ul .wrong-tip{text-align: left;font-size: 14px;color: #fe2b54;margin: 0;height: auto;}
.login-box ul li input{float: left;height: 3rem;line-height: 3rem;margin: 0;border-radius: 5px;background: #f5f5f5;border: 0;text-align: center;font-weight: 700;font-size: 18px;}
.login-box ul li .ph-num{width: 100%;}
.login-box ul li .get-yzm{float: left;width: 55%;}
.login-box ul li .kd{float: left;width: 40%;height: 3rem;line-height: 3rem;text-align: left;margin-left: 5%;background: #fe2b54;text-align: center;color: #fff;border-radius: 5px;font-size: 15px;padding: 0;border: 0;}
.login-box .uplogin{background: #fe2b54;color: #fff;border: none;font-size: 17px;height: 3rem;line-height: 3rem;width: 90%;padding: 0;border-radius: 5px;margin-top: 10px;font-weight: 700;font-size: 1.2rem;}
.login-box .up-tip{color: #666;font-size: 13px;padding: 15px 20px 0;text-align: left;}
.login-box .up-tip a{font-size: 14px;text-decoration: underline;color: #7c7c7c;}
/* 注册 */
.login-box .jlkk-register ul li .in-name{width: 100%;}
.login-box .jlkk-register ul li span{font-size: 13px;float: left;height: 2.5rem;line-height: 2.5rem;margin: 0 5px;}
.login-box .jlkk-register ul li .lvxingshe{float: right;width: 55%;font-size: 13px;padding: 0 5px;}

@font-face {
    font-family: 'iconfont';  /* Project id 2877485 */
    src: url('http://at.alicdn.com/t/font_2877485_lvtdgbwb5h.woff2?t=1634636774665') format('woff2'),
         url('http://at.alicdn.com/t/font_2877485_lvtdgbwb5h.woff?t=1634636774665') format('woff'),
         url('http://at.alicdn.com/t/font_2877485_lvtdgbwb5h.ttf?t=1634636774665') format('truetype');
  }
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fanhui:before {
    content: "\e600";
}

.icon-xiazai:before {
    content: "\e640";
}

.icon-zixun:before {
    content: "\e69f";
}

@font-face {
    font-family: 'iconfont';  /* Project id 2978281 */
    src: url('http://at.alicdn.com/t/font_2978281_7oyv5qswa8b.woff2?t=1638320808698') format('woff2'),
         url('http://at.alicdn.com/t/font_2978281_7oyv5qswa8b.woff?t=1638320808698') format('woff'),
         url('http://at.alicdn.com/t/font_2978281_7oyv5qswa8b.ttf?t=1638320808698') format('truetype');
  }

  .iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-guanbi:before {
    content: "\e662";
}

@font-face {
    font-family: 'iconfont';  /* Project id 2901264 */
    src: url('http://at.alicdn.com/t/font_2901264_0ujk633kn77q.woff2?t=1636550472033') format('woff2'),
        url('http://at.alicdn.com/t/font_2901264_0ujk633kn77q.woff?t=1636550472033') format('woff'),
        url('http://at.alicdn.com/t/font_2901264_0ujk633kn77q.ttf?t=1636550472033') format('truetype');
}
  
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-shouye:before {
    content: "\e655";
}

@font-face {
    font-family: 'iconfont';  /* Project id 1807610 */
    src: url('http://at.alicdn.com/t/font_1807610_ojbflgkrxw.woff2?t=1637919624949') format('woff2'),
         url('http://at.alicdn.com/t/font_1807610_ojbflgkrxw.woff?t=1637919624949') format('woff'),
         url('http://at.alicdn.com/t/font_1807610_ojbflgkrxw.ttf?t=1637919624949') format('truetype');
  }

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-xaizai:before {
    content: "\e60b";
}

.icon-fx:before {
    content: "\e61c";
}

@font-face {
    font-family: 'iconfont';
    src: url('http://at.alicdn.com/t/font_1807610_r3fflagkbc9.woff2?t=1638269267625') format('woff2'),
         url('http://at.alicdn.com/t/font_1807610_r3fflagkbc9.woff?t=1638269267625') format('woff'),
         url('http://at.alicdn.com/t/font_1807610_r3fflagkbc9.ttf?t=1638269267625') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-see:before {
    content: "\e661";
  }

    /* 适配 */
    @media screen and (max-width: 800px) {
        /* .login-box{width: 90%;top: 15%;left: 5%;padding-bottom: 25px;} */
        .login-box ul{padding: 0 20px;}
        .login-box p{padding: 15px 0 5px;font-size: 20px;margin-bottom: 0;}
        .login-box ul li input{height: 2.5rem;line-height: 2.5rem;font-size: 15px;}
        .login-box ul li .get-yzm{font-size: 13px;}
        .login-box ul li .kd{height: 2.5rem;line-height: 2.5rem;font-size: 13px;}
        .login-box .uplogin{height: 2.5rem;line-height: 2.5rem;font-size: 1.1rem;width: calc(100% - 40px);}
        .login-box .up-tip{font-size: 12px;}
    }

    @media screen and (max-width: 375px) {
        .login-box p{font-size: 18px;}
        .login-box ul{margin-top: 5px;}
        .login-box ul li:nth-child(4){margin-bottom: 5px;}
        .login-box ul li input{height: 2.2rem;line-height: 2.2rem;}
        .login-box ul li .kd{height: 2.2rem;line-height: 2.2rem;}
        .login-box .uplogin{font-size: 1.05rem;height: 2.2rem;line-height: 2.2rem;}
        .login-box .jlkk-register ul li span{height: 2.2rem;line-height: 2.2rem;}
        .footer ul li{font-size: 14px;}
        .footer ul li i{font-size: 16px;}
    }