html{
position: relative;
min-height:100%;
}
body {
min-height:100%;
padding-bottom: 20px;
font-size: 12px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-family:"微软雅黑";
}
/*箭头按钮样式*/
.g-flow {
background: url(../img/bg.png);
width: 76px;
height: 30px;
text-align: center;
line-height: 25px;
}
.g-flow:hover {
background: url(../img/bg1.png);
width: 76px;
height: 30px;
text-align: center;
line-height: 25px;
color: #fff;
}
/* Begin: 定义图标样式*/
.ico-loading {
background: url(../img/ico/loading.gif) no-repeat center center;
width: 16px !important;
height: 16px !important;
}
/* End: 定义图标样式*/
/* Begin: 顶部菜单定制样式 */
.navbar{border-radius:0px;border-color: #09c; min-height:40px;margin-bottom:0; margin-left:180px; border:0px;}
.navbar .collapse{padding-left: 0px !important;}
/*.navbar .navbar-nav > li {border-right: 1px solid #0086b2}*/
.navbar .navbar-nav > li > a {
color: #fff !important;
font-size: 15px;
}
.navbar .navbar-nav > li > a:hover {
/*color: #6c21ea;*/
background: #428bca;
font-size: 14px;
}
.nav > li > a:focus,.navbar .navbar-nav > .active > a,.navbar .navbar-nav > li:hover {
/*background-color:#fff;*/
color:#09c;}
.navbar-nav .childmenu {
display: none;
width: 420px;
position: absolute;
border: 2px solid #09c;
border-top: 0px;
color: #000;
z-index: 1000000;
margin-left: -1.5px;
background-color: #FFF;
}
.navbar-nav .childmenu a {
display: inline-block;
color:#09c;
font-size: 12px;
border: 1px solid #fff;
vertical-align: top;
margin: 2px 5px 5px 2px;
padding: 2px 11px;
cursor: pointer;
width: 120px;
white-space: nowrap;
}
.navbar-nav .childmenu a:hover, .navbar-nav .childmenu .active {
border: 1px solid #09c;
background-color: #09c;
color: #fff;
text-decoration: none;
}
.navbar-nav .childmenu .active {
background-image: url(../img/para-items-active.png);
background-position: bottom right;
background-repeat: no-repeat;
padding-right: 11px;
}
.navbar-toggle{
background-color:#fff;
}
.navbar-toggle .icon-bar{
background-color:#09c;
}
/* End: 顶部菜单定制样式 */
/* Begin: 左则菜单定制样式 */
.left_panel {
width: 200px;
box-shadow: 2px 3px 3px rgba(0, 21, 41, .08);
/*position: absolute;*/
/* border: 1px solid #ccc;*/
border-width: 0 1px 0 0;
background-color: #fff;
top: 0px;
bottom: auto;
min-height: 95%;
}
.left_panel_log{background:#008bb9; min-height:40px;width:180px;}
.left_panel_log img{margin-left:10px;height:32px; width:140px;margin-top:4px;}
.left_panel ul {
list-style: none;
width: 100%;
overflow: auto;
}
.left_panel > ul {
padding-left: 0px;
height: 870px;
}
.left_panel > ul::-webkit-scrollbar {
width: 2px;
height: 10px;
}
.left_panel > ul>li{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
/* border-color: #e5e5e5;*/
border-image: none;
/* border-style: solid none;*/
border-width: 1px 0;
display: block;
margin: 0;
padding: 0;
}
.left_panel > ul > li > span {
/* border-color: rgb(93 0 224);
background: rgb(93 0 224);
background-image: linear-gradient( 270deg, #c42cb7, rgb(93 0 224));*/
/*color: #5d657b;
font-weight: 500;*/
/* color: #fff;*/
/*display: block;
font-size: 17px;
height: 42px;
line-height: 40px;
padding: 0 5px 0 7px;
text-decoration: none;
text-shadow: none !important;*/
/* color: #5d657b; */
font-weight: 500;
/* color: #fff; */
display: block;
font-size: 15px;
height: 42px;
line-height: 40px;
padding: 0 5px 0 7px;
text-decoration: none;
text-shadow: none !important;
background-color: #66666624;
padding: 0 5px 0 20px;
}
.left_panel .submenu {
padding-left:0px;
/*background-color: #fff;*/
/*border-top: 1px solid #e5e5e5;*/
list-style: outside none none;
margin: 0;
padding: 0;
font-size:13px;
}
.left_panel .submenu >li>a{
/*border-top: 1px dotted #e4e4e4;*/
color: #616161;
display: block;
margin: 0;
padding: 7px 0 9px 35px;
}
.left_panel .submenu > li > a:hover {
background-color: #428bca;
color: #fff;
/* background: rgb(93 0 224);
background-image: linear-gradient( 270deg, #f5f0ed, rgb(247 119 5));
color: #fff;*/
text-decoration: none;
}
.left_panel .submenu > li > a.active {
background-color: #428bca;
color: #fff;
/* background: rgb(247 119 5);
background-image: linear-gradient( 270deg, #f5f0ed, rgb(247 119 5));
color: #fff;*/
}
.left_panel .submenu .menu-item-ico,.left_panel .submenu a.active .menu-item-ico{
display:inline-block;
width: 8px;
height: 8px;
background: #AAABAE;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.left_panel .submenu a:hover .menu-item-ico {
background: rgb(93 0 224);
background-image: linear-gradient( 270deg, #fff, #fff);
}
.left_panel .submenu a.active .menu-item-ico {
/* border-color: rgb(238 72 6);
background: rgb(240 92 9);
background-image: linear-gradient( 270deg, #f9190a, rgb(255 243 7));*/
background-image: linear-gradient( 270deg, #fff, #fff);
}
.menucontrol {
position: fixed;
left: 195px;
top: 280px;
background-color: #fff;
z-index: 100;
float: right;
width: 15px;
border: 1px solid #ddd;
cursor: pointer;
}
.menucontrol > span > i:before {
content: "\e079";
}
.left_panel {
/* top: 53px;
min-height: 600px;
height: 100%;
position: absolute;*/
}
.exam_home {
height: 100%;
display: flex;
width: 100%;
overflow-y: scroll;
}
.content_panel {
position: relative;
/* margin-left: 200px;*/
margin-right: 10px;
flex: 1;
}
.position-bar{background:#eeeeee;height:32px;line-height:25px;padding-top:5px; margin-top:0px !important; margin-bottom:10px !important;}
.position-bar a{color:#444444;font-size:12px; line-height:25px;}
@media (max-width: 1000px){
.top_panel{margin-left: 0px;}
.left_panel{display:none;}
.menucontrol{left: 5px;}
.content_panel{margin-left: 10px;}
}
.menuhide.top_panel{margin-left: 0px;}
.menuhide.left_panel{display:none;}
.menuhide.menucontrol{left: 5px;}
.menuhide.menucontrol i:before {content: "\e080";}
.menuhide.content_panel{margin-left: 10px;}
/* End: 左则菜单定制样式 */
/* Begin: 当前位置样式*/
/* End: 当前位置样式*/
/* Begin: 内容页定制样式*/
/*.content_panel div, .clearboth {
margin-bottom: 5px;
margin-top: 5px;
}*/
.bootstrap-switch, .bootstrap-switch div {
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.breadcrumb {
margin-bottom: 0px;
line-height: 1.3;
}
.breadcrumb a{
color:#09c;
}
.breadcrumb_title {
margin-bottom: 0px !important;
margin-top: 0px !important;
cursor: pointer;
position: absolute;
padding: 8px 15px;
list-style: outside none none;
background-color: #428bca;
line-height: 1.3;
z-index: 10;
margin-top: 0px;
width: 126px;
}
.breadcrumb_title > span {
color: rgb(255, 255, 255);
}
.button_panel {
float: right;
margin-right: 5px;
margin-top: 0px;
position: relative;
z-index: 10;
}
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 180px;
}
.form-horizontal .form-group {
margin-right: 0px;
}
.content_panel .panel-heading {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.panel-heading {
cursor: pointer;
height: 35px !important;
}
.panel-body {
padding: 5px !important;
}
.table th {
background-color: #EEE;
border: 0px !important;
border-bottom: 1px solid #CCC;
padding: 5px !important;
text-align: center !important;
vertical-align: middle !important;
font-size: 12px;
height: 40px !important;
}
.table td {
padding: 5px !important;
text-align: center !important;
vertical-align: middle !important;
}
.modal-header {
padding-top: 5px !important;
background-color: #438eb9;
height: 40px;
margin-top: 0px !important;
color: #FFF;
}
.modal-body {
padding: 5px !important;
}
.popover {
max-width: 500px;
font-size: 12px;
}
.close {
font-size: 35px !important;
}
blockquote .success {
border-left: 5px solid #3c763d !important;
}
blockquote .error {
border-left: 5px solid #a94442 !important;
}
#flickrpager {
display: inline-block;
border-radius: 4px;
margin-top: 0px !important;
}
#flickrpager a, #flickrpager span {
float: left;
padding: 6px 10px;
margin-left: -1px;
line-height: 1.42857;
color: black;
text-decoration: none;
background-color: #fafafa;
border: 1px solid #DDD;
}
#flickrpager span {
padding: 3px 10px;
margin-left: 5px;
}
#flickrpager select {
height: 25px;
width: 50px;
}
#flickrpager .active {
color: #FFF;
cursor: default;
background-color: #438EB9;
border-color: #438EB9;
}
.para-items > span, .para-item > a {
position: relative;
display: inline-block;
border: 1px solid #DDD;
font-size: 12px;
vertical-align: top;
margin: 0px 5px 5px 0px;
padding: 2px 6px;
cursor: pointer;
border-radius: 4px;
}
.para-items > span:hover, .para-items > a:hover, .para-items > .active {
border-color: #428bca;
background-color: #428bca;
color: #fff;
text-decoration: none;
border-radius: 4px;
}
.para-items > .active {
background-image: url(../img/para-items-active.png);
background-position: bottom right;
background-repeat: no-repeat;
padding-right: 11px;
}
/*--------------颜色-----------------*/
.para-items > #active-warning:hover{background-color:#f0ad4e;border-color:#f1ad4e;color: #fff;}
.para-items > .active-warning{background-color:#f1ad4e;border-color:#f1ad4e;color: #fff;}
.para-items > .active-warning {background-image: url(../img/para-items-warning.png);background-position: bottom right;background-repeat: no-repeat;padding-right: 11px;}
.para-items > #active-danger:hover{background-color:#d9524e;border-color:#d9524e;color: #fff;}
.para-items > .active-danger {border-color: #d9524e;background-color: #d9524e; color: #fff; text-decoration: none;color: #fff; }
.para-items > .active-danger {background-image: url(../img/para-items-danger.png);background-position: bottom right;background-repeat: no-repeat;padding-right: 11px;}
#divTabContentPanel .parents-nodes{margin:10px 0;}
#divTabContentPanel .parents-nodest{margin-top:10px !important;}
#divProductSearch #editsave,#editsubmit,#editclose{margin-bottom:10px;margin-top:10px;}
#divTabContentPanel #btnReplyEmail,#btnSetMessageHasRead{margin-top:10px;}
.form-group{line-height: 25px;margin-bottom:5px;}
.bread-crumbs{font-size:13px;}
/*
平台账号样式
*/
.para-sales-items > span, .para-item > a {
position: relative;
display: inline-block;
border: 1px solid #DDD;
font-size: 12px;
vertical-align: top;
margin: 0px 5px 5px 0px;
padding: 2px 10px 2px 22px;
cursor: pointer;
background-size:12px 12px;
background-position:2px 50%;
background-repeat: no-repeat;
}
.Wish-sales {
background-image: url(../img/ico/wish.ico);
}
.Ebay-sales {
background-image: url(../img/ico/ebay.ico);
}
.Amazon-sales {
background-image: url(../img/ico/amazon.ico);
}
.Aliexpress-sales {
background-image: url(../img/ico/aliexpress.ico);
}
.Lazada-sales {
background-image: url(../img/ico/lazada.ico);
}
.DHgate-sales {
background-image: url(../img/ico/dh.ico);
}
.Ueeshop-sales {
background-image: url(../img/ico/ueeshop.jpg);
}
.Offline-sales {
background-image: url(../img/ico/offlineline.png);
}
.CDiscount-sales{ background-image: url(../img/ico/CDiscount.png);}
.RakutenJP-sales {
background-image: url(../img/ico/RakutenJP.ico);
}
.PayPal-sales {
background-image: url(../img/ico/paypal.ico);
}
.para-sales-items > span:hover, .para-sales-items > a:hover, .para-sales-items > .active {
border-color: #438eb9;
background-color: #438eb9;
color: #fff;
text-decoration: none;
}
/*.para-sales-items > .active {
background-image: url(../img/para-items-active.png);
background-position: bottom right;
background-repeat: no-repeat;
padding-right: 11px;
}*/
.pararemove-items > span, .pararemove-item > a {
position: relative;
display: inline-block;
border: 1px solid #DDD;
font-size: 12px;
vertical-align: top;
margin: 0px 5px 5px 0px;
padding: 4px 8px;
cursor: pointer;
}
.pararemove-items > span:hover, .pararemove-items > span:hover::after {
border-color: #438eb9;
background-color: #438eb9;
color: #fff;
text-decoration: none;
}
.pararemove-items > span:hover::after {
padding-left: 2px;
font-family: 'Glyphicons Halflings';
content: "\e014";
}
.search-more {
border: 1px solid #DDD;
position: absolute;
cursor: pointer;
height: 30px;
line-height: 30px;
text-align: center;
width: 160px;
left: 50%;
margin-top: -15px;
margin-left: -140px;
background-color: #FFF;
}
.search-up::before {
font-family: 'Glyphicons Halflings';
content: "\e113";
}
.search-down::before {
font-family: 'Glyphicons Halflings';
content: "\e114";
}
.list-group-item.active {
background-color: #438EB9;
border-color: #438EB9;
}
.list-group-item.active:focus, .list-group-item.active:hover {
background-color: #297BAB;
border-color: #297BAB;
}
.btn {
font-size: 12px;
}
.btn-primary {
/*background-color: #fff;*/
border-color: #428bca;
color: #fff;
}
/*.btn-primary {
background-color: #438EB9;
border-color: #438EB9;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
background-color: #297BAB;
border-color: #297BAB;
}
.btn-info {
background-color: #438EB9;
border-color: #438EB9;
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
background-color: #297BAB;
border-color: #297BAB;
}*/
.modal-title {
font-size: 12px;
margin-top: 5px;
}
.panel-title {
font-size: 14px !important;
}
legend {
font-size: 14px;
}
.nav-tabs {
border-bottom: 2px solid #428bca;
margin-bottom: 6px;
}
.nav-tabs > li > a {
background-color: #fff;
color: #333;
border-bottom: 0px;
/* margin-left: 4px;*/
padding-top: 6px;
padding-bottom: 6px;
}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
background-color: #fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border-color: #428bca #428bca transparent;
background-color: #428bca;
color: #fff;
}
.slider-right {
/*position: absolute;*/
top: 5px;
right: 5px;
float: right;
border-radius: 3px;
display: inline-block;
border: 1px solid #DDD;
cursor: pointer;
padding: 5px 2px;
}
.slider-right span {
border-radius: 3px;
margin: 5px 0px;
padding: 5px 10px;
}
.slider-right span.active {
background-color: #438EB9;
color: #FFF;
}
.table input[type="checkbox"] {
width: 16px;
height: 16px;
}
/*截断文本 以省略号代替被截断的文本 需配合max-width使用*/
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.position {
padding-left: 2px !important;
}
.position > li {
display: inline-block;
}
.position > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
/* End: 内容页定制样式*/
/* Begin: 上传控件样式 */
.uploadify {
position: relative;
margin-bottom: 1em;
}
.uploadify-button {
background-color: #505050;
background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #707070) );
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border: 2px solid #808080;
color: #FFF;
font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
width: 100%;
}
.uploadify:hover .uploadify-button {
background-color: #606060;
background-image: linear-gradient(top, #606060 0%, #808080 100%);
background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #606060), color-stop(1, #808080) );
background-position: center bottom;
}
.uploadify-button.disabled {
background-color: #D0D0D0;
color: #808080;
}
.uploadify-queue {
margin-bottom: 1em;
}
.uploadify-queue-item {
background-color: #F5F5F5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: 11px Verdana, Geneva, sans-serif;
margin-top: 5px;
max-width: 350px;
padding: 10px;
}
.uploadify-error {
background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
background: url('../uploadify/uploadify-cancel.png') 0 0 no-repeat;
float: right;
height: 16px;
text-indent: -9999px;
width: 16px;
}
.uploadify-queue-item.completed {
background-color: #E5E5E5;
}
.uploadify-progress {
background-color: #E5E5E5;
margin-top: 10px;
width: 100%;
}
.uploadify-progress-bar {
background-color: #0099FF;
height: 3px;
width: 1px;
}
/* End: 上传控件样式 */
/* Begin:操作向导样式 */
.wizard {
*zoom: 1;
border: 1px solid #d4d4d4;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.065);
background-color: #f9f9f9;
position: relative;
min-height: 48px;
overflow: hidden;
}
.wizard:before, .wizard:after {
display: table;
content: "";
line-height: 0;
}
.wizard:after {
clear: both;
}
.wizard > .steps {
list-style: none outside none;
padding: 0;
margin: 0;
width: 4000px;
}
.wizard > .steps.previous-disabled li.complete {
cursor: default;
}
.wizard > .steps.previous-disabled li.complete:hover {
background: #f3f4f5;
color: #468847;
cursor: default;
}
.wizard > .steps.previous-disabled li.complete:hover .chevron:before {
border-left-color: #f3f4f5;
}
.wizard > .steps li {
float: left;
margin: 0;
padding: 0 20px 0 30px;
height: 46px;
line-height: 46px;
position: relative;
background: #ededed;
color: #999;
font-size: 16px;
cursor: not-allowed;
}
.wizard > .steps li .chevron {
border: 24px solid transparent;
border-left: 14px solid #d4d4d4;
border-right: 0;
display: block;
position: absolute;
right: -14px;
top: 0;
z-index: 1;
}
.wizard > .steps li .chevron:before {
border: 24px solid transparent;
border-left: 14px solid #ededed;
border-right: 0;
content: "";
display: block;
position: absolute;
right: 1px;
top: -24px;
}
.wizard > .steps li.complete {
background: #f3f4f5;
color: #468847;
}
.wizard > .steps li.complete:hover {
background: #e7eff8;
cursor: pointer;
}
.wizard > .steps li.complete:hover .chevron:before {
border-left: 14px solid #e7eff8;
}
.wizard > .steps li.complete .chevron:before {
border-left: 14px solid #f3f4f5;
}
.wizard > .steps li.complete .badge {
background-color: #468847;
}
.wizard > .steps li.active {
background: #f1f6fc;
color: #3a87ad;
cursor: default;
}
.wizard > .steps li.active .chevron:before {
border-left: 14px solid #f1f6fc;
}
.wizard > .steps li.active .badge {
background-color: #3a87ad;
}
.wizard > .steps li .badge {
margin-right: 8px;
}
.wizard > .steps li .badge-success {
background-color: #468847;
}
.wizard > .steps li:first-child {
border-radius: 4px 0 0 4px;
padding-left: 20px;
}
.wizard > .actions {
z-index: 1000;
position: absolute;
right: 0;
line-height: 46px;
float: right;
padding-left: 15px;
padding-right: 15px;
vertical-align: middle;
background-color: #e5e5e5;
border-left: 1px solid #d4d4d4;
margin-top: 0px;
}
.wizard > .actions a {
line-height: 45px;
font-size: 12px;
margin-right: 8px;
}
.wizard > .actions .btn-prev[disabled] {
cursor: not-allowed;
}
.wizard > .actions .btn-prev span {
margin-right: 5px;
}
.wizard > .actions .btn-next[disabled] {
cursor: not-allowed;
}
.wizard > .actions .btn-next span {
margin-left: 5px;
}
.wizard .step-content {
border-top: 1px solid #D4D4D4;
padding: 10px;
float: left;
width: 100%;
}
.wizard .step-content .step-pane {
display: none;
}
.wizard .step-content > .active {
display: block;
}
.wizard .step-content > .active .btn-group .active {
display: inline-block;
}
.wizard.complete > .actions .glyphicon-arrow-right:before {
display: none;
}
.wizard.complete > .actions .glyphicon-arrow-right {
margin-left: 0;
}
/* Begin:操作向导样式 */
/* Begin:树形菜单样式 */
.tree {
/*padding:19px;*/
margin-bottom: 20px;
background-color: #FFF;
border: 2px solid #438EB9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.noborder {
border: 0px solid #2C8DCB;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.05);
}
.tree > ul {
margin-left: -40px;
margin-top: 6px;
}
.tree li {
list-style-type: none;
margin: 0;
padding: 3px 1px 0 5px;
position: relative;
}
.tree li::before, .tree li::after {
content: '';
left: -21px;
position: absolute;
right: auto;
}
.tree li::before {
border-left: 1px solid #999;
bottom: 40px;
height: 100%;
top: 0;
width: 1px;
}
.tree li::after {
border-top: 1px solid #999;
height: 20px;
top: 18px;
width: 25px;
}
.tree li span {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #999;
border-radius: 5px;
display: inline-block;
padding: 2px 8px;
text-decoration: none;
}
.tree li > span {
cursor: pointer;
display: inline-block;
}
.tree li > span > label {
font-weight: normal;
}
.tree > ul > li::before, .tree > ul > li::after {
border: 0;
}
.tree li:last-child::before {
height: 19px;
}
.tree li > span:hover, .tree li > span:hover + ul li span {
background: #eee;
border: 1px solid #94a0b4;
color: #000;
}
.tree .list-inline {
margin-left: 40px;
}
.tree .list-inline li::before {
border-left: 0px solid #999;
bottom: 40px;
height: 100%;
top: 0;
width: 1px;
}
.tree .list-inline li:first-child::before {
border-left: 1px solid #999;
height: 19px;
bottom: 40px;
top: 0;
width: 1px;
}
.tree .list-inline li::after {
border-top: 0px solid #999;
}
.tree .list-inline li:first-child::after {
border-top: 1px solid #999;
height: 20px;
top: 18px;
width: 25px;
}
/* End: 树形菜单样式 */
/*start:产品编辑页特殊样式*/
#stuul li {
height: 40px;
list-style-type: none;
}
#stuul label {
font-weight: bolder;
min-width: 80px;
text-align: right;
}
.odd {
width: 40px;
}
.even {
padding-left: 20px;
width: 80px;
}
#uploadimagediv table {
table-layout: fixed;
}
#uploadimagediv td {
word-wrap: break-word;
}
.form-control2 {
width: 70%;
height: 34px;
padding: 6px 12px;
font-size: 12px;
line-height: 1.42857;
color: #555;
background-color: #FFF;
background-image: none;
border: 1px solid #CCC;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
/*end:产品编辑页特殊样式*/
/*begin: Loading样式 */
.waitting {
z-index: 19891024;
background-color: #000;
opacity: 0.3;
filter: alpha(opacity=30);
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.spinner {
width: 250px;
text-align: center;
background-color: #FFF;
padding: 20px;
position: fixed;
opacity: 1;
filter: alpha(opacity=100);
top: 40%;
left: 40%;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.spinner > div {
width: 30px;
height: 30px;
background-color: #67CF22;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-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);
}
}
/*end: Loading样式 */
/*扫描枪未激活样式*/
.scan_textarea_deactive {
background: transparent url('../img/scan_textarea_deactive.png') no-repeat center center;
background-color: #F7F7F7;
}
/*图片缩略效果图 start*/
.th-thumbnails a {
cursor: pointer;
}
.th-thumbnails {
list-style: none;
margin: 0;
padding: 0;
}
.th-thumbnails > li {
float: left;
position: relative;
overflow: hidden;
margin: 1px;
display: inline-block;
max-width: 100%;
height: auto;
padding: 2px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.th-thumbnails > li > :first-child {
display: block;
position: relative;
}
.th-thumbnails > li .tags {
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
overflow: visible;
direction: rtl;
padding: 0;
margin: 0;
height: auto;
width: auto;
background-color: transparent;
border: 0;
vertical-align: inherit;
}
.th-thumbnails > li .tags > .label-holder {
opacity: .92;
filter: alpha(opacity=92);
display: table;
margin: 1px 0 0 0;
direction: ltr;
text-align: left;
}
.th-thumbnails > li .tags > .label-holder:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.th-thumbnails > li > .tools {
position: absolute;
top: 0;
bottom: 0;
left: -30px;
width: 24px;
background-color: rgba(0,0,0,0.55);
text-align: center;
vertical-align: middle;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.th-thumbnails > li > .tools.tools-right {
left: auto;
right: -30px;
}
.th-thumbnails > li > .tools.tools-bottom {
width: auto;
height: 28px;
left: 0;
right: 0;
top: auto;
bottom: -30px;
}
.th-thumbnails > li > .tools.tools-top {
width: auto;
height: 28px;
left: 0;
right: 0;
top: -30px;
bottom: auto;
}
.th-thumbnails > li:hover > .tools {
left: 0;
}
.th-thumbnails > li:hover > .tools.tools-bottom {
top: auto;
bottom: 0;
}
.th-thumbnails > li:hover > .tools.tools-top {
bottom: auto;
top: 0;
}
.th-thumbnails > li:hover > .tools.tools-right {
left: auto;
right: 0;
}
.th-thumbnails > li > .tools > a, .th-thumbnails > li > :first-child .inner a {
display: inline-block;
color: #FFF;
font-size: 18px;
font-weight: normal;
padding: 0 4px;
}
.th-thumbnails > li > .tools > a:hover, .th-thumbnails > li > :first-child .inner a:hover {
text-decoration: none;
color: #c9e2ea;
}
.th-thumbnails > li .tools.tools-bottom > a, .th-thumbnails > li .tools.tools-top > a {
display: inline-block;
}
.th-thumbnails > li > :first-child > .text {
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 0;
text-align: center;
color: #FFF;
background-color: rgba(0,0,0,0.55);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.th-thumbnails > li > :first-child > .text:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: 0;
}
.th-thumbnails > li > :first-child > .text > .inner {
padding: 4px 0;
margin: 0;
display: inline-block;
vertical-align: middle;
max-width: 90%;
}
.th-thumbnails > li:hover > :first-child > .text {
opacity: 1;
filter: alpha(opacity=100);
}
/*图片缩略效果图 end*/
/*lable 样式*/
.redglelable {
border-radius: 0;
text-shadow: none;
font-weight: normal;
display: inline-block;
background-color: #abbac3 !important;
}
.redglelable[class*="col-"][class*="arrow"] {
min-height: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::safari-only, .redglelable:empty {
display: inline-block;
}
::safari-only, .redglebadge:empty {
display: inline-block;
}
}
.redglebadge {
text-shadow: none;
font-size: 12px;
padding-top: 1px;
padding-bottom: 3px;
font-weight: normal;
line-height: 15px;
background-color: #abbac3 !important;
}
.redglebadge.no-radius {
border-radius: 0;
}
.redglebadge.radius-1 {
border-radius: 1px;
}
.redglebadge.radius-2 {
border-radius: 2px;
}
.redglebadge.radius-3 {
border-radius: 3px;
}
.redglebadge.radius-4 {
border-radius: 4px;
}
.redglebadge.radius-5 {
border-radius: 5px;
}
.redglebadge.radius-6 {
border-radius: 6px;
}
.redglelable-transparent, .redglebadge-transparent {
background-color: transparent !important;
}
.redglelable-grey, .redglebadge-grey {
background-color: #a0a0a0 !important;
}
.redglelable-info, .redglebadge-info {
background-color: #3a87ad !important;
}
.redglelable-primary, .redglebadge-primary {
background-color: #428bca !important;
}
.redglelable-success, .redglebadge-success {
background-color: #82af6f !important;
}
.redglelable-danger, .redglebadge-danger {
background-color: #d15b47 !important;
}
.redglelable-important, .redglebadge-important {
background-color: #d15b47 !important;
}
.redglelable-inverse, .redglebadge-inverse {
background-color: #333 !important;
}
.redglelable-warning, .redglebadge-warning {
background-color: #f89406 !important;
}
.redglelable-default, .redglebadge-default {
background-color: #438eb9 !important;
}
.redglelable-pink, .redglebadge-pink {
background-color: #d6487e !important;
}
.redglelable-purple, .redglebadge-purple {
background-color: #9585bf !important;
}
.redglelable-yellow, .redglebadge-yellow {
background-color: #fee188 !important;
}
.redglelable-light, .redglebadge-light {
background-color: #e7e7e7 !important;
}
.redglebadge-yellow, .redglelable-yellow {
color: #963 !important;
border-color: #fee188;
}
.redglebadge-light, .redglelable-light {
color: #888 !important;
}
.redglelable.arrowed, .redglelable.arrowed-in {
position: relative;
z-index: 1;
}
.redglelable.arrowed:before, .redglelable.arrowed-in:before {
display: inline-block;
content: "";
position: absolute;
top: 0;
z-index: -1;
border: 1px solid transparent;
border-right-color: #abbac3;
}
.redglelable.arrowed-in:before {
border-color: #abbac3;
border-left-color: transparent !important;
}
.redglelable.arrowed-right, .redglelable.arrowed-in-right {
position: relative;
z-index: 1;
}
.redglelable.arrowed-right:after, .redglelable.arrowed-in-right:after {
display: inline-block;
content: "";
position: absolute;
top: 0;
z-index: -1;
border: 1px solid transparent;
border-left-color: #abbac3;
}
.redglelable.arrowed-in-right:after {
border-color: #abbac3;
border-right-color: transparent !important;
}
.redglelable-info.arrowed:before {
border-right-color: #3a87ad;
}
.redglelable-info.arrowed-in:before {
border-color: #3a87ad;
}
.redglelable-info.arrowed-right:after {
border-left-color: #3a87ad;
}
.redglelable-info.arrowed-in-right:after {
border-color: #3a87ad;
}
.redglelable-primary.arrowed:before {
border-right-color: #428bca;
}
.redglelable-primary.arrowed-in:before {
border-color: #428bca;
}
.redglelable-primary.arrowed-right:after {
border-left-color: #428bca;
}
.redglelable-primary.arrowed-in-right:after {
border-color: #428bca;
}
.redglelable-success.arrowed:before {
border-right-color: #82af6f;
}
.redglelable-success.arrowed-in:before {
border-color: #82af6f;
}
.redglelable-success.arrowed-right:after {
border-left-color: #82af6f;
}
.redglelable-success.arrowed-in-right:after {
border-color: #82af6f;
}
.redglelable-warning.arrowed:before {
border-right-color: #f89406;
}
.redglelable-warning.arrowed-in:before {
border-color: #f89406;
}
.redglelable-warning.arrowed-right:after {
border-left-color: #f89406;
}
.redglelable-warning.arrowed-in-right:after {
border-color: #f89406;
}
.redglelable-important.arrowed:before {
border-right-color: #d15b47;
}
.redglelable-important.arrowed-in:before {
border-color: #d15b47;
}
.redglelable-important.arrowed-right:after {
border-left-color: #d15b47;
}
.redglelable-important.arrowed-in-right:after {
border-color: #d15b47;
}
.redglelable-danger.arrowed:before {
border-right-color: #d15b47;
}
.redglelable-danger.arrowed-in:before {
border-color: #d15b47;
}
.redglelable-danger.arrowed-right:after {
border-left-color: #d15b47;
}
.redglelable-danger.arrowed-in-right:after {
border-color: #d15b47;
}
.redglelable-inverse.arrowed:before {
border-right-color: #333;
}
.redglelable-inverse.arrowed-in:before {
border-color: #333;
}
.redglelable-inverse.arrowed-right:after {
border-left-color: #333;
}
.redglelable-inverse.arrowed-in-right:after {
border-color: #333;
}
.redglelable-pink.arrowed:before {
border-right-color: #d6487e;
}
.redglelable-pink.arrowed-in:before {
border-color: #d6487e;
}
.redglelable-pink.arrowed-right:after {
border-left-color: #d6487e;
}
.redglelable-pink.arrowed-in-right:after {
border-color: #d6487e;
}
.redglelable-default.arrowed:before {
border-right-color: #438eb9;
}
.redglelable-default.arrowed-in:before {
border-color: #438eb9;
}
.redglelable-default.arrowed-right:after {
border-left-color: #438eb9;
}
.redglelable-default.arrowed-in-right:after {
border-color: #438eb9;
}
.redglelable-purple.arrowed:before {
border-right-color: #9585bf;
}
.redglelable-purple.arrowed-in:before {
border-color: #9585bf;
}
.redglelable-purple.arrowed-right:after {
border-left-color: #9585bf;
}
.redglelable-purple.arrowed-in-right:after {
border-color: #9585bf;
}
.redglelable-yellow.arrowed:before {
border-right-color: #fee188;
}
.redglelable-yellow.arrowed-in:before {
border-color: #fee188;
}
.redglelable-yellow.arrowed-right:after {
border-left-color: #fee188;
}
.redglelable-yellow.arrowed-in-right:after {
border-color: #fee188;
}
.redglelable-light.arrowed:before {
border-right-color: #e7e7e7;
}
.redglelable-light.arrowed-in:before {
border-color: #e7e7e7;
}
.redglelable-light.arrowed-right:after {
border-left-color: #e7e7e7;
}
.redglelable-light.arrowed-in-right:after {
border-color: #e7e7e7;
}
.redglelable-grey.arrowed:before {
border-right-color: #a0a0a0;
}
.redglelable-grey.arrowed-in:before {
border-color: #a0a0a0;
}
.redglelable-grey.arrowed-right:after {
border-left-color: #a0a0a0;
}
.redglelable-grey.arrowed-in-right:after {
border-color: #a0a0a0;
}
.redglelable {
font-size: 12px;
line-height: 1.15;
height: 20px;
}
.redglelable.arrowed {
margin-left: 5px;
}
.redglelable.arrowed:before {
left: -10px;
border-width: 10px 5px;
}
.redglelable.arrowed-in {
margin-left: 5px;
}
.redglelable.arrowed-in:before {
left: -5px;
border-width: 10px 5px;
}
.redglelable.arrowed-right {
margin-right: 5px;
}
.redglelable.arrowed-right:after {
right: -10px;
border-width: 10px 5px;
}
.redglelable.arrowed-in-right {
margin-right: 5px;
}
.redglelable.arrowed-in-right:after {
right: -5px;
border-width: 10px 5px;
}
.redglelable-lg {
padding: .3em .6em .4em;
font-size: 13px;
line-height: 1.1;
height: 24px;
}
.redglelable-lg.arrowed {
margin-left: 6px;
}
.redglelable-lg.arrowed:before {
left: -12px;
border-width: 12px 6px;
}
.redglelable-lg.arrowed-in {
margin-left: 6px;
}
.redglelable-lg.arrowed-in:before {
left: -6px;
border-width: 12px 6px;
}
.redglelable-lg.arrowed-right {
margin-right: 6px;
}
.redglelable-lg.arrowed-right:after {
right: -12px;
border-width: 12px 6px;
}
.redglelable-lg.arrowed-in-right {
margin-right: 6px;
}
.redglelable-lg.arrowed-in-right:after {
right: -6px;
border-width: 12px 6px;
}
.redglelable-xlg {
padding: .3em .7em .4em;
font-size: 14px;
line-height: 1.3;
height: 28px;
}
.redglelable-xlg.arrowed {
margin-left: 7px;
}
.redglelable-xlg.arrowed:before {
left: -14px;
border-width: 14px 7px;
}
.redglelable-xlg.arrowed-in {
margin-left: 7px;
}
.redglelable-xlg.arrowed-in:before {
left: -7px;
border-width: 14px 7px;
}
.redglelable-xlg.arrowed-right {
margin-right: 7px;
}
.redglelable-xlg.arrowed-right:after {
right: -14px;
border-width: 14px 7px;
}
.redglelable-xlg.arrowed-in-right {
margin-right: 7px;
}
.redglelable-xlg.arrowed-in-right:after {
right: -7px;
border-width: 14px 7px;
}
.redglelable-sm {
padding: .2em .4em .3em;
font-size: 11px;
line-height: 1;
height: 18px;
}
.redglelable-sm.arrowed {
margin-left: 4px;
}
.redglelable-sm.arrowed:before {
left: -8px;
border-width: 9px 4px;
}
.redglelable-sm.arrowed-in {
margin-left: 4px;
}
.redglelable-sm.arrowed-in:before {
left: -4px;
border-width: 9px 4px;
}
.redglelable-sm.arrowed-right {
margin-right: 4px;
}
.redglelable-sm.arrowed-right:after {
right: -8px;
border-width: 9px 4px;
}
.redglelable-sm.arrowed-in-right {
margin-right: 4px;
}
.redglelable-sm.arrowed-in-right:after {
right: -4px;
border-width: 9px 4px;
}
.redglelable > span, .redglelable > [class*="icon-"] {
line-height: 1;
vertical-align: bottom;
}
/*lable 样式*/
/*客服中心样式*/
.features{font-family: 'PT Sans', sans-serif;}
.features ul{padding: 0;margin: 0;}
.features ul li{ list-style:none;}
.features li{ list-style:none;}
.features h1,h2,h3,h4,h5,h6,label,p{margin:0;}
.features a{ text-decoration:none;}
.customerservice {width: 100%; height: 100%;margin-top:20px;}
.customerservice_qq{ width:170px;margin-top:35px;margin-left: 30px;}
.customerservice_qq h3{font-size:24px;color:#666;margin-top:5px;float:left;margin-left:5px;}
.customerservicet{ height:70px;margin-top:20px;}
.customerservicett{border:1px solid #ccc; border-radius:5px;background:#eee;height:28px;font-size:12px;color:#333; text-align:center; line-height:26px; width:126px;margin-bottom:10px;margin-right:19px;cursor:pointer;}
.customerservicett:hover{color:#09c;}
.customerservice_phone{ height:55px;margin-top:29px;float:left;}
.customerservice_phone1{color:#333;font-size:14px;margin-bottom:10px;margin-top: 10px;display: inline-block;}
.features-ion{ width:234px;padding-top: 40px;}
.customerservice_check_left { float: left;width:56px;font-size:14px;}
.customerservice_check_right {float: left;width: 140px; font-size: 16px;line-height: 20px;margin-bottom:15px;margin-right:20px;}
.customerservice_phones {float: left; margin-right: 3px; font-size:14px; margin-right: 18px;height: 25px;}
.customerservice_qq_small_check {float: left; display: block; }
.customerservice_qq_small_check a {background:url(../img/QQ_small.png) no-repeat 20px 5px;width:108px; height:27px;line-height:27px; display: block;color: #333; text-align: center;font-size: 12px;border: 1px #ccc solid;background-color: #eee;text-decoration: none; border-radius:5px;padding-left: 18px;}
.customerservice_qqt {width:170px;margin-top:38px;margin-left: 30px;}
.customerservice_qqt h3{font-size:24px;color:#666;margin-top:5px;float:left;margin-left:5px;}
.customerservice_qqt img{height:30px; width:30px;margin-top:5px;}
.customerservice_qq img{height:30px; width:30px;margin-top:3px;}
.customerservicett img{margin-top:-2px;}
/*Begin：物流跟踪样式*/
.message-details {
min-height: 10px;
padding: 0 10px;
}
.message-details dl {
margin-bottom: 20px;
padding: 0 10px;
}
.message-details dt {
font-weight: bold;
height: 30px;
line-height: 30px;
}
.message-details dt a {
color: #234093;
}
.message-details dd {
background-image: url("../img/track_dt_line.png");
background-position: left 0;
background-repeat: repeat-y;
margin-left: 6px;
padding: 10px 0 0 14px;
position: relative;
}
.message-details dd i {
background-image: url("../img/inquirydisplayicon.png");
background-position: -314px -66px;
background-repeat: no-repeat;
display: block;
height: 12px;
left: -5px;
position: absolute;
top: 12px;
width: 12px;
}
.message-details dd time {
display: block;
float: left;
width: 110px;
}
.message-details dd p {
display: block;
padding-left: 120px;
margin-bottom: 0px;
}
.message-details dd.new {
background-position: left 4px;
padding: 0 0 0 14px;
}
.message-details dd.new i {
background-color: #fff;
background-position: -300px -62px;
height: 16px;
top: 0;
}
.message-details dd.begin {
background-position: left -4px;
background-repeat: no-repeat;
}
.message-details dd.begin time {
width: 120px;
}
.message-details dd::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.message-details dd {
display: block;
}
/*End 物流跟踪样式*/
/*Begin 站内信表情样式*/
.message-smileys-list {
background-color: #FFF;
min-height: 140px;
margin: 0px;
padding: 0px;
}
.message-smileys-list li {
float: left;
width: 30px;
height: 30px;
overflow: hidden;
margin-left: 0px;
margin-bottom: 10px;
cursor: pointer;
}
.message-smileys-list li img {
padding: 3px 0px 0px 3px;
}
.message-smileys-list li:hover {
background-color: #438eb9;
}
/*End 站内信表情样式*/
/* Begin：新的管理页面样式 */
/* 查询框样式 */
.search-panel {
margin-bottom: 15px !important;
line-height: 14px;
background-color: #FFF;
border: 1px solid transparent;
border-color: #CCC;
}
.search-panel .row {
margin-right: 0px;
margin-left: 0px;
}
.search-panel .bottom-line {
padding-bottom: 4px;
border-bottom: solid 1px #CCC;
}
.search-panel .search-item span {
margin-right: 12px;
cursor: pointer;
padding: 2px 2px;
display: inline-block;
margin: 1px 4px;
color: #428BCA;
}
.search-panel .search-item .glyphicon {
margin-right: 0px;
color: #FFF;
}
.search-panel .search-item > .active, .search-panel .search-item span:hover {
background-color: #428BCA;
color: #FFF !important;
}
.search-panel .more-option {
float: right;
margin-top: 5px;
margin-right: 20px;
}
.search-panel .more-option .checkbox {
-ms-transform: scale(1.2); /* IE */
-moz-transform: scale(1.2); /* FireFox */
-webkit-transform: scale(1.2); /* Safari and Chrome */
-o-transform: scale(1.2); /* Opera */
}
/* 状态选项卡样式 */
.status-group {
margin-left: 10px;
}
.status-group > label {
position: relative;
display: inline-block;
border: 1px solid #DDD;
font-size: 12px;
vertical-align: top;
margin: 0px 5px 5px 0px;
padding: 2px 6px;
cursor: pointer;
}
.status-group > label > a {
display: inline-block;
padding: 2px 4px;
text-decoration: none;
color:#09c;
}
.status-group > .active, .status-group > label[itemid]:hover {
border-color: #09c;
background-color: #09c;
text-decoration: none;
}
.status-group > .active > a, .status-group > label:hover > a {
color: #fff;
}
.status-group > label > span {
position: absolute;
border: 10px solid rgba(0,0,0,0);
height: 0;
line-height: 0;
font-size: 0;
display: none;
}
.status-group > .active > span {
display: inline-block;
bottom: -18px;
left: 50%;
margin-left: -10px;
border-top-color: #09c;
}
.status-group > .checkbox{
border:0px;
margin-left:20px;
font-weight:400
}
/* 数据列表头部样式 */
.datalist-top {
/*border: solid 1px #ccc;*/
border-bottom: 0px;
margin-bottom: 0px !important;
padding-bottom:50px;
margin-top:-20px;
/*height: 51px;*/
}
.datalist-top .button-area {
padding-left: 10px;
float: left;
}
.datalist {
margin-top: 0px !important;
}
.datalist > table {
margin-bottom: 0px !important;
}
/* 排序项样式 */
.list-order-panel {
float: right;
margin-right: 10px;
margin-top: 0px !important;
margin-bottom: 0px !important;
height: 51px;
border-left: 1px solid #ccc;
}
.list-order-panel .order-title {
display: inline;
line-height: 51px;
padding-left: 10px;
padding-right: 5px;
font-weight: 700;
}
.list-order-panel .order-content {
display: inline;
}
.list-order-panel .order-content > span {
margin-right: 12px;
cursor: pointer;
padding: 2px 5px;
display: inline-block;
margin: 1px;
color: #428BCA;
}
.list-order-panel .order-content > .active, .list-order-panel .order-content > span:hover {
background-color: #428BCA;
color: #FFF !important;
}
/* 产品图片列表样式 */
.photo-list {
height: 150px;
}
.photo-list > div {
border: 1px solid #ccc;
float: left;
margin: auto 4px;
}
.photo-list img {
width: 100px;
height: 120px;
margin: 2px 2px;
display: block;
}
.photo-list span {
float: right;
margin-right: 5px;
cursor: pointer;
}
.photo-list span:hover {
color: #438eb9;
}
/* 速卖通产品发布页面样式 */
/* 速卖通选择目录分类样式 */
.smt-sc-panel {
background-color: #f0f0f0;
}
.smt-sc-body {
height: 320px;
}
.smt-sc-select {
width: 23%;
border: 1px solid #DDD;
height: 310px;
overflow-y: auto;
float: left !important;
margin: 4px;
background-color: #fff;
/*overflow-x: hidden;*/
}
.smt-sc-select > div {
width: 100%;
cursor: pointer;
height: 26px;
line-height: 26px;
margin-top: 0px;
margin-bottom: 0px;
overflow: hidden;
}
.smt-sc-select .item-child-flag {
background-image: url(../img/double_arrow_right.png);
background-position: center right;
background-repeat: no-repeat;
padding-right: 20px;
}
.smt-sc-select > div > span {
float: left;
margin-left: 5px;
margin-right: 5px;
width: 100%;
overflow: hidden;
}
.smt-sc-select .active, .smt-sc-select > div:hover {
background-color: #ccc;
}
.smt-sc-button-area {
text-align: right;
padding-right: 10px;
padding-bottom: 5px;
border-top: 1px dotted #ccc;
padding-top: 5px;
}
.input-group, .form-group > div > div {
margin-top: 0px !important;
}
/* End：新的管理页面样式 */
/* Begin: 图片银行列表样式 */
.photobank {
float: left;
margin: 2px 5px;
border: 2px solid #fff;
padding: 2px 5px;
}
.photobank.active {
border: 2px solid #234093;
}
.photobank:hover {
border: 2px solid #234093;
}
.photobank > div {
margin-top: 0px;
}
.photobank-img img {
width: 160px;
height: 160px;
}
.photobank-name {
width: 160px;
overflow: hidden;
text-overflow: ellipsis;
}
/* End: 图片银行列表样式 */
/* Begin 产品分组样式 */
.grouptree {
margin-top: 10px;
}
.grouptree li {
list-style: none;
}
.grouptree li > div {
line-height: 26px;
padding-left: 5px;
cursor: pointer;
}
.grouptree li > div:before {
content: " ▶ ";
}
.grouptree li > div:hover {
background-color: #eee;
}
.grouptree li > ul {
padding-left: 26px;
}
/* End 产品分组样式 */
/* Begin 分页样式 */
.hgdiv_fix {
left: 200px;
position: fixed;
bottom: 0px;
right: 15px;
background: #fff;
border: solid 1px #ccc;
border-bottom: 0px;
padding: 5px 15px;
z-index: 999;
height: 40px;
}
/* End 分页样式 */
/* Begin 编辑页面样式 */
.hg-list-group {
padding-right: 0px;
}
.hg-list-group > .list-group-item {
width: 100%;
text-align: left;
}
.hg-list-group.fixed {
right: 0px;
position: fixed;
padding-left: 21px;
padding-right: 15px !important;
}
.hg-list-group > button {
font-size: 14px !important;
}
.hg-edit-group {
padding-left: 21px;
padding-right: 15px;
position: fixed;
right: 0px;
bottom: 30px;
z-index: 999;
}
.hg-edit-group > button {
font-size: 14px !important;
}
/* End 编辑页面导航样式 */
/* Begin Amazon客服-邮件管理 邮件目录样式 */
.email-menu {
border-bottom: 1px solid #ccc;
}
.email-menu .menu-header {
background-color: #fff;
color: #2b7dbc;
font-weight: bold;
font-size: 13px;
border-bottom: 1px solid #ccc;
padding-left: 10px;
}
.email-menu .menu-items {
}
.email-menu .menu-items > a {
padding-left: 20px;
display: block;
line-height: 26px;
}
.email-menu .menu-items > a.active {
color: #fff;
background-color: #428bca;
}
/* End Amazon客服-邮件管理 邮件目录样式 */
.buttons-follow{
top:0px;
z-index:999;
position:fixed;
background-color:#f1f2f6;
}
/* Begin 速卖通线上商品编辑页面样式 */
.edit-conent-area{
margin-right:200px; position:relative;
}
.edit-conent-area .input-help{
display: block;
margin-top: 5px;
margin-bottom: 5px;
color: #737373;
line-height: 25px;
}
.input-group .input-group-content {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
position: relative;
height: 29.6px;
padding: 2px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
display: table-cell;
}
.input-group .input-group-content input[type='text']{
border: 1px solid #ccc;
padding-left: 5px;
height: 28px;
border-radius: 3px;
}
.input-group .input-group-content .radio-inline{
padding-top:0px;
}
.input-group .input-group-content:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.edit-nav-area{
width:190px; position:fixed; right:10px; top:120px; bottom:100px;overflow-y:auto;/*border: solid 1px #ccc;*/
}
.edit-button-area{
width:190px;position:fixed; right:10px; top:auto; bottom:10px;
}
.edit-nav-tree{
padding-left:10px;
}
.edit-nav-tree li{
list-style:none;
}
.edit-nav-tree ul{
padding-left:20px;
}
.edit-nav-tree div,.edit-nav-tree>li>ul>li{
color:#616161;
line-height:20px;
cursor:pointer;
}
.edit-nav-tree div:before,.edit-nav-tree>li>ul>li:before{
font-family: 'Glyphicons Halflings';
font-size:10px;
color:#09c;
margin-right:3px;
}
.edit-nav-tree div:before{
content:"\e012";
}
.edit-nav-tree>li>ul>li:before{
content:"\e072";
}
.edit-nav-tree div:hover,.edit-nav-tree>li>ul>li:hover{
color:#09c;
}
.edit-nav-tree>li>ul>li.has-error{
color:red;
}
.edit-nav-tree>li>ul>li.has-error:before{
content:"\e101";
color:red;
}
/* End 速卖通线上商品编辑页面样式 */
/* Begin 连连支付相关样式 */
.llpay-guide{
text-align: center; line-height: 30px; font-size: 14px; border-bottom:1px solid #ccc; margin-bottom:0px;margin-left:10px;margin-right:10px;
}
.llpay-guide > span{
color:#ccc;
}
.llpay-guide .active{
color:#09c; border-bottom:1px solid #09c; margin-bottom:0px;
}
.left-remark-panel{
padding-left:10px;
}
.left-remark-panel>li{
list-style:none;
margin-bottom:10px;
}
.left-remark-panel>li:before{
font-family: 'Glyphicons Halflings';
font-size:10px;
color:#09c;
margin-right:3px;
content:"\e072";
}
.card-box{
width: 220px;min-height: 146px;border: 1px solid #09c;float:left;margin:1px 10px 5px 1px;border-radius:4px;
}
.card-box .card-box-title{
border-bottom: 1px solid #09c;
padding: 5px;
font-weight:700;
color:#09c;
}
.card-box .card-box-body{
padding: 5px;
}
#p1118289734divOrderDataList .table{margin-bottom:50px;}
/* End 连连支付相关样式 */
/*产品图片 列表等比例缩放*/
.ProImageList {
border: 1px solid #ddd;border-radius: 4px;width:70px;height:70px;display:inline-block;line-height:66px;vertical-align:middle;text-align:center;background-color:#fff
}
.selector a:focus {
outline:none;
}
.selector .sl-v-list a, .selector .sl-v-list b, .selector .sl-v-list div, .selector .sl-v-list li, .selector .sl-v-list ul {
margin: 0;
padding: 0;
}
.selector div {
margin: 0px;
}
ol, ul {
list-style: none;
}
.selector .extend .sl-v-color ul, .selector .extend .sl-v-list ul, .selector .extend .sl-v-logos ul, .selector .multiple .sl-v-color ul, .selector .multiple .sl-v-list ul, .selector .multiple .sl-v-logos ul {
height: auto;
}
.selector {
border: 1px solid #cccccc;
background: #fff;
margin: 3px 0 10px 0;
}
selector .s-brand, .selector .s-line {
width: auto;
height: auto;
}
.selector .sl-wrap {
position: relative;
_zoom: 1;
line-height: 34px;
border-bottom: 1px solid #DDD;
background: #f3f3f3;
}
.selector .sl-key {
float: left;
width: 80px;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
}
.selector .sl-value {
margin-left: 40px;
padding-right: 10px;
padding-left: 10px;
overflow: hidden;
zoom: 1;
background: #fff;
}
.clr {
visibility: hidden;
}
.clear, .clr {
display: block;
overflow: hidden;
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}
.selector .sl-v-list .J_valueList {
float: left;
/*overflow: hidden;*/
zoom: 1;
position: relative;
height: 30px;
}
.extend ul{
max-height:200px;
overflow-y:auto;
}
.selector .s-brand .sl-v-list li {
/*width: 110px;*/
margin-right:8px;
text-align: left;
}
.selector .s-brand .sl-v-list ul {
padding-right:45px;
}
/*#DropListItem .sl-v-list li {
width: 200px;
}*/
.selector .gride{margin-top:12px;}
.selector .gridt{margin-top:8px;}
/*.selector .s-brand .sl-v-list li a {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
vertical-align: top;
cursor: pointer;
padding:0 6px;
text-decoration:none;
}*/
.selector .sl-btns {
display: none;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.selector .sl-ext {
position: absolute;
top: 5px;
right: 5px;
height: auto;
line-height: 22px;
overflow: hidden;
zoom: 1;
}
.selector .sl-ext .sl-e-more {
float: right;
margin-right: 0px;
position: relative;
width: 39px;
height: 23px;
line-height: 23px;
padding: 0 7px 0 4px;
background: #fff;
visibility: hidden;
color: #333;
border: 1px solid #ddd;
}
.selector .sl-ext .sl-e-more i, .selector .sl-ext .sl-e-multiple i {
background: url(/Content/img/search.ele.png) no-repeat 9999px 9999px;
-webkit-transition: background-position .15s ease-in-out;
-moz-transition: background-position .15s ease-in-out;
transition: background-position .15s ease-in-out;
}
em, i, u {
font-style: normal;
}
.selector .sl-ext .sl-e-multiple {
float: left;
height: 23px;
line-height: 23px;
border: 1px solid #DDD;
padding: 0 3px 0 18px;
position: relative;
background: #fff;
color: #333;
}
.selector .sl-ext .sl-e-multiple i {
position: absolute;
display: block;
font-style: normal;
left: 3px;
top: 1px;
width: 13px;
height: 20px;
background-position: 0 -63px;
}
.selector .sl-ext .sl-e-more:hover {
text-decoration: none;
color: #09c;
}
.selector .sl-ext .sl-e-more {
float: left;
margin-right: 3px;
position: relative;
width: 50px;
height: 23px;
line-height: 23px;
padding: 0 7px 0 4px;
background: #fff;
visibility: hidden;
color: #333;
border: 1px solid #ddd;
}
.selector .sl-ext .sl-e-more:hover i {
border-color: #09c;
background-position: 4px -11px;
}
.selector .sl-ext .sl-e-more.opened:hover i {
background-position: 4px -45px;
}
.selector .sl-ext .sl-e-more i {
position: absolute;
top: 1px;
right: 2px;
display: block;
width: 20px;
height: 20px;
background-position: 4px 7px;
}
.selector .sl-ext .sl-e-more.opened i {
background-position: 4px -27px;
}
.selector .sl-ext .sl-e-multiple:hover i {
background-position: 0 -84px;
}
#DropListItem .multiple .sl-v-list li a {
position: relative;
padding-left: 18px;
margin-right: 12px;
padding-top:2px;
}
#DropListItem .multiple .sl-v-list li a i {
position:absolute;
left: 0;
top: 8px;
padding-top:2px;
background: url(/Content/img/search.ele.png) no-repeat 9999px 9999px;
display: inline-block;
height: 12px;
width: 12px;
background-color: #fff;
border: 1px solid #ccc;
font-size: 0;
}
#DropListItem .multiple .sl-v-list li.selected a i {
border-color: #09c;
background-position: -1px -107px;
}
.single .sl-v-list li a:hover {
text-decoration: none;
background-color: #09c;
color: #fff;
}
.multiples .sl-v-list li a:hover {
text-decoration: none;
background-color: #09c;
color: #fff;
}
/*, .multiples .sl-v-list li:hover*/
.SearchType li a:hover , .J_selectorLine .single li a:hover {
text-decoration: none;
background-color: #09c;
color: #fff;
}
.selector .sl-v-list li a.J_active {
text-decoration: none;
background-color: #09c;
color: #fff;
background-image: url(/Content/img/para-items-active.png);
background-position: bottom 1px right 1px;
background-repeat: no-repeat;
padding-right:11px;
}
.selector .sl-v-list li {
float: left;
_display: inline;
margin-bottom: 4px;
height: 26px;
line-height: 26px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#AccountUser .sl-v-list li a {
position: relative;
padding-left: 18px;
}
#AccountUser .sl-v-list li.J_active a {
padding-right:10px;
}
#AccountUser .sl-v-list li.J_active a:after{
content: '';
background: url("/Content/img/para-items-active.png") no-repeat left -1px bottom 1px;
display: block;
width: 12px;
height: 12px;
background-size: 12px;
/*float:right;*/
position:absolute;
right:0px;bottom:0px
}
/*展开后的样式*/
/*.selector .sl-wrap.extend .sl-v-list li a {
width:100px;
overflow:hidden
}
.selector .sl-wrap.extend .sl-v-list li {
width:100px;
}*/
.selector .sl-wrap.extend #CommonCountry li{width:167px;margin-right: 2px;}
.selector .sl-wrap.extend #CommonCountry li a{width:167px;padding-left: 15px; text-align:left !important;}
.selector .sl-wrap.extend #AccountUser li{width:121px;margin-right:5px;}
.selector .sl-wrap.extend #AccountUser li a{width:121px;padding-left: 18px; text-align:left !important;}
.selector .sl-wrap.extend #markSysList li{width:102px;margin-right:2px;}
.selector .sl-wrap.extend #markSysList li a{width:102px;padding-left:23px; text-align:left !important;}
.selector .sl-wrap.extend #LogisticMode li{width:280px;margin-right: 2px;}
.selector .sl-wrap.extend #LogisticMode li a{width:280px;padding-left: 15px; text-align:left !important;}
.selector .sl-wrap.extend #StoreIdType li{width:169px;margin-right: 2px;}
.selector .sl-wrap.extend #StoreIdType li a{width:169px;padding-left: 15px; text-align:left !important;}
.selector .sl-v-list li.J_active a {
text-decoration: none;
background-color: #09c;
color: #fff;
}
#SearchType .sl-v-list li a:hover {
color:#fff;
}
.selector .sl-v-list li a {
text-align: center;
float: left;
white-space: nowrap;
zoom: 1;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
padding:0 6px;
}
/**hover多选的时候*/
/**hover展开的时候*/
.selector .s-brand .extend, .selector .s-brand .multiple {
margin-top: -1px;
border: 1px solid #AAA;
background-color: #f9f9f9;
}
.selector .s-brand .extend .sl-value, .selector .s-brand .multiple .sl-value{
max-height:200px;
overflow-y:auto;
}
.selector .s-brand .multiple {
border: 2px solid #09c;
background-color: #fffdee;
}
.selector .multiple {
/*margin-top: -1px;*/
border: 1px solid #005aa0;
background-color: #fffdee;
}
selector .sl-wrap {
position: relative;
_zoom: 1;
line-height: 34px;
border-bottom: 1px solid #DDD;
background-color: #f3f3f3;
}
.selector .multiple .sl-btns {
display: block;
}
/*.btn-primary {
border: 0;
padding: 5px 15px 6px;
color: #FFF;
background-color: #428bca;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09c', endColorstr='#DF3033', GradientType=0);
}*/
.btn.disabled {
padding: 4px 13px 5px;
border: 1px solid #DDD;
background-color: #FFF;
cursor: default;
color: #CCC;
opacity: .2;
filter: alpha(Opacity=20);
filter: alpha(Opacity=20);
}
/*下拉框样式*/
.selector .sl-v-tab {
height: 35px;
}
.selector .sl-tab-trigger {
height: 28px;
padding-top: 5px;
overflow: hidden;
}
.selector .sl-tab-trigger .trig-item .text {
color: #005aa0;
display: inline-block;
vertical-align: top;
}
.selector .sl-tab-trigger .trig-item .arrow {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: top;
background: url(/Content/img/search.ele.png) no-repeat 4px 7px;
}
.selector .sl-tab-trigger .trig-item.trig-curr {
height:23.5px;
border-color: #005aa0;
border-bottom: medium none;
text-decoration: none;
position: relative;
z-index: 100;
}
@media screen and (max-width: 1410px) and (min-width: 1230px) {
/*.selector .sl-tab-cont-item {
width: 1188px;
}*/
.selector .sl-tab-cont-item {
display: none;
position: absolute;
left: 80px;
top: 28px;
width: 968px;
border: 1px solid #005aa0;
padding: 10px;
background: #fff;
-webkit-box-shadow: 1px 1px 1px rgba(153,153,153,.3);
-moz-box-shadow: 1px 1px 1px rgba(153,153,153,.3);
box-shadow: 1px 1px 1px rgba(153,153,153,.3);
}
}
@media screen and (max-width:1366px){
.selector .sl-wrap.extend #CommonCountry li{width:191px;margin-right: 2px;}
.selector .sl-wrap.extend #CommonCountry li a{width:191px;padding-left: 15px; text-align:left !important;}
.selector .sl-wrap.extend #AccountUser li{width:135px;margin-right:5px;}
.selector .sl-wrap.extend #AccountUser li a{width:135px;padding-left: 15px; text-align:left !important;}
.selector .sl-wrap.extend #markSysList li{width:107px;margin-right:2px;}
.selector .sl-wrap.extend #markSysList li a{width:107px;padding-left:23px; text-align:left !important;}
.selector .sl-wrap.extend #StoreId li{width:195px;margin-right: 2px;}
.selector .sl-wrap.extend #StoreId li a{width:195px;padding-left: 15px; text-align:left !important;}
.selector .sl-wrap.extend #LogisticMode li{width:282px;margin-right: 2px;}
.selector .sl-wrap.extend #LogisticMode li a{width:282px;padding-left: 15px; text-align:left !important;}
}
@media screen and (max-width:1024px){
.selector .sl-wrap.extend #CommonCountry li{width:122px;margin-right: 2px;}
.selector .sl-wrap.extend #CommonCountry li a{width:122px;padding-left: 15px; text-align:left !important;}
.selector .sl-wrap.extend #AccountUser li{width:120px;margin-right:5px;}
.selector .sl-wrap.extend #AccountUser li a{width:120px;padding-left: 15px; text-align:left !important;}
.selector .sl-wrap.extend #markSysList li{width:100px;margin-right:2px;}
.selector .sl-wrap.extend #markSysList li a{width:100px;padding-left:23px; text-align:left !important;}
.selector .sl-wrap.extend #StoreId li{width:195px;margin-right: 2px;}
.selector .sl-wrap.extend #StoreId li a{width:195px;padding-left: 15px; text-align:left !important;}
.selector .sl-wrap.extend #LogisticMode li{width:197px}
.selector .sl-wrap.extend #LogisticMode li a{width:197px}
}
.selector .sl-v-list {
overflow: hidden;
zoom: 1;
padding-top: 4px;
}
.selector .s-senior .sl-v-list ul {
height: auto;
}
selector .sl-v-list li a {
float: left;
white-space: nowrap;
zoom: 1;
color: #005aa0;
text-decoration: none;
}
.selector .sl-tab-cont-item .btn-multiple {
position: absolute;
top: 10px;
right: 10px;
}
.btn-multiple {
display: inline-block;
height: 20px;
line-height: 20px;
border: 1px solid #DDD;
padding: 0 3px 0 18px;
position: relative;
background: #fff;
color: #333;
}
.selector .sl-tab-trigger .trig-item:hover {
text-decoration: none;
}
.selector .sl-tab-trigger .trig-item {
float: left;
height: 23.5px;
line-height: 24px;
padding: 0 3px 0 6px;
border: 1px solid #ddd;
background: #fff;
margin-right: 15px;
}
@media (min-width: 1411px) {
.selector .sl-tab-cont-item {
width: 1190px;
}
}
.selector .sl-tab-trigger {
height: 30px;
padding-top: 5px;
overflow: hidden;
}
.selector .sl-tab-cont-item {
display: none;
position: absolute;
left: 80px;
top: 28px;
/*width: 968px;*/
border: 1px solid #005aa0;
padding: 10px;
z-index: 99;
background: #fff;
-webkit-box-shadow: 1px 1px 1px rgba(153,153,153,.3);
-moz-box-shadow: 1px 1px 1px rgba(153,153,153,.3);
box-shadow: 1px 1px 1px rgba(153,153,153,.3);
}
.btn-multiple i {
position: absolute;
display: block;
font-style: normal;
left: 3px;
top: 0;
width: 13px;
height: 20px;
background: url(/Content/img/search.ele.png) no-repeat 0 -63px;
-webkit-transition: background-position .15s ease-in-out;
-moz-transition: background-position .15s ease-in-out;
transition: background-position .15s ease-in-out;
}
.btn-multiple:hover i {
background-position: 0 -84px;
}
/*.selector .sl-tab-cont-item.multiple {
border: 2px solid #09c;
}*/
/*.selector .sl-tab-trigger .trig-item.multiple {
border: 2px solid #09c;
border-bottom: none;
}*/
.selector .sl-tab-trigger .trig-item.trig-curr .arrow {
background-position: 4px -27px;
}
/*.para-item> a{
padding-left: 52px;
text-align:left;
}*/
.para-item a {
position: relative;
display: inline-block;
border: 0px;
font-size: 12px;
vertical-align: top;
text-align: left;
margin: 0px 5px 5px 0px;
cursor: pointer;
}
.selector .s-brand .sl-v-list .para-item a {
/*width:95px;*/
padding-left:15px;
text-align:left;
}
.para-items > span{
position: relative;
display: inline-block;
font-size: 12px;
vertical-align: top;
margin: 0 2px 2px 0;
padding: 1px 4px;
cursor: pointer;
}
.sl-tab-cont-item.single ul li a{
padding:0 6px;
}
.CountryList {
display:none;
}
.MenuSearchInfo {
display:none;
}
.sl-wrap.extend .MenuSearchInfo {
display:block;
padding:10px 0;
}
/*.sl-wrap.multiples.extend .J_valueList li{width:120px;}
.sl-wrap.multiples.extend .commonCountry li:nth-child(n+1):nth-child(-n+10) a {
font-weight:600; text-decoration:none;
}*/
.MenuSearchInfoBtn {
cursor:pointer;
background-color:#428bca; color: #fff;
}
#SearchCountry{
cursor:pointer;
background-color:#428bca; color: #fff;
}
#SearchCountry:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.CommonCountry b,.OtherCountry {
display:none;
}
.CommonCountry,.OtherCountry {
clear:both;
float:none;
}
.sl-wrap.multiples.extend .CommonCountry b ,.sl-wrap.multiples.extend .OtherCountry b {
display:block;
margin-left:8px;
clear:both;
float:none;
}
.sl-wrap.multiples.extend .CountryList,.sl-wrap.multiples.extend .OtherCountry{display:block; }
.sl-wrap.multiples.extend .J_valueList{
height:100%;
}
.ContentValueList {
padding-top: 6px;height: 40px;
}
.input-group-sm> .input-group-btn .btn{
border-bottom-left-radius:0;border-top-left-radius:0
}
#J_selector .tree {
position:absolute;
z-index:2000;
min-height:260px;
max-height:300px;
width:460px; overflow:auto;margin-left:-15px;
display:none;
margin-bottom: 20px;
margin-top: -2px !important;
}
#J_selector .breadcrumb_title {
background:#fff;
}
#J_selector .breadcrumb_title > span{color:#005aa0;}
.crumbs-bar {
position: relative;
z-index: 6;
padding-top:6px;
}
.crumbs-nav {
line-height: 24px;
/*padding-right: 125px;*/
}
.crumbs-nav-item {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.crumbs-first a {
padding-left: 9px;
color: #333;
}
.crumbs-arrow {
float: left;
margin-right: 5px;
font-family: SimSun;
font-style: normal;
}
.crumb-select-item {
position: relative;
float: left;
height: 22px;
line-height: 22px;
border: 1px solid #DDD;
font-size: 12px;
vertical-align: top;
margin: 0 5px 5px 0;
padding: 0 26px 0 4px;
cursor: pointer;
background: #f3f3f3;
}
.crumb-select-item b {
font-weight: 400;
color: #333;
}
.crumb-select-item em {
color: #09c;
}
.crumb-select-item i {
display: block;
position: absolute;
width: 25px;
height: 22px;
right: 0;
top: -1px;
background: url(/Content/img/search.ele.png) no-repeat 7px -140px;
}
.crumb-select-item:hover {
border-color: #09c;
text-decoration: none;
background: #fff;
}
.crumb-select-item:hover i {
background-color: #09c;
background-position: 7px -158px;
}
.addMoreorderno {
color: #09c;
font-size: 12px;
padding: 5px 10px;
border-radius: 3px;
background-color: #f5f5f5;
}
#DropListItem .multiple {
}
/*-------------------展开样式-------------------*/
.sl-tab-cont-item#markSysList li{width:89px;overflow:hidden}
.sl-tab-cont-item#markSysList li a{width:89px;overflow:hidden}
.sl-tab-cont-item#OrderStatus li{width:70px;overflow:hidden}
.sl-tab-cont-item#StoreId li{width:180px;margin-right:6px;overflow:hidden}
.sl-tab-cont-item#StoreId li a{width:180px;text-align: left !important;}
.sl-tab-cont-item#markList li{width:100px;overflow:hidden}
.sl-tab-cont-item#saleOrderStatue li{width:100px;overflow:hidden}
.sl-tab-cont-item#CommonCountry li{width:200px;overflow:hidden;margin-right:2px;}
.sl-tab-cont-item#IsFBAOrder li{margin-right:5px;}
.sl-tab-cont-item#shipStatus li{margin-right:5px;}
.sl-tab-cont-item#shipType li{margin-right:5px;}
.sl-tab-cont-item#markSysList li{margin-right:5px;}
.sl-tab-cont-item#OrderPostBckStatus li{margin-right:5px;}
.sl-tab-cont-item#OrderPrintStatus li{margin-right:5px;}
.sl-tab-cont-item#AccordingState li{margin-right:5px;}
.sl-tab-cont-item#PackageMaterial li{margin-right:5px;}
.sl-tab-cont-item#DeliveryTime li{margin-right:5px;}
.sl-tab-cont-item#StoreIdType ul{margin-top:5px;}
.sl-tab-cont-item#StoreIdType li{margin-right:5px;}
.sl-tab-cont-item#txtSaleMan li{margin-right:5px;}
/*---------------------*/
.OrderStatusTitle {
float:none;
clear:both;
}
.sl-tab-cont-item#LogisticMode li {
width:280px;margin-right:10px
}
.sl-tab-cont-item#LogisticMode li a{
width:280px;text-align: left;
}
.J_valueList #PackageMaterial li{width:100px;}
#BtnSet{
background:#09c;
float:right;
margin-right:0px;
}
#BtnSet .text {
color:#fff;
}
/*菜单下功能按钮样式 Start*/
#divFollowButtons {
margin:3px;
}
.form-horizontal .control-label{padding-top:0px;}
/*菜单下功能按钮样式 End*/
.panel table div,.card,.uploadPager,.clearboth{margin-bottom:5px;margin-top:5px;}
.autocomplete{margin-top:5px;}
.autocompletes{margin-top:7px !important;}
.selector div {
/*margin:0px !important;*/
}
input[type=checkbox], input[type=radio]{margin: 5px 0 0;}
#searchtype label {
cursor:pointer;
height:20px;
line-height:20px;
vertical-align:middle;
}
#searchtype input {
margin-left: -15px;
margin-top: 4px;
}
.countryitem{
margin: 2px 5px;
padding: 0px 0px 0px 5px;
border: 1px solid #ccc;
display: inline-block;
}
.countryitem:hover{
border: 1px solid #09c;
}
.countryitem .remove{
margin-left: 5px;
cursor:pointer;
display:inline-block;
width:20px;
text-align:center;
margin-right: -1px;
}
.countryitem .remove:hover{
background-color:#09c;
color:#fff;
}
.delete-text{
color: #666;
text-decoration: line-through;
font-style: oblique;
}
/* Begin:返回顶部按钮样式 */
.scroll-to-top{
background-color: #fff;
border: 1px solid #09c;
border-radius: 16px;
display: block;
position: fixed;
z-index: 99999;
width: 32px;
height: 32px;
right: 1px;
bottom: 80px;
cursor: pointer;
text-align: center;
line-height: 32px;
font-size:14px;
color:#09c;
}
.scroll-to-top:hover{
border-radius: 20px;
width: 40px;
height: 40px;
line-height: 40px;
font-size:18px;
}
/* End:返回顶部按钮样式 */
/*----*/
.header {
background: #428bca;
}
.header .logo{font-size:40px;color:#fff;margin-top:-4px;color:#fff}
.mymenubar.others { margin-top: 2px;}
.menutools li a {font-size: 12px;}
.mymenubar .common-nums {position: inherit; left: inherit;top:-10px;display: inline-block;}
.common-nums {position: absolute;display: block;left: 56px;padding: 0 3px;min-width: 16px;height: 16px; line-height: 16px;text-align: center;border-radius: 8px; font-size: 9px;font-family: tahoma;
color: #fff;font-weight: 400; background-color: #000;}
.others { color: #fff;}
.header .mainmenu > li a{color:#fff;font-size:16px;}
.header .mainmenu > li a:hover{color:#02d063;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background: #00479d; border-color: #00479d;}
.mymenubar .userImg {border-radius: 50%;width: 25px !important; height: 25px !important; border: 0;vertical-align: middle;padding: 1px;}
/*.nav > li > a:hover, .nav > li > a:focus{background-color:#006d33;color:#fff;}
.navbar-nav > li > a{padding-top:19px;}*/
.mode-wrap { padding: 2em 0;}
.menu-grids { border: 1px solid #dbdbdb; background: #fff;height:320px;}
.menu-grids h3 { background: #f9f9f9; height: 40px;font-size: 18px;color: #333333; font-familY: "微软雅黑";line-height: 40px;}
.menu-grid {width: 25%;float: left; padding: 10px;position: relative;}
.menu-grid a img {width: 100%;}
.dia {margin-top: 10px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;font-size:18px; text-align:left;}
.dia a{color:#333; text-decoration:none;}
.ns-money {float: left; margin-top: 5px;color: #666; font-size: 12px; text-align:left}
.ns-money p a{float: left; margin-top: 5px;color: #666; font-size: 12px; text-align:left}
.menu-grids span {float: right;color: #666666;font-size: 14px; margin-right: 15px;}
.mune-gridt ul li{ line-height:30px;padding:5px 10px;}
.mune-gridt ul li a{font-size:14px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;color:#333;}
.mune-gridt span{font-size:12px;color:#a8a8a8;}
.wp-panel{ text-align:center;background:#f1f1f1;margin-top:20px;}
.wp-panel img{margin-top:18px;/*margin-bottom:60px;*/}
.wp-pane2 img{margin-top:40px;margin-bottom:60px;}
.custom{padding: 60px 0;text-align:center;}
.line-title::after, .line-title-left::after {content: ''; width: 85px;height: 3px;border-radius: 4px; background-color: #57db9b; display: block; margin:2px auto 0;}
.line-title, .line-title-left {font-size: 32px; line-height: 1.5;text-align: center; color: #2E4446;}
.custom img{ margin-top:45px;}
/*--------------登录---------------*/
.login-head{border-bottom:3px solid #ddd;background:#fff;}
.login-head .logo{width:30%;}
.login-head .logo{margin:5px 0;}
.login-head .logits{width:70%;}
.login-head .logits ul{float:right;}
.login-head .logits ul li{float:left;padding:19px 15px 0;}
.login-head .logits ul li a{font-size:17px;color:#333;border-right:1px solid #333;padding-right:26px;}
.login-head .logits ul li a:hover{ text-decoration:none;color:#007d36;border-right:1px solid #007d36;}
.login-body{background:url(../../Content/img/login_banner.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.login-form {background-color: rgb(255,255,255);background-color: rgba(255,255,255,0.97); width: 370px;padding:15px 0;margin:130px 0 100px; border-radius:5px;}
#login-content{padding:8px 23px 20px;}
.res {float: left; border: 1px solid #ccc;width: 40px;height: 40px;}
.res img { margin-left: 8px;margin-top: 10px;}
/*.form-control {border-radius: 0px; height: 40px; width: 87%;margin-right: 10px;}*/
.logse { margin-top: 20px;}
.dl{background:#007d36; border-radius:5px;margin-top:21px; text-align:center}
.dl a{color:#fff;letter-spacing: 8px;font-size:20px;}
.fotter{background:#fff;}
.fotter p{ text-align:center;font-size:16px;color:#333333;margin-top:50px;}
@media(max-width:1366px){
.login-body{background:url(/Content/img/login_banner.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;height:500px;}
.login-form {background-color: rgb(255,255,255);background-color: rgba(255,255,255,0.97); width: 370px;padding:15px 0;margin:60px 0 0px; border-radius:5px;}
.fotter p{ text-align:center;font-size:16px;color:#333333;}
}
@media(max-width:1280px){
}
@media(max-width:1220px){
}
@media(max-width:1024px){
}
@media(max-width:768px){
}
@media(max-width:640px){
}
@media(max-width:568px){
}
/*.form-control {border-radius: 0px; height: 40px; margin-top: 20px; width: 87%;margin-right: 10px;}*/
@media(max-width:480px){
.fotter{border-top:1px solid #d4d4d4;margin-top:50px;}
.fotter p{ text-align:center;font-size:14px;color:#333333;margin-top:20px;}
.wp-panel img{width:100%;}
.login-body {background: url(../../Content/img/login_banner.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 450px;}
.login-form{width:100%;}
.form-control{width:85%;}
}
@media(max-width:414px){
}
@media(max-width:375px){
}
@media(max-width:320px) {
}
.home-log{position:absolute;top:0px;min-height: 40px;width: 300px;}
.home-log img{margin-left:10px;/*height:32px; width:140px;*/float:left;}
.home-log h3{font-size:22px;color:#fff;font-family:"微软雅黑";float: left;margin-top: 7px;margin-left: 5px;}
.bwizard-steps {
display: inline-block;
margin: 0;
padding: 0;
background: #fff;
}
.bwizard-steps .active {
color: #fff;
background: #428bca;
}
.bwizard-steps .active:after {
border-left-color: #428bca;
}
.bwizard-steps .active a {
color: #fff;
cursor: default;
}
.bwizard-steps .label {
position: relative;
top: -1px;
margin: 0 5px 0 0;
padding: 1px 5px 2px;
}
.bwizard-steps .active .label {
background-color: #333;
}
.bwizard-steps li {
display: inline-block;
position: relative;
margin-right: 5px;
padding: 12px 17px 10px 30px;
*display: inline;
*padding-left: 17px;
background: #efefef;
line-height: 18px;
list-style: none;
zoom: 1;
}
.bwizard-steps li:first-child {
padding-left: 12px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.bwizard-steps li:first-child:before {
border: none;
}
.bwizard-steps li:last-child {
margin-right: 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.bwizard-steps li:last-child:after {
border: none;
}
.bwizard-steps li:before {
position: absolute;
left: 0; top: 0;
height: 0; width: 0;
border-bottom: 20px inset transparent;
border-left: 20px solid #fff;
border-top: 20px inset transparent;
content: "";
}
.bwizard-steps li:after {
position: absolute;
right: -20px; top: 0;
height: 0; width: 0;
border-bottom: 20px inset transparent;
border-left: 20px solid #efefef;
border-top: 20px inset transparent;
content: "";
z-index: 2;
}
.bwizard-steps a {
color: #333;
}
.bwizard-steps a:hover {
text-decoration: none;
}
.bwizard-steps.clickable li:not(.active) {
cursor: pointer;
}
.bwizard-steps.clickable li:hover:not(.active) {
background: #ccc;
}
.bwizard-steps.clickable li:hover:not(.active):after {
border-left-color: #ccc;
}
.bwizard-steps.clickable li:hover:not(.active) a {
color: #08c;
}
@media (max-width: 480px) {
/* badges only on small screens */
.bwizard-steps li:after,
.bwizard-steps li:before {
border: none;
}
.bwizard-steps li,
.bwizard-steps li.active,
.bwizard-steps li:first-child,
.bwizard-steps li:last-child {
margin-right: 0;
padding: 0;
background-color: transparent;
}
}
.input-group input[type='text'] {
/*border-radius: 35px;*/
}
body { background-color: #fff;}
.info { padding: 70px; color: #fff; text-align: center; background: linear-gradient(45deg,#020031,#6d3353); overflow: hidden;}
.info h2 { margin-bottom: 30px; font-size: 32px;}
.info .p1 { margin-bottom: 10px; font-size: 16px;}
.info .p2 a { margin: 0 8px; color: #fff; opacity: 0.5;}
.info .p2 a:hover { opacity: 1;}
.info .s { margin-top: 50px;}
.info .s input { width: 600px; height: 16px; padding: 15px; line-height: 16px; border: 1px solid #fff; text-align: center;}
.info .v { margin-top: 15px; opacity: 0.5;}
.icons { width: 1168px; margin: 0 auto; font-size: 0;}
.icons li { display: inline-block; width: 124px; height: 94px; margin: 20px 10px 0 10px; padding-top: 30px; border: 1px solid transparent; border-radius: 4px; font-size: 32px; text-align: center; vertical-align: top; background-color: #f8f9fa; cursor: pointer;}
.icons li:hover { border-color: #dcdfe6;}
.icons .name { margin-top: 10px; font-size: 12px;}
.bootstrap-icons h2 { margin: 50px 0 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; line-height: 1; font-size: 24px; text-align: center;}
.bootstrap-icons h3 { margin: 10px 0; font-size: 16px;}
.bootstrap-icons p { margin: 24px 0;}
#area1 { margin-top: 20px;}
.bootstrap-icons pre { max-height: 400px; margin: 24px 0; padding: 10px; border: 1px solid #f0f0f0; font: 13px/24px Consolas,"Lucida Sans Typewriter","Lucida Console",Monaco,"Bitstream Vera Sans Mono",monospace; background-color: #f8f8f8; overflow: auto;}
.search-go {
background-image: url(https://img.dowebok.com/themes/search.png);
background-size: 16px 16px;
background-position: 50%;
background-repeat: no-repeat;
width: 30px;
border: 1px solid #53b11a;
}
.bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgba(16,185,129,var(--tw-bg-opacity));
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.text-zero {
font-size: 0;
}
.table th {
color: #909399;
/*font-weight: 500;*/
font-size: 13px;
}
.table-bordered {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 100px;
}
.table-bordered th {
background-color: #fff;
}
.exam_home {
height: 100%;
display: flex;
width: 100%;
}
td .btn-group a {
color: #fff;
text-decoration: none;
border: 1px solid #428bca;
background: #428bca;
padding: 4px;
border-radius:3px;
}
.left_panel .submenu .collapsed {
display: none;
}
.el-tabs--border-card {
border: 1px solid #dcdfe6;
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%), 0 0 6px 0 rgb(0 0 0 / 4%);
}
/*----------------首页------------------*/
.card-body.card-padding {
padding: 0;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.outer-w3-agile {
padding: 2em 1em;
-webkit-box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 25%);
background: #fff;
}
.streamline .sl-item {
position: relative;
padding-bottom: 16px;
border-left: 1px solid #ccc;
}
.streamline .border-danger:before {
background-color: #dc3545;
}
.streamline .sl-item:before {
content: '';
position: absolute;
left: -6px;
top: 0;
/*background-color: #ccc;*/
width: 12px;
height: 12px;
border-radius: 100%;
}
.streamline .border-primary:before {
background-color: #007bff;
}
.streamline .sl-item:before {
content: '';
position: absolute;
left: -6px;
top: 0;
/*background-color: #ccc;*/
width: 12px;
height: 12px;
border-radius: 100%;
}
.streamline .sl-item .sl-content {
margin-left: 24px;
}
.border-primary {
border-color: #007bff !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.streamline .border-success:before {
background-color: #28a745;
}
.border-success {
border-color: #28a745 !important;
}
.streamline .border-secondary:before {
background-color: #6c757d;
}
.border-secondary {
border-color: #6c757d !important;
}
.streamline .border-warning:before {
background-color: #ffc107;
}
.border-warning {
border-color: #ffc107 !important;
}
a.nav-link i {
display: inline-block;
font-size: 17px;
color: #4c6ef5;
}
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
/*.fa-user:before {
content: "\F00C";
}*/
.text-info {
color: #fff !important;
}
.bg-gradient-blooker {
background: #ffdf40;
background: -webkit-linear-gradient( 45deg, #ffdf40, #ff8359) !important;
background: linear-gradient( 45deg, #ffdf40, #ff8359) !important;
}
.widgets-icons-2 {
margin-top: 15px;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background-color: #ededed;
font-size: 27px;
border-radius: 10px;
}
.rounded-circle {
border-radius: 50% !important;
}
.col {
flex: 0 0 auto;
margin-right: 10px;
}
.row-cols-1 {
margin-bottom: 10px;
/*height: 144px;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
/*justify-content: space-between;*/
}
.row {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
.uio-er {
margin: -30px 70px -50px;
font-size: 15px;
color: #123904;
}
.border-danger {
border-color: #f41127 !important;
}
.border-start {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0 solid transparent;
border-radius: 0.25rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
.radius-10 {
border-radius: 10px;
}
.border-3 {
border-width: 3px !important;
}
.border-0 {
/* border-width: 0!important; */
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem;
}
.block-body[data-v-7da0a7ad] {
/* height: 72px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.entrance-icon[data-v-a5da0a7ad] {
-ms-flex-item-align: start;
align-self: flex-start;
font-size: 32px;
}
.diamond {
width: 0;
height: 0;
border: 25px solid transparent;
border-bottom-color: #69c33d;
position: relative;
top: -30px;
}
.diamond:after {
content: '';
position: absolute;
left: -25px;
top: 25px;
width: 0;
height: 0;
border: 25px solid transparent;
border-top-color: #69c33d;
}
.entrance-sub-block[data-v-7da0a7ad] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 14px 15px;
/*background: #f7f8fa;*/
border-radius: 4px;
cursor: pointer;
}
.entrance-content .title[data-v-a5da0a7ad] {
color: #333;
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
.entrance-content .desc[data-v-a5da0a7ad] {
color: #999;
font-size: 12px;
}
.entrance-sub-block[data-v-7da0a7ad] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 14px 15px;
/*background: #f7f8fa;*/
border-radius: 4px;
cursor: pointer;
}
.entrance-content[data-v-a5da0a7ad] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 10px;
padding-right: 10px;
}
.ant-col-md-6 {
/* display: block; */
flex: 0 0 25%;
max-width: 25%;
}
app-link-block[data-v-d267c6b9] {
padding: 12px;
text-align: center;
display: block;
color: inherit;
}
.anticon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ant-card {
width: 100px;
padding: 12px;
text-align: center;
display: block;
color: inherit;
border-right: 1px solid #6666662b;
height: 80px;
margin-right: 60px;
font-size: 15px;
}
.main-left[data-v-7da0a7ad] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.main-right[data-v-7da0a7ad] {
margin-left: 10px;
width: 200px;
}
.services .el-button[data-v-7da0a7ad] {
display: block;
margin: 10px auto;
width: calc(100% - 16px);
}
.el-button--medium {
padding: 10px 20px;
font-size: 14px;
border-radius: 4px;
}
.services .phone .phone-contact[data-v-7da0a7ad] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
padding-left: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.services .phone[data-v-7da0a7ad] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
margin-bottom: 20px;
height: 38px;
}
.el-button--primary.is-plain {
color: #409eff;
background: #ecf5ff;
border-color: #b3d8ff;
}
.main-left[data-v-7da0a7ad] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.ant-col-lg-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 73.33333333%;
}
.ant-row {
display: flex;
/* flex-flow: row wrap; */
}
body {
}
.indexWin_banner-container__T7vqj {
/*background-image: url('../img/sxzx/beijing.jpg');*/
background-image: url('../img/sxzx/bjtys9.jpg');
/*background-image: url('../img/sxzx/bjbanner.jpg');*/
height: 500px;
background-size: cover;
}
.indexWin_banner__AMNOU {
/* width: 1200px;*/
position: absolute;
left: 50%;
top: 50%;
width: 100%;
/* display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;*/
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.indexWin_banner-left___BA9W {
color: white;
position: absolute;
width: 100%;
bottom: 15px;
}
.sxfEIn {
width: 100%;
height: 200px;
background-color: #05164594;
position: absolute;
top: 100px;
}
.cemt_tk {
text-align: center;
}
.cemt_tk h1 {
font-size: 50px;
font-family: cursive;
}
.cemt_tk p {
font-size: 22px;
margin-top: 10px;
}
.sxfEIn .index_banner-footer-item-box__tP32s {
width: 100%;
height: 130px;
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
top: 19px;
}
.index_banner-footer-item-box__tP32s .index_banner-footer-item__C7odK {
width: 300px;
height: 130px;
border-radius: 0 0 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.index_banner-footer-item__C7odK .index_banner-footer-item-left__gRXX3 .index_image__NNihI {
width: 20px;
margin-top: 10%;
margin-right: 10px;
height: 80%;
position: relative;
}
.index_banner-footer-item-box__tP32s .index_banner-footer-item__C7odK .index_banner-footer-item-right__3zBpL {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.index_banner-footer-item__C7odK .index_banner-footer-item-right__3zBpL .index_text__4dH6D {
/*width: 126px;*/
height: 28px;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 28px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: serif;
}
.index_banner-footer-item-right__3zBpL .index_des__hJLx3 {
font-size: 16px;
color: #fff;
padding-top: 5px;
font-family: fangsong;
}
.index_editorial__4QPfp {
display: block;
width: 100%;
height: 6em;
max-height: 100vh;
margin: 0;
position: absolute;
bottom: 0;
}
/*动画效果*/
.index_parallax__dMoSm > use {
-webkit-animation: index_move-forever__yz1rD 12s linear infinite;
animation: index_move-forever__yz1rD 12s linear infinite
}
.index_parallax__dMoSm > use:first-child, .index_parallax__dMoSm > use:nth-child(2) {
-webkit-animation-delay: -2s;
animation-delay: -2s
}
.index_parallax__dMoSm > use:nth-child(2) {
-webkit-animation-duration: 5s;
animation-duration: 5s
}
.index_parallax__dMoSm > use:nth-child(3) {
-webkit-animation-delay: -4s;
animation-delay: -4s;
-webkit-animation-duration: 3s;
animation-duration: 3s
}
@-webkit-keyframes index_move-forever__yz1rD {
0% {
-webkit-transform: translate(-90px);
transform: translate(-90px)
}
to {
-webkit-transform: translate(85px);
transform: translate(85px)
}
}
@keyframes index_move-forever__yz1rD {
0% {
-webkit-transform: translate(-90px);
transform: translate(-90px)
}
to {
-webkit-transform: translate(85px);
transform: translate(85px)
}
}
.new-course-center .item-z {
overflow: hidden;
border-radius: 8px;
display: block;
width: 60%;
margin: auto;
}
.new-course-center .item-z .img {
position: relative;
padding-top: 100%;
overflow: hidden;
display: block;
}
.new-course-center .item-z .desc .dc .t {
padding-top: 10px;
font-size: 16px;
line-height: 22px;
color: #000;
height: 44px;
margin-bottom: 8px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.new-course-center .item-z .img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.tals {
text-align: center;
}
.gbm {
margin-top: 20px;
-webkit-box-pack: center;
justify-content: center;
}
.index_pc_content__j6ZsB {
width: 618px;
padding-top: 74px;
margin: 0 auto;
}
.index_pc_content__j6ZsB .index_pc_title__p7LPm {
font-size: 36px;
font-weight: 500;
color: #fff;
line-height: 46px;
margin-bottom: 20px;
text-align: center;
}
.index_pc_content__j6ZsB .index_pc_sub-title__nUZS7 {
font-size: 18px;
font-weight: 400;
color: #fff;
line-height: 28px;
margin-bottom: 20px;
text-align: center;
}
.index_pc_content__j6ZsB .index_pc_form-layer__OMwYU {
position: relative;
height: 68px;
text-align: center;
}
.index_pc_content__j6ZsB .index_pc_form-layer__OMwYU input {
width: 100%;
height: 100%;
background: #fff;
box-shadow: 0 14px 30px 0 rgba(0,0,0,.05);
border-radius: 372px;
font-size: 14px;
color: rgba(50,50,54,.6);
padding-left: 30px;
outline: none;
}
.index_pc_content__j6ZsB .index_pc_form-layer__OMwYU a {
position: absolute;
right: 6px;
top: 6px;
width: 148px;
height: 56px;
font-size: 18px;
color: #fff;
line-height: 56px;
border-radius: 193px;
background: #ff9000;
cursor: pointer;
border: 1px;
}
.el-menu.el-menu--horizontal span {
color: #fff;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.index_footer-contanier__ok4hW {
width: 1200px;
padding: 0 20px;
padding-top: 50px;
}
.index_footer-contanier-box__WfHVN {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.index_footer-contanier-link__X4qlO {
height: 248px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 80px;
}
.index_footer-contanier-link__X4qlO .index_link-block1__eYPtG:first-child {
min-width: 220px;
}
.index_footer-contanier-link__X4qlO .index_link-block1__eYPtG {
height: 100%;
min-width: 80px;
}
.index_footer-contanier-link__X4qlO .index_link-block1__eYPtG .index_link-title__WZj6y {
height: 20px;
color: #1e1e21;
font-weight: 700;
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
}
.index_footer-contanier-link__X4qlO .index_link-block1__eYPtG .index_link-content__YVuqa .index_link-item__ZYs8f {
color: #505962;
margin-bottom: 16px;
height: 20px;
font-size: 14px;
}
.index_footer__WMC2K {
background-color: #f7f7f7;
}
.index_footer-contanier-link__X4qlO .index_link-block1__eYPtG .index_link-content__YVuqa {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 200px;
}
.index_footer-contanier-link__X4qlO .index_link-block__mw_WB {
height: 100%;
min-width: 80px;
}
.index_footer-contanier-link__X4qlO .index_link-block__mw_WB .index_link-content__YVuqa {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 164px;
}
.index_footer-contanier-link__X4qlO .index_link-block__mw_WB .index_link-content__YVuqa .index_link-item__ZYs8f {
color: #505962;
margin-bottom: 16px;
height: 20px;
font-size: 14px;
}
.index_footer-contanier-link__X4qlO .index_link-block__mw_WB .index_link-content__YVuqa {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 164px;
}
.index_link-block__mw_WB .index_link-title__WZj6y {
height: 20px;
color: #1e1e21;
font-weight: 700;
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
}
.index_footer-contanier-bottom__Utj3q {
display: block;
width: 100%;
height: 58px;
font-size: 14px;
font-weight: 400;
line-height: 58px;
text-align: center;
box-shadow: inset 0 1px 0 0 #dcdcdc;
}
.index_link-content2__FCloL {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tre-btn {
display: block;
color: #3c3c3c;
/*padding-right: 24px;
margin-right: 15px;*/
background-repeat: no-repeat;
background-position: 100%;
background-size: 20px 20px;
margin: 0px 15px;
border: 1px solid;
color: #fff;
}
.tre-btn a {
padding: 0px 10px;
color: #fff;
}