body {
    background: #f1f1f1;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
pre,
code,
p,
img,
form,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0
}

body,
input,
select,
textarea,
button {
    font-family: "Helvetica Neue", "Open Sans", "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif
}

img {
    border: 0
}

a {
    text-decoration: none
}

:focus {
    outline: 0
}
div.info0  {
  line-height: 23px;
      font-size: 12px;
    border-bottom: 1px solid #eee;
}

.wap_clearfix {
    zoom: 1
}

.wap_clearfix:after {
    height: 0;
    clear: both;
    content: " ";
    display: block
}

span.wap_separator {
    margin: 0 6px;
    color: #e6e6e6
}

div.wap_loading {
    position: fixed;
    padding: 12px;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 4px;
    display: none;
    z-index: 6000
}

div.wap_loading>div.wap_loading_icon {
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url('../image/loading.gif') no-repeat center center;
    background-size: 32px auto
}

div.wap_loading>div.wap_loading_text {
    padding-top: 8px;
    font-size: 12px;
    color: #fff;
    text-align: center
}

div.wap_tips {
    position: fixed;
    top: 120px;
    padding: 16px 22px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    z-index: 6500;
    display: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}

div.wap_tips>div {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 24px
}

div.wap_tips>div:before {
    margin-right: 6px
}

div.wap_tips>div.icon-success:before {
    color: #5cb85c
}

div.wap_tips>div.icon-error:before {
    color: #d43b3b
}

div.wap_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    display: none
}

div.wap_font_filter {
    position: relative
}

div.wap_font_filter>div.wap_font_filter_subject {
    position: relative;
    height: 50px
}

div.wap_font_filter>div.wap_font_filter_subject>h2 {
    padding-left: 2px;
    height: 50px;
    font-size: 12px;
    color: #000;
    line-height: 50px
}

div.wap_font_filter>div.wap_font_filter_subject>h2>span.wap_separator {
    margin: 0 6px;
    color: #888
}

div.wap_font_filter>div.wap_font_filter_subject>button {
    position: absolute;
    top: 0;
    right: 2px;
    height: 50px;
    background: 0;
    border: 0;
    font-size: 12px;
    color: #000;
    display: block
}

div.wap_font_filter>div.wap_font_filter_subject>button>span {
    height: 50px;
    line-height: 50px;
    display: inline-block
}

div.wap_font_filter>div.wap_font_filter_subject>button>span.iconfont {
    margin-right: 3px
}

div.wap_font_filter>div.wap_font_filter_container {
    padding-bottom: 12px;
    display: none
}

div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg {
    padding: 12px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px
}

div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle {
    position: relative
}

div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle>h5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 30px;
    font-size: 12px;
    color: #333;
    line-height: 30px
}

div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle>ul {
    padding-left: 38px;
    font-size: 12px;
    list-style: none
}

div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle>h5,
div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle>ul {
    padding-top: 10px
}

div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle:first-child>h5,
div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle:first-child>ul {
    padding-top: 0
}

div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle>ul>li {
    margin-right: 12px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle>ul>li>a {
    color: #666
}

div.wap_font_filter>div.wap_font_filter_container>div.wap_font_filter_bg>div.wap_font_filter_bundle>ul>li.wap_font_filter_active>a {
    color: #333;
    text-decoration: underline
}

div.wap_download_captcha {
    position: fixed;
    width: 220px;
    background: #fff;
    border-radius: 4px;
    display: none;
    z-index: 25000
}

div.wap_download_captcha>div.wap_download_captcha_container {
    position: relative;
    padding: 20px
}

div.wap_download_captcha>div.wap_download_captcha_container>h2 {
    font-size: 14px;
    color: #000;
    text-align: center
}

div.wap_download_captcha>div.wap_download_captcha_container>div.wap_download_captcha_input {
    padding-top: 8px
}

div.wap_download_captcha>div.wap_download_captcha_container>div.wap_download_captcha_input>input {
    padding: 8px 0;
    width: 100%;
    height: 36px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    text-align: center;
    letter-spacing: 3px;
    display: block;
    box-sizing: border-box;
    -webkit-appearance: none
}

div.wap_download_captcha>div.wap_download_captcha_container>div.wap_download_captcha_input>div.wap_download_captcha_image {
    padding: 5px;
    width: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-sizing: border-box
}

div.wap_download_captcha>div.wap_download_captcha_container>div.wap_download_captcha_input>div.wap_download_captcha_image>img {
    margin: 0 auto;
    width: 138px;
    height: 37px;
    display: block
}

div.wap_download_captcha>div.wap_download_captcha_container>div.wap_download_captcha_input>div.wap_download_captcha_refresh {
    padding-top: 10px;
    font-size: 12px;
    color: #666;
    line-height: 38px;
    text-align: center
}

div.wap_download_captcha>div.wap_download_captcha_container>div.wap_download_captcha_buttons {
    padding-top: 10px;
    text-align: center
}

div.wap_download_captcha>div.wap_download_captcha_container>div.wap_download_captcha_buttons>button {
    padding: 0 18px;
    height: 36px;
    border: 0;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 36px;
    text-align: center
}

div.wap_download_captcha>div.wap_download_captcha_container>div.wap_download_captcha_buttons>button.wap_download_confirm {
    margin-right: 12px;
    background: #555
}

div.wap_download_captcha>div.wap_download_captcha_container>div.wap_download_captcha_buttons>button.wap_download_cancel {
    background: #b3b3b3
}

div.wap_outside_download_points {
    position: fixed;
    width: 220px;
    background: #fff;
    border-radius: 4px;
    z-index: 7500;
    display: none
}

div.wap_outside_download_points>div.wap_outside_download_points_container {
    position: relative;
    padding: 15px
}

div.wap_outside_download_points>div.wap_outside_download_points_container>h2 {
    padding-bottom: 16px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    line-height: 24px
}

div.wap_outside_download_points>div.wap_outside_download_points_container>ul {
    list-style: none
}

div.wap_outside_download_points>div.wap_outside_download_points_container>ul>li {
    margin-bottom: 10px;
    width: 180px
}

div.wap_outside_download_points>div.wap_outside_download_points_container>ul>li>a {
    padding: 0 8px;
    height: 28px;
    background: #e6e6e6;
    border-radius: 4px;
    font-size: 12px;
    color: #666;
    line-height: 28px;
    display: inline-block
}

div.wap_outside_download_points>div.wap_outside_download_points_container>ul>li>a>span.iconfont {
    margin-right: 5px
}

div.wap_outside_download_points>button.wap_outside_download_points_closer {
    width: 100%;
    height: 36px;
    background: #eee;
    border: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 12px;
    color: #666;
    line-height: 36px;
    text-align: center;
    display: block
}

div.wap_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000
}

div.wap_header>div.wap_bar {
    position: relative;
    width: 100%;
    background: #000;
    z-index: 1000
}

div.wap_header>div.wap_bar>div.wap_bar_container {
    position: relative;
    width: 100%;
    height: 56px
}

div.wap_header>div.wap_bar>div.wap_bar_container>a.wap_brand {
    margin: 0 auto;
    width: 136px;
    height: 56px;
    font-size: 20px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    display: block
}

div.wap_header>div.wap_bar>div.wap_bar_container>a.wap_bar_button {
    position: absolute;
    top: 0;
    padding: 0 16px;
    height: 56px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    display: block
}

div.wap_header>div.wap_bar>div.wap_bar_container>a.wap_bar_search_button {
    left: 0
}

div.wap_header>div.wap_bar>div.wap_bar_container>a.wap_bar_qrcode_button {
    right: 0
}

div.wap_header>div.wap_bar>div.wap_bar_container>ul.wap_bar_qrcode_menu {
    position: absolute;
    top: 62px;
    right: 6px;
    padding: 5px 22px;
    width: 128px;
    background: #383838;
    border-radius: 4px;
    list-style: none;
    display: none
}

div.wap_header>div.wap_bar>div.wap_bar_container>ul.wap_bar_qrcode_menu>li {
    border-top: 1px solid #505050
}

div.wap_header>div.wap_bar>div.wap_bar_container>ul.wap_bar_qrcode_menu>li:first-child {
    border-top: 0
}

div.wap_header>div.wap_bar>div.wap_bar_container>ul.wap_bar_qrcode_menu>li>a {
    position: relative;
    padding-left: 32px;
    height: 52px;
    display: block
}

div.wap_header>div.wap_bar>div.wap_bar_container>ul.wap_bar_qrcode_menu>li>a>span.iconfont {
    position: absolute;
    top: 0;
    left: 2px;
    width: 30px;
    height: 52px;
    font-size: 16px;
    color: #fff;
    line-height: 52px;
    display: block
}

div.wap_header>div.wap_bar>div.wap_bar_container>ul.wap_bar_qrcode_menu>li>a>span.text {
    height: 52px;
    font-size: 14px;
    color: #fff;
    line-height: 52px;
    display: block
}

div.wap_body {
    margin: 0 auto;
    padding-top: 56px;
    max-width: 768px
}

div.wap_body>div.wap_body_wrapper {
    padding: 0 38px
}

@media screen and (max-width:580px) {
    div.wap_body>div.wap_body_wrapper {
        padding: 0 10px
    }
}

div.wap_content_block {
    position: relative
}

div.wap_content_block>.wap_content_subject {
    height: 52px;
    display: block
}

div.wap_content_block>.wap_content_subject>h2 {
    padding-left: 2px;
    height: 52px;
    font-size: 12px;
    color: #333;
    line-height: 52px;
    float: left
}

