@import "component.css";
@import "default.css";

@media (max-width: 769px) {

    html {
        font-size: 62.5%;
        /*10 ÷ 16 × 100% = 62.5%*/
    }
    body {
        font-size: 1.2rem;
        background: #fff;
        min-height: auto;
        -webkit-text-size-adjust:100%;
        /*1.4 × 10px = 14px */
    }
    a{
         -webkit-text-size-adjust:100%;
    }
    a:hover{
        color: #666666;
    }
    .mbHidden{
        display:none !important;
    }
    .mbShow{
        display:block !important;
    }
    #wrap{
        background-color: #fff;
    }
    #wrap,.header,.top_right,.banner,.banner .flexslider,.homemain_right,.homemain_left,.homemain_center,.footer,.footer_links,.pagemain_left,.pagemain_right{
        width: 100%;
    }
    .top_right{
        width:98%;
    }
    .homemain_left{
        margin-bottom: 10px;
    }
    .banner{
        height: auto;
        margin-bottom: 10px;
    }
    .homemain_center{
        margin-left: 0px;
    }
    .container{
        display: block;
        position: absolute;
        left: 0;
        top: 4px;
        width: 100%;
        z-index: 9;
        padding: 0;
    }
    .main{
        text-align: right;
    }
    .header{
        background: none;
    }
    .logo{
        margin-top: 5px;
    }
    .column{
        padding: 1em 0;
        min-height: 50px;
    }
    .dl-menuwrapper{
        max-width: inherit
    }
    .dl-menuwrapper li{
        border-bottom: 1px solid #0f60ac;
        text-align: left;
    }
    .top_right_t ul{
        overflow: hidden;
        line-height: 24px;
    }
    .top_right_t ul li:nth-child(4){
        display:none;
    }
    .search_bar{
        height: 24px;
    }
    .search_text{
        width: 110px !important;
        padding-left:5px;
    }
    .search_text,.search_btn{
        outline: medium;
    }
    .header{
        height: auto;
        overflow:hidden;
    }
    .dl-menuopen li a:nth-child(1){
        display:block;
    }
    .flexslider .flex-control-nav{
        bottom:0;
    }

    .top_right_t ul li:last-child{
        float: right;
        margin-right: 2%;
        padding: 0 1px;
    }
    .dl-menuwrapper li > a:after{
        right: 10px;
    }
    .dl-menu h2{
        width: 100%;
        padding: 0;
        padding-right: 20px;
        margin: 0;
        height: 50px;
        line-height: 50px;
        color: #fff;
        font-size: 16px;
        text-align: right;
        background: #1674cb 0 100% no-repeat url(../images/ui-mobile-menu-close-icon.png);
        border-bottom: 1px solid #0f60ac;
    }
    #datepicker .ui-widget-content{
        width: 100%;
    }
    .homemain_right img{
        width: 100%;
    }
    /*面包屑隐藏*/
    #page_path{
        display:none;
    }
    #left_page{
        display:none;
    }

    .pagemain_right{
        margin-left: 0px;
    }
    .page_content img{
        width: 100% !important;
        height: auto !important;
    }
    .page_left_lx h3{
        background: url(../images/icon_mb.png) no-repeat -6px -446px;
        background-color: #e9e1d1;
    }
    .home_right_lx h3{
        background: url(../images/icon_mb.png) no-repeat -6px -369px;
        background-color: #d4eaf1;
    }
    .top_right_t{
        width: 100%;
    }
    /*load*/
    #bondlistT .loading img,.loading img{
        width: auto !important;
    }
    /*首页日历*/
    .ui-datepicker-days-cell-over .ui-state-default,#datepicker .ui-datepicker td a{
        text-align: center;
    }
    /*首页债券市场概况*/
    .marketbox_b h3{
        padding: 0 7px;
        width:110px;
    }
    .home_center_table tr th:nth-child(1){
        width: 24%;
    }
    .home_center_table tr th{
        font-size: 1.3rem;
        height: 36px;
        line-height: 36px;
    }
    .home_center_table tr td{
        font-size: 1.2rem;
        padding: 0 3px;
    }
    /*footer*/
    .footer_links{
        height: auto;
        padding: 10px 4px;
    }
    .footer_copy{
        border-top:1px solid #ccc;
    }
    .footer{
        width: 96%;
        margin: 0 2%;
        overflow: hidden;

    }

    .footer .footer_links a{
        font-size: 1.2rem;
    }
    .footer_copy span{
        font-size: 1.2rem;
    }
    /*规则指引*/
    .right_scgd_b h3{
        width: 90px;
    }
    /*首页联系方式*/
    .home_right_lx p{
        font-size: 1.2rem;
    }
    /*首页成交行情*/
    .tabs1 h3{
        font-size: 1.4rem;
        margin: 0 4px;
    }
    .tabs1 li.tab1,.tabs1 li.tab1-on span{
        font-size: 1.2rem;
    }
    .tabs1 li.tab1-on span,.tabs1 li.tab1 span{
        padding: 2px 4px;
    }
    .tab1 a{
        font-size: 1.2rem;
    }
    /*重要发布*/
    .list_ul span,.list_ul a{
        font-size: 1.3rem;
    }
    .list_t h2{
        font-size: 1.4rem;
    }
    a:visited,a:link{
        font-size: 1.3rem;
    }
    /*首页指数走势*/
    .tabs3 li.tab3{
        padding: 1px 8px;
    }
    .tabs2 li.tab2 span{
        height: 28px;
        line-height: 24px;
    }
    /*banner*/
    .flex-direction-nav li a{
       background: none;
    }
    /*记账式国债*/
    .pagemain{
        min-height: auto;
    }
    .page_content p{
        font-size: 1.2rem;
    }
    .page_content .page_h1{
        font-size: 1.5rem;
    }
    /*table*/
    .mb_table{
        width: 100%;
        overflow:auto;
    }
    .mb_special table{
        width: 300%;
    }
    /*绿色债券*/
    .page_content p strong{
        font-size: 1.4rem;
    }
    /*分页*/
    .paging-bottom .paging_input{
        display:none;
    }
    .paging_text .paging_num_on,.basic_data_container_paginationNumLink,.page-break,.undefined_paginationNumLink,.dateList_container_paginationNumLink,.dataList_container_paginationNumLink,.zqgc_dataList_container_paginationNumLink{
        display: none;
    }
    .paging-bottom .paging_pre{
        position: absolute;
        left: 0;
        height: 24px;
        line-height: 24px;
        padding-top: 0px;
        margin-left: 2%;
        background: none;
    }
    .paging-bottom .paging_next{
        position: absolute;
        right: 0;
        height: 24px;
        line-height: 24px;
        padding-top: 0px;
        margin-right: 2%;
        background: none;
    }
    /*记账式国债*/
    .mb_pageContent{
        margin: 10px 0;
    }
    .bond_details_table_over{
        width:100%;
    }
    #bondlistT tr td{
        text-align:center;
    }
    .bond_details_table th{
        text-align:center;
    }
    .page_dmcx input{
        height: 22px;
        margin-left:2px;
        margin-top: 2px;
    }
    .bond_details_table_over{
        border: none;
    }
    .page_dmcx span{
        margin-top: 10px;
        font-size: 1.3rem
    }
    .page_content .code_zq{
        text-decoration: none;
        width: 22%;
        display:inline-block;
        font-size: 1.3rem
    }
    #keywordsearch{
        width: 62%;
        padding-left: 10px;
        margin-top: 2px;
    }
    .search-btn{
           width: auto;
    padding: 0 2px;
    }
    /*内页联系*/
    .pagemain_left{
        display:none;
    }
    /*国债公告*/
    .list_seatch table tr{
        overflow: hidden;
    }
    .list_seatch table tr td{
        float: left;
        padding: 2px;
        height: 28px;
        line-height: 18px;
        font-size: 1.3rem;
        padding-left: 0px;
    }
    .list_seatch{
        height: auto;
    }
    .list_seatch select{
        padding: 2px;
    }
    .page_content{
        margin: 10px 0;
    }
    .list_seatch td .page_button:hover{
        color: #000;
    }
    /*债券监管措施*/
    #basic_data_container,.bond_details_table1{
        width: 100%;
        overflow: auto;
        border-left:none;
    }
    /*竞价系统综合排名*/
    .bond_right1{
        width: 100%;
        overflow: auto;
    }
    .bond_right1 table{
        width: 100%;
    }
    /*债券现券市场概览*/
    #dateList{
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow-x: auto;
        overflow-x: auto\9!important;
        overflow-y: hidden\0;
        -webkit-overflow-scrolling: touch;
    }
    .page_dmcx .mb_zqxqscgl{
        width: auto;
        margin-top: 0px;
        margin-right: 5px;
    }
    .page_dmcx .mb_zqxqscgl_searchDate{
        margin-top: -7px;
        margin-left: -4px;
        padding-left: 18px;
    }
    .download-btn{
        margin-right: 0;
        -webkit-appearance:none;
        border-radius: 0;
    }
    /*统计月报*/
    .mb_gqcjtj_sDate{
        width: 28%;
    }
    .mb_gqcjtj{
        width:auto;
    }
    /**/
    #zqhypz_div{
        width: 100%;
        overflow: auto;
    }
    /*指数走势*/
    .details_page_left{
        width: 100%;
    }
    .bond_right2 h2{
        text-indent: 0px;
        font-size: 1.3rem;
        line-height: 30px;
    }
    .details_page_right{
        margin-left: 0 !important;
        width: 100%;
    }
    .mb_zszs{
        font-size: 1.3rem;
    }
    /**/
    #bondlistT{
        width: 100%;
        overflow: auto;
    }
    #bondlistTDay{
        overflow: auto;
    }
    /**/
    .list_ul li{
        overflow: hidden;
    }
    .list_ul li a{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 74%;
        display: inline-block;
        float: left
    }
    /*详情页 disclosure/announ/release/c/c_20160419_4084929.shtml*/
    .news_header{
        width: 100%;
        overflow: hidden;
    }
    .news_header_logo{
        width: 52%;
        height: auto;
        margin-top: 15px;
        background-size: 100%;
    }
    .news_header_logo a{
        width: 100%;
    }
    .news_top_right{
        width: 48%;
    }
    .news_top_right_t{
        margin-top: 32px;
    }
    .news_box{
        margin: 0;
    }
    .news_main p{
        font-size: 1.3rem;
        line-height: 150%;
    }
    .news_main p span{
        font-size: 1.3rem !important;
    }
    .news_box h3{
        font-size: 2rem;
    }
    /*债券成交概览*/
    .page_dmcx .mb_zqcjgl{
        width: 36%;
        margin-top: 0px;
    }
    /*业务提示*/
    .mb_ywts{
        width: 10%;
    }
    /*个券成交统计*/
    #tdDate{
        width: 35%;
    }
    /*可转债转股统计*/
    #YEAR{
        height: 22px;
    }
    /*回购定盘利率曲线*/
    .mb_hint{
        margin-bottom: 30px;
        color: #ccc;
    }

    #mb_hgdpllqx #main{
        height: 275px !important;
    }
    /*中证估值*/
    .mb_zzgz{
        margin-bottom: 10px;
    }
    /*首页图标*/
    .right_banner ul{
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    .right_banner ul li{
        width: 49%;
        margin: 0 auto;
        display:inline-block;
    }
    .right_banner ul li:nth-child(odd){
        float: left;
    }
    .right_banner ul li:nth-child(even){
        float: right;
    }
    .right_banner ul li:nth-child(1),.right_banner ul li:nth-child(2){
        margin-bottom:10px;
    }

    /*成交行情*/
    #wrap .mb_bjhq{
        width: 38%;
    }
    /*首页联系方式图片*/
    .home_right_lx .mb_img{
        width: 50% !important;
        height: auto !important;
    }
    /*债券信息*/
    .mb_zqxxhq{
        width: 100%;
    }
    .bond_details_table1 th{
        width: 25%;
    }
    /*公告详细*/
    .news_main{
        margin: 5px 10px;
        min-height: auto;
    }
    /*上证国债指数*/
    .bond_right2 table tr td{
        white-space: nowrap;
    }
    .table_bjcolor{
        font-size: 1.2rem;
    }
    /*首页计算机器*/
    .computer{
        width: 100%;
        height: auto;
        margin-top:0px;
        padding-top: 0px;
    }
    .computer ul{
        overflow:hidden;
        width: 96%;
        margin-left: 4%;
    }
    .computer ul .l1{
        width: 42%;
        font-size: 1.3rem;
    }
    .computer ul .l2 input{
        width: 82%;
        height: 24px;
        line-height: 24px;
    }
    .computer ul .l3{
        padding-top: 0px;
    }
    .computer ul .l3{
        margin-left: 42%;
        width: 60%;
        font-size: 1.2rem;
    }
    .computer ul .l2 div.shuchukuang-1{
        width: 82%;
        height: 24px;
        line-height: 24px;
    }
    .computer ul .l2{
        width: 58%;
    }
    .computer ul .l4{
        width: 72%;
        overflow: hidden;
        margin-left: 12%;
        margin-right: 16%;
        overflow: hidden;
    }
    #submitForm{
        float: left;
    }
    #resetForm{
        float: right;
    }
    /*中证估值*/
    #wrap .mb_zzgzcx{
        width: 42%;
        padding-left: 6px;
    }
    .page_dmcx{
        font-size: 1.2rem;
    }
    #wrap .mb_zzgzcx_search{
        width: 46px;
    }
    /*close*/
    .news_close img{
        width: 30%;
    }
    .mb_details_page_right .table_bjcolor{
        font-size: 1.4rem;
    }
    #bulletinType,#actionType{
        height: 22px;
    }
    #bondlistTMonth{
        width: 100%;
        overflow:auto;
    }
    /**/
    .page_dmcx .mb_zqzyshgscgl{
        width:36%;
        margin-top: 0;
    }
    /**/
    .page_dmcx .mb_zqxyhgscgl{
        width:35%;
        margin-top: 0;
    }
    /**/
    #dataList{
        width: 100%;
        overflow:auto;
    }
    /**/
    .mb_traderank{
        position: relative;
    }
    .mb_traderank_input{
        position: absolute;
        left: 108px;
        top: 1px;
    }
    /**/
    .mb_chart{
        margin:10px 0;
    }
    /*搜索框*/
    .mb_ywts_date,.mb_ywts_bulletinType,.mb_ywts_actionType{
        margin-bottom: 10px;
    }
    .mb_jjyqj_type select{
        height: 22px;
    }
    .mb_jjyqj_time{
        margin-bottom:10px;
    }
    .mb_jjyqj_time span,.mb_jjyqj_type span{
        float:none;
    }
    /**/
    .page_content .home_list_box2 li span{
        padding: 2px 6px;
    }
    .home_list_box2 li:last-child{
        border-right: none;
    }
    /**/
    .dzhq_date{
        margin-bottom:10px;
    }
    /**/
    .list_seatch input{
        width: 70px !important;
    }
    /**/
    #info1,#info2,#info3{
        font-size:1.1rem;
    }
    /**/
    .dl-submenu .dl-back:after{
        -webkit-transform: rotate(-60deg);
           -moz-transform: rotate(-60deg);
            -ms-transform: rotate(-60deg);
             -o-transform: rotate(-60deg);
                transform: rotate(-60deg);
    }
    /**/
    .mb_zqlxjtj select{
        height:22px;
    }
    .mb_zqlxjtj input{
        margin-bottom:10px;
    }

    .dl-menuwrapper button:after{
        left: 30%;
    }

    .banner_special img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .special_right,.special_left {
        width: 100%;
    }
    .special_right .home_list_box ul li,.special_left .home_list_box ul li {
        min-width: 100%;
        max-width: 100%;
    }
    .special_left .home_list_box ul li span,.special_right .home_list_box ul li span {
        margin-left: 0px !important;
    }
    .special_title {
        padding-top:5px;
    }

    /* 三方回购行情 2017-12-8 modified by ZJTL */
    #sfhg_info1,#sfhg_info2,#sfhg_info3{
        font-size:1.1rem;
    }
    #sfhg_bondlistT,#sfhg_bondlistTMonth,#sfhg_bondlistTDay,#sfhg_bondTypeDay{
        overflow: auto;
    }
    #zkl_dataList,#tzz_dataList{
        width: 100%;
        overflow: auto;
    }
    /* 债券构成情况数据 2018-12-8 modified by ZJTL */
    .zqgc_page .search-btn {
       margin-top: 3px;
    }
}
@media(min-width:767px) and (max-width:769px){
    #keywordsearch{
        width: 140px;
    }
    .right_banner ul{
        width: 88%;
    }
    .home_right_lx h3{
        background: url(../images/icon_mb_ipad.png) no-repeat -6px -579px;
        background-color: #d4eaf1;
    }
    .home_right_lx .mb_img{
        width: 30% !important;
    }
    .homemain,.pagemain{
        margin: 0px 2%;
    }
    .bond_details_table1 th{
        width: 18%;
    }
    .news_header_logo{
        width: 26%;
    }
    .news_close img{
        width: 16%;
    }
    .search_bar{
        width: 200px;
    }
    .search_text{
       width: 150px !important;
    }
}
@media (max-width:736px){
    .news_header_logo {
        background-size: 70%;
        margin-top:4px;
    }
}
@media (max-width:568px){
    .news_header_logo {
        background-size: 75%;
        margin-top: 10px;
    }
}
@media (max-width:376px){
    .news_header_logo{
        margin-top:4%;
    }
}
@media (max-width:320px){
    .top_right_t ul li{
        padding: 0 1px;
    }
    .news_header_logo{
        margin-top:6%;
    }
}