@charset "utf-8";
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .conBox,.search_box { width: 96%; }
    #starlist li a { padding: 0 10px; }
    #starlist li.menu:before { right: 0; }
    .conTab ul li a{width:75%;font-size:13px;}
    .loginWindow form div.inputItem input{width:145px;}
}
@media screen and (max-width: 1023px) {
    /*header*/
    .conBox,.search_box { width: 100%; }
    header { position: fixed; z-index: 999 ;}
    .notice{padding-top:60px;}
    .notice_left{padding-left:10px;}
    .notice_right{padding-right:10px;}
    #starlist li a { padding: 0 10px; }
    #starlist li.menu:before { right: 0; }
    .conTab ul li a{width:75%;font-size:13px;}
    .loginWindow form div.inputItem input{width:145px;}
    .archivesBorrowing_box form.filter{width:85%;}
    .archivesBorrowing_box .searchBox{width:85%;}
    .shoppingCart{font-size:25px;right:-15px; }
    .searchico{margin-right:0!important;line-height:50px!important;}
}


@media screen and (max-width: 1000px){
    .conBox,.search_box { width: 90%; }
    .conLeft .picTrends{width:100%;}
    .conLeft .othermodel{width:100%;margin-left:0;margin-top:10px;}
    .content .flex.conBox .conLeft{flex:2;}
    .content .flex.conBox .conRight{flex:1}
    .archivesBorrowing_box form.filter{width:85%;}
    .archivesBorrowing_box .searchBox{width:85%;}
    .body{width:100%!important;margin:0!important;padding:0!important;border:0!important;}
    .cd-user-modal-container1{width:100%!important;}
    /*.logo img { height:100%;width:auto;transform: scale(.7);margin-left:-80px;}*/
    .searchico{margin-right:0!important;}
    .layui-table-page .layui-laypage input,.layui-laypage-btn,.layui-table-view select[lay-ignore]{font-size:12px!important;}
    .layui-table-page{overflow: auto!important;}
}
    @media screen and (max-width: 880px) {
    /*header*/
    header { position: fixed; z-index: 999 ;}
    .entrance .main_nav{position:absolute;top:0;right:20px;}
    .notice{padding-top:60px;}
    .notice_left{padding-left:10px;}
    .notice_right{padding-right:10px;}
     #nav { width: 100vw; height: auto; margin-top: 18px; position: fixed; z-index: 999; top: 50px; }
     .loginout{top:-1px;position:absolute;right:10px;}
    .searchico { position: absolute; top:2px; right: 120px; }
    .search { width: 80%; }
    .shoppingCart{ position: absolute; top:0; right: 45px;font-size:25px;line-height: 55px; }
    .conBox,.search_box { width: 100%; }
    .search_box { width: 100%; position: fixed; top: 0; z-index: 99; background: rgba(0,0,0,.8); }
    .logo { margin-left: 0;     float: none;    text-align: center;    margin-right: 0; }
    #mnavh { overflow: hidden; position: absolute; }
    #mnavh { display: block; }
    #starlist { display: none; width: 100%;/* top: 30px; */ }
    #starlist li { width: 55%; text-align: center; background: #333; float: none; display: block; font-weight: bold; }
    #starlist li:last-child { padding-bottom: 100% }
    #starlist li a { color: #fff; display: block; width: 100%; text-align: center; float: none; padding: 0; background: #333; border-bottom:1px #aaa solid; }
    #starlist ul.sub { display: block; position: inherit; left: inherit; top: inherit; }
    #starlist ul.sub li { width: 100% }
    #starlist ul.sub li:last-child { padding-bottom: 0; border-bottom:1px #aaa solid; }
    #starlist ul.sub li a { color: #fff; font-weight: normal; border-bottom: none; }
    #starlist ul.sub li a:hover, #starlist li:hover a, #starlist #selected { color: #fff; }
    .menu span { display: block; width: 50px; height: 50px;opacity: 0.5; position: absolute; top: 0; right: 0; }
    .menu:before { right: 20px; }
    .content .flex.conBox .conLeft{flex:2;}
    .content .flex.conBox .conRight{flex:1}
    .archivesBorrowing_box form.filter{width:90%;}
    .archivesBorrowing_box .searchBox{width:90%;}
    .layui-nav-child{left:auto;right:0;}
}
@media only screen and (max-width: 768px) {
    .notice{font-size:13px;}
    .loginWindow form div.inputItem input{width:140px;}
    .entrance .main_nav{position:absolute;top:0;right:20px;}
}
@media only screen and (max-width: 640px) {
    .content .flex.conBox .conLeft, .conRight {flex: 1;}
    /*.content .flex.conBox {flex-flow: column;}*/
    .content .conBox .conRight{margin-left:0;margin-top:10px;margin-bottom:10px;}
    .serviceGuides_box .serviceQrcode{width:30%;font-size:14px;text-align: center;}
    .serviceGuides_box .serviceQrcode img{margin: 0 5%;}
    .serviceGuides_box .serviceMess{width: 69%;padding-top:5px;}
    .serviceGuides_box .serviceMess dl dt{font-size:16px;line-height:30px;}
    .serviceGuides_box .serviceMess dl dd{font-size:14px;line-height:26px;}
    .entrance .main_nav{position:absolute;top:0;right:20px;}
    /*.loginWindow{display:none;}*/
    .body{width:100%!important;margin:0!important;padding:0!important;border:0!important;}
    .loginBox{width:390px!important;}
    .cd-user-modal-container1{width:100%!important;}
    .logo a{margin-left:-105px;transform: scale(.9); }
    .searchico{right:110px;font-size:20px!important;}
    .headline{font-size:20px!important;}
    .imageSearch_result_top{width:100% !important;flex-direction: column;}
    .box1{margin:0 auto;}
    .box2{margin:20px 0;}
    .box2 dl.picDetail{width:100%;margin-top: 0!important;padding:10px 20px;}
    .layui-upload-drag{padding:0!important;}
    .imageSearch_result_top img{width:150px!important;height: 150px!important;border:0!important;}
    dl.picDetail dt{font-size:18px!important;}
    dl.picDetail dd,dl.picDetail dd span{font-size:14px!important;}
    .layui-btn-lg{height:30px!important;padding:0 16px!important;}
    .logo img{height:40px!important;margin:5px auto!important;}
    .submenu a{padding:5px;font-size: 12px;text-align: center;}
    .accordion li i{font-size:12px;}
    .accordion .link{padding:5px 0 5px 22px;font-size:12px;}
    .account-l{width:100%;}
    .perInfo_left{width:25%!important;}
    .perInfo_right{width:75%!important;}
    .perInfo_right.personal_info{font-size:12px;!important;}
    /*.perInfo_right.personal_info{min-width:410px;!important;}*/
    .accordion li i.fa-chevron-down{right:6px;font-size:12px;top:10px;}
    .archivesBorrowing_box .searchBox{width:90%!important;}
    .archivesBorrowing_box .searchBox .searchInput{width:72%!important;}
    .archivesBorrowing_box .searchBox .searchBtn{width:28%!important;}
    .layui-form-item .layui-inline{display: inline-block;margin-bottom:10px;}
    /*.perInfo_right table tr td{padding:5px!important;}*/
    .perInfo_right.personal_info table tr td:nth-child(1){min-width:60px;}
    .c-ispass span{line-height:20px;}
    .c-ispass i{padding-left:30%;}
    .w-e-toolbar{flex-wrap: wrap!important;}
    #consultingDi{margin-left:0!important;}
    select[name='QRCodeType']{margin-left:0!important;}
    .for-liucheng{width:100%;}
    .forget-pwd dt{width:80px;}
    .fa-shopping-cart:before{font-size: 24px;}
    .kuang2{width:100%!important;}
    #fwType{font-size:12px;}
    .headline {margin-top:10px!important;font-size:22px!important;}
    .notice_right{margin-right:0!important;}
    .newsBulletin_box li a,.collect_notice_box li a{width:70%!important;}
    .exhibition_box .listBox{width:175px!important;}
    .labelTitle{padding:0!important;text-align:left;font-size:13px;}
    .font18{font-size:14px!important;line-height: 16px;margin-top: 12px;}
    #signin-code-sms{width:225px!important;}
    table.xq tr{line-height: 28px!important;}
    table.xq tr td:nth-child(1){padding-left:10px!important;}
}

