
/*
    在>=960px时，重置一些元素样式，单独放在这里，不用和main.css的内容混淆。
*/
@media all and (min-width : 960px) {

    /*
        隐藏header
    */
    #mobile_header {
        display: none !important;
    }

    /*
        隐藏左侧Menu,drawer
    */
    #mobile_drawer {
        display: none !important;
    }

    /*
        隐藏右侧浮动按钮（用于弹出toolsbar）
    */
    #mobile_toolsbar {
        display: none !important;
    }

    /*
        隐藏右侧层（用于显示contentLeftDiv和contentRightDiv）
    */
    #mobile_toolsoverlap {
        display: none !important;
    }

    /*
        隐藏半透明掩挡div
    */
    #mobile_shield {
        display: none !important;
    }

    #mobile-drawer {
        display: none !important;
    }

    #bodyContent .wiki-table-1{
        float: left;
        width: 100% !important;
    }
    #bodyContent .wiki-table-2{
        float: left;
        width: 50% !important;
    }
    #bodyContent .wiki-table-3{
        float: left;
        width: 33% !important;
    }
    #bodyContent .wiki-table-4{
        float: left;
        width: 25% !important;
    }
    .wiki-table-clearfix:after{
        content:"";
        display:table;
        clear:both;
    }
    #mobile_search_top, .masklayer.active{
        display: none;
    }

}

@media only screen and (min-width : 480px) and (max-width : 959.99px) {
    #bodyContent .wiki-table-1{
        float: left;
        width: 50% !important;
    }
    #bodyContent .wiki-table-2{

        float: left;
        width: 50% !important;
    }
    #bodyContent .wiki-table-3{
        float: left;
        width: 50% !important;
    }
    #bodyContent .wiki-table-4{
        float: left;
        width: 50% !important;
    }
}

@media only screen and (max-width : 479.99px) {
    #bodyContent .wiki-table-1,#bodyContent .wiki-table-2,#bodyContent .wiki-table-3,#bodyContent .wiki-table-4{
        display: table;
    }

}

