*{font-family: "Microsoft YaHei"; }
/*body,html{ margin:0; padding:0;overflow-x: hidden;height:100%;}*/
img{width:100%; height:auto; width: auto\9;}
input, select, textarea{font-family: "Microsoft YaHei",'Helvetica Neue', Helvetica, sans-serif;font-size: 14px;}
a,a:hover{ text-decoration: none;}
ul li{ list-style: none;}

.clearfix:before, .clearfix:after {content:" ";display:table}
.clearfix:after {clear:both}
.fl{ float: left;}
.fr{ float: right;}
.f12{ font-size: 12px;}
.pr{ position:relative}
.pd6{ padding:6px}
.pd10{ padding:10px}
.pdb10{ padding:10px 10px 5px 10px;}
.pb40{ padding-bottom:20px}
.pb60{ padding-bottom:60px}
.pb80{ padding-bottom:80px}
.plrt10{padding:10px 10px 0 10px}
.mt10{margin-top:10px}
.mr4{ margin-right:4px;}
.mr15{ margin-right:15px;}
.font-222{ color: #222;}
.font-444{ color: #444;}
.font-blue{ color: #00a6f1;}
.font-dblue{ color: #004098;}
.font-orange{ color: #f0831d;}
.font-gray{ color: #999;}
.w30{ width:30%}
.w35{ width:35%}
.w65{ width:65%}
.w70{ width:70%}
.bg-fff{ background-color: #fff;}
.m6{ margin:6px;}
.mb10{ margin-bottom:10px}
.nofontweight{ font-weight:400}
.fontweight{ font-weight:700}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#004098;border-bottom: 2px solid #004098;}
.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{ background-color: #004098;}
.border-right .mui-control-item{position: relative;}
.border-right .mui-control-item:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-right: 1px solid #ccc;
    color: #ccc;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}
.mui-control-item:last-child:after {display: none}
.mui-slider-indicator.mui-segmented-control{background-color: #fff;box-shadow: 0px 0px 12px #ccc;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: none; border-top: none;}
.mui-input-row input.ui-ipt-search{ padding-left:35px; margin-bottom:0; border:1px solid #ddd}
.mui-input-row .mui-input-clear~.icon-chaxun{
    font-size: 20px;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 0;
    width: 38px;
    height: 38px;
    text-align: center;
    color: #999;}
.gc-ui-list,.gc-ui-blist,.gc-ui-handlelist{ position: relative;width:100%;display: inline-block;margin-top:0;padding:0;}
.gc-ui-blist{border-top:1px solid #E2E2E2}
.gc-ui-list li.gc-ui-list-item{position: relative;background:#fff; box-shadow: 0 0 5px #d8d8d8; border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;margin:0 6px 6px 6px;overflow: hidden;padding: 8px 10px;webkit-touch-callout: none;}
.gc-ui-blist li.gc-ui-list-item{position: relative;background:#fff;border-bottom:1px solid #e2e2e2;overflow: hidden;padding: 8px 28px 8px 10px;webkit-touch-callout: none;}
.gc-ui-handlelist li.gc-ui-list-item{position: relative;background:#fff;border-bottom:1px solid #e2e2e2;overflow: hidden;padding: 8px 10px 8px 10px;webkit-touch-callout: none;}
.gc-ui-list-item a h3{ font-weight: 400;}
.gc-ui-list-item a h3 span.orderNum{ font-size: 16px; color: #111;}
.gc-ui-list-item a h3 span.orderTime{ font-size: 12px; color: #999;}
.gc-ui-list-item a p.mb4{ margin-bottom:4px ;}
.gc-ui-list-item a p.mb0{ margin-bottom:0px ;}
.gc-ui-list-item a h3 span.username{font-size: 14px; color: #111;}
.gc-ui-list-item a h3 span.phonenum{font-size: 13px; color: #333;}
.gc-ui-blist .gc-ui-list-item a h3,.gc-ui-handlelist .gc-ui-list-item a h3{ color: #111; font-weight:400; font-size:15px}
.gc-ui-blist .gc-ui-list-item a p i{font-size: 17px;position: relative;top: 1px;}
.gc-ui-blist .mui-navigate-right:after, .mui-push-right:after{right:8px}
.gc-ui-handlelist .mui-table-view-cell:after{height:0}
.gc-ui-handlelist .mui-media-body{ padding-right:24px;}

.m-category{display: block;background: #fff;}
.mui-row.mui-fullscreen.m-category>[class*="mui-col-"] {height: 100%;}
.m-category .mui-segmented-control .mui-control-item {line-height: 50px;width: 100%;}
.app-left,.app-right{overflow-y: auto;height: 100%;}
.app-right{background-color: #eeeeee;}
.app-left .mui-segmented-control-vertical .mui-control-item.mui-active{ color:#004098; background-color: #EEEEEE;border-bottom: 1px solid #ddd}
.app-left .mui-control-item:after{border-right:none}
.app-left .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item{ border-bottom:1px solid #ddd}
.brand-title{ font-size: 15px; color: #222; font-weight:400;margin-bottom: 10px;}
.app-right .mui-control-content{ padding:10px; height:100%}
.brandlist{background-color: #fff; width:100%; display: inline-block;padding-top:10px}
.brand-item{ float: left; width:47%; margin-left:2%; text-align: center;}
.mui-slider .mui-slider-group .mui-slider-item .brand-item img{ width:100%; height:120px; overflow: hidden; text-align: center; border:1px solid #ddd; vertical-align: top; margin-bottom:2px;}
.brand-item p{ text-align: center; font-size: 15px; color: #111; margin-top: 8px; margin-bottom: 15px;}

.modellist .mui-media-object {line-height: 55px;max-width: 55px;height: 55px;}
.model-name{ width: 80%; font-size: 14px; color: #222;}
.model-price{ width: 20%; font-size: 14px; color: #333; text-align: right;}
.model-format{ font-size:12px;}
.modellist .mui-table-view-cell:after{left:0}

.model-detail{ position: relative;background: #fff; padding:10px;}
.model-detail h3{ font-size: 14px; font-weight: 400; color: #111;}
.model-detail p{ margin-bottom:0}
.txt-price{ font-size: 16px; color: #f66204;margin-top:5px}
.gc-form{ margin-top: 10px;}
.gc-form .mui-input-row:after{left:0}
.gc-form .mui-input-row label{ font-size: 14px;}
.gc-form .mui-input-row{height:48px}
.gc-form .mui-input-row label{padding:16px 15px}
.gc-form .mui-input-row input[type=text]{margin-top:3px }
.gc-form .mui-input-row .mui-numbox{    margin: 6px 8px;}
.gc-bottom{position:fixed;table-layout: fixed;width:100%;left:0;bottom:0;left:0;z-index:9999;padding:6px; background-color: #fff; border-top:1px solid #ddd;box-shadow: 3px 0px 3px #ddd;-webkit-box-shadow: 3px 0px 3px #ddd;}
.gc-bottom h2{ font-size: 15px; text-align: center; font-weight:500}
.gc-bottom h2 span{ color: #f66204; font-weight:600; margin-left:10px}
.gc-bottom a{display:inline-block;width: 100%;font-size:15px;height:40px; line-height: 40px; text-align: center; color: #fff; background-color: #004098; border-radius:4px;-webkit-border-radius:4px}
.mui-slider-indicator .mui-active.mui-indicator{background: #004098;}
.mui-slider-indicator .mui-indicator{width: 8px;height: 8px;}

.outerframe{background: #fff;box-shadow: 0 0 3px 2px #E4E4E4;margin-bottom:6px}
.userinfo p{margin-bottom: 6px; color: #333;}
.userinfo p:last-child{margin-bottom:0}
.gc-title{border-left:4px solid #004098; font-size: 15px; color: #222; font-weight: 600; text-indent: 5px;}
.shopping-cart .mui-table-view-cell{padding: 11px 0;}
.shopping-cart .mui-table-view-cell>a:not(.mui-btn){margin: -11px 0;}
.shopping-cart .mui-table-view:before{height:0}
.p-name{ color: #222;margin-bottom: 10px; font-size: 13px;}
.p-size{ font-size: 12px;}
.textbox{ width:calc(100% - 92px); overflow: hidden; word-break: break-all;}
.modellist .mui-numbox{ height:28px;width:90px; padding:0 25px;}
.modellist .mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn]{width:25px}
.mui-ellipsis-4 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.statebox{width:100%;padding:20px 10px;text-align: center; font-size: 18px; color: #111; line-height: 30px;}
.statebox i{ font-size: 28px; position:relative;top:4px}
.print-btn{ width:100%; text-align: center;padding-top: 5px;padding-bottom: 3px;}
.print-btn a{ display: inline-block; padding:6px 22px 8px 22px; font-size:16px; color:#eb821c;border-radius:30px;-webkit-border-radius:30px; border: 1px solid #eb821c;}
.print-btn a:hover,.print-btn a:active{ background-color: #eb821c; color: #fff;}
.print-btn a i{ font-size:20px;position:relative;top:2px; }
.order-total{ padding:8px 0 5px; color: #000; font-size: 14px; margin-bottom:0}
.order-total span.fr{ color: #eb821c; font-weight:600}
.iptbox label{ float:left; width:90px; font-size: 14px; color: #eb821c; font-weight:600; line-height: 35px;}
.iptbox input{ float: left;width:calc(100% - 92px); height:35px; line-height: 35px;margin-bottom:0}
.gc-orderinfo span{display: inline-block;line-height: 1;font-size: 15px; color: #004098; border-left:4px solid #004098; padding-left: 5px;}
.gc-orderinfo a{ color: #004098;}
.textlist{ width: 100%; display: inline-block; margin:0;padding:0;}
.textlist li{ display: inline-block;padding:10px;width:100%; font-size: 14px; color: #333; border-bottom:1px solid #ddd;}
.textlist li:last-child{ border-bottom:none}
.textlist li textarea{ padding:5px 0 0 0; border:none; margin-bottom: 0;}
.in-btn{ padding: 10px 20px;}
.in-btn a{ display: inline-block; padding:10px; background-color: #004098; color: #fff; font-size:16px;width:100%; border-radius:4px;-webkit-border-radius:4px; text-align: center;}

.uibox{display: -webkit-box !important;display: box !important;position: relative;}
.uinn-margin{padding: 10px 12px 0 20px;}
.line {width: 0.125em;background-color: #d1d1d1;}
.pbottom{padding-bottom: 12px;}
.ub-f1ex{position: relative;-webkit-box-flex: 1;box-flex: 1;}
.ub-vertical {-webkit-box-orient: vertical;box-orient: vertical;}
.ub-acenter {-webkit-box-align: center;box-align: center;}
.s-circle {position: absolute;left: -11px;top: 2px;font-size: 20px;}
.rcontentbox {padding: 0 0 8px 17px;}
.r-triangle {width: 9px;height: 9px;-webkit-transform: rotate(45deg);position: absolute;left: 13px;top: 10px;z-index: 4;}
.lcontent-gray {border: 1px solid #d7d7d7;}
.rborder-lb-gray {border-left: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
.uipm {padding: 11px 10px;;margin: 0;}
.imgbox{ float: left;width: 100%;}
.imgbox a {float:left; margin-right:5px;margin-bottom:5px}
.imgbox a img{ width: 60px; height:60px; line-height: 60px; vertical-align: top; }
.history-txt{ float: left;}
.history-txt p{ color: #222;margin-bottom:0px; word-break:break-all;}

.gc-infobox p{ color: #222; margin-bottom:5px}
.gc-infobox p:last-child{ margin-bottom:0}
.gzlist span{ font-size: 14px;}
.gc-dialog .mui-popup-title{ font-size: 15px;margin-bottom: 6px;}
.mui-popup-content p{ font-size: 14px; text-align: left; color: #222; margin-bottom:5px}
.mui-popup-content p textarea{ margin-bottom:0}
.mui-statebox{ text-align: left; font-size:14px;}
.mui-statebox .mui-radio input[type=radio]{top:-4px; left:10px;}
.state-ok{ padding-left:42px;}
.mui-ui-title{ font-size: 15px; color: #004098; font-weight:400}
.gzlist p{ border-bottom:1px solid #e2e2e2;padding:5px 10px; color: #222;}
.payroll-list p{color: #222;}
.payroll-list p.payroll-time{ color: #555; font-size: 13px;}
.mui-table-mlist{position: relative;margin-top: 0;margin-bottom: 0;padding-left: 0;list-style: none;}
.mui-table-mlist .mui-table-view-cell{padding:0;background-color: #fff;margin-bottom:6px;border-top:1px solid #e2e2e2}
.mui-table-mlist .mui-table-view-cell .mui-slider-handle .mui-ui-title{padding:10px 10px 0 10px}
.mui-popup-content label{ font-size: 14px; color: #222; text-align: left; padding:11px 0;}
.mui-popup-content .mui-input-group .mui-input-row:after{left:0}

.errorbox{
    position: fixed;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 200px;
    -webkit-transform: translate3d(-50%,-50%,0) scale(1);
    transform: translate3d(-50%,-50%,0) scale(1);
    text-align: center;
}
.errorbox img{width:160px;}
.errorbox p{ font-size: 14px; color: #555; text-align: center;margin-bottom:5px;}
.gc-classify{ float: left; width:100%; font-size: 14px; color: #004098; text-align: right;line-height: 28px;}
.text-special{font-weight: 600;}
.bg-blue{ background-color: #004098;}
.mb6{margin-bottom:6px}
.bg-blue .font-fff{ color: #fff;}
.bg-blue .mb0{ margin-bottom:0}
.sectionbox{ float: left;width:50%;overflow: hidden;}
.sectionbox .big-number{text-align: center; font-size: 20px;font-weight: 500;color: #fff;margin:12px 0 5px 0;}
.sectionbox p{ color: #fff; text-align: center;}
.special-box .mui-table-view-cell>a:not(.mui-btn){margin:0}

/*打印页面*/
.printbox{ position: relative;padding:5px 15px;}
.printcontent,.subcontent{ position:relative;width: 100%;}
.printbox h2{font-size:20px;font-weight:500; color: #111; text-align: center;padding:5px 0;}
.subcontent img{ float: left;width:200px; height:49px; overflow: hidden;}
.subcontent span{ float: right; font-size: 14px; color: #111; line-height: 49px;}
.title-table{ width:100%; border:1px solid #000000; border-right: none;margin:10px 0}
.title-table tr td{ vertical-align: top;border-right:1px solid #000000; width:50%;padding:10px}
.title-table tr td p {margin:0.5em;}
.title-table tr td p .t-title{ float:left;font-size:12px; color: #000; font-weight:600;width:80px;}
.title-table tr td p .t-txt{ float:left;font-size: 12px; color: #222;width:calc(100% - 80px)}
.tlistcontent{ width:100%;}
.lft-content,.rft-content{ float: left;width:100%;}
.title-table tr td .rft-content p .t-title{width:50px}
.title-table tr td .rft-content p .t-txt{width:calc(100% - 50px)}
.detailbox{ position:relative;width:100%;border: 1px solid #000000; box-sizing: border-box;overflow: hidden;}
.mark-txt{ font-size:14px; color: #333;}
.table-content,.table-item{border:none;width:100%;}
.table-content tr th{ height:30px; font-size: 12px; color: #000; border-bottom:1px solid #000000}
.table-item tr td{vertical-align: top;font-size: 11px; color: #000000; text-align: center;padding:0.5em 0.325em}
.table-item tr td.t-total{ text-align: center; font-weight:600;padding-right: 1em;}
.bottom-total{ position: relative; width: 100%; margin-top: 30px;  border-top:1px solid #000000;}
.bottom-total-content{ float: right;width: 50%;border-left: 1px solid #000000;padding: 15px;}
.bottom-left-sign{position: relative;width: 40%;height: 100%;top: 50px;margin-left: 15px;}
.bottom-left-sign p { float:left;font-size:0.75em; color: #222;position: relative;}

.bottom-total-content p .t-title{ float:left;font-size:0.75em; color: #000; font-weight:600;width:150px;}
.bottom-total-content p .t-txt{ float:left;font-size: 0.75em; color: #222;width:calc(100% - 150px)}

.newlistbox{position: relative;width:100%;padding: 6px 2px 6px 2px;}
.newlistbox ul{ width:100%; display: inline-block;padding:0; float: left;margin:0}
.newlistbox ul li{ float: left; width:47%; margin-left:2%; overflow: hidden; background-color: #fff; border-radius:6px;margin-bottom:8px}
.newlistbox ul li .newlist-item{ display: block; padding-bottom:5px}
.newlistbox ul li .newlist-item img{ width: 100%; height:170px; vertical-align: top;margin-bottom:5px}
.newlistbox ul li .newlist-item p{margin-bottom:1px;padding:0 10px}
.newlistbox ul li .newlist-item p.newlist-title{font-size: 14px; color: #111;}
.newlistbox ul li .newlist-item p.new-format{ font-size: 12px; color: #666;}
.newlistbox ul li .newlist-item p.new-price{ color: #ff5513; font-size:15px}
.newlistbox ul li .newlist-item p.new-price span{ font-size:12px}


/*ipad*/
@media screen and (min-device-width: 768px) and (max-device-width: 1536px){
    .modellist .mui-media-object{line-height: 90px;max-width: 90px;height: 90px;}
    .brand-item{width:30.5%;margin-left:2%;}
    .mui-slider .mui-slider-group .mui-slider-item .brand-item img{height:160px}
    .newlistbox{position: relative;width:100%;padding: 10px 2px 10px 2px;}
    .newlistbox ul li{ float: left; width:30.5%; margin-left:2%; overflow: hidden; background-color: #fff; border-radius:6px;margin-bottom:10px}
    .newlistbox ul li .newlist-item img{ height:240px}}

.refundSum {
    color: red;
}

.loading_mask {
    z-index:999999;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    background-color:#dddddd;
    background-image:url(../../images/loading.gif);
    background-repeat:no-repeat;
    background-position:center center;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}

.zf {
    background-color: #d4d4d4 !important;
}
.mui-media-body.zf::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    width: 60%; /* 根据图片大小调整 */
    height: 60%; /* 根据图片大小调整 */
    background-image: url('../css/zf1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; /* 或者使用具体的尺寸，如 '50px 50px' */
}