@charset "utf-8";

/*css reset*/
* {
 padding: 0;
 margin: 0;
}

body {
 font-family: MicrosoftYaHei !important
}

body, .container {
 max-width: 100% !important;
 background: #fff !important;
}

body, button, input, select, textarea {
 font-size: 14px;
}

h1, h2, .Content-title {
 font-size: 20px;
}

h3 {
 font-size: 18px;
}

a {
 text-decoration: none;
 color: #31497c;
}

a.red {
 text-decoration: none;
 color: #ff0000;
}

a.black {
 text-decoration: none;
 color: #000000;
}

a.green {
 text-decoration: none;
 color: #1ca446;
}

a:hover {
 text-decoration: none;
}

img, .Content-body img {
 border: 0;
 vertical-align: middle;
 max-width: 100%;
 height: auto !important;
 margin: 0;
}

.Content-body {
 padding: 0;
}

button, input, select, textarea {
 font-size: 100%;
 vertical-align: middle
}

textarea {
 height: expression((this.scrollHeight+5)+'px');
}

table {
 width: 100%;
 border-spacing: 0px;
 margin: 0px;
 padding: 0px;
 border-collapse: collapse;
}

header, footer, article, section, nav, menu, hgroup, time {
 display: block;
 clear: all;
}

.wrap {
 width: 98%;
 line-height: 18px;
}

.navbar {
 margin-bottom: 0px;
}

.panel {
 border: 0;
}

.panel-body {
 padding: 0px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
 padding: 3px;
}

#maincontent {
 padding: 0px;
 max-width: 480px;
 position: relative;
 margin: 0 auto;
 overflow: hidden;
}
#maincontent .container{justify-content: center !important;}
.fixed-bottom {
 width: 480px;
 max-width: 100% !important;
 left: auto;
 right: auto;
 bottom: 0px;
 margin: 0;
 border: 0 none;
 border-radius: 0;
}

.container {
 padding: 0 5px;
}

.breadcrumb, .ui-portlet-header {
 padding-left: 0px;
}

hr, .ui-portlet {
 margin: 10px 0;
}

.nav-pills>li>a {
 padding: 5px 10px !important;
 margin-right: 10px !important;
}

.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
 position: relative;
 min-height: 1px;
 padding-left: 10px;
 padding-right: 10px;
}

.col-md-8 {
 width: 100%;
}

.row, .form-horizontal .form-group {
 margin-left: -10px;
 margin-right: -10px;
}

.btn {
 margin-right: 5px;
 padding: 3px 8px;
 margin-bottom: 5px
}

.bg-organge {
 background: #ff793f !important
}

.btn-primary {
 background: #ff793f !important
}

.btn input[type="radio"], .btn input[type="checkbox"], .btn label {
 margin: 0 0;
 font-weight: normal;
}

.navbar-fixed-bottom {
 bottom: 0;
 margin-bottom: 0 !important;
 margin-right: 0 !important;
}

.cart-concern-btm-fixed .btn, .navbar-fixed-bottom .btn, .fixed-bottom .btn {
 margin: 0 !important;
}

.form-control {
 padding: 5px 5px;
}

select.form-control:not([size]):not([multiple]) {
 height: calc(1.5rem + 10px);
}

.form-group {
 margin-bottom: 5px;
}

.consignee-box .inok {
 bottom: 0;
}

.consignee-box .inok img {
 margin: 0;
}

.consignee-box {
 height: auto;
}

.consignee-box .address {
 min-height: auto !important;
}

#part_consignee .consignee-item:nth-child(n+4) {
 display: none;
}

#part_consignee.show-more .consignee-item:nth-child(n+4) {
 display: block !important;
 visibility: visible !important;
}

ul, ol {
 padding-left: 30px;
 margin-left: 0;
}

.breadcrumb, .breadcrumb+hr {
 display: none;
}

.upload-fileitem, .upload-fileitem .btn {
 display: inline-block;
 width: 120px;
}

.upload-fileitem img {
 max-height: 120px;
 max-width: 120px;
}

.swfupload-control .upload-filelist {
 flex: 0 0 100%;
 margin-left: 0 !important;
}

.jGrowl .jGrowl-notification {
 padding: 2px 10px;
 width: 300px;
 max-width: 300px;
}

.jGrowl .jGrowl-notification .jGrowl-close {
 right: 5px;
 top: 0px;
}

.modal-dialog {
 max-width: 100% !important;
 width: auto !important;
 margin: 0.5rem;
}

.modal-header, .modal-footer {
 padding: 5px 10px;
}

.modal-body {
 padding: 10px;
}

.modal-body .line {
 display: none;
}

#toTop {
 width: 41px;
 height: 41px;
 background-size: cover;
}

#toTopHover {
 width: 41px;
 height: 41px;
}

.form-horizontal .col-form-label, .col-form-label {
 line-height: 30px;
 text-align: left;
}

.cart-concern-btm-fixed {
 display: table;
 position: fixed;
 left: 0;
 bottom: 0;
 z-index: 10;
 text-align: center;
 width: 100%;
 height: 50px;
 background: #f5f5f5;
 overflow: hidden;
}

.concern-cart {
 width: 37.5%;
 float: left;
 height: 50px;
 overflow: hidden;
 position: relative;
}

.concern-cart a {
 width: 33.33%;
 color: #232326;
 font-size: 12px;
 display: inline-block;
 line-height: 50px;
}

.concern-cart .fa {
 width: 23px;
 height: 16px;
 display: block;
 margin: 0 auto;
 margin-top: 10px;
 margin-bottom: 4px;
 font-size: 14px;
}

.concern-cart a span {
 display: block;
 line-height: 9px;
 height: 15px;
 text-align: center;
}

.action-list {
 float: left;
 width: 62.5%;
 height: 100%;
 overflow: hidden;
}

.directorder {
 width: 100%;
 background-color: #f23030;
 display: inline-block;
 color: #fff;
 line-height: 50px;
 font-size: 15px;
}

.directorder:hover, .directorder:focus {
 color: #FFF;
}

.book-menu {
 display: none;
}