/*把main.css主要内容复制到max-width : 959.99px中。*/
@media only screen and (max-width : 959.99px) {
    html {
        -webkit-text-size-adjust: none;
    }

    html, body {
        height: 100%;
        box-sizing: border-box;
    }

    #mw-pages {
        display: block;
    }

    #mw-subcategories {
        display: none;
    }

    html, body {
        margin: 0px;
        padding: 0px;
        font-size: 13px;
        font-family: 微软雅黑, 宋体, Arial,Helvetica !important;
        font-size: 13px;
        color: #555;
    }

    body {
        display: block;
    }

    #body-wrapper{
        width: 100%;
        height: 100%;

    }

    a {
        color: #3355CC;
    }

    /* Inline Elements */
    img {
        border: none;
        vertical-align: middle;
    }

    hr {
        height: 1px;
        color: #aaa;
        background-color: #aaa;
        border: 0;
        margin: .2em 0 .2em 0;
    }

    /* Structural Elements */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding-top: .5em;
        padding-bottom: .17em;
        font-weight: bold;
    }

    h1 {
        font-size: 14px;
        border-bottom: 1px solid #aaa;
        width: auto;
    }

    h1 .editsection {
        font-size: 76%;
    }

    h2 {
        font-size: 100%;
        border-bottom: 1px solid #aaa;
        width: auto;
    }

    h2 .editsection {
        font-size: 76%;
    }

    h5,
    h6 {
        font-weight: normal;
    }

    h3 .editsection {
        font-size: 76%;
        font-weight: normal;
    }

    h4 .editsection {
        font-size: 86%;
        font-weight: normal;
    }

    h5 .editsection {
        font-weight: normal;
    }

    h6 {
        font-size: 80%;
    }

    h6 .editsection {
        font-size: 125%;
        font-weight: normal;
    }

    p {
        margin: .4em 0 .5em 0;
        line-height: 1 em;
    }

    p img {
        margin: 0;
    }

    abbr,
    acronym,
    .explain {
        border-bottom: 1px dotted black;
        color: black;
        background: none;
        cursor: help;
    }

    q {
        font-family: Times, "Times New Roman",Arial,Helvetica, serif;
        font-style: italic;
    }

    /* Disabled for now
    blockquote {
	    font-family: Times, "Times New Roman", serif;
	    font-style: italic;
    }
    */

    code {
        background-color: #f9f9f9;
    }

    pre {
        padding: 1em;
        border: 1px dashed #2f6fab;
        color: black;
        background-color: #f9f9f9;
        line-height: 1.1em;
    }

    dt {
        font-weight: bold;
        margin-bottom: .1em;
    }

    dl {
        margin-top: .2em;
        margin-bottom: .5em;
    }

    dd {
        line-height: 1.5em;
        margin-left: 2em;
        margin-bottom: .1em;
    }

    /* Tables */
    fieldset table { /* but keep table layouts in forms clean... */
        background: none;
    }

    /* Forms */
    /* //CID 12856 //2022.08.18 //Begin */
    fieldset {
        border: 1px solid #2f6fab;
        /* margin: 1em 0 1em 0;
        padding: 0 1em 1em; */
        margin: 0;
        padding: 0;
        line-height: 1.5em;
    }
    /* //CID 12856 //2022.08.18 //End */

    fieldset.nested {
        margin: 0 0 0.5em 0;
        padding: 0 0.5em 0.5em;
    }

    legend {
        padding: .5em;
        font-size: 95%;
    }

    form {
        border: none;
        margin: 0;
    }

    textarea {
        width: 100%;
        padding: .1em;
    }

    select {
        vertical-align: top;
    }

    /* Table of Contents */
    #toc,
    .toc,
    .mw-warning {
        border: 1px solid #aaa;
        background-color: #f9f9f9;
        padding: 5px;
    }

    #toc h2,
    .toc h2 {
        display: inline;
        border: none;
        padding: 0;
        font-size: 100%;
        font-weight: bold;
    }

    #toc #toctitle,
    .toc #toctitle,
    #toc .toctitle,
    .toc .toctitle {
        text-align: center;
    }

    #toc ul,
    .toc ul {
        max-width: 585px !important;
        overflow-x: hidden !important;
        list-style-type: none;
        list-style-image: none;
        margin-left: 0;
        padding-left: 0;
        text-align: left;
    }

    #toc ul ul,
    .toc ul ul {
        margin: 0 0 0 0.3em;
    }
    /*.toc ul li { white-space:nowrap; }*/
    #toc .toctoggle,
    .toc .toctoggle {
        font-size: 94%;
    }

    #toc .tocnumber {
        display: none !important;
    }

    /* Images */
    div.floatright, table.floatright {
        clear: right;
        float: right;
        position: relative;
        margin: 0 0 .5em .5em;
        border: 0;
    }

    div.floatright p {
        font-style: italic;
    }

    div.floatleft, table.floatleft {
        float: left;
        clear: left;
        position: relative;
        margin: 0 .5em .5em 0;
        border: 0;
    }

    div.floatleft p {
        font-style: italic;
    }

    /* Thumbnails */
    div.thumb {
        margin-bottom: .5em;
        border-style: solid;
        border-color: white;
        width: auto;
        background-color: transparent;
    }

    div.thumbinner {
        border: 1px solid #ccc;
        padding: 3px !important;
        background-color: #f9f9f9;
        font-size: 94%;
        text-align: center;
        overflow: hidden;
        /*CID 27352 2024.1114 //Begin*/
        width: 100% !important;
        /*CID 27352 2024.1114 //End*/
    }

    html .thumbimage {
        border: 1px solid #ccc;
        /*CID 27352 2024.1114 //Begin*/
        width: 100%;
        height: 100%;
        background-size: cover;
        /*CID 27352 2024.1114 //End*/
    }

    html .thumbcaption {
        border: none;
        text-align: left;
        line-height: 1.4em;
        padding: 3px !important;
        font-size: 94%;
    }

    div.magnify {
        float: right;
        border: none !important;
        background: none !important;
    }

    div.magnify a, div.magnify img {
        display: block;
        border: none !important;
        background: none !important;
    }

    div.tright {
        clear: right;
        float: right;
        border-width: .5em 0 .8em 1.4em;
    }

    div.tleft {
        float: left;
        clear: left;
        margin-right: .5em;
        border-width: .5em 1.4em .8em 0;
    }

    img.thumbborder {
        border: 1px solid #dddddd;
    }

    .hiddenStructure {
        display: none;
    }

    #footer {
        margin: 10px 0 10px 0;
        padding: 0;
        height: 30px;
        color: #999;
        text-align: center;
        width: 960px;
    }

    .law {
        border: 3px double #999999;
        padding: 0.4em 0.8em 0.4em 0.8em;
        background-color: #f0f0f0;
    }

    .zjty {
        border: 1px solid #c0c0c0;
        background-color: #f9f9f9;
        padding-left: 0.8em;
        box-sizing: border-box;
    }

    .general_button {
        border: none;
        background: #0178CD;
        background-image: -moz-linear-gradient(#34AAEB, #0178CD);
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
        border-bottom-color: #4C88BC;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-color: #4C88BC;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-top-style: solid;
        border-top-width: 1px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
        color: #FFFFFF;
        display: inline-block;
        font-size: 13px;
        line-height: 1.3em;
        padding: 3px 15px 3px 15px;
        text-shadow: -1px -1px 0 #666666;
        cursor: pointer;
        margin-right: 16px;
    }

    .general_button:hover {
        background: #0351B7;
        background-image: -moz-linear-gradient(#2F90D5, #0351B7);
    }
    .collapsmi_content_div a{
        display: block!important;
    }
}

/* Mobile重置样式 */
@media only screen and (max-width : 959.99px) {
  .print_place_holder {
    min-height: 100vh;
  }
    #header, #footer {
        width: 96%;
        margin: 0;
        padding: 0 2%;
    }
    /* CID 12832 //2022.08.09 //Begin */
    .home-container,.home-body .home-RT{
        display: block;
    }
    .home-pic,.home-right,.home-RT .home-regulations,.home-RT .home-topics{
        width: 100%;
    }
    .home-newsletter .home-item,.home-regulations .home-regulations-body{
        border-bottom: 1px solid #C7C7C7;
    }
    /* CID 12832 //2022.08.09 //End */
    /* CID 13859 //2022.08.09 //Begin */
    .version-information{
        padding-right: 20px;
        color: #999;
    }
    /* CID 13859 //2022.08.09 //End */

    #footer {
        margin-top:6px;
        min-height: 30px;
        height:auto;
    }

    .header_left_links {
        display: none;
    }

    .header_lv1_left {
        display: none;
    }

    .header_lv2_right {
        display: none;
    }

    #jump-to-nav {
        display: none;
    }

    #siteSub {
        display: none;
    }

    .printfooter {
        display: none;
    }

    table {
        display: block;
        overflow: auto;
        overflow-y: hidden;
        overflow-x: auto;
        width: 100% !important;
        box-sizing: border-box;
    }

    table.d-border{
        overflow-x: hidden;
    }

    #content_wrapper {
        padding: 5px 5px 5px 5px;
        width:100% !important;
        box-sizing:border-box;
        overflow-y:auto;
    }

    #content_left_wrapper{
        width: 100% !important;
    }

    #content_left_wrapper > p {
        width: 100% !important;
    }

    #content_left_wrapper > div {
        width: 100% !important;
    }

    #content_left_wrapper.has_left_right_div {
        width: 100% !important;
        margin-left:0px !important;
    }
    #content_left_wrapper.has_left_div {
        width: 100% !important;
        margin-left: 0px !important;
        padding: 20px!important;
    }
    #content_left_wrapper.has_right_div {
        width: 100% !important;
    }

    #content_left_wrapper .editsection {
        display: none;
    }

    #content_left_wrapper .thumb {
        width: 100% !important;
        overflow-x: auto;
        box-sizing: border-box;
    }

    #contentRightDiv {
        display: none;
    }

    #contentLeftDiv {
        display: none;
    }

    table.wikitable {
        margin: 1em 1em 1em 0;
        background: transparent;
        border: none;

        /*CID 27022 2024.1106 //Begin*/
        max-width: 100vw;
        /*CID 27022 2024.1106 //End*/
    }


    table.wikitable tbody {
        background: #f9f9f9;
        border: 1px #aaa solid;
        border-collapse: collapse;
    }

    #firstHeading {
        display: none;
    }

    .header_lv1 {
        display: none;
    }

    #header {
        height: 36px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #FFFFFF;
        padding-top: 0px;
        padding-bottom: 0px;
        z-index: 999;
        display: table;
        box-sizing: border-box;
        border-bottom: 1px solid #CCC;
        white-space: nowrap;
    }

    #mobile_header {
        display: block;
        position: relative;
        width: 100%;
        display: table;
    }

    #mobile_header > a {
        width: 36px;
        max-width: 36px;
        vertical-align: middle;
        display: table-cell;
    }

    #header_title {
        width: auto;
        vertical-align: middle;
        box-sizing: border-box;
        display: table-cell;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #558ED5 !important;
    }

    #header_form {
        width: 100%;
        vertical-align: middle;
        box-sizing: border-box;
        display: table-cell;
        display: none;
    }

    #header_form > input {
        width: 90%;
        border: 0;
        -webkit-appearance: none;
        padding-left: 10px;
        font-size: 14px;
        display: inline-block;
        position:static;
    }

    #header_left_button, #header_left_button_close {
        float: left;
        height: 36px;
        color: #558ED5 !important;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        text-decoration:none;
    }

    #header_left_button_close.no_display{
        display: none;
    }

    #header_right_button {
        float: right;
        height: 36px;
        color: #558ED5 !important;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        text-decoration:none;
    }

    .logo_style {
        height: 36px;
        padding-left: 5px;
        color: #558ED5 !important;
    }

    .logo_img {
        width: 36px;
        margin-top: -4px;
    }

    #mobile_drawer_wrapper{
        position: fixed;
        height: 100%;
        overflow-y: auto;
        width: 240px;
        display: none;
    }

    #mobile_drawer {
        font-size: 90%;
        min-height: 100%;
        background: white;
        box-sizing: border-box;
        position: static;
        float: left;
        height: auto !important;
    }

    #mobile_drawer div.drawer-menu-section {
        color: white;
        background-color: #558ED5;
        font-size: 15px;
        display: block;
        padding: 5px;
        border-bottom:1px solid #CCC;
    }

    #mobile_drawer .drawer-menu-section a {
        color: white;
        display: block;
        padding: 0px;
    }

    #mobile_drawer .drawer-menu-group a {
        color: #555555;
        display: block;
        padding: 5px 10px 5px 9px !important;
    }

    #mobile_drawer ul.drawer-menu-group:last-child {
        border-bottom: none;
    }

    #mobile_drawer ul.drawer-menu-group li {
        position: relative;
        font-size: 15px;
        border-top: 1px solid #CCC;
    }

    .drawer-menu-section-link {
        background-color: #8BB3E2 !important;
    }

    #mobile-drawer ul.drawer-menu-group li:last-child {
        border-bottom: 1px solid #CCC;
    }

    #mobile_drawer ul.drawer-menu-group:last-child li:last-child {
        border-bottom: none;
    }

    #mobile_drawer .drawer-menu-tabs {
        background-color:white;
        text-align:center;
        border-bottom:1px solid #CCC;
        height: 36px;
    }
    /*CID 12832 //2022.08.16 //Begin*/
    #mobile_drawer .drawer-menu-tabs span{
        font-size: 20px;
        font-weight: 700;
        color: #558ED5;
        line-height: 36px;
    }
    /*CID 12832 //2022.08.16 //Begin*/

    /* header left links */
    #mobile_drawer .header_left_links {
        display:block;
        position:static;
        padding: 0;
        margin: 0;
        margin-top: 6px;
    }

    #mobile_drawer .header_left_links li {
        height: 21px;
        border: 1px solid #bfbfbf;
        background: #f2f2f2;
        behavior: url(/wiki/skins/cpierblue/css/PIE.htc);
        float: left;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    #mobile_drawer .header_left_links li.active {
        background: #558ED5;
        border: 1px solid #558ED5;
    }

    #header .header_left_links li.active a {
        color: #fff;
    }

    #mobile_drawer .header_left_links li a {
        font-size: 14px;
        color: #555555;
        padding: 0 !important;
    }

    #mobile_drawer .header_left_links li.active span{
        color: #fff;
    }

    #mobile_drawer .header_left_links .item1_li {
        border-radius: 4px 0px 0 4px;
        -moz-border-radius: 4px 0px 0 4px;
        -webkit-border-radius: 4px 0px 0 4px;
        padding: 1px 6px;
    }

    #mobile_drawer .header_left_links .item2_li {
        border-radius: 0px 0px 0 0px;
        -moz-border-radius: 0px 0px 0 0px;
        padding: 1px 6px;
    }

    #mobile_drawer .header_left_links .item3_li {
        border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        padding: 1px 6px;
    }
    /* /header left links */

    #main_wrapper {
        background-color: #fff;
        /*background-color: #E6EFF9;*/
        overflow-x:hidden;
        min-height:100%;
        margin-top:0px !important;
        height:auto !important;
    }

    #content_right_wrapper {
        display:none;
    }

    #left_toolbar {
        display:none;
    }

    .wiki_header_sidemenu_enabled {
        position:fixed !important;
        left:240px !important;
        top:0px !important;
    }

    .wiki_content_sidemenu_enabled {
        position:absolute !important;
        left:240px !important;
        top:37px !important;
    }

    .wiki_wrapper_sidemenu_enabled {
        overflow:hidden;
        height: auto !important;
        position:relative;
    }

    .icon-bars:before {
        content: "\f0c9";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 21px;
    }

    .icon-search:before {
        content: "\f002";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 21px;
    }

    .icon-close:before {
        content: "\f00d";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 21px;
    }

    .icon-list:before {
        content: "\f0ca";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 21px;
    }

    .icon-top:before {
        content: "\f0aa";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 21px;
    }

    .icon-fa-comment:before {
        content: "\f0e5";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 21px;
    }

    .icon-fa-search:before {
        content: "\f002";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 21px;
    }

    .icon-close-circle:before {
        content: "\f05c";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 21px;
    }

    .icon-small-fw {
        display:inline-block;
        width: 15px;
        text-align: center;
    }
    .iconaaa{
        font-family: 'icomoon' !important;
        margin-left: -5px;
        margin-right: 4px;
        font-size: 26px;
        padding-right: 5px;
        float: left;
    }
    .icon-home-small:before {
        content: "\f015";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-star-small:before {
        content: "\f005";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-star-o-small:before {
        content: "\f006";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-note-small:before {
        content: "\f044";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-exit-small:before {
        content: "\f08b";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-login-small:before {
        content: "\f090";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-register-small:before {
        content: "\f185";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-feedback-small:before {
        content: "\f0e5";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-feedbacks-small:before {
        content: "\f0e6";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-comments-small:before {
        content: "\f0e5";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-share-link-small:before {
        content: "\f045";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-question-small:before {
        content: "\f128";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-check-small:before {
        content: "\f046";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-refresh-small:before {
        content: "\f021";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-news-small:before {
        content: "\f09e";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-catalog-small:before {
        content: "\f00b";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-recent-small:before {
        content: "\f017";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-answer-small:before {
        content: "\f087";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-notes-small:before {
        content: "\f0db";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-user-small:before {
        content: "\f007";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-share-small:before {
        content: "\f064";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-empty-small:before {
        color:transparent;
        content: "\f044";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-arrow-small:before {
        color:#999999;
        content: "\f105";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-edit-small:before {
        content: "\f040";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-del-small:before {
        content: "\f0c4";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-protect-small:before {
        content: "\f0e9";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-move-small:before {
        content: "\f19b";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-history-small:before {
        content: "\f1da";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-cog-small:before {
        content: "\f013";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .icon-right {
        float:right;
    }

    #mobile_shield {
        display: none;
        position: fixed;
        z-index: 1000;
        opacity: 0.5;
        background-color: white;
    }

    #mobile_toolsbar {
        width: 45px;
        height: 180px;
        border: 1px solid #e0e0e0;
        background-color: #fdfdfd;
        position: fixed;
        bottom: 100px;
        right: 0;
        z-index: 1000;
        opacity: 0.7;
        box-sizing:border-box;
    }

    #mobile_toolsbar a {
        width:45px;
        height:45px;
        border:0px;
        line-height:21px;
        float:left;
        padding:11px 11px 11px 11px;
        border-top:1px solid #e0e0e0;
        box-sizing:border-box;
    }

    #mobile_toolsbar a:first-child {
        border-top: none;
    }

    #mobile_toolsoverlap {
        display:none;
        width: 220px;
        height: 100%;
        border: none;
        background-color: #fdfdfd;
        position: fixed;
        top: 0px;
        bottom: 0px;
        right: 0;
        z-index: 1024;
        overflow-y: auto
    }

    /*//CID 27040 //2024.10.30 //begin */
    #toolsbar_header {
        width: 100%;
        height: 36px;
        background: #558ed5;
        border-bottom: 1px solid #CCC;
        white-space: nowrap;
        font-size: 16px;
        color: white;
        padding-left: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    /*//CID 27040 //2024.10.30 //end */
    /* //CID 14352 //2022.09.13 //Begin */
    .toolsbar_header_two{
        width:100%;
        height: 36px;
        background: #558ed5;
        display: table;
        box-sizing: border-box;
        border-bottom: 1px solid #CCC;
        white-space: nowrap;
        font-size: 14px!important;
        line-height: 17px!important;
        color:white;
        padding-left:10px;
    }
    /* //CID 14352 //2022.09.13 //End */
    #toolsbar_header a {
        color:white;
        width:36px;
        height:36px;
        border:0px;
        line-height:21px;
        padding:7px;
        box-sizing:border-box;
        float:right;
    }

    #bodyContent > table {
        display:block;
        overflow-x:hidden;
    }

    #bodyContent > table > tbody {
        display:block;
    }

    #bodyContent > table > tbody > tr {
        display:block;
    }

    #bodyContent > table > tbody > tr > td {
        display:block;
    }

    .gmp_nav {
        display:block;
        width: 98% !important;
        margin: 0 1% !important;
    }

    .gmp_nav > tbody {
        display:block;
    }

    .gmp_nav > tbody > tr {
        display:block;
    }

    .gmp_nav_td1 {
        width:auto !important;
        display:inline-block !important;
    }

    .gmp_nav_td2 {
        width:auto !important;
        display:inline-block !important;
        padding-left: 10px;
    }

    .gmp_nav_td3 {
        width:auto !important;
        display:inline-block !important;
        padding-left: 10px;
    }

    .general_button {
        background-image:none !important;
    }

    .search_per {
        display: none;
    }

    .searchresults .mw-search-results{
        position:relative;
        z-index:1;
        background: #fff
    }

    #mw-search-top-table{
        margin-left: 0.4em;
    }
    #mw-search-top-table .search-type-box{
        margin-left: 20px;
    }
    #mw-search-top-table #searchText,#mw-search-top-table .general_button,#powerSearchText {
        display:none;
    }

    #mw-search-top-table #tabs-body-pc, #mw-search-top-table #secarch-top-pc{
        display:none;
    }

    .mw-search-results {
        width:100% !important;
    }

    div.searchresult {
        width:100% !important;
    }

    .searchresults > p > b {
        display:none;
    }

    .time_sort_wrapper{
        float: left;
        clear: both;
        padding: 0;
        margin: 0;
        margin-left: 20px;
    }

    .time_sort_wrapper .time_sort_filed{
        float: left;
    }

    .law {
        width:auto !important;
    }

    .zjty {
        width:auto !important;
    }

    .hori-scroll {
        width: 100%;
        overflow-x:auto;
    }

    .thumbinner {
        border:none !important;
    }

    #note_content {
        width:290px !important;
    }

    .popup_note_tip {
        width:316px !important;
    }

    #feedback_content {
        width:290px !important;
    }

    #popup_feedback > div {
        width:316px !important;
    }

    /*CID 27352 2024.1114 //begin*/
    #content_wrapper ul {
        /*list-style-type: none;*/
    }
    /*CID 27352 2024.1114 //End*/

    .general_button {
        background: linear-gradient(#34AAEB, #0178CD) repeat scroll 0 0 #0178CD !important;

    }
    .pm-close .icon-close-circle{
        line-height: 1;
        color: #fff;
    }
    .popup_note_content,.popup_feedback_content{
        color: #555;
    }
    .mm-menu.mm-current{ display: block !important;}
    #left_menu{background: #fff; width: 240px !important;}
    html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom{left: 240px !important;}
    #mobile_drawer .mm-list{
        margin-left: 0;
        margin-right: 0;
    }
    #mobile_drawer > .mm-list > li > a, #mobile_drawer > .mm-list > li > span{
        white-space: normal;
    }

    #findwindow{
        top: 40px !important;
    }

    /*wap首页样式调整*/
    /*CID 27009 2024.1030 //begin*/
    .home-container .home-pic{
        width: 98% !important;
    }
    .newsletters-law{
        margin-left: 10px;
    }
    .home-newsletter .zjty{
        height: auto !important;
    }
    /*CID 27009 2024.1030 //End*/

    /*CID 27009 2024.1105 //Begin*/
    .home-body .home-right-article{
        margin-left: -35px !important;
    }

    /* CID 27009 2024.1107 //begin */
    .home-right-article .home-article-list{
        margin: 10px 20px !important;
    }
    /*CID 27009 2024.1107 // End*/


    /*CID 27009 2024.1105 //End*/

    /*CID 27253 2024.1107 //begin*/
    .morePadding_one{
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .morePadding{
        padding-left: 20px !important;

    }
    /*CID 27253 2024.1107 //End*/




    /*CID 27009 2024.1107 //Begin*/
    .header_img{
        display: block;
        margin: 0 auto;
        background-size: 75px 40px;
    }
    /*CID 27009 2024.1107 //End*/
}




/* 登录页面样式 */
@media only screen and (max-width : 959.99px) {
    .wrapper {
        margin:0px !important;
    }
    #main_wrapper {width: 100% !important;}
    .wrapper .container{width: 100% !important; text-align:center; min-height:425px; padding-top:0px !important;}
    .container .login-form{margin:0px 40px 0 0 !important; display:inline-block !important; top:65px !important;}
    .container .form-logn {
        text-align:left;
    }
    .wrapper .footer {
        width:100% !important;
        height:auto !important;
    }
    .form-logn > .logo_style > .logo_img {
        width: 48px;
    }
    .login-form input[type=text] {
        border: 1px solid #bfbfbf !important;
        border-radius: 0px 0px 0px 0px !important;
        -webkit-border-radius: 0px 0px 0px 0px !important;
        -moz-border-radius: 0px 0px 0px 0px !important;
        -webkit-appearance: none;
    }
    .login-form input[type=password] {
        border: 1px solid #bfbfbf !important;
        border-radius: 0px 0px 0px 0px !important;
        -webkit-border-radius: 0px 0px 0px 0px !important;
        -moz-border-radius: 0px 0px 0px 0px !important;
        -webkit-appearance: none;
    }
    #error-prompt {
        width: 100% !important;
    }
    .error-prompt-text {
        margin:auto !important;
    }


    /*登录样式优化*/
    /*CID 27010 2024.1030 //Begin*/

    .login_wrapper{
        width: 100%;
    }
    /*CID 27010 2024.1101 //Begin*/
    .login_box{
        display: flex;
        flex-direction: column;
        /*margin-top: -150px;*/
        position: relative;
        top: -190px;
    }
    /*CID 27010 2024.1111 //Begin*/
    .login_box .logo{
        width: 0px;
        height: 0px;
        position: static;
    }
    /*CID 27010 2024.1101 //End*/
    .login_wrapper .login_wrapper_logo_img{
        width: 150px;
        height: 90px;
        background-size: 100% 100%;
        padding: 0;
        margin-right: 40px;
        top: -15%;
        transform: translate(-65%, -50%);
    }
    /*CID 27010 2024.1111 //End*/
    .app-download-tips.active{
        display: none !important;
    }
    .login-form input{
        border: 0px solid ;
    }
    .login-form input[type=text]{
        border: 0px solid #bfbfbf !important;
    }
    .login-form input[type=password]{
        border: 0px solid #bfbfbf !important;
    }
    .user_phone_text, .user_phone_code_text{
        width: auto;
    }
    #bodyContent{
        margin-top: 0px ;
    }

    /*CID 27010 2024.1106 //begin*/
    .login-casing{
        width: 100vw;
        min-height: 900px !important;
        background: #E6EFF9;
    }
    .header_wrap{
        background: #E6EFF9;
    }
    /*CID 27010 2024.1106 //End*/



    /*.wrapper{*/
    /*    max-width: 111% !important;*/
    /*    margin-left: -20px !important;*/
    /*    margin-right: -20px !important;*/
    /*}*/

    /*CID 27010 2024.1030 //End*/


}

/* 主页样式 */
@media only screen and (max-width : 959.99px) {
    #home_wrapper {
        padding-right:0px;
    }
    /*CID 14126 //2022.09.08 //Begin*/
    .home-pic-body,.home-regulations .home-regulations-body{
        margin-bottom: 10px;
    }
    /*CID 14126 //2022.09.08 //End*/
    .mid_col {
        float:left !important;
    }
    #home_wrapper .mid_col {
        width:100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        box-sizing:border-box;
    }
    .mid_col > .widget_box > h2 {
        width:100% !important;
        box-sizing:border-box;
    }
    .mid_col > .widget_box > div {
        width:100% !important;
        box-sizing:border-box;
    }
    .slideshow {
        width:100% !important;
    }
    .slideshow > div {
        text-align:center;
    }
    .slideshow div img {
        position:static !important;
        border:none !important;
        border-image-width: 0 !important;
    }

    .right_col {
        margin-top: 6px;
        margin-left: 0px !important;
        margin-right: 0px;
        float:left !important;
        width: 100% !important;
        box-sizing:border-box;
    }
    .left_col {
        float:right !important;
        display:none !important;
    }
    .right_col > .widget_box > tbody {
        width:100% !important;
    }

    .mid_col table {
        display: table;
    }

    .right_col table {
        display: table;
    }

    #home_wrapper h2{
        border-radius: 0px 0px 0 0 !important;
        -webkit-border-radius: 0px 0px 0 0 !important;
        -moz-border-radius: 0px 0px 0 0 !important;
    }

    #content_wrapper {
      padding:5px 0 5px 0 !important;
      margin-top: 36px;
      /* // CID 27257 // 2024.11.07 // Begin */
      min-height: 100vh;
      /* // CID 27257 // 2024.11.07 // End */
    }


    /*
        重载Wiki页面内容，不属于首页。
    */
    /* //CID 12856 //2022.08.18 //Begin */
    #content_left_wrapper {
        /* padding:0px 5px 0px 5px !important; */
        box-sizing:border-box;
        width: 100vw !important;
        /*padding: 20px !important;*/
    }
    /* //CID 12856 //2022.08.18 //End */

    #content_left_wrapper > div.law {
        width: auto !important;
    }

    #content_left_wrapper .wiki_page_nav{
        width: 100% !important;
        background: #fff;
        margin-left: -5px;
        padding-left: 5px;
    }
    #content_left_wrapper .scroll-to-fixed-fixed{
        border-bottom: 1px solid #cccccc;
    }
    #content_left_wrapper .wiki_page_nav.scroll-to-fixed-fixed{
        width: 97% !important;
        padding-right: 3%;
    }

    #mobile_toolsoverlap h2{
        background: #F2F2F2;
        behavior:url(/wiki/skins/cpierblue/css/PIE.htc);
        border-radius: 0px 0px 0 0 !important;
        -webkit-border-radius: 0px 0px 0 0 !important;
        -moz-border-radius: 0px 0px 0 0 !important;
        color:#333;
        font-weight: normal;
        padding-left:5px;
        padding-top:2px;
        border-bottom:1px solid #bfbfbf;
    }

    #mobile_toolsoverlap .lv2_arrow{
        padding:1px 0px 1px 5px;
    }

    #mobile_toolsoverlap .widget_box {
        border:1px solid #bfbfbf;
        border-top:none;
        margin-top:0px !important;
        background: #fdfdfd;
    }

    #mobile_toolsoverlap .widget_box > div {
        border:none !important;
    }

    #mobile_toolsoverlap .lv3_wrapper li:last-child > div {
        border:none !important;
    }

    .home1_left_col {
        width:100% !important;
        float:none;
    }

    .home1_right_col {
        width:100% !important;
        float:none;
        margin-top:6px;
    }
    .home1_right_col td a, .home1_left_col td a{
        height: 20px;
        display: inline-block;
        overflow-y: hidden;
        line-height: 24px !important;
    }
    #home_wrapper .right_col td a{
        height: 20px !important;
        line-height: 24px !important;
    }

    .table_1 {
        display:table;
    }

    .home1_right_col .widget_box:last-child {
        height:auto !important;
    }

    .home1_right_col .widget_box:last-child > .lv3_wrapper  {
        height:auto !important;
    }

    #home_wrapper .recent_update_tag{
        width: auto !important;
        height: auto !important;
    }

    #s1 {
        max-width: 100%;
        min-width: 320px;
    }
    #s2 {
        max-width: 100%;
        min-width: 320px;
    }
    #s3 {
        max-width: 100%;
        min-width: 320px;
    }
    #s4 {
        max-width: 100%;
        min-width: 320px;
    }

    .slideshow {
        height: auto !important;
        box-sizing:border-box;
        border: 0px !important;
    }

    .widget_box {
        box-sizing:border-box;
    }

    #recentlist {
        /*top:initial !important;*/
        bottom: 0px;
    }

    /*CID 27298 2024.1111 //Begin*/
    #findwindow{
        top: 145px !important;
        transform: translate(25%, -50%);
    }
    /*CID 27298 2024.1111 //End*/
    /*CID 27022 2024.1030 //begin*/
    /*wiki页面样式优化*/
    #right_side_bar{
        display: none !important;
    }
    .app-download-tips active{
        display: none !important;
    }

    #fix_right_side_wrapper{
        height: auto !important;
        width: 100% !important;
        right: 0px !important;
        /*border-bottom: 1px solid #bfbfbf;*/
        top: 50px;
    }
    #right_side_content{
        height: auto !important;

    }
    /*CID 27022 2024.1030 //End*/
