html {
    min-width: 1180px
}

body {
    background: #3c3c3c;
    word-wrap: break-word;
    -webkit-font-smoothing: subpixel-antialiased
}

body, input, select, textarea, button {
    font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif"
}

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

img {
    border: 0
}

a {
    text-decoration: none
}

:focus {
    outline: 0
}

div.site_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #ffd600;
    z-index: 5000
}

div.site_header > div.site_header_container {
    position: relative;
    margin: 0 auto;
    width: 1330px;
    height: 60px
}

div.site_header > div.site_header_container > a.site_brand {
    padding: 15px 0;
    height: 30px;
    font-size: 22px;
    font-weight: 100;
    color: #000;
    line-height: 30px;
    float: left;
    display: block;
    width: 130px;
    background: url('https://65bdc0.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/logo.svg');
    background-size: 300px 600px;
    background-repeat: no-repeat;
    background-position: 7% 28%;
}




div.site_header > div.site_header_container > form.site_search {
    margin-left: 25px;
    padding: 14px 0;
    float: left
}

div.site_header > div.site_header_container > form.site_search > input {
    padding: 6px 16px;
    width: 268px;
    height: 32px;
    background: #fff;
    border: 0;
    border-radius: 0;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    font-size: 13px;
    color: #333;
    line-height: 20px;
    float: left;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

div.site_header > div.site_header_container > form.site_search > button {
    padding-right: 8px;
    width: 32px;
    height: 32px;
    background: #fff;
    border: 0;
    border-radius: 0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    font-size: 18px;
    color: #666;
    line-height: 32px;
    text-align: center;
    float: left;
    display: block;
    cursor: pointer
}

div.site_header > div.site_header_container > ul.site_nav {
    margin-left: 25px;
    height: 60px;
    float: left;
    list-style: none
}

div.site_header > div.site_header_container > ul.site_nav > li {
    position: relative;
    height: 60px;
    float: left
}

div.site_header > div.site_header_container > ul.site_nav > li > a {
    padding: 0 16px;
    height: 60px;
    font-size: 14px;
    color: #333;
    line-height: 60px;
    display: block
}

div.site_header > div.site_header_container > ul.site_nav > li:hover > a {
    background: #000;
    color: #fff
}

div.site_header > div.site_header_container > ul.site_nav > li.site_nav_active > a {
    background: 0;
    font-weight: bold;
    color: #000
}

div.site_header > div.site_header_container > ul.site_nav > li.site_nav_folder {
    position: relative
}

div.site_header > div.site_header_container > ul.site_nav > li.site_nav_folder > ul.site_nav_submenu {
    position: absolute;
    top: 60px;
    left: 0;
    padding: 12px 0;
    width: 138px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    list-style: none;
    display: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
}

div.site_header > div.site_header_container > ul.site_nav > li.site_nav_folder > ul.site_nav_submenu > li > a {
    padding: 0 16px;
    height: 38px;
    font-size: 13px;
    color: #383838;
    line-height: 38px;
    display: block
}

div.site_header > div.site_header_container > ul.site_nav > li.site_nav_folder > ul.site_nav_submenu > li > a:hover {
    background: #eee;
    color: #000
}

div.site_header > div.site_header_container > ul.site_nav > li.site_nav_folder:hover > ul.site_nav_submenu {
    display: block
}

div.site_header > div.site_header_container > ul.site_buttons {
    height: 56px;
    float: right;
    list-style: none
}

div.site_header > div.site_header_container > ul.site_buttons > li {
    position: relative;
    padding-left: 10px;
    height: 60px;
    float: left
}

div.site_header > div.site_header_container > ul.site_buttons > li:first-child {
    padding-left: 0
}

div.site_header > div.site_header_container > ul.site_buttons > li > a {
    margin: 14px 0 14px 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 18px;
    color: #000;
    line-height: 32px;
    text-align: center;
    display: block
}

div.site_header > div.site_header_container > ul.site_buttons > li:hover > a, div.site_header > div.site_header_container > ul.site_buttons > li > a:hover {
    background: #000;
    color: #fff
}

div.site_header > div.site_header_container > ul.site_buttons > li.user {
    padding-left: 16px;
    display: none
}

div.site_header > div.site_header_container > ul.site_buttons > li.user > button {
    margin: 14px 0;
    padding: 0 16px;
    height: 32px;
    background: #000;
    border: 0;
    border-radius: 16px;
    font-size: 13px;
    color: #fff;
    line-height: 32px;
    cursor: pointer
}

div.site_header > div.site_header_container > ul.site_buttons > li.user > button:hover {
    color: #ffd600
}

div.site_header > div.site_header_container > ul.site_buttons > li.user > a.avatar {
    width: 28px;
    height: 28px;
    padding: 2px;
    background: #fff;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

div.site_header > div.site_header_container > ul.site_buttons > li.user > a.avatar > img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: block
}

div.site_header > div.site_header_container > ul.site_buttons > li.site_qq_groups_button:hover > div.site_header_qq_groups {
    display: block
}

div.site_header > div.site_header_container > ul.site_buttons > li.site_wechat_button:hover > div.site_header_wechat_public {
    display: block
}

div.site_header > div.site_header_container > ul.site_buttons > li.user:hover > div.site_header_user_menu {
    display: block
}

@media screen and (max-width: 1400px) {
    div.site_header > div.site_header_container {
        width: 1180px
    }

    div.site_header > div.site_header_container > form.site_search {
        margin-left: 20px
    }

    div.site_header > div.site_header_container > form.site_search > input {
        width: 228px
    }

    div.site_header > div.site_header_container > ul.site_nav {
        margin-left: 20px
    }

    div.site_header > div.site_header_container > ul.site_nav > li > a {
        padding: 0 14px
    }

    div.site_header > div.site_header_container > ul.site_buttons > li > a {
        margin: 14px 0 14px 0
    }
}

div.site_header_user_menu {
    position: absolute;
    top: 60px;
    right: 0;
    width: 220px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
}

div.site_header_user_menu > div.user_information {
    position: relative;
    padding: 16px 0 16px 80px;
    height: 48px;
    border-bottom: 1px solid #eee
}

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

div.site_header_user_menu > div.user_information > h5 {
    width: 120px;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.site_header_user_menu > div.user_information > p {
    font-size: 12px;
    color: #888;
    line-height: 24px
}

div.site_header_user_menu > ul.links {
    padding: 10px 0;
    list-style: none
}

div.site_header_user_menu > ul.links > li > a {
    padding: 0 20px;
    height: 38px;
    background: #fff;
    font-size: 13px;
    color: #555;
    line-height: 38px;
    display: block
}

div.site_header_user_menu > ul.links > li > a:hover {
    background: #f3f3f3;
    color: #333
}

div.site_header_qq_groups {
    position: absolute;
    top: 55px;
    right: 0;
    padding-top: 12px;
    display: none
}

div.site_header_qq_groups > div.site_header_qq_groups_container {
    position: relative;
    width: 300px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
}

div.site_header_qq_groups > div.site_header_qq_groups_container > h3 {
    height: 50px;
    background: #2fa4fe;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
    text-align: center
}

div.site_header_qq_groups > div.site_header_qq_groups_container > div.site_header_qq_groups_content {
    padding: 18px 28px;
    text-align: center
}

div.site_header_qq_groups > div.site_header_qq_groups_container > div.site_header_qq_groups_content > h5 {
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: normal;
    color: #666
}

div.site_header_qq_groups > div.site_header_qq_groups_container > div.site_header_qq_groups_content > p.site_header_qq_group_id {
    font-size: 22px;
    font-weight: bold;
    color: #383838
}

div.site_header_qq_groups > div.site_header_qq_groups_container > div.site_header_qq_groups_content > p.site_header_qq_group_qrcode {
    padding: 12px 0
}

div.site_header_qq_groups > div.site_header_qq_groups_container > div.site_header_qq_groups_content > p.site_header_qq_group_qrcode > img {
    width: 180px
}

div.site_header_qq_groups > div.site_header_qq_groups_container > div.site_header_qq_groups_content > p.site_header_qq_group_link {
    padding-bottom: 12px
}

div.site_header_qq_groups > div.site_header_qq_groups_container > div.site_header_qq_groups_content > p.site_header_qq_group_link > a {
    padding: 0 18px;
    height: 32px;
    background: #383838;
    border-radius: 16px;
    font-size: 12px;
    color: #eee;
    line-height: 32px;
    display: inline-block
}

div.site_header_qq_groups > div.site_header_qq_groups_container > div.site_header_qq_groups_content > p.site_header_qq_group_link > a:hover {
    background: #000;
    color: #fff
}

div.site_header_qq_groups > div.site_header_qq_groups_container > div.site_header_qq_groups_content > p.site_header_qq_groups_more > a {
    font-size: 12px;
    color: #888
}

div.site_header_wechat_public {
    position: absolute;
    top: 55px;
    right: 0;
    padding-top: 12px;
    display: none
}

div.site_header_wechat_public > div.site_header_wechat_public_container {
    width: 300px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
}

div.site_header_wechat_public > div.site_header_wechat_public_container > h3 {
    height: 50px;
    background: #0eb20a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
    text-align: center
}

div.site_header_wechat_public > div.site_header_wechat_public_container > div.site_header_wechat_content {
    padding: 20px 0
}

div.site_header_wechat_public > div.site_header_wechat_public_container > div.site_header_wechat_content > h5 {
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: normal;
    color: #666
}

div.site_header_wechat_public > div.site_header_wechat_public_container > div.site_header_wechat_content > p.site_header_wechat_id {
    font-size: 18px;
    font-weight: bold;
    color: #383838
}

div.site_header_wechat_public > div.site_header_wechat_public_container > div.site_header_wechat_content > p.site_header_wechat_qrcode {
    padding: 12px 0
}

div.site_header_wechat_public > div.site_header_wechat_public_container > div.site_header_wechat_content > p.site_header_wechat_qrcode > img {
    width: 180px
}

div.site_header_wechat_public > div.site_header_wechat_public_container > div.site_header_wechat_content > p.site_header_wechat_notice {
    padding: 3px 0 10px 0;
    font-size: 12px;
    color: #888
}

div.site_header_placeholder {
    width: 100%;
    height: 60px
}

div.site_body_bg {
    padding: 20px 0 0 0;
    width: 100%
}

div.site_body_bg, div.site_body_bg_color {
    background: #f1f3f5
}

div.site_body {
    position: relative
}

div.site_body > div.site_body_container {
    position: relative;
    margin: 0 auto;
    padding-bottom: 50px;
    width: 1330px
}

div.site_body > div.site_body_container > h2 {
    padding: 10px 0 5px 0;
    height: 28px;
    font-size: 22px;
    font-weight: normal;
    text-align: center
}

div.site_body > div.site_body_container > h2 > a {
    height: 28px;
    color: #222;
    line-height: 28px;
    vertical-align: middle;
    display: inline-block
}

div.site_body > div.site_body_container > h2 > a:hover {
    text-decoration: underline
}

div.site_body > div.site_body_container > h2 > span {
    margin: 0 8px;
    height: 28px;
    font-size: 12px;
    color: #666;
    line-height: 28px;
    vertical-align: middle;
    display: inline-block
}

div.site_body > div.site_body_container > p.site_counter {
    font-size: 12px;
    color: #666;
    line-height: 24px;
    text-align: center
}

div.site_body > div.site_body_container > p.site_counter > b {
    margin: 0 3px;
    font-weight: bold;
    color: #000
}

div.site_body > div.site_body_container > p.site_counter > span.site_counter_part {
    margin-right: 10px
}

div.site_body > div.site_body_container > p.site_counter > span.site_counter_part > b {
    margin: 0 3px 0 0;
    font-weight: bold;
    color: #000
}

div.site_body > div.site_body_container > div.site_content {
    padding-top: 15px
}

@media screen and (max-width: 1400px) {
    div.site_body > div.site_body_container {
        width: 1180px
    }
}

div.site_filters {
    width: 100%;
    background: #fff
}

div.site_filters > div.site_filters_container {
    margin: 0 auto;
    padding: 18px 3px;
    width: 1330px
}

div.site_filters > div.site_filters_container > div.site_filter {
    margin-top: 0
}

div.site_filters > div.site_filters_container > div.site_filter:first-child {
    margin-top: 0
}

div.site_filters > div.site_filters_container > div.site_filter > table > tbody > tr > td {
    padding: 5px 0;
    font-size: 13px;
    line-height: 36px;
    vertical-align: top
}

div.site_filters > div.site_filters_container > div.site_filter > table > tbody > tr > td:first-child {
    width: 100px;
    color: #888;
}

div.site_filters > div.site_filters_container > div.site_filter > table > tbody > tr > td > a {
    margin-right: 18px;
    color: #555;
    letter-spacing: 1px;
    display: inline-block
}

div.site_filters > div.site_filters_container > div.site_filter > table > tbody > tr > td > a:hover {
    color: #000;
    text-decoration: underline
}

div.site_filters > div.site_filters_container > div.site_filter > table > tbody > tr > td > span.site_filter_active {
    margin-right: 18px;
    height: 26px;
    line-height: 26px;
    letter-spacing: 1px;
    display: inline-block
}

div.site_filters > div.site_filters_container > div.site_filter > table > tbody > tr > td > span.site_filter_active > a.site_filter_selected {
    padding: 0 10px;
    height: 26px;
    background: #ddd;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #000;
    line-height: 26px;
    display: inline-block
}

div.site_filters > div.site_filters_container > div.site_filter > table > tbody > tr > td > span.site_filter_active > a.site_filter_cancel {
    padding: 0 5px;
    height: 26px;
    background: #666;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 14px;
    color: #fff;
    display: inline-block
}

div.site_filters > div.site_filters_container > div.site_filter > table > tbody > tr > td > span.site_filter_active > a.site_filter_cancel:hover {
    background: #dc5f60
}

@media screen and (max-width: 1400px) {
    div.site_filters > div.site_filters_container {
        width: 1180px
    }
}

ul.site_entry_list {
    list-style: none
}

ul.site_entry_list > li {
    margin-left: 12px;
    width: 269px;
    height: 256px;
    background: #fff;
    border-radius: 2px;
    float: left
}

ul.site_entry_list > li:first-child {
    margin-left: 0
}

ul.site_entry_list > li > div.site_entry_cover {
    position: relative;
    padding: 10px 10px 0 10px
}

ul.site_entry_list > li > div.site_entry_cover > a > img {
    width: 249px;
    height: 180px;
    border-radius: 2px
}

ul.site_entry_list > li > h3 {
    padding: 0 12px;
    width: 249px;
    height: 34px;
    font-size: 14px;
    font-weight: normal;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

ul.site_entry_list > li > h3 > a {
    color: #555
}

ul.site_entry_list > li > h3 > a:hover {
    color: #000
}

ul.site_entry_list > li > p.site_entry_meta {
    padding: 0 12px;
    font-size: 12px;
    color: #999;
    line-height: 16px
}

ul.site_entry_list > li > p.site_entry_meta > a {
    color: #999
}

ul.site_entry_list > li > p.site_entry_meta > span.site_entry_meta_separator {
    margin: 0 8px;
    color: #e6e6e6
}

form.site_font_previewer {
    position: relative;
    height: 38px
}

form.site_font_previewer > input {
    padding: 9px 192px 9px 18px;
    width: 100%;
    height: 38px;
    background: #fff;
    border: 0;
    border-radius: 19px;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

form.site_font_previewer > span.site_font_previewer_submit, form.site_font_previewer > span.site_font_previewer_convert {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 38px;
    display: block
}

form.site_font_previewer > span.site_font_previewer_convert {
    width: 100px;
    right: 80px
}

form.site_font_previewer > span.site_font_previewer_submit > button, form.site_font_previewer > span.site_font_previewer_convert > button {
    width: 80px;
    height: 38px;
    background: #333;
    border: 0;
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
    font-size: 12px;
    color: #fff;
    line-height: 36px;
    display: block;
    cursor: pointer
}

form.site_font_previewer > span.site_font_previewer_submit > button:hover {
    color: #eee
}

form.site_font_previewer > span.site_font_previewer_convert > button:hover {
    color: #000
}

form.site_font_previewer > span.site_font_previewer_convert > button {
    width: 100px;
    background: #fff;
    border-radius: 0;
    color: #666;
    display: none;
}

form.site_font_previewer > span.site_font_previewer_convert > button > span {
    height: 36px;
    vertical-align: middle;
    display: inline-block
}

form.site_font_previewer > span.site_font_previewer_convert > button > span.iconfont {
    margin-right: 3px
}

div.site_homepage_rec_entries {
    margin: 0 auto;
    padding-top: 6px;
    width: 1330px
}

div.site_homepage_rec_entries > ul.site_rec_entry_list {
    list-style: none
}

div.site_homepage_rec_entries > ul.site_rec_entry_list > li {
    margin-left: 20px;
    width: 250px;
    height: 268px;
    background: #fff;
    border-radius: 4px;
    float: left
}

div.site_homepage_rec_entries > ul.site_rec_entry_list > li:first-child {
    margin-left: 0
}

div.site_homepage_rec_entries > ul.site_rec_entry_list > li > div.site_rec_entry_cover {
    position: relative
}

div.site_homepage_rec_entries > ul.site_rec_entry_list > li > div.site_rec_entry_cover > a > img {
    width: 250px;
    height: 200px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block
}

div.site_homepage_rec_entries > ul.site_rec_entry_list > li > h3 {
    padding: 5px 16px 0 16px;
    height: 34px;
    font-size: 14px;
    font-weight: normal;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

div.site_homepage_rec_entries > ul.site_rec_entry_list > li > h3 > a {
    color: #555
}

div.site_homepage_rec_entries > ul.site_rec_entry_list > li > h3 > a:hover {
    color: #383838;
    text-decoration: underline
}

div.site_homepage_rec_entries > ul.site_rec_entry_list > li > p.site_rec_entry_meta {
    padding: 0 16px;
    font-size: 12px;
    color: #999;
    line-height: 16px
}

div.site_homepage_rec_entries > ul.site_rec_entry_list > li > p.site_rec_entry_meta > a {
    color: #999
}

@media screen and (max-width: 1400px) {
    div.site_homepage_rec_entries {
        width: 1180px
    }

    div.site_homepage_rec_entries > ul.site_rec_entry_list > li {
        margin-left: 15px;
        width: 224px;
        height: 247px
    }

    div.site_homepage_rec_entries > ul.site_rec_entry_list > li > div.site_rec_entry_cover > a > img {
        width: 224px;
        height: 179px
    }

    div.site_homepage_rec_entries > ul.site_rec_entry_list > li > h3 {
        padding: 5px 16px 0 16px
    }
}

div.site_homepage_block {
    margin: 0 auto;
    padding-top: 25px;
    width: 1330px
}

div.site_homepage_block > div.site_homepage_block_header {
    position: relative
}

div.site_homepage_block > div.site_homepage_block_header > h2 {
    font-size: 18px;
    font-weight: normal;
    color: #333
}

div.site_homepage_block > div.site_homepage_block_header > h2 > a {
    color: #333
}

div.site_homepage_block > div.site_homepage_block_header > h2 > span {
    margin-left: 5px;
    font-size: 12px;
    color: #999
}

div.site_homepage_block > div.site_homepage_block_header > a {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 28px;
    background: #999;
    border: 0;
    border-radius: 15px;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    display: block
}

div.site_homepage_block > div.site_homepage_block_header > a:hover {
    background: #666
}

div.site_homepage_block > div.site_homepage_block_filters {
    padding-top: 18px
}

div.site_homepage_block > div.site_homepage_block_filters > div.site_filters {
    padding: 12px 30px;
    width: auto;
    border-radius: 4px
}

div.site_homepage_block > div.site_homepage_block_filters > div.site_filters > div.site_filters_container {
    margin: 0;
    padding: 0;
    width: auto
}

div.site_homepage_block > div.site_homepage_block_ad {
    padding-top: 18px
}

div.site_homepage_block > div.site_homepage_block_ad > ul {
    height: 48px;
    list-style: none
}

div.site_homepage_block > div.site_homepage_block_ad > ul > li {
    margin-left: 20px;
    width: 250px;
    height: 48px;
    float: left
}

div.site_homepage_block > div.site_homepage_block_ad > ul > li:first-child {
    margin-left: 0
}

div.site_homepage_block > div.site_homepage_block_ad > ul > li > a > img {
    width: 250px;
    height: 48px;
    border-radius: 4px;
    display: block
}

div.site_homepage_block > div.site_homepage_block_list {
    padding-top: 18px
}

@media screen and (max-width: 1400px) {
    div.site_homepage_block {
        width: 1180px
    }

    div.site_homepage_block > div.site_homepage_block_ad {
        padding-top: 12px
    }

    div.site_homepage_block > div.site_homepage_block_ad > ul {
        height: 43px
    }

    div.site_homepage_block > div.site_homepage_block_ad > ul > li {
        margin-left: 15px;
        width: 224px;
        height: 43px
    }

    div.site_homepage_block > div.site_homepage_block_ad > ul > li > a > img {
        width: 224px;
        height: 43px
    }

    div.site_homepage_block > div.site_homepage_block_list {
        padding-top: 12px
    }
}

div.site_homepage_sub_footer {
    padding: 36px 0;
    background: #fff
}

div.site_homepage_sub_footer > div.site_homepage_sub_footer_container {
    margin: 0 auto;
    width: 1330px
}

div.site_homepage_sub_footer > div.site_homepage_sub_footer_container > div.site_homepage_article_block {
    padding-top: 0;
    width: 1060px !important;
    float: left
}

div.site_homepage_sub_footer > div.site_homepage_sub_footer_container > div.site_homepage_article_block > div.site_homepage_block_list {
    padding-top: 24px
}

div.site_homepage_sub_footer > div.site_homepage_sub_footer_container > div.site_homepage_author_block {
    padding-top: 0;
    width: 250px;
    float: right
}

div.site_homepage_sub_footer > div.site_homepage_sub_footer_container > div.site_homepage_author_block > div.site_homepage_block_list {
    padding-top: 24px
}

@media screen and (max-width: 1400px) {
    div.site_homepage_sub_footer > div.site_homepage_sub_footer_container {
        width: 1180px
    }

    div.site_homepage_sub_footer > div.site_homepage_sub_footer_container > div.site_homepage_article_block {
        width: 941px !important
    }

    div.site_homepage_sub_footer > div.site_homepage_sub_footer_container > div.site_homepage_author_block {
        width: 224px
    }
}

ul.site_homepage_authors {
    list-style: none
}

ul.site_homepage_authors > li {
    margin-bottom: 22px
}

ul.site_homepage_authors > li > a {
    position: relative;
    padding: 15px 18px 15px 92px;
    width: 138px;
    height: 60px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    overflow: hidden;
    display: block
}

ul.site_homepage_authors > li > a > img {
    position: absolute;
    top: 15px;
    left: 18px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: block
}

ul.site_homepage_authors > li > a > h3 {
    height: 32px;
    font-size: 14px;
    color: #383838;
    line-height: 32px
}

ul.site_homepage_authors > li > a > p {
    height: 26px;
    font-size: 12px;
    color: #999;
    line-height: 26px
}

ul.site_homepage_authors > li > a > p > span {
    margin-left: 10px
}

ul.site_homepage_authors > li > a > p > span:first-child {
    margin-left: 0
}

ul.site_homepage_authors > li > a > p > span > b {
    margin-right: 3px;
    font-weight: bold;
    color: #606060
}

ul.site_homepage_authors > li > a:hover {
    border-color: #bbb
}

ul.site_homepage_authors > li > a:hover > h3 {
    color: #000
}

@media screen and (max-width: 1400px) {
    ul.site_homepage_authors > li {
        margin-bottom: 20px
    }

    ul.site_homepage_authors > li > a {
        padding: 15px 16px 15px 80px;
        width: 130px;
        height: 48px
    }

    ul.site_homepage_authors > li > a > img {
        top: 15px;
        left: 16px;
        width: 48px;
        height: 48px
    }

    ul.site_homepage_authors > li > a > h3 {
        height: 26px;
        font-size: 14px;
        line-height: 26px
    }

    ul.site_homepage_authors > li > a > p {
        height: 22px
    }
}

ul.site_homepage_articles {
    height: 600px;
    list-style: none
}

ul.site_homepage_articles > li {
    margin: 0 0 28px 20px;
    width: 520px;
    height: 120px;
    background: #fff;
    border-radius: 2px;
    float: left
}

ul.site_homepage_articles > li.site_homepage_articles_first_of_row {
    margin-left: 0
}

ul.site_homepage_articles > li > a.site_article_cover {
    width: 160px;
    height: 120px;
    float: left;
    display: block
}

ul.site_homepage_articles > li > a.site_article_cover > img {
    width: 160px;
    height: 120px;
    border: 0;
    border-radius: 4px
}

ul.site_homepage_articles > li > div.site_article_info {
    margin-right: 12px;
    width: 322px;
    height: 120px;
    float: right
}

ul.site_homepage_articles > li > div.site_article_info > h2 {
    padding-bottom: 15px;
    height: 20px;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

ul.site_homepage_articles > li > div.site_article_info > h2 > a {
    color: #383838
}

ul.site_homepage_articles > li > div.site_article_info > h2 > a:hover {
    color: #000;
    text-decoration: underline
}

ul.site_homepage_articles > li > div.site_article_info > p.site_article_description {
    max-height: 48px;
    font-size: 12px;
    color: #999;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

ul.site_homepage_articles > li > div.site_article_info > p.site_article_meta {
    padding-top: 15px;
    font-size: 12px;
    color: #666;
    line-height: 18px
}

ul.site_homepage_articles > li > div.site_article_info > p.site_article_meta > a {
    color: #666
}

ul.site_homepage_articles > li > div.site_article_info > p.site_article_meta > a:hover {
    color: #383838;
    text-decoration: underline
}

ul.site_homepage_articles > li > div.site_article_info > p.site_article_meta > em {
    margin: 0 8px;
    font-style: normal;
    color: #ddd
}

ul.site_homepage_articles > li > div.site_article_info > p.site_article_meta > a:hover {
    color: #000
}

@media screen and (max-width: 1400px) {
    ul.site_homepage_articles {
        height: 500px
    }

    ul.site_homepage_articles > li {
        margin: 0 0 22px 15px;
        width: 463px;
        height: 105px
    }

    ul.site_homepage_articles > li > a.site_article_cover {
        width: 140px;
        height: 105px
    }

    ul.site_homepage_articles > li > a.site_article_cover > img {
        width: 140px;
        height: 105px
    }

    ul.site_homepage_articles > li > div.site_article_info {
        width: 291px;
        height: 105px
    }

    ul.site_homepage_articles > li > div.site_article_info > h2 {
        padding-bottom: 12px;
        font-size: 14px
    }

    ul.site_homepage_articles > li > div.site_article_info > p.site_article_meta {
        padding-top: 12px
    }
}

div.site_homepage_banner {
    padding-top: 20px
}

div.site_font_list_commercial_free_scopes_filter {
    padding-top: 3px;
    width: 100%;
    background: #fff
}

div.site_font_list_commercial_free_scopes_filter > ul {
    margin: 0 auto;
    width: 1330px;
    height: 56px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 0;
    line-height: 56px;
    text-align: center;
    list-style: none
}

div.site_font_list_commercial_free_scopes_filter > ul > li {
    margin-left: 22px;
    height: 56px;
    display: inline-block
}

div.site_font_list_commercial_free_scopes_filter > ul > li:first-child {
    margin-left: 0
}

div.site_font_list_commercial_free_scopes_filter > ul > li > a {
    padding: 0 3px;
    height: 56px;
    font-size: 13px;
    color: #666;
    line-height: 56px;
    display: inline-block
}

div.site_font_list_commercial_free_scopes_filter > ul > li > a:hover {
    color: #333
}

div.site_font_list_commercial_free_scopes_filter > ul > li.site_font_list_commercial_free_scopes_filter_active {
    margin-bottom: -1px;
    border-bottom: 1px solid #333
}

div.site_font_list_commercial_free_scopes_filter > ul > li.site_font_list_commercial_free_scopes_filter_active > a {
    color: #000
}

h2.site_font_list_subject {
    padding: 15px 0 10px 0;
    font-size: 24px !important;
    font-weight: normal;
    color: #333;
    text-align: center
}

div.site_font_list_previewer {
    margin: 0 auto;
    padding: 12px 0 16px 0;
    width: 520px
}

div.site_font_list_empty {
    margin: 0 auto;
    width: 500px;
    height: 300px;
    background: url('https://fef130.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/empty.png') no-repeat center center
}

ul.site_font_list {
    list-style: none
}

ul.site_font_list > li {
    position: relative;
    margin-top: 16px;
    padding: 0 20px;
    background: #fff;
    border-radius: 4px
}

ul.site_font_list > li > span._sp {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    border-bottom-right-radius: 4px;
    background: url('https://749744.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/p.png') no-repeat;
    display: block
}

ul.site_font_list > li:first-child {
    margin-top: 0
}

ul.site_font_list > li > div.site_font_list_item_head {
    height: 44px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
    line-height: 44px
}

ul.site_font_list > li > div.site_font_list_item_head > a.site_font_name {
    height: 44px;
    font-size: 14px;
    font-weight: bold;
    color: #484848;
    float: left;
    display: block
}

ul.site_font_list > li > div.site_font_list_item_head > a.site_font_name:hover {
    text-decoration: underline
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_list_item_marks {
    margin: 13px 0 13px 16px;
    height: 18px;
    font-size: 0;
    line-height: 18px;
    float: left
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_list_item_marks > span {
    margin-left: 6px;
    padding: 0 3px;
    height: 18px;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    display: inline-block
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_list_item_marks > span:first-child {
    margin-left: 0
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_list_item_marks > span.commercial_free_scopes {
    background: #1fb29d
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_list_item_marks > span.commercial_free_license_required {
    background: #ff6f47
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_list_item_marks > span.previewer_unsupported {
    background: #a6a6a6
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_meta {
    height: 44px;
    font-size: 12px;
    float: right
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_meta > a {
    color: #666
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_meta > a:hover {
    color: #333;
    text-decoration: underline
}

ul.site_font_list > li > div.site_font_list_item_head > div.site_font_meta > span {
    margin: 0 10px;
    color: #bbb
}

ul.site_font_list > li > div.site_font_list_item_body {
    position: relative;
    padding: 30px 0
}

ul.site_font_list > li > div.site_font_list_item_body > a.site_font_cover {
    display: block;
    overflow: hidden
}

ul.site_font_list > li > div.site_font_list_item_body > a.site_font_cover > img {
    height: 56px
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download {
    position: absolute;
    top: 26px;
    right: 0;
    text-align: right
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p {
    padding-top: 12px;
    font-size: 12px;
    color: #999
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p:first-child {
    padding-top: 0
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > a, ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > button {
    margin-left: 8px;
    padding: 0 12px;
    height: 36px;
    background: #ffd600;
    border: 0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
    display: inline-block;
    cursor: pointer
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > a.grey, ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > button.grey {
    background: #eee
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > a:before, ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > button:before {
    margin-right: 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > a > span, ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > button > span {
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    display: inline-block
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > a > span.iconfont, ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > button > span.iconfont {
    margin-right: 5px;
    font-size: 16px;
    font-weight: normal
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > button.site_font_recommend_button {
    background: #ebebeb;
    color: #333
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > button.site_font_download_disabled {
    background: #888;
    color: #fff
}

ul.site_font_list > li > div.site_font_list_item_body > div.site_font_download > p > span.site_separator {
    margin: 0 6px;
    color: #bbb
}

@media screen and (max-width: 1400px) {
    div.site_font_list_commercial_free_scopes_filter > ul {
        width: 1180px
    }
}

div.site_font_list_products_recommend {
    position: relative
}

div.site_font_list_products_recommend > h5 {
    padding: 16px 0 12px 2px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    line-height: 24px
}

div.site_font_list_sub_footer {
    padding: 36px 0;
    background: #fff
}

div.site_font_list_sub_footer > div.site_font_list_sub_footer_container {
    margin: 0 auto;
    width: 1330px
}

div.site_font_list_sub_footer > div.site_font_list_sub_footer_container > div.site_font_list_sub_footer_block {
    margin-top: 30px
}

div.site_font_list_sub_footer > div.site_font_list_sub_footer_container > div.site_font_list_sub_footer_block:first-child {
    margin-top: 0
}

div.site_font_list_sub_footer > div.site_font_list_sub_footer_container > div.site_font_list_sub_footer_block > h3 {
    padding-bottom: 20px;
    font-size: 12px;
    color: #999
}

@media screen and (max-width: 1400px) {
    div.site_font_list_sub_footer > div.site_font_list_sub_footer_container {
        width: 1180px
    }
}

div.site_font_list_top_banner {
    padding-top: 16px
}

ul.site_font_gallery {
    list-style: none
}

ul.site_font_gallery > li {
    position: relative;
    margin: 0 20px 18px 0;
    width: 250px;
    height: 200px;
    background: #fff;
    border-radius: 4px;
    float: left
}

ul.site_font_gallery > li > span._sp {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-top-left-radius: 4px;
    background-position: left top;
    background-image: url('https://f3e292.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/p-left-top-2x.png');
    background-repeat: no-repeat;
    background-size: 40px auto;
    display: block
}

ul.site_font_gallery > li.site_font_gallery_no_margin {
    margin-right: 0
}

ul.site_font_gallery > li.site_font_gallery_no_margin_bottom {
    margin-bottom: 0
}

ul.site_font_gallery > li > a.site_font_snapshot {
    padding-top: 25px;
    text-align: center;
    display: block
}

ul.site_font_gallery > li > a.site_font_snapshot > img {
    width: 160px;
    height: auto
}

ul.site_font_gallery > li > div.site_font_description {
    padding: 10px 20px 20px 20px;
    text-align: center
}

ul.site_font_gallery > li > div.site_font_description > h4 {
    padding-bottom: 5px;
    font-size: 15px;
    line-height: 22px
}

ul.site_font_gallery > li > div.site_font_description > h4 > a {
    color: #555
}

ul.site_font_gallery > li > div.site_font_description > h4 > a:hover {
    color: #000;
    text-decoration: underline
}

ul.site_font_gallery > li > div.site_font_description > p {
    font-size: 12px;
    color: #888;
    line-height: 18px
}

ul.site_font_gallery > li > div.site_font_description > p > span.site_font_description_separator {
    margin: 0 6px;
    color: #ccc
}

@media screen and (max-width: 1400px) {
    ul.site_font_gallery > li {
        margin: 0 15px 12px 0;
        width: 224px
    }

    ul.site_font_gallery > li > a.site_font_snapshot > img {
        width: 150px
    }

    ul.site_font_gallery > li > div.site_font_description > h4 {
        font-size: 14px
    }
}

div.site_font_detail {
    position: relative;
    padding: 0 !important;
    width: 897px;
    background: #fff;
    border-radius: 4px
}

div.site_font_detail > span._sp {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: url('https://5954fc.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/p-left-top.png') no-repeat;
    border-top-left-radius: 4px;
    display: block
}

div.site_font_detail > div.site_font_subject {
    position: relative;
    padding: 22px 32px 20px 32px
}

div.site_font_detail > div.site_font_subject > h2 {
    padding-bottom: 8px;
    font-size: 22px;
    font-weight: normal;
    line-height: 30px
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions {
    position: absolute;
    top: 35px;
    right: 22px;
    width: 138px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    z-index: 100
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions:hover {
    height: auto;
    overflow: auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions > h5 {
    padding: 0 10px;
    height: 36px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 12px;
    color: #383838;
    line-height: 36px;
    text-align: right
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions > h5:after {
    width: 18px;
    font-family: iconfont;
    font-style: normal;
    text-align: right;
    content: "\e673";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions:hover > h5 {
    background: #383838;
    color: #fff
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions > a {
    padding: 0 10px;
    height: 36px;
    background: 0;
    font-size: 12px;
    color: #505050;
    line-height: 36px;
    text-align: right;
    display: block
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions > a:hover {
    background: #f3f3f3;
    color: #383838
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions > a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions > a:after {
    width: 18px;
    font-family: iconfont;
    font-style: normal;
    text-align: right;
    content: "";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

div.site_font_detail > div.site_font_subject > div.site_font_family_versions > a.ft_font_family_active:after {
    content: "\e674"
}

div.site_font_detail > div.site_font_subject > p.site_font_meta {
    font-size: 12px;
    color: #777;
    line-height: 26px
}

div.site_font_detail > div.site_font_subject > p.site_font_meta > a {
    color: #777
}

div.site_font_detail > div.site_font_subject > p.site_font_meta > a:hover {
    color: #383838;
    text-decoration: underline
}

div.site_font_detail > div.site_font_subject > p.site_font_meta > span {
    margin: 0 8px;
    color: #e6e6e6
}

div.site_font_detail > div.site_font_buttons {
    position: relative;
    padding: 18px 30px 18px 30px;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

div.site_font_detail > div.site_font_buttons > form > a.button, div.site_font_detail > div.site_font_buttons > form > button.button {
    margin-right: 12px;
    padding: 0 15px;
    height: 38px;
    background: #ffd600;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: 38px;
    display: inline-block;
    cursor: pointer;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: inherit
}

div.site_font_detail > div.site_font_buttons > form > a.grey_button, div.site_font_detail > div.site_font_buttons > form > button.grey_button {
    background: #ebebeb;
    color: #333
}

div.site_font_detail > div.site_font_buttons > form > a.button:before, div.site_font_detail > div.site_font_buttons > form > button.button:before {
    margin-right: 6px
}

div.site_font_detail > div.site_font_buttons > form > a.client_button {
    margin-right: 0;
    background: #ebebeb !important;
    font-weight: normal;
    color: #383838;
    float: right
}

div.site_font_detail > div.site_font_buttons > div.site_font_share {
    display: none
}

div.site_font_detail > div.site_font_description {
    padding: 25px 32px
}

div.site_font_detail > div.site_font_description > div.site_font_description_block {
    position: relative;
    margin-bottom: 30px;
    width: 832px
}

div.site_font_detail > div.site_font_description > div.site_font_description_block_no_margin {
    margin-bottom: 0
}

div.site_font_detail > div.site_font_description > div.site_font_description_block:first-child {
    margin-top: 0
}

div.site_font_detail > div.site_font_description > div.site_font_description_block > h3 {
    padding-bottom: 5px;
    font-size: 12px;
    color: #333;
    line-height: 32px
}

div.site_font_detail > div.site_font_description > div.site_font_description_block > p.site_font_description_text {
    font-size: 12px;
    color: #666;
    line-height: 24px
}

div.site_font_detail > div.site_font_description > div.site_font_description_block > p.site_font_description_text > a {
    margin: 0 2px;
    color: #333
}

div.site_font_detail > div.site_font_description > div.site_font_description_block > table {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-radius: 4px
}

div.site_font_detail > div.site_font_description > div.site_font_description_block > table > thead > tr > td, div.site_font_detail > div.site_font_description > div.site_font_description_block > table > tbody > tr > td {
    padding: 0 15px;
    height: 38px;
    background: #fff;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    color: #555;
    line-height: 38px
}

div.site_font_detail > div.site_font_description > div.site_font_description_block > table > thead > tr > td {
    background: #f6f6f6
}

div.site_font_detail > div.site_font_description > div.site_font_description_block > ul {
    padding-left: 20px;
    font-size: 12px;
    color: #555;
    line-height: 28px
}

div.site_font_detail > div.site_font_detail_side {
    position: absolute;
    top: 0;
    right: -433px;
    width: 413px
}

div.site_font_detail > div.site_font_detail_side > div.site_font_detail_side_block {
    margin-bottom: 20px;
    padding: 22px 28px;
    background: #fff;
    border-radius: 4px
}

div.site_font_detail > div.site_font_detail_side > div.site_font_detail_side_block > h3 {
    padding-bottom: 18px;
    font-size: 12px;
    color: #888
}

div.site_font_detail > div.site_font_detail_side > div.site_font_detail_side_block > div.site_font_detail_side_ad {
    padding-bottom: 18px
}

@media screen and (max-width: 1400px) {
    div.site_font_detail {
        width: 881px
    }

    div.site_font_detail > div.site_font_subject {
        padding: 20px 25px 20px 25px
    }

    div.site_font_detail > div.site_font_subject > div.site_font_family_versions {
        right: 12px
    }

    div.site_font_detail > div.site_font_buttons {
        padding: 16px 25px
    }

    div.site_font_detail > div.site_font_description {
        padding: 20px 25px
    }

    div.site_font_detail > div.site_font_detail_side {
        right: -299px;
        width: 279px
    }

    div.site_font_detail > div.site_font_detail_side > div.site_font_detail_side_block {
        padding: 20px 24px
    }
}

div.site_font_detail_top_banner {
    padding-bottom: 20px
}

div.site_font_detail_side_copyright {
    position: relative
}

div.site_font_detail_side_copyright > div.site_font_detail_side_copyright_author {
    position: relative;
    margin-bottom: 18px;
    padding: 0 0 18px 68px;
    border-bottom: 1px solid #eee
}

div.site_font_detail_side_copyright > div.site_font_detail_side_copyright_author > h5 {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px
}

div.site_font_detail_side_copyright > div.site_font_detail_side_copyright_author > h5 > a {
    color: #333
}

div.site_font_detail_side_copyright > div.site_font_detail_side_copyright_author > p {
    font-size: 12px;
    color: #666;
    line-height: 20px
}

div.site_font_detail_side_copyright > div.site_font_detail_side_copyright_author > p > span {
    margin-left: 10px
}

div.site_font_detail_side_copyright > div.site_font_detail_side_copyright_author > p > span:first-child {
    margin-left: 0
}

div.site_font_detail_side_copyright > div.site_font_detail_side_copyright_author > p > span > b {
    margin-right: 3px;
    font-weight: bold;
    color: #383838
}

div.site_font_detail_side_copyright > div.site_font_detail_side_copyright_author > a.site_font_detail_side_copyright_author_avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px;
    display: block
}

div.site_font_detail_side_copyright > div.site_font_detail_side_copyright_author > a.site_font_detail_side_copyright_author_avatar > img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: block
}

div.site_font_detail_side_copyright > ul.site_font_detail_side_copyright_commercial_free_scopes {
    list-style: none
}

div.site_font_detail_side_copyright > ul.site_font_detail_side_copyright_commercial_free_scopes > li {
    position: relative;
    margin-top: 16px;
    padding-left: 30px
}

div.site_font_detail_side_copyright > ul.site_font_detail_side_copyright_commercial_free_scopes > li:first-child {
    margin-top: 0
}

div.site_font_detail_side_copyright > ul.site_font_detail_side_copyright_commercial_free_scopes > li > h5 {
    font-size: 12px;
    color: #333;
    line-height: 22px
}

div.site_font_detail_side_copyright > ul.site_font_detail_side_copyright_commercial_free_scopes > li > p {
    padding-top: 3px;
    font-size: 12px;
    color: #666;
    line-height: 22px
}

div.site_font_detail_side_copyright > ul.site_font_detail_side_copyright_commercial_free_scopes > li > span.iconfont {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 22px;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    display: block
}

div.site_font_detail_side_designer {
    position: relative
}

div.site_font_detail_side_designer > div.designer {
    position: relative;
    padding: 0 0 8px 68px
}

div.site_font_detail_side_designer > div.designer > h5 {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px
}

div.site_font_detail_side_designer > div.designer > h5 > a {
    color: #333
}

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

div.site_font_detail_side_designer > div.designer > p > span {
    margin-left: 10px
}

div.site_font_detail_side_designer > div.designer > p > span:first-child {
    margin-left: 0
}

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

div.site_font_detail_side_designer > div.designer > a.avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px;
    display: block
}

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

div.site_font_detail_side_tag_selections {
    position: relative
}

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

div.site_font_detail_side_tag_selections > ul > li {
    margin-right: 19px;
    overflow: hidden;
    display: inline-block
}

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

div.site_font_detail_side_tag_selections > ul > li > a:hover {
    color: #000;
    text-decoration: underline
}

div.site_font_detail_right_banner {
    margin-bottom: 12px
}

div.site_font_detail_top_banner {
    padding-bottom: 20px
}

div.site_font_detail_top_banner > div.site_font_detail_top_banner_container {
    width: 1120px
}

div.site_font_detail_top_banner > div.site_font_detail_top_banner_container > div.site_font_detail_top_banner_c01, div.site_font_detail_top_banner > div.site_font_detail_top_banner_container > div.site_font_detail_top_banner_c02 {
    width: 550px;
    float: left
}

div.site_font_detail_top_banner > div.site_font_detail_top_banner_container > div.site_font_detail_top_banner_c02 {
    float: right
}

div.site_font_detail_top_banner > div.site_font_detail_top_banner_container > div.site_font_detail_top_banner_c01 > a, div.site_font_detail_top_banner > div.site_font_detail_top_banner_container > div.site_font_detail_top_banner_c01 > a > img, div.site_font_detail_top_banner > div.site_font_detail_top_banner_container > div.site_font_detail_top_banner_c02 > a, div.site_font_detail_top_banner > div.site_font_detail_top_banner_container > div.site_font_detail_top_banner_c02 > a > img {
    width: 550px;
    display: block
}

div.site_font_detail_previewer {
    width: 829px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

div.site_font_detail_previewer > form.site_font_previewer {
    height: 42px
}

div.site_font_detail_previewer > form.site_font_previewer > input {
    height: 42px;
    font-size: 12px;
    line-height: 42px
}

div.site_font_detail_previewer > form.site_font_previewer > span.site_font_previewer_submit {
    width: 100px;
    height: 42px
}

div.site_font_detail_previewer > form.site_font_previewer > span.site_font_previewer_convert {
    right: 100px;
    height: 42px;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6
}

div.site_font_detail_previewer > form.site_font_previewer > span.site_font_previewer_submit > button {
    width: 100px;
    height: 42px;
    line-height: 42px;
    background: #f3f3f3;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #666
}

div.site_font_detail_previewer > form.site_font_previewer > span.site_font_previewer_submit > button:hover {
    color: #000
}

div.site_font_detail_previewer > form.site_font_previewer > span.site_font_previewer_submit > button > span {
    height: 42px
}

div.site_font_detail_previewer > form.site_font_previewer > span.site_font_previewer_convert > button {
    height: 42px;
    line-height: 42px;
    background: 0;
    border-radius: 0
}

div.site_font_detail_previewer > form.site_font_previewer > span.site_font_previewer_convert > button > span {
    height: 42px
}

div.site_font_detail_previewer > div.site_font_detail_preview_canvas {
    padding: 10px 15px;
    width: 799px;
    height: 56px;
    border-top: 1px solid #e6e6e6;
    overflow: hidden
}

div.site_font_detail_previewer_unsupported {
    width: 829px;
    height: 38px;
    background: #f6f6f6;
    border: 1px dashed #e3e3e3;
    font-size: 12px;
    color: #888;
    line-height: 38px;
    text-align: center
}

div.site_similar_fonts {
    padding-top: 30px !important
}

div.site_similar_fonts > h3 {
    padding: 0 0 15px 2px;
    font-size: 16px;
    font-weight: normal;
    color: #333
}

div.site_articles_in_font_detail {
    padding-top: 30px !important
}

div.site_articles_in_font_detail > h3 {
    padding: 0 0 15px 2px;
    font-size: 16px;
    font-weight: normal;
    color: #333
}

div.site_articles_in_font_detail > ul {
    height: 350px;
    list-style: none
}

div.site_articles_in_font_detail > ul > li {
    margin: 0 0 12px 12px;
    padding: 20px;
    width: 512px;
    height: 120px;
    background: #fff;
    border: 1px solid #e9e9e9;
    float: left
}

div.site_articles_in_font_detail > ul > li.site_articles_in_font_detail_first_of_row {
    margin-left: 0
}

div.site_articles_in_font_detail > ul > li > a.site_article_cover {
    width: 160px;
    height: 120px;
    float: left;
    display: block
}

div.site_articles_in_font_detail > ul > li > a.site_article_cover > img {
    width: 160px;
    height: 120px;
    border: 0
}

div.site_articles_in_font_detail > ul > li > div.site_article_info {
    width: 332px;
    height: 120px;
    float: right
}

div.site_articles_in_font_detail > ul > li > div.site_article_info > h2 {
    padding-bottom: 15px;
    height: 20px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.site_articles_in_font_detail > ul > li > div.site_article_info > h2 > a {
    color: #000
}

div.site_articles_in_font_detail > ul > li > div.site_article_info > h2 > a:hover {
    color: #666
}

div.site_articles_in_font_detail > ul > li > div.site_article_info > p.site_article_description {
    max-height: 48px;
    font-size: 12px;
    color: #999;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

div.site_articles_in_font_detail > ul > li > div.site_article_info > p.site_article_meta {
    padding-top: 15px;
    font-size: 12px;
    color: #666;
    line-height: 18px
}

div.site_articles_in_font_detail > ul > li > div.site_article_info > p.site_article_meta > a {
    color: #666
}

div.site_articles_in_font_detail > ul > li > div.site_article_info > p.site_article_meta > em {
    margin: 0 8px;
    font-style: normal;
    color: #ddd
}

div.site_articles_in_font_detail > p.site_articles_in_font_detail_more {
    padding-top: 15px;
    text-align: center
}

div.site_articles_in_font_detail > p.site_articles_in_font_detail_more > a {
    padding: 0 32px;
    height: 38px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 25px;
    font-size: 12px;
    color: #555;
    line-height: 38px;
    display: inline-block
}

div.site_articles_in_font_detail > p.site_articles_in_font_detail_more > a:hover {
    color: #000
}

div.site_search_sub_header {
    padding: 20px 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

div.site_search_sub_header > form {
    margin: 0 auto;
    width: 1120px;
    line-height: 38px
}

div.site_search_sub_header > form > input {
    padding: 0 12px;
    width: 550px;
    height: 36px;
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    font-size: 16px;
    color: #333;
    line-height: 36px;
    vertical-align: middle
}

div.site_search_sub_header > form > button {
    margin-left: 16px;
    width: 80px;
    height: 38px;
    background: #666;
    border: 0;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    cursor: pointer;
    vertical-align: middle
}

div.site_search_form_page {
    padding: 60px 0
}

div.site_search_form_page > form.site_search_form {
    margin: 0 auto;
    width: 1120px;
    text-align: center
}

div.site_search_form_page > form.site_search_form > h3 {
    font-size: 22px;
    font-weight: normal;
    color: #555;
    line-height: 30px;
    text-align: center
}

div.site_search_form_page > form.site_search_form > p {
    padding-top: 30px;
    line-height: 38px
}

div.site_search_form_page > form.site_search_form > p:first-child {
    padding-top: 0
}

div.site_search_form_page > form.site_search_form > p > input {
    padding: 0 12px;
    width: 500px;
    height: 38px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    font-size: 16px;
    color: #333;
    line-height: 36px;
    vertical-align: middle
}

div.site_search_form_page > form.site_search_form > p > button {
    margin-left: 12px;
    padding: 0 12px;
    width: 80px;
    height: 38px;
    background: #666;
    border: 0;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle
}

div.site_search_form_page > div.site_search_tips {
    margin: 0 auto;
    padding-top: 50px;
    width: 500px
}

div.site_search_form_page > div.site_search_tips > h5 {
    padding-bottom: 8px;
    font-size: 12px;
    color: #333;
    line-height: 22px
}

div.site_search_form_page > div.site_search_tips > p {
    font-size: 12px;
    color: #666;
    line-height: 22px
}

div.site_album_list_header {
    padding-bottom: 18px;
    text-align: center
}

div.site_album_list_header > h1 {
    font-size: 22px;
    font-weight: normal;
    color: #333;
    line-height: 38px
}

div.site_album_list_header > p {
    font-size: 12px;
    color: #666;
    line-height: 22px
}

ul.site_album_list {
    list-style: none
}

ul.site_album_list > li {
    margin: 0 0 20px 20px;
    width: 250px;
    height: 268px;
    background: #fff;
    border-radius: 4px;
    float: left
}

ul.site_album_list > li.site_album_list_first_of_row {
    margin-left: 0
}

ul.site_album_list > li > div.site_album_cover {
    position: relative
}

ul.site_album_list > li > div.site_album_cover > a > img {
    width: 250px;
    height: 200px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block
}

ul.site_album_list > li > h3 {
    padding: 5px 16px 0 16px;
    height: 34px;
    font-size: 14px;
    font-weight: normal;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

ul.site_album_list > li > h3 > a {
    color: #383838
}

ul.site_album_list > li > h3 > a:hover {
    color: #000;
    text-decoration: underline
}

ul.site_album_list > li > p.site_album_meta {
    padding: 0 16px;
    font-size: 12px;
    color: #999;
    line-height: 16px
}

ul.site_album_list > li > p.site_album_meta > span {
    color: #707070
}

ul.site_album_list > li > p.site_album_meta > span.site_album_meta_separator {
    margin: 0 8px;
    color: #e6e6e6
}

@media screen and (max-width: 1400px) {
    ul.site_album_list > li {
        margin: 0 0 18px 15px;
        width: 224px;
        height: 247px
    }

    ul.site_album_list > li > div.site_album_cover > a > img {
        width: 224px;
        height: 179px
    }
}

div.site_album_index_page_container {
    position: relative
}

div.site_album_index_page_container > a.site_album_download {
    margin: 16px auto;
    padding: 0 12px;
    width: 100px;
    height: 32px;
    background: #505050;
    border-radius: 16px;
    line-height: 32px;
    display: block
}

div.site_album_index_page_container > a.site_album_download:hover {
    border-color: #fff
}

div.site_album_index_page_container > a.site_album_download > span {
    height: 32px;
    font-size: 12px;
    color: #fff;
    float: left;
    display: block
}

div.site_album_index_page_container > a.site_album_download > span:first-child {
    padding-right: 5px;
    font-size: 16px
}

div.site_author_list_filters > div.site_filters_container {
    padding: 10px 3px !important
}

ul.site_author_list {
    padding-top: 10px;
    list-style: none
}

ul.site_author_list > li {
    margin: 0 0 20px 20px;
    width: 250px;
    height: 226px;
    background: #fff;
    border-radius: 4px;
    float: left
}

ul.site_author_list > li.site_author_list_first_of_row {
    margin-left: 0
}

ul.site_author_list > li > div {
    padding: 26px 0
}

ul.site_author_list > li > div > a.site_author_avatar {
    margin: 0 auto;
    width: 66px;
    height: 66px;
    display: block
}

ul.site_author_list > li > div > a.site_author_avatar > img {
    width: 66px;
    height: 66px;
    border: 0;
    border-radius: 50%
}

ul.site_author_list > li > div > div.site_author_info {
    padding-top: 12px;
    text-align: center
}

ul.site_author_list > li > div > div.site_author_info > h3 {
    height: 20px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

ul.site_author_list > li > div > div.site_author_info > h3 > a {
    color: #333
}

ul.site_author_list > li > div > div.site_author_info > p.site_author_meta {
    padding-top: 6px;
    height: 20px;
    font-size: 12px;
    line-height: 20px
}

ul.site_author_list > li > div > div.site_author_info > p.site_author_meta > span {
    margin-left: 8px;
    color: #999
}

ul.site_author_list > li > div > div.site_author_info > p.site_author_meta > span:first-child {
    margin-left: 0
}

ul.site_author_list > li > div > div.site_author_info > p.site_author_meta > span > b {
    margin-right: 3px;
    font-weight: bold;
    color: #666
}

ul.site_author_list > li > div > div.site_author_info > p.site_author_operations {
    padding-top: 16px
}

ul.site_author_list > li > div > div.site_author_info > p.site_author_operations > a {
    padding: 0 16px;
    height: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    font-size: 12px;
    color: #333;
    line-height: 30px;
    display: inline-block;
    cursor: pointer
}

ul.site_author_list > li > div > div.site_author_info > p.site_author_operations > a:hover {
    background: #666;
    border-color: #666;
    color: #fff
}

@media screen and (max-width: 1400px) {
    ul.site_author_list > li {
        margin: 0 0 18px 15px;
        width: 224px
    }
}

div.site_author_detail_sub_header {
    width: 100%
}

div.site_author_detail_sub_header > div.site_author_sh_meta {
    width: 100%;
    height: 60px;
    background: #fff
}

div.site_author_detail_sub_header > div.site_author_sh_meta > div.site_author_sh_meta_container {
    margin: 0 auto;
    width: 1330px;
    height: 60px
}

div.site_author_detail_sub_header > div.site_author_sh_meta > div.site_author_sh_meta_container > div.site_author_sh_stat {
    height: 60px;
    font-size: 12px;
    color: #888;
    line-height: 60px;
    float: left
}

div.site_author_detail_sub_header > div.site_author_sh_meta > div.site_author_sh_meta_container > div.site_author_sh_stat > span {
    margin-right: 12px
}

div.site_author_detail_sub_header > div.site_author_sh_meta > div.site_author_sh_meta_container > div.site_author_sh_stat > span > b {
    margin-right: 3px;
    font-weight: bold;
    color: #363636
}

div.site_author_detail_sub_header > div.site_author_sh_meta > div.site_author_sh_meta_container > a.site_author_sh_website {
    margin-top: 18px;
    padding: 0 8px;
    height: 24px;
    background: #a8a8a8;
    border-radius: 12px;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    float: right;
    display: block
}

div.site_author_detail_sub_header > div.site_author_sh_meta > div.site_author_sh_meta_container > a.site_author_sh_website:hover {
    background: #666;
    color: #fff
}

div.site_author_detail_sub_header > div.site_author_sh_profile {
    position: relative;
    margin: 0 auto;
    padding-top: 36px;
    width: 620px;
    text-align: center
}

div.site_author_detail_sub_header > div.site_author_sh_profile > img.site_author_sh_avatar {
    position: absolute;
    top: -41px;
    left: 50%;
    margin-left: -41px;
    width: 72px;
    height: 72px;
    border: 5px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    display: block
}

div.site_author_detail_sub_header > div.site_author_sh_profile > h2.site_author_sh_name {
    padding-top: 15px;
    font-size: 20px;
    color: #383838;
    letter-spacing: 1px
}

div.site_author_detail_sub_header > div.site_author_sh_profile > p.site_author_sh_type {
    padding-top: 3px;
    font-size: 12px;
    color: #999;
    letter-spacing: 1px
}

div.site_author_detail_sub_header > div.site_author_sh_profile > p.site_author_sh_desc {
    padding-top: 12px;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    letter-spacing: 1px
}

div.site_author_detail {
    position: relative
}

div.site_author_detail > div.site_author_detail_previewer {
    margin: 0 auto;
    width: 520px;
    padding: 18px 0 12px 0
}

div.site_author_detail > div.site_author_header {
    position: relative;
    padding-bottom: 15px
}

div.site_author_detail > div.site_author_header > img.site_author_avatar {
    width: 66px;
    height: 66px;
    border-radius: 4px;
    float: left;
    display: block
}

div.site_author_detail > div.site_author_header > div.site_author_info {
    width: 1037px;
    float: right
}

div.site_author_detail > div.site_author_header > div.site_author_info > h1 {
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: normal;
    color: #000;
    line-height: 24px
}

div.site_author_detail > div.site_author_header > div.site_author_info > p.site_author_description {
    padding: 0 0 10px 2px;
    font-size: 12px;
    color: #555;
    line-height: 22px
}

div.site_author_detail > div.site_author_header > div.site_author_info > div.site_author_operations {
    height: 32px;
    font-size: 12px;
    line-height: 32px
}

div.site_author_detail > div.site_author_header > div.site_author_info > div.site_author_operations > a, div.site_author_detail > div.site_author_header > div.site_author_info > div.site_author_operations > button {
    padding: 0 16px;
    height: 32px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 12px;
    color: #333;
    line-height: 30px;
    cursor: pointer
}

div.site_author_detail > div.site_author_header > div.site_author_info > div.site_author_operations > a {
    margin-left: 10px;
    height: 30px;
    display: inline-block
}

div.site_author_detail > div.site_author_header > div.site_author_info > div.site_author_operations > span {
    margin-left: 15px;
    color: #888
}

div.site_author_detail > div.site_author_header > div.site_author_info > div.site_author_operations > span > b {
    margin-right: 3px;
    font-weight: bold;
    color: #000
}

@media screen and (max-width: 1400px) {
    div.site_author_detail_sub_header > div.site_author_sh_meta > div.site_author_sh_meta_container {
        width: 1180px
    }
}

div.site_side_author_profile {
    position: relative;
    padding-left: 68px
}

div.site_side_author_profile > a.site_side_author_avatar {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

div.site_side_author_profile > a.site_side_author_avatar > img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: block
}

div.site_side_author_profile > h5 {
    padding-bottom: 10px;
    font-size: 14px;
    letter-spacing: 1px
}

div.site_side_author_profile > h5 > a {
    color: #333
}

div.site_side_author_profile > h5 > a:hover {
    color: #000;
    text-decoration: underline
}

div.site_side_author_profile > p.site_side_author_description {
    padding-bottom: 12px;
    font-size: 12px;
    color: #888;
    line-height: 22px;
    letter-spacing: 1px
}

div.site_side_author_profile > p.site_side_author_meta {
    font-size: 12px;
    color: #888
}

div.site_side_author_profile > p.site_side_author_meta > span {
    margin-left: 8px
}

div.site_side_author_profile > p.site_side_author_meta > span:first-child {
    margin-left: 0
}

div.site_side_author_profile > p.site_side_author_meta > span > a, div.site_side_author_profile > p.site_side_author_meta > span > b {
    margin-right: 3px;
    font-weight: bold;
    color: #555
}

ul.site_side_author_list {
    list-style: none
}

ul.site_side_author_list > li {
    position: relative;
    padding: 16px 0 16px 75px;
    height: 56px;
    border-top: 1px solid #efefef
}

ul.site_side_author_list > li:first-child {
    padding-top: 0;
    border-top: 0
}

ul.site_side_author_list > li > a.site_side_author_avatar {
    position: absolute;
    top: 16px;
    left: 0;
    width: 56px;
    height: 56px;
    float: left;
    display: block
}

ul.site_side_author_list > li:first-child > a.site_side_author_avatar {
    top: 0
}

ul.site_side_author_list > li > a.site_side_author_avatar > img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block
}

ul.site_side_author_list > li > h5 {
    font-size: 14px;
    line-height: 30px
}

ul.site_side_author_list > li > h5 > a {
    color: #333
}

ul.site_side_author_list > li > h5 > a:hover {
    color: #000;
    text-decoration: underline
}

ul.site_side_author_list > li > p {
    font-size: 12px;
    color: #888;
    line-height: 26px
}

ul.site_side_author_list > li > p > span {
    margin-left: 6px
}

ul.site_side_author_list > li > p > span:first-child {
    margin-left: 0
}

ul.site_side_author_list > li > p > span > a, ul.site_side_author_list > li > p > span > b {
    margin-right: 3px;
    font-weight: bold;
    color: #555
}

ul.site_bottom_author_list {
    height: 198px;
    list-style: none
}

ul.site_bottom_author_list > li {
    margin-left: 20px;
    width: 250px;
    height: 88px;
    float: left
}

ul.site_bottom_author_list > li.no_margin_left {
    margin-left: 0
}

ul.site_bottom_author_list > li.margin_top {
    margin-top: 18px
}

ul.site_bottom_author_list > li > a {
    position: relative;
    padding: 16px 16px 16px 90px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    display: block
}

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

ul.site_bottom_author_list > li > a > h5 {
    font-size: 14px;
    color: #383838;
    line-height: 30px;
    letter-spacing: 1px
}

ul.site_bottom_author_list > li > a > p {
    font-size: 12px;
    color: #999;
    line-height: 26px
}

ul.site_bottom_author_list > li > a > p > span {
    margin-left: 10px
}

ul.site_bottom_author_list > li > a > p > span:first-child {
    margin-left: 0
}

ul.site_bottom_author_list > li > a > p > span > b {
    margin-right: 3px;
    font-weight: bold;
    color: #606060
}

ul.site_bottom_author_list > li > a:hover {
    border-color: #bbb
}

ul.site_bottom_author_list > li > a:hover > h5 {
    color: #000
}

@media screen and (max-width: 1400px) {
    ul.site_bottom_author_list > li {
        margin-left: 15px;
        width: 224px
    }
}

div.site_article_filters {
    width: 100%;
    height: 50px;
    background: #fff
}

div.site_article_filters > ul {
    margin: 0 auto;
    width: 1120px;
    height: 50px;
    text-align: center;
    list-style: none
}

div.site_article_filters > ul > li {
    padding: 0 16px;
    height: 50px;
    display: inline-block
}

div.site_article_filters > ul > li > a {
    padding: 0 2px;
    height: 50px;
    font-size: 13px;
    color: #555;
    line-height: 50px;
    display: inline-block
}

div.site_article_filters > ul > li > a:hover {
    color: #000
}

div.site_article_filters > ul > li.site_article_filters_active > a {
    height: 49px;
    border-bottom: 2px solid #555;
    color: #000
}

div.site_article_list {
    position: relative;
    padding-top: 0 !important
}

div.site_article_list > div.site_article_list_main {
    width: 1030px;
    background: #fff;
    border-radius: 4px;
    float: left
}

div.site_article_list > div.site_article_list_main > h3 {
    padding: 28px 38px 18px 38px;
    font-size: 12px;
    color: #333
}

div.site_article_list > div.site_article_list_main > ul {
    padding: 0 38px 30px 38px;
    list-style: none
}

div.site_article_list > div.site_article_list_main > ul > li {
    padding: 25px 0;
    height: 120px;
    border-top: 1px dotted #e6e6e6
}

div.site_article_list > div.site_article_list_main > ul > li:first-child {
    padding-top: 0;
    border-top: 0
}

div.site_article_list > div.site_article_list_main > ul > li > a.site_article_cover {
    width: 160px;
    height: 120px;
    float: left;
    display: block
}

div.site_article_list > div.site_article_list_main > ul > li > a.site_article_cover > img {
    width: 160px;
    height: 120px;
    border: 0;
    border-radius: 4px
}

div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info {
    width: 770px;
    height: 120px;
    float: right
}

div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info > h2 {
    padding-bottom: 15px;
    height: 22px;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info > h2 > a {
    color: #383838
}

div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info > h2 > a:hover {
    color: #000;
    text-decoration: underline
}

div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info > p.site_article_description {
    max-height: 48px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info > p.site_article_meta {
    padding-top: 15px;
    font-size: 12px;
    color: #666;
    line-height: 18px
}

div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info > p.site_article_meta > a {
    color: #666
}

div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info > p.site_article_meta > a:hover {
    color: #383838;
    text-decoration: underline
}

div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info > p.site_article_meta > em {
    margin: 0 8px;
    font-style: normal;
    color: #ddd
}

div.site_article_list > div.site_article_list_side {
    width: 280px;
    float: right
}

div.site_article_list > div.site_article_list_side > div.site_article_list_side_block {
    margin-bottom: 20px;
    padding: 22px 28px 22px 28px;
    background: #fff;
    border-radius: 4px
}

div.site_article_list > div.site_article_list_side > div.site_article_list_side_block > h3 {
    padding-bottom: 16px;
    font-size: 12px;
    color: #333
}

@media screen and (max-width: 1400px) {
    div.site_article_list > div.site_article_list_main {
        width: 880px
    }

    div.site_article_list > div.site_article_list_main > ul > li > div.site_article_info {
        width: 624px
    }
}

div.site_article_list_top_banner {
    padding-bottom: 20px
}

div.site_article_detail {
    position: relative;
    padding: 0 300px 50px 0 !important
}

div.site_article_detail > div.site_article_main {
    padding: 36px 60px 60px 60px;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

div.site_article_detail > div.site_article_main > h1 {
    padding-bottom: 10px;
    font-size: 28px;
    font-weight: normal;
    color: #000
}

div.site_article_detail > div.site_article_main > p.site_article_meta {
    padding-bottom: 20px;
    font-size: 12px;
    color: #888
}

div.site_article_detail > div.site_article_main > p.site_article_meta > a {
    color: #888
}

div.site_article_detail > div.site_article_main > p.site_article_meta > a:hover {
    color: #383838;
    text-decoration: underline
}

div.site_article_detail > div.site_article_main > p.site_article_meta > em {
    margin: 0 10px;
    font-style: normal;
    color: #ddd
}

div.site_article_detail > div.site_article_main > p.site_article_description {
    padding: 10px 15px;
    background: #eaecee;
    border-left: 6px solid #d2d4d6;
    font-size: 13px;
    color: #777;
    line-height: 28px
}

div.site_article_detail > div.site_article_main > div.site_article_content {
    padding: 20px 5px 0 5px;
    font-size: 15px;
    color: #666
}

div.site_article_detail > div.site_article_main > div.site_article_content h1, div.site_article_detail > div.site_article_main > div.site_article_content h2, div.site_article_detail > div.site_article_main > div.site_article_content h3, div.site_article_detail > div.site_article_main > div.site_article_content h4, div.site_article_detail > div.site_article_main > div.site_article_content h5, div.site_article_detail > div.site_article_main > div.site_article_content h6, div.site_article_detail > div.site_article_main > div.site_article_content p, div.site_article_detail > div.site_article_main > div.site_article_content ul, div.site_article_detail > div.site_article_main > div.site_article_content ol {
    font-weight: normal
}

div.site_article_detail > div.site_article_main > div.site_article_content h1 {
    display: none
}

div.site_article_detail > div.site_article_main > div.site_article_content h2, div.site_article_detail > div.site_article_main > div.site_article_content h3, div.site_article_detail > div.site_article_main > div.site_article_content h4, div.site_article_detail > div.site_article_main > div.site_article_content h5, div.site_article_detail > div.site_article_main > div.site_article_content h6 {
    padding: 15px 0 10px 0;
    color: #000
}

div.site_article_detail > div.site_article_main > div.site_article_content h2 {
    font-size: 22px
}

div.site_article_detail > div.site_article_main > div.site_article_content h3 {
    font-size: 20px
}

div.site_article_detail > div.site_article_main > div.site_article_content h4, div.site_article_detail > div.site_article_main > div.site_article_content h5, div.site_article_detail > div.site_article_main > div.site_article_content h6 {
    font-size: 18px
}

div.site_article_detail > div.site_article_main > div.site_article_content ul, div.site_article_detail > div.site_article_main > div.site_article_content ol {
    padding-left: 120px
}

div.site_article_detail > div.site_article_main > div.site_article_content p, div.site_article_detail > div.site_article_main > div.site_article_content ul, div.site_article_detail > div.site_article_main > div.site_article_content ol {
    line-height: 32px
}

div.site_article_detail > div.site_article_main > div.site_article_content a {
    color: #333;
    text-decoration: underline
}

div.site_article_detail > div.site_article_main > div.site_article_content img {
    margin: 20px 0
}

div.site_article_detail > div.site_article_operations {
    padding-bottom: 50px;
    background: #fff;
    text-align: center
}

div.site_article_detail > div.site_article_operations > p.site_article_recommend > button {
    padding: 0 30px;
    height: 52px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 26px;
    font-size: 14px;
    color: #555;
    line-height: 50px;
    cursor: pointer
}

div.site_article_detail > div.site_article_operations > p.site_article_recommend > button:before {
    margin-right: 6px;
    font-size: 16px
}

div.site_article_detail > div.site_article_operations > p.site_article_recommend > button:hover {
    border-color: #d5d5d5;
    color: #333
}

div.site_article_detail > div.site_article_operations > p.site_article_source {
    padding-top: 20px;
    font-size: 12px;
    color: #888
}

div.site_article_detail > div.site_article_operations > p.site_article_source > a {
    color: #666
}

div.site_article_detail > div.site_article_operations > div.site_article_share {
    padding-top: 20px
}

div.site_article_detail > div.site_article_operations > div.site_article_share > div.bdsharebuttonbox {
    text-align: center
}

div.site_article_detail > div.site_article_operations > div.site_article_share > div.bdsharebuttonbox > a, div.site_article_detail > div.site_article_operations > div.site_article_share > div.bdsharebuttonbox > a.bds_more {
    margin: 6px 0 6px 6px;
    float: none;
    display: inline-block
}

div.site_article_detail > div.site_article_relations {
    padding: 20px 160px 0 160px;
    background: #fff
}

div.site_article_detail > div.site_article_relations > h2 {
    padding-bottom: 10px;
    font-size: 12px;
    color: #666
}

div.site_article_detail > div.site_article_relations > ul {
    list-style: none
}

div.site_article_detail > div.site_article_relations > ul > li {
    padding: 20px 0;
    height: 120px;
    border-top: 1px solid #eee
}

div.site_article_detail > div.site_article_relations > ul > li:first-child {
    padding-top: 0;
    border-top: 0
}

div.site_article_detail > div.site_article_relations > ul > li > a.site_article_cover {
    width: 160px;
    height: 120px;
    float: left;
    display: block
}

div.site_article_detail > div.site_article_relations > ul > li > a.site_article_cover > img {
    width: 160px;
    height: 120px;
    border-radius: 4px
}

div.site_article_detail > div.site_article_relations > ul > li > div.site_article_info {
    width: 500px;
    height: 120px;
    float: right
}

div.site_article_detail > div.site_article_relations > ul > li > div.site_article_info > h3 {
    padding-bottom: 15px;
    height: 22px;
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.site_article_detail > div.site_article_relations > ul > li > div.site_article_info > h3 > a {
    color: #383838
}

div.site_article_detail > div.site_article_relations > ul > li > div.site_article_info > h3 > a:hover {
    color: #000;
    text-decoration: underline
}

div.site_article_detail > div.site_article_relations > ul > li > div.site_article_info > p.site_article_description {
    max-height: 48px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

div.site_article_detail > div.site_article_relations > ul > li > div.site_article_info > p.site_article_meta {
    padding-top: 15px;
    font-size: 12px;
    color: #666;
    line-height: 18px
}

div.site_article_detail > div.site_article_relations > ul > li > div.site_article_info > p.site_article_meta > a {
    color: #565656
}

div.site_article_detail > div.site_article_relations > ul > li > div.site_article_info > p.site_article_meta > a:hover {
    color: #000;
    text-decoration: underline
}

div.site_article_detail > div.site_article_relations > ul > li > div.site_article_info > p.site_article_meta > em {
    margin: 0 8px;
    font-style: normal;
    color: #ddd
}

div.site_article_detail > div.site_article_radius_border {
    height: 30px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

div.site_article_detail > div.site_article_detail_side {
    position: absolute;
    top: 0;
    right: 0;
    width: 280px
}

div.site_article_detail > div.site_article_detail_side > div.site_article_detail_side_block {
    margin-bottom: 20px;
    padding: 18px 22px;
    background: #fff;
    border-radius: 4px
}

div.site_article_detail > div.site_article_detail_side > div.site_article_detail_side_block > h3 {
    padding-bottom: 18px;
    font-size: 12px;
    color: #666
}

@media screen and (max-width: 1400px) {
    div.site_article_detail > div.site_article_relations {
        padding: 20px 100px 0 100px
    }
}

div.site_article_detail_top_banner {
    padding-bottom: 20px
}

ul.site_side_article_list {
    list-style: none
}

ul.site_side_article_list > li {
    position: relative;
    margin-top: 22px;
    padding-right: 100px;
    height: 72px
}

ul.site_side_article_list > li:first-child {
    margin-top: 0
}

ul.site_side_article_list > li > a.site_side_article_cover {
    position: absolute;
    top: 0;
    right: 0;
    display: block
}

ul.site_side_article_list > li > a.site_side_article_cover > img {
    width: 96px;
    height: 72px;
    border-radius: 2px;
    display: block
}

ul.site_side_article_list > li > h5 {
    height: 48px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    overflow: hidden
}

ul.site_side_article_list > li > h5 > a {
    color: #333
}

ul.site_side_article_list > li > h5 > a:hover {
    color: #000;
    text-decoration: underline
}

ul.site_side_article_list > li > p {
    padding-top: 4px;
    font-size: 12px;
    color: #999;
    line-height: 20px
}

ul.site_side_article_list > li > p > a {
    color: #999
}

ul.site_side_article_list > li > p > a:hover {
    color: #383838;
    text-decoration: underline
}

ul.site_side_article_list > li > p > em {
    margin: 0 5px;
    font-style: normal;
    color: #aaa
}

ul.site_side_article_medium_list > li {
    padding-right: 136px;
    height: 90px
}

ul.site_side_article_medium_list > li > a.site_side_article_cover > img {
    width: 120px;
    height: 90px;
    border-radius: 4px
}

ul.site_side_article_medium_list > li > h5 {
    height: auto !important;
    max-height: 56px;
    line-height: 24px;
    letter-spacing: 1px;
    overflow: hidden
}

ul.site_side_article_medium_list > li > p {
    padding-top: 4px;
    line-height: 22px
}

@media screen and (max-width: 1400px) {
    ul.site_side_article_list > li {
        padding-right: 100px;
        height: 68px
    }

    ul.site_side_article_medium_list > li > a.site_side_article_cover > img {
        width: 90px;
        height: 68px
    }

    ul.site_side_article_medium_list > li > h5 {
        max-height: 68px;
        line-height: 22px
    }

    ul.site_side_article_medium_list > li > p {
        display: none
    }
}

ul.site_bottom_article_list {
    height: 240px;
    list-style: none
}

ul.site_bottom_article_list > li {
    margin-left: 20px;
    width: 250px;
    height: 240px;
    float: left
}

ul.site_bottom_article_list > li:first-child {
    margin-left: 0
}

ul.site_bottom_article_list > li > a.site_bottom_article_cover {
    width: 250px;
    height: 182px;
    display: block
}

ul.site_bottom_article_list > li > a.site_bottom_article_cover > img {
    width: 250px;
    height: 182px;
    border-radius: 4px;
    display: block
}

ul.site_bottom_article_list > li > h5 {
    padding: 8px 1px 0 1px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

ul.site_bottom_article_list > li > h5 > a {
    color: #555
}

ul.site_bottom_article_list > li > h5 > a:hover {
    color: #000;
    text-decoration: underline
}

ul.site_bottom_article_list > li > p {
    padding: 2px 1px 0 1px;
    font-size: 12px;
    color: #888;
    line-height: 20px
}

ul.site_bottom_article_list > li > p > a, ul.site_bottom_article_list > li > p > span {
    color: #888
}

ul.site_bottom_article_list > li > p > a:hover {
    color: #383838;
    text-decoration: underline
}

ul.site_bottom_article_list > li > p > em {
    margin: 0 6px;
    color: #aaa
}

@media screen and (max-width: 1400px) {
    ul.site_bottom_article_list > li {
        margin-left: 15px;
        width: 224px;
        height: 221px
    }

    ul.site_bottom_article_list > li > a.site_bottom_article_cover {
        width: 224px;
        height: 163px
    }

    ul.site_bottom_article_list > li > a.site_bottom_article_cover > img {
        width: 224px;
        height: 163px
    }
}

div.site_docs_sub_header {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    z-index: 1000
}

div.site_docs_sub_header > div.site_docs_sub_header_container {
    position: relative;
    margin: 0 auto;
    width: 1330px
}

div.site_docs_sub_header > div.site_docs_sub_header_container > div.site_docs_menu {
    position: absolute;
    top: 20px;
    left: 0;
    width: 230px
}

div.site_docs_sub_header > div.site_docs_sub_header_container > div.site_docs_menu > ul {
    margin-bottom: 22px;
    padding: 15px 30px;
    background: #fff;
    border-radius: 4px;
    list-style: none
}

div.site_docs_sub_header > div.site_docs_sub_header_container > div.site_docs_menu > ul > li {
    height: 50px;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #333;
    line-height: 50px
}

div.site_docs_sub_header > div.site_docs_sub_header_container > div.site_docs_menu > ul > li:first-child {
    border-top: 0
}

div.site_docs_sub_header > div.site_docs_sub_header_container > div.site_docs_menu > ul > li > a {
    color: #333
}

div.site_docs {
    position: relative;
    padding-left: 250px
}

div.site_docs > div.site_docs_content {
    padding: 30px 38px;
    background: #fff;
    border-radius: 4px
}

div.site_docs > div.site_docs_content > div.site_docs_block {
    position: relative;
    padding-top: 36px;
    font-size: 14px;
    color: #666;
    line-height: 32px
}

div.site_docs > div.site_docs_content > div.site_docs_block:first-child {
    padding-top: 0
}

div.site_docs > div.site_docs_content > div.site_docs_block > h2 {
    padding-bottom: 18px;
    font-size: 26px;
    font-weight: normal;
    color: #222
}

div.site_docs > div.site_docs_content > div.site_docs_block > ul, div.site_docs > div.site_docs_content > div.site_docs_block > ol {
    padding: 12px 0 12px 32px
}

div.site_docs > div.site_docs_content > div.site_docs_block > ul > li > a {
    color: #666;
    text-decoration: underline
}

div.site_docs > div.site_docs_content > div.site_docs_block > a.site_docs_target {
    position: absolute;
    top: -60px;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    display: block
}

div.site_docs > div.site_docs_content > div.site_docs_wechat_block {
    position: relative;
    padding-bottom: 25px;
    text-align: center
}

div.site_docs > div.site_docs_content > div.site_docs_wechat_block > h2 {
    padding-bottom: 18px;
    font-size: 26px;
    font-weight: normal;
    color: #222;
    line-height: 32px
}

div.site_docs > div.site_docs_content > div.site_docs_wechat_block > div.site_docs_wechat_desc {
    padding: 5px 0 30px 0;
    font-size: 12px;
    color: #888;
    line-height: 22px
}

div.site_docs > div.site_docs_content > div.site_docs_wechat_block > div.site_docs_wechat_card {
    margin: 0 auto;
    padding: 30px 0;
    width: 300px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

div.site_docs > div.site_docs_content > div.site_docs_wechat_block > div.site_docs_wechat_card > h5 {
    font-size: 14px;
    font-weight: normal;
    color: #888
}

div.site_docs > div.site_docs_content > div.site_docs_wechat_block > div.site_docs_wechat_card > p.site_docs_wechat_id {
    padding-top: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #383838
}

div.site_docs > div.site_docs_content > div.site_docs_wechat_block > div.site_docs_wechat_card > p.site_docs_wechat_qrcode {
    padding: 12px 0
}

div.site_docs > div.site_docs_content > div.site_docs_wechat_block > div.site_docs_wechat_card > p.site_docs_wechat_qrcode > img {
    width: 200px
}

div.site_docs > div.site_docs_content > div.site_docs_wechat_block > div.site_docs_wechat_card > p.site_docs_wechat_notice {
    font-size: 12px;
    color: #888
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block {
    position: relative;
    padding-bottom: 25px;
    text-align: center
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > h2 {
    padding-bottom: 18px;
    font-size: 26px;
    font-weight: normal;
    color: #222;
    line-height: 32px
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > div.site_docs_group_chats_desc {
    padding: 5px 0 30px 0;
    font-size: 12px;
    color: #888;
    line-height: 22px
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > ul.site_docs_group_chat_cards {
    margin: 0 auto;
    width: 706px;
    list-style: none
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > ul.site_docs_group_chat_cards > li {
    margin-bottom: 30px;
    padding: 28px;
    width: 280px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    float: left
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > ul.site_docs_group_chat_cards > li.site_docs_group_char_card_margin {
    margin-left: 30px
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > ul.site_docs_group_chat_cards > li > h5 {
    font-size: 14px;
    font-weight: normal;
    color: #888
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > ul.site_docs_group_chat_cards > li > p.site_docs_group_chat_id {
    padding-top: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #383838
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > ul.site_docs_group_chat_cards > li > p.site_docs_group_chat_qrcode {
    padding: 12px 0
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > ul.site_docs_group_chat_cards > li > p.site_docs_group_chat_qrcode > img {
    width: 200px
}

div.site_docs > div.site_docs_content > div.site_docs_group_chats_block > ul.site_docs_group_chat_cards > li > p.site_docs_group_chat_button > a {
    padding: 0 20px;
    height: 32px;
    background: #383838;
    border-radius: 19px;
    font-size: 12px;
    color: #fff;
    line-height: 32px;
    display: inline-block
}

div.site_docs > div.site_docs_content > div.site_docs_donate_block {
    position: relative;
    padding-bottom: 25px;
    text-align: center
}

div.site_docs > div.site_docs_content > div.site_docs_donate_block > h2 {
    padding-bottom: 18px;
    font-size: 26px;
    font-weight: normal;
    color: #222;
    line-height: 32px
}

div.site_docs > div.site_docs_content > div.site_docs_donate_block > div.site_docs_donate_desc {
    padding: 5px 0 30px 0;
    font-size: 12px;
    color: #888;
    line-height: 22px
}

div.site_docs > div.site_docs_content > div.site_docs_donate_block > div.site_docs_donate_qrcodes {
    margin: 0 auto;
    width: 660px
}

div.site_docs > div.site_docs_content > div.site_docs_donate_block > div.site_docs_donate_qrcodes > div.site_docs_donate_wechat_qrcode, div.site_docs > div.site_docs_content > div.site_docs_donate_block > div.site_docs_donate_qrcodes > div.site_docs_donate_alipay_qrcode {
    padding: 9px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    float: left
}

div.site_docs > div.site_docs_content > div.site_docs_donate_block > div.site_docs_donate_qrcodes > div.site_docs_donate_wechat_qrcode {
    margin-right: 20px
}

div.site_docs > div.site_docs_content > div.site_docs_donate_block > div.site_docs_donate_qrcodes > div.site_docs_donate_wechat_qrcode > img, div.site_docs > div.site_docs_content > div.site_docs_donate_block > div.site_docs_donate_qrcodes > div.site_docs_donate_alipay_qrcode > img {
    width: 300px;
    display: block
}

div.site_docs > div.site_docs_content > div.site_docs_donate_block > div.site_docs_donate_notice {
    padding-top: 30px;
    font-size: 12px;
    color: #888;
    line-height: 24px
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block {
    position: relative;
    padding-bottom: 25px
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > h2 {
    padding-bottom: 18px;
    font-size: 26px;
    font-weight: normal;
    color: #222
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > div.site_docs_upload_suc {
    margin-bottom: 20px;
    padding: 0 16px;
    height: 38px;
    background: #6ea24b;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 38px
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > form > div.site_docs_upload_form_row {
    margin-bottom: 20px;
    width: 400px
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > form > div.site_docs_upload_form_row > p.site_docs_upload_form_label {
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #666
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > form > div.site_docs_upload_form_row > p.site_docs_upload_form_input > input {
    padding: 8px 12px;
    width: 360px;
    height: 20px;
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 14px;
    color: #505050;
    line-height: 20px
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > form > div.site_docs_upload_form_row > p.site_docs_upload_form_notice {
    padding-top: 12px;
    font-size: 12px;
    color: #888;
    line-height: 20px
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > form > div.site_docs_upload_form_row > div.site_upload_captcha {
    height: 52px
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > form > div.site_docs_upload_form_row > div.site_upload_captcha > input {
    padding: 10px 16px;
    width: 120px;
    height: 52px;
    background: #f5f5f5;
    border: 1px solid #eee;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 16px;
    color: #505050;
    line-height: 22px;
    float: left;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > form > div.site_docs_upload_form_row > div.site_upload_captcha > img {
    height: 50px;
    border: 1px solid #eee;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    float: left;
    display: block;
    cursor: pointer
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > form > div.site_docs_upload_form_button {
    padding-top: 10px
}

div.site_docs > div.site_docs_content > div.site_docs_upload_block > form > div.site_docs_upload_form_button > button {
    padding: 10px 16px;
    background: #ffd600;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    letter-spacing: 1px;
    cursor: pointer
}

@media screen and (max-width: 1400px) {
    div.site_docs_sub_header > div.site_docs_sub_header_container {
        width: 1180px
    }
}

ul.site_paginator {
    padding-top: 30px;
    height: 38px;
    text-align: center;
    list-style: none
}

ul.site_paginator > li {
    margin-left: 10px;
    display: inline-block
}

ul.site_paginator > li:first-child {
    margin-left: 0
}

ul.site_paginator > li > a, ul.site_paginator > li > span {
    padding: 0 10px;
    min-width: 16px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    line-height: 36px;
    display: inline-block
}

ul.site_paginator > li > span {
    min-width: 18px;
    height: 38px;
    background: 0;
    border: 0
}

ul.site_paginator > li > a:hover, ul.site_paginator > li.site_paginator_active > a {
    background: #ffd600;
    border-color: #ffd600
}

div.site_footer {
    width: 100%;
    background: #3c3c3c
}

div.site_footer > div.site_footer_container {
    margin: 0 auto;
    padding: 38px 0 50px 0;
    width: 1330px
}

div.site_footer > div.site_footer_container > div.site_footer_main {
    width: 800px;
    float: left
}

div.site_footer > div.site_footer_container > div.site_footer_main > h5 {
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #888
}

div.site_footer > div.site_footer_container > div.site_footer_main > h5 > a {
    font-size: 20px;
    color: #bbb;
    line-height: 22px;
    /*width: 120px;*/
    /*height: 30px;*/
    /*display: inline-block;*/
    /*background: url('https://65bdc0.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/logo.svg');*/
    /*background-size: 300px 600px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 7% 34%;*/
}

div.site_footer > div.site_footer_container > div.site_footer_main > h5 > span {
    margin-left: 10px
}

div.site_footer > div.site_footer_container > div.site_footer_main > ul {
    padding-bottom: 18px;
    width: 660px;
    list-style: none
}

div.site_footer > div.site_footer_container > div.site_footer_main > ul > li {
    width: 110px;
    font-size: 12px;
    line-height: 24px;
    float: left
}

div.site_footer > div.site_footer_container > div.site_footer_main > ul > li > a {
    color: #999
}

div.site_footer > div.site_footer_container > div.site_footer_main > ul > li > a:hover {
    color: #eee;
    text-decoration: underline
}

div.site_footer > div.site_footer_container > div.site_footer_main > p.site_footer_text {
    font-size: 12px;
    color: #999;
    line-height: 28px
}

div.site_footer > div.site_footer_container > div.site_footer_main > p.site_footer_text > a {
    color: #bbb;
    text-decoration: underline
}

div.site_footer > div.site_footer_container > div.site_footer_main > p.site_footer_text > a.site_footer_gongan {
    margin-left: 15px;
    padding-left: 15px;
    background: url('https://bc2744.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/gongan.png') no-repeat left center;
    color: #bbb
}

div.site_footer > div.site_footer_container > div.site_counter {
    padding-top: 5px;
    float: right
}

div.site_footer > div.site_footer_container > div.site_counter > h5 {
    padding-bottom: 8px;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    text-align: right
}

div.site_footer > div.site_footer_container > div.site_counter > div {
    height: 38px;
    background: url('https://63aba7.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/footer-counter-bg.png') repeat-x left center;
    border: 1px solid #5d5d5d
}

div.site_footer > div.site_footer_container > div.site_counter > div > span {
    width: 26px;
    height: 38px;
    border-left: 1px solid #686868;
    font-size: 32px;
    color: #eee;
    line-height: 38px;
    text-align: center;
    display: inline-block
}

div.site_footer > div.site_footer_container > div.site_counter > div > span:first-child {
    border-left: 0
}

@media screen and (max-width: 1400px) {
    div.site_footer > div.site_footer_container {
        width: 1180px
    }
}

div.site_announcement {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999
}

div.site_announcement > div.site_announcement_content {
    margin: 0 auto;
    width: 1330px;
    background: #d66
}

div.site_announcement > div.site_announcement_content > p {
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    text-align: center
}

@media screen and (max-width: 1400px) {
    div.site_announcement > div.site_announcement_content {
        width: 1180px
    }
}

div.site_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 5000;
    display: none
}

@media \0screen\,screen\9 {
    div.site_mask {
        background: #000;
        filter: Alpha(opacity=85);
        *zoom: 1
    }
}

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

div.site_loading > div.site_loading_icon {
    margin: 0 auto;
    width: 36px;
    height: 36px;
    background: url('https://a778ab.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/loading.gif') no-repeat center center;
    background-size: 32px auto
}

div.site_loading > div.site_loading_text {
    padding-top: 10px;
    font-size: 14px;
    color: #fff
}

div.site_tips {
    position: fixed;
    padding: 16px 22px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    display: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    z-index: 20000
}

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

div.site_tips > div:before {
    margin-right: 8px;
    font-weight: normal
}

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

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

div.site_download_captcha {
    position: fixed;
    padding: 25px;
    background: #fff;
    border-radius: 4px;
    z-index: 10000;
    display: none
}

div.site_download_captcha > div.site_download_captcha_container {
    position: relative;
    width: 310px;
    text-align: center
}

div.site_download_captcha > div.site_download_captcha_container > h2 {
    padding-bottom: 8px;
    font-size: 20px;
    font-weight: normal;
    color: #000
}

div.site_download_captcha > div.site_download_captcha_container > p.site_download_captcha_desc {
    padding-bottom: 12px;
    font-size: 12px;
    color: #666;
    line-height: 22px
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_form {
    margin: 0 auto;
    padding-bottom: 12px;
    width: 220px
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_form > input {
    padding: 8px 0;
    width: 218px;
    height: 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    text-align: center;
    letter-spacing: 3px;
    display: block
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_form > div.site_download_captcha_image {
    padding: 8px 0;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-top: 0
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_form > div.site_download_captcha_image > img {
    margin: 0 auto;
    width: 188px;
    height: 51px;
    display: block
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_form > div.site_download_captcha_refresh {
    text-align: center
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_form > div.site_download_captcha_refresh > button {
    padding: 0 10px;
    height: 32px;
    background: 0;
    border: 0;
    font-size: 12px;
    color: #333;
    line-height: 32px;
    text-align: center;
    cursor: pointer
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_kb {
    margin: 0 auto;
    padding-bottom: 12px;
    width: 220px
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_kb > table {
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_kb > table > tbody > tr > td {
    width: 72px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_kb > table > tbody > tr > td > button {
    width: 72px;
    height: 32px;
    background: #fff;
    border: 0;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
    cursor: pointer
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_buttons {
    margin: 0 auto;
    width: 220px;
    height: 32px
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_buttons > button.site_download_captcha_confirm, div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_buttons > button.site_download_captcha_cancel {
    width: 92px;
    height: 32px;
    background: #ffd600;
    border: 0;
    border-radius: 4px;
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 32px;
    letter-spacing: 3px;
    float: left;
    display: block;
    cursor: pointer
}

div.site_download_captcha > div.site_download_captcha_container > div.site_download_captcha_buttons > button.site_download_captcha_cancel {
    background: #e8e8e8;
    color: #666;
    float: right
}

div.site_horizontal_banner {
    width: 1330px
}

div.site_horizontal_banner:after {
    height: 0;
    font-size: 0;
    content: " ";
    clear: both;
    visibility: hidden;
    display: block
}

div.site_horizontal_banner > a.site_image_banner_3in3 {
    width: 1330px;
    height: 64px;
    float: left;
    display: block
}

div.site_horizontal_banner > a.site_image_banner_3in3 > img {
    width: 1330px;
    height: 64px;
    border-radius: 4px;
    display: block
}

div.site_horizontal_banner > a.site_image_banner_2in3 {
    margin-left: 20px;
    width: 880px;
    height: 64px;
    float: left;
    display: block
}

div.site_horizontal_banner > a.site_image_banner_2in3:first-child {
    margin-left: 0
}

div.site_horizontal_banner > a.site_image_banner_2in3 > img {
    width: 880px;
    height: 64px;
    border-radius: 4px;
    display: block
}

div.site_horizontal_banner > a.site_image_banner_1in3 {
    margin-left: 20px;
    width: 430px;
    height: 64px;
    float: left;
    display: block
}

div.site_horizontal_banner > a.site_image_banner_1in3:first-child {
    margin-left: 0
}

div.site_horizontal_banner > a.site_image_banner_1in3 > img {
    width: 430px;
    height: 64px;
    border-radius: 4px;
    display: block
}

div.site_horizontal_banner > div.site_bd_banner {
    width: 1330px;
    background: #fff;
    border-radius: 4px
}

div.site_horizontal_banner > div.site_transparent_bd_banner {
    width: 1330px
}

div.site_horizontal_banner > div.site_bd_banner > div.site_bd_banner_container, div.site_horizontal_banner > div.site_transparent_bd_banner > div.site_bd_banner_container {
    margin: 0 auto;
    padding: 10px 0;
    width: 1080px
}

@media screen and (max-width: 1400px) {
    div.site_horizontal_banner {
        width: 1180px
    }

    div.site_horizontal_banner > a.site_image_banner_3in3, div.site_horizontal_banner > a.site_image_banner_3in3 > img {
        width: 1180px;
        height: 57px
    }

    div.site_horizontal_banner > a.site_image_banner_2in3, div.site_horizontal_banner > a.site_image_banner_2in3 > img {
        width: 780px;
        height: 57px
    }

    div.site_horizontal_banner > a.site_image_banner_1in3, div.site_horizontal_banner > a.site_image_banner_1in3 > img {
        width: 380px;
        height: 57px
    }

    div.site_horizontal_banner > div.site_bd_banner {
        width: 1180px
    }
}

div.site_outside_download_points {
    position: fixed;
    padding: 25px;
    background: #fff;
    border-radius: 4px;
    z-index: 7000;
    display: none
}

div.site_outside_download_points > div.site_outside_download_points_container {
    position: relative;
    width: 380px
}

div.site_outside_download_points > div.site_outside_download_points_container > h2 {
    padding-bottom: 18px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    line-height: 26px
}

div.site_outside_download_points > div.site_outside_download_points_container > ul {
    list-style: none
}

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

div.site_outside_download_points > div.site_outside_download_points_container > ul > li > a {
    padding: 5px 10px;
    background: #f5f5f5;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    display: inline-block
}

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

div.site_outside_download_points > div.site_outside_download_points_container > p.site_outside_download_points_closer {
    padding-top: 22px;
    text-align: center
}

div.site_outside_download_points > div.site_outside_download_points_container > p.site_outside_download_points_closer > button {
    padding: 0 22px;
    height: 36px;
    background: #555;
    border: 0;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 36px;
    cursor: pointer
}

div.site_user_login_modal {
    position: fixed;
    width: 338px;
    z-index: 10000;
    display: none
}

div.site_user_login_modal > div.user_login_head {
    padding: 25px 0 20px 0;
    background: #ffd600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center
}

div.site_user_login_modal > div.user_login_head > h2 {
    font-size: 22px;
    font-weight: 100;
    color: #000
}

div.site_user_login_modal > div.user_login_head > h6 {
    padding-top: 8px;
    font-size: 12px;
    font-weight: normal;
    color: #000
}

div.site_user_login_modal > div.user_login_main {
    padding: 50px 0;
    background: #fff
}

div.site_user_login_modal > div.user_login_main > a.button {
    margin: 0 auto;
    width: 80px;
    height: 130px;
    text-align: center;
    display: block;
    cursor: pointer
}

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

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

div.site_user_login_modal > div.user_login_main > a.button:hover > span.iconfont {
    border-color: #000;
    color: #000
}

div.site_user_login_modal > div.user_login_main > a.button:hover > span.text {
    color: #000
}

div.site_user_login_modal > div.user_login_foot {
    padding-bottom: 20px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center
}

div.site_user_login_modal > div.user_login_foot > p {
    font-size: 12px;
    color: #888;
    line-height: 24px
}

div.site_user_login_modal > div.user_login_foot > p > a {
    color: #333
}

div.site_user_login_modal > button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: 0;
    border: 0;
    border-radius: 50%;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    cursor: pointer;
    display: block
}

div.site_user_login_modal > button.close:hover {
    background: #333;
    color: #fff
}

div.site_user_qrcode_login_modal {
    position: fixed;
    width: 328px;
    z-index: 10000;
    display: none
}

div.site_user_qrcode_login_modal > div.user_login_main {
    position: relative;
    padding: 38px 50px;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

div.site_user_qrcode_login_modal > div.user_login_main > h2 {
    font-size: 20px;
    color: #333;
    text-align: center
}

div.site_user_qrcode_login_modal > div.user_login_main > p.notice {
    padding-top: 8px;
    font-size: 12px;
    color: #666;
    text-align: center
}

div.site_user_qrcode_login_modal > div.user_login_main > div.qrcode {
    margin: 0 auto;
    padding-top: 12px;
    width: 228px
}

div.site_user_qrcode_login_modal > div.user_login_main > div.buttons {
    padding-top: 5px;
    text-align: center
}

div.site_user_qrcode_login_modal > div.user_login_main > div.buttons > button {
    padding: 0 18px;
    height: 38px;
    background: #fff;
    border: 1px solid #e9ebed;
    border-radius: 19px;
    font-size: 13px;
    color: #555;
    line-height: 36px;
    cursor: pointer
}

div.site_user_qrcode_login_modal > div.user_login_main > div.buttons > button:hover {
    border-color: #999;
    color: #000
}

div.site_user_qrcode_login_modal > div.user_login_main > div.buttons > button:before {
    margin-right: 8px
}

div.site_user_qrcode_login_modal > div.user_login_main > button.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: 0;
    border: 0;
    font-size: 16px;
    color: #666;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    display: block
}

div.site_user_qrcode_login_modal > div.user_login_main > button.close:hover {
    color: #333
}

div.site_user_qrcode_login_modal > div.user_login_foot {
    background: #f1f3f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

div.site_user_qrcode_login_modal > div.user_login_foot > p {
    height: 50px;
    font-size: 12px;
    color: #666;
    line-height: 50px;
    text-align: center
}

div.site_user_qrcode_login_modal > div.user_login_foot > p > a {
    color: #333
}

div.site_user_qrcode_login_modal > div.hellofont {
    padding-top: 12px
}

div.site_user_qrcode_login_modal > div.hellofont > a {
    display: block
}

div.site_user_qrcode_login_modal > div.hellofont > a > img {
    width: 328px;
    border-radius: 4px;
    display: block
}

div.site_user_center {
    margin: 0 auto;
    padding: 10px 0 50px 0;
    width: 1330px
}

div.site_user_center > div.user_center_container {
    position: relative;
    padding-left: 225px
}

div.site_user_center > div.user_center_container > div.user_center_side {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_information {
    margin-bottom: 18px;
    padding: 25px 20px;
    background: #fff;
    border-radius: 4px;
    text-align: center
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_information > img.avatar {
    margin: 0 auto;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: block
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_information > h2.username {
    margin: 0 auto;
    padding-top: 12px;
    width: 150px;
    height: 22px;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_information > p.sequence {
    padding-top: 5px;
    font-size: 12px;
    color: #888
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_menu {
    background: #fff;
    border-radius: 4px
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_menu > ul {
    padding: 10px 0;
    list-style: none
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_menu > ul > li {
    padding: 8px 0
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_menu > ul > li > a {
    padding-left: 32px;
    height: 30px;
    border-left: 2px solid #fff;
    font-size: 13px;
    color: #333;
    line-height: 30px;
    display: block
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_menu > ul > li > a:hover {
    border-color: #ddd;
    color: #000
}

div.site_user_center > div.user_center_container > div.user_center_side > div.user_menu > ul > li.active > a, div.site_user_center > div.user_center_container > div.user_center_side > div.user_menu > ul > li.active > a:hover {
    border-color: #ffd600;
    color: #000
}

@media screen and (max-width: 1400px) {
    div.site_user_center {
        width: 1180px
    }
}

div.site_user_profile {
    position: relative
}

div.site_user_profile > h2.user_profile_head {
    margin-bottom: 18px;
    padding: 0 25px;
    height: 60px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    color: #000;
    line-height: 60px
}

div.site_user_profile > div.user_profile_form {
    padding: 10px 35px;
    background: #fff;
    border-radius: 4px
}

div.site_user_profile > div.user_profile_form > h5 {
    padding: 6px 0 12px 0;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    line-height: 38px
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td {
    padding: 18px 0;
    border-top: 1px solid #eee
}

div.site_user_profile > div.user_profile_form > table > tbody > tr:first-child > td {
    border-top: 0
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td.label {
    width: 90px;
    border-top: 0;
    font-size: 13px;
    color: #999;
    line-height: 38px
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td.input {
    font-size: 14px;
    color: #333
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td.tips {
    width: 350px;
    font-size: 12px;
    color: #888;
    line-height: 38px;
    text-align: right
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td.input > input.text {
    padding: 8px 10px;
    width: 280px;
    height: 20px;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td.input > input.text:focus {
    background: #fff;
    border-color: #e9e9e9
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td.input > span.check_item {
    margin-right: 25px
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td.input > span.check_item > input.checker {
    margin-right: 5px
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td.input > a.oauth2-bind, div.site_user_profile > div.user_profile_form > table > tbody > tr > td.input > span.oauth2-bind {
    font-weight: bold;
    color: #333
}

div.site_user_profile > div.user_profile_form > table > tbody > tr > td.input > a.oauth2-bind:before, div.site_user_profile > div.user_profile_form > table > tbody > tr > td.input > span.oauth2-bind:before {
    margin-right: 6px;
    font-weight: normal
}

div.site_user_profile > div.user_profile_form > table > tbody > tr.error > td.input > input.text, div.site_user_profile > div.user_profile_form > table > tbody > tr.error > td.input > input.text:focus {
    background: #ffeaea;
    border-color: #ff9a9a;
    color: #d43b3b
}

div.site_user_profile > div.user_profile_form > table > tbody > tr.error > td.tips {
    color: #d43b3b
}

div.site_user_profile > div.user_profile_form > table > tfoot > tr > td {
    padding: 18px 0
}

div.site_user_profile > div.user_profile_form > table > tfoot > tr > td > button {
    padding: 0 20px;
    height: 36px;
    background: #ffd600;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    line-height: 36px;
    cursor: pointer
}

div.site_user_profile > div.user_profile_form > table > tfoot > tr > td > button:hover {
    background: #ffed00
}

div.site_user_wechat_bind_modal {
    position: fixed;
    width: 328px;
    z-index: 10000;
    display: none
}

div.site_user_wechat_bind_modal > div.user_wechat_bind_main {
    position: relative;
    padding: 38px 50px;
    background: #fff;
    border-radius: 4px
}

div.site_user_wechat_bind_modal > div.user_wechat_bind_main > h2 {
    font-size: 20px;
    color: #333;
    text-align: center
}

div.site_user_wechat_bind_modal > div.user_wechat_bind_main > p.notice {
    padding-top: 8px;
    font-size: 12px;
    color: #666;
    text-align: center
}

div.site_user_wechat_bind_modal > div.user_wechat_bind_main > div.qrcode {
    margin: 0 auto;
    padding-top: 12px;
    width: 228px
}

div.site_user_wechat_bind_modal > div.user_wechat_bind_main > button.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: 0;
    border: 0;
    font-size: 16px;
    color: #777;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    display: block
}

div.site_user_wechat_bind_modal > div.user_wechat_bind_main > button.close:hover {
    color: #333
}

div.site_user_downloads {
    position: relative;
    min-height: 600px
}

div.site_user_downloads > div.user_downloads_head {
    padding: 0 22px;
    height: 62px;
    background: #fff;
    border-radius: 4px
}

div.site_user_downloads > div.user_downloads_head > ul.filter {
    height: 62px;
    float: left;
    list-style: none
}

div.site_user_downloads > div.user_downloads_head > ul.filter > li {
    padding-left: 20px;
    float: left
}

div.site_user_downloads > div.user_downloads_head > ul.filter > li:first-child {
    padding-left: 0
}

div.site_user_downloads > div.user_downloads_head > ul.filter > li > a {
    padding: 0 2px;
    height: 60px;
    border-bottom: 2px solid #fff;
    font-size: 13px;
    color: #555;
    line-height: 62px;
    display: block
}

div.site_user_downloads > div.user_downloads_head > ul.filter > li > a:hover {
    border-color: #aaa;
    color: #333
}

div.site_user_downloads > div.user_downloads_head > ul.filter > li.active > a, div.site_user_downloads > div.user_downloads_head > ul.filter > li.active > a:hover {
    border-color: #333;
    font-weight: bold;
    color: #333
}

div.site_user_downloads > div.user_downloads_head > div.previewer {
    position: absolute;
    top: 15px;
    right: 20px
}

div.site_user_downloads > div.user_downloads_head > div.previewer > form.site_font_previewer {
    width: 380px;
    height: 32px
}

div.site_user_downloads > div.user_downloads_head > div.previewer > form.site_font_previewer > input {
    padding: 6px 160px 6px 10px;
    height: 32px;
    background: #f3f3f3;
    border-radius: 4px;
    line-height: 20px
}

div.site_user_downloads > div.user_downloads_head > div.previewer > form.site_font_previewer > span.site_font_previewer_convert {
    right: 60px;
    width: 90px;
    height: 32px
}

div.site_user_downloads > div.user_downloads_head > div.previewer > form.site_font_previewer > span.site_font_previewer_convert > button {
    width: 90px;
    height: 32px;
    background: #f3f3f3;
    line-height: 32px
}

div.site_user_downloads > div.user_downloads_head > div.previewer > form.site_font_previewer > span.site_font_previewer_submit {
    width: 60px;
    height: 32px
}

div.site_user_downloads > div.user_downloads_head > div.previewer > form.site_font_previewer > span.site_font_previewer_submit > button {
    width: 60px;
    height: 32px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 32px
}

div.site_user_downloads > div.user_downloads_empty {
    padding-top: 20px
}

div.site_user_downloads > div.user_downloads_empty > div {
    height: 538px;
    background: url('https://fef130.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/empty.png') #fff no-repeat center center;
    border-radius: 4px
}

div.site_user_downloads > div.user_downloads_main {
    padding-top: 20px
}

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

div.site_user_favorates {
    position: relative;
    min-height: 600px
}

div.site_user_favorates > div.user_favorates_head {
    padding: 0 22px;
    height: 62px;
    background: #fff;
    border-radius: 4px
}

div.site_user_favorates > div.user_favorates_head > ul.filter {
    height: 62px;
    float: left;
    list-style: none
}

div.site_user_favorates > div.user_favorates_head > ul.filter > li {
    padding-left: 20px;
    float: left
}

div.site_user_favorates > div.user_favorates_head > ul.filter > li:first-child {
    padding-left: 0
}

div.site_user_favorates > div.user_favorates_head > ul.filter > li > a {
    padding: 0 2px;
    height: 60px;
    border-bottom: 2px solid #fff;
    font-size: 13px;
    color: #555;
    line-height: 62px;
    display: block
}

div.site_user_favorates > div.user_favorates_head > ul.filter > li > a:hover {
    border-color: #aaa;
    color: #333
}

div.site_user_favorates > div.user_favorates_head > ul.filter > li.active > a, div.site_user_favorates > div.user_favorates_head > ul.filter > li.active > a:hover {
    border-color: #333;
    font-weight: bold;
    color: #333
}

div.site_user_favorates > div.user_favorates_head > div.previewer {
    position: absolute;
    top: 15px;
    right: 20px
}

div.site_user_favorates > div.user_favorates_head > div.previewer > form.site_font_previewer {
    width: 380px;
    height: 32px
}

div.site_user_favorates > div.user_favorates_head > div.previewer > form.site_font_previewer > input {
    padding: 6px 160px 6px 10px;
    height: 32px;
    background: #f3f3f3;
    border-radius: 4px;
    line-height: 20px
}

div.site_user_favorates > div.user_favorates_head > div.previewer > form.site_font_previewer > span.site_font_previewer_convert {
    right: 60px;
    width: 90px;
    height: 32px
}

div.site_user_favorates > div.user_favorates_head > div.previewer > form.site_font_previewer > span.site_font_previewer_convert > button {
    width: 90px;
    height: 32px;
    background: #f3f3f3;
    line-height: 32px
}

div.site_user_favorates > div.user_favorates_head > div.previewer > form.site_font_previewer > span.site_font_previewer_submit {
    width: 60px;
    height: 32px
}

div.site_user_favorates > div.user_favorates_head > div.previewer > form.site_font_previewer > span.site_font_previewer_submit > button {
    width: 60px;
    height: 32px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 32px
}

div.site_user_favorates > div.user_favorates_main {
    padding-top: 20px
}

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

div.site_user_favorates > div.user_favorates_empty {
    padding-top: 20px
}

div.site_user_favorates > div.user_favorates_empty > div {
    height: 538px;
    background: url('https://fef130.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/empty.png') #fff no-repeat center center;
    border-radius: 4px
}

div.site_user_orders {
    position: relative;
    min-height: 520px
}

div.site_user_orders > h2.user_orders_head {
    padding: 0 22px;
    height: 62px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    color: #000;
    line-height: 62px
}

div.site_user_orders > div.user_orders_main {
    padding-top: 20px
}

div.site_user_orders > div.user_orders_main > div.empty {
    height: 538px;
    background: url('https://fef130.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/empty.png') #fff no-repeat center center;
    border-radius: 4px
}

div.site_user_orders > div.user_orders_main > div.content {
    padding: 10px 32px 30px 32px;
    background: #fff;
    border-radius: 4px
}

div.site_user_orders > div.user_orders_main > div.content > div.list {
    padding-bottom: 20px
}

div.site_user_orders > div.user_orders_main > div.content > div.list > table > thead > tr > td {
    padding: 0 1px;
    height: 50px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    color: #383838;
    line-height: 50px
}

div.site_user_orders > div.user_orders_main > div.content > div.list > table > tbody > tr > td {
    padding: 0 1px;
    height: 50px;
    border-top: 1px solid #ebebeb;
    font-size: 12px;
    color: #000;
    line-height: 50px
}

div.site_user_orders > div.user_orders_main > div.content > div.list > table > tbody > tr:first-child > td {
    border-top: 0
}

div.site_user_orders > div.user_orders_main > div.content > div.list > table > tbody > tr > td > a {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-decoration: underline
}

div.site_user_orders > div.user_orders_main > div.content > div.tips {
    padding: 12px 22px;
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 4px
}

div.site_user_orders > div.user_orders_main > div.content > div.tips > h5 {
    font-size: 12px;
    color: #383838
}

div.site_user_orders > div.user_orders_main > div.content > div.tips > ol {
    padding: 10px 0 0 15px;
    font-size: 12px;
    color: #000;
    line-height: 28px
}

div.site_user_order_detail {
    position: relative;
    min-height: 520px
}

div.site_user_order_detail > h2.user_order_detail_head {
    padding: 0 22px;
    height: 62px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    color: #000;
    line-height: 62px
}

div.site_user_order_detail > div.user_order_baseinfo {
    padding-top: 20px
}

div.site_user_order_detail > div.user_order_baseinfo > div.content {
    padding: 16px 32px 20px 32px;
    background: #fff;
    border-radius: 4px
}

div.site_user_order_detail > div.user_order_baseinfo > div.content > h5 {
    padding-bottom: 6px;
    font-size: 14px;
    color: #555;
    line-height: 38px
}

div.site_user_order_detail > div.user_order_baseinfo > div.content > table > tbody > tr > td {
    padding: 16px 0;
    border-top: 1px solid #eee;
    font-size: 13px;
    line-height: 22px
}

div.site_user_order_detail > div.user_order_baseinfo > div.content > table > tbody > tr:first-child > td {
    border-top: 0
}

div.site_user_order_detail > div.user_order_baseinfo > div.content > table > tbody > tr > td.label {
    width: 100px;
    border-top: 0;
    color: #999
}

div.site_user_order_detail > div.user_order_baseinfo > div.content > table > tbody > tr > td.value {
    color: #222
}

div.site_user_order_detail > div.user_order_listinfo {
    padding-top: 20px
}

div.site_user_order_detail > div.user_order_listinfo > div.content {
    padding: 16px 32px 20px 32px;
    background: #fff;
    border-radius: 4px
}

div.site_user_order_detail > div.user_order_listinfo > div.content > h5 {
    padding-bottom: 6px;
    font-size: 14px;
    color: #555;
    line-height: 38px
}

div.site_user_order_detail > div.user_order_listinfo > div.content > table > thead > tr > td {
    padding: 10px 0;
    font-size: 12px;
    color: #888;
    line-height: 22px
}

div.site_user_order_detail > div.user_order_listinfo > div.content > table > tbody > tr > td {
    padding: 16px 0;
    border-top: 1px solid #eee;
    font-size: 13px;
    color: #111;
    line-height: 22px
}

div.site_user_order_detail > div.user_order_listinfo > div.content > table > tbody > tr > td > a {
    text-decoration: underline;
    font-weight: bold;
    color: #333
}

div.site_download_saler_products_modal {
    position: fixed;
    width: 660px;
    z-index: 10000;
    display: none
}

div.site_download_saler_products_modal > div.download_saler_products_head {
    position: relative;
    padding: 8px 35px;
    background: #ffd600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

div.site_download_saler_products_modal > div.download_saler_products_head > h2 {
    height: 44px;
    font-size: 16px;
    color: #000;
    line-height: 46px
}

div.site_download_saler_products_modal > div.download_saler_products_head > h2 > span {
    margin-bottom: -2px;
    height: 50px;
    border-bottom: 3px solid #222;
    font-size: 16px;
    color: #000;
    line-height: 50px;
    float: left;
    display: block
}

div.site_download_saler_products_modal > div.download_saler_products_head > p {
    padding-top: 8px;
    font-size: 14px;
    color: #000
}

div.site_download_saler_products_modal > div.download_saler_products_head > p:before {
    margin-right: 5px
}

div.site_download_saler_products_modal > div.download_saler_products_head > button.close {
    position: absolute;
    top: 2px;
    right: -56px;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 0;
    border-radius: 50%;
    font-size: 22px;
    color: #383838;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    display: block
}

div.site_download_saler_products_modal > div.download_saler_products_head > button.close:hover {
    color: #000
}

div.site_download_saler_products_modal > div.download_saler_products_body {
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form {
    padding: 10px 35px 20px 35px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row {
    position: relative;
    padding-left: 55px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px 0;
    width: 52px;
    height: 24px;
    font-size: 12px;
    color: #777;
    line-height: 24px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget {
    border-top: 1px solid #eee
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row:first-child > div.widget {
    border-top: 0
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > div.text {
    padding: 16px 0;
    font-size: 12px;
    color: #282828;
    line-height: 24px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > div.text > p > a {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-decoration: underline
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs {
    list-style: none
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs > li {
    position: relative;
    padding: 0 80px 0 24px;
    height: 56px;
    border-top: 1px solid #eee;
    cursor: pointer
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs > li:first-child {
    border-top: 0
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs > li > h5 {
    height: 56px;
    font-size: 14px;
    color: #3a3a3a;
    line-height: 56px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs > li > span.checker {
    position: absolute;
    top: 21px;
    left: 0;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    font-size: 6px;
    color: #fff;
    line-height: 12px;
    text-align: center;
    display: block
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs > li > span.price {
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 56px;
    font-size: 16px;
    font-weight: bold;
    color: #e52f2c;
    text-align: right;
    line-height: 56px;
    display: block
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs > li > span.price > span.symbol {
    margin-right: 5px;
    font-size: 14px;
    font-weight: normal
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs > li > span.price > span.years {
    margin-left: 5px;
    font-size: 12px;
    font-weight: normal
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs > li.checked > span.checker {
    background: #e52f2c;
    border-color: #e52f2c;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.specs_form > div.row > div.widget > ul.specs > li.checked > span.checker:before {
    content: "\e674"
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier {
    padding: 0 35px 25px 35px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.payment {
    position: relative;
    padding-left: 130px;
    height: 110px;
    display: none
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.payment > div.qrcode {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 110px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.payment > div.qrcode > img {
    width: 110px;
    height: 110px;
    display: block
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.payment > div.qrcode > div.loading {
    width: 110px;
    height: 110px;
    background-position: center center;
    background-image: url('https://1a71c7.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/images/loading-dark.gif');
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-size: 22px auto;
    border-radius: 4px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.payment > div.summary {
    padding: 10px 0;
    height: 90px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.payment > div.summary > h5 {
    padding-bottom: 8px;
    height: 38px;
    font-size: 20px;
    color: #000;
    line-height: 38px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.payment > div.summary > h5 > span.symbol {
    margin-right: 5px;
    font-size: 18px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.payment > div.summary > h5 > span.price {
    font-size: 26px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.payment > div.summary > p {
    height: 22px;
    font-size: 12px;
    color: #383838;
    line-height: 22px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.blocked {
    padding-right: 100px
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.blocked > div.qrcode > div.iconfont {
    padding-left: 1px;
    width: 109px;
    height: 110px;
    background: #f2f2f2;
    border-radius: 4px;
    font-size: 36px;
    color: #999;
    line-height: 110px;
    text-align: center
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.blocked > div.button {
    position: absolute;
    top: 35px;
    right: 0;
    height: 40px;
    text-align: right
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.blocked > div.button > button {
    padding: 0 22px;
    height: 40px;
    background: #ffde38;
    border: 0;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
    cursor: pointer
}

div.site_download_saler_products_modal > div.download_saler_products_body > div.cashier > div.blocked > div.button > button:hover {
    color: #000
}

div.site_download_saler_success_modal {
    position: fixed;
    width: 660px;
    z-index: 10000;
    display: none
}

div.site_download_saler_success_modal > div.download_saler_success_body {
    position: relative;
    padding: 30px 36px;
    background: #ffde38;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

div.site_download_saler_success_modal > div.download_saler_success_body > h2 {
    position: relative;
    height: 24px;
    font-size: 22px;
    color: #000;
    line-height: 24px
}

div.site_download_saler_success_modal > div.download_saler_success_body > div.order {
    position: relative;
    padding-top: 18px;
    font-size: 12px;
    color: #000;
    line-height: 24px
}

div.site_download_saler_success_modal > div.download_saler_success_body > div.buttons {
    position: relative;
    padding-top: 18px;
    height: 36px
}

div.site_download_saler_success_modal > div.download_saler_success_body > div.buttons > button {
    margin-right: 16px;
    padding: 0 16px;
    height: 36px;
    background: #383838;
    border: 0;
    border-radius: 18px;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    cursor: pointer;
    display: inline-block
}

div.site_download_saler_success_modal > div.download_saler_success_body > div.buttons > button:hover {
    background: #000
}

div.site_download_saler_success_modal > div.download_saler_success_body > div.bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 380px;
    height: 228px;
    background: 0;
    border-top-right-radius: 4px;
    font-size: 390px;
    color: #ffd600;
    line-height: 228px;
    text-align: right;
    overflow: hidden
}

div.site_download_saler_success_modal > div.download_saler_success_body > button.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    background: 0;
    border: 0;
    font-size: 16px;
    color: #383838;
    line-height: 56px;
    text-align: center;
    cursor: pointer;
    display: block
}

div.site_download_saler_success_modal > div.download_saler_success_body > button.close:hover {
    color: #000
}

div.site_download_saler_success_modal > div.download_saler_success_foot {
    padding: 30px 36px;
    background: #fff
}

div.site_download_saler_success_modal > div.download_saler_success_foot > h5 {
    padding-bottom: 10px;
    font-size: 12px;
    color: #000
}

div.site_download_saler_success_modal > div.download_saler_success_foot > ol {
    padding-left: 13px;
    font-size: 12px;
    color: #333;
    line-height: 24px
}

div.site_download_activation_modal {
    position: fixed;
    width: 590px;
    z-index: 10000;
    display: none
}

div.site_download_activation_modal > div.download_activation_head {
    position: relative;
    padding: 25px 36px;
    background: #ffde38;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

div.site_download_activation_modal > div.download_activation_head > h2 {
    font-size: 20px;
    font-weight: normal;
    color: #000
}

div.site_download_activation_modal > div.download_activation_head > p {
    padding-top: 8px;
    font-size: 14px;
    color: #000
}

div.site_download_activation_modal > div.download_activation_head > p:before {
    margin-right: 6px;
    font-size: 12px
}

div.site_download_activation_modal > div.download_activation_body {
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

div.site_download_activation_modal > div.download_activation_body > ul {
    padding: 25px 36px 25px 55px;
    font-size: 12px;
    color: #333;
    line-height: 28px
}

div.site_download_activation_modal > div.download_activation_body > ul > li > b {
    margin: 0 5px
}

div.site_download_activation_modal > div.download_activation_body > div.buttons {
    padding: 0 36px 30px 36px;
    height: 38px
}

div.site_download_activation_modal > div.download_activation_body > div.buttons > button {
    margin-right: 12px;
    padding: 0 20px;
    height: 38px;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    line-height: 38px;
    cursor: pointer
}

div.site_download_activation_modal > div.download_activation_body > div.buttons > button.confirm {
    background: #ffde38;
    color: #000
}

div.site_download_activation_modal > div.download_activation_body > div.buttons > button.cancel {
    background: #eee;
    color: #383838
}

div.site_font_comm_scopes_modal {
    position: fixed;
    width: 920px;
    z-index: 10000;
    display: none
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container {
    padding: 30px 38px;
    background: #fff
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > button.close {
    position: absolute;
    top: 2px;
    right: -56px;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 0;
    border-radius: 50%;
    font-size: 22px;
    color: #383838;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    display: block
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > button.close:hover {
    color: #000
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > h2 {
    font-size: 14px;
    color: #000;
    line-height: 20px
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > p {
    padding: 6px 0 18px 0;
    font-size: 12px;
    color: #777;
    line-height: 22px
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > table > thead > tr > td, div.site_font_comm_scopes_modal > div.font_comm_scopes_container > table > tbody > tr > td {
    padding: 12px 16px;
    font-size: 12px;
    line-height: 26px
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > table > thead > tr > td {
    padding: 10px 16px;
    background: #212223;
    font-weight: bold;
    color: #fff
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > table > tbody > tr > td {
    background: #f1f3f5;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > table > tbody > tr > td:first-child {
    border-left: 0
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > table > tbody > tr > td > span.allowed {
    font-weight: bold;
    color: #333
}

div.site_font_comm_scopes_modal > div.font_comm_scopes_container > table > tbody > tr > td > span.not_allowed {
    color: #666
}

div.site_font_comm_cert_modal {
    position: fixed;
    width: 660px;
    z-index: 10000;
    display: none
}

div.site_font_comm_cert_modal > div.font_comm_cert_head {
    position: relative;
    padding: 8px 35px;
    background: #ffd600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

div.site_font_comm_cert_modal > div.font_comm_cert_head > h2 {
    height: 44px;
    font-size: 16px;
    color: #000;
    line-height: 46px
}

div.site_font_comm_cert_modal > div.error_status {
    background: #ff5958;
    color: #fff
}

div.site_font_comm_cert_modal > div.error_status > h2 {
    color: #fff
}

div.site_font_comm_cert_modal > div.font_comm_cert_head > button.close {
    position: absolute;
    top: 2px;
    right: -56px;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 0;
    border-radius: 50%;
    font-size: 22px;
    color: #383838;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    display: block
}

div.site_font_comm_cert_modal > div.font_comm_cert_head > button.close:hover {
    color: #000
}

div.site_font_comm_cert_modal > div.font_comm_cert_body {
    padding: 10px 35px 22px 35px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr > td {
    padding: 10px 0;
    font-size: 13px;
    color: #777;
    line-height: 38px
}

div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr:first-child > td, div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr > td:first-child {
    border-top: 0
}

div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr > td > span {
    font-size: 12px;
    color: #999
}

div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr > td > input {
    padding: 8px 10px;
    width: 260px;
    height: 20px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    line-height: 20px
}

div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr > td > input:hover, div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr > td > input:focus {
    background: #fff
}

div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr.error > td > input {
    background: #ffeaea;
    border-color: #ff9a9a;
    color: #d43b3b
}

div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr > td > button {
    padding: 0 18px;
    height: 38px;
    background: #ffd600;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    line-height: 38px;
    cursor: pointer
}

div.site_font_comm_cert_modal > div.font_comm_cert_body > table > tbody > tr > td > button.disabled {
    background: #f1f3f5;
    color: #666
}

div.site_font_comm_cert_modal > div.font_comm_cert_body > ol {
    padding: 10px 0 0 16px;
    font-size: 12px;
    color: #777;
    line-height: 26px
}

button.site_download_font_cert {
    padding: 0 20px;
    height: 36px;
    background: #ffd600;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    line-height: 36px;
    cursor: pointer
}

@font-face {
    font-family: "iconfont";
    src: url('https://b9935f.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/font/iconfont-1594353348096.eot');
    src: url('https://2c6bce.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/font/iconfont-1594353348096.eot#iefix') format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('https://82b046.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/font/iconfont-1594353348096.woff') format('woff'), url('https://9b747f.claudeassets.com/20240817190334im_/https://ocpdesalination.net/static/font/iconfont-1594353348096.ttf') format('truetype'), url('https://static.fonts.net.cn/2.2.0.21011301/assets/font/iconfont.svg?t=1594353348096#iconfont') 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"
}

/*
     FILE ARCHIVED ON 20:00:44 Aug 17, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:37:31 Sep 12, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.435
  exclusion.robots: 0.044
  exclusion.robots.policy: 0.036
  esindex: 0.007
  cdx.remote: 12.846
  LoadShardBlock: 843.67 (3)
  PetaboxLoader3.datanode: 797.938 (5)
  PetaboxLoader3.resolve: 398.653 (2)
  load_resource: 361.985
  loaddict: 22.994
*/