html, body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

a, label, button, input, select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    border: 0;
}

body {
    background: #fff;
    color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}


.divHeight {
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}

.r-line {
    position: relative;
}

    .r-line:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        height: 100%;
        border-right: 1px solid #D9D9D9;
        -webkit-transform: scaleX(0.5);
        transform: scaleX(0.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

.b-line {
    position: relative;
}

    .b-line:after {
        content: '';
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #e2e2e2;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}

.flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}


/* 必要布局样式css */

.flexView {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.scrollView {
    margin-top:30px;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.navBar {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
    background: #fff;
}


.navBar-item {
    height: 44px;
    min-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #808080;
    position: relative;
}

    .navBar-item:first-child {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-right: -25%;
        font-size: 0.9rem;
        font-weight: bold;
    }

    .navBar-item:last-child {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        color: #79a5e5;
    }

.center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: 50%;
    margin-left: 25%;
}

.center-title {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 0.95rem;
    /*color: #333;*/
}

.icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}

.icon-return {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEnElEQVRoQ+XbT2gUVxwH8O9v/xUPgVKh0NBDDx568dKAlyJmU3GT7HtLIwTBiwj2pB48tXpv66UgWCi9KN4UIaT73sski9S0wdKL5Cah0FZKacGTsAjZ3dl55clEJJ3Z2ZmdP6/pu+SQmczvM28yM9/33hD+I63RaLxVq9VuAGgB+Ml13cuO4/wat3yKu0MR2zcajXeq1er3RPT+a8ffFkJ8ELce68Hz8/PvVSqVLSJ693Wc1lpLKcsAdBy01WDOuenRHwC8HYA6WD3MGDtGRBsA3gzAPhsOh8fX1tZ+idO7Zlsre7jZbNZLpZICcGg/SGv9p+u6x9fX15/GxVoJ5pwzrfUKEVUDsDuDwWBuY2Pj7yRY68DNZvNcqVS6BaAU9D9bLpfnVldXnyfFWgVmjF0iopshmEe9Xq/R6XReTIK1Bsw5/xzAtSCM1rozHA5bjuP0JsXaACbG2LdE9EkIZqXb7Z7Z3Nx008AWCp6dna1MTU3dA3A6BHNHCHE+7otF1Ikp5LG0sLDwRrlcbhPRqZDL+Gsp5eWo4pP8Pndwq9Wa0lo7AD4MwV6TUn6ZBDPOPrmCl5aWDruu+xDA0YBnrHk9Pq+UujNO4Um3yQ1sEk+tVvsRwJEArKu1PqOUWkkKGXe/XMCtVuuI53kP9yceU6TW2jxuWlLKzrhFT7Jd5uDFxcWj5XLZXMaHA3r2RalUarTb7UeTIOLsmynYTzwPAEwFFPWciOba7fZ2nIIn3TYzMGPsFBGtBiUeAM8AnBBC7EwKiLt/JuBms3maiO4RUSWgoKeDwaCeNN7FBe7fPnWwSTxEdJuI/vW3tdY7/X7/RKfTMT1cSEsVzDn/DEDYS8N2GvFu0rOUGpgxdpOILoUUlFq8swFMnPPbAM6FvCqmGu8KBc/MzFSnp6fvjkg8qce7wsDLy8uHdnd3zUBbPaSITOJdIWCTeDzPe0BEx0Iu48ziXSFgzrkAwEKwmca73MH+SMUuADPN8aqZbJdHvLMNfEEpZYZZrW2JnsOMse+IyExbBrWrQojrtooTgaNuWgBuCCGu2IhOBDaQqMeS1vqWlPJC2qOOk57ExGBz4DFePO53u92zaY4rFwr2Dz7y1RKA47ruUlozBzaAX9YwKjxorbf6/f5CGnND1oBNIZzzTwEE3qG11o8rlcrJSWf/rAKbYkYNAAB40uv16gdmAGDv7EcM8fwO4CMhhPmZe5voLj2q2qhBPNd1647jPMlbnBnYv5GZhSmhw7Se551USj3OE50p2ECiBuK11gtKqa280JmDDSRqqoWIloQQZkYx85YL2CjGmEw7q5S6n7U4N7CBjDFdmnm8zBXsX94jJ8Q9z7uilDKrZjNpuYONYowlD9ellFezEBcCNpCoRS1a62+klBfTjpeFgf3ei0paqcfLosEv3YyxL4go7BJONV5aAfbRoUsP04yX1oCjklZa8dIqsI82k+l3g5YPpxEvrQP76NAF4gBMrJwVQvyR5LFlJXiMpPXXcDisH5hPAPZ6zk9aJl4e/I889tD/q8949tAhSetgfcaz/4bkf4r3FYCPAfzsed5FpdRvcW9c/wDl2jFbkzj+kQAAAABJRU5ErkJggg==');
}



.entry-box {
    width: 90%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}


.flex-item {
    border-radius: 5px;
    border: 1px solid #cc2525;
    background: #fcfcfc;
    margin-top: 4rem;
}

.flex-icon {
    width: 25px;
    height: 25px;
    margin-right: 0.5rem;
}

    .flex-icon img {
        width: 25px;
        height: 25px;
        display: block;
        border: none;
    }


.flex-box input {
    background: none;
    display: block;
    width: 100%;
    border: none;
    font-size: 0.85rem;
}

.entry-head {
    position: relative;
    width: 100%;
}

.entry-img {
    position: absolute;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    top: -67px;
}


    .entry-img img {
        width: 100%;
        height: auto;
        display: block;
        border: none;
    }

.entry-button {
    padding: 1rem 0;
}

    .entry-button button {
        background: #cc2525;
        color: #fff;
        font-size: 0.9rem;
        border-radius: 5px;
        height: 3rem;
        line-height: 3rem;
        width: 100%;
        border: none;
    }

.entry-forget {
    text-align: right;
}

    .entry-forget a {
        color: #08acee;
        font-size: 0.8rem;
    }


.entry-text {
    text-align: center;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 0.5rem;
}

    .entry-text p {
        color: #a3a3a3;
        font-size: 0.85rem;
    }

.entry-signs button {
    background: none;
    border: 1px solid #d4d4d4;
    color: #3cb034;
    font-size: 0.9rem;
    border-radius: 5px;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    margin: 0.5rem 0;
    position: relative;
}

.icon-wx {
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: -40px;
    background-image: url('data:image/png;base64,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');
}

.icon-qq {
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: -40px;
    background-image: url('data:image/png;base64,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');
}