* {
    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: 99999;
}

.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-color:#0ba1db;
    /*border: solid 1px #0ba1db;*/
    color: white;
}

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

.d_close {
    position: absolute;
    top: -10px;
    right: -10px;
    width:auto;
}
/*普通弹出框*/
@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 .kuang{width:380px; padding:0 40px; margin-left:-190px; }
    }
    @media screen and (max-width:375px){
       .peter_box .kuang{width:350px; padding:0 40px; margin-left:-175px; }
    }
    @media screen and (max-width:320px){
       .peter_box .kuang{width:300px; height:215px; padding:0 10px; margin-left:-150px; }
       .peter_box .p_3{margin:15px 0 0px;}
    }