/*    .ask_q_list{
        overflow: auto !important;
        text-overflow: unset !important;
        width:auto !important;
    }*/

    /*CID 27010 2024.1101 //begin*/
    #content_left_wrapper.aaa{
        /*padding: 0 !important;*/
        padding: 0 20px !important;
    }
    #content_left_wrapper.has_right_div{
        padding: 0 20px !important;
    }
    /*CID 27010 2024.1101 //End*/

    #print_header{
        display: none;
    }


}

/* treeview */
@media only screen and (max-width : 959.99px) {

    #treeview_left_col {
        display:none !important;
    }

    #treeview_right_col {
        float:none !important;
        width: 100% !important;
        padding: 0px 5px 0px 5px;
        box-sizing:border-box;
    }

    #treeview_wrapper {
        width: 100% !important;
        overflow-x:auto;
        box-sizing:border-box;
    }
}

/* timeline */
@media only screen and (max-width : 959.99px) {

    #timeline_left_col {
        display:none !important;
    }

    #timeline_right_col {
        float:none !important;
        width: 100% !important;
        padding: 0px 5px 0px 5px;
        box-sizing:border-box;
    }

    #timeline_wrapper {
        width: 100% !important;
        height: auto !important;
        min-height: 540px !important;
        box-sizing:border-box;
        overflow-x:auto;
        position:relative !important;
    }

    .event_t {
        word-break:break-all;
        width: 70px;
    }

    .event_b {
        word-break:break-all;
        width: 70px;
    }

    .event_t_1,.event_t_5,.event_b_1,.event_b_2,.event_b_3,.event_b_5,.event_b_9,.event_b_10,.event_b_22,.event_b_23{
        width: 50px;
    }

    #bodyContent #timeline_wrapper .event_b_15{
        left: 420px;
    }
    #bodyContent #timeline_wrapper .event_b_17{
        left: 460px;
    }
    #timeline_wrapper .event_t_2,#timeline_wrapper .event_t_3,#timeline_wrapper .event_t_8,#timeline_wrapper .event_t_9,#timeline_wrapper .event_t_10{ width: 90px;}
    #bodyContent {
        height:auto !important;
    }
    #content_left_wrapper .news_content p{ word-break: break-all;}
}