div.wap_content_block>.wap_content_subject>span {
    padding-right: 2px;
    height: 52px;
    font-size: 12px;
    color: #666;
    line-height: 52px;
    float: right;
    display: block
}

div.wap_content_block>div.wap_content_container {
    position: relative
}

@media screen and (max-width:580px) {
    div.wap_content_block>.wap_content_subject {
        height: 46px
    }

    div.wap_content_block>.wap_content_subject>h2,
    div.wap_content_block>.wap_content_subject>span {
        height: 46px;
        line-height: 46px
    }
}

ul.wap_font_list {
    list-style: none
}

ul.wap_font_list>li {
    position: relative;
    margin-bottom: 12px;
    background: #fff;
    border-radius: 3px
}

ul.wap_font_list>li:last-child {
    margin-bottom: 0
}

ul.wap_font_list>li>span._sp {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: url('../image/p-right-bottom-2x.png') no-repeat;
    background-size: 30px auto;
    border-bottom-right-radius: 4px;
    display: block
}

ul.wap_font_list>li>a {
    padding: 0 20px;
    display: block
}

ul.wap_font_list>li>a>div.wap_font_subject {
    position: relative;
    height: 46px;
    border-bottom: 1px solid #eee
}

ul.wap_font_list>li>a>div.wap_font_subject>h5 {
    height: 46px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    line-height: 46px;
    overflow: hidden
}

ul.wap_font_list>li>a>div.wap_font_subject>div.wap_font_list_item_marks {
    position: absolute;
    top: 14px;
    right: 0;
    height: 18px;
    font-size: 0;
    line-height: 18px
}

ul.wap_font_list>li>a>div.wap_font_subject>div.wap_font_list_item_marks>span {
    margin-left: 5px;
    padding: 0 3px;
    height: 18px;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    display: inline-block
}

ul.wap_font_list>li>a>div.wap_font_subject>div.wap_font_list_item_marks>span:first-child {
    margin-left: 0
}

ul.wap_font_list>li>a>div.wap_font_subject>div.wap_font_list_item_marks>span.commercial_free_scopes {
    background: #1fb29d
}

ul.wap_font_list>li>a>div.wap_font_subject>div.wap_font_list_item_marks>span.commercial_free_license_required {
    background: #ff6f47
}

ul.wap_font_list>li>a>div.wap_font_subject>div.wap_font_list_item_marks>span.disabled_scope {
    display: none
}

ul.wap_font_list>li>a>div.wap_font_subject>div.wap_font_list_item_marks>span.previewer_unsupported {
    background: #a6a6a6
}

ul.wap_font_list>li>a>div.wap_font_preview {
    padding: 20px 0;
    overflow: hidden
}

ul.wap_font_list>li>a>div.wap_font_preview>img {
    height: 50px;
    display: block
}

@media screen and (max-width:580px) {
    ul.wap_font_list>li>a {
        padding: 0 16px
    }

    ul.wap_font_list>li>a>div.wap_font_subject {
        height: 42px
    }

    ul.wap_font_list>li>a>div.wap_font_subject>h5 {
        height: 42px;
        font-size: 12px;
        line-height: 42px
    }

    ul.wap_font_list>li>a>div.wap_font_subject>div.wap_font_list_item_marks {
        top: 12px
    }

    ul.wap_font_list>li>a>div.wap_font_preview>img {
        height: 30px
    }
}

ul.wap_article_list {
    list-style: none
}

ul.wap_article_list>li {
    margin-bottom: 12px;
    padding: 16px;
    background: #fff;
    border-radius: 3px
}

ul.wap_article_list>li:last-child {
    margin-bottom: 0
}

ul.wap_article_list>li>div {
    position: relative;
    height: 120px
}

ul.wap_article_list>li>div>a.wap_article_cover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 100
}

ul.wap_article_list>li>div>a.wap_article_cover>img {
    width: 160px;
    height: 120px;
    border-radius: 3px;
    display: block
}

ul.wap_article_list>li>div>div.wap_article_info {
    padding-left: 182px;
    height: 120px
}

