You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
DS7/DispatchWeb/Content/css/response.css

412 lines
20 KiB
CSS

2 years ago

@media (min-width: 992px)and (max-width:1198px){
.nav-left{width:30%;}
.search-case input{ width:75%;}
.build_che{padding-left:10px!important; padding-right:10px!important;}
}
@media (max-width:990px){
.phone-topnav{display:block;}
.body-header{display:none;}
.logon-top,
.login-footer,
.copyright{width:100%!important;}
.logon-wrap{ background-size:cover!important;height:100%!important; max-width:100%!important; width:100%;}
.wrap-max{height:100%!important;}
.container{ width:100%;}
.navbar-collapse.collapse{display:block!important; width:100%; margin:0;}
.navbar-nav{margin:0;}
.navbar-nav > li{ float:left; border-bottom:1px solid #4B9EDE;}
[class^="col-md-"]{ display:inline-block; vertical-align:middle;}
.index .build_che_content > .clearfix > [class^="col-md-"]{ display:block;}
.index li[class^="col-md-"]{ display:inline-block;}
li.col-md-3{width:33%;}
.wrapper .header-wrap{height:auto;}
.header .header-left,
.header .header-right{width:100%; text-align:center!important; padding:5px 0; height:auto;}
.header .header-left{ border-bottom:1px dashed #ddd;}
.nav-max{height:auto;}
.index-top-oper{width:40%;}
.nav-max .nav-center{ width:100%; text-align:center; background:#f5f5f5; height:auto;}
.nav-max .nav-center .search-box{ padding:15px 5px 10px;}
.home-marquee .mod-content ul li{width:33%; display:inline-block;}
.cm-new-dynamic .mod-content ul li:first-child {width:40%;}
.cm-new-dynamic .mod-content ul li:last-child {width:50%;}
.index-ico a{ width:24%; display:inline-block;}
.index .padding-right-10{ padding-left:10px!important;}
.index .padding-left-10{padding-right:10px!important;}
.cm-banner .col-md-3{width:25%; float:left;}
.cm-banner .col-md-3 img{ width:100%;}
.ChemicalDynamic{width:100%; padding-right:10px; margin-top:10px;}
.friendly-link{ padding:0 10px;}
.hot-product > .col-md-8{ padding:0 10px!important;}
.cm-chemical-page .seek_left_center{ width:70%;}
.cm-chemical-page .seek_left_right{max-width:100%; width:100%; clear:both; float:inherit; padding-left:140px;}
.cm-chemical-page .seek-right-inner{border:none; padding-left:20px;}
.cm-new-companies .mod-content >ul,
.cm-industry-dynamic .mod-content{ height:auto!important;}
.cm-supplier-detail .col-md-2{ width:20%; display:inline-block; float:left; padding-left:0;}
.cm-supplier-detail .col-md-10{ width:75%; display:inline-block; float:left;}
.cm-supplier-detail .seek_ch_left_content_top{ position:relative;}
.cm-supplier-detail .seek_ch_left_content_top > .col-md-2{ position:absolute; left:0; top:0; }
.cm-supplier-detail .seek_ch_left_content_top > .col-md-10{ width:100%; padding-left:130px;}
.seek_left_center{width:40%;}
.cm-top-classify .search-wrap{ width:30%; display:inline-block; float:right;}
.cm-top-classify .build_che_congtent{width:70%; display:inline-block;}
.seek_ch_left_content .col-md-3{ width:25%;}
.seek_ch_left_content .col-md-9{ width:75%;}
.seek_ch_left_content .col-md-12{width:100%;}
.cm-bidding-inquiry .seek_left_center{ width:60%;}
.cm-bidding-inquiry .seek_left_right{ width:30%;}
.login-container{ right:10%!important;}
.login-container .register-box,
.login-container .reg-form,
.reg-form .cell input{width:100%!important;}
.login-container .register-box{padding:15px;}
.form-group{ clear:both;}
.form-group [class^="col-md-"],
.form-group [class^="col-sm-"]{ float:left; display:inline-block;}
.form-group .col-md-2{ width:20%;}
.form-group .col-md-3{ width:25%;}
.form-group .col-md-7{ width:50%;}
.form-group .col-md-8{ width:60%;}
.form-group .col-sm-2{ width:16%;}
.form-group .col-sm-4{ width:33%;}
.register-form{width:100%;}
.register-form .col-md-9{ width:70%; display:inline-block; vertical-align:top;}
.register-form .col-md-3{ width:25%; display:inline-block; vertical-align:top;}
.register-form .form-group .col-md-2{ width:30%; display:inline-block; float:left;}
.register-form .form-group .col-sm-3{ width:15%; display:inline-block; text-align:left; float:left;}
.register-form .form-group .col-sm-4{ width:60%; display:inline-block; float:left; }
.detail_che_content{ width:100%;}
.detail_che_content .detail_che_left{ width:80%;}
.detail_che_content .detail_che_left dl{ display:block; clear:both;}
.detail_che_content .detail_che_right { padding-right:30px;width:12%;}
.foot-max,
.foot{ width:100%; height:auto; overflow:hidden; padding:10px 0;}
.foot ul{width:25%;}
.cm-shopping-cart,
.cm-member-list{width:100%; overflow:auto;}
.cm-shopping-cart .shopcart-content .col-md-1{ width: 8.33333%;}
.cm-shopping-cart .shopcart-content .col-md-2{width: 18%;}
.cm-shopping-cart .shopcart-content .col-md-3{width: 25%;}
.cm-shopping-cart .shopcart-content .col-md-4{width: 28%;}
.cm-bulk-search .form-group > .col-md-2{ text-align:left!important; width:100%;}
.cm-bulk-search .purity-symbol{ width:30%!important;}
.cm-bulk-search .purity-query{ width:50%!important;}
.cm-add-succeed .col-md-2{ width:16%; display:inline-block; vertical-align:top;}
.cm-add-succeed .col-md-9{ width:78%; display:inline-block; vertical-align:top;}
.cm-add-succeed .add-detailed{display:inline-block;}
.cm-product-detail .table-details .table-info{width:40%;}
.cm-product-detail .table-details .shopping-cart{width:60%;}
.cm-product-detail .table-details .col-md-10 {width:80%;}
.cm-chemicalpro-search .form-group .search-one-item{ padding-left:0;}
.cm-chemicalpro-search .precise-search .control-label{width:15%; display:inline-block; margin-bottom:0; line-height:30px;}
.cm-chemicalpro-search .precise-search .col-md-3{width:30%; vertical-align:middle; margin-bottom:5px;}
.cm-chemicalpro-search .precise-search .col-md-8{width:55%;}
.cm-chemicalpro-search .precise-search .col-more{ padding-top:10px}
.cm-private-letter .col-md-2{ width:25%; display:inline-block; vertical-align:top; line-height:1.7;}
.cm-private-letter .col-md-7{ width:40%; display:inline-block; vertical-align:top;}
.cm-private-letter .col-md-3{ width:28%; display:inline-block;vertical-align:top;}
.modal .modal-dialog.width800{width:80%; margin:0 auto;}
.modal .modal-dialog .form-group label{ display:inline-block;}
.cm-modle-limits .control-label{ width:100%!important; background:#f1f1f1; margin-bottom:5px;}
.cm-modle-limits .form-group.m-t .col-md-9{width:100%;}
.cm-modle-limits .control-label{ text-align:left!important;}
.cm-modle-limits .limits-list div{ width:30%;}
.cm-consignee-body .cargo-message .width600{width:auto;}
.cm-cc-manage-detail .cc-manage-body .col-md-8{ width:60%;}
.cm-cc-manage-detail .cc-manage-body .col-md-2{width:30%;}
.cm-cc-manage-detail .cc-manage-body .col-md-4{width:40%;}
.cm-bulkpm-detail .table-details .col-md-5{ width:40%;}
.cm-bulkpm-detail .table-details .col-md-7{ width:60%;}
.cm-bulkpm-detail .table-details .control-label{width:25%;}
}
@media(max-width: 768px) {
.login-container{width:70%!important; right:15%!important;}
.seek_ch_left,.seek_ch_right{ width:100%;}
.detail_che_content .detail_che_left,
.detail_che_content .detail_che_right { width:100%; padding:0; margin:0;}
.detail_che_content .detail_che_right li{ display:inline-block;}
.cm-supplier-detail .details-right{width:100%; bottom:0; top: initial!important; margin:0;}
.cm-supplier-detail .details-right a{width:25%; display:inline-block; float:left;}
.cm-supplier-detail .details-right a dd{ padding:15px 0!important; margin:0; text-align:center;}
.register-form .col-md-9,
.register-form .col-md-3{ width:100%;}
.foot ul{width:33%;}
.cm-supplier-btn .form-group .col-md-6{width:100%; padding-left:0; margin-top:5px;}
.cm-supplier-btn .form-group .col-md-3 { width:45%;}
.cm-supplier-btn .form-group .col-md-6 .btn{width:45%;}
.cm-company-body .build_che_left {width:100%; background:#fff; margin-bottom:10px;}
.cm-company-body .build_che_left .side-menu-box{padding-left:0;}
.cm-company-body .build_che_left .side-menu-box > li{ width:25%; float:left;}
.cm-company-body .build_che_left .side-menu-box > li .menu{ margin:0 5px;}
.cm-company-body .build_che_right {width:100%;}
.cm-company-body .certificate-detail >.col-md-8{ width:100%;}
.cm-company-body .certificate-detail .control-label{width:35%;}
.cm-company-body .search-wrap [class^="col-md-"]{margin-bottom:5px;}
.cm-company-body .search-wrap .col-md-4{width:40%;}
.cm-company-body .search-wrap .col-md-3{width:35%;}
.cm-company-body .search-wrap .col-md-1{width:25%;}
.cm-company-body .build_che_content_top .col-md-4{ width:30%;}
.cm-chemical-page .seek_ch_left_content .seek_left_point{width:100px; max-width:100px; height:100px; line-height:84px;}
.cm-chemical-page .seek_ch_left_content .seek_left_point img{max-width:100px; max-height:100px;}
.cm-chemical-page .seek_left_right{padding-left:100px;}
ul.expmenu > li ul li{ padding-left:15px!important;}
.cm-scroll-bar{width:100%; overflow:auto; padding:0 0 20px;}
.cm-scroll-bar .inner{width:900px;}
.cm-collect-bar{padding-bottom:0;}
.cm-collect-bar .inner,
.cm-scroll-bar.tenderlist-table .inner{width:600px;}
.tenderlist-table .col-md-3{ width:21%;}
.tenderlist-table .col-md-2{ width:15%;}
.tenderlist-table .col-md-1{ width:12%;}
.cm-shopping-cart .table-body{width:100%; overflow:auto;}
.cm-shopping-cart .table-list{width:900px;}
.cm-shopping-cart .selected-box { margin-top:10px;}
.cm-shopping-cart .selected-num,
.cm-shopping-cart .selected-num span{ padding-left:0!important; position:relative;}
.cm-shopping-cart .selected-num .price{ display:inline-block; width:100%; padding-top:20px;}
.cm-shopping-cart .selected-num .btn{ position:absolute; bottom:5px; right:0px;}
.cm-consignee-body .form-group label{text-align:left; width:100%;}
.cm-consignee-body .form-group label .text-danger{ display:inline-block;}
.cm-consignee-body .form-group .info{ overflow:hidden; display:block; margin:5px 0; width:100%; background:#f1f1f1;}
.cm-consignee-body .form-group .alert-info {color: #31708f; background-color: #d9edf7;}
.ipicker-panel li{ width:30%;}
.cm-cargo-list .cargo-message{}
.cm-cargo-list .cargo-message .width600{width:100%;}
.cm-cargo-list .prepare-list .col-md-6{ width:38%;}
.cm-cargo-list .prepare-list .col-md-2{ width:18%;}
.cm-cargo-list .cargo-message .width600 .col-md-2,
.cm-cargo-list .cargo-message .width600 .col-md-3,
.cm-cargo-list .cargo-message .width600 .col-md-5{width:100%;}
.cm-member-list .table{ width:768px; max-width:768px;}
.cm-purchaser-box{width:100%; overflow:auto; padding:0 0 20px;}
.cm-purchaser-box .purchaser-list{width:720px;}
.mod-sub-nav.width745{ width:100%!important;}
.cm-chemical-pro .seek_ch_left_content{ width:100%; overflow:auto;padding:0 0 20px!important; }
.cm-chemical-pro .seek_ch_left_content .inner{width:1000px;}
.cm-chemicalpro-search .precise-search .col-md-3{width:80%;}
.cm-indent-detail{}
.cm-indent-detail .indent-schedule{width:100%!important;}
.cm-indent-detail .indent-schedule .ui-step-icon{ width:100%;}
.cm-indent-detail .indent-schedule .fa-stack-2x{ font-size:1.2em;}
.cm-indent-detail .ui-step li.ui-step-end{ width:14.88%;}
.cm-indent-detail .ui-step-6 li .ui-step-line{ margin-left:78%; width:40%; margin-top:6px;}
.cm-indent-detail .ui-step-icon .ui-step-text{ top:25px; display:inline-block; line-height:1.5; vertical-align:top;}
.cm-indent-detail .ui-step-icon .text-muted{ display:inline-block; line-height:1.2; }
.cm-indent-detail .ui-step-icon .margin-top-30{ margin-top:40px;}
.cm-indent-detail .indent-schedule .ui-step{ height:170px!important;}
.cm-indent-detail .detail-potion{width:100%; float:inherit; display:block; clear:both;}
.cm-indent-detail .detail-intro .border-dashed-right{ border:none;}
.cm-product-detail .contact-info{}
.cm-product-detail .shopping-cart label{ width:30%;}
.cm-product-detail .shopping-cart .col-md-3{width:35%;}
.cm-product-detail .shopping-cart .col-md-10{ width:60%;}
.cm-issue-common{ overflow:auto; padding:0 0 5px;}
.cm-issue-common dl{width:600px;}
.cm-issue-common dl dt{padding:10px 0!important; margin:10px 0;}
.cm-issue-common .col-md-3{ width:18%;}
.cm-issue-common .col-md-2{width:20%;}
.cm-issue-bidding .col-md-4{ width:100%!important;}
.cm-issue-bidding .build_che_content_top{ padding-top:0!important; padding-bottom:0!important;margin-top:0; margin-bottom:0;}
.cm-bulkpm-detail .table-details .col-md-5{ width:100%;}
.cm-bulkpm-detail .table-details .col-md-7{ width:100%;}
.cm-bulkpm-detail .table-details .control-label{width:32%;}
.ms-hot-market .ms-hot-list li{ width:33%; margin-bottom:15px; }
.cm-entrust-body .entrust-item .item-title h3{width:100%;}
.cm-entrust-body .entrust-item .item-body>div{padding-left:0; height:auto;}
.cm-entrust-body .entrust-item .basic-demand dl,
.cm-entrust-body .entrust-item .basic-btn .btn-box{padding-top:0;}
.cm-entrust-body .entrust-item .basic-btn .btn{width:45%; margin-right:10px;}
.cm-entrust-body .screen-wrap{float:left; margin-top:15px;}
.cm-flow-box li .fa-long-arrow-right{right:-40px;}
}
@media(max-width: 480px){
.wrapper .header-wrap .header-right .name{ display:block;}
.header span{padding-left: 2%;}
.logo-260{width:156px!important ; height:53px!important; }
.login-container {width: 80%!important; right: 50%!important; margin-right:-40%!important;}
.navbar-nav > li{width:33.33%; text-align:center;}
.navbar-nav > li a{padding-left:0; padding-right:0; width:100%;}
.nav-max{text-align:center;}
.nav-max .nav-left{ margin-left:auto;margin-right:auto; float:inherit; display:inline-block;}
.index-top-oper{width:100%; padding-top:25px;}
.nav-center{ margin-top:15px;}
.cm-banner .col-md-3{width:50%; margin-top:5px; margin-bottom:5px;}
.cm-new-chemicals .mod-content .bg-ash{padding:0;}
.cm-new-chemicals .mod-content .bg-ash >span{display: table-cell; white-space: normal; }
.cm-home-body > .col-md-3{width:100%;}
.seek_left_center{width:55%;margin-left:5%;}
.seek_left_right{ width:100%; max-width:100%;}
.seek_left_right div, .seek_left_right p{display:inline-block!important;}
.seek_left_right .btn-w-m{min-width:inherit}
.cm-chemical-page .chemical-list .seek_left_right p{ min-width:95px;}
.cm-chemical-page .chemical-list .seek_ch_left_content{padding-bottom:50px;}
.cm-chemical-page .chemical-list .seek_ch_left_content div:last-child{left:0; right:inherit; width:100%;}
.cm-top-classify .search-wrap,
.cm-top-classify .build_che_congtent,
.seek_ch_left_content .col-md-3,
.seek_ch_left_content .col-md-9{ width:100%;}
.cm-top-classify .search-wrap,
.seek_ch_left_content .col-md-9{ margin-top:15px;}
.cm-top-classify .build_che_congtent a{width:18.5%; padding-left:2px; padding-right:2px; margin:0;}
.pagination-group .pagination{width:100%; margin-top:10px!important;}
.cm-bidding-inquiry .seek_left_center,
.cm-bidding-inquiry .seek_left_right{ width:100%;}
.cm-bidding-inquiry .seek_left_right{ background:#f5f5f5; margin:0; padding:10px;}
.cm-bidding-inquiry .seek_left_right p{ vertical-align:middle; margin:0 5px;}
.cm-supplier-detail .seek_ch_left_content_top > .col-md-2{ position:relative;width:100%; }
.cm-supplier-detail .seek_ch_left_content_top > .col-md-10{ width:100%; padding:10px 0 0 0;}
.cm-supplier-detail .seek-intro{ padding-top:10px;}
.form-group .col-md-2{ width:70%;}
.form-group > .control-label,
.form-group .col-md-8,
.form-group .col-md-6{ width:90%;text-align:left!important;}
.form-group .col-sm-2{ width:40%;}
.form-group .col-sm-4{ width:80%;}
.register-form .col-md-9{padding:0;}
.register-form .form-group .col-sm-3{ width:100%; }
.register-form .form-group .col-sm-4{ width:90%; }
.register-form .form-group .col-md-2{width:40%;}
.register-form .form-group label{ text-align:left;}
.nav-tabs{border:none;}
.nav-tabs > li {width:100px; text-align:center;}
.nav-tabs > li > a{ border-radius:3px; margin:5px; border:1px solid #ddd; padding:10px 0;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{border-color:#2A80B9; background:#2A80B9; color:#fff;}
.cm-company-body .search-wrap .col-md-7{ width:100%;}
.cm-company-body .build_che_left .side-menu-box > li{ width:100%; float:left; display:inline-block; position:relative;}
.cm-company-body .build_che_left .side-menu-box > li .menu{ margin:0; display:none; z-index:999;}
.form-group.search-uncash .col-md-2{ width:30%; padding:0;}
.form-group.search-uncash .col-md-4{ width:90%; margin-bottom:5px;}
.cm-choose-sub .choose-list .seek_left_right{ width:100%;}
.cm-helper-page .build_che_left ,
.cm-helper-page .build_che_right{ width:100%;}
.mod-sub-nav li{ padding-left:1%; padding-right:1%;}
.cm-add-succeed .col-md-2,
.cm-add-succeed .col-md-9{ width:100%;}
.cm-add-succeed .col-md-2{text-align:center!important; margin:0;}
.cm-product-detail .table-details .table-info,
.cm-product-detail .table-details .shopping-cart{width:100%;}
.cm-chemicalpro-search .precise-search .control-label{width:100%; display:inline-block;}
.cm-chemicalpro-search .precise-search .radio-inline.no-margins{ margin-left:10px!important;}
.cm-chemicalpro-search .precise-search .col-md-8{width:90%;}
.cm-private-letter p span{padding-left:0;}
.cm-private-letter p > .col-md-2,
.cm-private-letter p > .col-md-7,
.cm-private-letter p > .col-md-3{ width:100%; text-align:left!important; }
.cm-private-letter .replay-list .text-success{ display:none;}
.cm-private-letter .reply-container{width:100%;}
.cm-company-intro .seek_ch_left_content_top .company-img,
.cm-company-intro .seek_ch_left_content_top label {display:none;}
.cm-modle-limits .limits-list div{ width:50%;}
.cm-cc-manage-detail h3 span{display:block; width:100%; margin-left:0; padding-top:10px; line-height:1.7;}
.cm-cc-manage-detail .cc-manage-body .col-md-4,
.cm-cc-manage-detail .cc-manage-body .col-md-8{ width:100%; border:none;}
.cm-cc-manage-detail .cc-manage-body .col-md-4{background:#f1f1f1;padding:10px;}
.cm-cc-manage-detail .cc-manage-body .col-md-2{text-align:right!important; width:40%;}
.cm-bmanage-edit .form-group .col-md-2{width:45%;}
.cm-bmanage-edit .form-group .control-label{ width:100%;}
.cm-change-password .form-horizontal label{display:block;width:100%;}
.ms-hot-market .ms-hot-list li{ width:50%; }
}
@media(max-width: 380px) {
.seek_left_center{width:50%!important; }
.index-ico a{width:48%;}
.company-product dl{margin: 10px 3%;}
.cm-supplier-detail .col-md-2{width:30%;}
.cm-supplier-detail .col-md-10{width:70%;}
.foot ul{width:50%;}
.seek_ch_left_conten-max .seek_left_center{width:50%;}
ul.expmenu > li ul li {padding-left: 15px !important;}
.cm-product-detail .shopping-cart .col-md-10,
.cm-product-detail .shopping-cart .frind-hint .col-md-2,
.cm-product-detail .shopping-cart .frind-hint .col-md-10{ width:100%;}
.cm-product-detail .shopping-cart .form-group-btn label{ display:none;}
.cm-chemicalpro-search .precise-search .form-group-btn .btn{ min-width:40%; width:40%;}
.cm-bulkpm-detail .table-details .padding-20{padding:10px 5px;}
.cm-chemical-page .seek_left_right,
.cm-chemical-page .seek-right-inner{padding-left:0;}
}
@media(max-width: 330px) {
.ibox-content{padding:0;}
.seek_left_point{width:100%;}
.seek_left_center{width:50%;}
.seek_ch_left_conten-max .seek_left_center{width:40%;}
.cm-cargo-list .btn-w-m{min-width:initial;}
.cm-chemicalpro-search .precise-search .form-group-btn{ width:100%;}
.modal .modal-dialog.width800{width:90%; margin:0 auto;}
.ms-hot-market .ms-hot-list li{ width:80%; }
}