/* usercenter */
@media only screen and (max-width : 959.99px) {
    #wrapper_baseset {
        width: 100% !important;
    }
    #wrapper_baseset th {
        /*width: 40% !important;*/
    }
    #wrapper_baseset .form-help {
        display: inline-block !important;;
        float: none !important;;
        width: 100% !important;;
    }
    .usercenter_nav {
        padding-left:10px;
        display:none;
    }
    .usercenter_nav a{
        word-break:keep-all;
        line-height: 30px;
    }
    #wrapper_recent_page_list .recent_page_list_ul {
        width: 90% !important;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    #wrapper_recent_page_list .recent_page_list_ul li{
        margin-left: 0 !important;
    }
    #wrapper_fav_page_list .fav_list_ul{
        width: 90% !important;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    #wrapper_fav_page_list .fav_list_ul li{
        margin-left: 0 !important;
    }
    #wrapper_note_page_list .wrapper_note_page_list_ul{
        width: 90% !important;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    #wrapper_note_page_list .wrapper_note_page_list_ul li{
        margin-left: 0 !important;
    }
    #wrapper_feedback_page_list .wrapper_feedback_page_list_ul{
        width: 90% !important;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    #wrapper_feedback_page_list .feedback_law{
        width: 94% !important;
        padding: 0.4em 2% !important;
    }
    #wrapper_feedback_page_list .wrapper_feedback_page_list_ul li{
        margin-left: 0 !important;
    }
    #content_left_wrapper td.news_image{
        width: 0px !important;
    }
    #content_left_wrapper td.news_image a{
        display: none !important;
    }
    #content_left_wrapper td.news_content{
        padding-left: 0 !important;
    }
    .comment_center_body,
    .recent_update_body{
        width: 100% !important;
        height: auto !important;
    }
    .comment_center_body .right,
    .recent_update_body .right{
        width: 96% !important;
        margin: 0 2% !important;
    }
    .comment_center_body .left,
    .recent_update_body .left{
        display: none;
    }
    .comment_center_body .right .list_area,
    .recent_update_body .right .list_area{
        width: 100% !important;
    }
    .comment_center_body .right .list_area .table_4,
    .recent_update_body .right .list_area .table_4{
        width: 100% !important;
    }
    .comment_center_body .right .list_area .table_4 td a,
    .recent_update_body .right .list_area .table_4 td a{
        display: inline-block;
        height: 20px;
        overflow-y: hidden;
        line-height: 23px;
        word-break: break-all;
    }
    .recent_browse_body{
        width: 100% !important;
        height: auto !important;
    }
    .recent_browse_body .right{
        width: 96% !important;
        margin: 0 2% !important;
    }
    .recent_browse_body .left{
        display: none;
    }
    .recent_browse_body .right .list_area{
        width: 100% !important;
    }
    .recent_browse_body .right .list_area .table_4{
        width: 100% !important;
    }
    .recent_browse_body .right .list_area .table_4 td a{
        display: inline-block;
        height: 20px;
        overflow-y: hidden;
        line-height: 23px;
        word-break: break-all;
    }
    .my_favorite_body{
        width: 100% !important;
        height: auto !important;
    }
    .my_favorite_body .right{
        width: 96% !important;
        margin: 0 2% !important;
    }
    .my_favorite_body .left{
        display: none;
    }
    .my_favorite_body .right .list_area{
        width: 100% !important;
    }
    .my_favorite_body .right .list_area .table_4{
        width: 100% !important;
    }
    .my_favorite_body .right .list_area .table_4 td a{
        display: inline-block;
        height: 20px;
        overflow-y: hidden;
        line-height: 23px;
        word-break: break-all;
    }
}

