@charset "utf-8";

body,div,ul,li,h1,h2,h3,h4,h5,h6,table,p,dt,dd{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",sans-serif;font-size:16px;line-height:25px;font-weight:normal;font-style:normal;background:#f2f2f2;line-height:1.8;color:#232323;}
ul{list-style:none;}
a{text-decoration:none;color:#232323;}
a:hover{text-decoration:underline;}
img{border:0;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.left{ float:left;display:inline;}
.right{float:right;display:inline;}

.header {background-color:#000;height:42px;line-height:42px;width:100%;overflow:hidden;color:#fff;box-sizing:border-box;padding:0 12px;}
.footer {text-align:center;font-size:12px;padding:50px 0 20px 0;}
.btn {background-color:#0071e3;padding:3px 12px;border-radius:12px;color:#fff;}
.btn:hover {background-color:#0068d1;}
.btn.red.ml {margin-left:20px;}
.icon {vertical-align:middle;max-width:80px;height:auto;}

.txt {width:100%;}

.box {
    width:95%;box-sizing:border-box;max-width:600px;border:1px solid #e3e3e3;margin:24px auto 0 auto;border-radius:3px;background-color:#fff;
}

    .box.pd {
        padding:18px;
    }

    .box dt {
        height:30px;line-height:30px;width:100%;box-sizing:border-box;padding:0 12px;overflow:hidden;
    }

    .box .link {
        display:block;background-color:green;color:#fff;
    }

    .box dd {
        border-top:1px solid #e3e3e3;
        padding:25px;
        font-size:14px;
    }

    .box b {
        font-size:18px;
    }

    .box i {
        width:12px;height:12px;line-height:12px;border-radius:50%;display:inline-block;margin-right:5px;
    }

        .box i.small {
                width:8px;height:8px;vertical-align:middle;
        }

        .box i.red {
            background-color:red;
        }
        .box i.green {
            background-color:green;
        }
        .box i.grey {
            background-color:grey;
        }