/* ---------- public css ---------- */ body {background-color:#fff;} .clear {clear: both !important;float: none !important;font-size: 0 !important; height: 0 !important;line-height: 0 !important;overflow: hidden !important;} .overflow-ell{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} span.overflow-ell, a.overflow-ell {display: inline-block;} .break-word {overflow-wrap: break-word;word-wrap:break-word;} ::-moz-selection{background-color:#f60; color:#fff;} ::selection {background-color:#f60; color:#fff;} h1, h2, h3, h4, h5{font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;} a {color: #3f56a1;} a:hover, a:focus, a:active {color: #2f4690;} .label-eBay{ background-color:#0563d4; color:#fff;} .text-eBay{ color:#0563d4 !important;} .label-Amazon{ background-color:#f6b81d; color:#030303;} .text-Amazon{ color:#f6b81d !important;} .label-Aliexpress{ background-color:#f36d6f; color:#fff;} .text-Aliexpress{ color:#c21f22 !important;} .label-Wish{ background-color:#75b9e6; color:#fff;} .text-Wish{ color:#75b9e6 !important;} .label-Dhgate{background-color:#f5bc32} .text-Dhgate{ color:#75b9e6 !important;} .label-lazada{ background-color:#44595b; color:#f8862d;} .text-lazada{ color:#44595b !important;} .text-orange{ color:#f60 !important;} .text-orange:hover{ color:#d45602 !important;} .label-orange, .badge-orange{ background-color:#d45602; color:#fff;} .text-gray{ color:#d8d8d8 !important;} .text-gray:hover{ color:#ccc !important;} .label-gray, .badge-gray{ background-color:#d8d8d8; color:#6a6a6a;} .text-inverse{ color:#2a2a2a !important;} .text-inverse:hover{ color:#333 !important;} .text-purple{ color:#ef13b9 !important;} .text-purple:hover{ color:#ef13b9 !important;} .label-purple, .badge-purple{ background-color:#ef13b9; color:#fff;} .label-mabang{ background-color:#202020; color:#c71d26;} .label-cdiscount{ background-color:#174680; color:#fba337;} .text-cdiscount{ color:#174680 !important;} .label-ensogo{ background-color:#c40d45; color:#fff;} .text-ensogo{ color:#c40d45 !important;} .label-linio{ background-color:#fe5e00; color:#fff;} .text-linio{ color:#fe5e00 !important;} .text-primary {color: #3f56a1 !important;} .text-primary:hover {color: #2e50bf !important;} .bg-muted {background: #dde4e6; color: #5e5e5e;} .text-lan{color: #428bca !important;} .text-lan:hover {color: #4e94d0 !important;} .label-tobox{ background-color:#ff8d00; color:#56658a;} .text-tobox{ color:#56658a !important;} .text-tophatter{ color:#5f4b90;} .label-tophatter{ background-color:#5f4b90; color:#fff;} .label-kilimall{ background-color:#ec7429; color:#fff;} .text-kilimall{ color:#ec7429 !important;} .label-shopify { background-color:#6faa2d; color:#fff;} .text-shopify { color:#6faa2d !important;} .label-shopee { background-color:#ff5722; color:#fff;} .text-shopee { color:#ff5722 !important;} .label-1688 { background-color:#ff6000; color:#fff;} .text-1688 { color:#ff6000 !important;} .label-joom { background-color:#27c28d; color:#fff;} .text-joom { color:#27c28d !important;} .label-joybuy { background-color:#c61621; color:#fff;} .text-joybuy { color:#c61621 !important;} .label-centaur { background-color:#08313d; color:#fff;} .text-centaur { color:#08313d !important;} .label-bigcommerce { background-color:#34313f; color:#fff;} .text-bigcommerce { color:#34313f !important;} .container-fluid .badge, .container-fluid .label{ line-height:18px;} .container-fluid .btn .badge, .container-fluid .btn .label{ line-height: 1.7;} .bgcolor-muted { background-color:#dde4e6 !important;border-color:#dde4e6 !important;color:#b1c2c6 !important;} .underline, .underline:hover, .underline:focus{text-decoration: underline !important;} .break-word{word-break: break-all; word-wrap: break-word;} .fsize12{ font-size: 12px;} .fsize14{ font-size: 14px;} .person-br {border-right: 1px solid #ddd !important;} .person-br2 {border-right: 3px solid #ddd !important;} .pull-left {float: left;} .bdr2 {border-left: 1px solid #cfd9db; border-right: 1px solid #cfd9db;} .border {border: 1px solid #cfd9db;} .bdr3 {border-top: 1px solid #cfd9db; border-left: 1px solid #cfd9db; border-right: 1px solid #cfd9db;} .bdr-top0 {border-top:none;} .list-body.ptb10 li>ul>li {padding-top: 10px; padding-bottom: 10px;} .opacity0{ -webkit-opacity: 0; opacity: 0;} .opacity20{ -webkit-opacity: 0.2; opacity: 0.2;} .opacity40{ -webkit-opacity: 0.4; opacity: 0.4;} .opacity60{ -webkit-opacity: 0.6; opacity: 0.6;} .opacity80{ -webkit-opacity: 0.8; opacity: 0.8;} .opacity100{ -webkit-opacity: 1; opacity: 1;} .badge-white, .hasnotification-white, .label-white, .badge-white{ background-color:#fff; color:#999; font-size:12px;} .label-primary .badge-white{color:#7ca4d2;} .label-danger .badge-white{color:#ed5466;} .label-purple .badge-white{color:#ef13b9;} .label-info .badge-white{color:#63d3e9; } .text-warning, .text-warning:hover{color:#a87a01 !important;} .btn.btn-warning{ color:#a87a01; text-shadow:0 -1px 0 rgba(255, 255, 255, 0.3);} .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .open .dropdown-toggle.btn.btn-warning{color:#a87a01; } /*.btn.btn-default:focus{ background-color: #f5f5f5; border-color: #cfd9db; color: #6a6a6a;outline:none}*/ .btn.btn-white{ color:#6a6a6a; text-shadow: none; background-color: #fff; border-color: #cfd9db;} .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active, .btn.btn-white.active, .open .dropdown-toggle.btn.btn-white{color:#444; } .btn-primary {background-color: #7ca4d2; border-color: #6c91bc;} /*.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {background-color: #6285ad; border-color: #5478a1;}*/ .btn-primary.active, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, .open .dropdown-toggle.btn-primary, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {background-color: #6285ad; border-color: #5478a1;} .btn-success {background-color: #90bf5b; border-color: #7dab4a;} .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {background-color: #7cb145; border-color: #608f32;} .badge-primary{background-color: #7ca4d2;} .btn.btn-orange {background: #fc5200; color: #fff;} .btn.btn-orange:hover, .btn.btn-orange:focus, .btn.btn-orange:active, .btn.btn-orange.active, .open .dropdown-toggle.btn.btn-orange {background: #fd6b23; color: #fff;} .btn.btn-Amazon{ background-color:#f6b81d; color:#030303;} .btn.btn-Amazon:hover, .btn.btn-Amazon:focus, .btn.btn-Amazon:active, .btn.btn-Amazon.active, .open .dropdown-toggle.btn.btn-Amazon {background: #fdc53b; color:#030303;} .btn.btn-link{ color:#7ca4d2; text-shadow: none; background-color: transparent; border-color: transparent;} .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link.active, .open .dropdown-toggle.btn.btn-link{color:#444; } .btn:focus,.btn:active {outline:none;} .fr{ float: right;} .fl{ float: left;} .fsize9 {font-size:9px;} .table-title {font-size: 16px !important; font-weight: 600; height: 40px; margin: 0; line-height: 40px;} .bor-bt {border-bottom: 1px dotted #cfd9db;} .posi_rel{position: relative;} .dis-block {display: block;} .table-title {font-size: 16px !important; font-weight: 600; height: 40px; margin: 0; line-height: 40px;} body .btn-default.active, body .btn-default.active[disabled], body fieldset[disabled] .btn-default.active, body fieldset[disabled] { background-color:#c0c0c0; color:#fff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3) inset; -moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3) inset; -ms-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3) inset; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3) inset; border-color:#999;} #main .page-nav .btn-default.active{ z-index:0;} #main .page-nav .input-group .form-control{ z-index:0;} #header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .avatar > img {height: 100%;} .filter-group{ position: relative; padding-right: 15px;} .clear-word{ position: absolute; line-height: 32px; right: -20px; top: 0; font-size: 18px; z-index: 2; color: #999; cursor: pointer; display: none;} body .tooltip, body .popover {z-index: 1051;} .tooltip .btn-close{ position:absolute; right:-8px; top:-6px; width:20px; height:20px; border-radius:50%; line-height:19px; text-align:center; color:#fff; font-size:12px; border:1px solid rgba(255,255,255,0.5);background-color:#000; cursor:pointer; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); transform:scale(0.7);} .tooltip .btn-close:hover{ background-color:#333; color:#fff;} .tooltip.tooltip-warning .tooltip-inner, .tooltip.tooltip-warning .btn-close{ background-color: #f60;} .tooltip.tooltip-warning.top .tooltip-arrow{border-top-color: #f60; border-top-width: 6px;} .tooltip.tooltip-warning.bottom .tooltip-arrow{border-bottom-color: #f60; border-bottom-width: 6px;} .tooltip.tooltip-warning.left .tooltip-arrow{border-left-color: #f60; border-left-width: 6px;} .tooltip.tooltip-warning.right .tooltip-arrow{border-right-color: #f60; border-right-width: 6px;} .popover .popover-content{word-break: break-all; word-wrap: break-word;} .popover.popovertip{ border-color:#ed5466;} .popover.popover.right > .arrow{ border-right-color:#ed5466;} .popover.popovertip .popover-content{ color: #ed5466; font-weight: bold;} .popover.popovertip .btn-remove{ display: block; width: 18px; height: 18px; border-radius: 50%; background-color: #ed5466; line-height: 18px; text-align: center; position: absolute; right: -8px; top: -8px; color: #fff; font-size: 12px; cursor:pointer;} .popover.group-content.bottom {margin: 0; max-width: none;} .popover.group-content .popover-content {width: 800px;} .select_destination_settings .close_inputgroup {position: absolute; right: 30px; z-index: 1;} .select_destination_settings .panel-group {border-bottom: 1px solid #ddd; padding: 10px 0;} .select_destination_settings .panel-group:last-child {border-bottom: none;} .key{margin:0 5px; padding:0 5px; font-weight:bold; text-align: center; font-size:11px; font-family:Tahoma, Geneva, sans-serif;color: #777;background: #EFF0F2; border-top: 1px solid #F5F5F5; text-shadow: 0px 1px 0px #F5F5F5; -webkit-box-shadow: inset 0 0 15px #eee, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333; -moz-box-shadow: inset 0 0 25px #eee, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;box-shadow: inset 0 0 25px #eee, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333; display: inline-block;border-radius: 1px;} .current-set{ text-align:center; padding:7px 0 7px 15px; line-height:20px; color:#999; display:inline-block; float:left;} .col-custom-1, .col-custom-10, .col-custom-11, .col-custom-2, .col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6, .col-custom-7, .col-custom-8, .col-custom-9{float:left;min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative;} .table-layout > .col-custom-1, .table-layout > .col-custom-10, .table-layout > .col-custom-11, .table-layout > .col-custom-2, .table-layout > .col-custom-3, .table-layout > .col-custom-4, .table-layout > .col-custom-5, .table-layout > .col-custom-6, .table-layout > .col-custom-7, .table-layout > .col-custom-8, .table-layout > .col-custom-9 {display: table-cell; float: none; table-layout: fixed; vertical-align: middle;} .col-custom-12{min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative;} .col-custom-1{ width:8.3333%} .col-custom-2{ width:16.6667%} .col-custom-3{ width:25%} .col-custom-4{ width:33.3333%} .col-custom-5{ width:41.6667%} .col-custom-6{ width:50%} .col-custom-7{ width:58.3333%} .col-custom-8{ width:66.3337%} .col-custom-9{ width:75%} .col-custom-10{ width:83.3333%} .col-custom-11{ width:91.6667%} .col-custom-12{ width:100%} .pct60{ width:60%;} .pct50{ width:50%;} .pct40{ width:40%;} .pct30{ width:30%;} .pct25{ width:25%;} .pct20{ width:20%;} .pct18{ width:18%;} .pct16{ width:16%;} .pct15{ width:15%;} .pct14{ width:14%;} .pct13{ width:13%;} .pct12{ width:12%;} .pct11{ width:11%;} .pct10{ width:10%;} .pct9{ width:9%;} .pct7{ width:7%;} .pct8{ width:8%;} .pct6{ width:6%;} .pct5{ width:5%;} .pct4{ width:4%;} .pct3{ width:3%;} .pct2{ width:2%;} .alert-nodata{background-color: #f8f8f8; border-color: #e0e0e0;} .group-nodata, .group-success, .group-warning, .group-error{min-height:70px; line-height:24px;} .group-nodata i, .group-success i, .group-warning i, .group-error i{ float:left; font-size:3.5em; line-height:40px; padding:10px; filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;} .group-nodata{background-color: #f8f8f8; border-color: #e0e0e0; color:#6A6A6A !important;} .group-nodata.group-sm {min-height:40px; line-height:20px; padding-top: 5px; padding-bottom: 5px;} .group-nodata.group-sm i, .group-success.group-sm i, .group-warning.group-sm i, .group-error.group-sm i {font-size: 2em; line-height: 25px; padding: 5px;} .control-label.text-left{ text-align:left;} .control-label.text-center{ text-align:center;} .label-word{background: #efefef none repeat scroll 0 0;border-radius: 3px;color: #333;display: inline-block; line-height: 22px;margin: 0 4px 3px 0;padding: 1px 5px;vertical-align: baseline;} .label-word .close{margin-left: 5px;} .badge, .label {font-size: 12px;} /* ---------- css3 loading ---------- */ #floatingCirclesG{position: absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px; width:150px;height:150px;-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);} .f_circleG{position:absolute;background-color:#7ca4d2;height:27px;width:27px;-moz-border-radius:14px;-moz-animation-name:f_fadeG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:14px;-webkit-animation-name:f_fadeG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear; -ms-border-radius:14px;-ms-animation-name:f_fadeG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:14px;-o-animation-name:f_fadeG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;border-radius:14px;animation-name:f_fadeG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:linear;} #frotateG_01{left:0;top:61px;-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s;} #frotateG_02{left:18px;top:18px;-moz-animation-delay:0.52s;-webkit-animation-delay:0.52s;-ms-animation-delay:0.52s;-o-animation-delay:0.52s;animation-delay:0.52s;} #frotateG_03{left:61px;top:0;-moz-animation-delay:0.65s;-webkit-animation-delay:0.65s;-ms-animation-delay:0.65s;-o-animation-delay:0.65s;animation-delay:0.65s;} #frotateG_04{right:18px;top:18px;-moz-animation-delay:0.78s;-webkit-animation-delay:0.78s;-ms-animation-delay:0.78s;-o-animation-delay:0.78s;animation-delay:0.78s;} #frotateG_05{right:0;top:61px;-moz-animation-delay:0.91s;-webkit-animation-delay:0.91s;-ms-animation-delay:0.91s;-o-animation-delay:0.91s;animation-delay:0.91s;} #frotateG_06{right:18px;bottom:18px;-moz-animation-delay:1.04s;-webkit-animation-delay:1.04s;-ms-animation-delay:1.04s;-o-animation-delay:1.04s;animation-delay:1.04s;} #frotateG_07{left:61px;bottom:0;-moz-animation-delay:1.17s;-webkit-animation-delay:1.17s;-ms-animation-delay:1.17s;-o-animation-delay:1.17s;animation-delay:1.17s;} #frotateG_08{left:18px;bottom:18px;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;} @-moz-keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}} @-webkit-keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}} @-ms-keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}} @-o-keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}} @keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}} /*jquery gritter*/ body #gritter-notice-wrapper{ right:50%; margin-right:-225px; width:450px;} .gritter-item-wrapper.gritter-success{background:#f0ffe5; padding-left:35px; color:#4e7325; border:2px solid #3c9600;} .gritter-item-wrapper.gritter-success .gritter-item{color:#4e7325; } .gritter-item-wrapper.gritter-success:before{position:absolute; left:15px; top:12px; content:"\e653";font-family: 'iconfont';font-style: normal;font-variant: normal; font-weight: normal; line-height: 1; font-size:2em; text-transform: none; speak:none;} .gritter-item-wrapper.gritter-success .gritter-close{ color:#4e7325; background-color:#d2e8b8; transition:all 0.5s ease 0s; display:block !important;} .gritter-item-wrapper.gritter-success .gritter-close:hover{ color:#fff; background-color:#4e7325;} .gritter-item-wrapper.gritter-error{background:#fcdee2; padding-left:35px; color:#e8263d; border:2px solid #df6573;} .gritter-item-wrapper.gritter-error .gritter-item{color:#e8263d; } .gritter-item-wrapper.gritter-error:before{position:absolute; left:15px; top:12px; content:"\e652";font-family: 'iconfont';font-style: normal;font-variant: normal; font-weight: normal; line-height: 1; font-size:2em; text-transform: none; speak:none;} .gritter-item-wrapper.gritter-error .gritter-close{ color:#e8263d; background-color:#faccd1; transition:all 0.5s ease 0s; display:block !important;} .gritter-item-wrapper.gritter-error .gritter-close:hover{ color:#fff; background-color:#e8263d;} .gritter-item-wrapper.gritter-warning{background:#ffffe5; padding-left:35px; color:#a98300; border:2px solid #e9b566;} .gritter-item-wrapper.gritter-warning .gritter-item{color:#a98300; } .gritter-item-wrapper.gritter-warning:before{position:absolute; left:15px; top:12px; content:"\e655";font-family: 'iconfont';font-style: normal;font-variant: normal; font-weight: normal; line-height: 1; font-size:2em; text-transform: none; speak:none;} .gritter-item-wrapper.gritter-warning .gritter-close{ color:#da9e00; background-color:#fff3d5; transition:all 0.5s ease 0s; display:block !important;} .gritter-item-wrapper.gritter-warning .gritter-close:hover{ color:#fff; background-color:#da9e00;} body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light{width:300px; margin:0; right:20px; top:auto; bottom:20px; position:fixed; background-color:#e9f9fc;} .gritter-item-wrapper.gritter-light:before{ position:absolute; top:0; left:0;width:100%;height:40px;background-color:#7ca4d2; content:""; } .gritter-item-wrapper.gritter-light{ border:2px solid #7ca4d2; } .gritter-item-wrapper.gritter-light p{ line-height:1.5em;} .gritter-item-wrapper.gritter-light .gritter-item{ margin-top:35px; padding-left:90px; position:relative;} .gritter-item-wrapper.gritter-light .gritter-item:before{position:absolute; color:#ed5466; left:20px; top:15px; content:"\e6d1";font-family: 'iconfont';font-style: normal;font-variant: normal; font-weight: normal; line-height: 1; font-size:6em; text-transform: none; speak:none; z-index:1;} .gritter-item-wrapper.gritter-light .gritter-item p{ color:#000;} .gritter-item-wrapper.gritter-light .gritter-close{ color:#fff; transition:all 0.5s ease 0s; display:block !important; position:absolute; right:10px; top:-25px; z-index:2;} .gritter-item-wrapper.gritter-light .gritter-item .btn-primary{ float:right;} .gritter-item-wrapper.gritter-light .gritter-item .gritter-title{position:absolute; color:#fff; font-size:24px; padding:0 25px 0 10px; height:40px; line-height:40px; top:-36px; left:0;font-family:Microsoft YaHei,Arial,Helvetica,sans-serif; display:block; width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; z-index:1;} .gritter-with-image p, .gritter-without-image p{word-break: break-all;word-wrap: break-word;} .gritter-rank{ display:none; width:300px; margin:0; right:20px; top:auto; bottom:20px; position:fixed; background-color:#fff; border:#91c854 1px solid; -webkit-box-shadow: 0 0 0 6px #e0f0cf; -moz-box-shadow: 0 0 0 6px #e0f0cf; box-shadow: 0 0 0 6px #e0f0cf; border-radius: 5px;} .gritter-rank .gritter-item{ color:#666; text-align: center; line-height: 180%; font-size: 12px; padding:10px 5px; position: relative;} .gritter-rank .gritter-title{width: 356px; display: block; font-weight: bold; line-height: 27px; padding: 0 30px 13px; height: 40px; color: #fff; background: url(../images/rank_bg.png) top center no-repeat; text-shadow: 0 1px 0 rgba(0,0,0,0.5); position: relative; margin-left: -34px;} .gritter-rank .gritter-title i{ font-size: 16px; color: #f6b81d; padding: 0 2px;} .gritter-rank .gritter-item .btn-close{border-radius: 3px; padding: 0; font-weight:bold; font-size: 20px;height: 20px;line-height: 20px;position: absolute;text-align: center;width: 20px; display: block; color:#91c854; border:1px solid #91c854; background-color:#e0f0cf; top: -15px; right: -10px;} .gritter-rank .gritter-item .btn-close:hover{background-color:#91c854; color: #fff;} .gritter-rank .gritter-item .refund-group{ border-radius:0 0 5px 5px; border:1px solid #91c854; max-height: 200px; overflow-y: auto; display: block;} .gritter-rank .gritter-item .refund-group.productTr{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .gritter-rank .gritter-item .group-title{ padding: 2px 10px; font-weight: bold; background-color: #91c854; color: #fff; position: relative; display:block; border-radius:5px 5px 0 0;} .gritter-rank .gritter-item .single-store{ font-size: 14px; line-height: 1.5; font-weight: bold;} .gritter-rank .gritter-item .refund-group .group{ padding: 5px; background-color: #e0f0cf; display: block;} .gritter-rank .gritter-item .refund-group .group + .group{ margin-top: 5px;} .gritter-rank .gritter-item .refund-group .table td{word-break: break-all;word-wrap: break-word;} .loading{ display:none; border-radius:3px; background-color:#fff; padding-right:5px; padding-left:20px; color:#999; position: relative;} .loading i{ position:absolute; top:2px; left:5px; -webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite; animation: loadrotate 3s linear infinite;} .loading_large{ bottom: 0; display: none; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll;position: fixed;right: 0; top: 0; z-index: 1050;} .loading_text{ display:inline-block; border-radius:30px; background-color:#000; padding:10px 20px 10px 55px; line-height:30px; color:#fff; position: relative; font-size:1.5em; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; filter:alpha(opacity:50);opacity: 0.5; border:5px solid rgba(255,255,255,0.5); position: fixed; left:50%; top:50%; z-index:999; margin-left:-130px; margin-top:-30px;} .loading_text i{ position:absolute; font-size:1.2em; top:13px; left:20px; -webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite; animation: loadrotate 3s linear infinite;} @-webkit-keyframes loadrotate{from{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg)}} @-moz-keyframes loadrotate{from{-moz-transform: rotate(0deg)}to{-moz-transform: rotate(360deg)}} @keyframes loadrotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}} /*.loading_large{ bottom: 0; display: none; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll;position: fixed;right: 0; top: 0; z-index: 1050; background:rgba(0,0,0,0.3);} .loading_spinner {background: rgba(255,255,255,0.8); width: 270px; height: 60px; position: absolute; top:200px; left: 50%; margin-left: -130px; border-radius:50px; box-shadow: 0px 0px 10px #555;} .loading_spinnertext {font-size:1.5em; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; color: #333; float: left; line-height: 60px; font-weight: 600;} .spinner {margin: 20px 10px 20px 20px;width: 20px;height: 20px;position: relative; display: inline-block; float: left;} .container1 > div, .container2 > div, .container3 > div {width: 6px; height: 6px; background-color: #008e00; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .spinner .spinner-container { position: absolute; width: 100%; height: 100%;} .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);} .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg);} .circle1 { top: 0; left: 0; } .circle2 { top: 0; right: 0; } .circle3 { right: 0; bottom: 0; } .circle4 { left: 0; bottom: 0; } .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;} .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;} .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;} .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;} .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s;} .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s;} .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s;} .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s;} .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s;} .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s;} .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s;} @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) }} @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); }}*/ #main .indicator > .spinner, .modal .indicator > .spinner{background-position: left center; color: #666; font-size:20px; font-weight: bold; line-height: 32px; margin-left: -90px; padding-left: 40px; width: 180px;} .jqstooltip{ width:auto !important;} /*example*/ .example-group:after {background-color: #f5f5f5;border: 1px solid #ddd;border-radius: 4px 0;color: #9da0a4;content: "示例"; font-size: 12px; font-weight: bold; left: -1px; padding: 3px 7px; position: absolute; top: -1px;} .example-group {background-color: #fff; border: 1px solid #ddd; border-radius: 4px;padding: 30px 10px 10px;position: relative;} .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default{ cursor:default;} .edit-warning{ position: absolute; top: 11px; bottom: 17px; width: 1px; background-color: #f60;-webkit-opacity:0.5; opacity: 0.5; transition:all 0.5s ease 0s;} .edit-warning:before, .edit-warning:after{ position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #f60; left: -2px; overflow: hidden; content: "";} .edit-warning:before{ top: 0;} .edit-warning:after{ bottom:0;} .edit-warning .ico-edit{ position: absolute; top:-13px; font-size: 14px; color: #f60; left: -5px;} .edit-warning:hover{ -webkit-opacity: 1; opacity: 1;} /*navigation crumbs*/ .crumbs {text-align: center; margin-bottom:10px;} .crumbs ul {list-style:none;display:inline-table; padding:0;} .crumbs ul li {display: inline;} .crumbs ul li a {display: block;float: left;height:34px; line-height:24px; background:#e0e0e0; text-align: center; padding:5px 60px 5px 80px;position: relative;margin: 0 5px 0 0;text-decoration: none; color:#6a6a6a; font-size:1.1em; font-weight:bold;} .crumbs ul li a:after {content:""; border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #e0e0e0;position: absolute; right:-16px; top: 0;z-index: 1;} .crumbs ul li a:before {content: ""; border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #fff;position: absolute; left: 0; top: 0;} .crumbs ul li:first-child a {border-top-left-radius:4px; border-bottom-left-radius: 4px;} .crumbs ul li:first-child a:before {display: none; } .crumbs ul li:last-child a {border-top-right-radius:4px; border-bottom-right-radius:4px;} .crumbs ul li:last-child a:after {display: none; } .crumbs ul li a:hover {background:#d9d9d9; } .crumbs ul li a:hover:after {border-left-color:#d9d9d9;} .crumbs ul li.active a{ background:#bce8f1;color:#7ca4d2;} .crumbs ul li.active a:after{border-left-color:#bce8f1; } .crumbs.nolink ul li a{ cursor:default;} .crumbs.table-block ul{ display: table; width: 100%;} .crumbs.table-block ul li{ display: table-cell;} .crumbs.table-block ul li a{ float:inherit;} /*nav slider*/ .page-navigation{ width:100%; height:39px; position:relative;} .page-navigation li.scroll-item{ width: 120px;} .page-navigation .nav.nav-pills li.scroll-item + li.scroll-item{ margin-left: 0;} .page-navigation li.scroll-item a{ margin: 0 5px; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .page-navigation .scrollnav{ height:39px; overflow:hidden; position:relative; margin:0 35px;} .page-navigation .scrollnav .nav{ position:absolute; left:0; top:0;} .page-navigation .next, .page-navigation .prev{position:absolute; top:0; width:30px; text-align:center; line-height:39px; background-color:#f8f8f8; color:#7ca4d2; border-radius:3px;} .page-navigation .next:hover, .page-navigation .prev:hover{ color:#009DC8; background-color:#fff; } .page-navigation .next.disabled, .page-navigation .prev.disabled, .page-navigation .next.disabled:hover, .page-navigation .prev.disabled:hover{ color:#ccc; cursor:default ; background-color:#f8f8f8;} .page-navigation .next{right:0;} .page-navigation .prev{left:0;} .panel-body .page-navigation .next, .page-navigation .prev{ background-color:#f0f0f0;} .panel-body .page-navigation .next:hover, .panel-body .page-navigation .prev:hover{ color:#fff; background-color:#7ca4d2; } .panel-body .page-navigation .next.disabled, .panel-body .page-navigation .prev.disabled, .panel-body .page-navigation .next.disabled:hover, .panel-body .page-navigation .prev.disabled:hover{ color:#ccc; cursor:default; background-color:#f0f0f0;} .panel-body .page-navigation .nav li a{background-color:#f0f0f0;} .panel-body .page-navigation .nav li a:hover{background-color:#e8e8e8;} /*right side menu*/ .popmenu{padding:3px; position:fixed; top:10px; right:-2px; background-color:#fff; z-index:10000; border-radius:20px 0 0 20px; border:2px solid #ccc;} .popmenu .btn-group{ margin-right:0; transition:all 0.5s ease 0s;} .popmenu .menushow{color:#fff; position:relative; z-index:1001;display:block; width:30px; text-align:center; border-radius:50%; background-color:#ccc; overflow: hidden; text-decoration: none; line-height:30px; cursor:pointer; transition:all 0.5s ease 0s; } .popmenu:hover .menushow{ background-color:#7ca4d2; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg)} .popmenu:hover .btn-group{ margin-right:10px;} .popmenu .dropdown-menu{ top:10px; right:10px;} .popmenu.opened .btn-group{ margin-right:10px;} .form-horizontal.form-bordered.min .form-group{ padding-top:5px; padding-bottom:5px;} .form-horizontal.form-bordered.min .form-group.title{ padding-top:10px; padding-bottom:10px;} .form-horizontal.form-bordered.min .form-group .control-label{ padding-top:8px;} /* ---------- login page ---------- */ body.login-page{ background:#fff;} .login-page .login-header{background:#ecf0f1 url(../images/register_bg.jpg) center bottom no-repeat;padding:50px 0 30px 0; position: relative; text-align:center; } .login-page .login-header img{ height:70px;} .login-page .login-header:after{border-color:#ecfbfc transparent transparent;border-style: solid;border-width: 13px 12.5px 0; bottom: -13px; content: "";height: 0; left: 50%; margin-left: -12.5px; position: absolute;width: 0;} .login-page .login-header p{ padding:10px 20px 0; color:#949494; font-size:14px;} .loginform{ width:480px; margin:0 auto;} .login-page .panel{ background-color:transparent; border-radius:0; border:0 none; margin:0; } .login-page .panel label, .login-page .panel label{ color:#949494;} .login-page .panel .custom-checkbox > label:before{ border-color:#949494;} .login-page .panel hr{ border-color:#ccc;} .login-page .panel p{color:#949494;} .login-page .panel .form-group .form-control{ transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background-color:#fff; font-size:14px; box-shadow:none; border-radius:4px; border:1px solid #cfd9db; padding-left:100px;} .login-page .panel .form-control:focus{ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .login-page .panel .form-group .has-icon .form-control-icon{ width:90px; text-align:left; padding-left:15px; font-weight:bold;} .login-page .panel .form-group .form-control.parsley-error{ z-index:2;} .login-page .panel .form-group .form-control:focus{ border-color:#7ca4d2;} .login-page .panel .form-group.btn-toolbar{ margin:0 0 15px 0;} .login-page .panel .form-group .btn-group{ float:inherit; display:block; margin:0;} .login-page .panel .form-group .btn-group .dropdown-menu{ width:100%;} .login-page .panel .form-group .btn-lg{ position:relative; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .login-page .panel .form-group .btn-lg i{ position:absolute; right:15px; top:10px; font-size:1.2em;} .login-page .panel .form-group .btn-light { background-color: transparent; border-color: #495363; color: #ccc;text-shadow: none; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .login-page .panel .form-group .btn-light:hover{ background-color: #373e4a;color: #fff;} .form-stack.mobile-group{ display:table;border-collapse: separate; width:100%;} .login-page .panel .form-stack.mobile-group input.form-control{ border-radius:4px 0 0 4px;} .form-stack.mobile-group .input-group-btn .btn{ height:46px; margin-top:-1px; z-index:1; position:relative;} .form-stack .mobile-info{ position:absolute; right:20px; top:12px;} /*404 error*/ .error-page{ background:#ecf0f1;} .error-page .panel-body .longshadow, .loading-page .panel-body .longshadow, #function .longshadow{ color:#7ca4d2; text-shadow:#375a69 1px 1px, #375a69 2px 2px, #375a69 3px 3px,#375a69 4px 4px,#375a69 5px 5px, #375a69 6px 6px, #375a69 7px 7px, #375a69 8px 8px, #375a69 9px 9px, #375a69 10px 10px;} .error-page .panel-body h4, .loading-page .panel-body h4{ line-height:30px; color:#383838;} .error-page .error-title {border: 5px solid #5d5d5d; font-weight: bold; padding: 10px; border-radius: 15px; margin-top: -5px;} .fsize112.loadrotate{color:#7ca4d2; position:absolute; left:50%; margin-left:-60px;-webkit-animation: loadrotate 5s linear infinite;-moz-animation: loadrotate 5s linear infinite; animation: loadrotate 5s linear infinite;} /*page error*/ .loading-page{ background-color:#303641;} .loading-invert .panel-body h4, .loading-invert .panel-body h1{ color:#7ca4d2;} label.error{font-weight: normal; margin-right: 10px; color: #ed5466; margin-top: 5px;} .form-control.error{ border: 1px solid #eed3d7; background-color: #f7f2f2;} /* ---------- body ---------- */ body #main > .container, body #main > .container-fluid{padding:10px 15px 5px;} .container-fluid .panel{ margin-bottom:10px;} #main .panel-footer{ padding-top:5px; padding-bottom:5px;} .page-header .title{ font-size:20px; font-weight:normal;} .page-header.page-header-block{ padding:2px 15px 3px;} .page-header .autoscrolllist {margin-top: 8px;} .page-header .autoscrolllist .table tr > th, .page-header .autoscrolllist .table > thead > tr > th {background-color:#eee; padding: 5px 3px; font-weight: normal; color: #333; border-bottom: none !important;} #main .panel .table tr > th, #main .panel .table > thead > tr > th, #main .panel .table > thead > tr.active > th{padding: 5px 3px;} #main .panel .table > tbody > tr > td, #main .panel .table > tfoot > tr > td, #main .panel .table > thead > tr > td{padding: 5px 3px;} #main .table.table-border > tbody > tr > td, #main .table.table-border > tfoot > tr > td, #main .table.table-border > tfoot > tr > td {border-color: #b2bdbf;} #main .table.table-border > tbody > tr.rowspan-top > td, #main .table.table-border > tfoot > tr.rowspan-top > td, #main .table.table-border > tfoot > tr.rowspan-top > td {border-color: #cfd9db;} #main .panel .table.min-td-width tr > th, #main .panel .table.min-td-width > thead > tr > th, #main .panel .table.min-td-width > thead > tr.active > th, #main .panel .table.min-td-width > tbody > tr > td, #main .panel .table.min-td-width > tfoot > tr > td, #main .panel .table.min-td-width > thead > tr > td{padding:5px; } #main .panel.panel-primary .table tr > th, #main .panel.panel-primary .table > thead > tr > th, #main .panel.panel-primary .table > thead > tr.active > th {background-color: #f5f5f5; border-bottom-width: 2px; border-color: #cfd9db;color: #5e5e5e; font-weight: bold;} #main .productTr .table > thead > tr.active > th{ background-color:#f5f5f5 !important;} .panel .dataTables_wrapper .table{border-bottom: 1px solid #cfd9db; border-top: 1px solid #cfd9db; border-width: 1px 0;} .big_mb .autoscrolllist li li span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .table-striped tr.disabled td{ background-color:#f2f2f2 !important; color:#a2a2a2;} .report-list td, .report-list th{ border:1px solid #cfd9db;} .report-list tr td:first-child, .report-list tr th:first-child{ border-left:0;} .report-list tr td:last-child, .report-list tr th:last-child{ border-right:0;} .report-list tr:last-child td{ border-bottom:0;} #main .dataTables_wrapper .dataTables_paginate, #main .dataTables_wrapper .dataTables_info, #main .dataTables_wrapper .dataTables_length, #main .dataTables_wrapper .dataTables_filter{ padding-top:5px; padding-bottom:5px;} .sidebar .topmenu li a > .number > .badge, .sidebar .topmenu li a > .number > .label {max-width: 45px;} .dropdown-submenu { position: relative;} .dropdown-submenu > .dropdown-menu { border-radius: 0 6px 6px; left: 100%; margin-left: -1px;margin-top: -6px;top: 0;} .dropdown-submenu:hover > .dropdown-menu { display: block;} .dropdown-submenu:hover{ background-color:#f5f5f5; color:#262626;} .dropup .dropdown-submenu > .dropdown-menu { border-radius: 5px 5px 5px 0; bottom: 0; margin-bottom: -2px; margin-top: 0;top: auto;} .dropdown-submenu > a:after {border-color: transparent transparent transparent #cccccc;border-style: solid;border-width: 5px 0 5px 5px; content: " "; display: block; float: right;height: 0; margin-right: -10px; margin-top: 5px; width: 0;} .dropdown-submenu:hover > a:after { border-left-color:#999;} .dropdown-submenu.pull-left {float: none;} .dropdown-submenu.pull-left > .dropdown-menu {border-radius: 6px 0 6px 6px; left: -100%; margin-left: 10px;} .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px;} .multiple-group { display:block; width:100%; height:34px;} .multiple-group .dropdown-toggle, .multiple-groupmore .dropdown-toggle {display:block; width:100%; position:relative; text-align:left;} .multiple-group .dropdown-toggle .choice, .multiple-groupmore .dropdown-toggle .choice{ position:absolute; right:10px; top:7px;} .multiple-group .dropdown-menu, .multiple-groupmore .dropdown-menu { min-width:100%;} .multiple-group .dropdown-menu li .checkbox-inline, .multiple-groupmore .dropdown-menu li .checkbox-inline {color: #5e5e5e; display:block; line-height: 20px; padding: 4px 15px 4px 30px !important; margin-right:0;} .multiple-group .dropdown-menu li .checkbox-inline:hover, .multiple-groupmore .dropdown-menu li .checkbox-inline:hover {background-color: #f5f5f5; color: #262626;} .search-panel .multiple-group .dropdown-menu, .search-panel .multiple-groupmore .dropdown-menu{ width: 160px;} .search-panel .btn-group.multiple-group .dropdown-toggle, .search-panel .btn-group.multiple-groupmore .dropdown-toggle {max-width:140px;} .search-panel .btn-group.multiple-group .dropdown-toggle .caret, .search-panel .btn-group.multiple-groupmore .dropdown-toggle .caret { position: inherit; top: auto; right: auto;} .country-setting .continent .content .checkbox-inline {width: 90%;} .search-group .multiple-group, .search-group .multiple-groupmore { display: inline-block; width: 150px;} .invert-select .dropdown-menu li{ position:relative;} .multiple-group.invert-select .dropdown-menu li .checkbox-inline, .multiple-groupmore.invert-select .dropdown-menu li .checkbox-inline{ padding: 4px 55px 4px 25px !important; background-color:transparent;} .multiple-group.invert-select .dropdown-menu li .checkbox-inline input, .multiple-groupmore.invert-select .dropdown-menu li .checkbox-inline input{margin-left: -17px;} .invert-select select.form-control{ width:50px; position:absolute; padding:0; top:2px; right:3px;height:24px;line-height:28px;} .sort-group .dropdown-menu li{color: #5e5e5e; display:block; line-height: 30px; position: relative; padding: 3px 80px 3px 15px !important; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sort-group .dropdown-menu li:hover{ background-color: #f5f5f5; color: #262626;} .sort-group .dropdown-menu li .btn-group{ position: absolute; right: 15px; top: 3px;} .sort-group .dropdown-menu li .btn-group .btn{ font-size: 14px; padding: 3px 0px; width:22px;} .sort-group .sort-button{ cursor:pointer; } .sort-group .sort-button:after, .sort-group .sorting_asc:after, .sort-group .sorting_desc:after{font-family: iconfont; font-size:12px; margin-left:5px; position: relative;speak:none;} .sort-group .sorting:after{content:"\e6c3";} .sort-group .sorting_asc:after {content:"\e6be";} .sort-group .sorting_desc:after{content:"\e6bf";} .sort-group .sort-button.btn-primary:after, .sort-group .sorting_asc.btn-primary:after, .sort-group .sorting_desc.btn-primary:after{ color: #fff;} .search-panel{ margin-bottom:10px;} .search-panel .input-group .form-control{ z-index:0;} .search-panel .multiple-group, .large-list-title .multiple-group{width:130px; display:inline-block;} .search-panel .btn-group .dropdown-toggle{padding: 7px 18px 7px 12px; max-width: 120px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .search-panel .btn-group .dropdown-toggle .caret{ position: absolute; right: 10px; top: 15px;} .control-label .legend{ padding:5px 0 0; line-height:20px; font-weight:normal; color:#888;} .form-group .title-button{ position:absolute; right:15px; top:0;} /* ---------- advanced select ---------- */ .advanced-select{ position:relative;} .advanced-select .select-group{margin-left: calc(-100%+20px); width:100%; overflow:hidden;} .advanced-select .mask-input{width:calc(100% - 20px); position:absolute; left:0; top: 0; border-right: 0; border-radius: 4px 0 0 4px;} /* ---------- modal ---------- */ .modal-large {width: 750px;} .modal-max{width: 1100px;} .modal-little{width:480px;} #framesize{ position:absolute; top:15px; left:15px;} .modal-backdrop{background-color:rgba(229, 229, 229, 0.95);} .modal-dialog .modal-content{ -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);} .modal-open .modal-backdrop.in{background:#ecf0f1; opacity:0.8;} body .modal-footer{ padding: 8px 20px;} body .modal-header{ padding: 15px 15px;} .modal-content.tab-content .modal-header{ padding-left: 0; padding-right: 0; border-bottom: 0;} .modal-content.tab-content .modal-header .nav-justified{ margin-top: 10px;} .modal-content.tab-content .modal-header .nav-tabs.nav-justified > li > a{ border-radius: 0; border-left: 0; border-right: 0;} .modal-content.tab-content .modal-body{ background-color: #fff;} .modal-content.tab-content .modal-header .modal-title{ margin-left: 15px;} .modal-content.tab-content .modal-header .close{ margin-right: 15px;} .tips-info{ line-height:34px; font-size:20px;} #main .has-tips{ padding-right:40px; position:relative;} #main .has-tips .tips-info{ position:absolute; top:0; right:15px;} #flotTip{ z-index: 1051;} .chart .flot-overlay{ z-index: 1;} /* ---------- sidebar ---------- */ aside.sidebar.sidebar-left.sidebar-menu{ padding-top:100px; width:220px; background-color: #f9f9f9;LEFT: 0; border-right: 1px solid #cfd9db; position: fixed; height: 100%; overflow-x: hidden; overflow-y: auto;} aside.sidebar.sidebar-left.sidebar-menu + #main {padding-left: 220px;} aside.sidebar .content .panel.customer {margin-top: -12px;} aside.sidebar .content .panel.customer .panel-body {padding-bottom: 0px; padding-top: 10px; line-height: 28px; color: #333;} .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu{ padding-top: 122px; width:60px;} .sidebar-minimized aside.sidebar.sidebar-left ~ #main{ padding-left:60px;} aside.sidebar.sidebar-left.sidebar-menu .topmenu>li>a {padding: 0px 25px 0px 15px;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li a > .text {line-height: 27px;} /*.logo-env{ padding:20px 20px 10px; height:50px; position:relative; box-sizing:content-box; background:#3f56a1 url(../images/bs_logo2_lite.png) 20px 15px no-repeat;z-index: 1031; cursor: pointer;} .logo-env .ico-qq{ position:absolute; right:10px; top:18px; display:block; background:url(../images/ico_qq.png) no-repeat; overflow:hidden; width:25px; height:26px;}*/ .logo-env {width: 220px; display:inline-block; padding-top: 6px; margin-right: 20px; position: relative;} .logo-env .navbar_logo {float: left; margin-left: 10px;} .logo-env .icon-vip{position:absolute; right:-5px; top:15px; display:block; background:url(../images/icon_vip.png) center bottom no-repeat; overflow:hidden; width:30px; height:31px;} .logo-env .icon-vip.active{ background-position: center top;} .logo-env .logo{ margin:0; line-height:1em;} .logo-env .logo img{ max-height:34px;} .logo-env .btn{ background-color:#262b34; color:#AAABAE; position:absolute; right:20px; top:20px;} .logo-env .btn:focus, .header.logo-env .btn.active:focus, header.logo-env .btn.active:focus{ outline:0 none;} .logo-env .btn:hover{background-color:#393e49; color:#fff;} .logo-env .btn .icon:before{ font-family: "iconfont";content: "\e4f3";} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .logo-env{padding:10px; background: url(../images/bs_logo_side_min1.png) center no-repeat;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .logo-env .btn{ position:relative; top:auto; right:auto;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .logo-env .btn .icon:before{ padding:0; content: "\e47a";} .account{ margin:10px 15px; padding-left:50px; position:relative;line-height:20px;} .account .accont-photo{ width:40px; height:40px; text-align:center; line-height:40px; position:absolute; left:0; top:0; border-radius:50%; overflow:hidden; background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;} .account .accont-photo i{ font-size:24px; line-height:40px; color:#909090; width:40px; text-align:center; background-color:#ccc; display:block;} .account .accont-photo img{ max-height:40px; max-width:40px; vertical-align:top;} .account .badge{ font-size:12px;} .account strong{ color:#333; } .account .account-ico{ color:#5D5D5D; padding-left:5px;} .account .account-ico:hover{ color:#fff;} .account .accontdetail p{ margin:0; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account{ padding:10px;margin:0;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account .accont-photo{ position:relative; left:auto; top:auto; cursor:pointer;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account:hover:before { position: absolute; z-index: 1;top: 50%; right: 0px; margin-top: -8px; content: ""; width: 0px; height: 0px; border-style: solid;border-width: 8px 8px 8px 0; border-color: transparent #2b303a transparent transparent; -webkit-box-shadow: inset 1px 0px 4px 0 #1d1d1d; box-shadow: inset 1px 0px 4px 0 #1d1d1d; } .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account .accontdetail{display:none; position:absolute; left:60px; top:0;padding:10px; background-color:#2b303a;border-radius:0 3px 3px 0;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account:hover .accontdetail{display:block;} .qrcode{ margin:20px auto 0;width:110px; height:51px; background:url(../images/qr_bg.png) 0 center no-repeat; cursor:default; display:block;} .qrcode img{margin-left:55px;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-khtml-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode{ position:relative; width:30px; background-position:0 center; cursor:pointer;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode:hover:before { position: absolute; z-index: 1;top: 50%; right: 0px; margin-top: -8px; margin-right:-15px; content: ""; width: 0px; height: 0px; border-style: solid;border-width: 8px 8px 8px 0; border-color: transparent #2b303a transparent transparent; -webkit-box-shadow: inset 1px 0px 4px 0 #1d1d1d; box-shadow: inset 1px 0px 4px 0 #1d1d1d; } .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode img{ display:none; margin:0; position:absolute; padding:10px; border-radius:0 3px 3px 0; top:0; left:45px; background-color:#2b303a; -moz-box-shadow: none;-webkit-box-shadow:none;-khtml-box-shadow:none;box-shadow:none;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode:hover img{ display:block;} .eventInfoTip{position: relative; z-index: 2; display: block; margin: 10px;} .eventInfoTip img:last-child{position: absolute; left: 0; bottom:0; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5);} aside.sidebar {z-index: 1029;} aside.sidebar.sidebar-left.sidebar-menu .topmenu{ background-color:#f9f9f9;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li>a{ color:#333; transition:all 0.5s ease 0s;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li.active > a{color:#333;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li li.active > a:before{ border-color: transparent #ecf0f1 transparent transparent;border-style: solid;border-width: 12px 8px 12px 0;content: "";height: 0; margin-top: -12px;position: absolute; right: 0;top: 50%;width: 0;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li>a > .arrow{color:#979aa3;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li>a > .figure{ padding-left:5px; width:30px; color: #3f56a1;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li > .submenu li>a{ padding-left: 65px;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li > .submenu li {padding: 0;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li.active{background-color: #f9f9f9;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li.active li{ background-color: transparent;} aside.sidebar .topmenu>li {display: none;} aside.sidebar .topmenu>li.active {display: inline-block;} aside.sidebar .topmenu li.allopen {width: 48%; float: left; margin-right: 4%;} aside.sidebar .topmenu li.allopen .figure, aside.sidebar .topmenu li.allopen .text {border-bottom: 2px solid #3f56a1;} aside.sidebar .topmenu li.allopen1 {width: 42%;float: left;} aside.sidebar .topmenu li.allopen a, aside.sidebar .topmenu li.allopen1 a {position: relative;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a {padding-left: 5px;} aside.sidebar .topmenu li.allopen1 .figure, aside.sidebar .topmenu li.allopen1 .text {border-bottom: 2px solid #ed5466;} aside.sidebar .topmenu li.active.selected .figure {background-color: #e6e6e6; border-radius: 3px 0 0 3px;} aside.sidebar .topmenu li.active.selected .text {background-color: #e6e6e6; border-radius: 0 3px 3px 0;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen a > .text, aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a > .text, aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen a > .figure, aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a > .figure {padding-bottom: 8px;} aside.sidebar .topmenu li.allopen .badge, aside.sidebar .topmenu li.allopen1 .badge {position: absolute; bottom: 7px; left: 35px; font-size: 10px; height: 11px; line-height: 12px;} aside.sidebar .topmenu li.allopen .badge {left: 45px;} aside.sidebar .topmenu li > .submenu { background-color: #f9f9f9;} aside.sidebar .topmenu li > .submenu li:after{ top:9px; background-color: #929da3; left: 47px; box-shadow: 0 0 0 2px #f9f9f9; width: 9px; height: 9px;} aside.sidebar .topmenu li > .submenu:after{ border-color: #ddd; left: 51px;} aside.sidebar .topmenu li > .submenu li.active:after{ color:#3f56a1; background-color: #3f56a1;} aside.sidebar .topmenu li > .submenu li.list:after{ font-size: 12px; top: 7px; left: -18px; font-family: "iconfont"; content: "\e61f"; background-color: transparent; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} aside.sidebar .topmenu li > .submenu li.file:after{font-size: 12px; top: 7px; left: -18px; font-family: "iconfont"; content: "\e086"; background-color: transparent; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} aside.sidebar .topmenu li > .submenu li.set:after{ font-size: 12px; top: 7px; left: -18px; font-family: "iconfont"; content: "\e612"; background-color: transparent; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} aside.sidebar .topmenu li > .submenu li {background-color: #f9f9f9;} aside.sidebar .topmenu li > .submenu li:hover,aside.sidebar .topmenu li.active > .submenu li:hover {background-color: #e6e6e6;} aside.sidebar .topmenu li.active > .submenu li.active {background-color: #e6e6e6;} aside.sidebar .topmenu li.active > .submenu li.active-none {background: none;} aside.sidebar.sidebar-left.sidebar-menu .topmenu li li.active-none > a:before {border-width: 0;} aside.sidebar .topmenu li.active > .submenu li.active a .text {color: #333;} aside.sidebar .topmenu li:after {border-top:none;} aside.sidebar .topmenu li.active>a > .figure > [class*=" ico-"], .sidebar .topmenu li.active a > .figure > [class^="ico-"] {color:#3f56a1;} aside.sidebar .topmenu li .form-control {border: 1px solid #60c8ae;} aside.sidebar .topmenu li .topmenu-menu {height: 45px; line-height: 45px; cursor: pointer;} aside.sidebar .topmenu li .topmenu-menu li {float: left; width: 42%; height: 45px; line-height: 45px;} aside.sidebar .topmenu li .topmenu-menu li:first-child {border-bottom: 2px solid #3f56a1; padding:0 1%;} aside.sidebar .topmenu li .topmenu-menu li:last-child {border-bottom: 2px solid #ed5466; margin-left: 3%; padding:0 1%;} aside.sidebar .topmenu-menu li>a {padding: 0;} aside.sidebar .topmenu-menu li>a span {color: #3f56a1;} aside.sidebar .topmenu li>a .addorder {padding: 10px 10px 5px 3px; line-height: 30px; cursor: pointer;} aside.sidebar .topmenu li>a .addorder1 {line-height: 30px; cursor: pointer; display: inherit;} aside.sidebar .header_link {display: block; background: #e6e6e6; padding: 5px 0; text-align: center; font-weight: 600; cursor: pointer; color: #3f56a1;} aside.sidebar .header_link:hover {color: #263c85;} aside.sidebar .topmenu li.allopen {width: 48%; float: left; margin-right: 4%;} aside.sidebar .topmenu li.allopen .figure, aside.sidebar .topmenu li.allopen .text {border-bottom: 2px solid #ed5466; font-weight: normal;} aside.sidebar .topmenu li.allopen1 {width: 42%;float: left;} aside.sidebar .topmenu li.allopen1 a {padding-left:0px;} aside.sidebar .topmenu li.allopen1 .figure, aside.sidebar .topmenu li.allopen1 .text {border-bottom: 2px solid #ed5466; font-weight: normal;} .bdbottom {border-bottom:1px solid #cfd9db; } .sidebar-minimized .eventInfoTip{ display: none;} .container-fluid.has-toobar .depot-panel {bottom: 45px; position: fixed; right: 15px; z-index: 10; left: 235px;} /* ---------- header ---------- */ aside.sidebar.sidebar-left.sidebar-menu + #main-iframe {padding-top: 125px;padding-left: 220px;} body #header.navbar.navbar-fixed-top ~ #main, .sidebar-minimized body #header.navbar.navbar-fixed-top ~ #main{ padding-top:125px !important;} body #header.navbar.navbar-fixed-top ~ #main.iframe-header, body .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main.iframe-header{ padding-top:93px !important;} body #header.navbar, body #header.navbar > .navbar-toolbar, .sidebar-minimized body #header.navbar, .sidebar-minimized body #header.navbar > .navbar-toolbar{ background:#232f3e; height:auto; min-height: 60px; margin-left: 0; border: none; max-height: 87px;} /*body #header.navbar, body #header.navbar > .navbar-toolbar, .sidebar-minimized body #header.navbar, .sidebar-minimized body #header.navbar > .navbar-toolbar{ background: url(../images/taobu_bg.jpg); height:auto; min-height: 60px; margin-left: 0; }*/ body #header.navbar > .navbar-toolbar > .navbar-nav > li {margin-right: 5px; padding-top: 15px;} body #header.navbar > .navbar-toolbar > .navbar-nav > li > a, .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > li > a { height:42px; line-height:42px; font-size: 16px; font-family: "微软雅黑"; padding:0 20px; color:#333; font-weight: 600; border-radius: 4px 4px 0 0; color: #fff;} body #header.navbar > .navbar-toolbar > .navbar-nav > li > a:hover {background: #504e56; color: #f6f6f6;} body #header.navbar > .navbar-toolbar > .navbar-nav > li.active > a:hover {background: #E2E2E2;} body #header.navbar > .navbar-toolbar > .navbar-nav > li.active > a, body #header.navbar > .navbar-toolbar > .navbar-nav > li > a:focus {background: #f6f6f6; color: #2a2a2a;} .navright_header {height: 40px; display: inline-block; float: right; margin-right: 20px; position: relative; margin-top: 17px; background: #f6f6f6; padding: 0 10px; border-radius: 4px 4px 0 0;} body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu{border: 2px solid #9db6d2;} body #header.navbar > .navbar-toolbar > .navbar-nav > li:hover .dropdown-menu{ display: block;} body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li{padding: 4px 15px; display: block;} body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li a{ color: #3f56a1; display: inline-block; padding: 0 3px !important; line-height: 1.42857;} body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li.active a, body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li.active a:hover, body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li.active a:focus, body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li a:hover{background-color: #3f56a1; color: #fff; outline: 0 none; text-decoration: none;} .navright_header1 {height: 45px; display: inline-block; float: right; margin-right: 10px; position: relative; padding-top: 8px;} .navright_header1>a.nav_meta {color: #fff; margin-top: 15px; height: 35px; display: inline-block;} .navright_header>a.dropdown-toggle1 {display: block; height: 40px;} .navright_header .meta {display: table; width: 100%; line-height: 28px; padding-top: 8px; color: #232f3e;} .navright_header .meta .avatar {display: table-cell; height: 28px; vertical-align: middle; width: 28px;} .navright_header .meta .avatar img {width: 100%; height: 100%;} .navright_header .meta .arrow {display: table-cell; font-family: iconfont; font-size: 12px; height: 12px; text-align: right; vertical-align: middle; width: 12px;} .navright_header .meta .arrow:after{content:"\e6be"; font-family: "iconfont"; font-size: 12px; height: 12px;} .dropdown-menu-headerbox {width: 240px; position: absolute; top:40px; z-index: 100;display:none; right:0px;} .dropdown-menu-header {width: 240px; padding: 0; min-width: 160px;background-clip: padding-box; background-color: #fff;border:2px solid #9db6d2; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); font-size: 13px;} .dropdown-menu-header .borderbtm {padding: 8px 10px; border-bottom: 1px solid #ddd;} .dropdown-menu-header .divtit {background-color: #f2f2f2; display: block; font-weight: 600;} .dropdown-menu-header .borderbtm a {width: 48%; display: inline-block; padding-left: 5px;} .dropdown-menu-header .borderbtm a:hover, .dropdown-menu-header .borderbtm a:focus {background: #3f56a1; color: #fff;} .dropdown-menu-header .divtit a {width: 100%;} .dropdown-menu-header .divtit a:hover {background: none;} .navright_header:hover .dropdown-menu-headerbox {display: block;} .breadcrumb > li + li:before {content: "> ";} .current-nav {background: #f6f6f6; margin-left: 220px; position: absolute; width: 100%; height: 33px; line-height: 25px; box-sizing: initial; border-bottom: 1px solid #cfd9db;} .sidebar-minimized .current-nav {margin-left:60px;} .current-navleft {width: 30%; padding-left: 20px; float: left;} .current-navright {width: 50%; text-align: right; float: right; margin-right: 240px; padding-top: 3px;} .current-navleft .sidebar-minimize {float: left; margin-right: 10px; color: #333;} .current-navleft .sidebar-minimize:hover {color: #919191;} .current-navleft .sidebar-minimize .meta .icon {font-size: 20px; min-width: 20px; text-align: center;} .current-navleft .sidebar-minimize .meta .icon:after {content: "\e638"; display: inline-block; font-family: iconfont; padding: 7px 0;} .current-navleft .sidebar-minimize.minimized .meta .icon:after {content: "\e639";} body #header.navbar > .navbar-toolbar > .navbar-nav > li.developing:hover .popover {display: block;} body #header.navbar13 > .navbar-toolbar > .navbar-nav > li > a {padding: 0 12px;} /*.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li{ border:0;} .sidebar-minimized .sidebar .topmenu li > .submenu li:after{ display: none;} .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu li li.active > a:before{ display: none;} .sidebar-minimized .sidebar .topmenu > li > a > .number{ display: none;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li a > .figure{ padding-left:0;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li a{ padding-left:15px;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li .submenu li a{ padding-left:30px;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu > li.arrow:before, .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu > li.arrow:hover:before{ border-color:rgba(0,0,0,0) #2b303a rgba(0,0,0,0) rgba(0,0,0,0);}*/ /*.sidebar-minimized aside.sidebar .topmenu li > .submenu {position: absolute; z-index: 1;}*/ .sidebar-minimized .current-navright {margin-right: 80px;} .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu {overflow: visible; } .sidebar-minimized aside.sidebar .topmenu > li:hover > a {background-color:#e7e7e7;} .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu>li.active:hover .submenu.collapse.in {display: block;} .sidebar-minimized aside.sidebar .topmenu > li > .submenu {box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.5);} .sidebar-minimized aside.sidebar .topmenu > li > .submenu > li.submenu-header {color: #333; padding: 8px 10px;} .sidebar-minimized aside.sidebar .topmenu > li > .submenu .submenu {background-color: #f9f9f9;} .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu li > .submenu li > a {padding-left: 35px;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen {width:100%; clear:both; margin-right: 0;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen .figure, .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen .text {border-bottom: none;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 {width: 100%;clear:both; } .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a {padding-left:15px;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 .figure, .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 .text {border-bottom: none;} .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li>a .addorder {display: none;} .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .sidebar-display {display: none;} .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .header_link {display: none !important;} .sidebar-minimized body #header.navbar13 > .navbar-toolbar > .navbar-nav > li > a {padding: 0 12px;} .sidebar-minimized aside.sidebar .topmenu li.allopen .badge, .sidebar-minimized aside.sidebar .topmenu li.allopen1 .badge {position: absolute; bottom: 7px; left: 15px; font-size: 10px; height: 11px; line-height: 12px;} .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen a > .figure, .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a > .figure {padding-bottom: 0;} /* æ— å…¬å‘Šæ å¤´éƒ¨ */ body.header-minimized #header.navbar.navbar-fixed-top ~ #main, body.header-minimized .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main{ padding-top:30px !important;} body.header-minimized #header.navbar, body.header-minimized #header.navbar > .navbar-toolbar, .sidebar-minimized body.header-minimized #header.navbar, .sidebar-minimized body.header-minimized #header.navbar > .navbar-toolbar{min-height: 30px;} body #header .navbar-nav li .ico-new{ font-size:20px;} .navbar-nav .navigation a{ float:left; color:#7ca4d2 !important; padding:0 5px !important;} .navbar-nav .navigation a:hover{ color:#009dc8 !important;} .navbar-nav .navigation span{height: 50px;line-height: 51px; padding: 0 5px; color:#9d9d9d;} .navbar-nav .navigation a + a:before, .navbar-nav .navigation span:before{color: #ccc;content: "/"; padding-right:5px;} #header.navbar > .navbar-toolbar > .navbar-nav > li > a .arrow:after{content:"\e6be"; vertical-align: middle;font-family: "iconfont"; font-size: 12px; height: 12px;} /* æ— ä¾§æ å¤´éƒ¨ */ body.no-sidebar #header.navbar > .navbar-toolbar{ margin-left: 0;} body.no-sidebar .bottomblank .panel.fixedbottom{ left: 0;} body.no-sidebar .navbar .sidebar-minimize{ display: none;} .no-sidebar .container-fluid.has-toobar .page-footer, .container-fluid.has-navbar .panel-navbar{left: 15px;} .sidebar-minimized .no-sidebar .container-fluid.has-toobar .page-footer{left: 75px;} .no-sidebar .container-fluid.has-toobar .page-footer{left: 0px;} .no-sidebar .page-header.fixed-type {position: fixed; top: 0px; left: 15px; right: 15px; z-index: 10; background-color: #fff;} .no-sidebar .container-fluid.has-toobar .page-footer{ position: fixed; bottom: 0; left: 15px; right: 15px; z-index: 10;} .no-sidebar .container-fluid.has-toobar .depot-panel {left: 15px;} .no-sidebar .container-fluid.has-publish .page-header.fixed-type {left: 0px; right: 0px; z-index: 10;} .no-sidebar .container-fluid.has-toobar.has-publish .page-footer{right: 0px; left: 0px;} .no-sidebar .container-fluid.has-toobar.has-publish .depot-panel {left: 0px;} .sidebar-minimized .no-sidebar .page-header.fixed-type, .sidebar-minimized .no-sidebar .container-fluid.has-toobar .page-footer {left: 0px;} .sidebar-minimized .no-sidebar #main .container-fluid.has-toobar {padding-bottom: 46px;} .navbar-nav .marquee-group{ height:29px; width:220px;} .navbar-nav .marquee-group ul{height: 29px; margin: 0;overflow: hidden; position: relative; list-style:none; padding:0; margin-left:20px; margin-right:5px;} .navbar-nav .marquee-group .marquee-icon{ position:absolute; left:0; top:8px;} .navbar-nav .marquee-group ul li{ float:inherit; white-space: nowrap; position: absolute; top: -999em; left: 0; height:29px; } .navbar-nav .marquee-group ul li a{color: #333; height: 29px; line-height: 30px; padding:0;} #header.navbar .alert-warning{ background-color:#ffffc9; border-radius: 0; padding: 5px 10px; text-align: center; line-height: 19px; margin-bottom: 0; border-color:#ffd25b; border-width: 0 0 1px; height: 30px;} /* ---------- index ---------- */ .bgcolor-store{background-color: #6BCCB4 !important; border-color: #5CC7AC !important; color: #FFFFFF !important;} .bgcolor-order{background-color: #FFD66A !important; border-color: #edc04a !important; color: #FFFFFF !important;} .bgcolor-product{background-color: #e37772 !important; border-color: #de5e58 !important; color: #FFFFFF !important;} .bgcolor-message{background-color: #63D3E9 !important; border-color: #4DCDE6 !important; color: #FFFFFF !important;} .table-responsive .price{ font-size:1.1em; color:#ED5466;} .table-responsive .table tr > th, .table-responsive .table > thead > tr > th, .table-responsive .table > tbody > tr > td, .table-responsive .table > tfoot > tr > td, .table-responsive .table > thead > tr > td {padding: 5px;} .dataTables_wrapper .dataTable > thead > tr > th.sorting:before, .dataTables_wrapper .dataTable > thead > tr > th.sorting_asc:before, .dataTables_wrapper .dataTable > thead > tr > th.sorting_desc:before{ color:#fff;} #mainstore .text-right{ width:70%; display:inline-block;} #mainstore .text-right .text-muted{ padding:0 5px; font-size:12px;} #mainstore .text-left{ width:30%; display:inline-block;} .mailnews .news-group{ margin:0; max-height:278px; overflow:hidden;} .mailnews ul.list-group{ margin-bottom:0;} .mailnews ul.list-group li.list-group-item{border-radius:0; width:100% !important; border-width: 1px 0;overflow:hidden;} .mailnews ul.list-group li.list-group-item:hover{ background-color:#fffcdd;} .mailnews ul.list-group li.list-group-item a{ font-size:13px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; display:block;} .mailnews ul.list-group li.list-group-item span.small{ padding-right:5px;} .mailnews ul.list-group li.list-group-item .news-info{ display:none;} .mailnews ul.list-group li.list-group-item .panel-ribbon{height:35px;right: -1px;overflow: hidden; position: absolute;text-decoration: none; top: -1px; width:35px;z-index: 10;} .mailnews ul.list-group li.list-group-item .panel-ribbon:after {border-color: #eee transparent transparent; border-style: solid; border-width: 35px 0 0 35px;content: "";height: 0; left: 0; position: absolute;top: 0; width: 0;} .mailnews ul.list-group li.list-group-item .panel-ribbon.panel-ribbon-danger:after{ border-color:#ed5466 transparent transparent;} .mailnews ul.list-group li.list-group-item .panel-ribbon span { color: #fff; font-family: tahoma;font-size: 10px; font-weight: bold; right: 1px; line-height: 20px; position: absolute; top: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); z-index: 1;} .mailnews.large-list-news ul.list-group li.list-group-item:last-child{ border-bottom:0;} .mailnews.large-list-news ul.list-group li.list-group-item a{ font-size:14px;} .mailnews.large-list-news ul.list-group li.list-group-item span.small{ padding-right:10px; font-weight:bold;} .container-fluid .website-notice, .container-fluid .website-notice .panel{ margin: 0;} .website-notice .panel .panel-heading{ padding-right: 100px; position: relative; } .website-notice .panel .panel-heading .panel-title{display: block; width: 100%; line-height: 34px; font-size: 13px;} .website-notice .panel .panel-heading .date{ line-height: 34px; position: absolute; right: 10px; top: 0; color: #999;} .website-notice .panel-heading > .panel-title{ height: 34px;} .website-notice .panel-heading > .panel-title a{ color: #7a7a7a; display: block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;} .website-notice .panel-heading > .panel-title a:hover{ color: #7ca4d2;} .website-notice .panel-body{ color: #666; line-height: 1.5em;} .mainbanner{ background-color:#7ca4d2; overflow:hidden; height:60px; border-radius:5px; margin-bottom:20px; position:relative;} .mask_disc{background:url(../images/mainbanner_bg.png) no-repeat; width:566px; height:300px; position:absolute; right:-80px; bottom:-80px; z-index:2;} .mask_box{background:url(../images/mainbanner_box.png) no-repeat; width:652px; height:559px; position:absolute; right:-200px; bottom:-180px; z-index:1;} .mask_light{ background:url(../images/mask_light.png) no-repeat; width:800px; height:800px; position:absolute; left:-350px; bottom:-450px; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5; opacity:0.5; z-index:1;-webkit-animation: loadrotate 30s linear infinite;-moz-animation: loadrotate 30s linear infinite; animation: loadrotate 30s linear infinite;} .mask_node {width:400px; height:300px; position:absolute; right:0; top:0; z-index:4;} .mask_node .node{ width:70px; height:70px; background-color:rgba(255,255,255,0.5); position:absolute; border-radius:50%;} .mask_node .node span{ display:block;width:50px; height:50px; font-size:18px; margin:10px; font-weight:bold; line-height:50px; text-align:center;border-radius:50%; color:#fff; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; } .mask_node .node.saveworry{ top:60px; left:120px;} .mask_node .node.saveworry span{ background-color:#7ca4d2; text-shadow:0 1px 0 #6285ad;} .mask_node .node.safety{ top:-20px; right:60px;} .mask_node .node.safety span{ background-color:#ffd66a; text-shadow:0 1px 0 #ffd25b;} .mask_node .node.efficient{ top:150px; left:200px;} .mask_node .node.efficient span{ background-color:#ed5466; text-shadow:0 1px 0 #ec465a;} .mask_node .node.simple{ bottom:50px; right:-20px;} .mask_node .node.simple span{ background-color:#91c854; text-shadow:0 1px 0 #8ac448;} .mainbanner h3{ margin-top:10px; margin-left:30px; color:#fff; font-size:35px; font-weight:bold; text-shadow:0 2px 0 #007594; z-index:3; position:relative;} .mainbanner .feature{ margin-top:30px; margin-left:0;z-index:3; position:relative;} .mainbanner .feature li{ color:#fff; line-height:30px; margin-bottom:5px; font-size:16px; list-style:none;} .mainbanner .feature li strong{ padding-right:5px;} .timeline.main:after{ left:30px;} .timeline.main li.wrapper{ margin-left:65px;} .timeline.main .wrapper .figure {background-color: #ecf0f1; border-radius: 50%;box-shadow: 0 0 0 3px #ecf0f1;color: #b1c2c6; height: 34px;left:30px; line-height: 34px;margin-left: -18px; margin-top: 5px; position: absolute;text-align: center; width: 34px;z-index: 5;} .timeline.main li.wrapper .panel:before{border-style: solid;content: ""; height: 0; position: absolute;width: 0;border-color: transparent #cfd9db transparent transparent; border-width: 10px 10px 10px 0;left: -11px;top: 10px;} .timeline.main li.wrapper .panel:after{border-style: solid;content: ""; height: 0;position: absolute;width: 0;border-color: transparent #fff transparent transparent;border-width: 10px 10px 10px 0;left: -10px;top: 10px;} .timeline.main li.wrapper .panel .panel-body{ padding:8px 130px 8px 90px;} .timeline.main li.wrapper .panel .panel-body .panel-icon{ font-size:3em; position:absolute; color:#e0e0e0; left:20px; top:20px;} .timeline.main li.wrapper .panel .panel-body .btn{position:absolute; right:20px; bottom:20px;} .timeline.main .alert-warning{ font-size:1.6em; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;} /*#data-platform{ width:150px; display:inline-block; margin-bottom:-4px;}*/ #main .jumbotron{background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;background-image:url(../images/lite_bg.jpg); margin-top: 0px; height: 120px; text-align: center; padding-top: 0px;} .jumbotron .photo{ width:80px; height:80px; border-radius:50%; border:5px solid #fff; background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover; margin: 0 auto;} .company-name{ font-size: 30px; margin-bottom: 10px; line-height: 40px; font-family: "Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif; margin-top: 15px;} .jumbotron p.company-label{ font-size: 16px; line-height: 20px; font-family: "Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;} .event-modal{ position:fixed; top:50%; left:50%; margin-left:-450px; margin-top:-180px; display:none; z-index:1050; -webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 0 10px rgba(0,0,0,0.2);} .event-modal .modal-body{ padding:0;} .event-modal .close{background-color: #ccc; border-radius: 50%; box-shadow: 0 0 0 5px #fff; color: #fff; height: 30px; right: -20px; opacity: 1; position: absolute; text-align: center; top: -20px;width:30px; font-size:2em; line-height:30px; z-index:1; transition:all 0.5s ease 0s;} .event-modal .close:hover{ background-color:#999;} /* ---------- staff---------- */ #shuffle-grid .shuffle{ float:left; width:300px; height:100px; padding:0 10px; margin:15px 0;} #shuffle-grid .shuffle .panel-body{ padding:10px; height:100%; position:relative; z-index:2;} #shuffle-grid .shuffle img{ max-height:100px; max-width:100px;} #shuffle-grid .shuffle .panel{ padding-left:100px;} #shuffle-grid .shuffle .photo{ width:100px; height:100px;display: block; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:center;-webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;} #shuffle-grid .shuffle .staffinfo{ height:100px; vertical-align:middle;} #shuffle-grid .shuffle .text-center{ background-color:#eee; background-size: contain;} #shuffle-grid .shuffle .text-center i{ font-size:5em; vertical-align:middle; color:#aaa; text-shadow:0 0 5px #ccc;} #shuffle-grid .shuffle h5.semibold{ line-height:1.8em;} #shuffle-grid .shuffle h5.semibold .text-default{ padding-left:5px; font-weight:normal; font-size:13px;} .loadtext{ line-height:24px; padding:5px 0; margin:0; color:#333; display: block;} .loadtext-sm{line-height:20px;padding:5px 0; margin:0; color:#333; display: block;} .shuffle .sidelabel{position:absolute; width:55px; padding-left:5px; color:#fff;font-size:12px ;font-weight:bold;right:5px;border:none;bottom:10px;line-height:24px;background-color:#999; text-align:center; z-index:1;} .shuffle .sidelabel:before{display:inline-block;content:"";position:absolute;top:-8px;left:-5px;border-style:solid;border-color:transparent #fff transparent transparent;border-width:20px 12px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);transform: rotate(180deg);} .shuffle .sidelabel:after{display:inline-block;content:"";position:absolute;top:23px;right:1px;border-style:solid;border-color:transparent transparent #333 #333;border-width:3px 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);} .shuffle .supertube {position: absolute; right:10px; top:0; z-index: 2; width: 50px; height: 50px;} .shuffle .supertube_bg {width: 0px; height: 0px; border-top:45px solid #deb727; border-left: 45px solid transparent; position: absolute; top:1px; right:0px; z-index: 3;} .shuffle .supertube .text {position: absolute; z-index: 4; right: 0; top:8px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); color: #fff;} #templetfile, .templetfile{ position:absolute; z-index:3; height:34px; left:0; top:0; width:100%; padding:0; background:none; border:0;filter:alpha(opacity:0);opacity: 0;} /* ---------- platform-group ---------- */ .platform-group { width: 530px; overflow: hidden; margin: 0 auto;} .platform-group .platform-label{ border: 2px solid #e0e0e0; position: relative; float: left; height: 47px; width: 122px; margin:5px; display: block; background-position: center center; background-size: contain; background-repeat: no-repeat; transition: all 0.5s ease 0s; } .platform-group .platform-label:last-child{line-height: 45px; text-align: center; font-size: 16px; font-weight: bold; color: #666; } .platform-group .platform-label:before{ background-color: rgba(255,255,255,0.5); width: 100%; height:100%; content: ""; position: absolute; left: 0; top: 0;transition: all 0.5s ease 0s;} .platform-group .platform-label:hover{ color: #666; border-color: #999; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3);} .platform-group .platform-label:hover:before{background-color: rgba(255,255,255,0.1); } .platform-group .platform-label.active{ border-color: #7ca4d2; color: #7ca4d2;} .platform-group .platform-label.active:before{ display: none;} .platform-group .platform-label.active:after{ position:absolute; right:2px; bottom:-5px; font-size:20px; content:"\e72a"; font-family: "iconfont"; color:#7ca4d2;} .platform-group .platform-link {text-align: right; display: block; padding-right: 15px; margin-bottom: 5px;} .store-page .platform-group{ width: 735px;} .store-page .platform-group .platform-label{ width: 225px; margin: 10px 10px 5px; height: 80px; text-align: center;} .store-page .platform-group .platform-label:before{background-color:rgba(0, 0, 0, 0.7); z-index: 1;} .store-page span{ position:relative; line-height: 80px; font-weight: bold; color: #fff; font-size:15px; text-decoration:underline; z-index: 2;} .set-platform .platform-group{ width: 100%;} .set-platform .platform-group .platform-label { width: 258px; margin: 10px 10px 5px; height: 82px; text-align: center; position: relative;} .set-platform .platform-group .platform-label:before {background:none;} .set-platform .platform-group .platform-label img {width: 100%; padding-top: 2px;} .set-platform .platform-group .platform-label p {padding: 5px 0; font-size: 15px; font-weight: 600; line-height: 1.42857;} .set-platform .platform-group .platform-label .selected {position: absolute; right: 0; bottom: 0; width: 30px; display: none;} .set-platform .platform-group .platform-label.active{ border: 2px solid #7dab4a; color: #7ca4d2;} .set-platform .platform-group .platform-label.active .selected {display: block;} .set-platform .platform-group .platform-label.active:after { position:absolute; right:2px; bottom:-5px; content:"";} .set-platform .platform-label span{ position:relative; line-height: 80px; font-size: 15px; color: #030303; font-weight: 600; font-size:15px; display: block; width: 100%; height: 100%; background: #fff;} /* ---------- calendar---------- */ #full_calendar .fc-event{ font-size:12px;} #full_calendar .fc-event .removeevent{ display:none; border:0; background:none; margin:0;position:absolute; right:5px; top:3px; padding:3px; z-index:10;} #full_calendar .fc-event .ico-remove-sign{ font-size:1.2em; color:#A2A2A2;} #full_calendar .fc-event:hover .removeevent{ display:block;} /* ---------- document---------- */ .documentlist h2{font-size:18px; padding-right:40px; position:relative;} .documentlist h2 span.label{ margin-right:10px; font-size:16px; height:auto;} .documentlist h2 .arrow{ position:absolute; right:0; top:2px;} .documentlist h2 .arrow:before{font-family: iconfont; font-size:24px;font-weight: 400; line-height:20px; content:"\e360";} .documentlist h2 .arrow.closed:before{content:"\e35e";} .documentlist ul{ margin:15px 0 30px 0; padding:0; list-style:none; border-top:1px solid #ddd;} .documentlist li{vertical-align:middle; padding:0; width:100%;} .documentlist li .photo{ display:table-cell; vertical-align:top; text-align:center;padding:10px 20px 20px 0;position:relative;} .documentlist li .photo .link{ display:block; overflow:hidden; width:200px; height:200px; border:5px solid #ddd; border-radius:15px;-webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);} .documentlist li.new .photo:before{ position:absolute; content:""; top:12px; left:2px; overflow:hidden; width:80px; height:80px; background:url(../images/label_document.png) 0 0 no-repeat;} .documentlist li.update .photo:before{ position:absolute; content:""; top:12px; left:2px; overflow:hidden; width:80px; height:80px; background:url(../images/label_document.png) -80px 0 no-repeat;} .documentlist li.fixbug .photo:before{ position:absolute; content:""; top:12px; left:2px; overflow:hidden; width:80px; height:80px; background:url(../images/label_document.png) -160px 0 no-repeat;} .documentlist li .photo img{ max-height:200px; max-width:200px;position: relative; z-index: -1;} .documentlist li .note{ display:table-cell; vertical-align:middle; color:#666; text-shadow:0 1px 0 #fff; font-size:14px; padding:10px 0 20px;} .documentlist li .note ol, .documentlist li .note ul{ padding-left:20px;} .documentlist li .note li{ line-height:2em;} .documentlist li .note .label{ font-size:14px; text-shadow:none;} .documentlist li .note .title{ font-size:16px; line-height:20px; margin-top:0;} .documentlist li .note .title .badge{ font-size:12px; margin-right:5px;} .documentlist li .note .title .ico-new{ font-size:12px;} .documentlist li .note .title .ico-new:before{ font-size:18px; padding-right:5px;} .documentlist li .note p{line-height:2em;margin:0;} .videolist h2{font-size:18px; padding-left:35px; position:relative; cursor:pointer; border-bottom:1px solid #ddd; padding-bottom:10px;} .videolist h2:hover{ color:#7ca4d2;} .videolist h2 span.label{ margin-right:10px; font-size:16px; height:auto;} .videolist h2 .arrow{ position:absolute; left:0; top:2px;} .videolist h2 .arrow:before{font-family: iconfont; font-size:24px;font-weight: 400; line-height:20px; content:"\e360";} .videolist h2 .arrow.closed:before{content:"\e35e";} .videolist .videoplayer{ width:650px; height:410px; margin:10px auto 0; background-color: #fff; border-radius: 5px;padding: 5px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999;} .videolist .videogroup p.info{line-height:20px; margin:0; padding-left:35px;} .videolist ul{ margin:15px 0 30px 0; padding:0; list-style:none; border-top:1px solid #ddd;} .videolist li{vertical-align:middle; padding:0; width:100%;} .commentarea .panel-body textarea{ height:120px;} .commentarea .reply-wrapper{ margin-top:10px; height:41px;} .commentarea .panel-toolbar-wrapper.reply-wrapper{ padding:0; border:0;} .commentarea .reply-account img{ display:inline-block; margin-right:10px; height:40px; height:40px; } .commentarea .reply-account strong{ line-height:41px; font-size:13px; color:#7ca4d2;} .commentlist{ margin-bottom:20px;} .commentlist h2{font-size:16px; } .commentlist h2 span.label{ margin-right:10px; font-size:14px; height:auto;} .commentlist ul{ margin:15px 0 0 0; padding:0; list-style:none;} .commentlist li{vertical-align:middle; padding:15px 0; border-top:1px solid #ddd; position:relative;} .commentlist li .photo{ display:table-cell; vertical-align:middle; text-align:center; padding-right:20px;} .commentlist li .photo a{ display:block; overflow:hidden; width:80px; height:80px; border:3px solid #ddd; border-radius:50%;-webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);} .commentlist li .photo img{ max-height:80px; max-width:80px;position: relative; z-index: -1;} .commentlist li .note{ display:table-cell; vertical-align:middle;} .commentlist li .note .date{ color:#999; padding-left:20px;} .commentlist li .note .title{ font-size:14px; line-height:20px;} .commentlist li .note p{ line-height:20px; margin:10px 0;} .commentlist li ul{ margin-left:100px; display:none;} .commentlist li li textarea{ height:80px;} .commentlist li li .panel-toolbar{ margin-top:10px;} .commentlist li li.newreply{ padding-right:110px;} .commentlist li li.newreply .btn-primary{ position:absolute; right:20px; bottom:15px;} .commentlist li .del{ position:absolute; right:15px; top:10px;} /* ---------- access---------- */ .col-custom-3 .list-group-tabs > .list-group-item.active > a, .col-sm-3 .list-group-tabs > .list-group-item.active > a{ background-color:#7ca4d2; color:#fff;} .list-group-tabs .list-group-item.active a:after{ position: absolute; right:-7px; top:50%; margin-top:-8px; content: ""; width: 0px; height: 0px; border-style: solid;border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #7ca4d2;} .nav.nav-pills > li > a{ background-color:#eee;} .nav.nav-pills > li + li {margin-left: 5px;} .nav.nav-pills.nav-stacked > li + li{margin-left:0;} .nav.nav-pills.nav-stacked > li.dropdown-header{ font-weight:bold; font-size:14px; padding:10px 20px;} .nav.nav-pills.nav-stacked > li.dropdown-header strong{ background-color:#fff; padding:0 5px; position:relative; z-index:2;} .nav.nav-pills.nav-stacked > li.dropdown-header:before{ height:1px; width:100%; content:""; background-color:#e0e0e0; left:0; top:50%; position:absolute; z-index:1;} .nav.nav-pills > li.active > a, .nav.nav-pills > li.active > a:focus, .nav.nav-pills > li.active > a:hover{background-color: #7ca4d2;} .form-group .radio-inline, .form-group .checkbox-inline, .form-group .radio-inline + .radio-inline, .form-group .checkbox-inline + .checkbox-inline{ margin-left:0; margin-right:5px;} .list-group.list-group-tabs .list-group-item.active > a{background-color: #00b1e1;color: #fff;} .list-group.list-group-tabs .list-group-item.active > a:after { border-color: transparent transparent transparent #7ca4d2; border-style: solid; border-width: 8px 0 8px 8px;content: "";height: 0; position: absolute; right: -7px; top: 50%; margin-top: -8px; width:0;} .list-group.brtools-panel { margin-bottom:0;} .brtools-panel .list-group-item{ border-color:#009dc8;} .brtools-panel .list-group-item a{background-color: #7ca4d2;color: #fff; font-weight:bold;} .brtools-panel .list-group-item a:hover, .brtools-panel .list-group-item a:focus{ background-color:#009dc8; color: #fff;} #uploadPhoto .col-sm-6{ padding-right:80px;} #uploadPhoto .col-sm-6 .upload{ position:absolute; right:0; top:0;} #uploadFile { padding-right:80px;} #uploadFile .upload{ position:absolute; right:0; top:0;} .access-panal .group-header{ padding:15px; overflow:hidden; margin-left: -15px; margin-right: -15px; background-color:#f8f8f8;} .access-panal .form-group{ border-top:1px solid #E0E7E8;} .access-panal .group-header h4{ float:left; margin:0;} .access-panal .group-header label.checkbox-inline{ float:right; padding-top:0;} .access-panal .form-group .control-label input[type="checkbox"]{ margin-right:5px;} .access-panal .form-group label.checkbox-inline{ margin:0 0 3px 0; padding:3px 10px 3px 30px; background-color:#eee; border-radius:2px;} .access-panal .form-group label.checkbox-inline.active{ background-color:#6BCCB4; color:#fff; border-color:#58C5AA;} .multicheck input[type="checkbox"]{ margin-right:5px;} .multicheck label.checkbox-inline{ margin:0 5px 3px 0; padding:3px 10px 3px 30px; background-color:#f2f2f2; border-radius:2px; border:1px solid #eee;} .multicheck label.checkbox-inline.active{ background-color:#6BCCB4; color:#fff; border-color:#58C5AA;} /* ---------- timeline---------- */ .timeline{ z-index:1;} .timeline .list-table .badge, .timeline .list-table .label{ font-size:12px; height:20px;} .timeline li .panel-footer .img-group-stack{ float:right;} .timeline li .panel-footer .img-group-stack ul{ list-style:none; margin-left:-20px;} .timeline li .panel-footer .img-group-stack li.text{ padding-right:15px; color:#999;} .timeline li .panel-footer .img-group-stack li{ height:40px; line-height:40px; float:left;} .timeline li .panel-footer .img-group-stack li + li{ margin-left:-10px;} .timeline li .panel-footer .img-group-stack li img{ border:2px solid #fff; height: 38px;width: 38px; position:relative; z-index:1;} .timeline li .panel-footer .img-group-stack li.active img{ border-color:#7ca4d2; z-index:2;} .timeline li.loadmore{text-align:center; clear:both; position:relative; z-index:1;} .timeline li.loadmore a{transition:all 0.5s ease 0s; display:inline-block; background-color:#DDE4E6; border-radius:11px; line-height:20px; color:#aaa; font-size:13px; font-weight: bold; padding:2px 15px;} .timeline li.loadmore a:hover{ background-color:#7ca4d2; color:#fff;} /* ---------- examine---------- */ .table-email .meta p.date{ color:#555555; font-size: 11px;padding-right: 0;} .table-email td input[type="checkbox"], .table-email th input[type="checkbox"]{width:16px; height:16px;} .table-email td .ico-star-empty, .table-email td .ico-star{ cursor:pointer; font-size:1.5em;} .table-email td .ico-star{color:#FFD66A;} .table-email td .ico-star-empty{color:#94AAB0} .table-email tbody tr td{ line-height:18px;} .table-email tbody tr td.message h5.heading{ margin-bottom:5px;} .table-email td a{ display:inline-block; line-height:20px; margin-right:10px; padding:2px 10px; background-color:#f0f0f0; border-radius:3px;} .table-email td a:hover{ background-color:#fff; } .table-email td.message hr{border-color:#e0e0e0; border-style: dotted;} /* order list message */ .message-panel.order-message .message-layout .panel-body{ border-top: 1px solid #cfd9db; bottom: 140px;left: 0; overflow-y: auto;padding: 0;position: absolute;top: 40px;transition: all 0.4s ease 0.2s;width: 100%;} .message-panel.order-message .message-layout .panel-footer{ height: 140px;} .message-panel.order-message #submitMessage.large-btn{ height: auto; line-height: 18px;} /* case */ .casepanel .message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li:first-child.active a{ background-color:#fff;} .casepanel .message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li:nth-child(2).active a{ background-color:#ecf0f1;} .message-layout .panel-body.tab-content{ padding:0; position:absolute; top:70px; left:0; bottom:160px; width:100%; overflow-y:auto;transition:all 0.4s ease 0.2s;} .messagescroll {padding:10px 0 0;background-color:#ecf0f1; min-height:100%;} #casedetail{ bottom:180px;} .casepanel .message-layout .panel-footer{ height:180px;} #main .casepanel .message-layout .panel-footer{padding-top:45px;} .casepanel .message-layout .panel-footer textarea{height:60px;} .casepanel .message-layout .panel-footer .row{ position:absolute; left:15px; top:5px; width:100%;} .message-info .dropdown-menu{ width:420px; padding:10px;} .message-info .dropdown-menu li{ padding:5px 10px 5px 120px; min-height:20px; display:block; position:relative; line-height:20px; border-bottom:1px solid #eee;} .message-info .dropdown-menu li:last-child{ border:0;} .message-info .dropdown-menu li .title{ position:absolute; width:100px; text-align:right; line-height:20px; top:5px; left:10px;} .message-info .dropdown-menu li a{ display:inline; padding:0 !important; background-color:transparent; color:#7ca4d2;} .message-panel .messagescroll .media-object{ background-color:#ccc; border-radius:8px; text-align:center; width:50px; border:2px solid #fff;} .message-panel .messagescroll .media .media-object:after{border-color:transparent #fff transparent transparent;} .message-panel .messagescroll .media-list{ margin:0;} .message-panel .messagescroll .media-list .title{ font-weight:bold; padding-bottom:5px; display:block;} .message-panel .messagescroll .media-list .title .badge{ margin-left:10px; font-size:12px; height:auto;} .message-panel .messagescroll .media-list .title .badge:hover{ background-color:#60c8ae;} .message-panel .messagescroll .media-list .media-text{ background-color:#fff;} .message-panel .messagescroll .media-list .media-text p{ word-break:break-all; word-wrap:break-word; line-height:20px; margin:0;} .message-panel .messagescroll .media-list li .btn-group{ display:inline-block; padding-left:10px;} .message-panel .messagescroll .media-list li .btn-group button{ transition:all 0.5s ease 0s;} .message-panel .messagescroll .media-list li .btn-group button.active, .messagescroll .media-list li .btn-group button:active{ background-color:#7ca4d2; color:#fff; border-color: #6285ad; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);} .message-panel .messagescroll .media-list .media-object i{ font-size:30px; line-height:50px; color:#fff; background-color: transparent;} .message-panel .messagescroll .media-list .media.media-right .media-object{ background-color:#63D3E9; border-color:#9fe9f8; margin-right: 0;} .message-panel .messagescroll .media-list .media.media-right .media-text{ background-color:#7ca4d2; text-align:left;} .message-panel .messagescroll .media-list .media.media-right .media-object:after{border-color:transparent transparent transparent #7ca4d2;} .message-panel .messagescroll .media-list .media-body p.media-meta{ color:#999; font-weight:bold;} .message-panel .messagescroll .media-list .media .media-body{ margin-right:70px;} .message-panel .messagescroll .media-list .media.media-right .media-body{ margin-left:70px; margin-right:0;} .enclosure{ display:inline-block; margin:5px; position:relative; width:200px; overflow:hidden; border-radius:6px;} .enclosure img{ width:200px;} .enclosure.enclosurebig {width: auto; height: auto; max-width: 100%;} .enclosure.enclosurebig img {width: auto; height: auto; max-width:100%;} .enclosure:after, .enclosure.enclosurebig:after {-moz-opacity:0; -webkit-opacity:0; opacity:0;filter: alpha(opacity=0);color:#fff; font-size:1.5em; content:"\e1bc"; font-family: "iconfont"; position:absolute; width: 100%; right: 0;bottom: 0; background-color:#333;text-align: right; padding-right: 5px;} .enclosure:hover:after, .enclosure.enclosurebig:hover:after {-moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter: alpha(opacity=50);} .message-panel .messagescroll .media-list .media-text p + .imggroup{ margin-top:10px;} .message-panel .messagescroll .media-list .imggroup .magnific{ display:inline-block; margin:5px; position:relative; width:200px; overflow:hidden; border-radius:6px;} /*.message-panel .messagescroll .media-list .imggroup .magnific:before{ transition: opacity 0.5s ease-in-out; -moz-opacity:0; -webkit-opacity:0; opacity:0;filter: alpha(opacity=0); width:100%; height:100%; right: 0; bottom: 0; position:absolute; background-color:#333; }*/ .message-panel .messagescroll .media-list .imggroup .magnific:after {-moz-opacity:0; -webkit-opacity:0; opacity:0;filter: alpha(opacity=0);color:#fff; font-size:1.5em; content:"\e1bc"; font-family: "iconfont"; position:absolute; width: 100%; right: 0;bottom: 0; background-color:#333;text-align: right; padding-right: 5px;} /*.message-panel .messagescroll .media-list .imggroup .magnific:hover:before {-moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter: alpha(opacity=50);}*/ .message-panel .messagescroll .media-list .imggroup .magnific:hover:after {-moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter: alpha(opacity=50);} .message-panel .messagescroll .media-list .imggroup .magnific img {width:200px;} .message-panel .messagescroll .media-list .imggroup .magnific.magnificbig {width: auto; height: auto; max-width:100%;} .message-panel .messagescroll .media-list .imggroup .magnific.magnificbig img {width: auto; height: auto; max-width:100%;} .message-panel .messagescroll .media-list .order-info{padding: 8px 15px;} .message-panel .messagescroll .media-list .order-info .media-body{ background-color:#fff; padding:35px 8px 8px; border-radius:6px;position: relative; overflow:inherit;} .message-panel{width:60%; height:100%; background-color:#fff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);position: fixed;right:-60%; top:0; z-index:1031; transition:all 0.4s ease 0.2s;} .message-panel.opened,.message-panel.ebay-type.opened{ right:0;} .message-panel.ebay-type{ width: 80%; right: -80%;} .order-info .media-body .readmore{ position:absolute; right:8px; top:8px;} .order-info .sidelabel{position:absolute; width:100px; padding:0 5px; color:#fff;font-size:14px ;font-weight:bold;left:-5px;border:none;top:5px;line-height:24px;background-color:#999; text-align:center; z-index:1;} .order-info .sidelabel:before{display:inline-block;content:"";position:absolute;top:-8px;right:-5px;border-style:solid;border-color:transparent transparent transparent #fff;border-width:20px 15px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);transform: rotate(180deg);} .order-info .sidelabel:after{display:inline-block;content:"";position:absolute;top:23px;left:1px;border-style:solid;border-color: #333 transparent transparent #333;border-width:3px 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);} .messagescroll .media-list .loadmore{ height:2px; background-color:#e0e0e0; text-align:center; clear:both; margin:10px 0;} .messagescroll .media-list .loadmore a{ position:relative; transition:all 0.5s ease 0s; top:-11px; display:inline-block; background-color:#e0e0e0; border-radius:13px; line-height:20px; color:#9a9a9a; font-size:13px;font-weight: bold; padding:2px 15px; text-align: center;} .messagescroll .media-list .loadmore a:hover{ background-color:#7ca4d2; color:#fff;} .message-layout .panel-footer{ bottom:0; width:100%; height:160px; position:absolute; left:0; overflow:inherit; transition:all 0.4s ease 0.2s; background-color:#fff;} .message-layout .panel-footer textarea{ height:80px; word-break:keep-all; position:relative; transition:all 0.5s ease 0s; } .message-layout .panel-footer textarea:focus{ height:240px; margin-top:-170px; z-index:2;} .evaluate strong{ padding-left:5px;} .message-layout .panel-footer .panel-toolbar-wrapper{position:relative; margin-top:5px;} #submitMessage{ position:absolute; right:0; top:0; padding:10px 15px; font-size:20px;} #submitMessage.large-btn{ padding:10px 20px; letter-spacing:3px; height:62px; line-height:30px;} #submitMessage.large-btn small{ line-height:20px; font-size:12px; letter-spacing:0px; font-weight:normal; position:absolute; right:5px; bottom:1px;} .quick-num-btn{ height:24px; margin-bottom:5px; display:inline-block;} .quick-num-btn strong{ padding-right:5px;} .quick-num-btn .btn{ line-height:16px; font-weight:bold; padding:3px 10px; margin:0 2px;} .quick-num-btn .btn.active{ background-color: #7ca4d2;border-color: #6285ad; -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);} .btn-messagehelp{font-size:24px; position:absolute; right:125px; top:10px; } .btn-help{ -webkit-animation: wobble 3s linear infinite;-moz-animation: wobble 3s linear infinite; animation: wobble 3s linear infinite;} .quick-icon{height:30px; position:absolute; right:125px; bottom:-5px;} .quick-icon a{ font-size:16px; color:#aaa; transition:all 0.4s ease 0.2s; display:inline-block; padding:2px 5px; margin-left:5px; line-height:20px; background-color:#f8f8f8; border-radius:2px;} .quick-icon a:hover{ color:#666; background-color:#eee;} .quick-icon .attention.active{ color:#a87a01; background-color: #ffd66a; border-color: #ffd25b;} .quick-icon .blacklist.active{ background-color: #2a2a2a;border-color: #222; color: #fff;} .quick-icon.quick-new {height:30px; position:absolute; right: 0; top: 5px;} .quick-reply{ position: fixed; right:57%; bottom:0; display:none; width:380px; z-index:1032;-moz-box-shadow:0 0 10px #666;-webkit-box-shadow:0 0 10px #666;-khtml-box-shadow:0 0 10px #666;box-shadow:0 0 10px #666;} .quick-reply .panel-heading .panel-title, .quick-reply .panel-heading > .panel-toolbar{ height:30px;} .quick-reply .panel-toolbar-wrapper .panel-toolbar{ height:34px;} .quick-reply .panel-heading .option .btn{ padding-right:0; padding:8px 0 0;} .quick-reply .panel-heading .option .btn i{ font-size:1.6em; color:#ccc;transition:all 0.5s ease 0s;} .quick-reply .panel-heading .option .btn:hover i{ padding-right:0; color:#999;} .quick-reply .panel-body{max-height:485px; overflow-y:auto; padding:10px;} .quick-reply .panel-toolbar .info{ display:table-cell; height:40px; vertical-align:middle; font-size:12px; font-weight:normal; color:#999;} .quick-reply .panel-toolbar .info i{ padding-right:5px;} .quick-reply:after { border-color: transparent transparent transparent #CFD9DB; border-width: 10px 0 10px 10px;left: auto; right: -10px;border-style: solid;content: ""; height: 0; position: absolute; bottom:15px; width: 0;} #main .quick-reply .panel-footer{ padding-top:0; padding-bottom:0;} .quick-reply .alert.alert-warning{ cursor:pointer; position:relative; overflow:hidden; padding:5px 5px 5px 15px; margin:0;} .quick-reply .alert.alert-warning + .alert-warning{ margin-top:10px;} .quick-reply .alert.alert-warning p{ line-height:16px; max-height:32px; overflow:hidden; color:#666;} .quick-reply .alert.alert-warning .hotkey{ position:absolute; font-weight:bold; font-size:10px; right:5px; top:5px; color:#7ca4d2;-webkit-animation: keyOpacity 2s linear infinite;-moz-animation: keyOpacity 2s linear infinite; animation: keyOpacity 2s linear infinite;} @-webkit-keyframes keyOpacity{0%{opacity:1;}50%{ opacity:0.2;}100%{opacity:1;}} @-moz-keyframes keyOpacity{0%{opacity:1;}50%{opacity:0.2;}100%{opacity:1;}} @keyframes keyOpacity{0%{opacity:1;}50%{ opacity:0.2;}100%{opacity:1;}} .quick-reply .panel-ribbon:after {border-color:#da9e00 transparent transparent; border-style: solid; border-width: 25px 25px 0 0 ;content: "";height: 0; left: 0; position: absolute;top: 0; width: 0;} .quick-reply .panel-ribbon span {color:#fff; font-family: tahoma;font-size: 10px; font-weight: bold; left: 4px; line-height: 20px; position: absolute; top: -3px; z-index: 1;} .insertimage .dropdown-menu{ width:250px; padding:10px;} .insertimage .dropdown-menu li{ padding:5px 35px; min-height:20px; position:relative; line-height:20px; border-bottom:1px solid #eee;} .insertimage .dropdown-menu li.dropdown-header{ padding:5px 0; text-align:center;} .insertimage .dropdown-menu li:last-child{ border:0;} .insertimage .dropdown-menu li .photo{ position:absolute; left:0; top:0; width:30px; height:30px; background-position: center top;background-repeat: no-repeat; background-size: cover;overflow: hidden;} .insertimage .dropdown-menu li .close{position:absolute; right:5px; top:5px; font-size: 21px !important;} .insertimage .dropdown-menu li strong{ display:block;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .insertimage .dropdown-menu li.uploading strong{ display:none;} .insertimage .dropdown-menu li.uploading .progress-bar-success{ display:block;} .insertimage .dropdown-menu li .progress-bar-success{ display:none;} .message-detail .panel.order, .message-detail .panel.notes{ overflow: inherit;} .message-detail .panel.order .dropup .product{ padding-right:40px;} .message-detail .panel.order .dropup .product .badge{ position:absolute; right:10px; top:7px; background-color:#7ca4d2; color:#fff;} .message-detail .panel.order .panel-toolbar-wrapper{background-color:transparent; border:0; padding:0;} .message-detail .panel.order .dropup .dropdown-menu{ max-width:450px;} .message-detail .panel.order .dropup .dropdown-menu a{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .message-detail .panel.order .dropup .dropdown-menu a .badge{ margin-right:5px;} .message-detail .panel.order .dropup .dropdown-menu a:hover .badge{ background-color:#fff;} .message-detail .panel.notes .input-group-btn .btn .text{ padding:0 5px;} .message-detail .panel.info .modal-body{ padding:5px 15px; border-top:1px solid #cfd9db; background-color:transparent;} .message-detail .panel.info .modal-content{ -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none;} .message-detail .panel.info .form-horizontal.form-bordered .form-group{ padding-top:5px; padding-bottom:5px;} .message-detail .panel.info .modal-footer{padding:9px 20px 10px;} .message-detail .panel.relatet{border-bottom: 1px solid #cfd9db; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .keyword-group{ clear:both; margin-top:5px; height:60px; overflow-y:auto; border:1px solid #CFD9DB; background-color:#fff; padding:5px; min-height:20px;} .keyword-group .keyword-label{ display:inline-block; vertical-align:baseline; border-radius:3px; background: #EFEFEF; color: #333;margin: 0 4px 2px 0;padding: 1px 5px; line-height:22px;} .keyword-group .keyword-label:hover{ background-color:#e8e8e8;} .keyword-group .keyword-label .close{ margin-left:5px;} .keyword-group.min{ height:36px;} .keyword-group .keyword-label.flicker{-webkit-animation: flickerShadow 2s linear infinite;-moz-animation: flickerShadow 2s linear infinite; animation: flickerShadow 2s linear infinite;} @-webkit-keyframes flickerShadow{0%{ -webkit-box-shadow:inset 0 0 6px #63d3e9;}50%{-webkit-box-shadow:inset 0 0 8px #7ca4d2; color: #7ca4d2;}100%{ -webkit-box-shadow:inset 0 0 6px #63d3e9;}} @-moz-keyframes flickerShadow{0%{-moz-box-shadow:inset 0 0 6px #63d3e9;}50%{-moz-box-shadow:inset 0 0 8px #7ca4d2;color: #7ca4d2;}100%{-moz-box-shadow:inset 0 0 6px #63d3e9;}} @keyframes flickerShadow{0%{transform:box-shadow:inset 0 0 6px #63d3e9;}50%{box-shadow:inset 0 0 8px #7ca4d2;color: #7ca4d2;}100%{transform:box-shadow:inset 0 0 6px #63d3e9;}} #orderproduct .panel-toolbar-wrapper{ padding:0; border:0;} #messagescrolldetail .ui-resizable-handle{border-bottom: 1px solid #cfd9db; background-color:#eee; cursor: s-resize;height: 8px; width: 100%; position:absolute; bottom:0; left:0;} #messagescrolldetail .ui-resizable-handle .note-icon-bar{border-top: 1px solid #ccc;margin: 1px auto; width:80px;} #messagescrolldetail .ui-resizable-handle:hover{background-color:#f9f9f9;} /* message sutra*/ .modal-message{ background-color:rgba(255,255,255,0.6);} .modal-message .modal-dialog{ width: 1000px; margin: 5px auto;} #main .modal-message .indicator{ border-radius: 0; position: fixed;} #main .modal-message .indicator .spinner{ padding:10px 10px 10px 60px; width: 200px; height: 50px; border-radius:25px;background-color: #fff;-moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); box-shadow: 0 1px 5px rgba(34, 25, 25, 0.4);background-position: 20px center;} .modal-message .close{opacity: 1; color:#c0c0c0; font-size: 50px; position: fixed; right: 20px; top: 10px; transition: all 0.5s ease 0s; z-index: 1035; -webkit-transform:translateZ(0px);} .modal-message .close:hover{color:#7ca4d2; opacity: 1;} .modal-message .arrow-prev, .modal-message .arrow-next{ padding:0; background-color: transparent; border: 0; position: fixed; top: 50%; width: 50px; height: 100px; text-align: center; line-height: 100px; margin-top: -50px; font-size: 40px;color: #c0c0c0; border-radius: 5px; -webkit-transform:translateZ(0px);} .modal-message .arrow-prev:hover, .modal-message .arrow-next:hover{ color: #fff; background-color: rgba(0,0,0,0.2); border-radius: 5px;} .modal-message .arrow-prev{ left: 20px;} .modal-message .arrow-next{ right: 20px;} .modal-message .arrow-prev.disabled, .modal-message .arrow-next.disabled, .modal-message .arrow-prev.disabled:hover, .modal-message .arrow-next.disabled:hover{ color: #ccc; background-color: transparent;} .modal-message .modal-content{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border: 0; background-color: transparent; min-height: 100%;} .modal-message .modal-content .panel{ border-radius: 0; border:0; -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); box-shadow: 0 1px 5px rgba(34, 25, 25, 0.4);} .modal-message .modal-content .panel-heading, .modal-message .modal-content .panel-footer{border-radius: 0;} .modal-message .message-panel{ height: auto; position: relative; right: auto; top: auto; width: 100%; z-index: auto;} .modal-message .media-list{ margin-bottom: 0;} .modal-message .messagescroll{ height: 407px; overflow-y: auto; overflow-x: hidden;} .modal-message #submitMessage{position:inherit; right: auto; top:auto; font-size: 13px; line-height: 18px; padding: 7px 12px;} .modal-message .message-panel .panel-footer{ overflow: inherit;} .modal-message .productTr{ margin: 0; padding: 10px; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .modal-message .productTr th, .modal-message .productTr td{word-break: break-all;word-wrap: break-word;} .modal-message .quick-reply{ position: relative; display: block; right: auto; width: 100%; z-index: auto; bottom: auto;} .modal-message .quick-reply:after{ display: none;} .modal-message .quick-reply .panel-body{height: 485px; overflow-y: auto; overflow-x: hidden;} .modal-message .panel-footer textarea{ height:80px; word-break:keep-all; position:relative; transition:all 0.5s ease 0s; } .modal-message .panel-footer textarea:focus{ height:140px; margin-top:-60px; z-index:2;} .insertexpression img{ height: 16px;} .insertexpression .dropdown-menu{ width: 290px; padding: 5px 0 5px 5px;} .insertexpression .dropdown-menu::before, .insertexpression .dropdown-menu::after{ display: block; content: ""; clear: both; height: 0;} .insertexpression .dropdown-menu li{ float: left; width: 12.5%; margin-right:-1px; margin-bottom:-1px;} .insertexpression .dropdown-menu li a{ display: block; border: 1px solid #e0e0e0; padding: 5px 0 !important; text-align: center; vertical-align: middle; position: relative;} .insertexpression .dropdown-menu li a img{ vertical-align: middle;} /* order */ .search-panel.large-list-search{ margin:0; } .large-list-search .btn-group{ margin-bottom:5px;} .large-list-search .btn-group .input-group{ width:250px;} .large-list-title { position:relative;} .large-list-title .btn-add{ position:absolute; top:5px; right:10px;} .quick-label-group{ margin-bottom: 10px;} .quick-label{ background-color: #ddd; color: #666; border-radius: 3px; line-height: 26px; display: inline-block; padding: 0 10px 0 15px; position: relative;cursor: pointer;} .quick-label:hover{ background-color: #eee; color: #2f4690;} .quick-label .badge{ background-color: #fff; height: auto; line-height: 14px; color: #999;} .quick-label .badge.badge-danger {background-color: #ed5466; color: #fff;} .quick-label + .quick-label{ margin-left: 5px; } .quick-label:before{border-color: transparent transparent transparent #fff;border-style: solid;border-width: 13px 0 13px 5px;content: "";height: 0;position: absolute; left:0;top: 0; width: 0;} .quick-label.active{ background-color: #7ca4d2; color: #fff;} .quick-label.active .badge{ background-color: #6bccb4; color: #fff;} .quick-label.active .badge.badge-danger {background-color: #ed5466; color: #fff;} .quick-label.active:after{ content:"";border-style: solid; height: 0;position: absolute; width: 0;border-color: #7ca4d2 transparent transparent transparent;border-width: 7px 7px 0;bottom: -7px;left: 50%;margin-left: -7px;} .quick-dropdown {display: inline-block; position: relative; padding-bottom: 2px;} .quick-dropdown:hover .dropdown-menu {display: block;} .quick-label .dropdown-menu .badge {background-color: #ddd;} .quick-label .dropdown-menu a:hover .badge {background-color: #fff;} .quick-dropdown.active .quick-label{ background-color: #7ca4d2; color: #fff;} .quick-dropdown.active .quick-label .badge{ background-color: #6bccb4; color: #fff;} .quick-dropdown.active .quick-label.badge.badge-danger {background-color: #ed5466; color: #fff;} .quick-dropdown.active .quick-label .dropdown-menu a:hover .badge {background-color: #6bccb4; color: #fff;} /*.quick-dropdown.active .quick-label:after{ content:"";border-style: solid; height: 0;position: absolute; width: 0;border-color: #7ca4d2 transparent transparent transparent;border-width: 7px 7px 0;bottom: -7px;left: 50%;margin-left: -7px; z-index: 1001;}*/ .quick-label-group.white-group{ margin-left: 30px; margin-bottom: 15px;} .quick-label-group.white-group .quick-label:before{border-color: transparent transparent transparent #fff;} .quick-label-group.white-group .quick-label:hover{ color: #7ca4d2; background-color: #f0f0f0;} .quick-label-group.white-group .quick-label.active{background-color: #7ca4d2; color: #fff;} .quick-label-group.primary-group .quick-label {background-color: #ddd; color: #3f56a1;} .quick-label-group.primary-group .quick-label.active {background-color: #3f56a1; color: #fff;} .quick-label-group.primary-group .quick-label.active:after {border-color: #3f56a1 transparent transparent; border-style: solid; border-width: 7px 7px 0; bottom: -7px; content: ""; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0;} .srciptItem li{ position:relative;} .srciptItem li a{padding-right:30px !important;} .srciptItem li .close{ position:absolute; right:5px; top:3px; } .print-group{border:1px solid #ccc; margin:5px 0; border-radius:5px; background-color:#eee;} .print-group .form-group{ border:0 !important;} .order-title .btn-default:hover, .order-title .btn-default:active, .order-title .btn-default:focus, .order-title .btn-default:active:focus{background-color: #f5f5f5;border-color: #cfd9db; color: #6a6a6a;} .order-title .btn-default.active:hover, .order-title .btn-default.active:focus{background-color: #ededed; border-color: #c6d2d5;color: #777;} .panel-footer.table-control{overflow: inherit; position: relative;} .page-nav .input-group{ display:inline-block; width:110px;} .page-nav .input-group .form-control{ width:55px; display:inline-block; border-radius:4px 0 0 4px;} .page-nav .input-group .btn-default{ margin-left:-1px;} .page-nav .btn{ padding:7px 8px;} .order-label i, .order-label img{ cursor:help; font-size:14px; } .panel .panel-toolbar > .option.option-lg > .btn .arrow, .panel .panel-toolbar > .option.option-lg > .btn .reload, .panel .panel-toolbar > .option.option-lg > .btn .remove{ font-size: 24px;} .panel .panel-toolbar > .option.option-lg > .btn .arrow:before{ content:"\e6e6";} .panel .panel-toolbar > .option.option-lg > .btn.up > .arrow::before{content:"\e6e7";} .autoscrolllist{background-color: transparent;max-width: 100%; font-size:12px;} .autoscrolllist ul{ margin:0; padding:0; list-style:none;} .autoscrolllist ul.list-title li{ border-top:0;border-bottom:none; background-color:#eee; color:#5e5e5e;} .autoscrolllist ul.list-title li .title{ display:block; border-bottom:1px solid #63d3e9;} .autoscrolllist ul.list-title li a{ color:#333; } .autoscrolllist ul.list-title li a:hover{ color:#555;} .autoscrolllist li{border-top:1px solid #cfd9db;} .autoscrolllist li li, .autoscrolllist ul.list-title li li{ display: table-cell; min-width:1%; vertical-align:middle; border:0; padding:5px 2px; word-wrap: break-word; word-break: break-all;} /*.autoscrolllist li li>span{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display:block;}*/ .autoscrolllist.publish-table li li span{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display:block;} .autoscrolllist li li span.caret{ display:inline-block;} .autoscrolllist li li span .order-label{ display:inline;} .autoscrolllist li li .dropdown-menu{ margin:2px 0 0; padding: 5px 0;} .autoscrolllist li li .dropdown-menu li{ display:block; line-height: 20px; padding:0;} .autoscrolllist ul.list-body>li>ul, .autoscrolllist ul.list-title>li>ul{ display: table; width:100%; table-layout:fixed;} .list-body .waybill-number>span {position: relative;max-width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block; padding-right: 15px;} .list-body .waybill-number>span a {position: absolute; right: 0; top:3px;} .list-body .waybill-number .line-ellipsis {position: relative;max-width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block; padding-right: 15px; margin-bottom: 0;} .list-body .waybill-number .line-ellipsis .function-button {position: absolute; right: 0; top:3px;} .ellipsis-row .text {position: relative;max-width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block; padding-right: 18px;} .ellipsis-row .text a.btnico {position: absolute; right: 0; top:3px;} /*.autoscrolllist ul.list-title li li.sorting, .autoscrolllist ul.list-title li li.sorting_asc, .autoscrolllist ul.list-title li li.sorting_desc{ cursor:pointer; } .autoscrolllist ul.list-title li li.sorting:before, .autoscrolllist ul.list-title li li.sorting_asc:before, .autoscrolllist ul.list-title li li.sorting_desc:before{color:#fff;font-family: iconfont; font-size: 12px; margin-right:5px; position: relative;speak:none;} .autoscrolllist ul.list-title li li.sorting:before{content:"\e6c3";} .autoscrolllist ul.list-title li li.sorting_asc:before {content:"\e6be";} .autoscrolllist ul.list-title li li.sorting_desc:before {content:"\e6bf";}*/ .table th .sorting, .table th .sorting_asc, .table th .sorting_desc, ul li .sorting, ul li .sorting_asc, ul li .sorting_desc{ cursor:pointer; display:inline-block !important; position:relative; padding-right:10px;} .table th .sorting:after, .table th .sorting_asc:after, .table th .sorting_desc:after, ul li .sorting:after, ul li .sorting_asc:after, ul li .sorting_desc:after{color:#7ca4d2; font-family: iconfont; top:2px; right:0; position:absolute; speak:none;} .table th .sorting {color:#333;} .table th .sorting:after, ul li .sorting:after{content:"\e6c3";} .table th .sorting_asc:after, ul li .sorting_asc:after{content:"\e6be";} .table th .sorting_desc:after, ul li .sorting_desc:after{content:"\e6bf";} .autoscrolllist ul.list-body>li.active{ background-color:#f5f5f5 !important;} .autoscrolllist ul.list-body>li:hover{ background-color:#fffcdd !important;} .autoscrolllist a[data-field], .autoscrolllist span[data-field]{ display:inline-block;} .autoscrolllist .table-condensed tbody tr:first-child td {border-top:none;} #orderlist .detail-toggler{ font-size:14px;} .productTr{position:relative; margin:10px 15px; background-color:#fff; border:1px solid #cfd9db;-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; -ms-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;/*box-shadow:#999 1px -1px, #9e9e9e 2px -2px, #a4a4a4 3px -3px,#acacac 4px -4px, #b1b1b1 5px -5px, #b7b7b7 6px -6px, #bdbdbd 7px -7px, #c3c3c3 8px -8px, #cacaca 9px -9px, #d2d2d2 10px -10px;*/} .productTr tbody tr:hover{background-color:#f6f6f6;} .productTr .table tbody tr td{ padding:5px; font-weight:normal;} .productTr .table tr th{ padding:8px 5px; } #main .panel .productTr .table tr > th, #main .panel .productTr .table > thead > tr > th{padding:5px; font-weight:normal; background-color:#f9f9f9; color:#5e5e5e; line-height: 1em; border:0 !important;} .productTr th .label{ font-size:12px; margin-right:5px; margin-left:20px;} .list-body .photo span, .productTr td .photo span{display: inline-block; height: 100%;vertical-align: middle;} .list-body .photo, .productTr td .photo{ width:48px; height:48px; position: relative; text-align:center; vertical-align: middle; margin:0 auto; display:block;-webkit-box-shadow: 0 0 0 1px #fff; -moz-box-shadow: 0 0 0 1px #fff; -ms-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;} .list-body .photo:hover, .productTr td .photo:hover{ background-color:#fff;} .productTr td .photo span{ height:100%; display:inline-block;} .list-body .photo img, .productTr td .photo img{ max-height:48px; max-width:48px; vertical-align:middle; } .list-body .photo:hover, .productTr td .photo:hover{ -webkit-box-shadow: 0 0 0 1px #7ca4d2; -moz-box-shadow: 0 0 0 1px #7ca4d2; -ms-box-shadow: 0 0 0 1px #7ca4d2; box-shadow: 0 0 0 1px #7ca4d2;} .list-body li .productTr td .photo{ width:34px; height:34px;} .list-body li .productTr td .photo img{ max-height:34px; max-width:34px;} .list-body .photo-lg{display: block;height: 75px;margin: 0 auto;text-align: center;vertical-align: middle;width: 75px; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee;} .list-body .photo-lg img{max-height: 75px; max-width: 75px;vertical-align: middle;} .list-body .photo-lg span{display: inline-block;height: 100%;vertical-align: middle;} .photo-lg.promotion{ position: relative; -webkit-box-shadow: 0 0 0 2px #ed5466; -moz-box-shadow: 0 0 0 2px #ed5466; box-shadow: 0 0 0 2px #ed5466; overflow: hidden;} .photo-lg.promotion:before{ width:100px; text-align:center; color: #fff;content: "促销"; font-size: 13px;font-weight: bold; left: -40px;line-height: 20px; display:block; background-color: #ed5466; position: absolute; top: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 2;} .photo.sku-photo.main{position:relative;-webkit-box-shadow: 0 0 0 1px #63d3e9; -moz-box-shadow: 0 0 0 1px #63d3e9; -ms-box-shadow: 0 0 0 1px #63d3e9; box-shadow: 0 0 0 1px #63d3e9;} .list-body .photo.sku-photo{ background-position: center center;background-repeat: no-repeat;background-size: cover; height: 40px;width: 60px;} .sku-photo.main:before{border-color:transparent transparent #63d3e9; border-style: solid;border-width:0 0 19px 19px; content: "";height: 0; right:0;position: absolute;bottom:0;width: 0;z-index: 1;} .sku-photo.main:hover:before{border-color:transparent transparent #7ca4d2;} .sku-photo.main:after{ content:"\e661"; font-size: 12px; width: 12px; line-height: 12px; color: #fff; font-family:'iconfont'; right: 0; position: absolute;bottom:0;z-index: 2;} .sku-photo.main.opened:after{content:"\e662";} .list-body .photo.main-photo, .productTr td .photo.main-photo{position:relative;-webkit-box-shadow: 0 0 0 1px #da9e00; -moz-box-shadow: 0 0 0 1px #da9e00; -ms-box-shadow: 0 0 0 1px #da9e00; box-shadow: 0 0 0 1px #da9e00;} .list-body .photo.main-photo:before, .productTr td .photo.main-photo:before{border-color: #da9e00 transparent transparent;border-style: solid;border-width: 24px 24px 0 0;content: "";height: 0; left: 0; position: absolute;top: 0;width: 0;z-index: 1;} .list-body .photo.main-photo:after, .productTr td .photo.main-photo:after{color: #fff;content: "\e21c"; font-family: "iconfont"; font-size: 13px;font-weight: bold; left: 1px;line-height: 16px; position: absolute; top: 0;transform: rotate(-45deg);z-index: 2;} .productTr .sidelabel{position:absolute; padding:0 15px 0 10px; color:#fff;font-size:12px ;font-weight:bold;left:-6px;border:none;top:4px;line-height:24px; text-align:center; z-index:1;} .productTr .sidelabel:before{display:inline-block;content:"";position:absolute;top:-3px;right:-3px;border-style:solid;border-color:transparent transparent transparent #f9f9f9;border-width:15px 12px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);transform: rotate(180deg);} .productTr .sidelabel:after{display:inline-block;content:"";position:absolute;top:23px;left:1px;border-style:solid;border-color: #333 transparent transparent #333;border-width:3px 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);} .productTr .viewicon{ cursor:pointer; color:#7ca4d2;} .productTr .viewicon:hover{color:#3071a9;} .productTr .packageinfo{ height:50px; background-color:#fff;} .productTr .packageinfo table{display:table; table-layout:fixed; width:100%; height:100%;} .productTr .packageinfo table th{vertical-align: middle; word-break: break-all; word-wrap: break-word;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:5px; font-weight:normal;} .productTr .order-label{ padding:0;} .productTr .order-label i{ line-height:22px;} .retreat{height:16px; display:inline-block; width:16px; cursor:help; background:url(../images/ico_retreat_gray.png) center no-repeat;} .retreat.active{ background-image:url(../images/ico_retreat_active.png);} .order-label .battery{height:16px; display:inline-block; width:16px; cursor:help; background:url(../images/ico_battery_gray.png) center no-repeat;} .order-label .battery.active{ background-image:url(../images/ico_battery_active.png);} .order-label .retreat{height:16px; display:inline-block; width:16px; cursor:help; background:url(../images/ico_retreat_gray.png) center no-repeat;} .order-label .retreat.active{ background-image:url(../images/ico_retreat_active.png);} .order-label .merge{height:16px; display:inline-block; width:16px; cursor:help; background:url(../images/ico_merge_gray.png) center no-repeat;} .order-label .merge.active{ background-image:url(../images/ico_merge_active.png);} .order-label .false{height:16px; display:inline-block; width:16px; cursor:help; background:url(../images/ico_false_gray.png) center no-repeat;} .order-label .false.active{ background-image:url(../images/ico_false_active.png);} .productTr .packageinfo.abnormity{ background-color:#f2f2f2;} .productTr.photo-group{margin-top: 5px; padding: 5px 5px 0; overflow: hidden;} .productTr.photo-group .photo{ float: left; margin: 0 0 5px;} .productTr.photo-group .photo + .photo{ margin-left:5px;} #main .panel #orderlist .productTr .table > thead > tr > th{ background-color:#eee; border-top: solid 1px #cfd9db !important;} #orderlist .list-body li{ border-color:#c0c0c0; border-width:2px 0 0;} #orderlist .list-body li:first-child{ border:0;} #orderlist .list-body>li{ padding-bottom:5px;} #orderlist .productTr{ margin:0 10px;-webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; box-shadow:none; overflow:hidden;border-radius:4px;} #orderlist .productTr + .productTr{border-top-left-radius:0; border-top-right-radius:0; margin-top:-1px;} .colorpicker{ padding-right:30px; position:relative;} .color-code{ width:200px;} .color-icon{ position:absolute; left:225px; top:7px; cursor:pointer; width:18px; height:18px; display:block; background-color:#fff;overflow:hidden;} .color-icon .mask{ width:18px; height:18px; background:url(../images/colorpicker.gif) no-repeat;} #colorpanel{ z-index:1060;-moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333; -ms-box-shadow:0 0 5px #333; box-shadow:0 0 5px #333;} #CT{ width:100%;} #_cclose{ font-size:1.2em; color:#999; display:inline-block; margin-top:3px;} #_cclose:hover{color:#7ca4d2;} .fieldgroup .field-item{ cursor:move;background-color: #f2f2f2;border:1px solid #eee; border-radius: 2px; margin:0 3px 3px 0; padding:3px 5px; min-height:18px; position:relative; display:inline-block;} .fieldgroup .field-item input{ background-color:transparent; border:0; padding:0; height:19px; max-width:85px;} .fieldgroup .field-item input:focus{ color:#7ca4d2;} .fieldgroup .field-item:hover{ background-color:#fff;} .fieldgroup .field-item .close-field {color: #000; float: right; font-weight: 700; line-height: 1; opacity: 0.2; text-shadow: 0 1px 0 #fff;background: none; border:none;cursor: pointer; padding:3px 2px;} .fieldgroup .field-item .close-field:hover, .fieldgroup .field-item .close-field:focus {opacity: 0.5; } #allfield .panel-title .checkbox-inline{ background-color:transparent; border:0;} .form-import-map .table-responsive table{ table-layout:fixed; overflow:hidden;} .form-import-map .table-responsive table thead > tr > th{ border-bottom:0 !important;} .form-import-map .table-responsive table .first{ width:40px; text-align:center;} .form-import-map .table-responsive table .serial, .form-import-map .table-responsive table .required{ width:50px; text-align:center;} .form-import-map .table-responsive table .mappedserial, .form-import-map .table-responsive table .standfield{ width:40%;} .form-import-map .table-responsive table tbody tr{ cursor:pointer;} .form-import-map .btn-map{ margin-top:130px; margin-bottom:10px;} .form-import-map .table-responsive table tbody > tr.active td{ background-color:#e9f9fc !important;} .form-import-map .selectitem .badge + .badge, .form-import-map .standfield .badge + .badge{ margin-left:5px;} .form-import-map .clearselect{ padding-bottom:1px; border-bottom:1px dotted #7ca4d2;} .form-import-map .clearselect:hover{ border-color:#009dc8;} .sku-mate td .input-group-sm + .input-group-sm{ margin-top:5px;} .sku-mate td .input-group-sm .input-group-addon{ width:180px; color:#555;} .sku-mate td .input-group-sm.has-success .input-group-addon, .sku-mate td .input-group-sm.has-error .input-group-addon{ color:#fff;} .sku-mate td .input-group-sm .input-group-addon span{ display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .detall-time {padding:0; list-style:none; width:100%; display: table; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #7ca4d2;} .detall-time li{position:relative; display: table-cell;} .detall-time li:before{content:"";height:4px; background-color:#ccc;position:absolute;width:100%;left:0;top:50%; margin-top: -2px;} .detall-time li.first:before{ width:50%; left: 50%;} .detall-time li.last:before{ width:50%;} .detall-time li.last:after{ display: none;} .detall-time li.single:before, .detall-time li.single:after{ display: none;} .detall-time li.arrow{ text-align: center; vertical-align: top; width:70px;} .detall-time li.arrow .arrow-text{ line-height: 20px; color: #666; margin-top:2px; display: block;} .detall-time li.arrow :after{border-color: transparent transparent transparent #ccc;border-style: solid; border-width: 10px 0 10px 10px;content: ""; height: 0;position: absolute;left:50%;top: 50%;width: 0; margin-top: -10px; margin-left: -5px;} .detall-circle {width:60px; height:60px; display: block; margin:0 auto; background:#fff; position:relative; border-radius:50%; text-align:center; color:#999; z-index:2; border:3px solid #ccc; color: #7ca4d2;} .detall-circle:hover{ border-color: #ccc;} .detall-circle .label{ position: absolute; top:0; left: 80%; background-color: #7ca4d2; color: #fff;} .detall-circle .large-icon{ line-height: 30px; margin-top: 5px; font-size: 2em; display: block;} .detall-circle .step{ line-height: 1; display: block;} .detall-time li.active .detall-circle{background-color:#7ca4d2;color:#fff; border-color:#d3f3f9;} .detall-time li.active .detall-circle .label{ background-color: #63d3e9;} .detall-time li.active .detall-circle:before{border-color: transparent transparent #7ca4d2 transparent ;border-style: solid; border-width:0 10px 10px 10px; content: ""; height: 0; position: absolute;left:50%;bottom:-14px;width: 0; margin-left: -10px; z-index: 1;} .detall-time li.active .detall-circle:after{border-color: transparent transparent #ecf0f1 transparent ;border-style: solid; border-width:0 10px 10px 10px; content: ""; height: 0; position: absolute;left:50%;bottom:-15px;width: 0; margin-left: -10px; z-index: 2;} .detall-time li.fail .detall-circle{color:#ed5466;} .detall-time li.fail .detall-circle .label{ background-color: #ed5466; color: #fff;} .detall-time li.fail.active .detall-circle{background-color:#ed5466; color:#fff; border-color:#faccd1;} .detall-time li.fail.active .detall-circle .label{ background-color: #fff; color: #ed5466;} /* transport */ .labelchoose{ position:relative; padding-left:300px; height:290px; margin-top:5px;} .labelchoose .largelabel{ position:absolute; width:283px; height:283px; left:0; top:0; border:2px solid #999; box-sizing:content-box; background:url(../images/loading-bubbles.svg) center no-repeat;} .labelchoose .largelabel img{width:283px; height:283px;} .labelchoose .labelgroup{ border-radius:10px; background-color:#f2f2f2;} .labelchoose .labelgroup ul{ margin:0; padding:5px; list-style:none;} .labelchoose .labelgroup li{ width:150px; height: 110px; text-align:center; display:block; padding:5px; margin:0; float:left; box-sizing:content-box; transition:all 0.5s ease 0s;} .labelchoose .labelgroup li .photo{width:72px; height:72px; margin:0 auto; border:1px solid #c0c0c0; margin-bottom:3px; position:relative; background-color:#fff;} .labelchoose .labelgroup li:hover .photo{-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #ccc;} .labelchoose .labelgroup li.active .photo{ border-color:#7ca4d2;} .labelchoose .labelgroup li.active .photo:before{ position:absolute; right:3px; bottom:-5px; font-size:20px; content:"\e72a"; font-family: "iconfont"; color:#7ca4d2;} .labelchoose .labelgroup li .photo img{width:70px; height:70px; vertical-align:top;} .labelchoose .labelgroup li .labelname{ line-height:22px; margin:0; padding:0; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .labelchoose .labelgroup li.active .labelname{ color:#7ca4d2;} .labelchoose .labelgroup li .btn-xs{ margin:0 auto; font-size:12px; display:none;} .labelchoose .labelgroup li:hover .labelname{ display:none;} .labelchoose .labelgroup li:hover .btn-xs{ display: inline-block;} .modal-lg .labelchoose .labelgroup li{ width:25%; box-sizing: border-box; cursor: pointer;} .panel.condition{ margin-bottom:0; border-bottom-width:1px;} .panel.condition + .panel.condition{ margin-top:5px;} .form-group .panel.condition .panel-heading{ background-color:#fafafa;} .panel.condition .panel-heading .panel-toolbar{ height:20px; padding:5px 0;} .panel.condition .panel-heading .panel-toolbar .selectitem{ padding-left:15px;} .panel.condition .panel-heading .panel-toolbar .selectitem .item{ padding-left:8px;} .condition.active .panel-heading{ cursor:n-resize;} .condition.active .panel-heading .form-control{ height:20px; margin-left:10px; width:80px; padding:0 5px; display:inline-block;} .condition.active .panel-heading .options-item{ padding-top: 0; display:inline-block;} .condition.active .panel-heading input.form-control{ text-align:center;} .condition.active .panel-heading .form-control.large{ width:140px;} .condition .panel-toolbar .form-control, .condition .panel-toolbar .options-item, .condition .panel-toolbar .input-box { display:none;} .condition .panel-heading .checkbox-inline{ color:#999;} .condition.active .panel-heading .checkbox-inline{ color:#7ca4d2;} .condition.active .panel-toolbar .input-box {display:inline-block;} .condition .panel-heading .checkbox-inline{ padding-top:0;} .condition .panel-body{ padding:5px 15px;} .condition .panel-body .nav > li > a{ padding:5px 15px;} .condition-list{ padding-left:24px;} .condition-list li{ display:none; line-height:20px; font-size:14px;} .condition-list li + li{ margin-top:5px;word-wrap: break-word; word-break: break-all;} .condition-list .selectitem{padding:0 5px;} .condition-list .item{color:#7ca4d2; word-wrap: break-word; word-break: break-all;} .condition-list .item + .item{ padding-left:5px;} #address-control .btn-remove{ display:none; color: #7ca4d2; width:16px; height:16px; text-align:center; line-height:16px; overflow:hidden; cursor: pointer; position: absolute; right: -5px; top: -5px; background-color:#fff; border-radius:50%;} #address-control .btn-remove:hover{ color:#009dc8;} #address-control li:hover .btn-remove{ display:block;} #address-control li a:hover{ background-color:#63d3e9; color:#fff} #address-control li.active a:hover{background-color: #7ca4d2;} /* scan */ .scan-info{position:relative; padding:10px 10px 10px 260px; min-height:135px;} .scan-info .alert{ margin:0; min-height:135px;} .scan-info .alert strong{ padding:0 5px; color:#2a2a2a;} .scan-info .title{ margin:0; font-weight:bold; line-height:40px; font-size:30px;} .scan-info .info{ margin-top:10px; font-size:22px; line-height:24px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; line-height:30px;} .scan-info .info span + span{ padding-left:10px;} .scan-info .scan-group{ width:240px; position:absolute; top:10px; left:10px;} .order-result{ position:relative; padding-left:260px;} .order-result .order-info{width:250px;position:absolute; top:0; left:0;} .order-result .order-info .large-image{ text-align:center;width:250px; height:250px; overflow:hidden; background-color:#fff; border-radius:10px; background-repeat:no-repeat; background-position:center; background-repeat:no-repeat; -moz-background-size: contain;-webkit-background-size: contain;-o-background-size: contain;background-size: contain;} .order-result .order-info .large-image img{vertical-align: middle; height:100%; width:100%;} #scanorder .num-wait, #scanorder .num-result{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px;} #scanorder .num-result{height:45px;} #scanorder tr.complete td{background-color:#ed5466; color:#fff;} #scanorder tr.complete td .text-accent{color:#fff !important;} #scanorder tr.complete td .state{ font-size:20px; font-weight:bold; color:#fff !important;} #shiptable span{ display:block; word-break: break-all; word-wrap: break-word;} .table-break .break{display:block; word-break: break-all; word-wrap: break-word;} .table-fixed {table-layout: fixed;} .table-fixed .fixed{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .table-fixed th, .table-fixed td{word-break: break-all;word-wrap: break-word;} .table.vertical-top > tbody > tr > td{ vertical-align: top;} .table-fixed thead th{ white-space: nowrap;} .table.vertical-top.table-bordered .list-body tr:last-child{ border-bottom:1px solid #cfd9db;} .table-fixed .fixed-withico{ display: inline-block; position: relative; padding-right: 18px; max-width: 100%;} .table-fixed .fixed-withico .linkico{ position: absolute; right: 0; top: 0; line-height: 1.2;} .panel .table.table-bottom.table-bordered tr:last-child td {border-bottom:1px solid #cfd9db;} /* publish */ .publish-tab{ height:35px; margin-bottom:5px; position:relative; font-weight:bold; background-color:transparent; overflow: hidden; transition: border 250ms ease; border:0;} .publish-tab:before{ position:absolute; height:3px; left:0; bottom:0; width:100%; background-color:#7ca4d2; z-index:3; content:"";} .publish-tab .nav-tabs{ float:left;margin-left:46px; background-color:transparent;} .publish-tab .nav-tabs > li{ float:right;} .publish-tab .nav-tabs > li a{padding: 7px 24px 6px;background-color: #fff;margin-right: 46px; z-index:1; position: relative; cursor: pointer; color:#777; transition: all 250ms ease; margin-bottom:0;border-top:1px solid #ddd; box-sizing: content-box;} .publish-tab .nav-tabs > li a:before, .publish-tab .nav-tabs > li a:after {display: block;content: ""; position: absolute; top: 0; height: 33px; width: 46px; background-color:#fff;transition: all 250ms ease;} .publish-tab .nav-tabs > li a:before {right: -24px; border-radius:0 8px 0 0; transform: skew(30deg, 0deg); box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0; border-top:1px solid #ddd;} .publish-tab .nav-tabs > li a:after {left: -24px; border-radius:8px 0 0 0; transform: skew(-30deg, 0deg);box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0; border-top:1px solid #ddd;} .publish-tab .nav-tabs > li.sub a{ background-color:#ccc;} .publish-tab .nav-tabs > li.sub a:after, .publish-tab .nav-tabs > li.sub a:before{background-color:#ccc;} .publish-tab .nav-tabs > li.sub a:hover{ background-color: #c0c0c0;} .publish-tab .nav-tabs > li.sub a:hover:before, .publish-tab .nav-tabs > li.sub a:hover:after{ background-color: #c0c0c0;} .publish-tab .nav-tabs > li a:hover, .publish-tab .nav-tabs > li a:hover:before, .publish-tab .nav-tabs > li a:hover:after {background-color: #eee;color: #444;} .publish-tab .nav-tabs > li.active a { z-index:2;} .publish-tab .nav-tabs > li.active a, .publish-tab .nav-tabs > li.active a:before, .publish-tab .nav-tabs > li.active a:after, .publish-tab .nav-tabs > li.sub.active a,.publish-tab .nav-tabs > li.sub.active a:before, .publish-tab .nav-tabs > li.sub.active a:after{background-color: #7ca4d2;color: #fff;} .publish-tab .nav-tabs > li a .text{ position: relative; z-index: 5;} .publish-tab .nav-tabs > li.active a:after, .publish-tab .nav-tabs > li.active a:before {border-top:1px solid #7ca4d2;} .sub-publish-tab .nav-tabs{ background-color: #eee; border-bottom-color: #7ca4d2;} .sub-publish-tab .nav-tabs > li a{ font-weight: bold; padding: 8px 25px; margin-right: 5px; color: #7a7a7a;} .sub-publish-tab .nav-tabs > li.active > a, .sub-publish-tab .nav-tabs > li.active > a:focus, .sub-publish-tab .nav-tabs > li.active > a:hover{border-color: #7ca4d2 #7ca4d2 transparent; color: #7ca4d2;} .publish-table{position:relative;padding-top:96px;overflow-x:auto; overflow-y:scroll;} .publish-table.has-side{overflow-x:scroll; } .publish-table .headtable{ height:96px; position: absolute; top:0; left:0; min-width:100%; z-index:3;} .publish-table .bodytable{width:auto; min-width:100%;} .publish-table .headtable .list-title li li span{ overflow: inherit;} .publish-table .headtable .list-title li .sorting:after, .publish-table .headtable .list-title li .sorting_asc:after, .publish-table .headtable .list-title li .sorting_desc:after{ top: 0;} .autoscrolllist.publish-table .list-body{ margin-bottom:0; min-width:100%; overflow:auto;} .publish-table.tab-wight4 .list-body li li {min-width: 40px;} .publish-table.tab-wight4 li.store {width: 40px;} .tab-wight4 .publish-state {width:40px;} .sidetable{ width: 150px;left: 0; min-height: 100%; position: absolute; top:96px;z-index: 2; background-color: #fff;} .sidetable .table-fixed{ display: table; width: 100%;} .sidetable li li{ height: 30px;} .store .rotate-title .sorting, .store .rotate-title .sorting_asc, .store .rotate-title .sorting_desc{ padding-left: 10px; padding-right: 0;} .store .rotate-title .sorting:after, .store .rotate-title .sorting_asc:after, .store .rotate-title .sorting_desc:after{ right: auto; left: 0; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .publish-table .title-group{position: relative; width: 150px;} .publish-table .title-group input[type=checkbox]{ position: absolute; left: 3px; top: 8px; margin: 0;} .publish-table .title-group input[type=checkbox] + .fixed, .publish-table .title-group input[type=checkbox] + span{ margin-left: 20px;} .publish-table .list-title .title-group input[type=checkbox]{ top: auto; bottom:8px;} .publish-table ul.list-title li li.store{ width: 46px;} .publish-table ul.list-body li li.store{ width: 46px; } .publish-table .list-body .photo{height:40px; width:60px; background-repeat: no-repeat; background-position: center center; background-size: cover;} .publish-table .list-body .photo img{max-height: 40px; max-width: 60px;} .rotate-title{width: 40px; position:relative; height:85px;} .publish-table .list-body li .label{ display: inline-block;} .publish-table .list-body li .label-eBay{ background-color: #0234b9;} .publish-table .list-body li .label-Amazon{ background-color: #f08f0c;} .publish-table .list-body li .label-Aliexpress{ background-color: #eb3b3d;} .publish-table .list-body li .label-Wish{ background-color: #4290d6;} .publish-table .list-body li .label-Dhgate{ background-color: #ee9516;} .publish-table .list-body li .label-gray{ background-color: #bfbfbf; color: #393939;} .publish-table .list-body li .label-orange{ background-color: #b92b01;} .publish-table .list-title li .rotate-title span{ overflow:inherit; color:#7ca4d2; line-height: 40px; position: absolute; left:0; bottom:0; right:0; transform: rotate(-90deg);} /*.publish-table .list-title li .rotate-title span{ text-align:center; color:#7ca4d2; position:absolute; line-height:1; left:4px; top:0; max-height:100%; overflow:hidden; width:12px; white-space:inherit; text-overflow:inherit; letter-spacing:10px;}*/ .publish-state {background-color: #e0e0e0;border-radius:3px; box-sizing: border-box;cursor: pointer; display: block;height: 20px;transition: all 0.5s ease 0s; width: 40px; text-align:center; line-height:20px; color:#999; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; position: relative; font-size: 12px;} .publish-state:hover{color:#999; background-color:#ccc; -moz-box-shadow: inset 0 0 0 3px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 0 0 3px rgba(255,255,255,0.5); box-shadow: inset 0 0 0 3px rgba(255,255,255,0.5);} .publish-state.complete{background-color:#91c854; color:#fff;} .publish-state.complete:hover{ background-color:#91c854;} .publish-state.saved{background-color:#63d3e9; color:#fff;} .publish-state.saved:hover{ background-color:#7ca4d2;} .publish-state.draft{background-color:#ff802c; color:#fff;} .publish-state.draft:hover{ background-color:#fea86f;} .publish-state.repeat{background-color:#ed5466; color:#fff;} .publish-state.repeat:hover{ background-color:#eb3d51;} .publish-state.active{ -webkit-box-shadow: inset 0 0 0 2px #00b6ad; box-shadow: inset 0 0 0 2px #00b6ad;} .publish-state.active::before{ display: block; content:"\e370"; width: 14px; height: 14px; text-align: center; line-height: 14px; color: #fff; font-size: 12px; border-radius:50%; overflow:hidden; background-color: #00b6ad; font-family:"iconfont"; position: absolute; right: -3px; top: -3px;} .publish-table .headtable{ height: 96px; background-color: #eee;} .publish-table .headtable .list-title ul{height: 96px; background-repeat: no-repeat; background-position: -30px -35px;} .publish-table .headtable .list-title ul li{ vertical-align: bottom; background-color: transparent;} .input-group .input-group-btn.vertical-btn{ width: 34px;} .input-group .input-group-btn.vertical-btn .btn{padding-top: 0; padding-bottom: 0; display: block;height:50% ;line-height: 1.3; font-size: 12px;} .input-group .input-group-btn.vertical-btn .btn:first-child{ border-radius: 0 4px 0 0;} .input-group .input-group-btn.vertical-btn .btn:last-child{ border-radius: 0 0 4px 0; margin-top: -1px;} .scroll-table{position:relative; overflow-x:auto; overflow-y:scroll;} .scroll-table .headtable{position: absolute; top:0; left:0; min-width:100%; z-index:3;} .scroll-table .bodytable{width:auto; min-width:100%;} .access-panal .form-group .store-order .checkbox-inline{ display: block; width: 170px; float: left; margin-right: 5px; margin-bottom: 5px; text-overflow: ellipsis; white-space:nowrap; padding: 7px 10px 7px 30px; height: 34px; position: relative; overflow: hidden;} .access-panal .form-group .store-order .checkbox-inline.active{ padding-right: 35px;} .access-panal .form-group .store-order .checkbox-inline.ui-sortable-helper{ background-color: #fff; border:2px solid #7ca4d2; color: #7ca4d2;} .access-panal .form-group .store-order .checkbox-inline.ui-sortable-placeholder{ border-color: #999; background-color: #e0e0e0;} .store-order .checkbox-inline .num{ background-color: #fff; color: #6bccb4; border-radius: 8px; position: absolute; right: 5px; top: 8px; line-height: 16px; padding: 0 5px;} /*has-catalog*/ .has-catalog {width: 960px; margin: 0 auto;} .catalog-scroller-title {position: fixed; right: 50%; top: 90px; margin-right: -690px; width: 200px; -webkit-transform:translateZ(0px);} .catalog-scroller {position: fixed; right: 50%; top: 185px; margin-right: -690px; width: 200px;} .catalog-scroller:before{ height: 100%; content: ""; width: 2px; overflow: hidden; background-color: #dcdcdc; position: absolute; top: 0; left: 10px; z-index: 1;} .mr-710 {margin-right: -710px; } .catalog-scroller:before{ height: 100%; content: ""; width: 2px; overflow: hidden; background-color: #dcdcdc; position: absolute; top: 0; left: 10px; z-index: 1;} .catalog-list{position: relative;z-index: 2; margin: 0; padding: 10px 0 10px 20px; list-style: none;} .catalog-list:before{ position: absolute; z-index: 3; position: absolute; left: 7px; top: -3px; background-color: #ecf0f1; border:2px solid #ccc; border-radius: 50%; width: 8px; height: 8px; content: "";} .catalog-list:after{ position: absolute; z-index: 3; position: absolute; left: 7px; bottom: -3px; background-color: #ecf0f1; border:2px solid #ccc; border-radius: 50%; width: 8px; height: 8px; content: "";} .catalog-list li{ clear: both; margin-bottom: 5px;} .catalog-list li:last-child{ margin: 0;} .catalog-list .title-link{display: block; position: relative; line-height: 19px; font-size: 14px; font-weight: bold; color: #7a7a7a; padding: 3px 5px; transition: all 0.5s ease 0s;} .catalog-list .title-link em{ padding-right: 3px; font-style: normal;} .catalog-list .title-link:before { content: ""; position: absolute; z-index: 4; top: 7px; left: -14px; width: 10px; height: 10px; border-radius: 50%; background-color: #999; border:2px solid #ecf0f1;} .catalog-list .title-link:hover:before{ background-color: #00b1e1;} .catalog-list .title-link:hover{ background-color: #dfe6e8; color: #555; border-radius: 3px;} .catalog-list .sub-catalog{ margin-top: 5px; padding-left: 12px; list-style: none;} .catalog-list .sub-catalog .title-link{ font-weight: normal; font-size: 13px;} .catalog-list .sub-catalog .title-link:before { display: none;} .catalog-scroller-title .catalog-scroller:before {left: 20px;} .catalog-scroller-title .catalog-list:before, .catalog-scroller-title .catalog-list:after {left: 17px;} .catalog-scroller-title .catalog-scroller {position: relative; top: 0px; margin-left: 0; right: 0; background: #fff; border:1px solid #cfd9db; border-top:none; border-radius:0 0 4px 4px; padding: 15px 0;} .catalog-scroller-title .title {position: relative; height: 40px; line-height: 40px; background: #f6f6f6; border:1px solid #cfd9db; color: #444; padding-left: 15px; border-radius: 4px 4px 0 0; margin: 0; font-size: 14px; font-weight: 600;} .catalog-scroller-title .catalog-list .title-link {padding-left: 15px;} .catalog-scroller-title .catalog-list .title-link:before {left: -4px;} .modal-message .sidemenu{color:#c0c0c0; display: block; font-size: 30px; position: fixed; text-align: center; right: 23px; top: 60px; transition: all 0.5s ease 0s; z-index: 1035; -webkit-transform:translateZ(0px); width: 44px; height: 44px; line-height: 40px; border:4px solid #c0c0c0; border-radius: 50%;} .modal-message .sidemenu:hover{color:#7ca4d2; opacity: 1; border-color: #7ca4d2;} .modal-message .sidemenu.active, .modal-message .sidemenu.active:hover{color:#7ca4d2; border-color: #7ca4d2;} .catalog-scroller-message{ margin-right: -710px;} .catalog-scroller-message .title{background: #f6f6f6;border: 1px solid #cfd9db; border-radius: 4px 4px 0 0; color: #444;font-size: 14px; font-weight: 600; height: 40px; line-height: 40px; margin: 0; padding-left: 50px; position: relative;} .catalog-scroller-message .catalog-scroller{ margin: 0; position: relative; right: auto; top: auto; border-style: solid; border-color:#cfd9db; border-width:0 1px 1px; background-color: #fff; padding: 10px 0;} .catalog-scroller-message .iconbtn{ color: #fff; display: block; font-size: 16px; border-radius: 4px; text-align: center; position: absolute; left: 5px; background: #7ca4d2; -webkit-box-shadow: none; box-shadow: none; padding:5px 10px; top: 5px; border:0; z-index: 1;} .catalog-scroller-message.fixed{ position:fixed; right:0; top: 150px; width:auto; margin-right: 0;} .catalog-scroller-message.fixed .title{ padding-left: 15px; display: none;} .catalog-scroller-message.fixed .catalog-scroller{display: none;} .catalog-scroller-message.fixed:hover .catalog-scroller, .catalog-scroller-message.fixed:hover .title{ display: block;} .catalog-scroller-message.fixed .iconbtn{ color: #fff; font-size: 20px; height: 40px; border-radius: 4px 0 0 4px; width: 40px; text-align: center; position: absolute; left:auto; right: 16px; top: 0; background: #7ca4d2; padding:10px 5px; top: 0; z-index: 1; border:1px #6c91bc solid;} @media (min-width: 1600px) { .catalog-scroller-message{ margin-right: -810px;} .catalog-scroller-message.fixed{ margin-right: 0;} } /*fixed-catalog*/ .fixed-catalog {width: 960px;} .catalog-scroller-title.fixed-catalog-scroller{ position: fixed; left:1210px; top: 135px; width: 16%; margin-right: 0;} .fixed-catalog-scroller .catalog-scroller {width: 100%;} .no-sidebar .catalog-scroller-title.fixed-catalog-scroller {left:990px;} .label-inline{ display: inline-block !important;} .hover-line{ position:absolute; background-color:#7ca4d2; overflow:hidden; transform:all 0.5s ease 0s; z-index:3; display:none;} .hover-line.top, .hover-line.bottom{ width:100%; height:1px; left:0;} .hover-line.left, .hover-line.right{ height:100%; width:1px; top:0;} .modal-open .selectize-dropdown, .modal-open .selectize-dropdown.form-control{ z-index:1051;} .legend-text{ border:1px solid #cfd9db; line-height:32px; border-radius:4px; margin-left:10px; padding:0 10px; color:#6a6a6a;} .popview.modal-dialog{ width:180px; position:absolute; display:none; z-index:201; margin-top:0; margin-bottom:0; z-index: 1030;} .popview .close{ background-color:#f8f8f8; width:24px; border-radius:50%; position:absolute; left:-10px; top:-10px; text-align:center; height:24px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); box-shadow:0 0 5px rgba(0,0,0,0.5); opacity:1; color:#999; z-index:1;} .popview .close:hover{ background-color:#999; color:#fff;} .popview .modal-body{ padding:5px 15px; border: 1px solid #e0e7e8; } .popview .modal-footer{ padding:5px 15px; border: 0;} .popview .modal-content{ padding: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} .popview .modal-content:before{ border-color: transparent transparent transparent #fff;border-style: solid;border-width: 8px 0 8px 8px;content: "";height: 0; position: absolute; right: -7px;bottom: 8px; width: 0;} .popview.has-skulist{ width:450px;} .popview.has-skulist .modal-body { padding-right: 270px; padding-top: 0; padding-bottom: 0; } .popview.has-skulist .modal-body .sku-group{ height: 100%; width: 270px; position: absolute; right: 0; top: 0; bottom: 0; background-color: #fff; overflow: hidden;} .popview.has-skulist .modal-body .sku-group:before{ position: absolute; content: ""; height: 100%; width:10px; left:-10px; top: 0; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3);} .popview.has-skulist .modal-body .sku-group .list-group{ margin: 0; max-height:100%; overflow-y: auto;} .popview.has-skulist .modal-body .sku-group .list-group .list-group-item{ border-radius: 0; padding: 5px 105px 5px 8px; height: 29px; border-color: #e0e7e8; border-width:1px 0 0; line-height: 19px; background-color: transparent; margin: 0;} .popview.has-skulist .modal-body .sku-group .list-group .list-group-item:first-child{ border: 0;} .popview.has-skulist .modal-body .sku-group .list-group .list-group-item .btn-group{ position: absolute; right: 5px; top: 3px;} .large-list-title .btn-default .badge{background-color: #e0e0e0; color: #666;} .large-list-title .btn-default.active .badge{background-color: #fff;} #modellist .list-body .photo{ padding:0;} #modellist .list-body .name{ display:table-cell; padding-left:10px; margin:0;} .list-body li .icon-btn, .table-striped .icon-btn{ padding:0 2px; font-size:14px;} .list-body .skulabel {position: relative;} .list-body .skulabel .grouplabel {position: absolute; top:2px; right: 2px;} #CustomSite .modal-body{ background-color:#fff; padding:10px 20px;} #CustomSite .col-md-12 .form-group{ border:0;} #CustomSite .form-group{ margin-left:-5px; margin-right:-5px;} #QuickEdit .form-horizontal .control-label{ text-align:left; padding-left:15px;} .quickeditdetail .form-group.table-layout{margin-left:0; margin-right:0;} .quickeditdetail .form-group .form-control{ padding:6px;} .quickeditdetail .form-group .form-price input{ width:33%; float:left;} .quickeditdetail .form-group .form-num select{ width:45%; float:left;} .quickeditdetail .form-group .form-num input{ width:25%; float:left;} .quickeditdetail .col-sm-1, .quickeditdetail .col-sm-2, .quickeditdetail .col-sm-3, .quickeditdetail .col-sm-4, .quickeditdetail .col-sm-5, .quickeditdetail .col-sm-6, .quickeditdetail .col-sm-7, .quickeditdetail .col-sm-8, .quickeditdetail .col-sm-9, .quickeditdetail .col-sm-10, .quickeditdetail .col-sm-11, .quickeditdetail .col-sm-12{ padding:0 2px;} .modal-body.multi-sort{ padding:10px 5px;} .modal-body.multi-sort .row{ margin-left:-5px; margin-right:-5px;} .modal-body.multi-sort .row .col-sm-2, .modal-body.multi-sort .row .col-sm-3{ padding-left:5px; padding-right:5px;} .modal-body.multi-sort .list-group{ margin:0; padding-bottom:10px;} .modal-body.multi-sort .list-group-item a{ padding:5px 15px 5px 5px; position:relative;} .modal-body.multi-sort .list-group-item a:before{ content:"\e6c1"; position:absolute; right:5px; margin-top:-10px; top: 50%; font-family:"iconfont"; color:#ccc;} .modal-body.multi-sort .list-group-item.active a:before{ color:#fff;} .modal-body.multi-sort .list-group-item.active a{background-color: #7ca4d2; color: #fff;} .modal-body.multi-sort .list-group-tabs .list-group-item.no-sub.active a:after, .modal-body.multi-sort .list-group-tabs .list-group-item.no-sub a:before{ display:none;} #multi-sort .col-sm-3{max-height:300px; overflow-x:hidden; overflow-y:auto;} .directory-tree span{ color:#7ca4d2;} .directory-tree span + span{ padding-left:10px;} .directory-tree span::before{ content:"\e6e5"; font-family:"iconfont"; padding-right:10px;} .directory-tree span:first-child:before{ display:none;} .model-detail.tab-content.panel{ border-top:1px solid #cfd9db;} .customnum{ display:inline-block; position:relative; height:34px; padding:0 24px;} .customnum .form-control{ width:50px; padding-left:5px; padding-right:5px; text-align:center;} .customnum .subtract, .customnum .add{ display:block; line-height:24px; height:24px; width:24px; text-align:center; font-size:20px; position:absolute; top:5px;} .customnum .subtract{left:0;} .customnum .add{right:0;} .customnum .subtract.text-gray, .customnum .add.text-gray, .customnum .subtract.text-gray:hover, .customnum .add.text-gray:hover{ color:#d8d8d8 !important; cursor:default;} .customnum-one{ display:inline-block; position:relative; height:34px; padding:0 24px;} .customnum-one .form-control{ width:50px; padding-left:5px; padding-right:5px; text-align:center;} .customnum-one .subtract, .customnum-one .add{ display:block; line-height:24px; height:24px; width:24px; text-align:center; font-size:20px; position:absolute; top:5px;} .customnum-one .subtract{left:0;} .customnum-one .add{right:0;} .customnum-one .subtract.text-gray, .customnum-one .add.text-gray, .customnum-one .subtract.text-gray:hover, .customnum-one .add.text-gray:hover{ color:#d8d8d8 !important; cursor:default;} .color-panal label.checkbox-inline{background-color: #f6f6f6; border-radius: 2px; margin-bottom:5px; padding: 3px 10px 3px 30px;} .color-panal label.checkbox-inline.active{background-color: #eee;} .color-panal label.checkbox-inline span:last-child{ display: inline-block; line-height: 14px; margin-left: 5px; margin-top: 2px; float: right;} .publish-color label{ min-height: 30px; position: relative; margin-bottom: 10px;} .publish-color input[type="checkbox"]{position: absolute; left: 15px; top: 9px;} .publish-color .color-item{border: 1px solid #ddd; max-width: 120px; padding: 7px 5px; margin-left: 20px; display: block; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .publish-color .color-item.multicolor{ color: #fff; text-shadow: 0 0 3px #000; background: url(../images/wish-color/Muiticolor.jpg) center no-repeat; background-size:cover;} .nav.size-list > li > a{ padding:5px 10px; margin-bottom:5px;} .error-text{background-color: #f9f2f4;border-radius: 4px; color: #c7254e; padding: 2px 4px; word-break: break-all;word-wrap: break-word; margin:0;} .consult-panel{ list-style:none; margin-top:20px;} .consult-panel .list-group{ margin-bottom:0;} .consult-panel .list-group-item{padding:5px;} .consult-panel .list-group-item.active{ background-color:#f6f6f6;} .consult-panel .list-group-item h4{font-size: 14px; font-weight: 600; margin:0; line-height:20px; color:#7ca4d2;} .consult-panel .list-group-item strong{ color:#999; display:block; padding:0 10px; border-radius:3px; background-color:#f8f8f8;} .consult-panel .list-group-item p{ margin:5px 0 0; color:#666; word-break:break-all; word-wrap:break-word;} .consult-scroll{ overflow-y:auto;} .consult-panel .list-group-item .list-table .item{ display: table-cell;} .consult-panel .list-group-item .list-table .item.table-caption{ display:table-caption;} .consult-panel .list-group-item .list-table .item span{line-height:20px; color:#7ca4d2; font-family:Tahoma, Geneva, sans-serif;} .consult-panel .list-group-item .list-table .item span:before{ padding-right:5px; color:#999; font-family:"iconfont";} .checkbox-inline .color, .productTr .color{display: inline-block;width: 14px;height: 14px;margin:2px 0 0;padding: 0;border: 1px solid #ccc;overflow: hidden;text-indent: -9999px} .color-200003699{background:url(../images/wish-color/bg_post_color_block.gif) 0 0 no-repeat} .color-100018786{background:url(../images/wish-color/bg_post_color_block.gif) 0 -20px no-repeat} .color-771 {background-color: #F8F7E7} .color-193 {background-color: #000} .color-173 {background-color: #0080FF} .color-365458 {background-color: #8d6468} .color-200001951 {background-color: #d5b489} .color-350850 {background-color: #FFD700} .color-691 {background-color: #999} .color-175 {background-color: #007000} .color-200002130 {background-color: #fdfde8} .color-200001438 {background-color: #dac9b9} .color-350852 {background-color: #FFA500} .color-1052 {background-color: #FFC0CB} .color-496 {background-color: #6C3365} .color-10 {background-color: red} .color-350853 {background-color: #ccc} .color-29 {background-color: #fff} .color-366 {background-color: #ff0} .color-200004889 {background-color: #7C8C30} .color-1254 {background-color: #1eddff} .color-200004890 {background-color: #666} .color-200004891 {background-color: #dda0dd} .pubish-image-group{ padding: 15px 15px 15px 250px; position: relative; min-height: 280px;} .pubish-image-group .largelabel{ position: absolute; left: 15px; top: 15px; width: 220px;} .pubish-image-group .largelabel .nodata{ background-color: #fff; border: 3px dashed #e0e0e0; display: none; height: 207px;text-align: center;} .pubish-image-group .largelabel .nodata .title{color: #ccc;font-size: 32px;line-height: 70px;margin: 0;padding-top: 60px;} .pubish-image-group .largelabel .photo{ border:1px solid #e0e0e0; width: 220px; height: 220px; background: url(../images/loading-bubbles.svg) center center no-repeat; display: table;} .pubish-image-group .largelabel .photo span{ width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle;} .pubish-image-group .largelabel .btn-remove{ position: absolute; bottom: -24px; right: -1px; text-align: center; left: -1px; line-height: 24px; background-color: #f0f0f0; border-style: solid; border-color:#e0e0e0; border-width:1px;} .pubish-image-group .largelabel .photo img{max-height: 218px;max-width: 218px;vertical-align: middle;} .thumbtype .thumbnail.ui-sortable-placeholder{webkit-animation: transitionShadow 3s linear infinite;-moz-animation: transitionShadow 3s linear infinite; animation: transitionShadow 3s linear infinite;} .thumbtype{ margin:0 -10px;} .thumbtype .thumbnail{border:1px solid #e0e0e0; border-radius: 0; background-color: #f0f0f0; float: left;height: 180px; margin: 10px;overflow: hidden; position: relative;width: 132px; -webkit-transition:none; -moz-transition:none; transition:none;} .thumbtype .thumbnail .media{height:130px; width: 130px; text-align: center; vertical-align: middle;} .thumbtype .thumbnail .media img{max-height: 130px;max-width: 130px;vertical-align: middle; border-radius:0 !important;} .thumbtype .thumbnail .media span{display: inline-block; height: 100%; vertical-align: middle;} .thumbtype .thumbnail .media .magnific{ position: absolute; right: 5px; top: 5px; background-color: rgba(255,255,255,0.8); color: #666; width: 30px; line-height: 30px; text-align: center; display: none; font-size: 16px; border-radius: 50%; z-index: 3;} .thumbtype .thumbnail .media:hover .magnific{ display: block;} .thumbtype .thumbnail .sizebar{height: 24px; line-height: 24px; padding: 0 5px; text-align: center; background-color: #f0f0f0; color: #7a7a7a; } .thumbtype .thumbnail .toolbar{height: 24px; line-height: 24px; padding: 0 5px; background-color: #fff; } .thumbtype .thumbnail .toolbar .setmain{ float: left;} .thumbtype .thumbnail .toolbar .btn-remove{ float:right;} .thumbtype .thumbnail .label{ position: absolute; right: 5px; top: 5px; z-index: 2;} .thumbtype .thumbnail-grid{ cursor: pointer; border:1px solid #e0e0e0; border-radius: 0; background-color: #f9f9f9; float: left; height: 180px; margin: 10px; overflow: hidden;width: 132px; line-height: 180px; text-align: center; color: #ccc; font-size: 16px; font-weight: bold;} .thumbtype .thumbnail-grid:hover{ background-color: #fff; color: #ddd;} .pubish-image-group.no-mainphoto{ padding-left: 15px; min-height: auto;} .pubish-image-group.no-mainphoto .toolbar{ text-align: center;} .pubish-image-group.no-mainphoto .toolbar .magnific{ float: left;} #thumbmedia .thumbnail:first-child{ border-color:#da9e00;} #thumbmedia .thumbnail:first-child:before{border-color:#da9e00 transparent transparent;border-style: solid; border-width: 40px 40px 0 0; content: ""; height: 0;left: 0; position: absolute; top: 0; width: 0; z-index:3;} #thumbmedia .thumbnail:first-child:after{ content:"主图";color: #fff; font-size: 13px; font-weight: bold;left:-2px; line-height: 20px; position: absolute; top: 4px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 4;} #thumbmedia.wish-type .thumbnail:first-child{ border-color: #e0e0e0;} #thumbmedia.wish-type .thumbnail:first-child:before, #thumbmedia.wish-type .thumbnail:first-child:after{ display: none;} .upload-album{ padding: 0 !important; overflow: hidden;} .uploadimg{ width: 48px; height: 48px; float: left; display: table; margin: 5px; background-color: #eeeeee; cursor: pointer; position: relative;} .uploadimg span{ display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; overflow:hidden;} .uploadimg span img{vertical-align: middle; max-width: 48px; max-height:48px;} .uploadimg .remove{ display: block; line-height: 15px; color: #fff; background-color: rgba(0, 0, 0, 0.7); position: absolute; right: 0; bottom: 0; font-size: 12px; width: 15px; text-align: center;} .uploadimg i{ font-size: 2em; color: #ccc; line-height: 48px;} .uploadimg input{display: none;} .mobileditor, .mobileditor .table-bordered{ position: relative;} .mobileditor .table-bordered .viewMobile{ position: absolute; right: 10px; top: 5px;} .mobileditor .table-bordered .oneKeyCopy{ position: absolute; right: 115px; top: 5px;} .mobileditor .mobilegroup{ display: none; width: 390px; position: absolute; right: -10px; top: 0;} .mobileditor.view-type{ min-height: 833px; padding-right: 400px;} .mobileditor.view-type .mobilegroup{ display: block;} .mobilegroup .mobileview{background:url(../images/mobile-preview-warp.jpg) no-repeat;height: 804px;overflow: hidden;} .mobilegroup .mobileview .desc-container{height: 505px; margin-left: 35px;margin-top: 182px; width: 320px; background-color: #f4f4f4; overflow-y: auto;} .desc-container .desc-title {border-top: 1px solid #eaeaea; color: #b0b2b7;font-size: 12px;line-height: 48px;margin-top:0;padding-left: 16px;padding-right: 16px; margin-bottom: 0;background-color: #fff;} .desc-container .descriptions { background-color: #fff;font-size: 14px;overflow-x: auto; padding: 16px 16px 8px; width: 100%; word-wrap: break-word;} .desc-container .desc-title {border-top: 1px solid #eaeaea; color: #b0b2b7;font-size: 12px;line-height: 48px;margin-top:0;padding-left: 16px;padding-right: 16px; margin-bottom: 0;background-color: #fff;} .desc-container .descriptions { background-color: #fff;font-size: 14px;overflow-x: auto; padding: 16px 16px 8px; width: 100%; word-wrap: break-word; } .desc-container .descriptions img { display: block;height: auto; width: 100%;max-width: 100%;} /*staff && store*/ .staff-list-title{ margin-top: 0; padding:10px; border: #cfd9db 1px solid; margin-bottom: -1px;} .media-list.staff-list{border-radius: 0 0 3px 3px; padding: 10px; border: #cfd9db 1px solid; max-height: 400px; overflow-y: auto; overflow-x: hidden;} .media-list.staff-list > .media{ padding: 5px 30px 5px 10px; } .media-list.staff-list > .media:hover{ background-color: #f0f0f0;} .media-list.staff-list > .media + .media{ margin-top: 10px;} .media-list.staff-list > .media > .media-body > .media-heading{ font-size: 14px;} .media-list.staff-list > .media > .media-body > .media-meta{ font-size: 13px;} .media-list.staff-list > .media .media-object{ height: 38px; width: 38px; margin-right: 10px;} .media-list.staff-list > .media .media-object > img{ max-height: 100%; border-radius: 3px;} .media-list.staff-list > .media > .media-body > .media-heading, .media-list.staff-list > .media > .media-body > .media-meta{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .media-list.staff-list > .media:after{ display: none;} .staff-list .media-meta .number{ padding: 0 3px; color: #00b1e1; font-weight: bold;} .media-list.staff-list > .media.active{ background-color: #00b1e1; position: relative; border-radius:5px; } .media-list.staff-list > .media.active > .media-body > .media-heading{ color: #fff;} .media-list.staff-list > .media.active > .media-body .media-meta, .media-list.staff-list > .media.active > .media-body .media-meta .number{color: #fff;} .media-list.staff-list > .media.active:before{ font-size: 3em; content: "\e6e9"; font-family: "iconfont"; color: #fff; position: absolute; right: 10px; top: -2px;} .store-authority .checkbox-inline{ padding: 5px 0;} /*SKU*/ #skulist .productTr{ display:none; margin:5px 20px 10px 40px;} .choicestaff.form-group label.checkbox-inline{ margin:0 0 3px 0; padding:3px 10px 3px 30px; background-color:#f2f2f2; border-radius:2px; border:1px solid #eee;} .choicestaff.form-group label.checkbox-inline.active{ background-color:#6BCCB4; color:#fff; border-color:#58C5AA;} .selectedtype .phototype select{ float:left; width:200px;} .selectedtype .thumbnail{ float:left; position: relative; width:120px; height:120px; margin:10px; border-radius:4px; overflow:hidden; background:url(../images/photo_default.jpg) center center no-repeat; background-size: cover;} .selectedtype .thumbnail .indicator{ background-color:#eee;} .selectedtype .thumbnail .media{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover; } .selectedtype .thumbnail .media .mask{padding:10px; width:100%; box-sizing:border-box; background-color: rgba(0, 0, 0, 0.5); position: absolute; z-index: 3;left: 0; bottom:0; color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .selectedtype .thumbnail .media .mask h5{ line-height:20px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .selectedtype .thumbnail .media .mask p{ line-height:20px; overflow:hidden; margin:0; height:0; opacity:0; } .selectedtype .thumbnail:hover .media .mask p{ height:auto; margin:5px 0 0 0; opacity:1;} .selectedtype .thumbnail.mainphoto{-moz-box-shadow:0 0 0 4px #da9e00; -webkit-box-shadow:0 0 0 4px #da9e00; box-shadow:0 0 0 4px #da9e00;} .selectedtype .thumbnail.mainphoto:before{border-color:#da9e00 transparent transparent;border-style: solid; border-width: 40px 40px 0 0; content: ""; height: 0;left: 0; position: absolute; top: 0; width: 0; z-index:1;} .selectedtype .thumbnail.mainphoto:after{ content:"主图";color: #fff; font-size: 13px; font-weight: bold;left:-1px; line-height: 20px; position: absolute; top: 2px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 2;} .selectedtype .thumbnail.mainphoto .set-main{ display:none;} #dropmedia .thumbnail{transition: none; cursor: move;} @-webkit-keyframes transitionShadow{0%{box-shadow:0 0 3px #7ca4d2;}50%{box-shadow:0 0 15px #7ca4d2;}100%{box-shadow:0 0 3px #7ca4d2;}} @-moz-keyframes transitionShadow{0%{box-shadow:0 0 3px #7ca4d2;}50%{box-shadow:0 0 15px #7ca4d2;}100%{box-shadow:0 0 3px #7ca4d2;}} @keyframes transitionShadow{0%{box-shadow:0 0 3px #7ca4d2;}50%{box-shadow:0 0 15px #7ca4d2;}100%{box-shadow:0 0 3px #7ca4d2;}} #dropmedia .thumbnail.ui-sortable-placeholder{webkit-animation: transitionShadow 3s linear infinite;-moz-animation: transitionShadow 3s linear infinite; animation: transitionShadow 3s linear infinite;} #dropmedia .thumbnail:first-child{-moz-box-shadow:0 0 0 4px #da9e00; -webkit-box-shadow:0 0 0 4px #da9e00; box-shadow:0 0 0 4px #da9e00;} #dropmedia .thumbnail:first-child:before{border-color:#da9e00 transparent transparent;border-style: solid; border-width: 40px 40px 0 0; content: ""; height: 0;left: 0; position: absolute; top: 0; width: 0; z-index:1;} #dropmedia .thumbnail:first-child:after{ content:"主图";color: #fff; font-size: 13px; font-weight: bold;left:-1px; line-height: 20px; position: absolute; top: 2px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 2;} .list-body .photo.mainphoto{ -webkit-box-shadow:0 0 0 1px #da9e00; -moz-box-shadow:0 0 0 1px #da9e00; box-shadow:0 0 0 1px #da9e00; position:relative;} .list-body .photo.mainphoto:before { border-color: #da9e00 transparent transparent; border-style: solid;border-width:24px 24px 0 0; content: ""; height: 0; left: 0; position: absolute; top: 0; width: 0;z-index: 1;} .list-body .photo.mainphoto:after{ content:"\e21c";color: #fff; font-family: "iconfont"; font-size: 12px; font-weight: bold;left:2px; line-height: 20px; position: absolute; top: -2px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 2;} .selectedtype .thumbnail .media .imglink{ display:none;} .selectedtype .thumbnail .media .overlay{background-color:rgba(218, 158, 0, 0.4); } .selectedtype .thumbnail .media .overlay .toolbar{ margin-top:0; top:5px; right:5px; text-align:right;} .selectedtype .thumbnail .media .overlay .toolbar .btn{ line-height:30px; padding:0; width:30px; text-align:center; font-size:1.1em; margin:0 2px;} .viewimage { min-height:34px;} .viewimage ul{ padding:0; list-style:none; margin:0;} .viewimage li{ height:60px; margin-right:10px; float:left; position:relative; padding:4px; border-radius:3px; background-color:#fff; border:1px solid #ccc;} .viewimage li .ico-cancel-circle2{ position:absolute; top:-4px; right:-4px; cursor:pointer; color:#999;} .viewimage li .ico-cancel-circle2:hover{ color:#7ca4d2;} .viewimage li img{ max-height:50px; border-radius:2px;} .thumb-new{ width:100%; height:100%; position:absolute; left:0; top:0; display: block; background-color:#eee; border:4px dotted #ccc;border-radius:4px; text-align:center; transition:all 0.5s ease 0s;} .thumb-new .ico-plus-sign{ display:block; margin-top:20%;font-size:7em; color:#999; text-shadow:0 1px 0 #fff;} .thumb-new h4{ font-size:18px; color:#999; text-shadow:0 1px 0 #fff;} .thumb-new:hover{ background-color:#f8f8f8; border-color:#6285ad;} .thumb-new:hover .ico-plus-sign, .thumb-new:hover h4{ color:#6285ad;} .pathexample{ width:540px; height:70px; margin:0 auto; position:relative;} .pathexample .link{ line-height:18px; font-size:20px; margin:0;} .pathexample .link.alpha{ opacity:0.1;} .pathexample .link span{ padding:0 2px;} .pathexample .info{ position:absolute; line-height:20px; top:50px; display:inline-block;} .pathexample .info:before{ position:absolute; height:15px; width:1px; top:-15px; left:50%; content:"";} .pathexample .info.text-primary:before{ background-color:#7ca4d2;} .pathexample .info.text-orange:before{ background-color:#f60;} .pathexample .info.text-success:before{ background-color:#91c854;} .pathexample .info.text-info{top:20px; padding-left:5px;} .pathexample .info.text-info:before{height:1px; width:20px; top:10px; left:-20px; background-color:#63d3e9;} .skugroupexample{ font-size:13px; font-weight:bold;} .form-tabs{ position:absolute; right:15px; bottom:-16px;} .form-buttons{ position:absolute; right:15px; top:0;} .drag-list .inneritem, .drag-list{ width:100%; table-layout:fixed;} .table.drag-list tr > th, .table.drag-list tr > td{padding:5px ;} .drag-list .inneritem td{ text-align:center; } .drag-list .btn-drag{ cursor:move;} .drag-list .btn-drag.disabled{ cursor:default;} .copy-helper .ico-copy{ font-size:32px;} .drag-active{ border:0;} .drag-active td{ background-color:#fffcdd !important;} .selectproductetail, .selectitem,.modal .scrolllist{ width:100% !important;} .quickeditdetail{ width:100% !important;} .hasimage .imageitem{padding-top:8px; padding-right:2px; padding-bottom:8px; padding-left:70px; height:34px; line-height:34px;} .hasimage .photo{ position:absolute; left:10px; top:0; width:50px; height:50px; text-align:center; background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;} .hasimage .photo i{ line-height:50px; font-size:40px;} .hasimage .item{ padding-top:8px; padding-bottom:8px;} #addStockSku .productTr .table tr th{ padding:3px 5px;} /* stock SKU */ .productTr .switchery, .advance .switchery{ width: 58px;} .productTr .switchery > small, .advance .switchery > small{ width: 28px; z-index: 2;} .productTr .switchery:before, .advance .switchery:before{ position: absolute; content: "on"; left: 7px; top: 0; font-weight: bold; line-height: 20px; color: #fff; font-size: 12px;z-index: 1;} .productTr .switchery:after, .advance .switchery:after{ position: absolute; content: "off"; right: 7px; top: 0; font-weight: bold; line-height: 20px; color: #999; font-size: 12px;z-index: 1;} .form-group .switchery { border-radius: 17px;height: 30px; width: 68px; border-width:2px; box-sizing:content-box;} .form-group .switchery > small {border-radius:50%;height:30px;width:30px;} tr.sub{ display:none;} tr.sub .name{ padding-left:20px;} #depotlist .productTr{ display:none; margin:5px 20px 10px;} #depotlist .productTr .table th, #depotlist .productTr .table td{ padding:10px 5px;} #depotlist .productTr .table th{font-weight:bold;} #depotlist ul.list-title li li{ padding:10px 0; font-weight:bold;} td input.allotnum{ display:none; width:60px; margin:0 auto; text-align:center;} tr.active td input.allotnum{ display:block;} .positions table{margin:0; padding:0; border:3px solid #fda971; width:100%; border-collapse:collapse; table-layout:fixed;} .positions table td{ text-align:center; vertical-align:middle; padding:20px 10px; background:#fee1ce url(../images/grid_bg.png); border:2px solid #fff;word-wrap: break-word; word-break: break-all;} .positions table td:hover{ background-color:#fec6a1;} .stock-chart{ margin:10px; min-height:170px; background:url(../images/loading-bubbles.svg) center no-repeat;} .stock-chart ul{ margin:0 0 -1px 0; display:table; table-layout:fixed; border-collapse:collapse; width:100%;height:50px; background-color:#fff;} .stock-chart li{ display:table-cell; vertical-align:middle; text-align:center; height:50px;position:relative;} .stock-chart li .bg{ background-color:#f3f3f3; height:10px; position:absolute; display:block; top:20px; left:0; width:100%; z-index:1;} .stock-chart li.head{ border:0; width:60px; text-align:right; padding-right:5px; font-weight:bold; border-right:1px solid #e0e0e0;} .stock-chart li .point{border-radius: 50%; cursor:pointer; height:10px; margin:0 auto; position: relative; z-index:3;width:10px; border-width:2px; border-style:solid; display:block; overflow:hidden; box-sizing:content-box;} .stock-chart li .point:hover, .stock-chart ul.list-allot li .point:hover, .stock-chart ul.list-purchase li .point:hover, .stock-chart ul.list-stock li.full .point:hover, .stock-chart ul.list-stock li .point:hover{background-color:#fff; } .stock-chart li.full.start .bg{ width:50%; left:50%; border-radius:5px 0 0 5px;} .stock-chart li.full.end .bg{ width:50%;border-radius:0 5px 5px 0;} .stock-chart li.full.star.end{ width:0;} .stock-chart li.full .mask{ background-color:#f3f3f3; height:10px; position:absolute; display:block; top:20px; width:50%; z-index:1;} .stock-chart li.full.start .mask{ left:0;} .stock-chart li.full.end .mask{ left:51%;} .stock-chart li.full.start.end .mask{ display:none;} .stock-chart li.full.start.end .bg{background-color:#f3f3f3;width:100%; left:0; border-radius:0;} .stock-chart li .cast{ height:50%; left:50%; position:absolute; width:4px; margin-left:-2px; display:block;} .stock-chart li .cast.allot{ background-color:#d7ebc0; top:50%; z-index:1;} .stock-chart ul.list-purchase li .cast.allot{top:0; height:100%;} .stock-chart ul.list-stock li .cast.allot{ top:0;} .stock-chart li .cast.purchase{ background-color:#fff2d0; top:50%; z-index:2;} .stock-chart ul.list-stock li .cast.purchase{top:0;} .stock-chart li.full.start .bg:before{ width:100%; height:10px; position:absolute; left:0; top:0; margin-left:100%; background-color:#f3f3f3; display:block; z-index:2;} .stock-chart ul.list-allot li.head{ color:#91c854;} .stock-chart ul.list-allot li .bg{ background-color:#d7ebc0;} .stock-chart ul.list-allot li .point{ background-color:#d7ebc0; border-color:#91c854; } .stock-chart ul.list-allot li.start .point, .stock-chart ul.list-allot li.end .point{ display:block;} .stock-chart ul.list-allot li .point:hover{ -webkit-box-shadow:0 0 0 5px rgba(145,200,84,0.5); -moz-box-shadow:0 0 0 5px rgba(145,200,84,0.5); -ms-box-shadow:0 0 0 5px rgba(145,200,84,0.5); box-shadow:0 0 0 5px rgba(145,200,84,0.5);} .stock-chart ul.list-purchase li.head{ color:#a87a01;} .stock-chart ul.list-purchase li .bg{ background-color:#fff2d0;} .stock-chart ul.list-purchase li .point{ background-color:#fff2d0; border-color:#a87a01;} .stock-chart ul.list-purchase li.start .point, .stock-chart ul.list-purchase li.end .point{ display:block;} .stock-chart ul.list-purchase li .point:hover{-webkit-box-shadow:0 0 0 5px rgba(255,214,106,0.5); -moz-box-shadow:0 0 0 5px rgba(255,214,106,0.5); -ms-box-shadow:0 0 0 5px rgba(255,214,106,0.5); box-shadow:0 0 0 5px rgba(255,214,106,0.5);} .stock-chart ul.list-stock li.head{ color:#7ca4d2;} .stock-chart ul.list-stock li .bg{ background-color:#faccd1;} .stock-chart ul.list-stock li.full.start .mask, .stock-chart ul.list-stock li.full.end .mask{background-color:#faccd1;} .stock-chart ul.list-stock li .point{ background-color:#faccd1; border-color:#fa7b8a;} .stock-chart ul.list-stock li .point:hover{ border-color:#ed5466; webkit-box-shadow:0 0 0 5px rgba(237,84,102,0.5); -moz-box-shadow:0 0 0 5px rgba(237,84,102,0.5); -ms-box-shadow:0 0 0 5px rgba(237,84,102,0.5); box-shadow:0 0 0 5px rgba(237,84,102,0.5);} .stock-chart ul.list-stock li.full .bg{ background-color:#c7f3ff;} .stock-chart ul.list-stock li.full .point{ background-color:#c7f3ff; border-color:#7ca4d2;} .stock-chart ul.list-stock li.full .point:hover{webkit-box-shadow:0 0 0 5px rgba(0,177,225,0.5); -moz-box-shadow:0 0 0 5px rgba(0,177,225,0.5); -ms-box-shadow:0 0 0 5px rgba(0,177,225,0.5); box-shadow:0 0 0 5px rgba(0,177,225,0.5);} .stock-chart ul.list-footer{height:20px;} .stock-chart ul.list-footer li{ border-top:1px solid #e0e0e0; height:20px; line-height:20px; } .stock-chart ul.list-footer li.head{ border:0;} .stock-chart ul.list-footer li .date{ color:#333; font-size:10px; font-weight:bold; } .online-image{ position:relative; padding-left:50px;} .online-image .photoinfo{ position:absolute; left:0; top:0;} .online-image .viewlinks{ width:34px; height:34px; vertical-align:middle; display:block;} .online-image .viewlinks span{ display:inline-block; height:100%; vertical-align:middle;} .online-image .viewlinks img{ vertical-align:middle; max-height:100%; max-width:100%;} /* pring center */ body #main > .container-fluid.bottomblank{ padding-bottom: 80px;} .bottomblank .panel.fixedbottom{ position: fixed; left: 220px; bottom: 0; margin: 0; right: 0; border-width: 1px 0 0; border-radius:0; background-color: rgba(255,255,255,0.9); z-index: 10; padding-right: 40px;} .sidebar-minimized .bottomblank .panel.fixedbottom{ left: 60px;} /* ftp */ .dropbox{height:120px; border:3px dashed #91c854; border-radius:5px; position:relative;} .dropbox input.multiple{ display:none;} .dropbox .group{ width:300px; position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-50px; text-align:center;} .dropbox .group h5{ font-size:20px; line-height:30px; margin-bottom:10px; } #upload{ display:none;} .upload-info .filename{padding:20px 0 20px 80px; line-height:20px; font-weight:bold; position:relative; display:inline-block;} .upload-info .photo{ position:absolute; left:0; top:0; width:60px; height:60px; text-align:center; margin:0 auto; background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;} .upload-info .photo i{ line-height:60px; font-size:40px;} .upload-info .upload-progress, .upload-info .check{font-weight:bold;} .upload-info div.upload-progress, .upload-info div.check{padding-top:20px;padding-bottom:20px; } .upload-info .fileurl{ margin:0; display:none;} .upload-info .check p{ margin:0;} .upload-album{ padding: 0 !important; overflow: hidden;} .uploadimg{ width: 48px; height: 48px; float: left; display: table; margin: 5px; background-color: #eeeeee; cursor: pointer; position: relative;} .uploadimg span{ display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; overflow:hidden;} .uploadimg span img{vertical-align: middle; max-width: 48px; max-height:48px;} .uploadimg .remove{ display: block; line-height: 15px; color: #fff; background-color: rgba(0, 0, 0, 0.7); position: absolute; right: 0; bottom: 0; font-size: 12px; width: 15px; text-align: center;} .uploadimg i{ font-size: 2em; color: #ccc; line-height: 48px;} .uploadimg input{display: none;} /* organization */ .orgcontent{ padding:30px 0 50px 0; overflow-x:auto; position:relative;} .jOrgChart table{ margin:0 auto;} .jOrgChart .line {height:30px; width: 4px;} .jOrgChart .down {background-color:#ccc; margin: 0px auto;} .jOrgChart .top { border-top: 3px solid #ccc;} .jOrgChart .left {border-right: 2px solid #ccc;} .jOrgChart .right {border-left: 2px solid #ccc;} .jOrgChart td {text-align:center;vertical-align: top;padding:0;} /* The node */ .jOrgChart .node { display:inline-block; z-index:10; position:relative; font-size:13px;background-color:#63D3E9;border-radius:5px;border:3px solid white;color:#fff; padding:5px 8px; font-weight:bold; margin:0 2px;} .jOrgChart .contracted .node{ background-color:#7ca4d2; color:#fff;} .jOrgChart .node:hover{-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);} .jOrgChart .expanded .node{ background-color:#63D3E9; color:#fff;} .drag-active { border-style: dotted !important;} .drop-hover {border-style: solid !important; border-color:#E05E00 !important;} .dropdown-menu .nav-header{ font-size:12px;} /* allot */ .steps.custom{border:0;} .custom .form-wizard li a{ cursor: pointer;} .panel .form-wizard > .steps > ul > li.current > a > .number:after{ content:"\e605";} .panel .form-wizard > .actions, .modal .form-wizard > .actions{ display:none;} .form-wizard > .steps > ul > .abnormal.current > a > .number {background-color:#ed5466;} .form-wizard > .steps > ul > .abnormal.current:last-child > a:after {background-image: linear-gradient(to right, #dde4e6 0px, #ed5466 100%);} /* examine */ #approve .list-group-item .badge { float:none; margin-right:10px;} #approve .list-group-item .option{display: inline-block;float: right;} #approve .list-group-item .option i{background-color: transparent; display:none; color: #9a9a9a; float: left;padding-left: 6px; padding-left:5px; padding-right:5px; font-size:12px; line-height:1.5;} #approve .list-group-item .option i:hover{ color:#666;} .approve .list-group-item .badge { float:none; margin-right:10px;} .approve .list-group-item .option{display: inline-block;float: right;} .approve .list-group-item .option i{background-color: transparent; display:none; color: #9a9a9a; float: left;padding-left: 6px; padding-left:5px; padding-right:5px; font-size:12px; line-height:1.5;} .approve .list-group-item .option i:hover{ color:#666;} /* store */ .stafflabel{ max-height:120px;} #currency-list .list-group-item input.form-control{ width:50px;} #currency-list .list-group-item strong{ width:80px; position:absolute; left:10px; top:5px;} #currency-list .list-group-item .option { display: inline-block; float: right;} /*workorder*/ .modal-open .mfp-bg{ z-index:1051;} .modal-open .mfp-wrap{ z-index:1052;} /* module shop */ #module-grid ul{ list-style:none; margin:0; padding:0;} #module-grid .panel-body{ padding-left:10px; padding-right:10px;} #module-grid .item{padding:0 10px; float:left; width:240px;} #module-grid .item .panel{ transition:all 0.5s ease 0s;} #module-grid .item.active .panel{ background-color:#f2f2f2;} #module-grid .item.active .panel-heading{ background-color:#e0e0e0;} .item .panel .panel-ribbon span{ color:#fff; font-weight:bold; font-size:10px; font-family: tahoma;font-size: 10px; left: 2px; line-height: 20px; position: absolute;top:3px; z-index: 1;-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg)} .item .panel:hover{-moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;box-shadow:0 0 10px #999;} .item .panel-heading{ height:90px; position:relative;} .item .panel-heading h5{ font-size:16px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .item .panel-body{ margin-top:-60px;z-index:2;} .item .panel-body img{ width:120px; height:120px; border-radius:50%; padding:1px; background-color:#fff; -moz-box-shadow:0 0 0 5px #eee; -webkit-box-shadow: 0 0 0 5px #eee;box-shadow: 0 0 0 5px #eee; transition: all 0.5s ease 0s;} .item .panel:hover .panel-body img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);} .item .panel-body h3{ margin-top:10px;} .item .panel-body h3 span{ padding-left:5px; color:#999; font-size:0.6em;} #main #module-grid .panel .table tr th{ background-color:transparent; border-color:#CFD9DB; color:#999;} .item .sidelabel{position:absolute; width:55px; padding-left:5px; color:#fff;font-size:12px ;font-weight:bold;right:-5px;border:none;bottom:15px;line-height:24px;background-color:#999; text-align:center; z-index:1;} .item .sidelabel:before{display:inline-block;content:"";position:absolute;top:-8px;left:-5px;border-style:solid;border-color:transparent #f6f6f6 transparent transparent;border-width:20px 12px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);transform: rotate(180deg);} .item .sidelabel:after{display:inline-block;content:"";position:absolute;top:23px;right:1px;border-style:solid;border-color:transparent transparent #333 #333;border-width:3px 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);} .item .sidelabel.side-danger{ background-color:#ed5466;} .item .sidelabel.side-primary{ background-color:#7ca4d2;} .item .sidelabel.side-success{ background-color:#91c854;} .nav-tabs .right-group{ float:right; padding:10px 10px 0 0; color:#999;} .mycart{ bottom: 55px; position: fixed; right: 10px; z-index: 998;} .cartico{background-color:#ccc;border-radius: 50%; color:#fff; display: block; font-size: 16px; height: 40px; line-height: 40px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); width: 40px; } .cartico:hover, .mycart:hover .cartico{ background-color:#6285ad; color:#fff;} .cartico .label{ position:absolute; right:-5px; top:-5px;} .mycart ul{ display:none; margin:0; min-height:30px; list-style:none; z-index:1; border-radius: 3px; right:40px; padding: 5px;position: absolute; bottom:0; width: 100px; background-color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);} .mycart ul:before { position: absolute; z-index:2;bottom:10px; right: 0px; margin-right: -8px; content: ""; width: 0px; height: 0px; border-style: solid;border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #fff; } .mycart:hover ul{ display:block;} .mycart ul .btn-success{ display:none;} .mycart ul li{ clear:both; width:100%; margin-bottom:5px;} .mycart ul li.noitem{ background-color:#f2f2f2; border-radius:3px; margin:0; line-height:20px; padding:10px 0; text-align:center; font-size:14px; font-weight:bold; color:#aaa;} .mycart ul li.noitem p{ margin:5px 0 0 0; font-size:12px;} .mycart ul li .item-label{background:#f2f2f2; line-height:20px; border-radius: 3px; color: #666;display:block;padding:5px 20px 5px 10px;vertical-align: baseline; position:relative;} .mycart ul li .item-label:hover{background:#eee; color:#333;} .mycart ul li .item-label .close{ position:absolute; right:10px; top:5px;} #cartoondetail{ position:absolute; width:132px; height:130px; z-index:999; display:none;} #cartoondetail img{width:100%; height:100%; border-radius:50%; padding:1px; background-color:#fff; -moz-box-shadow:0 0 0 5px #eee; -webkit-box-shadow: 0 0 0 5px #eee;box-shadow: 0 0 0 5px #eee;} .tools-fg{ margin-bottom:5px; height:24px; position:relative;} .tools-fg:before{ content:""; height:4px; background-color:#c0c0c0; overflow:hidden; z-index:1; position:absolute; left:30px; top:8px; right:0;} .tools-fg .label{ font-size:12px; line-height:20px; height:22px; padding-left:10px; padding-right:10px; border:1px solid #fff; z-index:2; position:relative; margin-left:25px;} .cart-list .panel-footer strong.price{ font-size:1.5em; padding:0 30px 0 15px;} .cart-list .panel-footer strong{ line-height:40px; font-size:16px;} .cart-list .panel-footer .list-table{ padding:0 30px;} .cart-list .panel-footer .btn-lg{font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;} .cart-list del.price{ font-size:14px; color:#999; margin-left:10px;} /* recharge */ .nav.nav-pills.nav-recharge li{ margin-right:10px;} .nav.nav-pills.nav-recharge li a{ line-height:14px; background-color:#f8f8f8;} .nav.nav-pills.nav-recharge li a:hover{background-color:#eee;} .nav.nav-pills.nav-recharge li.active a{ background-color:#7ca4d2;} .nav-payment{ padding:0; list-style:none;} .nav-payment li{ float:left; margin:0 10px 5px 0;} .nav-payment li a{ display:inline-block; border:2px solid #eee;} .nav-payment li a:hover{ border-color:#ccc;} .nav-payment li.active a{ border-color:#7ca4d2; position:relative;} .nav-payment li.active a:before{bottom: -3px; color: #7ca4d2; content:"\e72a"; font-family: "iconfont"; font-size: 20px; position: absolute; right: 3px;} /* photo gallery */ /* .photo-gallery{ width:980px;}*/ .photo-gallery .modal-header, .photo-gallery .modal-footer{ padding:6px 15px 4px;} .photo-gallery .badge{ font-size:12px;} .photo-gallery .modal-body { margin:0; padding:0;} .photo-gallery .modal-body .panel-heading{ background-color:#dde4e6; margin:0;} #ui-datepicker-div{ z-index:1051 !important;} .photo-gallery .photo-group-body{ padding-left:240px; padding-bottom:41px; height:540px; position:relative; background-color:#fff;} .photo-gallery .btn-add .btn.btn-default:focus{background-color: #c0c0c0;border-color: #999;color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;} .gallery-sort{ position:absolute; top:0; bottom:0; left:0; width:240px; background-color:#fff; z-index:2; border-right:1px solid #cfd9db; overflow:hidden;} .gallery-sort .panel{ border-radius:0; border-width:1px 0 0; background-color:#fff; overflow:inherit;} .gallery-sort .panel + .panel{ margin:-1px 0 0;} .photo-gallery .modal-body .gallery-sort .panel .panel-heading{border-radius:0; background-color:#f6f6f6; border-color:#cfd9db; border-style: solid; border-width:0 0 1px;} .gallery-sort .panel-body{ box-sizing:border-box; padding:0; overflow-y:auto; overflow-x:hidden;} .sortitem{ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); color:#555; border:1px solid #cfd9db; border-radius:3px; display:block; margin:8px 10px; padding:5px 30px 5px 7px; background-color:#f5f5f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 13px; line-height: 20px; position:relative;} .sortitem:hover{color:#777; background-color:#ededed;} .sortitem.active{ color:#fff; background-color:#7ca4d2; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); border-color:#6285ad;} .sortitem.active:hover{color:#fff; border-color:#0099c2;background-color:#6285ad;} .sortitem .badge{ position:absolute; right:10px; top:6px; line-height:1.5;} .sortitem.active .badge{ background-color:#fff; color:#7ca4d2;} .photo-group-body .panel-footer{ padding:5px 10px; position:absolute; bottom:0; right:0; left:240px;} .photo-group-body .panel-footer .page-nav .btn{ padding:5px 8px;} .photo-group-body .autoscrolllist { border-top:1px solid #cfd9db;} .photo-group-body .autoscrolllist .list-body > li, .photo-group-body .autoscrolllist .list-title > li{ position:relative;} .photo-group-body .autoscrolllist .select{ position:absolute; left:10px; top:5px;} .photo-group-body .image-name{ color:#6a6a6a;} .photo-group-body .image-select{ width:30px; text-align:center;} .photo-group-body .image-size{ width:120px; text-align:center;} .photo-group-body .image-quote{ width:100px; text-align:center;} .photo-group-body .image-quote i{ font-size:16px;} .photo-group-body .image-date{ width:120px; text-align:center;} .photo-group-body .image-upload{ width:100px; text-align:center;} .photo-group-body .image-view{ width:40px; text-align:center;} .photo-group-body .autoscrolllist .photo{ display:none;} .photo-group-body .autoscrolllist .magnific { position:absolute; right:13px; top:5px; font-size: 1.2em;} .photo-group-body .autoscrolllist .list-body.gridtype{ padding:10px 8px;} .photo-group-body .autoscrolllist .list-body.gridtype > li{ width:110px; height:135px; border:1px solid #e0e0e0; border-radius:4px; margin:7px 5px; float:left;} .photo-group-body .autoscrolllist .list-body.gridtype > li:hover{ border-color:#ccc;} .photo-group-body .autoscrolllist .list-body.gridtype > li.active{background-color:#fff9ea !important; border-color:#da9e00; -moz-box-shadow:0 0 5px #da9e00; -webkit-box-shadow:0 0 5px #da9e00; box-shadow:0 0 5px #da9e00;} .photo-group-body .autoscrolllist .list-body.gridtype ul{ display:block; height:20px; line-height:20px; overflow:hidden; padding-left:25px; position:relative; border:0;} .photo-group-body .autoscrolllist .list-body.gridtype .image-quote{ position:absolute; left:5px; top:2px; display:block; width:auto; text-align:left; padding:0;} .photo-group-body .autoscrolllist .list-body.gridtype .image-name{ line-height:20px; display:block; padding:0 5px 0 0;} .photo-group-body .autoscrolllist .list-body li.active .image-name{ color:#da9e00;} .photo-group-body .autoscrolllist .list-body.gridtype li .photo{background-position: center; background-repeat: no-repeat; background-size: cover; height:100px;width:100px; margin:5px auto; display:block; border-radius: 2px;} .photo-group-body .autoscrolllist .list-body.gridtype li .photo:hover{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .photo-group-body .autoscrolllist .list-body.gridtype li .magnific { display:none; right:8px; top:8px; line-height: 30px; text-align: center; width: 30px; border-radius: 50%;line-height:30px; overflow: hidden; background-color:rgba(0,0,0,0.5); color:#fff;} .photo-group-body .autoscrolllist .list-body.gridtype li:hover .magnific{display:block;} .list-body.gridtype li .select, .list-body.gridtype li .image-size, .list-body.gridtype li .image-select, .list-body.gridtype li .image-quote strong, .list-body.gridtype li .image-date, .list-body.gridtype li .image-upload, .list-body.gridtype li .image-view { display:none; } .photo-group-body .autoscrolllist.view-checkbox .list-body.gridtype .image-quote{ display: none;} .view-checkbox .list-body.gridtype li .select{ display: block; left: 5px; bottom:6px; top: auto;} #tooltip { position:absolute; z-index:1051; width:auto; max-width:220px; background:rgba(255,255,255,0.9); padding:5px 10px; min-height:1em; border-radius:4px; border:1px solid #ccc; -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3);} #tooltip h4{font-size:14px; line-height:20px; color:#da9e00; margin:0 0 5px 0; padding:0; font-weight:bold; word-break:break-all; word-wrap:break-word;} #tooltip p { margin:0; padding:0; color:#7ca4d2; line-height:20px;} #tooltip p strong{ padding-right:5px; color:#7a7a7a;} #tooltip.phototool{ max-width:270px; max-height: 270px; padding: 5px;} #tooltip.phototool img{ max-width: 100%; max-height: 100%;} /* site mail */ .message-col-right .timeline.main{ overflow:inherit; margin-left:50px;} .message-col-right .timeline.main:after{ left:30px;background-color:#7ca4d2; z-index:1;} .message-col-right .timeline.main .header{ margin:0 0 20px; height:30px; position:relative; left:-30px;} .message-col-right .timeline.main .header .title { display:inline-block; float:left; background:#7ca4d2; border-radius: 3px;color: #fff;font-size: 14px;font-weight: 700;padding-bottom: 2px;padding:0 20px; line-height:30px;} .message-col-right .timeline.main .header .loading{ left:-20px; background-color:#dde4e6; font-weight:bold; color:#999; line-height:30px; padding:0 15px 0 35px; font-size:14px; border-radius:15px; -moz-box-shadow:0 0 5px 0 #fff;-webkit-box-shadow:0 0 5px 0 #fff;box-shadow:0 0 5px 0 #fff;} .message-col-right .timeline.main .header .loading i{ left:15px; top:8px;} .message-col-right .timeline.main .header .btn-success{ float:left; margin-left:15px;} .message-col-right .timeline.main li .list-table.dis-none{ display:none;} .message-col-right .list-table .photo{ width:60px; text-align:center; vertical-align:top; padding-right:10px; cursor:pointer;} .message-col-right .list-table .photo img{ max-width:50px; max-height:50px;} .message-col-right .timeline.main li .panel-body .favorite{ position:absolute; right:3px; top:2px; color:#fff; font-size:18px; z-index:10; width:20px; text-align:center; display:block; line-height:21px;} .message-col-right .timeline.main li.wrapper .panel .panel-body{ padding-left:20px; padding-right:20px;} .message-col-right .timeline.main li.wrapper .panel-body:after{border-color:#7ca4d2 transparent transparent; border-style: solid; border-width:40px 0 0 40px ; content: ""; height: 0; right: 0;position: absolute; top: 0; width: 0;} .message-col-right .timeline.main li.wrapper.favorited .panel-body:after{border-color:#ccc transparent transparent;} .list-table li.detail h5{ margin:0 0 5px 0; font-weight:bold;} .list-table li.detail h5 .date{ font-size:10px; font-family:Tahoma, Geneva, sans-serif; padding-left:15px; color:#999; float:right;} .list-table li.detail h5 .date a{ margin-left:10px; font-size:12px;} .timeline.main li .reply-group{ padding-left:65px; padding-top:10px;} .modal-body .reply-group{ margin:10px 0;} .modal-body .reply-group li.detail{ background-color:#fff; border-color:#e0e0e0; -webkit-box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;} .reply-group li.detail{background-color:#f9f9f9; padding:5px 10px; border:1px solid #efefef; border-radius:3px;} .message-col-right .timeline.main li.wrapper{ margin-left:65px;position: relative;} .message-col-right .timeline.main li .type{font-size:16px; width:120px; text-align:right; left: -173px; color:#7ca4d2; display:inline-block; line-height: 24px;padding: 25px 0 0 0;position: absolute; top: 12px;font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;} .message-col-right .timeline.main li .type:after{background:#7ca4d2;content: "";display: block; height: 2px; position: absolute; right: -50px;top:8px;width:30px;} .message-col-right .timeline.main li .type:before{background:#7ca4d2; content: ""; display: block; height: 8px; position: absolute;right: -21px;top:5px; width: 8px;} .message-col-right .timeline.main li .type i{display: inline-block;right: 0; position: absolute;top: 0; font-size:24px;} .message-col-right .timeline.main li.wrapper .more-reply{ margin:10px 0 0 65px;} .message-col-right .timeline.main li.wrapper .more-reply a{ display:block; border:1px solid #eee; background-color:#f9f9f9; border-radius:4px; text-align:center; line-height:24px; color:#666; transition:all 0.5s ease 0s;} .message-col-right .timeline.main li.wrapper .more-reply a .num{ color:#7ca4d2; font-weight:bold; padding:0 3px;} .message-col-right .timeline.main li.wrapper .more-reply a:hover{ background-color:transparent; border-color:#e0e0e0; color:#7ca4d2} .message-col-right .timeline.main li.wrapper.no-data .panel-body:after{ border-color:transparent;} .message-col-right .timeline.main li.wrapper.no-data .panel p{ line-height:40px; color:#7ca4d2; font-size:18px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;} .no-message{ background-color: #dde4e6; border-radius: 15px; -webkit-box-shadow: 0 0 5px 0 #fff; -moz-box-shadow: 0 0 5px 0 #fff; box-shadow: 0 0 5px 0 #fff; color: #999; font-size: 14px; font-weight: bold; left: -20px; line-height: 30px; padding:0 20px; display:inline-block; position:relative;} .message-col-right .timeline.main li.tort .type{ color:#ed5466;} .message-col-right .timeline.main li.tort .type:before, .timeline.main li.tort .type:after{ background-color:#ed5466;} .message-col-right .timeline.main li{ z-index:2;} .message-col-right .timeline.main li.wrapper .figure {background-color: #ecf0f1; border-radius: 50%;box-shadow: 0 0 0 3px #ecf0f1;color: #b1c2c6; height: 34px; left:30px; line-height: 34px;margin-left: -18px; margin-top: 5px; position: absolute;text-align: center; width: 34px;z-index: 5;} .message-col-right .timeline.main li.wrapper .panel:before{border-style: solid;content: ""; height: 0; position: absolute;width: 0;border-color: transparent #cfd9db transparent transparent; border-width: 10px 10px 10px 0;left: -11px;top: 10px;} .message-col-right .timeline.main li.wrapper .panel:after{border-style: solid;content: ""; height: 0;position: absolute;width: 0;border-color: transparent #fff transparent transparent;border-width: 10px 10px 10px 0;left: -10px;top: 10px;} .message-col-left{min-height: 1px;padding-left: 15px;padding-right: 15px;position: relative; float:left; width:25%;} .message-col-right{min-height: 1px;padding-left: 15px;padding-right: 15px;position: relative; float:left; width:75%;} .message-tab{ position:relative; z-index:3;} .message-tab .list-group-item{ border-radius:4px; margin-bottom:3px;} .message-tab .list-group-item.active>a{background-color: #7ca4d2; color: #fff;} .message-tab.list-group-tabs .list-group-item.active a:after{ margin:0; display:none;} .message-tab .list-group-item>a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .dropdown-menu.fixed-height, .dropdown-menu .fixed-height{ max-height: 300px; overflow-y: auto; overflow-x: hidden;} .dropdown-menu .fixed-height + li{ border-top: #e0e7e8 1px solid; padding-top: 5px;} .dropdown-menu > .fixed-height > li > a{clear: both; color: #5e5e5e; display: block; font-weight: 400;line-height: 20px; padding: 4px 15px; white-space: nowrap; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .dropdown-menu > .fixed-height > li{margin: 0; text-align: left;} .dropdown-menu > .fixed-height > li > a:hover, .dropdown-menu > .fixed-height > li > a:focus{ background-color: #f5f5f5;color: #262626;text-decoration: none;} .dropdown-menu > .fixed-height > .dropdown-header{font-size: 13px; font-weight: 600; padding: 6px 15px !important;} .dropdown-menu.tape-deletion {width: 100%;} .dropdown-menu.tape-deletion li {padding-right: 10px;position: relative;} .dropdown-menu.tape-deletion li a {white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; display: block;} .dropdown-menu.tape-deletion li .delete {position: absolute; top:0; right: 0px;padding: 7px; color:#999;z-index: 1; cursor: pointer;} .dropdown-menu.tape-deletion li:hover .delete {color:#ed5466;} .list-group-item a .label{ color:#fff; background-color: #ccc; margin-left:8px;} .message-tab .list-group-item.active>a .label{ color:#7ca4d2; background-color: #fff;} .message-tab .list-group-item a .text{ padding-left:5px;} .message-tab .list-group-item.closed .dropdown-menu{ display:none;} .list-table .photo{ width:60px; text-align:center; vertical-align:top; padding-right:10px; cursor:pointer;} .list-table .photo img{ max-width:50px; max-height:50px;} .modal-body .reply-group{ margin:10px 0;} .modal-body .reply-group li.detail{ background-color:#fff; border-color:#e0e0e0; -webkit-box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;} .reply-group li.detail{background-color:#f9f9f9; padding:5px 10px; border:1px solid #efefef; border-radius:3px;} /* aliexpress publish */ #main .container-fluid.view-help{ position: relative; padding-right: 255px;} .panel.panel-help{right:-240px; border-radius:0; position: fixed; top: 30px; bottom: 0; width: 240px; margin: 0; z-index:1029; border-width: 0 0 0 1px;} .panel.panel-help .panel-heading{ padding-left: 50px; position: relative; border-radius:0;} .panel.panel-help .panel-heading .close-message {color: #ccc; font-size: 2em;left: 15px; position: absolute; top: 8px; transition: all 0.5s ease 0s;} .panel.panel-help .panel-body{border-top: 1px solid #cfd9db;bottom:0;left: 0;overflow-y: auto;padding: 0;position: absolute;top: 40px; right: 0; padding: 10px;} .container-fluid.view-help .panel.panel-help {right:0;} .has-catalog {width: 960px; margin: 0 auto;} .catalog-scroller{ position: fixed; right: 50%; top: 80px; margin-right: -690px; width: 200px;} .catalog-scroller:before{ height: 100%; content: ""; width: 2px; overflow: hidden; background-color: #dcdcdc; position: absolute; top: 0; left: 10px; z-index: 1;} .catalog-list{position: relative;z-index: 2; margin: 0; padding: 10px 0 10px 20px; list-style: none;} .catalog-list:before{ position: absolute; z-index: 3; position: absolute; left: 7px; top: -3px; background-color: #ecf0f1; border:2px solid #ccc; border-radius: 50%; width: 8px; height: 8px; content: "";} .catalog-list:after{ position: absolute; z-index: 3; position: absolute; left: 7px; bottom: -3px; background-color: #ecf0f1; border:2px solid #ccc; border-radius: 50%; width: 8px; height: 8px; content: "";} .catalog-list li{ clear: both; margin-bottom: 5px;} .catalog-list li:last-child{ margin: 0;} .catalog-list .title-link{display: block; position: relative; line-height: 19px; font-size: 14px; font-weight: bold; color: #7a7a7a; padding: 3px 5px; transition: all 0.5s ease 0s;} .catalog-list .title-link em{ padding-right: 3px; font-style: normal;} .catalog-list .title-link:before { content: ""; position: absolute; z-index: 4; top: 7px; left: -14px; width: 10px; height: 10px; border-radius: 50%; background-color: #999; border:2px solid #ecf0f1;} .catalog-list .title-link:hover:before{ background-color: #00b1e1;} .catalog-list .title-link:hover{ background-color: #dfe6e8; color: #555; border-radius: 3px;} .catalog-list .sub-catalog{ margin-top: 5px; padding-left: 12px; list-style: none;} .catalog-list .sub-catalog .title-link{ font-weight: normal; font-size: 13px;} .catalog-list .sub-catalog .title-link:before { display: none;} /*logistics tracking 物流跟踪*/ .logistics-list {border: 1px solid #cfd9db; border-radius: 4px; position: relative; list-style: none;} .logistics-list .list-group-item {border: none; padding-bottom: 0; margin-bottom:0;} .logistics-list .list-group-item:first-child {border-bottom: 1px solid #cfd9db !important;} .logistics-list .list-group-item .title {position: absolute; font-size: 14px; line-height: 30px;} .logistics-list .logistics-ul{list-style: none; position: relative; margin-left: 35px;} .logistics-list .logistics-ul>li {float: left; margin: 0 8px 8px 0;} .logistics-list .logistics-ul>li>a{background-color: #f8f8f8; cursor: pointer; border: 1px solid #f8f8f8; color: #5E5E5E; border-radius: 3px; display: block; font-size: 13px; line-height: 20px;padding: 3px 5px;} .logistics-list .logistics-ul .active>a {background: #7ca4d2; border-color: #7ca4d2; color: #fff;} .logistics-list.publish-type .logistics-ul>li>a{ background-color: #f0f0f0;} .logistics-ul li .icon-item, .small-list .logistics-ul li .icon-item{ padding-left: 40px; position: relative;} .logistics-ul li .icon-item img, .small-list .logistics-ul li .icon-item img{ position: absolute; bottom: -2px; left: 5px;} .logistics-list .dis-none-all {display: none;} .logistics-list .btn-screen{position: absolute; bottom: -12px; left:48%; z-index: 2; font-size: 12px;} .logistics-list .logistics-menu {position: absolute !important; left:-35px;} .field-group h4.title{ line-height: 30px; margin: 0;} .logistics-box {margin-left: 30px !important; margin-right: 30px;} .logistics-box ul {padding: 5px 10px; box-sizing: border-box;} .logistics-box ul li {display: block;} .logistics-box ul li span {display: inline-block;} .logistics-box ul li .title {width: 200px;} .logistics-box .logistics-title {height: 30px; padding: 8px 10px;} .logistics-time .submenu:after {border-left: 1px solid #ccc !important; bottom: 0; content: ""; left: 32px; position: absolute; top: 0;} .logistics-time .submenu { position: relative; margin: 10px 0;} .logistics-time .submenu li {position: relative; margin-left: 45px;} .logistics-time .submenu li:after {content: ""; background-color: #ccc !important; border: 2px solid #fff; border-radius: 50% !important; bottom: auto;height: 13px;left: -29px !important; top: 6px !important; width: 13px; position: absolute; z-index: 1 !important;} .logistics-time .submenu .active:after {background-color: #428bca !important;} .label-set-list .btn-screen{position: absolute; bottom: -12px; left:48%; z-index: 2; font-size: 12px;} .logistics-list .more-items{ clear:both;} .logistics-box1 ul {padding: 5px 10px; box-sizing: border-box;} .logistics-box1 ul li {display: block; padding: 5px 3px; vertical-align: middle; word-break: break-all; word-wrap: break-word;} .logistics-box1 ul li span {display: inline-block;} .logistics-box1 ul li .title {width: 130px; display: table-cell;} .logistics-box1 .logistics-time .submenu:after {border-left: 1px solid #ccc !important; bottom: 0; content: ""; left: 32px; position: absolute; top: 0;} .logistics-box1 .logistics-time .submenu { position: relative; margin: 10px 0; display: table;} .logistics-box1 ul li .content {display: table-cell;} .logistics-box1 .logistics-time .submenu li {position: relative; margin-left: 45px;} .logistics-box1 .logistics-time .submenu li:after {content: ""; background-color: #ccc !important; border: 2px solid #fff; border-radius: 50% !important; bottom: auto;height: 13px;left: -29px !important; top: 6px !important; width: 13px; position: absolute; z-index: 1 !important;} .logistics-box1 .logistics-time .submenu .active:after {background-color: #428bca !important;} /*-----------订单管理备注颜色-------------*/ .remarks-color>a {display: inline-block; margin-top: 6px; font-size: 20px; width: 20px; height: 20px; cursor: pointer; border: 1px solid #ccc;} .remarks-color .active {border: 3px solid #444;} /*-----ç‰©æµæ¸ é“è®¾ç½®-----*/ .label-group-large{ width: 100%; padding-top: 25px; padding-bottom: 20px; position: relative;} .label-group-large .label-name{ position: absolute; width: 100%; text-align: center; left: 0 bottom:0; line-height: 20px; color: #666; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .label-group-large .btn-changelabel{ position: absolute; left: 0; top: 0;} .label-group-large .photo{text-align: center; border:1px solid #fff; vertical-align: middle; height:247px; position: relative; background: url(../images/loading-bubbles.svg) center no-repeat;} .label-group-large .photo img{ max-width: 100%; max-height: 247px; vertical-align: middle;} .label-group-large .photo span{display: inline-block;height: 100%; vertical-align: middle;} .label-group-large .photo .select-label{ margin: 20px; background-color: #eee;border: 3px dashed #ccc; border-radius: 10px; line-height: 100%; text-align: center; height:207px; display: block;} .label-group-large .photo .select-label i{ font-size: 60px; color: #ccc; line-height: 207px;} .label-group-large .nodata{border: 3px dashed #e0e0e0; border-radius: 10px; margin: 20px; text-align: center; height:207px; background-color: #fff; display: none;} .label-group-large .nodata .title{ font-size: 32px; line-height: 70px; color: #ccc; margin: 0; padding-top: 40px;} .label-group-large .nodata p{ color: #999; line-height: 30px;margin: 0;} .label-group-large .nodata:before{ content: "\e3f2"; position: absolute; right: 45px; top: 8px; color: #ccc; font-size: 45px; font-family: "iconfont";} .mintype .panel-title, .mintype .panel-toolbar{ height: 30px;} .fixed-menu {position: fixed; right: 10px; z-index: 998; bottom: 10px; width: 40px;} .fixed-menu .totop { position:relative !important; right: 0 !important; bottom: 0 !important; margin-right: 0; background-color: rgba(0, 182, 173, 0.8);border-radius: 50%; color: rgba(255, 255, 255, 0.8); margin-top: 20px; display: block; font-size: 16px; height: 40px; line-height: 40px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); width: 40px;} .fixed-switch {position: fixed; right: 10px; z-index: 998; bottom: 10px; padding: 10px 20px; border-radius: 50px; font-weight: 600; display: block;} .fixed-switch.danger {background-color: rgba(189, 32, 41, 0.9); color: rgba(255, 255, 255, 0.8);} .fixed-switch.danger:hover {background-color: rgba(189, 32, 41, 1);} .fixed-switch.orange {background-color: rgba(254, 105, 5, 0.9); color: rgba(255, 255, 255, 0.8);} .fixed-switch.orange:hover {background-color: rgba(254, 105, 5, 1);} .fixed_ratio {position: fixed; left:2px; z-index: 999; top:45%; width: 30px; background-color: #7ca4d2; padding: 10px 0px 10px 8px; color: #fff; cursor: pointer;} .fixed_ratio:hover, .fixed_ratio:active, .fixed_ratio:focus{background-color: #6285ad; color: #fff;} #data_comparison {display: block; position: fixed; z-index: 999; top:30%; left: 37px; width: 405px;} #data_comparison .panel {height: 100%; background: #f2f1f1; margin-bottom: 0;} #data_comparison table tbody tr:last-child td {border-bottom:1px solid #cfd9db;} #data_comparison .table-responsive {max-height: -moz-calc(100% - 41px); max-height: -webkit-calc(100% - 41px); max-height: calc(100% - 41px); overflow-y: auto;} .purchase-manage .panel-heading > .panel-title > a, .purchase-manage .panel-heading > .panel-title > a:active, .purchase-manage .panel-heading > .panel-title > a:focus, .purchase-manage .panel-heading > .purchase-manage .panel-title > a:hover {color: inherit;} .purchase-manage .table-responsive .photo img {width: 50px; height: 50px;} .logistics-deliver .selected {background: url(../images/xuanzhong0.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;} .logistics-deliver>.panel {display: block; cursor: pointer; border-width: 2px !important;} .logistics-deliver>.panel.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;} .logistics-deliver>.panel.active {border-color: #7dab4a;} .logistics-deliver>.panel.active .selected {background: url(../images/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:0px; left:0px;} .logistics-deliver .panel-body {padding: 5px 15px;} .logistics-deliver .panel-heading > .panel-title, .logistics-deliver .panel-heading > .panel-toolbar {height: 30px;} /*.printlabel-channel a.active {border-color: #7dab4a;} .printlabel-channel a {cursor: pointer;} .printlabel-channel a.active .selected {display: block;} .printlabel-channel .panel-body {color: #333;} .printlabel-channel a.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;} .printlabel-channel a.active .selected {background: url(../images/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:0px; left:0px;} .printlabel-channel .print-panel {display: block;} .printlabel-channel .print-panel a {height: 120px;} .printlabel-channel .print-panel a:first-child {width: 60%; display: inline-block; float: left;} .printlabel-channel .print-panel a:last-child {width: 40%; display: inline-block; float: left;} .printlabel-channel .print-panel a:first-child .panel-title {line-height: 20px;} .printlabel-channel .print-panel a:last-child .panel-title {height: 50px;} .printlabel-channel .selected {background: url(../images/xuanzhong0.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:0px; left:0px;}*/ .printlabel-channel>.panel {display: block; cursor: pointer; border-width: 2px !important;} .printlabel-channel>.panel table td {position: relative; border: 1px solid #cfd9db;} .printlabel-channel>.panel.active {border: 2px solid #7dab4a !important;} .printlabel-channel>.panel.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;} .printlabel-channel>.panel.active table td.active {border: 1px solid #7dab4a !important; box-sizing: border-box; background: none !important;} .printlabel-channel>.panel.active table td.active .selected {background: url(../images/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;} /*---------------order modal------------------*/ .event-modal-frame .modal-dialog{width: 420px; top:250px; background-color: #fff; -webkit-box-shadow:0 0 0 8px rgba(0,0,0,0.2); -moz-box-shadow:0 0 0 8px rgba(0,0,0,0.2); box-shadow:0 0 0 8px rgba(0,0,0,0.2);transition: all 0.5s ease 0s;} .event-modal-frame .min-title{ display: none; line-height: 30px; color: #333; background: #ecf0f1 url(../images/loading-bubbles.svg) 10px center no-repeat; padding: 0 15px 0 45px; border-radius: 5px 5px 0 0; cursor: pointer; transition: all 0.5s ease 0s; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3);} .event-modal-frame .modal-dialog .modal-body{background-color: #ecf0f1; padding: 0; height: 100px;} .event-modal-frame .modal-toolbar{position: absolute; top: -25px; right:2px; height:30px; } .event-modal-frame .modal-toolbar .btn{padding:0 5px; background-color: #c0c0c0; border:2px solid #ecf0f1;; color: #fff; height: 28px; text-align: center; font-size:16px; line-height:24px; transition:all 0.5s ease 0s;} .event-modal-frame .modal-toolbar .btn:last-child{ margin-left: -2px; border-radius: 0 5px 0 0;} .event-modal-frame .modal-toolbar .btn:hover{ background-color:#999;} .event-modal-frame .modal-footer{ text-align: center; padding: 5px 10px;} .event-modal-frame.min-type{ right: 60px; top: auto; left: auto; height: 30px; overflow: inherit; display: block !important; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; } .event-modal-frame.min-type .min-title{ display: inline-block; } .event-modal-frame.min-type .min-title:hover{ background-color: #fff; color: #7ca4d2;} .event-modal-frame.min-type .modal-dialog{ display: none;} /* ---------- messages ---------- */ .form-horizontal.form-bordered.advance-search .form-group{ margin-bottom: 0;padding-bottom:5px;padding-top:5px;} .advance-search .form-group + .form-group { border-top: 1px solid #E0E7E8;} .advance-search .modal-body{ padding:0 20px;} .autoscrolllist .list-body{ overflow-y:auto; overflow-x:hidden;} .autoscrolllist .list-body .label-platform{ display:inline-block;} .message-list .list-title>li, .message-list .list-body>li{ padding-left:35px; position:relative;} .message-list .list-title input[type=checkbox]{ position:absolute; left:15px; top:5px;} .message-list .list-body input[type=checkbox]{ position:absolute; left:15px; top:7px;} .message-list .list-body>li ul{ cursor:pointer; } .message-list .list-body .productTr{ margin:0 15px 5px 0; background-color:transparent; border:0; -moz-box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow:none; box-shadow:none;cursor:pointer; } .message-list .list-body .productTr p{ font-size:12px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; text-align:left; margin:0; color:#a9a9a9; font-weight:bold;} .message-list .list-body>li.current, .message-list .list-body>li.active.current{ background-color:#eee;} .message-list .list-body>li .side{ width:5px; height:100%; background-color:#fff; overflow:hidden; position:absolute; left:0; top:0; content:"";} .message-list .list-body>li.active .side, .message-list .list-body>li.current .side{ background-color:#e0e0e0;} .message-list .list-body>li.new .side, .message-list .list-body>li.new.active .side, .message-list .list-body>li.new:hover .side{ background-color:#ed5466;} .message-list .list-body>li:hover .side{ background-color:#eee;} .message-list .list-body>li.reply .side{ background-color:#ffd66a;} .message-list .list-body>li:hover{ background-color:#f6f6f6 !important;} .potofile {height: 30px; width: 30px;} .logistics-list .input-search {padding-left: 75px;position: relative;} .message-panel{width:60%; height:100%; background-color:#fff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);position: fixed;right:-60%; top:0; z-index:1031; transition:all 0.4s ease 0.2s;} .message-panel.opened{ right:0;} .message-panel .message-layout{border-radius:0; border-width:0; padding:0; position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%;} .message-layout .panel-heading{ padding-left:50px; position: relative; padding-right:120px; background-color:transparent; border:0;} .message-layout .panel-heading .close-message{ position:absolute; top:8px; left:15px; font-size:2em; color:#ccc; transition:all 0.5s ease 0s;} .message-layout .panel-heading .close-message:hover{ color:#999;} .message-layout .panel-heading .panel-title{ display:block; display: block;line-height: 40px; width: 100%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .message-layout .panel-heading .message-info{ position: absolute; right:15px; top:5px;} .message-layout .panel-toolbar-wrapper{ background-color:#fff;} .message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li a{ font-weight:bold; font-size:14px; padding:3px 15px;} .message-layout .panel-toolbar-wrapper > .panel-toolbar{ height:30px;} .message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li:first-child.active a{ background-color:#ecf0f1;} /*---------------has footer && navbar list------------------*/ .container-fluid.has-toobar, .container-fluid.has-navbar{ position: relative;} #main .container-fluid.has-toobar{padding-bottom: 46px;} .container-fluid.has-toobar .page-footer, .container-fluid.has-navbar .panel-navbar{left: 235px;} .sidebar-minimized .container-fluid.has-toobar .page-footer{left: 75px;} .container-fluid.has-toobar .page-footer{ position: fixed; bottom: 0; right: 15px; z-index: 10;} .panel-navbar .page-header{ padding: 0; border-bottom: 0;} .scroll-hide{ position: relative;} .page-header.fixed-type{ position: fixed; top: 120px; left: 235px; right: 15px; z-index: 10; background-color: #fff;} #main.iframe-header .page-header.fixed-type {top: 93px;} .header-minimized .page-header.fixed-type{top: 30px;} .sidebar-minimized .page-header.fixed-type{left: 75px;} .autoscrolllist-inline li li span {display: inline;} .autoscrolllist-inline li li .input-group span {display: table-cell;} .potofile {width: 30px; height: 30px;} .logistics-list .input-search {padding-left: 75px;position: relative;} .person-br {border-right: 1px solid #ddd;} .person-allpurchaserequest table tbody tr.content p {margin: 0;} .person-allpurchaserequest table tbody tr.content td {vertical-align:top;} .person-allpurchaserequest table tbody tr.content .photo {width: 50; padding: 5px 10px 5px 0px; float: left;} .person-allpurchaserequest table tbody tr.content .photo img {width: 50px; height: 50px;} .person-allpurchaserequest table tbody tr.title {background: #eee;} .person-allpurchaserequest table thead tr th {padding: 0 !important; border-bottom: none !important;} .text-underline {text-decoration:underline;} .ico-warningflashing {animation: warningflashing 1s infinite ease-in-out } @keyframes warningflashing{ 0%{ opacity: 0.2; } 100%{ opacity: 1; } } /*----------------显示选项-----------------*/ .show-settings{ position: absolute; right: 15px; top: 0; z-index: 10; border-radius: 0 0 4px 4px; background-color: #fff; padding: 4px 5px;} /*爆款广告*/ .votobo-hot{ width: 980px; margin: 0 auto;} .votobo-hot ul{ margin: -10px; padding: 0; list-style: none; overflow: hidden;} .votobo-hot li{ float: left; width: 140px; height: 140px; padding: 10px; overflow: hidden;} .votobo-hot li a{ width: 120px; height: 120px; display: table-cell; border: 1px solid #e0e0e0; background:#fff url("http://global.votobo.com/app/hot/images/img_load2.gif") no-repeat center center; text-align: center; vertical-align: middle; box-shadow: 0 0 3px rgba(0,0,0,0.3);} .votobo-hot li a img{max-height:118px; max-width: 118px;} .votobo-hot li a:hover{ border-color:#999;} .panel.panel-votobo{ background-color:#fff3d5; border:1px solid #ffd25b; margin-top: 20px;} .panel-votobo .votobo-hot{ width: 730px;} .panel-votobo .votobo-hot li{ width: 150px; height: 150px; } .panel-votobo .votobo-hot li a{ width: 130px; height: 130px;} .panel-votobo .votobo-hot li a img{max-height:128px; max-width: 128px;} .votobo-title{ position: relative; width: 200px; text-align: center; line-height: 24px; margin: -30px auto 10px; font-size: 18px; padding: 5px; background-color: #ffd25b; border-radius: 5px;} .container-fluid.has-toobar .adaptive-panel {background: rgba(0, 0, 0, 0) url("../images/mask_bg.png") repeat scroll 0 0; border: 0 none; bottom: 0; box-shadow: 0 0 5px #ccc; left: 0; margin: 0; position: fixed; right: 0;} .eventpepper {position: relative;} .eventpepper a .event-small {position: relative; z-index: 2; display: block;} .eventpepper a .event-bg {display: none;} .eventpepper a:hover .event-bg {display: block; height: 100%; position: absolute; z-index: 3; right: 0; bottom:0; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5);} /*---------------ebay publish------------------*/ .category-name-group { height: 300px; position: relative;} .category-name-groupbox { height: 250px; overflow-y: auto; overflow-x: hidden; padding-right: 5px; margin-top: 10px !important; position: relative; } .category-name-group .list-group-tabs { height: 250px; overflow-y: auto; overflow-x: hidden; margin-top: 10px !important; position: relative; } .category-name-groupbox .list-group-item:last-child{ margin-bottom: 5px;} .category-name-group .filter-group{ padding-right: 0; margin-right: 5px;} .category-name-group .filter-group .clear-word{ right: 5px;} .category-name-group .filter-group .form-control{ padding-right: 25px;} .thumbtype_publish {position: relative;} .thumbtype_publish .thumbtype_photo {position: relative; display: inline-block; border: 1px solid #cfd9db; padding: 5px; margin-right: 5px; width: 90px; height: 90px; float: left; text-align: center; line-height:80px;} .thumbtype_publish .thumbtype_photogrid {position: relative; display: inline-block; border: 1px solid #cfd9db; padding: 5px; margin-right: 5px; background: #f9f9f9; width: 90px; height: 90px; float: left; color: #b4b4b4; text-align: center; line-height:80px;} .thumbtype_publish .thumbtype_photo i {position: absolute; right: 0; top:0; font-size: 12px; padding: 2px; border: 1px solid #cfd9db; background: #f1f1f1; cursor: pointer; color: #4a8594;} .thumbtype_publish .thumbtype_photo i:hover {color: #ed5466; border: 1px solid #ed5466;} .delete-text {position: relative;display: inline-block;} .delete-line {border-bottom: 1px solid red; width: 100%;height: 1px;display: inline-block;position: absolute;top: 8px; left: 0;} .delete-line.dis-none {display: none;} .text-label {display: inline-block;width: 45px; text-align: right; padding-right: 5px;} @media (min-width: 1600px){ .has-catalog {width: 1160px; } .catalog-scroller{ margin-right: -790px; } } .panel-default > .panel-heading .breadcrumb {color: #9d9d9d; font-weight: normal;} .small-list {position: relative; list-style: none; width: 100%; margin-bottom: 0; border-bottom: 1px solid #e6e6e6;} .small-list .list-group-item {border: none; padding-bottom: 0; margin-bottom:0; position: relative; padding-top: 5px; width: 100%;display:inline-block;} /*.small-list .list-group-item .title {position: absolute; font-size: 14px; line-height: 30px;} .small-list li>ul {list-style: none; position: relative; margin-left: 35px;}*/ .small-list .list-group-item label.title {line-height: 25px; width: 80px; position: absolute; left: 0; margin-bottom: 0;} .small-list .list-group-item.list-more {display: none;} .small-list .logistics-ul {list-style: none; position: relative; padding-left: 75px;} .small-list .logistics-ul>li {float: left; margin: 0 8px 5px 0;} .small-list .logistics-ul>li>a{cursor: pointer; color: #5E5E5E; border-radius: 3px; display: block; font-size: 12px; line-height: 19px;padding: 0px 5px; height: 20px;} .small-list .logistics-ul>li>a:hover {background-color: #eee;} .small-list .logistics-ul>li.active>a { border:1px solid #3f56a1; color: #3f56a1;} .small-list .logistics-ul>li.active>a:hover {border:1px solid #3f56a1; background: #eee;} .small-list .logistics-ul>li.other.active>a {background: none; border: none; color: #333;} .small-list .logistics-ul .list-cog {position: relative; padding-right: 18px;} .small-list .logistics-ul .list-cog .ico-cog4 {position: absolute; top:3px; right: 3px; cursor: pointer;} .small-list .dis-none-all {display: none;} .small-list .btn-screen{position: absolute; bottom: -12px; left:48%; z-index: 2; font-size: 12px;} .small-list .logistics-menu {position: absolute !important; left:-35px;} .small-list .logistics-ul .multiple-group {display: inline-block; height: auto;} .small-list .logistics-ul .multiple-group .dropdown-menu {top:26px; min-width: 150px;} .small-list .logistics-ul .dropdown-menu {color: #5e5e5e;} .small-list .logistics-ul .dropdown-menu li>span {padding-left: 10px 3px; display: block;} .panel-body .small-list:last-of-type {border-bottom: none; padding-bottom:0px;} .more-conditions {position: absolute; bottom: -20px; text-align: center; width: 100%;} .more-conditions .btn {border-top:none;} .small-edit-sku {cursor: pointer;} .autoscrolllist .list-body li .two-list ul {width: 100%; display: table; padding-left: 8%;} .autoscrolllist .list-body li .open {cursor: pointer;} #printCenter .btn-group .dropdown-toggle .text {width: 107px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 20px;} #printCenter .btn-group .dropdown-toggle .caret {display: inline-block; margin-top: -10px;} .small-list .logistics-ul1 {list-style: none; position: relative; float: left; padding-left: 10px;} .small-list .logistics-ul1>li {float: left; margin: 0 8px 8px 0;} .small-list .logistics-ul1>li>a{cursor: pointer; color: #5E5E5E; border-radius: 3px; display: block; font-size: 13px; line-height: 20px;padding: 3px 5px; margin-top: 5px;} .small-list .logistics-ul1>li>a:hover {background-color: #f8f8f8;} .small-list .logistics-ul1 .active>a {background: #7ca4d2; border-color: #7ca4d2; color: #fff;} .small-list .logistics-ul1 .active>a:hover {background: #6285ad;} .small-list .alert {display: inline-block; margin-left: 75px; padding-top: 5px; padding-bottom: 5px;} .panel {border-width: 1px;} .order-listtable table tbody tr.title {background: #eee;} .order-listtable table tbody tr.title td {border-top: 2px solid #b0bfc2;} .order-listtable table tbody tr.content .photo1 {display: block; vertical-align: middle; float: left; width: 100%; margin-bottom: 10px; color: #333;} .order-listtable table tbody tr.content .photo1:last-child {margin-bottom: 0;} .order-listtable table tbody tr.content .photo1 .photo {float: left;} .order-listtable table tbody tr.content .photo1 img {max-height: 60px; max-width: 60px;　vertical-align: middle; margin-right: 5px; float: left;} .order-listtable table tbody tr.content .photo1 p {margin: 0; line-height: 18px;} .order-listtable table tbody tr.content .currency {float: left; display: inline-block; width: 40%; padding: 5px 5px 0 0; text-align: right;} .order-listtable table tbody tr.content .photo1 .photo-right {padding-left: 65px;} .order-listtable table .list-body tr.content .photo1 img{ max-height:48px; max-width:48px; vertical-align:middle; } .order-listtable table .list-body tr.content .photo1 img:hover{ -webkit-box-shadow: 0 0 0 1px #7ca4d2; -moz-box-shadow: 0 0 0 1px #7ca4d2; -ms-box-shadow: 0 0 0 1px #7ca4d2; box-shadow: 0 0 0 1px #7ca4d2;} .nabar-ml {margin-left: 30px;} .nabar-ml .navigation a {color: #7ca4d2 !important; padding: 0 5px !important; height: 50px; line-height: 51px; font-weight: 600;} .small-list .input-search {position: relative; padding-left: 75px;} .edit-batch .autoscrolllist .list-body li .all-sum,.edit-batch .autoscrolllist .list-body li .all-sum1,.edit-batch .autoscrolllist .list-body li .all-sum2 {display: none;} .edit-batch .autoscrolllist .list-body li:hover .all-sum, .edit-batch .autoscrolllist .list-body li:hover .all-sum1,.edit-batch .autoscrolllist .list-body li:hover .all-sum2 {display: inline-block;} .edit-batch .autoscrolllist ul.list-title li {background: #fff;} .order-listtable .table {display: table; table-layout: fixed; width: 100%;} .order-listtable .table thead tr th {padding: 0 !important; border: none !important;} .page-header .autoscrolllist .table.table-bordered tr > th, .page-header .autoscrolllist .table.table-bordered > thead > tr > th, .order-listtable .table.table-bordered thead tr th {border: 1px solid #cfd9db; vertical-align: middle;} .order-listtable .table tbody tr td {word-break: break-all; word-wrap: break-word;} .order-listtable .table > tbody > tr > td, .order-listtable .table > tbody > tr > th, .order-listtable .table > tfoot > tr > td, .order-listtable .table > tfoot > tr > th, .order-listtable .table > thead > tr > td, .order-listtable .table > thead > tr > th {vertical-align:top;} .order-listtable .badge {height: 15px; margin-left: 5px;} .btn-group .dropdown-hidden {max-width:100%; padding: 7px 18px 7px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .btn-group .dropdown-hidden .caret {position: absolute; right: 10px; top: 15px;} .remotemodal ul.label-setting {min-height: 35px; background: #fff; list-style:none; margin-bottom: 0; padding-left: 10px; padding-top: 7px;} .remotemodal ul.label-setting li {float: left; margin:5px; position: relative;} .remotemodal ul.label-setting li .label-close, .remotemodal ul.label-setting li .label-delete {position: absolute; top:-10px; right: -10px; background: #ed5466; border: 2px solid #fff; color: #fff; border-radius: 100%;} .remotemodal ul.label-setting li:hover .label-close, .remotemodal ul.label-setting li:hover .label-delete {display: block;} .remotemodal .all-label .add-label {float: left; margin-top: 5px; margin-left: 10px; padding-top: 8px;} .remotemodal .all-label .label-setting li.active a {border: 1px solid #000;} .remotemodal .add-newlabel .label-setting li.active a {border: 1px solid #000;} .remotemodal .all-label .label-setting {min-height: 0;} .country-setting .continent .content {height: 100px; overflow-y:auto; overflow-x: visible;} .logistics-setting .continent .content {height: auto;} .country-setting .continent .content .checkbox-inline {width: 90%;} .label-order {position: relative; cursor: pointer;} .label-order .label-close {cursor: pointer; position: absolute; top:-5px; right:3px; font-size: 10px; display: none;} .label-order:hover .label-close {display: block;} .specificcommodity table tbody .commodityimg {width: 35px; height: 35px; margin-right: 5px;} .bradius4 {border-radius: 4px;} .bdr-danger { border-color:#ed5466 !important;} .bdr-warning { border-color:#a87a01 !important;} .bdr-info { border-color:#63d3e9 !important;} .bdr-success { border-color:#91c854 !important;} .bdr-primary { border-color:#7ca4d2 !important;} .bdr-muted { border-color:#a2a2a2 !important;} .bdr-teal { border-color:#6bccb4 !important;} .label-inverse {background-color: #2a2a2a; color: #fff;} .logistics-box1 ul {padding: 5px 10px; box-sizing: border-box;} .logistics-box1 ul li {display: block; padding: 5px 3px; vertical-align: middle; word-break: break-all; word-wrap: break-word;} .logistics-box1 ul li span {display: inline-block;} .logistics-box1 ul li .title {width: 130px; display: table-cell;} .logistics-box1 .logistics-time .submenu:after {border-left: 1px solid #ccc !important; bottom: 0; content: ""; left: 32px; position: absolute; top: 0;} .logistics-box1 .logistics-time .submenu { position: relative; margin: 10px 0; display: table;} .logistics-box1 ul li .content {display: table-cell;} .logistics-box1 .logistics-time .submenu li {position: relative; margin-left: 45px;} .logistics-box1 .logistics-time .submenu li:after {content: ""; background-color: #ccc !important; border: 2px solid #fff; border-radius: 50% !important; bottom: auto;height: 13px;left: -29px !important; top: 6px !important; width: 13px; position: absolute; z-index: 1 !important;} .logistics-box1 .logistics-time .submenu .active:after {background-color: #428bca !important;} .logistics-list.client-type .logistics-ul{ margin-left: 45px;} .modal .body-overflow {padding: 0;} .modal .body-overflow table tr th, .modal .body-overflow table thead tr th {border-bottom: none !important; font-weight: normal;} .modal .body-overflow .table-responsive {border-bottom: 1px solid #cfd9db; padding-right: 17px; background: #f9f9f9;} .modal .body-overflow .table-responsive+.table-responsive {border-bottom: none;min-height: 150px; max-height: 300px; overflow-y: scroll; padding-right: 0;} .modal .body-overflow .table-responsive .photo {max-height: 60px; max-width: 60px;} .modal .body-overflow table tr.disabled td {background: #f9f9f9;} .table-hover > tbody > .white:hover > td, .table-hover > tbody > .white:hover > th, .table-hover > tbody > tr.white:hover > td, .table-hover > tbody > tr > .white:hover, .table > tbody > tr.white > td, .table > tbody > tr.white > th, .table > tbody > tr > td.white, .table > tbody > tr > th.white, .table > tfoot > tr.white > td, .table > tfoot > tr.white > th, .table > tfoot > tr > td.white, .table > tfoot > tr > th.white, .table > thead > tr.white > td, .table > thead > tr.white > th, .table > thead > tr > td.white, .table > thead > tr > th.white {background-color: #fff;} .window .modal-body table thead tr th {border-bottom: none !important; font-weight: normal;padding: 5px;font-size: 13px;} .window .modal-body table tbody tr td {font-size: 13px;padding: 5px;} /*打印中心*/ .logistics-channel .selected {background: url(../images/xuanzhong0.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;} .logistics-channel>.panel {display: block; cursor: pointer; border-width: 2px !important;} .logistics-channel>.panel.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;} .logistics-channel>.panel.active {border-color: #7dab4a;} .logistics-channel>.panel.active .selected {background: url(../images/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:0px; left:0px;} .printlabel-channel .selected {background: url(../images/xuanzhong0.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:0px; left:0px;} .printlabel-channel .panel.active .panel-heading .selected {background: url(../images/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:0px; left:0px;} .printlabel-channel>.panel {display: block; cursor: pointer; border-width: 2px !important;} .printlabel-channel>.panel table td {position: relative; border: 1px solid #cfd9db;} .printlabel-channel>.panel.active {border: 2px solid #7dab4a !important;} .printlabel-channel>.panel.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;} .printlabel-channel>.panel.active table td.active {border: 1px solid #7dab4a !important; box-sizing: border-box; background: none !important;} .printlabel-channel>.panel.active table td.active .selected {background: url(../images/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;} .bulletin {margin: 0;} .bulletin .post-group{ margin-bottom:25px; padding:10px; border: 1px solid #e0e0e0; border-radius: 4px;} .bulletin .post-group:last-child {margin-bottom: 0;} .bulletin .post-title{ font-size:24px; line-height:36px; color:#5a5a5a; margin-bottom:15px; margin-top: 0; position:relative; text-align: center; font-weight: 600;} .bulletin .post-meta{border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0; background-color:#f8f8f8; font-size: 13px; margin-bottom: 15px; height:30px; padding: 4px 10px; color:#999; text-align: right;} .bulletin .post-detail img{ max-width:100%; border:1px solid #ccc; padding:2px; border-radius:5px; margin-bottom: 10px;} .bulletin .post-detail p{ margin-bottom:15px; line-height:2em;} .bulletin_more {text-align: center; margin-top: -1px;} .bulletin_more>a {background-color: #f5f5f5; border: 1px solid #cfd9db;; border-radius: 3px; display: inline-block; padding: 5px 14px; font-weight: 600;} .select_copy {position: relative;} .select_copy_control {width: 100%; display: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); color: #333; font-weight: 600;border-color: #cfd9db; max-height:200px;overflow-y: auto;border-radius: 4px;left: 0;background-clip: padding-box;background-color: #fff;float: left;list-style:none;margin: 2px 0 0;min-width: 160px;position: absolute;top: 100%;z-index: 1000;font-size: 13px;padding: 5px 0;} .select_copy_control li a {clear: both; color: #5e5e5e; display: block; font-weight: 400; line-height: 20px; max-width: 400px; overflow: hidden; padding: 4px 15px; text-overflow: ellipsis; white-space: nowrap;} .select_copy_control li a:hover, .select_copy_control li a:focus{ background-color: #f5f5f5;color: #262626;text-decoration: none;} .select_copy.select-dropdown .form-control {padding-right:35px;} .select_copy.select-dropdown .caret-dropdown {position: absolute; right:0; top:0; cursor: pointer; padding:8px 10px 7px; border-radius: 0 4px 4px 0;} .select_copy.select-dropdown li {padding-left: 5px; padding-right: 5px;} .select_copy.select-dropdown li label {width: 100%;} .hasnotification_quiet {position: absolute; top:3px;border-radius: 50%;background-color: #ed5466; display: inline-block; height: 6px; text-indent: -999999px; width: 6px} .hasnotification {position: absolute; top:8px; margin-left: -5px; animation: 1.5s linear infinite running haslargen;} @keyframes haslargen{ 0%{ transform:scale(0.5,0.5); -moz-transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); -o-transform:scale(0.5,0.5) } 25%{ transform:scale(0.75,0.75); -moz-transform:scale(0.75,0.75); -webkit-transform:scale(0.75,0.75); -o-transform:scale(0.75,0.75) } 50%{ transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1) } 75%{ transform:scale(1.25,1.25); -moz-transform:scale(1.25,1.25); -webkit-transform:scale(1.25,1.25); -o-transform:scale(1.25,1.25) } 100%{ transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5) } } .cuepoint_danger {border-radius: 50%; display: inline-block; height: 10px; text-indent: -999999px; width: 10px; background-color: #ed5466; position: absolute; top: 0px;} .stopshop .checkbox-inline {margin-left: 0; margin-right: 10px;} /*爆款广告*/ .votobo-hot{ width: 980px; margin: 0 auto;} .votobo-hot ul{ margin: -10px; padding: 0; list-style: none; overflow: hidden;} .votobo-hot li{ float: left; width: 140px; height: 140px; padding: 10px; overflow: hidden;} .votobo-hot li a{ width: 120px; height: 120px; display: table-cell; border: 1px solid #e0e0e0; background:#fff url("http://global.votobo.com/app/hot/images/img_load2.gif") no-repeat center center; text-align: center; vertical-align: middle; box-shadow: 0 0 3px rgba(0,0,0,0.3);} .votobo-hot li a img{max-height:118px; max-width: 118px;} .votobo-hot li a:hover{ border-color:#999;} .panel.panel-votobo{ background-color:#fff3d5; border:1px solid #ffd25b; margin-top: 20px;} .panel-votobo .votobo-hot{ width: 730px;} .panel-votobo .votobo-hot li{ width: 150px; height: 150px; } .panel-votobo .votobo-hot li a{ width: 130px; height: 130px;} .panel-votobo .votobo-hot li a img{max-height:128px; max-width: 128px;} .votobo-title{ position: relative; width: 200px; text-align: center; line-height: 24px; margin: -30px auto 10px; font-size: 18px; padding: 5px; background-color: #ffd25b; border-radius: 5px;} .dropdown-menu > li.title {background: #f2f2f2; font-size: 14px; border-bottom: 1px solid #d7e0e2; border-top:1px solid #d7e0e2; padding-left: 15px; margin: 4px 0;} .dropdown-menu > li.title:first-child {border-top:none; margin-top: 0;} table.table-num .all-sum {display: none;} table.table-num tr:hover .all-sum {display: inline-block;} .ico-warningflashing {animation: warningflashing 1s infinite ease-in-out; } @keyframes warningflashing{0%{opacity: 0.2;}100%{opacity: 1;}} .nav-tabs.nav-white {background-color: #fff; border-bottom: none;} .nav-tabs.nav-white > li > a {border: 1px solid #cfd9db; border-bottom: none; color: #444;} .nav-tabs.nav-white > li.active > a, .nav-tabs.nav-white > li.active > a:focus, .nav-tabs.nav-white > li.active > a:hover {background: #7ca4d2; color: #fff;} .data-tabs a {text-decoration: underline;} .data-tabs a.active {background: #7ca4d2; color: #fff; padding: 2px 3px;} .dropdown-menu {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); color: #333; font-weight: 600;} .progress-bar {transition: width 0.6s ease -2s;} .simulation {animation: simulation 25s ease -1s 1;} @keyframes simulation{20%{width: 20%;}60%{width: 60%;}100%{width: 100%;}} @-webkit-keyframes simulation{20%{width: 20%;}60%{width: 60%;}100%{width: 100%;}} /*带字数限制的输入框*/ .textcounter input.form-control{ padding-right: 50px;} .textcounter > .currentNum{ position: absolute; right: 20px; top: 0; line-height: 34px;} /*ebay模版选择*/ .template {position: relative; margin: 5px 5px; float: left; border: 1px solid #E0E0E0; width: 200px; display: block; cursor: pointer;} .template .template_select {width: 38px; position: absolute; top:0; left: 0; display: none;} .template.active .template_select {display: block;} .template.active {border: 1px solid #7dab4a;} .template .template-img {width: 100%; height: 120px; overflow: hidden; display: table-cell; vertical-align:middle; padding: 0 50px;} .template .template-img img {width: 100px;} .template p {margin: 0; padding: 10px 5px; text-align: center; border-top: 1px solid #E0E0E0; display: block; background: #fff; } /*消息类型设置*/ .btn-message {border: 1px solid #999; color: #555; position: relative; margin-right: 5px; margin-bottom: 10px;} .btn-message .message-close {display: none; position: absolute; top:-10px; right: -10px; background: #ed5466; border: 2px solid #fff; border-radius: 100%; color: #fff;} .btn-message:hover .message-close {display: block;} .process-selection {border: 2px solid #cfd9db; display: block; margin-bottom: 10px; position: relative; width: 560px; height: 115px; cursor: pointer;} .process-selection:after {content: ""; background: url(../images/xuanzhong_hui.png) no-repeat; background-size:35px 35px; position: absolute; right: 0; bottom: 0; width: 35px; height: 35px;} .process-selection.active {border: 2px solid #90bf5b;} .process-selection.active:after {content: ""; background: url(../images/xuanzhong.png) no-repeat; background-size:35px 35px; position: absolute; right: 0; bottom: 0; width: 35px; height: 35px;} .process-selection .img_liuchen1 {width: 554px; height: 112px; background: url(../images/liuchen01.png) no-repeat;} .process-selection .img_liuchen2 {width: 554px; height: 112px; background: url(../images/liuchen02.png) no-repeat;} .process-selection.active .img_liuchen1 {width: 550px; height: 112px; background: url(../images/liuchen01_xuan.png) no-repeat;} .process-selection.active .img_liuchen2 {width: 550px; height: 112px; background: url(../images/liuchen02_xuan.png) no-repeat;} .form-wizard > .steps > ul > li > a > .title {text-decoration: underline; color: #58848e;} .form-wizard > .steps > ul > li.single > a:after {height: 0;} .form-wizard > .steps > ul > li.last > a:after {bottom: 0; right: 50%; top: 20px;} /* amazon 刊登 */ .custom-field .selectize-dropdown-content .option:hover{ background-color: #f5f5f5; color: #262626;} .custom-field .selectize-dropdown.form-control{ padding-top: 35px; display: none; z-index: 9;} .custom-field .selectize-dropdown.form-control .filter-group{ position: absolute; left: 5px; top: 5px; right: 5px; padding: 0;} .custom-field .selectize-dropdown.form-control .filter-group .clear-word{ right: 5px;} .custom-field .selectize-dropdown.form-control .filter-group input.form-control{ padding-right: 25px;} .custom-field .selectize-dropdown-content .option[data-selectable='1']{ display: none !important;} /* 金元宝广告 */ .jyb-amount{font-size:14px; position: relative; display: block;} @media screen and (min-width:1260px) {.jyb-amount{font-size:14px;}} @media screen and (min-width:1420px) {.jyb-amount{font-size:22px;}} @media screen and (min-width:1660px) {.jyb-amount{font-size:26px;}} @media screen and (min-width:1900px) {.jyb-amount{font-size:35px;}} .jyb-amount .text{ color: #ffda57; font-weight: bold; font-style: italic; left: 1.5rem; bottom: 2rem; position: absolute;} .jyb-amount .text span{ font-size: 120%;} /* 页面配置 */ .page-settings{position: fixed; right: -270px; top: 180px; bottom:0; transition: right 0.2s ease 0s; width: 270px;z-index: 1048; margin: 0;} .page-settings.active{ right: -1px;} .page-settings > .panel-heading {background-color: #6c91bc; border-color: #6c91bc; color: #fff;} .page-settings .title-p{ background-color: #f8f8f8; border-radius: 3px; margin-bottom: 5px; margin-top: 0; color: #999; font-weight: bold; padding: 2px 5px;} .page-settings .row + .title-p{ margin-top: 10px;} .page-settings .iconbtn{background: #6c91bc;border-color: #cfd9db; border: 0; left: -42px; padding: 12px 15px; position: absolute;top: -1px; border-radius: 4px 0 0 4px ; -webkit-box-shadow: none; box-shadow: none; } .page-settings .iconbtn i{ display:inline-block; font-size:16px; color: #fff; /*-webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite; animation: loadrotate 3s linear infinite;*/} .page-settings .panel-body{ position: absolute; top: 41px; bottom: 45px; left: 0; width: 100%; overflow-y: auto;} .page-settings .panel-footer{ position: absolute; bottom: 0; left: 0; width: 100%;} .commodity-table .photo {display: block; width: 50px; height: 50px; margin: 0 auto;} .commodity-table .photo img {width: 100%; height: 100%;} .btn-develop {position: relative;} .btn-develop .btn {border-radius: 4px !important;} .btn-develop .bottom.btn-popover {max-width: 320px; width: 320px; top:35px; margin-left: -115px;} .btn-develop .right.btn-popover {max-width: 320px; width: 320px; left: 100%; top:-50%} .btn-develop .left.btn-popover {max-width: 320px; width: 320px; margin-left: -330px; top:-50%} .btn-develop .top.btn-popover {max-width: 320px; width: 320px; margin-left: -115px; margin-top: -90px;} .btn-develop:hover .btn-popover {display: block;} .btn-select, .btn-select .dropdown-menu {width: 100%;} .btn-select .dropdown-toggle {width: 100%; text-align: left; padding-right: 20px;} .btn-select .dropdown-toggle .caret {position: absolute;top:15px; right:10px;} /*我要吐槽*/ .tucao-panel {position: fixed; border: 2px solid #9db6d2; right: -400px; max-height: 100%; bottom:0px; transition: right 0.2s ease 0s; width: 400px;z-index: 1049; margin: 0; overflow: auto;background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 10px;} .tucao-panel.active{ right: -1px;} .tucao-panel .tucao-heading {position: relative; padding:0 10px; height: 30px;} .tucao-panel .tucao-heading .close-tucao {left: 10px;color: #ccc; font-size: 24px; position: absolute; transition: all 0.5s ease 0s;} .tucao-panel .tucao-heading .close-tucao:hover {color: #999;} .productTr .table-group.zoom-out{ height: 0; overflow: hidden; border: 0;} .prompt-relativePosition {position: relative; z-index: 9999999 !important;} .prompt-overlay {display: none; background: rgba(0, 0, 0, 0) radial-gradient(ellipse farthest-corner at center center , rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0; transition: all 0.3s ease-out 0s; z-index: 999990; top: 0;bottom: 0; left: 0;right: 0;position: fixed;opacity: 0.8;} .prompt-helperLayer {display: none; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); position: absolute; transition: all 0.3s ease-out 0s; z-index: 9999998;} .prompt-tooltip {top: 15px; right: 85px; background: rgba(0, 0, 0, 0) url("../images/newtips_bg.png") no-repeat scroll center center; background-size: 260px;height: 163px; padding: 40px 45px 50px; position: absolute; transition: opacity 0.1s ease-out 0s; width: 260px;} .prompt-tooltiptext {color: #7a7a7a; display: table; font-size: 14px; height: 60px; overflow: hidden; width: 100%;} .prompt-arrow.top-right {background-image: url("../images/tipsside_topright.png");height: 50px; right: 0; top: 0; width: 50px;} .prompt-arrow {background-position: center center; background-repeat: no-repeat; border: 0 none; overflow: hidden; position: absolute;} .prompt-skipbutton.disc-type {background: rgba(0, 0, 0, 0) url("../images/tips-close.png") no-repeat scroll left top; border: 0 none; border-radius: 0; display: block; font-weight: bold; height: 40px; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 0; text-indent: -999px; top: 60px; width: 40px;} .data-platform {display: inline-block; margin-bottom: -4px; width: 150px;} .sidebar .table tr > th, .sidebar .table > thead > tr > th, .sidebar .table > thead > tr.active > th, .sidebar .table > tbody > tr > td, .sidebar .table > tfoot > tr > td, .sidebar .table > thead > tr > td {padding: 5px 10px;} .img_logo {width: 165px; height: 30px; text-align: center; background: #fff; border: 1px solid #ddd; padding: 3px 5px; border-radius: 3px;} .img_logo img {max-width: 100%; max-height: 100%;} .img_logo.mabang{ width: 220px; height: 50px;} .gridly {position: relative; width: 100%;} .gridly .brick.ui-sortable-placeholder{webkit-animation: transitionShadow 3s linear infinite;-moz-animation: transitionShadow 3s linear infinite; animation: transitionShadow 3s linear infinite; background: #e4eafc;} .brick {cursor: move; color: #5e5e5e; display: block; font-weight: 400; line-height: 20px; height: 30px; padding: 5px 15px; width: 552px; background: #eee; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin-bottom: 5px;} /*供应链*/ .supply-nav {width: 100%; position: relative; border-bottom: 2px solid #e8e8e8; margin-bottom: 10px;} .supply-nav .nav-tabs {background: none; border-radius: 0; border-bottom: none;} .supply-nav .nav-tabs > li > a {border: none; font-size: 16px; font-weight: 700; color: #333; padding: 10px 20px;} .supply-nav .nav-tabs > li:after {content:""; width: 1px; height: 16px; background: #e8e8e8; position: absolute; right: 0; top:12px;} .supply-nav .nav-tabs > li:last-child:after {width: 0; height: 0;} .supply-nav .nav-tabs > li > a:hover {color: #3f56a1;} .supply-nav .nav-tabs > li.active > a, .supply-nav .nav-tabs > li.active > a:focus, .supply-nav .nav-tabs > li.active > a:hover {border: none; border-bottom: 2px solid #3f56a1; color: #3f56a1;} .supply-main .btn-white:hover {color: #3f56a1; border-color: #3f56a1;} .supply-main .autoscrolllist ul.list-title li li {padding: 10px 3px;} .supply-main .function {padding-top: 5px; padding-bottom: 5px;} .supply-main .panel-navbar .page-header {border-bottom: 1px solid #eee;} .supply-list {border: 1px solid #eee; margin-bottom: 10px;} .supply-list:hover {border: 1px solid #bfbfbf;} .supply-list .supply-title {padding: 10px; display: block; background: #eee;} .supply-list .table {margin-bottom: 0; border-color:#eee;} .supply-list .person-br {border-right: 1px solid #eee !important;} .supply-list .table > tbody > tr > td, .supply-list .table > tbody > tr > th, .supply-list .table > tfoot > tr > td, .supply-list .table > tfoot > tr > th, .supply-list .table > thead > tr > td, .supply-list .table > thead > tr > th {border-color:#eee; vertical-align: top;} .supply-list .table .photo {float: left; padding-right: 10px;} .supply-list .table .photo img {height: 50px; width: 50px;} .supply-list .table p {margin-bottom: 0;} .fixed-service {font-size: 18px; text-align: center; line-height:25px; width: 100%; height: 60px; margin: 10px 0; background: #ffa621; padding-top: 10px; } .fixed-service a {color: #fff; display: block; padding: 10px 0 5px; background: -webkit-linear-gradient(#419af6, #317ad6); background: -o-linear-gradient(#419af6, #317ad6); background: -moz-linear-gradient(#419af6, #317ad6); background: linear-gradient(#419af6, #317ad6);} .fixed-service a:hover {background: -webkit-linear-gradient(#50adf7, #3d8fe0); background: -o-linear-gradient(#50adf7, #3d8fe0); background: -moz-linear-gradient(#50adf7, #3d8fe0); background: linear-gradient(#50adf7, #3d8fe0);} .fixed-service a i {font-size: 30px;} .fixed-service .title img {margin-left: 20px;} .fixed-service .text {float: left; margin-left: 15px;} .drag {position: relative; background-color: #e8e8e8; width: 300px; height: 34px; line-height: 34px; text-align: center;} .drag .handler {position: absolute; top: 0px; left: 0px; width: 40px; height: 34px; border: 1px solid #ccc; cursor: move;} .handler_bg, .handler_ok_bg {width:40px; height: 34px; position: relative; background: #fff;} .handler_bg:before {content:"\e6e5"; font-family:'iconfont'; font-size: 16px; line-height: 34px; width: 40px; text-align: center; color: #999;} .handler_ok_bg:before {content:"\e653"; font-family:'iconfont'; font-size: 16px; line-height: 34px; width: 40px; text-align: center; color: #7ac23c;} .drag .drag_bg {background-color: #7ac23c; height: 34px; width: 0px;} .drag .drag_text{position: absolute; top: 0px; width: 300px; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select:none; -ms-user-select:none; } /*收款信息*/ .bg-gray {background: #eee;} .collection-account {border: 1px solid #cfd9db; border-radius: 3px; padding:0 10px; margin-bottom: 15px; background: #fff;} .collection-account .title {height: 50px; line-height: 50px; border-bottom: 1px dashed #cfd9db; text-align: right;} .collection-account .title .flag {background: url(../images/flag.jpg) no-repeat; background-size:60px 240px; width: 60px; height: 40px; float: left; margin-top: 5px;} .collection-account .title .flag.us {background-position:0 0;} .collection-account .title .flag.cn {background-position:0 -40px;} .collection-account .title .flag.hk {background-position:0 -80px;} .collection-account .title .flag.jp {background-position:0 -120px;} .collection-account .title .flag.eu {background-position:0 -160px;} .collection-account .title .flag.uk {background-position:0 -200px;} .collection-account .collection-body {padding: 10px;} .collection-account .collection-body .form-group {min-height: 35px; line-height: 35px; margin-bottom: 0;} .collection-account .collection-body .form-group .control-label {width:40%; padding-left: 10%;} .collection-account .collection-add {display: block; width: 100%; height: 100px; text-align: center; padding: 20px 0 0px; cursor: pointer;} .collection-account .collection-add i {font-size: 36px; color: #999;} .collection-account .collection-add p {margin-bottom: 0; margin-top: 10px; text-decoration: underline;} .upload-picture {display: block; border: 1px dashed #ddd; width: 115px; height: 100px; line-height: 100px; text-decoration: underline; color: #999; position: relative; overflow: hidden;} .certificatesphoto {position: absolute; top:0px; left:15px; width: 115px; height: 100px; opacity: 0;} .upload-picture img {max-width: 100%; max-height: 100%; vertical-align: middle; border: none !important;} .upload-picture .close {position: absolute; top:0; right: 0; padding-right: 5px; padding-left: 5px;} .nav-flow {height: 36px; line-height: 36px; list-style: none; width: 100%; display: table; border-bottom: 1px solid #cfd9db; padding: 0; position: relative;} .nav-flow li {display: table-cell; width: 1%; text-align: center; color: #999;} .nav-flow li .number {display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #eee; color: #333; border-radius: 20px; margin-right: 5px;} .nav-flow li.active {border-bottom: 1px solid #00b6ad; color: #333;} .nav-flow li.active .number {background: #00b6ad; color: #fff;} .collection-bank .form-horizontal.form-bordered .form-group {margin: 0; padding: 10px 0;} .collection-bank .form-horizontal.form-bordered .form-group + .form-group {border-top: none;} .collection-bank .prompt-message {width: 200px; text-align: center; mmargin-bottom: 5px;} .collection-bank .upload-picture {display: block; border: 1px dashed #ddd; width: 200px; height: 120px; line-height: 120px; text-decoration: underline; color: #999; position: relative; overflow: hidden;} .collection-bank .certificatesphoto {position: absolute; top:24px; left:15px; width: 200px; height: 120px; opacity: 0;} .collection-bank .upload-picture img {max-width: 100%; max-height: 100%; vertical-align: middle; border: none !important;} .collection-bank .platform {border: 1px solid #00b6ad; height: 34px; width: 120px; text-align: center; position: relative;} .collection-bank .platform img {height: 100%;} .collection-bank .platform .identification {position: absolute; right: 0; top:0; width: 0;height: 0;border-top: 28px solid #00b6ad;border-left: 30px solid transparent;} .collection-bank .platform .identification-text {position: absolute; z-index: 1; color: #fff; right: 0; top:0; width: 25px;height: 25px; transform: rotate(45deg);} .list-group-warning a.list-group-item:hover, .list-group-warning a.list-group-item:focus {background-color: #fff2d0; color: #a87a01;} /*右侧广告*/ .right_banner {position: fixed; z-index: 1048; top:180px; right: 15px;} .right_banner .close {padding:3px 5px;position: absolute;top:0px; right: 0;z-index: 1049;} /* supplier */ .supplier-tab{ height:35px; margin-bottom:5px; position:relative; font-weight:bold; background-color:transparent; border-bottom: 2px solid #cfd9db;} .supplier-tab .nav-tabs {border: none; background-color:transparent;} .supplier-tab .nav-tabs > li{ float:left; margin-left: -3px;} .supplier-tab .nav-tabs > li a {padding: 7px 24px 5px;z-index:1; position: relative; cursor: pointer; color:#777; margin-bottom:0;box-sizing: content-box; font-size: 15px;} .supplier-tab .nav-tabs > li a:before {content: ""; width: 1px; height: 15px; top:10px; right: 0; background: #e8e8e8; position: absolute;} .supplier-tab .nav-tabs > li a:hover, .supplier-tab .nav-tabs > li a:hover:before, .supplier-tab .nav-tabs > li a:hover:after {color: #3f56a1;} .supplier-tab .nav-tabs > li.active a {border:none; border-bottom: 2px solid #3f56a1;color: #3f56a1;} .supplier-tab .nav-tabs > li a .text{ position: relative; z-index: 5;} .supplierlist .supplier-product {width: 100%;position: relative; margin-top: 10px; border: 1px solid #eee;} .supplierlist .supplier-product:hover {border: 1px solid #cfd9db;} .supplierlist .supplier-product table {margin-bottom: 0; width: 100%;} .supplierlist .supplier-product table tbody tr td {padding: 5px 3px;} .supplierlist .supplier-product table tbody tr.title {background-color: #eee;} .supplierlist .supplier-product .photo img { max-height:48px; max-width:48px; vertical-align:middle; } .multiple-group.logistics-group .dropdown-toggle{display:block; width:100%; position:relative; text-align:center;} .multiple-group.logistics-group.invert-select .dropdown-menu li .checkbox-inline{ padding: 4px 10px 4px 25px !important; background-color:transparent;} .arrow-down {position: relative; animation:arrow-downframes 0.2s infinite;} .arrow-down:before {content:"\e3f5"; font-family: 'iconfont'; font-size: 30px; color: #fc5200; position: absolute; left: 0;} .arrow-down.top-13:before {top:-13px;} @keyframes arrow-downframes { from {top:-3px;} to {top:0px;} } @-webkit-keyframes arrow-downframes { from {top:-3px;} to {top:0px;} } .list-group-hover .list-group-item:hover, .list-group-hover .list-group-item:active, .list-group-hover .list-group-item:focus {color: #3c763d; background-color: #d0e9c6;} .jump-country {position: relative;} .jump-countrye .list-group-hover {position: absolute; top:0; left: 100%; width: 150px; display: none; z-index: 10;} .jump-countrye:hover .list-group-hover {display: block;} .self-edit {position: relative; padding-right: 18px;} .self-edit .btn_ico {position: absolute; right: 0; top:4px} .multiselect.dropdown-menu li .checkbox-inline {color: #5e5e5e;display: block;line-height: 20px;margin-right: 0;padding: 4px 15px 4px 30px;} /*.address_lace{position:relative;width: 237px;height: 180px;border:5px dashed #dedede; float:left;background:#b8b8b8;} .address_lace:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:#fff;} .address_lace.active {border:5px dashed #3f56a1; float:left;background:#ed5466;} .address_lace.active:before{content:"";background:#fff;} .address_group{width:237px; height:180px; position:relative; margin:0 auto; background:#b8b8b8; float: left;} .address_group:before{content:""; z-index:1; position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: 40px 40px; background-image: -webkit-linear-gradient(45deg, #dedede 25%, transparent 25%, transparent 50%, #dedede 50%, #dedede 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, #dedede 25%, transparent 25%, transparent 50%, #dedede 50%, #dedede 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, #dedede 25%, transparent 25%, transparent 50%, #dedede 50%, #dedede 75%, transparent 75%, transparent) } .address_group:after{content:""; position:absolute; left:5px; top:5px; right:5px; bottom:5px; background-color:#fff; z-index:2;} .address_group .address_box {position: absolute; top:0; left: 0; z-index: 5;padding:10px;} .address_group.active {background:#3f56a1;} .address_group.active:before{content:""; background-image: -webkit-linear-gradient(45deg, #ed5466 25%, transparent 25%, transparent 50%, #ed5466 50%, #ed5466 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, #ed5466 25%, transparent 25%, transparent 50%, #ed5466 50%, #ed5466 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, #ed5466 25%, transparent 25%, transparent 50%, #ed5466 50%, #ed5466 75%, transparent 75%, transparent) }*/ .table-sm {font-size: 12px;} .table-sm tr th, .table-sm>thead>tr>th {font-weight: normal;} .np3 {padding-left:0 !important;padding-right: 0 !important;padding-top: 0 !important;} .triangle {position: relative;} .triangle_box .text {color: #333; position: absolute; top:5px; right: 0; transform:rotate(45deg);} .triangle_box .triangle_label {width: 0; height: 0; border-top: 40px solid #f9f9f9; border-left: 40px solid transparent; position: absolute;top:0; right:1px;} .triangle_box.triangle_success .triangle_label {border-top: 40px solid #91c854;} .triangle_box.triangle_success .text {color: #fff;} .triangle_box.triangle_warning .triangle_label {border-top: 40px solid #ffd66a;} .triangle_box.triangle_warning .text {color: #705100;} .triangle_box.triangle_danger .triangle_label {border-top: 40px solid #ed5466;} .triangle_box.triangle_danger .text {color: #fff;} @media (min-width: 1600px) { .modal-message .modal-dialog {width: 1200px;} .mr-710 {margin-right: -810px;} .fixed-catalog {width: 80%;} .catalog-scroller-title.fixed-catalog-scroller {right: 1%; left:auto;} .col-setlg-1, .col-setlg-10, .col-setlg-11, .col-setlg-2, .col-setlg-3, .col-setlg-4, .col-setlg-5, .col-setlg-6, .col-setlg-7, .col-setlg-8, .col-setlg-9{float:left;min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative;} .col-setlg-12{min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative;} .col-setlg-1{ width:8.3333%} .col-setlg-2{ width:16.6667%} .col-setlg-3{ width:25%} .col-setlg-4{ width:33.3333%} .col-setlg-5{ width:41.6667%} .col-setlg-6{ width:50%} .col-setlg-7{ width:58.3333%} .col-setlg-8{ width:66.3337%} .col-setlg-9{ width:75%} .col-setlg-10{ width:83.3333%} .col-setlg-11{ width:91.6667%} .col-setlg-12{ width:100%} } @media (min-width: 1350px) { .no-sidebar .fixed-catalog {width: 80%;} .no-sidebar .catalog-scroller-title.fixed-catalog-scroller {position: fixed; right: 1%; top: 10px; width: 16%; margin-right: 0; left:auto;} } @media (max-width: 1260px){ body #header.navbar > .navbar-toolbar > .navbar-nav > li > a, .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > li > a {font-weight: normal; font-size: 14px;} body #header.navbar13 > .navbar-toolbar > .navbar-nav > li > a {padding: 0 5px;} .sidebar-minimized body #header.navbar13 > .navbar-toolbar > .navbar-nav > li > a {padding: 0 5px;} } @media (min-width: 768px) and (max-width: 991px) { .sidebar .topmenu > li > a > .text, .sidebar .topmenu > li.open > .submenu.collapse.in, .sidebar .topmenu > li.open > .submenu.collapsing {display: block;} .sidebar .topmenu > li > a {line-height: 1.42857;} .sidebar .topmenu li a > .figure {display: table-cell; font-size: 14px; line-height: 1.42857;} .sidebar .topmenu > li > .submenu {position: relative; left: auto; width: auto;} .sidebar .topmenu li a > .text{display: table-cell; font-weight: 600; line-height: 30px; overflow: hidden; table-layout: fixed; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%;} aside.sidebar .topmenu li > a .addorder {margin-left: -13px;} } @media (max-width: 767px) { .login-page .login-header img{ height:50px;} #btn-code{ padding:7px 5px;} .loginform{ width:auto; margin:0;} .login-page .panel .form-group .form-control{ padding-left:75px;} .login-page .panel .form-group .has-icon .form-control-icon{ padding-left:10px;} .col-custom-1, .col-custom-10, .col-custom-11, .col-custom-2, .col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6, .col-custom-7, .col-custom-8, .col-custom-9{ width:100%;} #header{ display:none;} .main #header{ display:block;} body #header.navbar.navbar-fixed-top ~ #main, body .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main{ padding-top:0 !important;} .nav.nav-pills.nav-recharge li{ width:100%; margin:10px 0 0;} .nav.nav-pills.nav-recharge li a{ text-align:center;} .nav-payment li{width:100%; margin:10px 0 0;} .nav-payment li a{ display:block; text-align:center;} .submit-recharge{ display:block; width:100%; font-size:16px; padding-top:10px; padding-bottom:10px; font-weight:bold;} #chargePop .modal-body .col-md-2{ text-align:center; display:none;} #chargePop .col-md-10 h3{ font-size:16px;} #chargePop .modal-header{ padding:10px;} #chargePop .modal-header .ico-credit{ display:none;} #chargePop .modal-body{ padding:10px;} }