/* Q2A Mobile页面样式 */
@media only screen and (max-width : 959.99px) {
    .qa-body-wrapper {
        width: 100% !important;
        height: auto !important;
        min-height: 100% !important;
        position:relative;
        overflow:hidden;
        margin-top:0px !important;
    }
    .qa-header {
        padding: 0px !important;
        height: 36px !important;
        box-sizing:border-box !important;
        border-bottom: 1px solid #CCC !important;
        position:fixed;
        display:table;
        width:100%;
        background: #fff;
        z-index: 9999;
    }
    .qa-main {
        width: 100% !important;
        box-sizing:border-box;
        padding-top:36px !important;
        border:none !important;
        float:none !important;
    }
    .qa-q-item-main {
        width: auto !important;
    }
    .qa-a-item-main {
        width: 70% !important;
    }
    .qa-q-view-main {
        width: 70% !important;
    }
    .qa-widget-main {
        width: auto !important;
    }
    .qa-form-tall-text {
        width: 90% !important;
        min-width:256px;
    }
    .qa-form-tall-data {
        padding:0px 0px 6px 0px !important;
        width: 95% !important;
    }
    .qa-form-tall-table > tbody {
        display:block !important;
    }
    .qa-form-tall-table > tbody > tr {
        display:block !important;
    }
    .qa-form-tall-table > tbody > tr > td {
        display:block !important;
    }
    .qa-sidepanel {
        display:none;
    }
    .qa-logo {
        display:none;
    }
    .qa-logo-right{
        display:none;
    }
    .qa-nav-main{
        display:none;
    }
    .qa-nav-user{
        display:none;
    }
    .qa-search{
        display:none;
    }
    .qa-header-clear{
        display:none;
    }
    .qa-setting-button {
        display:none;
    }
    .qa_header_sidemenu_enabled {
        position:absolute !important;
        left: 240px !important;
        top:0px !important;
    }
    .qa_content_sidemenu_enabled {
        position:absolute !important;
        left: 240px !important;
        top:37px !important;
    }
    a:hover {
        text-decoration:none !important;
    }
    .pager {
        height:auto !important;
    }
    .pager a {
        line-height:30px !important;
    }
}

