* {
    padding: 0;
    margin: 0;
}

html {
    color: #646473;
    background: #999999;
    height: 100%;
    font-size: 100%;
   
}

body {
    background-color: #FFFEFE;
    font-size: 100%;
    line-height: normal;
    font-family: Microsoft YaHei,Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #222;
    max-width: 640px;
    margin: 0 auto;
    height: auto;
    text-indent: 0em !important;
}

h1, h2, h3, h4 {
    font-weight: normal
}

.mt2em {
    margin-top: 0rem;
}

.mt15em {
    margin-top: 1.2rem;
}


.wrapper {
    width: 100%;
    margin: 0 auto;
}

.wrapper2 {
    width: 100%;
    margin: 0 auto;
    background: #FFF;
    /*padding: 0 4%;*/
}

.top {
    width: 100%;
    height: auto;
}

    .top h1 {
        text-align: left;
        color: #000;
        font-size: 2.2rem;
        line-height: 3rem;
        font-weight: bold;
        padding: 1rem 0;
    }

.topsina {
    position: relative;
    min-height: 20px;
    line-height: 2rem;
    font-size: 1.1rem;
}

.topr {
    float: right;
    cursor: pointer;
}

.hr1 {
    height: 8px;
    width: 100%;
    background: url(../images/hr1.jpg);
    margin: 1rem 0;
}






.key {
    width: 100%;
    font-size: 17px;
    line-height: 2.8rem;
}

    .key p {
        padding: .7em;
    }




.des h4 {
    width: 100%;
    text-align: center;
    padding: .5em 0;
    color: #A1A1A1;
    line-height: 2em;
    font-size: 1.2em;
}



hr {
    display: block;
    height: 2px;
    border: 0;
    margin: 0 auto;
    padding: 0;
    max-width: 27px;
    background-color: #F10061;
}

img {
    vertical-align: middle;
}

.clr {
    clear: both
}






.search {
    background: #E5004F;
}

    .search h4 {
        font-size: 1.2rem;
        line-height: 3.5rem;
        height: 3.5rem;
        color: #FFF;
        font-weight: normal;
        letter-spacing: 1px;
        padding-left: 2rem;
    }

        .search h4 span.k {
            background: #FFF;
            color: #000;
            font-weight: bold;
            padding: .5rem 2rem .75rem 0.5px;
            margin-left: 1rem;
            border-radius: 16px;
        }

        .search h4 span .imgk {
            margin-top: -.1rem;
            padding-right: 1rem;
        }

.skey {
    border: solid 2px #E5004F;
    font-size: 1.7rem;
    line-height: 2.8rem;
}

    .skey p {
        padding: .2em;
        letter-spacing: 1px;
    }

span.b {
    color: #FFF;
    background: #E5004F;
    padding: .1rem .3rem;
}

span.sky {
    color: #2A90D7
}

span.red {
    color: #E5004F;
    font-weight: bold;
}

span.strong {
    font-weight: bold;
}

span.copy {
    color: #E5004F;
    font-weight: normal;
    font-family: Arial;
    font-size: .9em;
}