@media only screen and (max-width: 480px) {
    .entrance .main_nav{position:absolute;top:0;right:20px;}
    .conBox.search_box { width: 100%; }
    .content .conBox{padding:10px;}
    .newsBulletin_box li a{width:75%;}
    .collect_notice_box li a{width:75%;}
    .exhibition_box .listBox{width:100%;}
    .exhibition_box .listBox .listImg{width:100%;height:180px;}
    .exhibition_box .listBox .listImg .summary{top:180px;}
    .article .breadcrumb{width:100%;}
    .notice_left{width: 100%; padding-left: 5px;}
    .notice_right{width: 100%; background: #eee;}
    .content{margin-top: 36px;}
    /*.headline{width: 100%;}*/
    .headline ul{height: auto; padding-bottom: 10px; overflow: hidden;}
    .headline ul li{width: 49%; float: left;}
    .headline ul li:last-child{float: right;}
    .headline ul li span{padding: 0 20px;}
    .advice .adviceBox{width:90%;left:5%;top:5%;height:90%;margin:0 auto;}
    .advice .adviceBox .submitBtn{width: auto;}
    button.bgWhite{display: block;margin:0 auto;}
    .advice .adviceBox .submitBtn{margin:30px auto 10px;display: block;}
    .order-evaluation{width:100%;}
    .list-title{height:30px;line-height:30px;font-size:14px;}
    .perInfo_left{width:30%;}
    .accordion li i{left:5px;}
    .accordion li i{top:11px;}
    .perInfo_right{width:100%;padding-left:0;}
    .archivesBorrowing_box .searchBox{width:100%;}
    .archivesBorrowing_box form.filter{width:100%;}
    #conSelect{width:100%;}
    .layui-form-item .layui-input-inline{margin:0;}
    .content{margin:10px 0 0;}
}

@media only screen and (max-width: 391px){
    .logo img {
        height: 28px !important;
        margin: 12px auto !important;
    }
    select,input[type="text"], input[type="number"], input[type="email"], input[type="password"]{width: 170px;}
}

@supports (font-variant-numeric: tabular-nums) {
    body{
        font-variant-numeric: tabular-nums;
    }
}