/* 药典 Mobile页面样式 */
@media only screen and (max-width : 959.99px) {
    #codex_wrapper .codex_content .codex_left_side{ display: none;}
    #codex_wrapper .codex_content .codex_right_side{ width: 100%;}
    #codex_wrapper #search_content{ border-radius: 0; float: left;}
    #codex_wrapper #search_button{ display:block;width: 54px; padding: 6px 8px 6px 8px; float: right }
    #codex_wrapper #search_button.search_padding{ padding: 6px 8px 6px;}
    #codex_wrapper .codex_content .codex_right_side .codex_list{ margin: 0;}
    #codex_wrapper .codex_content .codex_right_side #codex_list{ display: table;}
    #codex_wrapper .codex_content .codex_right_side .codex_filter{ margin: 10px 0 0;}
    #codex_wrapper .codex_content .codex_right_side .codex_filter p{ margin: 5px 0;}
    #codex_wrapper .codex_content .codex_right_side .codex_right_content .codex_list{ margin-top: 10px;}

}
/*BE页面样式 */
@media only screen and (max-width : 959.99px) {
    #codex_wrapper .codex_content .codex_left_side{ display: none;}
    #codex_wrapper .codex_content .codex_right_side .codex_filter .be_mobile_list{ display: block;}

}
@media only screen and (min-width : 959.99px) {
    #codex_wrapper .codex_content .codex_right_side .codex_filter .be_mobile_list{ display: none;}
    /* CID 12832 //2022.08.09 //Begin */
    .home-container,.home-body .home-RT{
        display: flex;
    }
    .home-pic{
        width: 58%;
    }
    .home-right{
        width: 42%;
    }
    .home-RT .home-regulations{
        width: 50%;
    }
    .home-RT .home-topics{
        width: 50%;
        padding: 0 15px;
        border-left: 1px solid #c7c7c7;
    }
    /* CID 12832 //2022.08.09 //Begin */
    /* CID 13859 //2022.08.09 //Begin */
    .version-information{
        height: 20px;
        text-align: right;
        padding-right: 20px;
        color: #999;
    }
    /* CID 13859 //2022.08.09 //End */

}