.yaokuang {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

    .yaokuang h2 {
        width: 70%;
        margin: 0 auto;
        text-align: left;
        font-size: 1.2em;
        line-height: 2.3em;
        color: #0026ff
    }

    .yaokuang img {
        width: 40%;
        text-align: center;
    }

.content {
    font-size: 1.4rem;
    line-height: 2.8rem;
}

    .content img {
        width: 100%;
        margin: .4rem 0;
    }

    .content .ltu1 {
        text-align: center;
        padding: 0;
        color: #A1A1A1;
        line-height: 1.6em;
        font-size: 1.2rem;
    }

    .content p {
        padding: .7em 0;
        letter-spacing: 1px;
        width: 100%;
        margin: 0 auto;
    }

        .content p.bkhui {
            background: #e5004f;
            width: 92%;
            margin: .4em auto;
            padding: 0%;
            color: #fff;
            font-size: 20px;
        }

        .content p span.ra {
            color: #E5004F
        }

        .content p.t {
            text-align: center;
        }

            .content p.t img {
                width: 75%;
            }

.case {
    padding: 4rem 0;
}

    .case .btun {
        text-align: center;
        font-size: 20px;
        line-height: 3.5rem;
        margin: 2rem auto;
    }

.btnTitle {
    background: rgba(229, 0, 79, 0.67);
    color: #FFF;
    padding: .8rem 2rem;
    border-radius: 2rem;
}

.case h4 {
    font-size: 20px;
    line-height: 3.5rem;
    color: #000;
}

.case .test {
    width: 100%;
    font-weight: normal;
    font-size: 20px;
    color: #010101;
    line-height: 4.5rem;
}

    .case .test span {
        margin: 0 2px;
        border-radius: 2rem;
        border: solid 1px #848484;
        padding: .4rem 1rem;
        width: 20%;
        cursor: pointer;
    }

        .case .test span.check {
            background: #2A90D7;
            color: #FFF;
            border: solid 1px #1A79BC;
        }

.error {
    color: #535353;
    font-size: 1.2rem;
}

.tap {
    padding: .7em;
    font-size: 1rem;
    color: #585858
}

    .tap span {
        border: solid 1px #EDEDED;
        border-radius: .5rem;
        padding: .3rem 1rem;
        margin: .5rem;
        background: #FFF;
    }

.sharp {
    padding: .4em;
    font-size: 1rem;
    color: #585858
}

    .sharp img {
        width: 24%;
    }

.comment {
    padding: 10px;
}

    .comment .title {
        font-size: 20px;
        color: #7E7E7E;
        line-height: 2.5rem;
        margin-top: 1.5rem;
    }

span.com {
    color: #000; /*background:url(../images/pl.png) bottom center no-repeat;*/
    padding-bottom: .6rem
}

.commlist {
    width: 100%;
    font-size: 1.2rem;
    color: #222222;
    line-height: 2rem;
    background: #FFF;
}

    .commlist dt {
        padding-left: 10%;
        position: relative;
        font-size: 18px;
    }

    .commlist .cfr {
        float: right;
        font-size: 15px;
        line-height: 3rem;
        color: #808080
    }

    .commlist dd {
        margin-left: 10%;
        color: #000;
        font-size: 17px;
        line-height: 25px;
        text-indent: 0em !important;
    }

        .commlist dd p {
            background: #F4F3F3;
            padding: .5rem;
            line-height: 2.2rem;
            margin-top: .5rem;
            color: #000
        }

span.ck {
    color: #545454;
    font-size: .95rem;
}

span.cks {
    color: #595757;
    font-size: 1.3rem;
}

span.date {
    color: #696969;
    font-size: 14px;
}

.line {
    border-bottom: solid 1px #F3F3F3;
    margin: 1rem 0;
    width: 100%;
    display: block;
}


span.touxiang {
    float: left;
    width: 15%;
    position: absolute;
    left: -0%;
    top: -2%
}

    span.touxiang img {
        width: 50%
    }
@media (min-width: 320px) and (max-width: 768px) {
    span.touxiang {
        float: left;
        width: 15%;
        position: absolute;
        left: -2%;
        top: -2%
    }
        span.touxiang img {
            width: 60%;
        }
}
.btnWx {
    line-height: 3rem;
    background: #F72451;
    display: block;
    text-align: center;
    font-size: 1.1rem;
    color: #FFF;
    border-radius: .5rem;
    cursor: pointer;
}

.btn {
    padding: 1rem 0;
    margin-top: 2rem;
}

.yaokuang {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

    .yaokuang h2 {
        width: 70%;
        margin: 0 auto;
        text-align: left;
        font-size: 1.2em;
        line-height: 2.3em;
        color: #0026ff
    }

    .yaokuang img {
        width: 95%;
        text-align: center;
    }


.img100 {
    width: 100%
}

.img80 {
    width: 80%
}

@media only screen and (min-width: 480px) and (max-width: 539px) {
    .top h1 {
        font-size: 1.2rem;
        line-height: 2.1rem;
        padding: .6rem 0;
    }

    .key {
        font-size: 1.1rem;
        line-height: 2rem;
    }

    .skey {
        font-size: 1.1rem;
        line-height: 2rem;
    }

    .search h4 {
        font-size: 1rem;
        padding-left: .8rem;
    }

    .content {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }

        .content img {
            margin: .4rem 0;
        }

    .comment .title {
        font-size: 20px;
    }

    .commlist {
        font-size: .9rem;
        line-height: 1.8rem;
    }

        .commlist dt {
            font-size: 18px;
        }

        .commlist .cfr {
            font-size: 15px;
        }

    span.date {
        font-size: 14px;
    }

    .yaokuang h2 {
        font-size: 1.1em;
        line-height: 1.6rem;
    }

    .btnWx {
        font-size: 1rem;
    }

    .topsina .s1 {
        max-width: 140px;
    }

    .topsina .s2 {
        max-width: 90px;
    }

    span.ck {
        font-size: .8rem;
    }

    span.cks {
        font-size: 1.1rem;
    }

    .case .btun {
        font-size: 20px;
        line-height: 2.8rem;
        margin: 1rem auto;
    }

    .case h4 {
        font-size: 20px;
        line-height: 2.6rem;
    }

    .commlist dd p {
        padding: .4rem;
        line-height: 1.8rem;
        color: #000
    }

    .case .test {
        font-size: 18px
    }
}




@media only screen and (max-width: 479px) {

    .top h1 {
        font-size: 1.1rem;
        line-height: 1.6rem;
        padding: .6rem 0;
    }

    .key {
        font-size: 17px;
        line-height: 2rem;
    }

    .skey {
        font-size: 1rem;
        line-height: 2rem;
    }

    .search h4 {
        font-size: 25px;
        padding-left: .5rem;
    }

    .topsina {
        font-size: .9rem;
    }

    .content {
        font-size: 1rem;
        line-height: 1.8rem;
    }

        .content img {
            margin: .4rem 0;
        }

    .comment .title {
        font-size: 20px;
    }

    .commlist {
        font-size: .8rem;
        line-height: 1.6rem;
    }

        .commlist dt {
            font-size: 18px;
            font-weight: 600;
        }

        .commlist .cfr {
            font-size: 15px;
        }

    span.date {
        font-size: 14px;
    }

    .btnWx {
        font-size: 1rem;
    }

    .yaokuang h2 {
        font-size: 1em;
        line-height: 1.4rem;
    }

    .topsina .s1 {
        max-width: 130px;
    }

    .topsina .s2 {
        max-width: 80px;
    }

    .commlist dd p {
        padding: .4rem;
        line-height: 1.6rem;
        color: #000
    }

    span.ck {
        font-size: .7rem;
    }

    span.cks {
        font-size: 1rem;
    }

    .case .btun {
        font-size: 20px;
        line-height: 2.3rem;
        margin: .8rem auto;
    }

    .case h4 {
        font-size: 20px;
        line-height: 2.2rem;
    }

    .case .test {
        font-size: 18px
    }

        .case .test span {
            padding: .4rem .7rem;
            margin: 0 1px;
        }
}

a:link, a:visited {
    color: #666;
    text-decoration: none;
}

.mc {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    color: #a7a3a3;
}

.en-markup-crop-options {
    top: 18px !important;
    left: 50% !important;
    margin-left: -100px !important;
    width: 200px !important;
    border: 2px rgba(255,255,255,.38) solid !important;
    border-radius: 4px !important;
}

img.img-padd {
    margin: 0 auto;
    margin-top: -5px;
}

.en-markup-crop-options div div:first-of-type {
    margin-left: 0px !important;
}

.img-wrap {
    width: 100%;
}

.img-left {
    width: 100%;
    text-align: center;
}

    .img-left img {
        width: 100%;
    }

.fk-red {
    width: 100%;
    height: 30px;
    /*background: #4897cb;*/
    background: red;
}

    .fk-red li {
        float: left;
        list-style: none;
    }

        .fk-red li a {
            float: left;
            line-height: 30px;
            font-size: 16px;
            margin-left: 16px;
            color: #fff;
            text-decoration: none;
        }

.fk-hidden {
    display: none;
}

a.see-more {
}

li.see-left {
    float: right;
    margin-right: 15px;
}

.hidden-all {
    display: none;
}

p.code-er {
    padding: 0 !important;
}

    p.code-er img {
        margin: 0 !important;
    }

.content p {
    padding: .5em 0;
}