ul.wap_article_list>li>div>div.wap_article_info>h5 {
    height: 28px;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

ul.wap_article_list>li>div>div.wap_article_info>h5>a {
    color: #333
}

ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_description {
    padding: 12px 0
}

ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_description>p {
    height: 44px;
    font-size: 12px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis
}

ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_description>p>a {
    color: #888
}

ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_meta {
    height: 24px;
    font-size: 12px;
    line-height: 24px
}

ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_meta>span>a {
    color: #333
}

@media screen and (max-width:580px) {
    ul.wap_article_list>li {
        margin-bottom: 10px
    }

    ul.wap_article_list>li:last-child {
        margin-bottom: 0
    }

    ul.wap_article_list>li>div {
        height: 100px
    }

    ul.wap_article_list>li>div>a.wap_article_cover>img {
        width: 138px;
        height: 100px
    }

    ul.wap_article_list>li>div>div.wap_article_info {
        padding-left: 156px;
        height: 100px
    }

    ul.wap_article_list>li>div>div.wap_article_info>h5 {
        height: 24px;
        font-size: 14px;
        line-height: 24px
    }

    ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_description {
        padding: 7px 0
    }

    ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_description>p {
        height: 40px;
        line-height: 20px
    }

    ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_meta {
        height: 22px;
        line-height: 22px
    }

    ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_meta>span.wap_article_view_count,
    ul.wap_article_list>li>div>div.wap_article_info>div.wap_article_meta>span.wap_article_recommend_count {
        display: none
    }
}

ul.wap_author_list {
    list-style: none
}

ul.wap_author_list>li {
    width: 50%;
    float: left
}

ul.wap_author_list>li>div {
    padding: 0 6px 12px 0
}

ul.wap_author_list>li:nth-child(2n)>div {
    padding: 0 0 12px 6px
}

ul.wap_author_list>li>div>a {
    position: relative;
    padding: 20px;
    height: 56px;
    background: #fff;
    border-radius: 4px;
    display: block
}

ul.wap_author_list>li>div>a>img.wap_author_avatar {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block
}

ul.wap_author_list>li>div>a>div.wap_author_info {
    padding-left: 76px;
    height: 56px
}

ul.wap_author_list>li>div>a>div.wap_author_info>h5 {
    padding-bottom: 10px;
    height: 24px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

ul.wap_author_list>li>div>a>div.wap_author_info>p {
    height: 22px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
    overflow: hidden
}

ul.wap_author_list>li>div>a>div.wap_author_info>span>b {
    margin-right: 3px;
    color: #333
}

@media screen and (max-width:736px) {
    ul.wap_author_list>li {
        margin-bottom: 10px;
        width: auto;
        float: none
    }

    ul.wap_author_list>li:last-child {
        margin-bottom: 0
    }

    ul.wap_author_list>li>div {
        padding: 0 !important
    }
}

div.wap_font_previewer {
    position: relative;
    height: 44px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden
}

div.wap_font_previewer>form {
    position: relative
}

div.wap_font_previewer>form>div.wap_font_previewer_input {
    padding: 0 176px 0 16px;
    height: 44px
}

div.wap_font_previewer>form>div.wap_font_previewer_input>input {
    padding: 10px 0;
    width: 100%;
    height: 24px;
    background: 0;
    border: 0;
    font-size: 12px;
    color: #333;
    line-height: 24px
}

div.wap_font_previewer>form>div.wap_font_previewer_buttons {
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    height: 44px
}

div.wap_font_previewer>form>div.wap_font_previewer_buttons>button {
    width: 80px;
    height: 44px;
    border: 0;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box
}

div.wap_font_previewer>form>div.wap_font_previewer_buttons>button>span {
    height: 44px;
    line-height: 44px;
    display: inline-block
}

div.wap_font_previewer>form>div.wap_font_previewer_buttons>button>span.iconfont {
    margin-right: 6px
}

div.wap_font_previewer>form>div.wap_font_previewer_buttons>button.convert {
    background: 0;
    color: #333
}

div.wap_font_previewer>form>div.wap_font_previewer_buttons>button.preview {
    background: #ffd600;
    color: #000
}

@media screen and (max-width:580px) {
    div.wap_font_previewer {
        height: auto
    }

    div.wap_font_previewer>form>div.wap_font_previewer_input {
        padding: 0 140px 0 12px;
        height: 38px
    }

    div.wap_font_previewer>form>div.wap_font_previewer_input>input {
        padding: 7px 0
    }

    div.wap_font_previewer>form>div.wap_font_previewer_buttons {
        width: 122px;
        height: 38px
    }

    div.wap_font_previewer>form>div.wap_font_previewer_buttons>button {
        width: 61px;
        height: 38px
    }

    div.wap_font_previewer>form>div.wap_font_previewer_buttons>button>span {
        height: 38px;
        line-height: 38px
    }

    div.wap_font_previewer>form>div.wap_font_previewer_buttons>button>span.iconfont {
        margin-right: 3px
    }
}

div.wap_paginator {
    padding-top: 20px
}

div.wap_paginator>ul {
    height: 38px;
    text-align: center;
    list-style: none
}

div.wap_paginator>ul>li {
    margin-right: 8px;
    display: inline-block
}

div.wap_paginator>ul>li:last-child {
    margin-right: 0
}

div.wap_paginator>ul>li>a,
div.wap_paginator>ul>li>span {
    padding: 0 12px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    font-size: 12px;
    color: #666;
    line-height: 36px;
    display: inline-block
}

div.wap_paginator>ul>li.wap_paginator_active>a {
    border: 1px solid #ccc;
    font-weight: bold;
    color: #333
}

div.wap_paginator>ul>li.wap_paginator_status>span>span.wap_separator {
    color: #bbb
}

div.wap_paginator>ul>li.wap_paginator_status {
    display: none
}

@media screen and (max-width:580px) {
    div.wap_paginator>ul>li.wap_paginator_status {
        display: inline-block
    }

    div.wap_paginator>ul>li.wap_paginator_number {
        display: none
    }

    div.wap_paginator>ul>li.wap_paginator_arrow>a,
    div.wap_paginator>ul>li.wap_paginator_status>span {
        color: #333
    }
}

div.wap_footer {
    padding: 36px 0;
    text-align: center
}

div.wap_footer>div.wap_footer_counter {
    height: 24px
}

div.wap_footer>div.wap_footer_counter>span.wap_footer_counter_label {
    padding: 0 5px;
    height: 24px;
    font-size: 12px;
    color: #555;
    line-height: 24px;
    display: inline-block
}

div.wap_footer>div.wap_footer_counter>span.wap_footer_counter_numbers {
    height: 24px;
    background: url('../image/footer-counter-bg.png') repeat-x left center;
    display: inline-block
}

div.wap_footer>div.wap_footer_counter>span.wap_footer_counter_numbers>span {
    width: 14px;
    height: 24px;
    border-right: 1px solid #555;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
    display: inline-block
}

div.wap_footer>div.wap_footer_counter>span.wap_footer_counter_numbers>span:last-child {
    border-right: 0
}

div.wap_footer>div.wap_footer_content {
    padding-top: 15px
}

div.wap_footer>div.wap_footer_content>p {
    font-size: 12px;
    color: #666;
    line-height: 24px
}

div.wap_footer>div.wap_footer_content>p>a {
    color: #333;
    text-decoration: underline
}

div.wap_footer>div.wap_footer_content>p>span.wap_separator {
    color: #aaa
}

div.wap_footer>div.wap_footer_content>p>a.wap_footer_gongan {
    padding-left: 15px;
    background: url('../image/gongan.png') no-repeat left center;
    color: #666
}

div.wap_home_album_list {
    padding-top: 20px
}

div.wap_home_album_list>div.wap_home_album_list_container {
    height: 131px;
    overflow: hidden
}

div.wap_home_album_list>div.wap_home_album_list_container>ul {
    margin-top: -10px;
    height: 151px;
    text-align: center;
    list-style: none;
    word-wrap: normal !important;
    white-space: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

div.wap_home_album_list>div.wap_home_album_list_container>ul>li {
    margin-right: 12px;
    padding: 10px 0;
    display: inline-block
}

div.wap_home_album_list>div.wap_home_album_list_container>ul>li:last-child {
    margin-right: 0
}

div.wap_home_album_list>div.wap_home_album_list_container>ul>li>a>img {
    width: 164px;
    height: 131px;
    border-radius: 3px;
    display: inline-block
}

@media screen and (max-width:580px) {
    div.wap_home_album_list {
        padding-top: 18px
    }

    div.wap_home_album_list>div.wap_home_album_list_container {
        height: 119px;
        overflow: hidden
    }

    div.wap_home_album_list>div.wap_home_album_list_container>ul {
        height: 139px
    }

    div.wap_home_album_list>div.wap_home_album_list_container>ul>li {
        margin-right: 10px
    }

    div.wap_home_album_list>div.wap_home_album_list_container>ul>li:last-child {
        margin-right: 0
    }

    div.wap_home_album_list>div.wap_home_album_list_container>ul>li>a>img {
        width: 152px;
        height: 119px
    }
}

div.wap_font_list_page {
    position: relative
}

div.wap_font_list_page>div.wap_font_list_head {
    padding-bottom: 12px;
    z-index: 1000
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_comm_prod_tips {
    padding-bottom: 16px
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_comm_prod_tips>div.tips_content {
    padding: 9px 12px;
    background: #fdf1b4;
    border: 1px dashed #ead981;
    border-radius: 3px;
    font-size: 12px;
    color: #6f6939;
    line-height: 22px
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter {
    position: relative;
    z-index: 1000
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_filter_buttons {
    position: relative;
    height: 66px
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_filter_buttons>button {
    position: absolute;
    top: 10px;
    height: 50px;
    background: 0;
    border: 0;
    font-size: 0;
    color: #000;
    line-height: 50px;
    display: block
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_filter_buttons>button>span {
    height: 50px;
    font-size: 13px;
    display: inline-block
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_filter_buttons>button>span:first-child {
    margin-right: 5px
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_filter_buttons>button.commercial_free_scopes {
    left: 2px
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_filter_buttons>button.sub_conditions {
    right: 2px
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu {
    position: absolute;
    top: 66px;
    left: 0;
    width: 180px;
    background: #383838;
    border-radius: 4px;
    z-index: 1000;
    display: none
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu>ul {
    padding: 5px 20px;
    list-style: none
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu>ul>li {
    border-top: 1px solid #505050
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu>ul>li:first-child {
    border-top: 0
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu>ul>li.disabled_scope {
    display: none
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu>ul>li>a {
    position: relative;
    padding: 0 22px 0 2px;
    height: 50px;
    font-size: 13px;
    color: #ccc;
    line-height: 50px;
    display: block
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu>ul>li>a>span.text {
    height: 50px;
    display: block
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu>ul>li>a>span.iconfont {
    position: absolute;
    top: 0;
    right: 2px;
    width: 20px;
    height: 50px;
    display: none
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu>ul>li.active>a {
    color: #fff
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_commercial_free_scopes_menu>ul>li.active>a>span.iconfont {
    display: block
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu {
    position: relative;
    padding-bottom: 16px;
    z-index: 500;
    display: none
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container {
    padding: 15px 20px 25px 20px;
    background: #fff;
    border-radius: 4px
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_block {
    position: relative;
    margin-top: 12px;
    padding-left: 50px
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_block:first-child {
    margin-top: 0
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_block>h5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 26px;
    font-size: 12px;
    color: #333;
    line-height: 26px
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_block>ul {
    font-size: 0;
    line-height: 26px;
    list-style: none
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_block>ul>li {
    margin-right: 15px;
    height: 26px;
    display: inline-block
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_block>ul>li>a {
    height: 26px;
    font-size: 12px;
    color: #333;
    display: inline-block
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_buttons {
    padding-top: 16px;
    height: 38px;
    font-size: 0;
    line-height: 38px;
    text-align: center
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_buttons>a,
div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_buttons>button {
    padding: 0 20px;
    height: 38px;
    background: #e9e9e9;
    border: 0;
    border-radius: 4px;
    font-size: 13px;
    color: #333;
    line-height: 38px;
    text-align: center;
    display: inline-block
}

div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_sub_conditions_menu>div.wap_font_sub_conditions_container>div.wap_font_sub_conditions_buttons>a {
    margin-right: 16px
}

div.wap_font_list_page div.wap_font_list_recommend_products {
    position: relative
}

div.wap_font_list_page div.wap_font_list_recommend_products>h5 {
    padding: 16px 0 15px 2px;
    font-size: 12px;
    font-weight: normal;
    color: #555
}

@media screen and (max-width:580px) {
    div.wap_font_list_page>div.wap_font_list_head>div.wap_font_filter>div.wap_font_filter_buttons>button>span {
        font-size: 12px
    }
}

div.wap_font_detail_page {
    padding-top: 18px
}

div.wap_font_detail_page>div.wap_font_detail_container {
    background: #fff;
    border-radius: 3px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_head {
    position: relative;
    padding: 18px 20px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_head>span._sp {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: url('../image/p-left-top-2x.png') no-repeat;
    background-size: 32px auto;
    border-top-left-radius: 4px;
    display: block
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_head>h1 {
    padding-bottom: 8px;
    font-size: 22px;
    font-weight: normal;
    color: #000;
    word-wrap: normal !important;
    white-space: nowrap !important;
    overflow: hidden
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_head>div.wap_font_tags {
    height: 32px;
    overflow: hidden
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_head>div.wap_font_tags>p {
    margin-top: -10px;
    padding: 10px 0;
    height: 32px;
    font-size: 12px;
    color: #666;
    line-height: 32px;
    word-wrap: normal !important;
    white-space: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_head>div.wap_font_tags>p>a {
    color: #666
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons {
    padding: 16px 20px;
    height: 60px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper {
    width: 100%;
    height: 36px;
    overflow: hidden
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll {
    margin-top: -7px;
    padding: 1px 0;
    height: 46px;
    line-height: 46px;
    word-wrap: normal !important;
    white-space: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>p.warn {
    font-size: 12px;
    color: #383838;
    text-align: center
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>p.warn:before {
    margin-right: 5px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>a.button,
div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>button.button {
    margin-left: 10px;
    padding: 0 12px;
    height: 36px;
    background: #ffd600;
    border: 0;
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
    display: inline-block
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>a:first-child,
div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>button:first-child {
    margin-left: 0
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>a.grey_button,
div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>button.grey_button {
    background: #ebebeb
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>a.button:before,
div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>button.button:before {
    margin-right: 5px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>button.wap_font_versions {
    background: #eee;
    color: #666
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>div.buttons_wrapper>div.buttons_scroll>button.wap_font_versions>span.iconfont {
    margin-right: 0
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block {
    padding: 10px 20px 0 20px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>h2 {
    padding-left: 1px;
    height: 36px;
    font-size: 12px;
    color: #333;
    line-height: 36px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>p.wap_font_description {
    font-size: 12px;
    color: #666;
    line-height: 22px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>p.wap_font_description>a {
    margin: 0 2px;
    color: #333
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>div.wap_font_previewer {
    background: #f3f3f3;
    border-color: #eee;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>div.wap_font_previewer>form>div.wap_font_previewer_buttons>button.preview {
    background: #707070;
    color: #fff
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>div.wap_font_previewer_canvas {
    padding: 12px;
    background: #fff;
    border: 1px solid #eee;
    border-top: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>div.wap_font_previewer_canvas>div {
    height: 50px;
    overflow: hidden
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>div.wap_font_previewer_canvas>div>img {
    height: 50px;
    display: block
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>table.wap_font_files {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>table.wap_font_files>thead>tr>td {
    padding: 0 12px;
    background: #fafafa;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    color: #666;
    line-height: 26px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>table.wap_font_files>thead>tr>td:last-child {
    border-right: 0
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>table.wap_font_files>tbody>tr>td {
    padding: 0 12px;
    background: #fff;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    color: #333;
    line-height: 26px;
    word-break: break-all
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>table.wap_font_files>tbody>tr>td:last-child {
    border-right: 0
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>table.wap_font_files>tbody>tr:last-child>td {
    border-bottom: 0
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>ul.wap_font_family_member_list {
    list-style: none
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>ul.wap_font_family_member_list>li {
    margin: 0 8px 6px 0;
    display: inline-block
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>ul.wap_font_family_member_list>li>a {
    padding: 0 5px;
    height: 24px;
    background: #eee;
    border-radius: 2px;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    display: inline-block
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>ul.wap_font_cr_notice {
    padding: 0 0 16px 20px;
    font-size: 12px;
    color: #666;
    line-height: 22px
}

div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>ul.wap_font_cr_notice>li {
    padding-bottom: 5px
}

@media screen and (max-width:580px) {
    div.wap_font_detail_page {
        padding-top: 12px
    }

    div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_head {
        padding: 10px 16px
    }

    div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_head>h1 {
        padding-bottom: 6px;
        font-size: 20px
    }

    div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons {
        padding: 14px 16px
    }

    div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_buttons>button {
        padding: 0 12px
    }

    div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block {
        padding: 8px 16px 0 16px
    }

    div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>div.wap_font_previewer_canvas>div {
        height: 30px
    }

    div.wap_font_detail_page>div.wap_font_detail_container>div.wap_font_detail_block>div.wap_font_previewer_canvas>div>img {
        height: 30px
    }
}

div.wap_font_detail_page div.wap_font_detail_copyright {
    padding: 20px;
    background: #fff;
    border-radius: 4px
}

div.wap_font_detail_page div.wap_font_detail_copyright>a.wap_font_detail_author {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 20px 68px;
    height: 52px;
    border-bottom: 1px solid #eee;
    display: block
}

div.wap_font_detail_page div.wap_font_detail_copyright>a.wap_font_detail_author>h5 {
    padding-bottom: 10px;
    font-size: 16px;
    color: #000;
    line-height: 22px
}

div.wap_font_detail_page div.wap_font_detail_copyright>a.wap_font_detail_author>p {
    font-size: 12px;
    color: #666;
    line-height: 20px
}

div.wap_font_detail_page div.wap_font_detail_copyright>a.wap_font_detail_author>p>span {
    margin-left: 10px
}

div.wap_font_detail_page div.wap_font_detail_copyright>a.wap_font_detail_author>p>span:first-child {
    margin-left: 0
}

div.wap_font_detail_page div.wap_font_detail_copyright>a.wap_font_detail_author>p>span>b {
    margin-right: 3px;
    font-weight: bold;
    color: #383838
}

div.wap_font_detail_page div.wap_font_detail_copyright>a.wap_font_detail_author>div.wap_font_detail_author_avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px
}

div.wap_font_detail_page div.wap_font_detail_copyright>a.wap_font_detail_author>div.wap_font_detail_author_avatar>img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: block
}

div.wap_font_detail_page div.wap_font_detail_copyright>a.wap_font_detail_author>span.iconfont {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 52px;
    font-size: 18px;
    color: #ccc;
    line-height: 52px;
    text-align: right;
    display: block
}

div.wap_font_detail_page div.wap_font_detail_copyright>ul.wap_font_detail_commercial_free_scopes {
    list-style: none
}

div.wap_font_detail_page div.wap_font_detail_copyright>ul.wap_font_detail_commercial_free_scopes>li {
    position: relative;
    margin-top: 16px;
    padding-left: 32px
}

div.wap_font_detail_page div.wap_font_detail_copyright>ul.wap_font_detail_commercial_free_scopes>li:first-child {
    margin-top: 0
}

div.wap_font_detail_page div.wap_font_detail_copyright>ul.wap_font_detail_commercial_free_scopes>li.disabled_scope {
    display: none
}

div.wap_font_detail_page div.wap_font_detail_copyright>ul.wap_font_detail_commercial_free_scopes>li>h5 {
    padding-bottom: 5px;
    font-size: 12px;
    color: #000;
    line-height: 24px
}

div.wap_font_detail_page div.wap_font_detail_copyright>ul.wap_font_detail_commercial_free_scopes>li>p {
    font-size: 12px;
    color: #666;
    line-height: 22px
}

div.wap_font_detail_page div.wap_font_detail_copyright>ul.wap_font_detail_commercial_free_scopes>li>span.iconfont {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 24px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    display: block
}

div.wap_font_detail_page div.wap_font_detail_designer {
    padding: 20px;
    background: #fff;
    border-radius: 4px
}

div.wap_font_detail_page div.wap_font_detail_designer>a.designer {
    position: relative;
    padding: 0 0 0 68px;
    height: 52px;
    display: block
}

div.wap_font_detail_page div.wap_font_detail_designer>a.designer>h5 {
    padding-bottom: 10px;
    font-size: 16px;
    color: #000;
    line-height: 22px
}

div.wap_font_detail_page div.wap_font_detail_designer>a.designer>p {
    font-size: 12px;
    color: #666;
    line-height: 20px
}

div.wap_font_detail_page div.wap_font_detail_designer>a.designer>p>span {
    margin-left: 10px
}

div.wap_font_detail_page div.wap_font_detail_designer>a.designer>p>span:first-child {
    margin-left: 0
}

div.wap_font_detail_page div.wap_font_detail_designer>a.designer>p>span>b {
    margin-right: 3px;
    font-weight: bold;
    color: #383838
}

div.wap_font_detail_page div.wap_font_detail_designer>a.designer>div.avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px
}

div.wap_font_detail_page div.wap_font_detail_designer>a.designer>div.avatar>img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: block
}

div.wap_font_detail_page div.wap_font_detail_designer>a.designer>span.iconfont {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 52px;
    font-size: 18px;
    color: #ccc;
    line-height: 52px;
    text-align: right;
    display: block
}

div.wap_font_detail_page div.wap_font_detail_tag_selections {
    position: relative;
    padding: 15px 20px;
    background: #fff;
    border-radius: 4px
}

div.wap_font_detail_page div.wap_font_detail_tag_selections>ul {
    font-size: 0;
    list-style: none
}

div.wap_font_detail_page div.wap_font_detail_tag_selections>ul>li {
    margin-right: 15px;
    display: inline-block
}

div.wap_font_detail_page div.wap_font_detail_tag_selections>ul>li>a {
    height: 30px;
    font-size: 12px;
    color: #333;
    line-height: 30px;
    display: inline-block
}

div.wap_article_list_page {
    position: relative
}

div.wap_article_list_page>div.wap_article_list_head {
    padding-bottom: 12px
}

div.wap_article_list_page>div.wap_article_list_head>h1 {
    height: 50px;
    font-size: 12px;
    color: #333;
    line-height: 50px
}

div.wap_article_list_page>div.wap_article_list_head>div.wap_article_categories {
    height: 38px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden
}

div.wap_article_list_page>div.wap_article_list_head>div.wap_article_categories>ul {
    margin-top: -10px;
    padding: 10px 0;
    height: 38px;
    text-align: center;
    list-style: none;
    word-wrap: normal !important;
    white-space: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

div.wap_article_list_page>div.wap_article_list_head>div.wap_article_categories>ul>li {
    margin-right: 12px;
    display: inline-block
}

div.wap_article_list_page>div.wap_article_list_head>div.wap_article_categories>ul>li:last-child {
    margin-right: 0
}

div.wap_article_list_page>div.wap_article_list_head>div.wap_article_categories>ul>li>a {
    padding: 0 3px;
    height: 38px;
    font-size: 12px;
    color: #666;
    line-height: 38px;
    display: inline-block
}

div.wap_article_list_page>div.wap_article_list_head>div.wap_article_categories>ul>li.wap_article_category_active>a {
    height: 36px;
    border-bottom: 2px solid #333;
    color: #333
}

div.wap_article_detail_page {
    padding-top: 18px
}

div.wap_article_detail_page>div.wap_article_detail_container {
    padding: 28px 36px;
    background: #fff
}

div.wap_article_detail_page>div.wap_article_detail_container>h1 {
    font-size: 24px;
    font-weight: normal;
    color: #000;
    line-height: 36px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_meta {
    height: 32px;
    overflow: hidden
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_meta>p {
    margin-top: -10px;
    padding: 10px 0;
    height: 32px;
    font-size: 12px;
    color: #666;
    line-height: 32px;
    word-wrap: normal !important;
    white-space: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_meta>p>a {
    color: #666
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_description {
    padding-top: 10px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_description>p {
    padding: 12px 16px;
    background: #eaecee;
    border-left: 3px solid #d2d4d6;
    font-size: 12px;
    color: #666;
    line-height: 24px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content {
    padding-top: 10px;
    font-size: 14px;
    color: #383838
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h1,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h2,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h3,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h4,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h5,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h6,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content p,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content ul,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content ol {
    font-weight: normal
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h1 {
    display: none
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h2,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h3,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h4,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h5,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h6 {
    padding: 12px 0 8px 0;
    color: #333
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h2 {
    font-size: 20px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h3 {
    font-size: 18px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h4,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h5,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h6 {
    font-size: 16px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content ul,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content ol {
    padding-left: 32px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content p,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content ul,
div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content ol {
    line-height: 30px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content a {
    color: #333;
    text-decoration: underline
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content img {
    margin: 18px 0;
    max-width: 460px !important
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_recommend {
    padding-top: 15px;
    height: 44px;
    text-align: center
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_recommend>button {
    padding: 0 25px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 22px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_recommend>button>span {
    height: 42px;
    font-size: 14px;
    color: #333;
    line-height: 42px;
    display: inline-block
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_recommend>button>span.iconfont {
    margin-right: 6px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_source {
    padding-top: 10px;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    text-align: center
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_source>a {
    color: #333;
    text-decoration: underline
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_related_articles_block {
    padding-top: 15px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_related_articles_block>h5 {
    padding-bottom: 8px;
    font-size: 12px;
    color: #000;
    line-height: 22px
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_related_articles_block>ul.wap_article_list>li {
    margin-bottom: 12px !important;
    padding: 0;
    border: 0
}

div.wap_article_detail_page>div.wap_article_detail_container>div.wap_related_articles_block>ul.wap_article_list>li:last-child {
    margin-bottom: 0 !important
}

@media screen and (max-width:768px) {
    div.wap_article_detail_page>div.wap_article_detail_container {
        border-left: 0;
        border-right: 0
    }
}

@media screen and (max-width:580px) {
    div.wap_article_detail_page>div.wap_article_detail_container {
        padding: 14px 16px
    }

    div.wap_article_detail_page>div.wap_article_detail_container>h1 {
        font-size: 20px;
        line-height: 32px
    }

    div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h2 {
        font-size: 18px
    }

    div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h3 {
        font-size: 16px
    }

    div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h4,
    div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h5,
    div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content h6 {
        font-size: 14px
    }

    div.wap_article_detail_page>div.wap_article_detail_container>div.wap_article_content img {
        max-width: 260px !important
    }
}

div.wap_font_search_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    background: #ffd600;
    z-index: 1000
}

div.wap_font_search_header>form {
    position: relative;
    height: 52px
}

div.wap_font_search_header>form>a.wap_font_search_button,
div.wap_font_search_header>form>button.wap_font_search_button {
    position: absolute;
    top: 0;
    width: 50px;
    height: 52px;
    background: 0;
    border: 0;
    font-size: 18px;
    color: #383838;
    line-height: 52px;
    text-align: center;
    display: block
}

div.wap_font_search_header>form>a.wap_font_search_cancel_button,
div.wap_font_search_header>form>button.wap_font_search_cancel_button {
    left: 0
}

div.wap_font_search_header>form>a.wap_font_search_submit_button,
div.wap_font_search_header>form>button.wap_font_search_submit_button {
    right: 0
}

div.wap_font_search_header>form>div.wap_font_search_input {
    padding: 10px 50px
}

div.wap_font_search_header>form>div.wap_font_search_input>input {
    padding: 5px 8px;
    width: 100%;
    height: 32px;
    background: #fff;
    border: 0;
    border-radius: 3px;
    font-size: 12px;
    color: #383838;
    line-height: 22px;
    box-sizing: border-box
}

div.wap_font_search_form_page {
    padding-top: 80px;
    color: #999;
    text-align: center
}

div.wap_font_search_form_page>p.wap_font_search_form_icon {
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 36px
}

div.wap_font_search_form_page>p.wap_font_search_form_notice {
    font-size: 14px;
    line-height: 28px
}

div.wap_font_search_result_page {
    position: relative;
    padding-bottom: 38px
}

div.wap_font_search_result_page>div.wap_font_search_result_head {
    padding-bottom: 12px
}

div.wap_font_search_result_page>div.wap_font_search_result_head>h1 {
    padding-left: 1px;
    height: 50px;
    font-size: 12px;
    color: #000;
    line-height: 50px
}

div.wap_author_list_page {
    position: relative
}

div.wap_author_list_page>div.wap_author_list_head {
    padding-bottom: 12px
}

div.wap_author_list_page>div.wap_author_list_head>h1 {
    padding-left: 2px;
    height: 50px;
    font-size: 12px;
    color: #000;
    line-height: 50px
}

div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container {
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px
}

div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle {
    position: relative
}

div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle>h5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 30px;
    font-size: 12px;
    color: #333;
    line-height: 30px
}

div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle>ul {
    padding-left: 38px;
    font-size: 12px;
    list-style: none
}

div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle>h5,
div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle>ul {
    padding-top: 10px
}

div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle:first-child>h5,
div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle:first-child>ul {
    padding-top: 0
}

div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle>ul>li {
    margin-right: 12px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle>ul>li>a {
    color: #666
}

div.wap_author_list_page>div.wap_author_list_head>div.wap_author_filter_container>div.wap_author_filter_bundle>ul>li.wap_author_filter_active>a {
    color: #333;
    text-decoration: underline
}

div.wap_author_detail_page {
    padding-top: 16px
}

div.wap_author_detail_page>div.wap_author_detail_head {
    background: #fff;
    border-radius: 4px
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container {
    position: relative;
    padding: 36px 50px 30px 50px
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject {
    position: relative
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>img.wap_author_avatar {
    margin: 0 auto;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: block
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>div.wap_author_info {
    padding-top: 22px;
    text-align: center
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>div.wap_author_info>h1 {
    font-size: 18px;
    color: #000;
    letter-spacing: 1px
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>div.wap_author_info>p {
    padding-top: 8px;
    font-size: 12px;
    color: #666;
    letter-spacing: 1px
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>div.wap_author_info>p>span {
    margin-left: 16px
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>div.wap_author_info>p>span:first-child {
    margin-left: 0
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>div.wap_author_info>p>span>b {
    margin-right: 3px;
    color: #333
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_description {
    padding-top: 20px;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    text-align: center;
    letter-spacing: 1px
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_buttons {
    padding-top: 20px;
    height: 38px;
    font-size: 0;
    line-height: 38px;
    text-align: center
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_buttons>.wap_author_button {
    margin-left: 16px;
    padding: 0 12px;
    height: 38px;
    background: #ffd600;
    border: 0;
    border-radius: 4px;
    display: inline-block
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_buttons>.wap_author_button:first-child {
    margin-left: 0
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_buttons>.wap_author_button>span {
    height: 38px;
    font-size: 12px;
    color: #333;
    line-height: 38px;
    display: inline-block
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_buttons>.wap_author_button>span.iconfont {
    margin-right: 5px
}

div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>span.wap_author_type {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 0 5px;
    height: 20px;
    background: #bbb;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    display: block
}

div.wap_author_detail_page>div.wap_author_font_previewer {
    padding: 15px 0
}

@media screen and (max-width:580px) {
    div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container {
        padding: 32px 30px 24px 30px
    }

    div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>div.wap_author_info {
        padding-top: 16px
    }

    div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>div.wap_author_info>p {
        padding-top: 6px
    }

    div.wap_author_detail_page>div.wap_author_detail_head>div.wap_author_profile_container>div.wap_author_profile_subject>div.wap_author_info>p>span {
        margin-left: 10px
    }
}

div.wap_album_list_page {
    position: relative
}

div.wap_album_list_page>div.wap_content_block>div.wap_content_container>ul.wap_album_list {
    list-style: none
}

div.wap_album_list_page>div.wap_content_block>div.wap_content_container>ul.wap_album_list>li {
    margin-right: 2%;
    margin-bottom: 12px;
    width: 32%;
    float: left
}

div.wap_album_list_page>div.wap_content_block>div.wap_content_container>ul.wap_album_list>li:nth-child(3n) {
    margin-right: 0
}

div.wap_album_list_page>div.wap_content_block>div.wap_content_container>ul.wap_album_list>li>div>a {
    padding: 5px;
    background: #fff;
    border: 1px solid #e3e3e3;
    display: block
}

div.wap_album_list_page>div.wap_content_block>div.wap_content_container>ul.wap_album_list>li>div>a>img {
    width: 100%;
    display: block
}

@media screen and (max-width:520px) {
    div.wap_album_list_page>div.wap_content_block>div.wap_content_container>ul.wap_album_list>li {
        margin-right: 0;
        width: 50%
    }

    div.wap_album_list_page>div.wap_content_block>div.wap_content_container>ul.wap_album_list>li:nth-child(3n) {
        margin-right: 0
    }

    div.wap_album_list_page>div.wap_content_block>div.wap_content_container>ul.wap_album_list>li>div {
        padding: 0 6px 0 0
    }

    div.wap_album_list_page>div.wap_content_block>div.wap_content_container>ul.wap_album_list>li:nth-child(2n)>div {
        padding: 0 0 0 6px
    }
}

div.wap_album_detail_page {
    padding-top: 16px
}

div.wap_album_detail_page>div.wap_album_detail_head {
    position: relative;
    padding: 8px 0 15px 0
}

div.wap_album_detail_page>div.wap_album_detail_head>div.wap_album_detail_subject {
    margin-bottom: 20px;
    text-align: center
}

div.wap_album_detail_page>div.wap_album_detail_head>div.wap_album_detail_subject>h1 {
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
    letter-spacing: 1px
}

div.wap_album_detail_page>div.wap_album_detail_head>div.wap_album_detail_subject>p.wap_album_statistics {
    font-size: 12px;
    color: #666
}

div.wap_album_detail_page>div.wap_album_detail_head>div.wap_album_detail_subject>p.wap_album_statistics>span {
    margin-right: 10px
}

div.wap_album_detail_page>div.wap_album_detail_head>div.wap_album_detail_subject>p.wap_album_statistics>span:last-child {
    margin-right: 0
}

div.wap_album_detail_page>div.wap_album_detail_head>div.wap_album_detail_subject>p.wap_album_statistics>span>b {
    margin-right: 3px;
    color: #333
}

div.wap_album_detail_page>div.wap_album_detail_warning {
    padding: 12px 0;
    font-size: 10px;
    color: #666;
    text-align: center
}

div.wap_album_detail_page>div.wap_album_detail_warning>span.iconfont {
    margin-right: 5px
}

@media screen and (max-width:580px) {
    div.wap_album_detail_page>div.wap_album_detail_head {
        padding-top: 6px
    }

    div.wap_album_detail_page>div.wap_album_detail_head>div.wap_album_detail_subject {
        margin-bottom: 16px
    }

    div.wap_album_detail_page>div.wap_album_detail_head>div.wap_album_detail_subject>h1 {
        padding-bottom: 8px;
        font-size: 18px
    }
}

div.wap_recognizer_upload_page {
    position: relative
}

div.wap_recognizer_upload_page>div.wap_recognizer_upload_head {
    height: 50px
}

div.wap_recognizer_upload_page>div.wap_recognizer_upload_head>h2 {
    padding-left: 2px;
    height: 50px;
    font-size: 12px;
    color: #000;
    line-height: 50px
}

div.wap_recognizer_upload_page>div.wap_recognizer_upload_tips {
    padding: 56px 36px;
    background: #fff;
    border-radius: 2px;
    text-align: center
}

div.wap_recognizer_upload_page>div.wap_recognizer_upload_tips>h5 {
    font-size: 56px;
    font-weight: normal;
    color: #999
}

div.wap_recognizer_upload_page>div.wap_recognizer_upload_tips>p {
    padding-top: 20px;
    font-size: 14px;
    color: #666;
    line-height: 26px
}

div.wap_recognizer_result_page {
    position: relative
}

div.wap_recognizer_result_page>div.wap_recognizer_result_head {
    height: 50px
}

div.wap_recognizer_result_page>div.wap_recognizer_result_head>h2 {
    padding-left: 2px;
    height: 50px;
    font-size: 12px;
    color: #000;
    line-height: 50px
}

div.wap_recognizer_result_page>div.wap_recognizer_result_original_image {
    padding: 18px;
    background: url('../image/freco-cropper-bg.png');
    border: 1px solid #ddd;
    border-radius: 2px
}

div.wap_recognizer_result_page>div.wap_recognizer_result_original_image>div {
    margin: 0 auto;
    width: 200px;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

div.wap_recognizer_result_page>div.wap_recognizer_result_previewer {
    padding-top: 12px
}

div.wap_recognizer_result_page>div.wap_recognizer_result_list {
    padding-top: 12px
}

div.wap_document_page {
    padding-top: 0
}

div.wap_document_page>div.wap_document_container {
    padding: 28px 36px;
    background: #fff
}

div.wap_document_page>div.wap_document_container>h2 {
    position: relative;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
    color: #000
}

div.wap_document_page>div.wap_document_container>h2>a.wap_document_target {
    position: absolute;
    top: -120px;
    left: 0;
    display: block
}

div.wap_document_page>div.wap_document_container p,
div.wap_document_page>div.wap_document_container ul,
div.wap_document_page>div.wap_document_container ol {
    padding-bottom: 5px;
    font-size: 12px;
    color: #333;
    line-height: 26px
}

div.wap_document_page>div.wap_document_container ul,
div.wap_document_page>div.wap_document_container ol {
    padding-left: 18px
}

div.wap_document_page>div.wap_document_container a {
    color: #333;
    text-decoration: underline
}

div.wap_document_page>div.wap_document_container img {
    max-width: 260px
}

@media screen and (max-width:768px) {
    div.wap_document_page>div.wap_document_container {
        border-left: 0;
        border-right: 0
    }
}

@media screen and (max-width:580px) {
    div.wap_document_page>div.wap_document_container {
        padding: 18px 22px
    }

    div.wap_document_page>div.wap_document_container>h2 {
        padding-bottom: 15px;
        font-size: 16px
    }

    div.wap_document_page>div.wap_document_container p,
    div.wap_document_page>div.wap_document_container ul,
    div.wap_document_page>div.wap_document_container ol {
        font-size: 12px;
        line-height: 24px
    }
}

div.wap_announcement {
    padding: 10px 38px 0 38px;
    display: none
}

div.wap_announcement>div.wap_announcement_content {
    padding: 6px 16px;
    background: #d66;
    border-radius: 2px
}

div.wap_announcement>div.wap_announcement_content>p {
    font-size: 10px;
    color: #fff;
    line-height: 20px;
    text-align: center
}

@media screen and (max-width:580px) {
    div.wap_announcement {
        padding: 10px 10px 0 10px
    }
}

div.wap_wechat_document {
    padding-top: 0
}

div.wap_wechat_document>div.wap_wechat_document_container {
    padding: 38px 36px;
    background: #fff;
    text-align: center
}

div.wap_wechat_document>div.wap_wechat_document_container>h2 {
    font-size: 20px;
    color: #383838
}

div.wap_wechat_document>div.wap_wechat_document_container>p.wap_wechat_name {
    padding-top: 20px;
    font-size: 14px;
    color: #666
}

div.wap_wechat_document>div.wap_wechat_document_container>p.wap_wechat_id {
    padding-top: 3px;
    font-size: 18px;
    font-weight: bold;
    color: #383838
}

div.wap_wechat_document>div.wap_wechat_document_container>p.wap_wechat_qrcode {
    padding-top: 10px
}

div.wap_wechat_document>div.wap_wechat_document_container>p.wap_wechat_qrcode>img {
    width: 200px
}

div.wap_wechat_document>div.wap_wechat_document_container>p.wap_wechat_notice {
    padding-top: 12px;
    font-size: 12px;
    color: #888;
    line-height: 22px
}

div.wap_group_chats_document {
    padding-top: 0
}

div.wap_group_chats_document>div.wap_group_chats_document_container {
    position: relative;
    padding: 38px 36px;
    background: #fff;
    text-align: center
}

div.wap_group_chats_document>div.wap_group_chats_document_container>button.wap_group_chats_prev,
div.wap_group_chats_document>div.wap_group_chats_document_container>button.wap_group_chats_next {
    position: absolute;
    top: 86px;
    width: 30px;
    height: 30px;
    background: 0;
    border: 0;
    font-size: 20px;
    color: #666;
    line-height: 20px;
    text-align: center;
    display: block;
    z-index: 100
}

div.wap_group_chats_document>div.wap_group_chats_document_container>button.wap_group_chats_prev {
    left: 50px
}

div.wap_group_chats_document>div.wap_group_chats_document_container>button.wap_group_chats_next {
    right: 50px
}

div.wap_group_chats_document>div.wap_group_chats_document_container>h2 {
    font-size: 20px;
    color: #383838
}

div.wap_group_chats_document>div.wap_group_chats_document_container>ul {
    padding-top: 20px;
    list-style: none
}

div.wap_group_chats_document>div.wap_group_chats_document_container>ul>li {
    display: none
}

div.wap_group_chats_document>div.wap_group_chats_document_container>ul>li.wap_group_chats_active {
    display: block
}

div.wap_group_chats_document>div.wap_group_chats_document_container>ul>li>h5 {
    font-size: 14px;
    font-weight: normal;
    color: #666
}

div.wap_group_chats_document>div.wap_group_chats_document_container>ul>li>p.wap_group_chat_id {
    padding-top: 5px;
    font-size: 26px;
    font-weight: bold;
    color: #383838
}

div.wap_group_chats_document>div.wap_group_chats_document_container>ul>li>p.wap_group_chat_qrcode {
    padding-top: 12px
}

div.wap_group_chats_document>div.wap_group_chats_document_container>ul>li>p.wap_group_chat_qrcode>img {
    width: 200px
}

div.wap_group_chats_document>div.wap_group_chats_document_container>ul>li>p.wap_group_chat_button {
    padding-top: 12px
}

div.wap_group_chats_document>div.wap_group_chats_document_container>ul>li>p.wap_group_chat_button>a {
    padding: 0 20px;
    height: 38px;
    background: #383838;
    border-radius: 19px;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    display: inline-block
}

div.wap_group_chats_document>div.wap_group_chats_document_container>p.wap_group_chat_notice {
    padding-top: 20px;
    font-size: 12px;
    color: #888;
    line-height: 22px
}

div.wap_friendship_links {
    padding: 8px 12px;
    background: #fff;
    border-radius: 2px;
    font-size: 12px;
    line-height: 26px
}

div.wap_friendship_links>a {
    margin-right: 8px;
    color: #555;
    display: inline-block
}

div.wap_user_login_main {
    padding: 130px 0 100px 0;
    text-align: center
}

div.wap_user_login_main>a.button {
    margin: 0 auto;
    width: 86px;
    height: 136px;
    display: block
}

div.wap_user_login_main>a.button>span.iconfont {
    padding: 2px;
    width: 82px;
    height: 82px;
    border: 2px solid #333;
    border-radius: 50%;
    font-size: 32px;
    color: #333;
    line-height: 82px;
    display: block
}

div.wap_user_login_main>a.button>span.text {
    height: 50px;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    display: block
}

div.wap_user_login_foot {
    padding-bottom: 30px;
    width: 100%;
    text-align: center
}

div.wap_user_login_foot>p {
    font-size: 14px;
    color: #666;
    line-height: 26px
}

div.wap_user_login_foot>p>a {
    color: #333
}

div.wap_user_login_foot>p.misc {
    padding-top: 30px
}

div.wap_nav {
    position: absolute;
    top: 56px;
    right: 0;
    width: 320px;
    background: #fff;
    display: none
}

div.wap_nav>div.user_information {
    padding: 20px 25px;
    background: #eee
}

div.wap_nav>div.user_information>a {
    position: relative;
    padding-left: 60px;
    height: 42px;
    display: none
}

div.wap_nav>div.user_information>a>img.avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: block
}

div.wap_nav>div.user_information>a>h5.username {
    width: 180px;
    height: 22px;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.wap_nav>div.user_information>a>p.sequence {
    height: 20px;
    font-size: 12px;
    color: #777;
    line-height: 20px
}

div.wap_nav>div.user_information>a>span.icon-arrow-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 42px;
    font-size: 14px;
    color: #bbb;
    line-height: 42px;
    text-align: right;
    display: block
}

div.wap_nav>div.nav_menu {
    padding: 8px 25px 20px 25px
}

div.wap_nav>div.nav_menu>div.menu_roll {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

div.wap_nav>div.nav_menu>div.menu_roll>ul {
    list-style: none
}

div.wap_nav>div.nav_menu>div.menu_roll>ul>li {
    border-top: 1px solid #eee
}

div.wap_nav>div.nav_menu>div.menu_roll>ul>li:first-child {
    border-top: 0
}

div.wap_nav>div.nav_menu>div.menu_roll>ul>li>a {
    height: 52px;
    font-size: 14px;
    color: #555;
    line-height: 52px;
    display: block
}

div.wap_nav>div.nav_menu>div.menu_roll>ul>li.wap_nav_active>a {
    font-weight: bold;
    color: #000
}

div.wap_user_center_menu {
    position: relative
}

div.wap_user_center_menu>div.user_information {
    padding: 22px;
    background: #fff
}

div.wap_user_center_menu>div.user_information>div.user_information_container {
    position: relative;
    padding-left: 68px;
    height: 50px
}

div.wap_user_center_menu>div.user_information>div.user_information_container>img.avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block
}

div.wap_user_center_menu>div.user_information>div.user_information_container>h1.username {
    height: 22px;
    font-size: 16px;
    color: #000;
    line-height: 22px
}

div.wap_user_center_menu>div.user_information>div.user_information_container>p.sequence {
    padding-top: 6px;
    height: 22px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

div.wap_user_center_menu>div.menu_links {
    padding-top: 12px
}

div.wap_user_center_menu>div.menu_links>div.menu_links_container {
    padding: 0 25px;
    background: #fff
}

div.wap_user_center_menu>div.menu_links>div.menu_links_container>ul {
    list-style: none
}

div.wap_user_center_menu>div.menu_links>div.menu_links_container>ul>li {
    position: relative;
    border-top: 1px solid #eee
}

div.wap_user_center_menu>div.menu_links>div.menu_links_container>ul>li:first-child {
    border-top: 0
}

div.wap_user_center_menu>div.menu_links>div.menu_links_container>ul>li>a {
    height: 52px;
    font-size: 14px;
    color: #333;
    line-height: 52px;
    display: block
}

div.wap_user_center_menu>div.menu_links>div.menu_links_container>ul>li>span.iconfont {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 52px;
    font-size: 12px;
    color: #999;
    line-height: 52px;
    text-align: right;
    display: block
}

div.wap_user_center_menu>div.logout_button {
    padding-top: 12px
}

div.wap_user_center_menu>div.logout_button>a {
    height: 52px;
    background: #fff;
    font-size: 14px;
    color: #333;
    line-height: 52px;
    text-align: center;
    display: block
}

div.site_user_center_nav_menu {
    position: absolute;
    top: 66px;
    right: 10px;
    padding: 5px 20px;
    width: 150px;
    background: #383838;
    border-radius: 4px;
    z-index: 1000;
    display: none
}

div.site_user_center_nav_menu>ul {
    list-style: none
}

div.site_user_center_nav_menu>ul>li {
    border-top: 1px solid #505050
}

div.site_user_center_nav_menu>ul>li:first-child {
    border-top: 0
}

div.site_user_center_nav_menu>ul>li>a {
    position: relative;
    padding: 0 22px 0 2px;
    height: 50px;
    font-size: 13px;
    color: #ccc;
    line-height: 50px;
    display: block
}

div.site_user_center_nav_menu>ul>li>a>span.selected {
    position: absolute;
    top: 0;
    right: 2px;
    width: 22px;
    height: 50px;
    text-align: right;
    display: none
}

div.site_user_center_nav_menu>ul>li.active>a {
    color: #fff
}

div.site_user_center_nav_menu>ul>li.active>a>span.selected {
    display: block
}

div.wap_user_center_profile {
    position: relative
}

div.wap_user_center_profile>div.user_profile_head {
    background: #fff
}

div.wap_user_center_profile>div.user_profile_head>h1 {
    height: 56px;
    font-size: 14px;
    color: #000;
    line-height: 56px;
    text-align: center
}

div.wap_user_center_profile>div.user_profile_head>button.nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 56px;
    background: 0;
    border: 0;
    font-size: 14px;
    color: #333;
    line-height: 56px;
    text-align: center;
    display: block
}

div.wap_user_center_profile>div.user_profile_avatar {
    padding: 30px 0
}

div.wap_user_center_profile>div.user_profile_avatar>a {
    margin: 0 auto;
    padding: 3px;
    width: 72px;
    height: 72px;
    background: #fff;
    border-radius: 50%;
    display: block
}

div.wap_user_center_profile>div.user_profile_avatar>a>img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: block
}

div.wap_user_center_profile>div.user_profile_form {
    padding: 0 25px;
    background: #fff
}

div.wap_user_center_profile>div.user_profile_form>div.row {
    position: relative;
    padding: 0 32px 0 85px;
    border-top: 1px solid #eee
}

div.wap_user_center_profile>div.user_profile_form>div.row>div.label {
    position: absolute;
    top: 0;
    left: 0;
    width: 85px;
    height: 52px;
    font-size: 14px;
    color: #666;
    line-height: 52px
}

div.wap_user_center_profile>div.user_profile_form>div.row>div.input {
    height: 52px;
    font-size: 14px;
    color: #333;
    line-height: 52px
}

div.wap_user_center_profile>div.user_profile_form>div.row>div.input>span.oauth2_binded:before {
    margin-right: 5px
}

div.wap_user_center_profile>div.user_profile_form>div.row>div.input>span.tips {
    margin-left: 8px;
    font-size: 12px;
    color: #999
}

div.wap_user_center_profile>div.user_profile_form>div.row>div.input>input.text {
    padding: 15px 0;
    width: 100%;
    height: 52px;
    background: 0;
    border: 0;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

div.wap_user_center_profile>div.user_profile_form>div.row>div.input>select {
    padding: 0;
    width: 100%;
    height: 52px;
    background: 0;
    border: 0;
    font-size: 14px;
    color: #333;
    line-height: 52px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none
}

div.wap_user_center_profile>div.user_profile_form>div.row>div.error_mark {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 52px;
    font-size: 14px;
    color: #d43b3b;
    line-height: 52px;
    text-align: right;
    display: none
}

div.wap_user_center_profile>div.user_profile_form>div.error>div.error_mark {
    display: block
}

div.wap_user_center_profile>div.user_profile_save_button {
    padding: 20px 0 30px 0
}

div.wap_user_center_profile>div.user_profile_save_button>a {
    margin: 0 20px;
    height: 52px;
    background: #ffd600;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: 52px;
    text-align: center;
    display: block
}

div.wap_user_center_downloads {
    position: relative
}

div.wap_user_center_downloads>div.user_downloads_head {
    position: relative;
    background: #fff
}

div.wap_user_center_downloads>div.user_downloads_head>h1 {
    height: 56px;
    font-size: 14px;
    color: #000;
    line-height: 56px;
    text-align: center
}

div.wap_user_center_downloads>div.user_downloads_head>h1>span.sep {
    margin: 0 5px;
    font-weight: normal;
    color: #aaa
}

div.wap_user_center_downloads>div.user_downloads_head>button {
    position: absolute;
    top: 0;
    width: 52px;
    height: 56px;
    background: 0;
    border: 0;
    font-size: 14px;
    color: #333;
    line-height: 56px;
    text-align: center;
    display: block
}

div.wap_user_center_downloads>div.user_downloads_head>button.filter {
    left: 0
}

div.wap_user_center_downloads>div.user_downloads_head>button.nav {
    right: 0
}

div.wap_user_center_downloads>div.user_downloads_head>div.filter_menu {
    position: absolute;
    top: 66px;
    left: 10px;
    padding: 5px 20px;
    width: 150px;
    background: #383838;
    border-radius: 4px;
    z-index: 1000;
    display: none
}

div.wap_user_center_downloads>div.user_downloads_head>div.filter_menu>ul {
    list-style: none
}

div.wap_user_center_downloads>div.user_downloads_head>div.filter_menu>ul>li {
    border-top: 1px solid #505050
}

div.wap_user_center_downloads>div.user_downloads_head>div.filter_menu>ul>li:first-child {
    border-top: 0
}

div.wap_user_center_downloads>div.user_downloads_head>div.filter_menu>ul>li>a {
    position: relative;
    padding: 0 22px 0 2px;
    height: 50px;
    font-size: 13px;
    color: #ccc;
    line-height: 50px;
    display: block
}

div.wap_user_center_downloads>div.user_downloads_head>div.filter_menu>ul>li>a>span.selected {
    position: absolute;
    top: 0;
    right: 2px;
    width: 22px;
    height: 50px;
    text-align: right;
    display: none
}

div.wap_user_center_downloads>div.user_downloads_head>div.filter_menu>ul>li.active>a {
    color: #fff
}

div.wap_user_center_downloads>div.user_downloads_head>div.filter_menu>ul>li.active>a>span.selected {
    display: block
}

div.wap_user_center_downloads>div.user_downloads_main {
    margin: 0 10px
}

div.wap_user_center_downloads>div.user_downloads_main>div.previewer {
    padding: 15px 0 10px 0
}

div.wap_user_center_downloads>div.user_downloads_main>div.list {
    position: relative
}

div.wap_user_center_downloads>div.user_downloads_empty {
    margin: 0 10px;
    padding-top: 16px
}

div.wap_user_center_downloads>div.user_downloads_empty>div {
    height: 328px;
    background: url('../image/empty.png') #fff no-repeat center center;
    background-size: 180px;
    border-radius: 4px
}

div.wap_user_center_favorates {
    position: relative
}

div.wap_user_center_favorates>div.user_favorates_head {
    position: relative;
    background: #fff
}

div.wap_user_center_favorates>div.user_favorates_head>h1 {
    height: 56px;
    font-size: 14px;
    color: #000;
    line-height: 56px;
    text-align: center
}

div.wap_user_center_favorates>div.user_favorates_head>h1>span.sep {
    margin: 0 5px;
    font-weight: normal;
    color: #aaa
}

div.wap_user_center_favorates>div.user_favorates_head>button {
    position: absolute;
    top: 0;
    width: 52px;
    height: 56px;
    background: 0;
    border: 0;
    font-size: 14px;
    color: #333;
    line-height: 56px;
    text-align: center;
    display: block
}

div.wap_user_center_favorates>div.user_favorates_head>button.filter {
    left: 0
}

div.wap_user_center_favorates>div.user_favorates_head>button.nav {
    right: 0
}

div.wap_user_center_favorates>div.user_favorates_head>div.filter_menu {
    position: absolute;
    top: 66px;
    left: 10px;
    padding: 5px 20px;
    width: 150px;
    background: #383838;
    border-radius: 4px;
    z-index: 1000;
    display: none
}

div.wap_user_center_favorates>div.user_favorates_head>div.filter_menu>ul {
    list-style: none
}

div.wap_user_center_favorates>div.user_favorates_head>div.filter_menu>ul>li {
    border-top: 1px solid #505050
}

div.wap_user_center_favorates>div.user_favorates_head>div.filter_menu>ul>li:first-child {
    border-top: 0
}

div.wap_user_center_favorates>div.user_favorates_head>div.filter_menu>ul>li>a {
    position: relative;
    padding: 0 22px 0 2px;
    height: 50px;
    font-size: 13px;
    color: #ccc;
    line-height: 50px;
    display: block
}

div.wap_user_center_favorates>div.user_favorates_head>div.filter_menu>ul>li>a>span.selected {
    position: absolute;
    top: 0;
    right: 2px;
    width: 22px;
    height: 50px;
    text-align: right;
    display: none
}

div.wap_user_center_favorates>div.user_favorates_head>div.filter_menu>ul>li.active>a {
    color: #fff
}

div.wap_user_center_favorates>div.user_favorates_head>div.filter_menu>ul>li.active>a>span.selected {
    display: block
}

div.wap_user_center_favorates>div.user_favorates_main {
    margin: 0 10px
}

div.wap_user_center_favorates>div.user_favorates_main>div.previewer {
    padding: 15px 0 10px 0
}

div.wap_user_center_favorates>div.user_favorates_main>div.list {
    position: relative
}

div.wap_user_center_favorates>div.user_favorates_empty {
    margin: 0 10px;
    padding-top: 16px
}

div.wap_user_center_favorates>div.user_favorates_empty>div {
    height: 328px;
    background: url('../image/empty.png') #fff no-repeat center center;
    background-size: 180px;
    border-radius: 4px
}

div.wap_user_center_orders {
    position: relative
}

div.wap_user_center_orders>div.user_orders_head {
    position: relative;
    background: #fff
}

div.wap_user_center_orders>div.user_orders_head>h1 {
    height: 56px;
    font-size: 14px;
    color: #000;
    line-height: 56px;
    text-align: center
}

div.wap_user_center_orders>div.user_orders_head>button.nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 56px;
    background: 0;
    border: 0;
    font-size: 14px;
    color: #333;
    line-height: 56px;
    text-align: center;
    display: block
}

div.wap_user_center_orders>div.user_orders_main {
    padding-top: 16px
}

div.wap_user_center_orders>div.user_orders_main>div.empty {
    margin: 0 10px;
    height: 328px;
    background: url('../image/empty.png') #fff no-repeat center center;
    background-size: 180px;
    border-radius: 4px
}

div.wap_user_center_orders>div.user_orders_main>div.content {
    margin: 0 10px
}

div.wap_user_center_orders>div.user_orders_main>div.content>ul {
    list-style: none
}

div.wap_user_center_orders>div.user_orders_main>div.content>ul>li {
    margin-top: 12px;
    padding: 0 20px;
    background: #fff;
    border-radius: 4px
}

div.wap_user_center_orders>div.user_orders_main>div.content>ul>li:first-child {
    margin-top: 0
}

div.wap_user_center_orders>div.user_orders_main>div.content>ul>li>h5 {
    height: 52px;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    color: #000;
    line-height: 52px
}

div.wap_user_center_orders>div.user_orders_main>div.content>ul>li>div.summary {
    padding: 12px 0;
    font-size: 12px;
    color: #333;
    line-height: 26px
}

@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot') format('embedded-opentype'), url('/static/font/iconfont.svg') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('/static/font/iconfont.svg') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-clock-filled:before {
    content: "\e6d2"
}

.icon-lock-filled:before {
    content: "\e6d1"
}

.icon-warn-filled:before {
    content: "\e6cf"
}

.icon-loading:before {
    content: "\e6ce"
}

.icon-alipay:before {
    content: "\e6cc"
}

.icon-wepay:before {
    content: "\e6cd"
}

.icon-help-filled:before {
    content: "\e6ca"
}

.icon-error-filled:before {
    content: "\e6cb"
}

.icon-done:before {
    content: "\e6c9"
}

.icon-wechat:before {
    content: "\e6c8"
}

.icon-computer:before {
    content: "\e6c7"
}

.icon-success:before {
    content: "\e6c4"
}

.icon-help:before {
    content: "\e6c5"
}

.icon-error:before {
    content: "\e6c6"
}

.icon-disabled:before {
    content: "\e6c3"
}

.icon-trash:before {
    content: "\e6c2"
}

.icon-star:before {
    content: "\e6c1"
}

.icon-star-filled:before {
    content: "\e6c0"
}

.icon-qq-fill:before {
    content: "\e6bb"
}

.icon-tag:before {
    content: "\e67f"
}

.icon-more-h:before {
    content: "\e609"
}

.icon-external-link:before {
    content: "\e611"
}

.icon-convert:before {
    content: "\e617"
}

.icon-preview:before {
    content: "\e618"
}

.icon-filter:before {
    content: "\e61c"
}

.icon-arrow-left:before {
    content: "\e61d"
}

.icon-arrow-right:before {
    content: "\e61e"
}

.icon-home:before {
    content: "\e61f"
}

.icon-warn:before {
    content: "\e620"
}

.icon-freco:before {
    content: "\e625"
}

.icon-cloud-upload:before {
    content: "\e62f"
}

.icon-zoomin:before {
    content: "\e631"
}

.icon-zoomout:before {
    content: "\e632"
}

.icon-hflip:before {
    content: "\e635"
}

.icon-vflip:before {
    content: "\e636"
}

.icon-light:before {
    content: "\e637"
}

.icon-close:before {
    content: "\e63e"
}

.icon-invert:before {
    content: "\e63f"
}

.icon-zt-logo:before {
    content: "\e664"
}

.icon-search:before {
    content: "\e66c"
}

.icon-donate:before {
    content: "\e66d"
}

.icon-upload:before {
    content: "\e66e"
}

.icon-qrcode:before {
    content: "\e66f"
}

.icon-like:before {
    content: "\e670"
}

.icon-download:before {
    content: "\e671"
}

.icon-qq:before {
    content: "\e672"
}

.icon-down-arrow:before {
    content: "\e673"
}

.icon-selected:before {
    content: "\e674"
}

.icon-jingdong:before {
    content: "\e675"
}

.icon-taobao:before {
    content: "\e677"
}

.icon-commercial-use:before {
    content: "\e678"
}

.icon-more-v:before {
    content: "\e679"
}

.icon-menu:before {
    content: "\e67a"
}

.dropbtn {
    background-color: #ebebeb;
    color: #333;
    padding: 6px;
    font-size: 14px;
    padding: 0 15px;
    height: 38px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    position:absolute;z-index:1000;
    background-color: #f9f9f9;
    min-width: 360px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 3px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ebebeb;
}