/*app底部提示*/
.app-download-tips {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 999;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    line-height: 40px;
    background: #000;
    opacity: 0.8;
    color: white;
}
.app-download-tips.active{
    display: block;
}
.app-download-tips .f-left{
    float: left;
}
.app-download-tips .f-right{
    float: right;
}
.app-download-tips .open-app{
    width: 100px;
    height: 100%;
    background: #0082e3;
    line-height: 100%;
    font-size: 16px;
}
.app-download-tips .open-app a{
    display: block;
    color: white;
    text-align: center;
    line-height: 50px;
}
.app-download-tips .tips>div{
    float: left;
}
.app-download-tips .tips button,
.app-download-tips .tips .tips-content
.app-download-tips .tips .tips-content{
    display: inline-block;
    float: left;
}
.app-download-tips .tips button{
    border: none;
    box-shadow: none;
    margin: 13px 13px 13px 10px;
    width: 23px;
    height: 23px;
    background:  url(/images/common/close.png) no-repeat center;
    background-size: contain;
}

.app-download-tips .tips .logo-app{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 7px;
    margin-top: 5px;
    border-radius: 5px;
    background:  url(/images/common/icon.png) no-repeat center;
    background-size: contain;
}
.app-download-tips .tips .tips-content{
    display: inline-block;
    width:100px;
    height: 50px;
    position: relative;
    /*top: -5px;*/
    color: white;
    font-size: 14px;
}

.icon-show{
    font-family: 'icomoon' !important;
}