* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    font-style: '微软雅黑';
}

.d_box a {
    text-decoration: none;
    color: #ffffff;
}

.d_box {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}

.d_tanchu {
    /*width: 393px;
    height: 140px;*/
    position: absolute;
    top: 50%;
    margin-top: -95px;
    left: 50%;
    margin-left: -167px;
    background: #ffffff;
    padding: 20px 0px;
}

    .d_tanchu p {
        text-align: center;
        line-height: 30px;
    }

    .d_tanchu ul {
        overflow: hidden;
        margin-top: 15px;
    }

        .d_tanchu ul li {
            float: left;
            text-align: center;
        }

.d_li {
    width: 101px;
    height: 34px;
    line-height: 34px;
    /*background: #0ba1db;*/
    /*color: #ffffff;*/
    margin: 0 30px;
    cursor: pointer;
    border: solid 1px #0ba1db;
    color: #333333;
    background: none;
}

    .d_li a {
        color: #333333;
    }

    .d_li:hover {
        background: #0ba1db;
        color: #ffffff;
    }

    .d_li a:hover {
        color: #ffffff;
    }

.d_daoji {
    font-size: 24px;
    color: #ff0000;
}

.d_li2 {
    background: #0ba1db;
    /*border: solid 1px #0ba1db;*/
    color: #ffffff;
}

/*.d_li2:hover {
        background: #0ba1db;
        color: #ffffff;
    }*/

.d_close {
    position: absolute;
    top: -10px;
    right: -10px;
    width:auto;
}


/*客服样式代码开始*/
.div_kf {
    width: 160px;
    height: 236px;
    background: url(../img/bg.png) no-repeat;
    padding-top: 86px;
    position: fixed;
    left: 10px;
    bottom: 100px;
    z-index: 9999;
}

    .div_kf a {
        text-decoration: none;
    }
    /* .text{margin-top:90px;} */
    .div_kf .text p {
        border-bottom: 1px #2eb0db dashed;
        text-align: center;
        width: 94px;
        margin: 2px auto;
        height: 30px;
        line-height: 30px;
    }

        .div_kf .text p a {
            color: #fd7903;
        }

        .div_kf .text p:hover {
            width: 90px;
            /*height: 30px;
            display: block;
            margin: 2px auto;*/
            border-radius: 5px;
            color: #fff;
            line-height: 30px;
            text-align: center;
            border: 0;
            background: -moz-linear-gradient( top,#2887f4,#0d5eb8);
            background: -webkit-linear-gradient(top,#2887f4,#0d5eb8);
            background: -o-linear-gradient(top,#2887f4, #0d5eb8);
        }

            .div_kf .text p:hover a {
                color: #fff;
            }

/*客服样式代码结束*/
/*普通弹出框*/
@charset "utf-8";
    .peter_box *{margin:0; padding:0; list-style:none; -webkit-box-sizing: border-box; box-sizing:border-box; text-decoration: none;}
    .peter_box{position:fixed; height:100%; top:0px; width:100%; background:rgba(0,0,0,0.8); z-index:9999;  font-family:"微软雅黑","Microsoft Yahei",sans-serif; color:#666666; /*display:none;*/}
    /*body{ font-family:"微软雅黑","Microsoft Yahei",sans-serif; color:#666666;width:100%; overflow-x:hidden; font-size:14px; -webkit-tap-highlight-color:transparent;}*/
    .peter_box .text_center{text-align:center;}
    .peter_box .peter_kuang{width:350px; height:220px; border-radius:5px; background:#ffffff; position:absolute; top:50%; margin-top:-110px; left:50%; margin-left:-175px; padding:0 40px;}
    .peter_box .pe_1{height:80px; line-height:100px; font-size:22px;}
    .peter_box .pe_2{font-size:15px; line-height:25px;}
    .peter_box .pe_3{margin-top:30px;}
    .peter_box .pe_3 a{color:#059bd6; font-size:18px;}
    .peter_box span{position:absolute; top:3px; right:3px; width:30px; height:30px; background:url(../img/quxiao.png) no-repeat center center; cursor:pointer;}
    @media screen and (max-width:420px){
       .peter_box .peter_kuang{width:380px; padding:0 40px; margin-left:-190px; }
    }
    @media screen and (max-width:375px){
       .peter_box .peter_kuang{width:350px; padding:0 40px; margin-left:-175px; }
    }
    @media screen and (max-width:320px){
       .peter_box .peter_kuang{width:300px; height:215px; padding:0 10px; margin-left:-150px; }
       .peter_box .p_3{margin:15px 0 0px;}
    }