/*#region 初始化 */
* { margin: 0; padding: 0; outline: 0; }
select { padding: 0 6px; border: solid 1px #ccc; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 16px;border-radius: 4px!important; background: url(/Content/images/input-icon.png) no-repeat scroll right center transparent; background-color: #fff; }
select::-ms-expand { display: none; }
body { padding-top: 0; background-color: #f3f3f3; color: #555; font-size: 12px; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif; }
.supplySide_boby { width: 100%; height: 100%; background-color: #e9ecf3; }
table { max-width: none; }
body, html { height: 100%; }
p { margin: 0; }
a { color: #555; text-decoration: none; cursor: pointer; }
a:focus {color:inherit; outline: none; text-decoration: none; }
a:hover { color: #555; text-decoration: none; }
img { border: none; }
li, ol, ul { list-style: none; }
form { margin: 0; }
label{margin-bottom: 0;}
/*移除线上图标右下角三角形*/
[class*=" icon-"], [class^=icon-]{background-image: url(../img/glyphicons-halflings1.png)!important;}
.button_a_label { display: inline-block; width: 100px; height: 30px; text-align: center; line-height: 30px; border-radius: 4px}
/*#region Site */
.iconfont-default { background-image: none; width: auto; height: auto; margin-top: 0; line-height: 1; vertical-align: initial; }
.field-validation-valid { margin-left: 5px; display: none; }

.field-validation-error { margin-left: 5px; color: #EE483C; }

input[type=radio],
input[type=checkbox] { margin: -3px 2px 0 0; }

input,
input[type=text],
input[type=password],
textarea,
select { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif; font-size: 12px; border-radius: 0; margin: 0; padding-left: 12px; height: 30px; box-sizing: border-box; }

input,
textarea,
.uneditable-input { width: 204px; border-radius: 4px!important}

input:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus,
input[type="submit"]:focus { outline: none; border: #00A0E9 1px solid; /*box-shadow: 0 0 8px rgba(103, 166, 217, 1);
    -webkit-box-shadow: 0 0 8px rgba(103, 166, 217, 1);*/ }
/*boostrap样式调整*/
.nav-tabs>li{
    margin-bottom:0;
       font-size: 14px;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:focus, .nav-tabs>.active>a:hover,.nav-tabs>li>a:hover{
    border:none;
    color: #00A0E9!important;
    font-weight: bold;
    background: #fff;
    border-bottom:2px solid #00A0E9!important;
}
/*默认颜色*/

.action-color{
    color: #00A0E9;
}
.action-bg-color{
    background: : #00A0E9;
    color: #fff;
}
.c_main input:focus,
.c_main input[type="text"]:focus,
.c_main input[type="password"]:focus,
.c_main textarea:focus,
.c_main select:focus,
.c_main input[type="submit"]:focus { outline: none; border: #EE483C 1px solid; }

input[type="submit"],
input[type="button"],
button { width: 100px; height: 30px; padding: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif; font-size: 12px; border: 0; }

input::-webkit-input-placeholder { /* WebKit browsers */ color: #888; opacity: 1; }

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888; opacity: 1; }

input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888; opacity: 1; }

input::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #888; opacity: 1; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] { background-color: #f5f7fc; }

.c_main input[disabled],
.c_main select[disabled],
.c_main textarea[disabled],
.c_main input[readonly],
.c_main select[readonly],
textarea[readonly] { background-color: #f3f3f3; }

input .input-validation-error { border: 1px solid #ff8989; }

.dl-flex{
    display: flex;
    align-items: center;
    justify-content: center;
}

.dl-flex-x-r-c{
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*右边箭头符号*/

.my-navigate-right:after { font-family: "iconfont" !important; font-size: inherit; line-height: 1; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #bbb; -webkit-font-smoothing: antialiased; right: 15px; content: "\e6a3"; }


/*提示框样式*/

.list-title-popover { position: relative; line-height: 20px;}
.list-title-popover.xs-h{line-height:32px!important;}
.list-title-popover .h-overflow{max-height: 200px;overflow-y: auto;min-height: 100px;}
.list-title-popover .popover { width: 350px; right: 50%; margin-right: -178px; max-width: none; top: auto; left: auto;line-height: 20px; }
.list-title-popover .popover.top{bottom: 30px;}
.list-title-popover.sm-w .popover { width: 200px; margin-right: -95px; }
.list-title-popover.sm-w .popover.bottom .arrow { margin-left: -4px; }

.div-title { line-height: 20px; font-size: 14px; height: 20px; border-bottom: 1px solid #eee; padding: 10px 0; }

.div-title .t-tip { display: inline-block; width: 6px; height: 20px; margin-right: 5px; vertical-align: text-top; background-color: #EE483C; }


/*flex弹性盒子布局*/

.box-flex-f { display: -moz-box; /* Firefox */ display: -webkit-box; /* Safari and Chrome */ }

.box-flex-c { -moz-box-flex: 1.0; /* Firefox */ -webkit-box-flex: 1.0; /* Safari and Chrome */ }


/*#endregion */


/*#endregion */


/*#region 母版页 */

.left_wrap { width: 96px; height: 100%; background-color: #00A0E9; float: left; min-height: 590px; top: 0; z-index: 1001; position: fixed; }

.left_menu_wrap { /*margin-top: 23px;*/ width: 96px; float: left; }

.left_menu_wrap ul { margin:15px 0 0 0; }

.left_menu_wrap .icon { width: 27px; height: 27px; background-image: url("../Content/images/icons.png?v4"); background-repeat: no-repeat; margin: 10px 2px 0 14px; float: left; }

.left_menu_wrap .icon_text { width: 48px; float: left; padding-top: 13px; text-align: left; }

.left_menu_wrap a { background: 0 0; display: block; text-align: center; color: #fff; line-height: 1em; }

.left_menu_wrap .action { background-color: #0094DE; }

.left_menu_wrap .left_menu_li { width: 96px; text-align: center; position: relative; }

.left_menu_wrap .left_menu_li .left_menu_a { width: 100%; height: 66px;line-height: 66px;  font-size: 16px;text-align: center; }

.left_menu_wrap  .left_menu_a .icon_model{display: inline-block;padding-left:28px;position: relative;line-height: 20px}
.left_menu_wrap  .left_menu_a .icon_model .icon_model_name{line-height: 17px;}
.left_menu_wrap  .left_menu_a .icon_model .pages{min-width: 18px;height: 18px;line-height: 17px;display:none;background: #EE483C;border-radius: 18px;text-align: center;position: absolute;z-index: 111;font-size: 10px;top: -10px;right: -17px;color: #fff;}
.left_menu_wrap  .left_menu_a .icon_model .iconfont{width: 20px;line-height: 20px;height: 20px;font-size: 20px;margin-top: -10px;position: absolute;top: 50%;left: -1px;background:none;}

.left_menu_wrap .left_menu_li .order .icon { background-position: 0px 0; }

.left_menu_wrap .left_menu_li .customer .icon { background-position: -27px 0; }

.left_menu_wrap .left_menu_li .product .icon { background-position: -54px 0; }

.left_menu_wrap .left_menu_li .repertory .icon { background-position: -180px -26px; }

.left_menu_wrap .left_menu_li .product2 .icon { background-position: -27px 0; }

.left_menu_wrap .left_menu_li .shoppingcart .icon { background-position: -189px 0; }

.left_menu_wrap .left_menu_li .promotion .icon { background-position: -108px 0; }

.left_menu_wrap .left_menu_li .money .icon { background-position: -81px 0; }

.left_menu_wrap .left_menu_li .money2 .icon { background-position: -81px 0; }

.left_menu_wrap .left_menu_li .notice .icon { background-position: -135px 0; }

.left_menu_wrap .left_menu_li .chart .icon { background-position: -162px 0; }

.left_menu_wrap .left_menu_li .dropship .icon { background-position: -180px -54px; }

.left_menu_wrap .left_menu_li .float_menu { /*width: 130px;*/ position: absolute; left: -1200px; display: block; background: #0094DE; border-left: none; opacity: 0; /*padding: 15px 0;*/ color: #fff; transition: opacity .5s; top: 0px; }

@media all and (max-height:800px) {
    .left_menu_wrap .left_menu_li .float_menu.pc-size-meau { top: auto; bottom: 0px; }
}

/*@media all and (max-height:700px) {
    .left_menu_wrap .left_menu_li { height: 61px; line-height: 61px;}
    .left_menu_wrap .left_menu_li .left_menu_a { height: 61px; padding: 13px 0; box-sizing: border-box;}
}*/


.left_menu_wrap .left_menu_li .show_menu { left: 100%; display: block; opacity: 1; }

.left_menu_wrap .left_menu_li .float_menu .second-menu-wrap { overflow: hidden; display: table; padding: 15px; white-space: nowrap; position: relative; }

.left_menu_wrap .left_menu_li .float_menu .float_menu_list { display: table-cell; line-height: 30px; height: 100%; /*border-right: 1px solid #eef1f9;*/ }

.left_menu_wrap .left_menu_li .float_menu .float_menu_list:last-child { border-right: none; }

.left_menu_wrap .left_menu_li .float_menu .float_menu_list .float_menu_list_title { background-color: transparent !important; }

.left_menu_wrap .left_menu_li .float_menu .float_menu_list .float_menu_list_title a { color: #6FC3F1; }

.left_menu_wrap .left_menu_li .float_menu .float_menu_list li { width: 100%; height: 34px; }

.left_menu_wrap .left_menu_li .float_menu .float_menu_list li a { text-align: center; padding: 10px 20px; }

.left_menu_wrap .left_menu_li .float_menu .float_menu_list .item_action { background-color: #0085C8; }

.right_content { min-width: 850px; margin-left: 96px; /*max-width: 1450px;*/ height: 100%; }

.top_menu_wrap { border-bottom: 1px solid #dbdee1; height: 60px; background-color: #fff; width: 100%; }

.top_menu_wrap ul { margin: 0; }

.top_menu_wrap .title-left { margin-left: 1.6%; float: left; line-height: 60px; }

.top_menu_wrap .title-left .l-select-meau { position: relative; line-height: 60px; display: inline-block; }

.top_menu_wrap .title-left .l-select-meau .look-ent-btn { line-height: 60px; display: inline-block; }

.top_menu_wrap .title-left .l-select-meau .pull-d-icon { font-size: 11px; line-height: 20px; vertical-align: initial; margin-left: 5px; }

.ent-popover { width: auto; /*max-height:186px;*/ left: -40px; position: absolute; top: 58px; z-index: 9999; background-color: #fff; box-shadow: 1px 1px 10px #adadad; line-height: 20px; padding-bottom: 10px; min-width: 220px; }

.ent-po-info .e-tip { word-break: keep-all; }

.ent-po-info .ent-list-ul { max-height: 120px; overflow: hidden; margin: 0 5px 0 0; }

.ent-po-info .ent-list-ul .cell-logo { width: 22px; height: 100%; }

.ent-po-info .ent-list-ul .cell-logo img { width: 100%; height: auto; margin-bottom: 2px; }

.ent-po-info .ent-list-ul .cell-tip { border: 1px solid #008cc7; color: #008cc7; line-height: 16px; font-size: 11px; padding: 0 2px; border-radius: 3px; }

.ent-po-info .ent-list-ul li { word-break: keep-all; display: block; white-space: nowrap; line-height: 40px; padding: 0 25px; cursor: pointer; }

.ent-po-info .ent-list-ul li:hover { background-color: #f5f7fc; }

.ent-po-info .ent-list-ul li.active { background-color: #f5f7fc; }

.ent-po-info .ent-list-ul li > span { margin-left: 12px; display: inline-block; }

.ent-po-info .ent-list-ul li > span:first-child { margin-left: 0; }

.ent-popover .e-po-title { line-height: 40px; text-align: center; border-bottom: 1px solid #eeeeee; }

.top_menu_wrap .top_menu_content { float: right; }

.top_menu_wrap .top_menu_options { float: left; /*margin-right: 50px;*/ }

.top_menu_wrap .news_li_title { cursor: auto !important; }

.top_menu_wrap .news_li_title .icon_text .iconfont { font-size: 22px; color: #00A0E9; margin-left: 20px; }

.top_menu_wrap .news_li_title .header-message-num { min-width: 20px; height: 20px; padding: 0 4px; line-height: 20px; border-radius: 10px; font-size: 12px; text-align: center; background-color: #EE483C; color: #fff; display: inline-block; position: absolute; top: 12px; left: 30px; box-sizing: border-box; }

.top_menu_wrap .top_menu_options li { float: left; height: 60px; padding: 0 16px; line-height: 64px; position: relative; cursor: pointer; color: #787878; }

.top_menu_wrap .news_pover { width: 390px !important; height: 600px; right: 0; position: absolute; top: 60px; z-index: 9999; background-color: #fff; box-shadow: 1px 1px 10px #adadad; }

.top_menu_wrap .news_pover .nav-tabs li { height: auto; padding: 0px 5px; }

.c_main .my-tabs-content .nav-tabs li .li-message-num { background-color: #EE483C; }

.my-tabs-content .nav-tabs li .li-message-num { min-width: 20px; height: 20px; padding: 0 4px; line-height: 20px; border-radius: 10px; font-size: 12px; text-align: center; background-color: #EE483C; color: #fff; display: inline-block; /* position: absolute;          */ box-sizing: border-box; right: 0; margin-left: 7px; }

.top_menu_wrap .news_pover .message-tab-list { margin-top: 15px; width: 100%; }

.top_menu_wrap .news_pover .message-tab-list .message-tab-ul { overflow-y: auto; height: 462px; }

.top_menu_wrap .news_pover .message-tab-list .message-tab-ul li { height: auto; line-height: 20px; padding: 0 12px 0 17px; margin-bottom: 15px; float: none; }

.top_menu_wrap .news_pover .message-tab-list .message-tab-ul .message-dot { position: absolute; top: 8px; left: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #f33333; }

.top_menu_wrap .news_pover .message-btn-more { position: absolute; bottom: 50px; height: 35px; line-height: 35px; width: 100%; color: #96a6b6; text-align: center; background-color: #fff; }

.top_menu_wrap .news_pover .message-btn-group { display: flex; position: absolute; bottom: 0; width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #e8eaeb; box-sizing: border-box; }

.top_menu_wrap .news_pover .message-btn-group button { width: auto; height: auto; background-color: #fff; color: #666; }

.top_menu_wrap .news_pover .message-btn-group .message-read-mark { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #fff; cursor: pointer; border-right: 1px solid #e8eaeb; height: 50px; line-height: 50px; }

.top_menu_wrap .news_pover .message-btn-group .message-show-all { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 50%; height: 100%; text-align: center; background-color: #fff; height: 50px; line-height: 50px; }

.top_menu_options_li a .iconfont { font-size: 26px; margin-right: 12px; }
.top_menu_wrap .top_menu_options .top_menu_options_li .top_menu_options_a {color: #26292C;font-size: 14px;display: flex;align-items: center;}
.top_menu_wrap .top_menu_options .top_menu_options_li .top_menu_options_a .iconfont{color: #26292C!important;font-size: 20px!important;width: 20px;line-height: 20px;height: 20px;}
.top_menu_wrap .top_menu_options .top_menu_options_li .top_menu_options_a .icon_text{width: auto}
.top_menu_wrap .top_menu_options li .top_menu_options_a_person .iconfont { color: #008bc7; }

.top_menu_wrap .top_menu_options li .top_menu_options_a_setting .iconfont { color: #00A0E9; }

.top_menu_wrap .top_menu_options li .top_menu_options_a_service .iconfont { color: #ff9696; }

.top_menu_wrap .top_menu_options li .top_menu_options_a_switch .iconfont { color: #fb5210; margin-top: 3px; }

.top_menu_wrap .top_menu_options li .icon_text { width: 60px; /*float: left;*/ position: relative; display: inline-block; /*margin-left:43px;*/ }

.top_menu_wrap .top_menu_options li .icon_text.cutbutton { width: 80px; }

.top_menu_wrap .top_menu_options li .icon { width: 20px; height: 20px; background-image: url("../Content/images/icons.png?v3"); margin: 22px 5px; float: left; }

.top_menu_wrap .top_menu_options li .top_menu_options_a_person .icon { background-position: -216px 0; }

.top_menu_wrap .top_menu_options li .top_menu_options_a_setting .icon { background-position: -239px 0; }

.top_menu_wrap .top_menu_options li .top_menu_options_a_service .icon { background-position: -262px 0; }

.top_menu_wrap .top_menu_options .action { background-color: #eef1f9; }

.top_menu_wrap .top_menu_options li .show_menu { top: 0; display: block; opacity: 1; }

.top_menu_wrap .top_menu_options li .top_menu { width: 135px; position: absolute; top: 60px; z-index: 999; background-color: #fff; box-shadow: 1px 1px 10px #adadad; display: none; }

.top_menu_wrap .top_menu_options li .top_menu .float_menu_list_top li { width: 100%; height: 40px; padding: 0; line-height: 3.5; }

.top_menu_wrap .top_menu_options li .top_menu .float_menu_list_top li a { text-align: left; padding: 15px 20px; }

.top_menu_wrap .top_menu_options li .top_menu .float_menu_list_top li .service_center { background-color: #008cc7; color: #fff; text-align: left; padding: 10px 0 10px 20px; }

.top_menu_wrap .top_menu_options li .item_action { background-color: #f5f7fc; }

.buffer_area { padding-left: 1.6%; padding-right: 1.6%; height: 100%; }

.buffer_area .buffer_content { padding: 20px 0 10px; position: relative;}

.header-error-tip{float: right;background: #FFE6E6;color: #333333;font-size: 14px;line-height: 36px;position: absolute;top: 50%;right: 0;margin-top: -18px;padding: 0 10px;display: flex;align-items: center;}
.header-error-tip .icon-tip{color: #E0001A;margin-right: 5px}
.header-error-tip .go-function{color: #E0001A;margin:0 25px 0 60px}
.buffer_area .buffer_content .mainpage { font-size: 16px; }

.buffer_area .buffer_content a:hover { color: #00A0E9; }


/*-------侧滑菜单-------*/

.sidebar_meau_box { position: fixed; z-index: 1031; top: 0; right: 0; bottom: 0; width: 35px; background-color: #7a6e6e; }

.sidebar_meau_box .side-tabs { top: 180px; width: 100%; position: absolute; }

.sidebar_meau_box .side-tabs-item { position: relative; height: 40px; margin: 35px 0; line-height: 40px; cursor: pointer; text-align: center; }

.sidebar_meau_box .side-tabs-item.side-cart .ci-count { position: absolute; top: -6px; right: -2px; display: inline-block; padding: 2px; font-size: 12px; line-height: 12px; color: #fff; background-color: #EE483C; border-radius: 10px; min-width: 12px; text-align: center; border: 1px solid #b61d1d; background-color: #cc6060; background-image: -moz-linear-gradient(top, #cc6060, #b61d1d); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cc6060), color-stop(1, #b61d1d)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc6060', endColorstr='#b61d1d', GradientType='0'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc6060', endColorstr='#b61d1d'); background-image: linear-gradient(to bottom, #cc6060 0, #b61d1d 100%); }

.sidebar_meau_box .side-tabs-item:hover { background-color: #fb5210; }

.sidebar_meau_box .side-tabs-item:hover .ci-count { background-color: #fff; background-image: none; color: #EE483C; border: 1px solid #EE483C; }

.sidebar_meau_box .side-tabs-item > .iconfont { font-size: 24px; width: 24px; height: 24px; background-image: none; line-height: 40px; color: #fff; vertical-align: top; position: relative; }

.sidebar_meau_box .side-tabs-item .side-tip { right: 75px; opacity: 0; display: none; min-width: 100px; min-height: 200px; background-color: #fff; position: absolute; -webkit-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }

.sidebar_meau_box .side-tabs-item .side-tip.online-tip { top: -100px; width: 200px; padding: 0px 15px 15px; line-height: 20px; text-align: left; }

.sidebar_meau_box .side-tabs-item .side-tip.scan-tip { top: -145px; width: 190px; padding: 24px 0 20px; line-height: 20px; text-align: center; }

.sidebar_meau_box .side-tabs-item .side-tip.scan-tip img { width: 115px; height: auto; }

.sidebar_meau_box .side-tabs-item .online-tip .link-man-box { border-bottom: 1px solid #ccc; padding-top: 5px; }

.sidebar_meau_box .side-tabs-item .online-tip .link-man-box p { padding-bottom: 5px; }

.sidebar_meau_box .side-tabs-item .online-tip .link-man-box .qq-icon { width: 25px; }

.sidebar_meau_box .side-tabs-item .online-tip .link-man-box .weixin-icon { width: 28px; }

.sidebar_meau_box .side-tabs-item .online-tip .link-man-box .kefu-icon { width: 28px; }

.sidebar_meau_box .side-tabs-item .online-tip .link-man-box .kefu-icon .ci-count { position: absolute; top: 5px; left: 140px; right: auto; display: inline-block; padding: 2px; font-size: 12px; line-height: 12px; color: #fff; background-color: #EE483C; border-radius: 10px; min-width: 12px; text-align: center; }

.sidebar_meau_box .side-tabs-item .online-tip .link-man-box .linkman-code { width: 110px; height: 110px; padding: 10px; background-color: #fff; left: 30%; margin-top: 30px; position: absolute; z-index: 1033; -webkit-box-shadow: -5px 0 5px #ddd, 0 -5px 5px #ccc, 0 5px 5px #ccc; -moz-box-shadow: -5px 0 5px #ccc, 0 -5px 5px #ccc, 0 5px 5px #ccc; box-shadow: -3px 0 3px #ccc, 0 -3px 3px #ccc, 0 3px 3px #ccc; display: none; }

.sidebar_meau_box .side-tabs-item .online-tip .link-man-box .linkman-code img { width: 100%; height: 100%; }

/*#endregion */


/*#region 通用 */
.font-ico-arrows { font-family: SimSun; }

.hidden { display: none !important; visibility: hidden !important; }
.modal-middle { left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0 !important; }
.modal-middle.middley { top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width:1024px) {
    .widow-middle { left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin: 0 !important; }
}

.my-page-loading { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; background-color: rgba(255,255,255,0.4); }
.my-page-loading .my-loading-caption { min-width: 220px; min-height: 80px; border-radius: 10px; text-align: center; display: flex; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: rgba(0,0,0,0.5); color: #fff; font-size: 16px; }
.my-page-loading .my-loading-caption .load-text { margin: auto; }
.div-clear { overflow: hidden; }
/*#region 子页布局 */

.wrap-content-body { width: 100%; height: 100%; background-color: #fff; }

.childern_page { width: 100%; min-height: 470px; float: left; background-color: #fff; /*height:100%;*/ }

.childern_page .childern_inside_page { padding: 30px 30px 90px 30px; }

.po-fix-center { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 75%; background-color: white; z-index: 1002; overflow: auto; display: none; }

.white-bg { background-color: #fff !important; }

.a-btn { width: 100px; height: 30px; line-height: 30px; display: inline-block; text-align: center; }

.a-btn.xs { width: auto; padding: 0 8px; }

.line-block { display: inline-block; }
.level-block { display: block !important; }

.txt_title { height: 40px; line-height: 40px; font-size: 14px; }

.line_title { line-height: 30px; }

.line_title .input_hint { height: auto; line-height: initial; }

.ov-y-hidden { overflow-y: hidden; }

.my-vi-hidden { visibility: hidden; }

.input_table_title { height: 40px; line-height: 40px; padding-left: 0; /*font-weight: bold;*/ font-size: 14px; margin-top: 10px; /*color:#555;*/ }

.childern_page .childern_inside_page .childern_inside_page_content { padding: 0 0 10px 0; }


/*加载动画*/

.my-spinner { padding: 100px 0; width: 100%; text-align: center; }

.my-spinner > div { width: 22px; height: 22px; background-color: #fb5210; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.my-spinner .my-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.my-spinner .my-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); }
}


/*#region 列表table */

.data_table { width: 100%; }

.data_table tr:first-child { background-color: #eef1f9; margin-bottom: 5px; }

.data_table tr th { height: 53px; background-color: #eef1f9; border: 0; font-weight: 300; table-layout: fixed; padding: 0 5px; font-size: 14px; text-align: left; }
.input-table tr td { line-height: 30px; box-sizing: border-box; height: auto !important; }
.input-table tr td input { margin-top: 5px !important; margin-bottom: 5px !important; }

.add_left_pading tr th,
.add_left_pading tr td { padding-left: 10px !important; }

@media (max-width:1680px) {
    .data_table tr th { font-size: 13px !important; }

    .data_table tr td { font-size: 12px !important; }
}

.data_table .ban td,
.data_table .ban td a { color: #888; /*background-color: #f7f8f9;*/ }

.data_table .a_link { color: #555; }

.data_table .a_link:hover { color: #00A0E9; }

.data_table tr td { font-size: 13px; height: 40px; border: 0; word-break: break-all; table-layout: fixed; padding: 7px 5px; border-bottom: 1px solid #eef1f9; }

.data_table tr td a { color: #00A0E9; }

.data_table tr td a:hover { text-decoration: underline; }

.data_table input { margin: -3px 2px 0 0; }

.data_table_hover tr:not(.no-hover-style):hover { background-color: #f5f7fc; }

.data_table_center tr th,
.data_table_center tr td { text-align: center; }

.data_table_border tr { border: 1px solid #eeeeee; }

.data_table_border2 tr td,
.data_table_border2 tr th { border: 1px solid #eeeeee; }

.data_table_head2 tr:first-child td { height: 47px; padding: 0 5px; }

.data_table .no-data{background-color: transparent;padding-top: 60px;border-bottom:none;}
/*#endregion */


/*#region 页面下方保存按钮区域 */

.saveButtonArea { position: fixed; bottom: 0; left: calc(96px + 1.5%); width: 100%; z-index: 1000; }

.saveButtonArea .saveBg { background-color: #eef1f9; height: 42px; padding: 10px 30px; opacity: 0.7; position: relative; }

.saveButtonArea .saveBg a { margin-right: 10px;border-radius: 4px }


/*#endregion */


/*#region 输入用table */

.lg_table.input_table { width: 90% !important; }

.input_table { width: 750px; }

.input_table tr td:first-child { text-align: right; width: 116px; box-sizing: border-box; }

.input_table td { text-align: left; height: 50px; border: 0; word-break: break-all; table-layout: fixed; padding: 0 10px; }

.input_table td input { width: 340px; vertical-align: middle; }

.input_table td textarea { width: 340px; padding: 5px 12px; height: 50px; vertical-align: middle; resize: vertical; margin: 5px 0; }

.input_table td select { height: 30px; margin-bottom: 0; }

.input_table .error { float: left; line-height: 30px; margin-left: 10px; }

.input_hint { color: #f00; margin-right: 5px; line-height: 38px; height: 32px; overflow: hidden; }
.tip_hint { color: #f00; margin-right: 5px; }
.def-h-table tr td { padding: 5px 20px 5px 0; }
/*#endregion */


/*#region 标签页 */

.divcss5-x5 { padding-bottom: 2px; border-bottom: 2px solid #00A0E9; }

.top_tab_area { width: 100%; height: 37px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; }
.top_tab_area_scroll{overflow-x: auto;overflow-y: hidden;height: auto;padding-top: 18px!important}
.top_tab_area ul { margin: 0; }
.top_tab_area_scroll ul{white-space: nowrap;width: auto}
.top_tab_area li { float: left; padding-right: 30px; display: block; }
.top_tab_area_scroll li{display: inline-block;float: inherit;}

.top_tab_area li a { color: #888; line-height: 34px; display: block; font-size: 14px; }

.top_tab_area li .tab_action { border-bottom: 2px solid #00A0E9; color: #00A0E9 ;font-weight: bold;}


/*#endregion */


/**/

.list_table { width: 50%; }

.list_table tr td { padding: 10px; }

.list_table tr td div { width: 100%; }

.list_add_button { float: right; border-radius: 4px}

.tree_add_area { background-color: #eef1f9; padding: 10px; height: 53px; box-sizing: border-box; line-height: 33px; }

.tree_add_area div:not(.tree-title) { float: left; margin: 0 5px; line-height: 32px; }

.tree_add_area .tree_add_input { margin-left: 20px; }

.tree_add_area .tree_add_input input { margin-bottom: 0; }

.tree_add_area .tree_add_input a { margin-left: 10px; line-height: 1px; }

.tree_add_area .tree_add_input a:hover { color: #00A0E9; }

.power_content { padding: 0 0 10px 90px; }

.power_content label,
.power_area label,
.role_item label { font-size: 12px !important; }

.title_table { width: 100%; border-bottom: 1px solid #eeeeee; background-color: #eef1f9; }

.checkbox_table { width: 100%; border-bottom: 1px solid #eeeeee; }

.checkbox_table table { width: 100%; }

.checkbox_table tr .big_menu_item { width: 15% !important; }

.checkbox_table tr td { padding: 6px 0 6px 10px; width: 17% !important; }

.checkbox_table:hover { background-color: #f5f7fc; }


/*#endregion */

.theme_color { color: #00A0E9; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { *zoom: 1; }

.search_button_default { background-color: #00A0E9; color: #fff; border: none; /*margin-right: 100px;*/ float: right; }

.buttom_default { background-color: inherit; color: inherit; border: none; border-radius: 4px;}


/*供货端绿色*/

.b_color1 { background-color: #00A0E9; color: #fff; }

.b_color1:hover,
.b_color1:focus { color: #fff; text-decoration: none; }


/*供货端取消灰色*/

.b_color2 { background-color: #e0e0e0; color: #555; }

.b_color2 { color: #555; }


/*订货端红色*/

.c_main .b_color1,.more-pop-footer .b_color1{ background-color: #EE483C; color: #fff; }

.c_main .b_color1:hover,.more-pop-footer .b_color1:hover{ color: #fff; }

.modal-header .title { font-size: 14px; }

.input_item_lg { width: 204px; }

.input_itemA { width: 360px; }

.input_itemB { width: 109px; margin-right: 4px; }

.input_itemC { width: 50px; }

.input_itemD { width: 165px; }

.input_itemE { width: 205px; }

.input_itemF { width: 168px; }

.input_itemG { width: 90px; }

.input_itemH { width: 200px; }

.input_itemF { width: 250px; }

.input_itemI { width: 135px; }

.disabled_item { width: 165px; background-color: #fff !important; cursor: pointer !important; box-sizing: border-box; }

.disabled_item.time_mright { margin-right: 10px; }

.select_itemA { width: 340px; }

.required_point { color: #e80c4d; line-height: 15px; margin-right: 5px; }

.a_buttom,
.a_buttom2 { color: #00A0E9; }
.a_buttom2.unline{ text-decoration:underline;}
.a_buttom2.unline:hover{text-decoration:underline;}
.a_buttom a { color: #00A0E9; }

.a_buttom:hover { color: #00A0E9; }

.a_buttom2:hover,.a_buttom2:focus { color: #00A0E9; text-decoration: none; }

.upload_button_area { position: relative; }

.upload_button_area .click_input { width: 120px; height: 34px; cursor: pointer; background-color: #00A0E9; color: #fff; border: none; }

.upload_button_area .data_input { height: 34px; width: 120px; position: absolute; top: 0; left: 0; padding: 0; font-size: 34px; opacity: 0; cursor: pointer; }

.div_a_button .consignee { height: 28px; line-height: 28px; border: 1px solid #eeeeee; text-align: center; vertical-align: top; display: inline-block; margin-bottom: 15px; min-width: 120px; }

.div_a_button .consignee.action { color: #00A0E9; border: 1px solid #00A0E9; }

.interval10 { width: 100%; height: 10px; clear: both; }

.interval20 { width: 100%; height: 20px; clear: both; }

.interval50 { width: 100%; height: 50px; clear: both; }

.data_itemA { width: 359px; }

.line { height: 1px; width: 95%; padding: 0 10px; background-color: #cccccc; }

.text_overflow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.selected_box { text-align: left !important; padding-left: 10px !important; width: 1%; min-width: 40px; }

.selected_box.table-pl{padding-left:40px !important;}

.aligntd_box { text-align: center; width: 1%; min-width: 40px; }

.all_selected { width: 50px; /*font-weight: bold;*/ font-size: 14px; margin: 0; }

.window_body { margin-left: 50px; padding: 25px; }

.window_body_s { margin-left: 30px; }

.remark_input { border: none !important; box-shadow: none; transition: none; border-radius: initial; border-bottom: 1px solid #eeeeee !important; background-color: #fff; margin-bottom: 3px; line-height: 20px !important; height: 20px !important; box-sizing: border-box; }

.remark_input input[type="text"] { }
.input_alter_box { display: inline-block; width: 85%; vertical-align: top; height: 20px; overflow: hidden; }
.input_alter_box.active { overflow: initial; height: auto; }
.input_alter_box .readonly_text { display: inline-block; width: 100%; height: auto; line-height: 20px; cursor: pointer; }
.input_alter_box .remark_input { padding: 0px; width: 100%; display: none; box-sizing: border-box; vertical-align: initial; }
.my-text-center { text-align: center !important; }
.font28 { font-size: 28px !important; }
.font26 { font-size: 26px !important; }
.font24 { font-size: 24px !important; }
.font22 { font-size: 22px !important; }
.font20 { font-size: 20px !important; }
.font18 { font-size: 18px !important; }
.font16 { font-size: 16px !important; }
.font14 { font-size: 14px !important; }
.font13 { font-size: 13px !important; }
/*一些页面距离*/
.pr30 { padding-right: 30px!important; }
.pt20 { padding-top: 20px !important; }
.mb30 { margin-bottom: 30px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.black-font { color: #555 !important; }
.font13 { font-size: 13px !important; }
.pl20 { padding-left: 20px; }
.nomar { margin: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml50 { margin-left: 50px !important; }
.ml70 { margin-left: 70px !important; }
.ml17 { margin-left: 17px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr17 { margin-right: 17px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mt20 { margin-top: 20px !important; }
.mt2 { margin-top: 2px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.ptd3 { padding-top: 3px !important; padding-bottom: 3px !important; }
.mtno19 { margin-top: -19px; }
.pl5 { padding-left: 5px; }
.pl15 { padding-left: 15px !important; }
.plr10{padding-left: 10px;padding-right: 10px;}
.pt15 { padding-top: 15px !important; }
.pt10 { padding-top: 10px !important; }
.pb9 { padding-bottom: 9px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.height-50 { height: 50px !important; }
.height-85 { height: 85px !important;}
.sm-width { width: 60px !important; }
.fl { float: left; width: 100%; }
.ul_fleft { margin: 0; padding: 0; }
.ul_fleft li { float: left; margin-right: 10px; }
.center-align { text-align: center !important; }
.line-h20 { height: 20px !important; line-height: 20px !important; }
.h400 { height: 400px; }
.a-cursor{cursor: pointer;}
/*主题用*/

.gray_back { background-color: #f5f7fc; }


/*表头、标题、滑动颜色用*/

.gray_back2 { background-color: #eef1f9; }

.red { color: red; }

.red2 { color: #EE483C; }

.orange { color: #fb5210; }

.gray_text { color: #888; }

.gray_text2 { color: #c0c0c0; }
.hidden_value_input input { width: 1px; height: 0px; padding: 0; border: 0; position: absolute; top: 0; left: 0; z-index: -1; }

.default_linkButton,
.default_linkButton:hover { color: #00A0E9; }

.label_ul { background-color: #f7f7f7; font-size: 14px; }

.label_ul li:first-child { margin-left: 20px; }

.label_ul .active a { 
    color: #00A0E9; border-top: 2px solid #00A0E9;border-bottom:none!important;
     }

.label_ul .active a:hover { color: #00A0E9; border-top: 2px solid #00A0E9; }

.label_ul li a { border-radius: 0; }

.iframe_div { height: 450px; min-height: 400px; max-height: none; overflow: hidden; }
.iframe_div.more-pop { max-height: 400px; min-height:300px;overflow: hidden; }
.iframe_div.iframe_smh { height: 180px; min-height: 100px; max-height: none; overflow: hidden; }

.iframe_div.iframe_type { height: 230px; width: 530px; min-height: 100px; max-height: none; overflow: hidden; }

.iframe_div.iframe_InitiArea { height: 260px; width: 530px; min-height: 100px; max-height: none; overflow: hidden; }

.iframe_div.iframe_Eorder { height: 200px; width: 530px; min-height: 100px; max-height: none; overflow: hidden; }

.iframe_div iframe { width: 100%; height: 100%; }

.price { color: #EE483C; font-size: 22px; }

.price2 { color: #fb5210; font-size: 16px; }

.old_price { color: red; text-decoration: line-through; }

.disabled_text { background-color: #fff !important; cursor: text !important; }

.font-blue:hover { color: #00A0E9 !important; }


/*#region复选框*/
.ant-checkbox-wrapper { display: inline-block; margin-bottom: 0; vertical-align: inherit;min-height: 20px; }
.font12_label { font-size: 12px; }
.ant-checkbox { position: relative; margin: 0; padding: 0; width: 14px; height: 14px; display: inline-block; float: left; top: 3px; margin-right: 5px; }
.ant-checkbox .ant-checkbox-input { width: 14px; height: 14px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; }
.ant-checkbox-input + .ant-checkbox-inner { background-color: #FFF; border: 1px solid #C1CACA; box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05); width: 12px; height: 12px; border-radius: 3px; display: inline-block; position: relative; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; }
.ant-checkbox .ant-checkbox-input:hover + .ant-checkbox-inner { border: 1px solid #00A0E9; }
.ant-checkbox-input + .ant-checkbox-inner:active { box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1); }
.ant-checkbox-input:checked + .ant-checkbox-inner { background-color: #00A0E9; border: 1px solid #00A0E9; box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1); color: #243441; }
.c_main .ant-checkbox-input:checked + .ant-checkbox-inner, .red-checked .ant-checkbox-input:checked + .ant-checkbox-inner { background-color: #EE483C; border: 1px solid #EE483C; }
.c_main .ant-checkbox .ant-checkbox-input:hover + .ant-checkbox-inner, .red-checked .ant-checkbox .ant-checkbox-input:hover + .ant-checkbox-inner { border: 1px solid #EE483C; }
.ant-checkbox-input:checked + .ant-checkbox-inner:after { content: '\2714'; position: absolute; top: 50%; margin-top: -10px; left: 0; color: #fff; width: 100%; text-align: center; font-size: 12px; vertical-align: text-top; }
.ant-text { vertical-align: middle; }
/*单选框复选框样式*/
.ant-checkbox-input + .ant-checkbox-inner::after { content: '\2714'; position: absolute; top: 50%; margin-top: -10px; left: 0px; color: #fff; width: 100%; text-align: center; font-size: 13px; vertical-align: text-top; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); /*增加一些动画*/ -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; }
.ant-radio .ant-checkbox-input + .ant-checkbox-inner::after { content: ''; /*width: 8px;height:8px;*/ width: 6px; height: 6px; left: 3px; top: 3px; border-radius: 6px; background-color: #00A0E9; margin-top: 0; }
.c_main .ant-radio .ant-checkbox-input + .ant-checkbox-inner::after{background-color:#EE483C;}
.ant-radio .ant-checkbox-input + .ant-checkbox-inner { width: 12px; height: 12px; border-radius: 12px; }
.ant-radio .ant-checkbox-input:checked + .ant-checkbox-inner { background-color: transparent; }
.ant-checkbox-input:checked + .ant-checkbox-inner::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.ant-checkbox-disabled { cursor: not-allowed; }
.ant-checkbox-disabled .ant-checkbox-inner { border-color: #d9d9d9 !important; background-color: #eff1f8 !important; cursor: not-allowed; }
.ant-checkbox-disabled .ant-checkbox-inner:after { -webkit-animation-name: none; animation-name: none; border-color: #eff1f8; color: #aaa !important; }
.ant-checkbox-disabled + span { color: rgba(0,0,0,.25); cursor: not-allowed; }

/*排序样式*/

.rank-list-box .new-change-eleven { /*position: relative;*/ }

.rank-list-box .new-change-eleven .tip-up { position: absolute; margin-top: 11px; margin-left: 5px; width: 0; height: 0; border-width: 0 3px 3px; border-style: solid; border-color: transparent transparent #888; }

.rank-list-box .new-change-eleven .tip-down { position: absolute; margin-top: 17px; margin-left: 5px; width: 0; height: 0; border-width: 3px 3px 0; border-style: solid; border-color: #888 transparent transparent; content: ' '; }

.rank-list-box .new-change-eleven .tip-up.select { border-color: transparent transparent #00A0E9; }

.rank-list-box .new-change-eleven .tip-down.select { border-color: #00A0E9 transparent transparent; }

.c_main .rank-list-box .new-change-eleven .tip-up.select { border-color: transparent transparent #EE483C; }

.c_main .rank-list-box .new-change-eleven .tip-down.select { border-color: #EE483C transparent transparent; }


/*#region复选框*/


/*#endregion */


/*#region 弹窗 */

.window_table tr td { padding: 5px; margin-left: 15px; }

.window_table tr td:first-child { text-align: right; }

.window_input_table { padding: 10px 0 0 10px; }

.window_input_table tr td:first-child { text-align: right; }

.window_input_table tr td { text-align: left; /*line-height: 1px;*/ padding: 5px 0px; }

.window_input_table tr td input { margin-bottom: 0; }

.window { width: 900px; left: 50%; margin: 0 0 0 -450px; }


/*#endregion */


/*#region 搜索栏 */

.input_group { vertical-align: middle; width: auto; margin-right: 10px; float: left; /*margin:5px;*/ }

.input_group .search_input { border-radius: 4px!important;border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; float: left; margin: 0; }

.input_group .attach_button { float: left; width: 40px; height: 30px; background-color: #fff; border: 1px solid #ccc; border-left: 0;border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.input_group .attach_button .search_button_icon { width: 16px; height: 16px; background-image: url("../Content/images/icons.png?v3"); background-repeat: no-repeat; background-position: 0 -30px; margin-left: 12px; }

.input_group .attach_button .clear_search_button_icon { width: 16px; height: 16px; background-image: url("../Content/images/icons.png?v3"); background-repeat: no-repeat; background-position: -16px -30px; margin-left: 12px; }

.drop_down_box_input { width: 115px; margin-right: 10px; }

.drop_down_box_input_lg { width: 240px; margin-right: 10px; }

.drop_down_box_input option { padding: 3px 5px; }

.main_t { width: 100%; }

.width-forover { float: left; width: 100% !important; }

.all_fix { float: left; width: 90%; }

.all_fix.orderlistH { width: 91%; }

.all_fix.c_list_fix { width: 80%; }

.all_fix.c_list_stockin { width: 85%; }
.all_fix.c_list_stockin .input_group input{border-radius:4px 0 0 4px!important}
.all_fix.proceedslistH { width: 100%; }

.case_displaySmall { display: none; }

.dropdown-icon { font-size: 12px; line-height: 30px; color: #ccc; cursor: pointer; }

.dropdown-icon .iconfont { font-size: 12px; margin-top: 2px; }


/*@media(min-width:1366px) and (max-width:1795px) {*/

@media(max-width:1795px) {
    .all_fix .media-sizeC { width: 105px; }

    .all_fix .media-sizeB { width: 115px; }

    .all_fix .media-sizeA { width: 140px; }
}

@media(min-width:1440px){
    .case_displaySmall { display: block; }
}

@media(max-width:1439px) {
    .case_displaySmall { display: none !important; }
    .earch-mulline-hid{ display: block !important; }
}
@media(min-width:1280px) and (max-width:1365px) {
    .all_fix.orderlistH { width: 90%; }

    .all_fix.c_list_fix { width: 80%; }

    .all_fix .media-sizeC { width: 95px; }

    .all_fix .media-sizeB { width: 100px; }

    .all_fix .media-sizeA { width: 135px; }
}

@media(max-width:1366px) {
    .all_fix.c_list_stockin { width: 82%; }
}

@media(max-width:1280px) {
    .all_fix.c_list_stockin { width: 82%; }
}

.titlefix { float: left; margin-bottom: 10px; border-radius: 4px}


/*#endregion */


/*#region 登录页 */

/*.login_background { background: url(../Content/images/loginBackground.jpg) no-repeat fixed center center transparent; background-size: cover; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }*/
.login_background{background: #fff;
     background-image: linear-gradient(to right, #fbfeff , #f1faff);
}
.login_container { width: 100%; height: 100%; position: relative; }

.login_container header { padding: 20px 0 20px 130px; }

.login_container header > a { width: 200px; height: 130px; max-height: 130px; display: inline-block; }

.login_container header > a > img { max-height: 80px; }

.login_container header p img { width: 120px; position: absolute; top: 65px; }

.login-boby { height: 475px; overflow: hidden; position: fixed; width: 100%; top: 50%; margin-top: -237.5px;z-index: 1000; }

@media(max-height:1000px) {
    .login-boby { position: relative; top: auto; margin-top: 0px; }
}

@media(max-width:768px) {
    .login-boby .container { width: 100%; }

    .login-boby .login-banner-inner { background-position: -110px 0px !important; }
}

@media(max-width:1024px) {
    .login-seting-box .container { width: 100%; }

    .login-seting-box .s-banner-inner { background-position: -110px 0px !important; }
}

.login-boby,
.login-boby .login-banner-inner { background-size: 100% 100% !important; }


/*.login-boby .login-banner-inner {
        width:calc(100% - 346px);
        height:475px;
        display: flex;
        align-items: center;
    }*/

.login-boby .login-form { width: 346px; height: 475px; }

/*.form-signin.ous-homes-form { width: 550px; height: 400px; margin: 5% auto 20px; }*/
.form-signin.ous-homes-form{position: relative;width: 1012px;height: 520px;padding-left:416px;border-radius: 16px;position: fixed;top: 50%;left: 50%;margin-left: -506px;margin-top: -260px;box-sizing: border-box; border:none;box-shadow: 0 0 20px rgba(0,148,222,0.15);overflow:hidden; }
.form-signin.ous-homes-form .logo{position: absolute;top: 0;left: 0;width: 416px;height: 520px;}
.form-signin.ous-homes-form .logo img{width: 100%;height: 100%}
.form-signin.ous-homes-form .logo_name{position: absolute;bottom: 99px;left: 0;width: 416px;font-size: 21px;color: #fff;text-align: center;letter-spacing: 1px}
.form-signin.ous-homes-form .form-signin-title{text-align: center;color: #0094DE;font-size: 20px;padding: 60px 0 30px 0}
.form-signin.ous-homes-form .login_content .login_input{
   
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
   margin-bottom: 30px;
    display: block;
    position: relative;
    padding-left:30px;
}
.form-signin.ous-homes-form .login_content .login_input .iconfont{position: absolute;
    color: #0094DE;
top: 50%;left: 0;line-height: 1;font-size: 20px;margin-top: -10px;}
.form-signin.ous-homes-form .login_content .login_input input{ border:none!important; border-radius: 0!important;margin-bottom:0;width: 100%;box-sizing: border-box;}
.form-signin.ous-homes-form .login_footer_button{margin-top: 40px;}
.form-signin.ous-homes-form .login_footer_button input{width: 350px!important;}

.form-signin.tourist-login-form { height: 400px; margin: 0 auto; position: fixed; left: 0; right: 0; top: 20%; box-sizing: content-box;width: 460px }

.login-remember-div { margin-bottom: 25px; /*text-align: right;*/ }

.form-signin { width: 346px; height: 350px; margin-top: 62px; background-color: #fff; border: 1px solid #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing: border-box; padding: 0; position: relative; }

.form-signin.user-login-page { height: 370px; margin-top: 52px; }

.login_container #footer {display: flex; align-items: center; justify-content: center; position: fixed; bottom: 0; width: 100%; height: 50px; /*脚部的高度*/  color: #888; clear: both; text-align: center; z-index: 999; }

.login_container #footer > a > img { padding: 9px 0; }

.login_container #footer .credit { line-height: 50px; text-align: center; margin-left: 20px; }

.tip { line-height: 25px; width: 100%; height: 25px; text-align: center; overflow: hidden; }

.tip-error { display: inherit; }

.form-signin .login-go-index { padding: 0 10px; height: 40px; line-height: 40px; border-bottom: 1px solid #e8e8e8; font-size: 14px; }

.form-signin .login-go-index > a,
.form-signin .login-go-index > a:hover,
.form-signin .login-go-index > a:focus { color: #555; text-decoration: none; }

.form-signin .login-go-index .iconfont { vertical-align: middle; display: inline-block; width: 14px; height: 19px; }

.form-signin .login-go-index ~ div .form-signin-heading { border-bottom: none; line-height: 22px; height: 22px; margin-top: 25px; }

.form-signin-heading { color: #008cc7; font-size: 20px; line-height: 55px; text-align: center; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; margin: 0; }

.ous-homes-form .login_content { width: 350px; }

.login_content { margin: 0 auto 0 auto; width: 320px; }

.login_content a:hover { color: #fff; }
.login_content .register-btn {color: #008cc7; margin-top:20px; text-align: center;}
.login_content .register-btn a:hover,.login_content .register-btn a{color: #008cc7; }
.login_content .register-btn .iconfont{font-size: 12px;margin-top: 2px;}
.login_content .code-text{width: calc(100% - 100px)!important;}
.login_content .getcode-btn{font-size: 14px; width:90px; height: 42px;line-height: 42px; text-align: center; margin-left: 10px; margin-bottom: 25px; color: #008cc7; background-color: #fff;    border: 1px solid #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0; box-sizing: border-box;}
.login_content a.getcode-btn:hover{color: #008cc7!important;}
.login_content .getcode-btn.active{background-color: #ccc;color: #fff;border: none;}

.form-signin input[type="text"],
.form-signin input[type="password"] { text-indent: 0.8em !important; font-size: 14px !important; }

.form-signin input[type="button"]:hover,
.form-signin input[type="button"]:focus,
.form-signin.tourist-login-form.m-blue input[type="button"]:hover,
.form-signin.tourist-login-form.m-blue input[type="button"]:focus { background-color: #019ddf; color: #fff; }

.ous-homes-form.form-signin input[type="text"],
.ous-homes-form.form-signin input[type="password"],
.ous-homes-form.form-signin input[type="button"] { width: 450px; height: 48px; }

.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="button"] { font-size: 16px; width: 100%; height: 42px; margin-bottom: 25px; border: 1px solid #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0; box-sizing: border-box; }

.form-signin input[type="button"] { margin-bottom: 0px !important; }

.login_button,
.form-signin.tourist-login-form.m-blue .login_button { color: #fff; font-size: 20px; background-color: #00A0E9; border-radius: 5px; width: 100%; border: 0 !important; }

.login_modal_header { height: 39px; box-sizing: border-box; }

.login_secelt_box { width: 450px; height: 220px; margin: 0 auto; background-color: #fff; padding: 20px 0; box-sizing: border-box; }

.loginselect_text { width: 100%; height: 100px; font-size: 16px; text-align: center; line-height: 35px; }

.secelt-btn { padding: 0 60px; }

.secelt-btn input[type="button"] { width: 130px; height: 40px; font-size: 14px; }

.form-signin .loadingArea .loadingBg { border-radius: 5px; }

.form-signin.tourist-login-form .tourist-login-heading { padding: 0 3px 0 10px; height: 30px; line-height: 30px; text-align: left; background-color: #f3f3f3; }

.form-signin.tourist-login-form .tourist-login-heading .iconfont { height: 30px; line-height: 30px; width: 30px; text-align: right; background-image: none; font-size: 20px; color: #ccc; margin: 0; }

.form-signin.tourist-login-form .tourist-form-title { text-align: center; color: #008cc7; font-size: 20px; line-height: 20px; margin-top: 30px; }

.form-signin.tourist-login-form.m-red .tourist-form-title,
.c_main .form-signin.tourist-login-form .tourist-form-title { color: #EE483C !important; }

.form-signin.tourist-login-form .login_button { background-color: #008cc7; }
.form-signin.tourist-login-form.m-red .login_button,
.c_main .form-signin.tourist-login-form .login_button { background-color: #EE483C; }

.form-signin.tourist-login-form input[type="button"]:hover,
.form-signin.tourist-login-form input[type="button"]:focus { background-color: #008cc7; color: #fff; }
.form-signin.tourist-login-form.m-red input[type="button"]:hover,
.form-signin.tourist-login-form.m-red input[type="button"]:focus,
.c_main .form-signin.tourist-login-form input[type="button"]:hover,
.c_main .form-signin.tourist-login-form input[type="button"]:focus { background-color: #EE483C; }

.form-signin.tourist-login-form .t-from-tip { width: 100%; height: 20px; margin: 5px 0; }

.form-signin.tourist-login-form .t-from-tip .tip-error { background: #ffebeb; color: #f20215; border: 1px solid #faccc6; padding-left: 10px; line-height: 18px; height: 20px; margin: 0 auto 0 auto; width: 304px; box-sizing: border-box; }

.form-signin.tourist-login-form .t-from-tip .tip-error .iconfont { line-height: 15px; font-size: 18px; }

.isMultiLevel_choice { width: 548px; height: 272px; position: absolute; top: 0; left: 0; z-index: 99; }

.login-ent-popover .modal-header { padding: 15px; }

.login-ent-popover .modal-header .title { font-size: 16px; color: #555555; }

.login-ent-popover .ent-po-info .e-tip,
.login-ent-popover .ent-po-info .ent-list-ul .cell-title { font-size: 16px; }

.login-ent-popover .ent-po-info .ent-list-ul .cell-name { font-size: 14px; }

.login-ent-popover .modal-body { padding: 10px 0 20px 0; }

.login-ent-popover { width: auto; min-width: 380px; top: 40% !important; margin-top: -145px; }

.login-ent-popover .modal-header .close { position: absolute; top: 4px; right: 10px; }

.login-ent-popover .ent-po-info .ent-list-ul .cell-logo { width: 35px; }

.login-ent-popover .ent-po-info .ent-list-ul li { line-height: 55px; }

.login-ent-popover .ent-po-info .ent-list-ul { max-height: 165px; }

/*登录页改版*/
.login-form-tab{overflow:hidden;box-sizing: border-box; padding: 22px 0}
.login-form-tab .tab{
    text-align: center;
    width: 100%;
    font-size: 20px;
    float: left;
    color: #555555;
    position: relative;
    padding:18px 0;
}
.login-form-tab .tab.action{color: #00A0E9;font-weight: bold;}
.login-form-tab .tab.default_action{color: #00A0E9;font-weight: bold;}
.login-form-tab .tab.action:after{
    content: "";
    width: 39px;
    height: 2px;
    background: #00A0E9;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left:-19px;
}
.login-boby .login-form-change{
        width: 420px;
    height: 467px;
}
.login-form-change .form-signin.user-login-page{
     width: 420px;
    height: 467px;
    margin-top: 0;
    position: relative;
}
.login-form-change .form-signin.user-login-page .input{border-bottom: 1px solid rgba(144, 147, 153, 0.17);padding-left: 30px;position: relative;margin-bottom:20px}
.login-form-change .form-signin.user-login-page .input .iconfont{position: absolute;top: 50%;left: 0;margin-top: -10px;font-size: 20px;line-height: 1;color: #00A0E9}
.login-form-change .form-signin.user-login-page .input input{border:none;margin:0 }

.login-form-change .form-signin.user-login-page .login-code .getcode-btn{border:none;margin:0 }
.login-go-index-change{
    text-align: center;
      background:rgba(0, 160, 233, 0.1);
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      padding:0!important;
      height: 48px!important; 
      line-height: 48px!important;
}
.login-go-index-change a{
  
    color: #00A0E9!important
}
/*#endregion */


/*#region 附件 */

.attchment_button_area { width: 100%; float: left; }

.attchment_button_area.bottom { margin-bottom: 8px; }

.attchment_button_area a { width: auto; height: 20px; float: left; position: relative; margin-left: 15px; }

.attchment_button_area a input { font-size: 0; width: 60px; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; padding: 0; margin: 0; line-height: 20px; height: 20px; }

.attachment_content_area { width: 100%; }

.attachment_content_area ul { margin: 0; }

.attachment_content_area ul li:first-child { margin-top: 8px; }

.attachment_content_area ul li { border-bottom: 1px solid #eeeeee; display: inline-block; width: 90%; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; }

.attachment_content_area ul li .button { float: right; color: #00A0E9; margin-right: 10px; }

.attachment_content_area ul li .name { float: left; max-width: 40%; }

.attachment_content_area ul li .size { float: left; max-width: 15%; margin-left: 10px; }

.attachment_content_area ul li .progress { width: 225px; float: left; margin: 7px 10px 0 25px; height: 8px; }

.attachment_content_area ul li .success_text { width: 30px; float: left; }

.attachment_content_area ul li .progress .bar { background-color: #00A0E9; background-image: none; }

.attachment_content_area { width: 100%; }

.attachment_content_area_video ul { margin: 0; }

.attachment_content_area_video ul li:first-child { margin-top: 8px; }

.attachment_content_area_video ul li { border-bottom: 1px solid #eeeeee; display: inline-block; width: 90%; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; }

.attachment_content_area_video ul li .button { float: right; color: #00A0E9; margin-right: 10px; }

.attachment_content_area_video ul li .name { float: left; max-width: 40%; }

.attachment_content_area_video ul li .size { float: left; max-width: 15%; margin-left: 10px; }

.attachment_content_area_video ul li .progress { width: 225px; float: left; margin: 7px 10px 0 25px; height: 8px; }

.attachment_content_area_video ul li .success_text { width: 30px; float: left; }

.attachment_content_area_video ul li .progress .bar { background-color: #00A0E9; background-image: none; }

.productImg_progress { margin: 0; height: 6px; width: 100%; }


/*#endregion */


/*#region 树 */

.tree_area .tree_item { border-top: 1px solid #f0f0f0; line-height: 38px; padding: 7px 7px 7px 50px; }
.tree-table-box .tree_area .tree_item { padding: 7px 7px 7px 0px; }


.tree_area .edit_area,
.tree-table-box .tree_add_area .tree-title-04 { text-align: left; float: right; }

.tree_area .edit_area a { margin-left: 10px; }

.tree_area .edit_area a:hover, .tree_area .edit_area a.iconfont:hover { color: #00A0E9; /*border-bottom: 1px solid #00A0E9;*/ }

.tree_area .edit_area input { margin: 0; }

.tree_area .edit_area .save,
.cancel { color: #00A0E9; }

.tree_area .tree-cell-01,
.tree_area .tree-cell-02,
.tree_area .tree-cell-03,
.tree_area .tree-cell-04,
.tree_area .tree-cell-05,
.tree_add_area .tree-title-01,
.tree_add_area .tree-title-02,
.tree_add_area .tree-title-03,
.tree_add_area .tree-title-04,.tree_add_area .tree-title-04 { display: inline-block; }
.tree_add_area .tree-title-01,
.tree_add_area .tree-title-02,
.tree_add_area .tree-title-03,
.tree_add_area .tree-title-04,.tree_add_area .tree-title-04 { white-space: nowrap; }
.tree_area .tree-cell-01, .tree_add_area .tree-title-01 { width: calc((100% - 310px) / 2); }
.tree_area .tree-cell-02, .tree_add_area .tree-title-02 { width: calc((100% - 310px) / 4 ); text-align: center; }
.tree_area .tree-cell-03, .tree_add_area .tree-title-03 { width: calc((100% - 310px) / 4 ); text-align: center; }
.tree-table-box .tree_area .edit_area,
.tree-table-box .tree_add_area .tree-title-04 { width: 280px; text-align: right; }
.tree-table-box .tree_add_area .tree-title-04 { text-align: center; }
.tree-table-box .tree_add_area .tree-title-05{
    width: 180px;
    float: right;
    text-align: center;
}
.tree_area .tree-cell-05{ width: 180px!important;}
.tree_area .tree-cell-05  .up-img-box{width: 87.5px!important;}  
.tree_area .item-level-01 .tree-cell-01 { padding-left: 10px; box-sizing: border-box; }
.tree_area .item-level-02 .tree-cell-01 { padding-left: 40px; box-sizing: border-box; }
.tree_area .item-level-03 .tree-cell-01 { padding-left: 60px; box-sizing: border-box; }
.tree_area .edit_area .up-action-a { /*display: inline-block;
    vertical-align: top;*/ }
.tree_area .edit_area .up-sort-box { width: 55px; display: inline-block; overflow: hidden; vertical-align: text-bottom; }
.tree_area .edit_area .up-sort-box .iconfont { color: #888; line-height: 16px; }
.tree_add_area .icon,
.tree_add_area .title-icon,
.tree_area .icon { width: 15px; height: 15px; font-size: 18px; font-weight: bold; line-height: 15px; }


.tree_area .tree-cell-03 .my-switch-container { vertical-align: middle; top: -2px; position: relative; }
.tree_area .tree-cell-03 .cate-cell3 { width: 56px; text-align: left; }
.tree-table-box .up-img-box { width: 35px; height: 35px; cursor: pointer; text-align: center; line-height: 35px; display: inline-block; position: relative; }
.tree-table-box .up-img-box img { width: 100%; height: 100%; vertical-align: top; }
.tree-table-box .up-img-box .up-hover-tip { display: none; background-color: rgba(0,0,0,0.5); color: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.tree-table-box .up-img-box:hover .up-hover-tip { display: inline-block; }
/*#endregion */


/*#region 上传Logo */

.logo_area { text-align: center; position: relative; margin: 10px 0 5px; }

.logo_area .logo_upload { position: absolute; width: 60px; left: 0; bottom: 0; height: 20px; text-align: center; z-index: 5; }

.logo_area .logo_upload .logo_upload_btn { background-color: #000; color: #fff; position: absolute; top: 0; left: 0; filter: alpha(opacity=0.5); opacity: 0.5; cursor: pointer; }

.logo_area .logo_upload input { position: absolute; font-size: 14px; left: -13px; top: -6px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }

.logo_size_tip { margin: 10px 0 5px; padding-left: 10px; height: 60px; width: 300px; position: relative; }

.logo_size_tip span { position: absolute; bottom: 0; margin: 0; padding: 0;white-space: nowrap; }

.addimg-check-btn { height: 20px; margin-top: 85px; line-height: 20px; }

.pro-update-img.sm .logo_area { width: 200px; }

.pro-update-img.sm .img-div { height: 100px; }

.pro-update-img.sm .logo_size_tip { height: 100px; }

.pro-update-img .logo_area { width: 340px; background-color: #fff; margin: 0;cursor: pointer; }

.pro-update-img .img-div { width:auto; height: 158px; }

.pro-update-img .logo_upload { width: 100%; height: 35px; }

.pro-update-img .logo_upload .logo_upload_btn { width: 100%; height: 100%; line-height: 35px; font-size: 14px; }

.pro-update-img .logo_size_tip { height: 158px; margin: 0; width:auto; }

.pro-update-img .model_name{width: 240px;height: 32px;position: relative;overflow: hidden;}

.pro-update-img .model_name .off-btn{
        position: absolute;
        top: -2px;
        right: -2px;
        font-size: 14px;
        width: 24px;
        height: 24px;
        transform: scale(0.8);color: #fff;
        line-height: 24px;
        text-align: center;
        background: rgba(0,0,0,.63);
        border-radius: 0 0 0 16px;
}
.logo_area.w100 { width: 100px; }
.logo_area.w100 .img-div { width: 100px; height: 100px; }
.logo_area.w100 .img-div1 { width: 250px; height: 100px; }
.logo_area.w100 .logo_upload { width: 100%; }
.logo_area.w100  .off-btn{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.logo_area.w100 .logo_upload .logo_upload_btn { right: 0; }
.logo_area.w100 .logo_upload input { left: 0; right: 0; width: 100%; }

/*#endregion */


/*#region ML */


/*#region 添加商品的价格列表 */

.price_area td { padding: 15px 10px; background-color: #e9ecf3; }

.price_area .price_option { margin-right: 15px; }

.price_area .price_option .text,
.price_area .price_option .text input { font-weight: bold; color: #00A0E9; }

.price_area .price_option span,
.price_area .price_option span input { margin-bottom: 5px; font-size: 14px; }


/*#endregion */


/*#region 添加商品 */

.spec_table .spec_value_add { width: 30px; height: 30px; border: 0; margin: 5px; background-color: #fff; }

.spec_table .spec_value_add .addSpec_icon { background-position: -109px -27px; width: 30px; height: 30px; background-image: url("../Content/images/icons.png?v3"); }

.spec_table .specValue { width: 115px; }

.spec_table .attach_button { color: #ccc; font-size: 20px; font-family: "宋体"; width: 30px; border: 0; margin-left: -1px; }

.spec_table .attach_button .deleteSpec_icon { background-position: -76px -27px; width: 30px; height: 30px; background-image: url("../Content/images/icons.png?v3"); }

.input_area { width: 1100px; float: left; }

.customItemTitle { float: left; margin-left: 46px; }

.customItemContent { margin: 10px 0 0 126px; }

.customItemContent div { margin-bottom: 10px; }

.customItemContent div input { width: 143px; margin: 0 9px 0 0; }

.level_price_table { width: 100%; max-width: 1000px; }

.level_price_table tr td,
.level_price_table .data_table_head th { text-align: center; padding: 5px 10px; }

.spec_checkbox { width: 100%;  padding: 15px 0px; /*max-width: 1000px;
    padding: 15px 10px;*/ background-color: #eef1f9; }

.spec_checkbox .spec_title,
.gray_back .gray_title { margin-left: 10px; }

.customer_pricing_area { display: none; margin-top: 20px; }

.pro-pop-box .p-title{ line-height:20px;padding-bottom: 9px; border-bottom: 1px solid #eef1f9; }
.pro-pop-box .p-table{width: 100%; margin-top:5px;}
.pro-pop-box .p-table tr td{line-height: 30px;}
.pro-pop-box .p-table tr:last-child td{padding-top:5px;}

.update-pro-atrr {max-width:1068px;}
/*图片上传*/

.spec-pic-title { width: 100%; /*max-width: 1030px;*/ box-sizing: border-box; position: relative; }

.spec-pic-title .spec-pic-tip { position: absolute; right:30px; font-size: 12px; bottom: -5px; }

.add-img-box-border .apec_img_td { /*border: 1px solid #eef1f9;*/ border: none; box-shadow: 0 0 0px 1px #f5f7fc inset; }

.spec_img_area { height: 100px; /*background-color: #fff;*/ padding: 20px 10px 16px; }

.gridly { position: relative; width: calc(100% - 120px); }

.product_upload_box_add { float: left; width: 87px; height: 87px; position: relative; border: 1px solid #d6dee3; overflow: hidden; margin: 0 0px 15px 0; padding-top: 30px; background-color: #fafafa; }

.webuploader-pick { padding: 14px 15px !important; }

.product_upload_box_add:hover { background-color: #00A0E9; color: #fff; }

.product_upload_box_add input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; height: 100px; cursor: pointer; }

.product_upload_box { float: left; width: 87px; height: 87px; position: relative; border: 1px solid #d6dee3; overflow: hidden; margin: 0 15px 15px 0; background-color: #fafafa; }

.product_upload_box .product_img_delete { height: 20px; position: absolute; bottom: 0; width: 100%; text-align: center; background-color: #000; opacity: 0.5; z-index: 2; }

.product_upload_box img { width: 87px; height: 87px; }

.product_upload_box .product_img_delete a { color: #fff; }

.product_upload_box .img_del_setting { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 1; }

.product_upload_box .img_del_setting a { width: 100%; display: block; height: 50%; position: relative; }

.product_upload_box .img_del_setting a:hover { background-color: rgba(0, 0, 0, 0.6); text-decoration: none; }

.product_upload_box .img_del_setting a > span { position: absolute; top: 50%; margin-top: -10px; right: 0; left: 0; }

.product_upload_box.active { border: 1px solid #00A0E9; }

.product_upload_box.active::after { position: absolute; right: 0px; top: 0px; content: ""; width: 40px; height: 40px; background-image: url("../Content/images/icons.png?v3"); background-repeat: no-repeat; background-position: -213px -29px; }

.product_upload_box .progress { position: absolute; top: 1px; left: 1px; z-index: 3; height: 10px; width: 98px; border-radius: 0; }

.product_attachment_area { width: 100%; max-width: 1000px; display: inline-block; padding: 15px 0px; float: none; }

.productCodeError { position: absolute; top: 15px; right: -70px; }

.specItem { position: relative; background-color: #f5f7fc; }

.add-newspec-item { background-color: transparent; }


/*#endregion */


/*#region 商品列表 */

.black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index: 1001; opacity: .15; filter: alpha(opacity=80); }

.white_content { display: none; position: fixed; top: 25%; left: 40%; background-color: white; z-index: 1002; /* 数字的大小指明了div的相对层，数字大的在上层 */ overflow: auto; }
.white_content-top10{top: 15%;}
.white_content .scan_img{ width: auto;height: 70vh;}
.product_table { /*min-width: 900px;*/ }

.product_table .data_table_head th { text-align: center; }

.product_table tr td { padding: 10px 3px; }

.product_img { width: 60px; height: 60px; border: 1px solid #ccc; float: left; margin-right: 10px; text-align: center; line-height: 56px; vertical-align: middle; }

.product_title { margin-left: 70px; }

.product_title a { color: #555; }

.product_title a:hover { color: #00A0E9; text-decoration: underline; }

.bath_tool_area { /*margin: 10px 0 0 10px;*/ }

.bath_tool_area:hover { background-color: transparent !important; }

.bath_tool_area td { border-bottom: 0 !important; text-align: left !important; }

.table-pro-box{padding-left: 40px;}
.table-pro-box .table-pro-item{margin:10px 20px 10px 0;width:17%; min-width: 288px}
.table-pro-box .product_img{width: 80px; height: 80px;position: relative;}
.table-pro-box .product_img .pro-mask{position: absolute;top: 0;left: 0; right: 0; bottom: 0; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, .3); color: #fff; font-size: 16px; text-align: center;}
.table-pro-box .product_img .pro-mask .txt-tip{width: 40px; display: inline-block;height: 40px;line-height: 20px;}
.table-pro-box .product_img img{width: 80px; height: 80px;}
.table-pro-box .product_title{text-align:left;max-width:220px;line-height: 20px;}
.table-pro-box .del-price{text-decoration: line-through;}
.table-pro-box1 .product_img .pro-mask{position: absolute;top: 0;left: 0; right: 0; bottom: 0; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, .3); color: #fff; font-size: 16px; text-align: center;}
.table-pro-box1 .product_img .pro-mask .txt-tip{width: 40px; display: inline-block;height: 40px;line-height: 20px;}
/*.bath_tool_area .inputbox {
        width: 1%;
        min-width: 40px;
        display: inline-block;
        padding-right: 10px;
    }*/

.bath_tool_area input[type="checkbox"] { margin: 0 10px 1px 0; }

.bath_tool_area a { vertical-align: middle; margin-right: 10px; }

.theme_color.left { margin-left: 16px; }

.product_list_big .product_item {background: #fff; width: 18%; float: left; padding: 10px; margin: 0px 1% 15px 1%; border: 1px solid #eeeeee; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; }

.product_item .pro-img-a{position: relative;display: block;}

.product_item .pro-img-a .spec-ico{position: absolute;top: 0;right: 0;color: #FDA660;font-size: 60px;line-height: 60px;height: 60px;width: 60px;background-image: none;margin: 0;overflow: hidden;}
.product_item .pro-img-a .spec-ico.sm{top: -1px;right: -1px;color: #FDA660;font-size: 40px;line-height: 40px;height: 40px;width: 40px;}
.product_list_big .product_item .pro-img-a img{vertical-align: top;}

.product_list_big .product_item .pro_type { margin-top: 0px; overflow: hidden; white-space: nowrap; }

.product_list_big .product_item .item_name { width: 100%; margin: 0px 0 5px; height: 40px; overflow: hidden; }

.product_list_big .product_item .item_name a { font-size: 12px; display: block; word-break: break-all; }

.product_list_big .product_item .item_name a:hover { color: #00A0E9; }

.product_list_big .product_item img { width: 100%; height: auto; }

.product_list_big .product_item .item_price { margin-bottom: 5px; height: 25px; line-height: 25px; }

.product_list_big .product_item .item_spec { min-height: 20px; margin-left: -4px; }

.product_list_big .product_item .item_spec .pull-right i { font-size: 25px; width: 25px; color: #EE483C; }


/*超过1行时出现省略号*/

.my-ellipsis { max-height: 20px; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.my-ellipsis-2 { max-height: 40px; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*因为火狐浏览器不兼容css的-webkit-line-clamp，js动态判断高度添加active:after的...*/
.fit-ellipsis-3{position: relative; line-height: 20px; max-height:60px;overflow: hidden;}
.fit-ellipsis-3.active::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left:5px;background:#fff;}



.add_cart_window { width: 100%; height: 360px; }

.add_cart_info .a_cart_l { width: 80px; height: 80px; }

.add_cart_info .a_cart_l img { width: 100%; height: 100%; }

.add_cart_info .a_cart_r { width: calc(100% - 120px); margin-left: 10px; font-size: 14px; }

.add_cart_info .a_cart_r .pro_name { margin-bottom: 15px; }

.add_cart_info .a_cart_r .a_cart_r_l { padding-right: 20px; }

.my_ouline_red { padding-left: 20px; margin: 10px 0; }

.my_ouline_red a { padding: 4px 15px; border: 1px solid #ccc; margin-right: 10px; display: inline-block; margin-bottom: 10px; }

.my_ouline_red a.no_btn { border: 1px dotted #cecece;cursor: default;color: #cecece;padding: 4px 15px;margin-right: 10px;display: inline-block;margin-bottom: 10px;}

.my_ouline_red a:hover { border: 1px solid #EE483C; }

.my_ouline_red a.active1 { border: 1px solid #EE483C; }

.my_ouline_red a.active2 { border: 1px solid #EE483C; }

.product_list_big .product_item .spec { height: 30px; }


/*商品*/

.attributionArea_box .modal-header a,
.attributionArea_box .my-tabs-content a { color: #555; text-decoration: none; }

.attributionArea_box .modal-header a:hover,
.attributionArea_box .my-tabs-content a:hover { text-decoration: none; }

.attributionArea_box .input_table_title { padding-left: 0px; font-weight: bold; }

.attributionArea_box .input_table_title .iconfont { color: #f6b55a; font-size: 18px; margin: 1px 5px 0 0; }

.attributionArea_box .nav { margin-bottom: 10px; }

.attributionArea_box .selectAll-table tr:first-child { background-color: transparent; }

.attributionArea_box .table thead th { vertical-align: middle; text-align: left; }

.attributionArea_box .table-bordered { border: 0; }

.attributionArea_box .iframe_div { min-height: 525px; }

.attributionArea_box .my-tabs-content .nav-tabs { border-bottom: 0; }

.client_list span { padding: 5px; background: #eaeff0; margin-right: 10px; cursor: pointer; display: inline-block; margin-bottom: 5px; }

.client_list.ba_color01 span { background: #eaeaea; }

.client_list span i { padding: 1px 5px; }

.attributionArea_box .client_list { /*height:70px;*/ overflow-y: auto; }

.attributionArea_box .tab-content { padding: 0 15px; }

.attributionArea_box .seting_text { padding-left: 18px; }


/*#endregion */


/*#region 商品详细页 */


/*供货端商品详情分享*/

.pro_share_Window { top: 20%; margin: 0px 0px 0px -260px; width: 520px; height: 340px; }

.pro_share_box { height: 215px; }

.pro_share_box iframe { width: 100%; height: 210px; padding-top: 10px; box-sizing: border-box; }

.pro_share_modal_boby { height: auto; background-color: #fff; }

.pro_share_modal_table { padding: 10px 0px; margin: 0 auto; }

.pro_share_modal_table td textarea { height: 90px; width: 380px; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; }

.pro_share_modal_table .ta_td { height: 100px !important; }

.pro_share_modal_table td { margin-bottom: 20px; height: 50px; }

.pro_share_modal_table td input { width: 380px; }

.pro_share_modal_table tr td:first-child { text-align: right; width: 70px; }

.pro_share_footer { text-align: center; }

.pro_share_footer button { width: 130px; height: 34px; line-height: 34px; color: #fff; }

.pro_share_footer button i { font-size: 22px; margin-right: 15px; }

.pro_share_footer .ant-btn-weibo { background-color: #ea493e; border-color: #ea493e; }

.pro_share_footer .ant-btn-weixin { background-color: #13c19f; border-color: #13c19f; }


/* #region 微信分享二维码*/

.wechat_share_box { display: none; width: 180px; height: 196px; position: absolute; z-index: 999; top: 35px; left: 48%; box-shadow: 0px 0px 8px #888; background-color: #fff; }

.wechat_share_box .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #555; width: 90%; margin: 5px auto; }

.wechat_share_box .bd_weixin_popup_head .bd_weixin_popup_close { width: 14px; height: 14px; position: absolute; right: -3px; top: -2px; color: #555; font-weight: 400; text-decoration: none; font-size: 20px; }

.wechat_share_box .erweima { width: 160px; height: auto; margin: 0 auto; }

.wechat_share_box .erweima .erweimas { width: 100%; display: block; }


/*#endregion*/

.product_img_area { width: 400px; float: left; }

.product_img_area .img_small { margin-top: 8px; height: 70px; }

.product_img_area .img_small ul li { float: left; margin: 0 5px; }

.product_img_area .img_small img { width: 60px; height: 60px; }

.product_info_area { max-width: 700px; float: left;width: calc(100% - 400px);padding-left: 50px;box-sizing: border-box; }

.info_message_area { margin: 20px 0 0px; /*overflow: hidden;*/ }

.info_message_area .info_message_item,
.info_message_area .info_promotion { line-height: 20px; }

.info_message_area .white-drop-outerbox > ul > li { float: left; }

.info_message_area .white-drop-outerbox > ul { margin: 0; margin-bottom: 10px; overflow: hidden; }

.info_message_area .white-drop-outerbox > ul > li:first-child { margin-right: 40px; }

.info_message_area .white-drop-outerbox > ul > li > a { display: inline-block; }

.info_message_area .white-drop-outerbox > ul > li > a > span .iconfont { font-size: 9px; color: #aba5a5; margin-top: 2px; margin-left: 5px; }

.info_message_area .white-drop-outerbox > ul > li > a:hover > ul { display: block; }

.info_message_area .white-drop-outerbox > ul > li > a > ul { display: none; margin: 0; background-color: #fff; box-shadow: 0 0 10px #888; padding: 8px; position: absolute; z-index: 999; }

.info_message_area .info_message_item { margin-bottom: 10px; }

.info_message_area .info_promotion::after { /*content: "";
        display: block;
        height: 0;
        clear: both;*/ }

.info_message_area .productInfo_customer_price { padding: 20px; margin-bottom: 10px; }

.productInfo_customer_item { padding: 0 20px; }

.productInfo_customer_item .info_message_item { margin-bottom: 20px; }

.info_spec_area { line-height: 32px;  }

.info_spec_area .spec_area_item.over-hid{overflow: hidden;}

.info_spec_area .spec_area_item .spec_name,
.info_spec_area_pj .spec_area_item .spec_name { float: left; }

.info_spec_area .spec_area_item .spec_value_area,
.info_spec_area_pj .spec_area_item .spec_value_area {padding-left: 15px; float: left; }
.info_spec_area .spec_area_item .spec_value_area .spc,
.info_spec_area_pj .spec_area_item .spec_value_area .spc{line-height: 32px;}
.info_spec_area .spec_area_item .spec_value_area>div,
.info_spec_area_pj .spec_area_item .spec_value_area>div { float: left; margin: 0 10px 10px 0;position: relative; }
.info_spec_area .spec_area_item .spec_value_area>div:hover{}

.info_spec_area .spec_area_item .spec_value_area a,
.info_spec_area_pj .spec_area_item .spec_value_area a { border: 1px solid #c6cacc; padding: 4px 12px; line-height: 22px; box-sizing: border-box;  }

.info_spec_area .spec_area_item .spec_value_area .active1 a { border: 1px solid #00A0E9; position: relative; }

.info_spec_area .spec_area_item .spec_value_area .active2 a { border: 1px solid #00A0E9; position: relative; }

.info_spec_area .spec_area_item .spec_value_area .active1:not(.select-spec) a:after,
.info_spec_area .spec_area_item .spec_value_area .active2 a:after,
.o-pop-spec-box .s-item.active:after{ position: absolute; right: 0px; bottom: 0px; content: "\e653"; color: #00A0E9; font-size: 18px; line-height: 16px; font-family: "iconfont" !important; }
.o-pop-spec-box.no-b-boder {border-bottom:none; }

.info_spec_area .spec_area_item .spec_value_area .active3 a { position: relative; border: 1px solid #EE483C; }

.info_spec_area .spec_area_item .spec_value_area .active4 a { position: relative; border: 1px solid #EE483C; }

.info_spec_area .spec_area_item .spec_value_area .active3 a:after,
.info_spec_area .spec_area_item .spec_value_area .active4 a:after { position: absolute; right: -1px; bottom: 0px; content: "\e653"; color: #EE483C; font-size: 18px; line-height: 16px; font-family: "iconfont" !important; }

.info_button_area { }

.info_button_area .button { width: 132px; height: 40px; line-height: 40px; letter-spacing: 1px; margin-right: 10px; padding: 0 5px; font-size: 14px; text-align: center; display: inline-block; background-color: #eeeeee; margin-top: 10px; }

.info_button_area .button:hover { background-color: #e0e0e0; color: #555; }

.product_param_list { padding: 10px; }

.product_param_list ul { overflow: hidden; width: 100%; margin: 0; }

.product_param_list ul li { width: 30%; padding: 10px; text-align: left; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.product_description_centent { position: relative; padding: 0 45px; }

.product_description_centent img { display: inline-block; }

.info_button_area .cart_icon { background-position: -405px 0; width: 20px; height: 16px; background-image: url("../Content/images/icons.png?v3"); float: left; margin: 11px 5px 0 6px; }

.info_button_area .update_icon { background-position: -51px -27px; width: 16px; height: 16px; background-image: url("../Content/images/icons.png?v3"); margin: 0 10px -2px 0; display: inline-block; }

.info_button_area .iconfont { line-height: 20px; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background-image: none; }

.info_button_area .delete_icon { background-position: -388px 0; width: 14px; height: 16px; background-image: url("../Content/images/icons.png?v3"); margin: 0 10px -2px 0; display: inherit; }

.addcart_msg { position: fixed; top: 50%; left: 50%; margin: -50px 0 0 -110px; z-index: 10000; width: 220px; height: 100px; line-height: 100px; font-size: 16px; text-align: center; color: #555; background: #fff; box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px; display: none; }

.addcart_msg i { color: #00A0E9; font-size: 25px; margin-right: 15px; margin-top: 6px; }

.c_main .addcart_msg i { color: #EE483C; font-size: 25px; height: 27px; vertical-align: middle; }


/*飞入购物效果*/


/*.u-flyer {display: block;width: 15px;height: 15px;border-radius: 10px;position: fixed;z-index: 9999;background:#F23030;}*/

.u-flyer { display: block; position: fixed; z-index: 9999; color: #EE483C; }

.u-flyer i { font-size: 26px; color: #EE483C; }

.add-spec-table { width: 98% !important; }

.add-spec-table .action_btn { min-width: 50px; }

.add-spec-table .specValue { width: 100% !important; }


/*#endregion */


/*#endregion */


/*#region 订单 */


/*.order_top_tab ul li {
    width: 400px;
}*/

.pre_deposit_category{ background-color:#FFF6E6; color:#C39D59; padding:2px 4px; display:inline-block; line-height:1; width:auto;font-size:12px;}

.clienttable { margin: 3px 0; }

.clienttable tr th { height: 22px; line-height: 22px; max-height: none; min-width: 180px; }

.clienttable.table-title-l tr th { min-width: 60px; }

.client-list-action { padding-left: 8px; margin-top: 15px; }

.add_order_table .input_count { width: 90%; height: 30px; position: absolute; top: 50%; left: 50%; margin-left: -45%; margin-top: -15px; /*display: none;*/ z-index: 2; }

.product_remark_area { position: relative; }

.product_remark_area .product_remark { position: absolute; width: 250px; height: 100px; top: 3px; right: 74px; display: none; z-index: 3; overflow: hidden; resize: none; }

.gap { height: 3px; background-color: #eef1f9; }

.sum_price { padding: 20px; float: right; /*width: 180px;*/ }

.sum_price .sum-tit { width: 50px; text-align: right; display: inline-block; position: relative; }

.sum_price .popover { width: 200px; margin-left: -95px; top: 20px; color: #555 !important; }
.sum_price .list-title-popover .popover { margin-right: -105px; }
.sum_price .list-title-popover.o-update .popover { margin-right: -50px; }
.sum_price .list-title-popover.o-update .popover.bottom .arrow { margin-left: 45px; }
.sum_price .update_specialPrice { position: relative; }

.shoppingcart_sum_price { padding: 0; font-size: 14px; /*font-weight: bold;*/ }
.shoppingcart_sum_price .l-text-title { width: 150px; display: inline-block; text-align: right; margin-right: 10px; }
.product_info { min-height: 350px; padding-left: 40px; }

.product_info.promotionall_font label { font-size: 12px !important; }

.product_info .info_item { margin-bottom: 15px; }
.product_info1 .info_item { margin-bottom: 15px; display: flex; flex-direction: row;line-height: 30px;}

.product_info .info_item .info_item_left { float: left; margin: 0; }

.order_attachment_area { margin-left: 65px; }

.edit_button { margin: 5px 15px 0 0; font-size: 12px; }

.output_button { position: absolute; top: -10px; right: 0; }

.add_proceeds_log tr td:first-child { width: 78px; }

.customer_submit_order { border: 1px solid #eeeeee; margin-bottom: 15px; }

.customer_submit_order ul li { padding: 10px 5px; }

.receive_address { display: inline-block; width: 690px; line-height: 30px; }

.receive_address span { margin-left: 15px; }

.customer_submit_order .action-btn { line-height: 30px; height: 30px; display: inline-block; vertical-align: top; }
.customer_submit_order .o-coupon-tip { min-width: 60px; display: inline-block; }
.shoppingcart_empty { height: 100px; width: 400px; margin: 10% auto; text-align: center; }

.shoppingcart_empty .shoppingcart_empty_icon { float: left; width: 65px; height: 58px; background-image: url("../Content/images/icons.png?v3"); background-repeat: no-repeat; background-position: 0 -50px; }

.shoppingcart_empty .shoppingcart_empty_text { font-size: 14px; padding: 10px 0 0 15px; text-align: left; margin-left: 65px; }

.address_icon { background-position: -32px -30px; width: 12px; height: 12px; background-image: url("../Content/images/icons.png?v3"); margin: 4px 5px 0 0; }

.update_receiveAddress label { font-size: 12px !important; line-height: 20px; margin: 0; position: relative; padding-bottom: 10px; padding-top: 10px; }

.update_receiveAddress input[type="radio"] { margin-left: 20px; position: absolute; top: 6px; }

.update_receiveAddress .address-info { width: 590px; display: inline-block; padding-left: 40px; }

.update_receiveAddress { max-height: 500px !important; height: 430px; }

.window_input_table.address { margin: 15px 0 0 60px; }

.update_receiveAddress label:hover { background-color: #f5f7fc; }

.update_receiveAddress label:hover .add_address_bj a { display: block; }

.add_address_bj a { float: right; color: #00A0E9; margin-right: 8px; display: none; }

.item_choice { width: 5%; text-align: left !important; min-width: 50px; padding-left: 10px !important; }

.order-info-desc a { display: inline-block; width: 50px; line-height: 30px; }

.order-info-desc a .rank-icon { font-size: 14px; margin-left: 3px; line-height: 20px; }

.a_drown_icon { line-height: 17px; font-size: 10px !important; }

.wuliu-icon { line-height: 17px; margin-right: 5px; font-size: 18px; }


/*#endregion */


/*#region 资金 */


/*自定义链接选项卡*/

.my-tabs-content.my-link-tab { height: auto; margin-bottom: 0px; border-bottom: none; }

.my-tabs-content.my-link-tab .nav-tabs li { padding-right: 0px; }

.my-tabs-content.my-link-tab .nav-tabs li a { line-height: initial; color: #555; }

.top_tab_area.my-tabs-content.my-link-tab li .tab_action:hover { border-bottom: 2px solid #00A0E9; }

.top_tab_area.my-tabs-content.my-link-tab li .tab_action { color: #00A0E9; }

my-tabs-content.my-link-tab .nav-tabs > li > a:hover,
.my-tabs-content.my-link-tab .nav-tabs > li > a:focus { border-bottom: 2px solid #00A0E9; }


/*选项卡*/

.my-tabs-select .nav-tabs { border-bottom: 1px solid #D8DCE6; }

.my-tabs-select .nav-tabs li { font-size: 14px; }

.my-tabs-select .nav-tabs > li > a,
.my-tabs-select .nav-pills > li > a { border: none; margin-bottom: 15px; margin-right: 35px; border-radius: 20px; padding: 5px 12px; min-width: 80px; background-color: #f0f8fc; position: relative; text-align: center; box-sizing: border-box; }
.my-tabs-select.big-hg .nav-tabs > li > a,
.my-tabs-select.big-hg .nav-pills > li > a { padding: 10px 16px; }

.my-tabs-select .nav-tabs > li > a:hover,
.my-tabs-select .nav-pills > li > a:hover { border: none; color: #fff!important; background-color: #00A0E9!important; }

.my-tabs-select .nav-tabs > .active > a,
.my-tabs-select .nav-tabs > .active > a:hover,
.my-tabs-select .nav-tabs > .active > a:focus { border: none; color: #fff!important; background-color: #00A0E9!important; }


/*.my-tabs-select .nav-tabs > .active > a::after {
     position: absolute;
     right: 0;
bottom: -2px;
content: "\e743";
color: #00A0E9;
font-size: 18px;
font-family: "iconfont" !important;
        
    }*/

.my-tabs-content .nav-tabs { border-bottom: 1px solid #eef1f9; }

.my-tabs-content .nav-tabs li { font-size: 14px; }

.my-tabs-content .nav-tabs > .active > a,
.my-tabs-content .nav-tabs > .active > a:hover,
.my-tabs-content .nav-tabs > .active > a:focus { background-color: transparent; border-bottom: 2px solid #00A0E9; color: #00A0E9; border-left: 0; border-top: 0; border-right: 0; }

.my-tabs-content .nav-tabs > li > a,
.nav-pills > li > a { padding: 10px; }

.c_main .my-tabs-content .nav-tabs > .active > a,
.c_main .my-tabs-content .nav-tabs > .active > a:hover,
.c_main .my-tabs-content .nav-tabs > .active > a:focus { border-bottom: 2px solid #EE483C; color: #EE483C; }

.my-tabs-content .nav > li > a:hover,
.my-tabs-content .nav > li > a:focus { background-color: transparent; }

.my-tabs-content .nav-tabs > li > a:hover,
.my-tabs-content .nav-tabs > li > a:focus { border-color: transparent; }

.onlinepay-item { display: table; float: left; width: 400px; min-width: 310px; height: 240px; border: 1px solid #e8e8e8; border-radius: 3px; margin-right: 50px; margin-bottom: 20px; }

.onlinepay-item .online-item-header { height: 70px; background-color: #eef1f9; margin-bottom: 40px; padding: 20px 30px 0 15px; box-sizing: border-box; }

.onlinepay-item .table-box { display: table; width: 100%; }

.onlinepay-item .table-box .table-box-l { display: table-cell; vertical-align: middle; }

.onlinepay-item .table-box .table-box-r { display: table-cell; vertical-align: middle; text-align: right; }

.onlinepay-item .online-item-boby { height: 52px; margin: 0 30px 30px; font-size: 14px; box-sizing: border-box; width: 340px; }

.onlinepay-item .online-item-footer { margin: 0 15px; }

.onlinepay-item .online-item-footer .iconfont { font-size: 13px; margin-right: 3px; }

.payment-modal-box-item { width: 390px; height: 320px; }

.payment-modal-box-item .tip-bottom,
.wechatpay-modal-item .tip-bottom { margin-bottom: 20px; }

.tip-bottom .iconfont { color: #f6b55a; }

.payment-modal-box-item p { margin-bottom: 8px; }

.payment-modal-box-item p textarea { width: 100%; box-sizing: border-box; }

.payment-modal-box-item table,
.wechatpay-modal-item table { width: 100%; height: 225px; }

.payment-modal-box-item table tr { margin-bottom: 18px; }

.payment-modal-box-item table tr td:first-child { text-align: right; padding-right: 12px; min-width: 160px; }

.payment-modal-box-item table td textarea { height: 50px; }

.wechatpay-modal-item { width: 100%; height: 320px; }

.wechatpay-modal-item table tr td:first-child { text-align: right; padding-right: 12px; width: 160px; }

.wechatpay-modal-item table tr td:last-child a:hover { color: #00A0E9; }

.proceeds_view_area { padding: 10px 20px; }

.proceeds_view_area table { margin: 10px 0; }

.proceeds_view_area table tr td:first-child div { width: 85px; }

.customer_deposit { height: 100px; }

.part_customer_deposit_top { padding: 10px 0 20px; text-align: center; }

.part_customer_deposit_top div { margin-bottom: 10px; }

.popup_firsh_td tr td:first-child { width: 100px; }


/*#endregion */


/*#region 首页 */

.advertisement { right: 50%; top: 180px; }

.advertisement li { cursor: pointer; padding: 1px; }

.homepage_info_area { border: 1px solid #eeeeee; }

.homepage_info_area .title,
.manu_top_info2 .title,
.homepage_report .title { padding: 10px; font-size: 14px; }

.homepage_info_area .info { height: 107px; margin-top: 10px; display: table; width: 100%; }

.homepage_info_area .info .item,
.manu_top_info2 .info .item { height: 90px; float: left; text-align: center; display: table; }

.homepage_info_area .info .item .big { font-size: 30px; color: #00A0E9; font-weight: bold; margin: 20px 0 10px 0; max-height: 30px; height: 35px; }

.homepage_info_area .info .item:hover { background-color: #f5f7fc; }

.homepage_info_area .button_area input { width: 225px; height: 45px; border: 0; color: #fff; font-size: 16px; }

.chart_title_area { position: relative; }

.chart_title_area div { position: absolute; top: 10px; right: 25px; }

.customer_top_info { width: 39%; margin-left: 61%; border: none; }

.customer_top_info .info .item { width: 33%; }

.customer_top_info a .button1 { background-color: #008cc7; width: 43%; float: left; }

.customer_top_info a .button2 { margin-left: 13%; background-color: #00A0E9; width: 43%; float: left; }

.manu_top_info { width: 52%; float: left; }

.manu_top_info .info .item { width: 20%; display: table-cell; }

.manu_top_info2 { width: 45%; height: 157px; margin-left: 55%; border: 1px solid #eeeeee; }

.manu_top_info2 .info { display: table; width: 100%; }

.manu_top_info2 .info .item { width: 25%; display: table-cell; }

@media(max-width:1278px) {
    .manu_top_info { width: 45%; }

    .manu_top_info2 { width: 52%; margin-left: 48%; }

    .homepage_info_area .info .item .big { font-size: 20px; margin: 20px 0; max-height: 20px; height: auto; }

    .manu_top_info2 .info .item.me-min-item { width: 21%; }

    .manu_top_info2 .info .item.me-max-item { width: 29%; }
}

.manu_top_info2 .info .item div:first-child { color: #00A0E9; font-size: 18px; font-weight: bold; margin-bottom: 4px; padding-top: 25px; }

.homepage_report { width: 100%; }


/*#endregion */


/*#region 统计报表 */

.chart_top { text-align: center; }

.chart_top span { font-size: 14px; }

.chart_top .money { color: #fb5210; font-size: 18px; margin-right: 80px; }

.order_chart_body .chart { width: 1300px; height: 500px; }

/*#endregion */


/*#region 插件 */


/*#region 分页控件 */

.page_search_tool_area { overflow: hidden; line-height: 40px; text-align: center; font-family: Arial; margin: 15px 0 5px 0; width: 100%; }

.page_search_tool_area a { padding: 0 10px; margin: 0 2px 0 2px; min-width: 15px; float: left; line-height: 30px; height: 30px; }

.page_search_tool_area .p { color: #333; cursor: pointer; text-align: center; border-radius: 4px; background-color:#F0F2F5; border-radius: 2px!important; transition: .2s all; border-radius: 0; }

.page_search_tool_area strong { display: block; padding: 0 10px; margin: 0 2px 0 2px; min-width: 15px; float: left; line-height: 38px; border: 1px solid transparent; font-weight: bold; }

.page_search_tool_area .active { background-color: #00A0E9; color: #ffffff;  }

.page_search_tool_area .nextpage { padding: 0 15px; }

.page_search_tool_area .prevPage { padding: 0 15px; }

.page_search_tool_area .disable { /*padding: 0 15px;*/ color: #c2c2c2; }

.page_search_tool_area .custom_right { float: right; color: #99a2aa; font-size: 12px; }

.page_search_tool_area .custom_right .pageCount { padding: 0 2px; }

.page_search_tool_area .custom_right .pageCount_input { width: 52px; min-width: 15px; padding: 0 10px; height: 26px; line-height: 24px; margin: 0 0 4px; box-shadow: none; text-align: center; border-radius: 4px; background-color: #ffffff; border: 1px solid #ccd0d7; color: #99a2aa; border-radius: 0; }

.page_search_tool_area .custom_right .pageClick { float: right; margin: 0 0 0 10px; cursor: pointer; }


/*#endregion */


/*#region 数字选择器 */

.wan-spinner { border: 0; display: inline-block; vertical-align: middle; }

.wan-spinner .minus,
.wan-spinner .plus,
.wan-spinner input { float: left; text-align: center; }

.wan-spinner input { width: 50px; margin: 0; }

.wan-spinner .minus { margin-right: -1px; }

.wan-spinner .minus .deleteSpec_icon { background-position: -76px -27px; width: 30px; height: 30px; background-image: url("../Content/images/icons.png?v3"); }

.wan-spinner .plus .addSpec_icon { background-position: -110px -27px; width: 30px; height: 30px; background-image: url("../Content/images/icons.png?v3"); }


/*#endregion */


/*#region 提交等待 */

.loadingArea { position: relative; display: inline-block; }


/*.loadingArea .bg_color {
        background-color: #00A0E9;        
    }

    .loadingArea .bg_color2 {
        background-color: #999999;
    }*/

.loadingArea .loadingBg { /*width: 90px;
        height: 30px;*/ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7; background-color: inherit; }

.loadingArea .loading { position: absolute; /*top: 7px;
        left: 44px;*/ left: 50%; top: 50%; margin: -8px 0 0 -8px; }


/*#endregion */


/*#region 地区控件 */

.provinceError { float: left; }

.cityError { float: left; }

.areaError { float: left; }


/*#endregion */


/*#endregion */


/*#region 权限 */

.nopower_area { width: 160px; margin: 8% auto; text-align: center; }

.nopower { width: 135px; height: 145px; background-image: url(../Content/images/icons.png?v3); background-repeat: no-repeat; background-position: 0 -108px; margin: 0 auto; }

.role_table tr td input { width: auto; }

.role_table .role_area .role_item { margin-right: 20px; }

.role_table .role_area .role_item input { margin: 0 0 2px 0 !important; }

.role_table .role_area label { display: initial; }

.role_table .power_area td { height: auto; }

.role_table .power_area td:first-child { text-align: left; }


/*#endregion */


/*#region 促销 */

.promotion_content { margin: 8px 0 6px; }

.gift_item { line-height: 26px; }

.a_promotion { color: #fff; background-color: #fb5210; padding: 0 3px; font-size: 12px; border-radius: 3px; display: inline-block; /*min-width: 24px;*/ line-height: 20px; }

.a_limit { color: #fb5210; border: 1px solid #fb5210; padding: 0 3px; font-size: 12px; border-radius: 3px; display: inline-block; line-height: 20px; }

.product_item .a_promotion { float: left; margin-right: 3px; }

.a_addpromotion { color: #ffffff; background-color: #cccccc; padding: 0 3px; line-height: 20px; border-radius: 3px; display: inline-block; }

.pro_text { margin-left: 45px; color: #ff0000; line-height: 20px; }

.a_promotion.align { vertical-align: bottom; }

.a_promotion.promotion_mright { margin-right: 3px; }

.data_table.pro_tip tr:first-child { background-color: #fff; color: #888; }

.data_table.pro_tip td p:first-child { margin-top: 15px; }

.promotion_option div { float: left; margin-right: 10px; }

.promotion_option .promotiom_condition_l span { display: inherit; float: left; }

.promotion_option .promotiom_condition_l span select { width: 60px; }

.gift_area { margin-left: 370px; }

.promotion_option .promotiom_condition_l a { line-height: 26px; }


/*广告*/

.ad-input-way label { float: left; margin-right: 20px; font-size: 12px; margin-bottom: 0; }

.ad-input-way label input { width: auto; height: auto; }


/*#endregion */


/*#region 客户端 */


/*客户端button、input*/


/*.c_main input:focus, .c_main input[type=text]:focus, .c_main input[type=password]:focus, .c_main textarea:focus, .c_main select:focus, .c_main input[type="submit"]:focus {
    border:0;
}*/


/*红色*/

.c_red { color: #EE483C !important; }


/*客户端首页*/

@media(min-width:1281px) and (max-width:1400px) {
    .navbar .nav { margin: 0 50px 0 0; }
}

@media(max-width:1280px) {
    .navbar .nav { margin: 0 90px 0 0; }
}

.home-nav { height: 30px; background-color: #e8eaeb; color: #999; border-bottom: 1px solid #ddd; }

.home-nav .c-top-meau-l { position: relative; display: inline-block; padding: 5px 0px 5px; }

.home-nav .c-top-meau-l .ent-popover { top: 31px; color: #333333; }

.home-nav .c-top-meau-l .look-ent-btn { color: #999; }

.home-nav .c-top-meau-l .look-ent-btn .pull-d-icon { font-size: 11px; line-height: 17px; margin-left: 5px; margin-top: 0; }

.home-nav .ent-po-info .ent-list-ul .cell-tip { border: 1px solid #EE483C; color: #EE483C; }
.home-nav .nav > li > a { padding: 5px 10px 5px; }

.container.home-boby { margin-top: 30px; }

.navbar .nav > li > a > i { color: #EE483C; vertical-align: middle; display: inline-block; width: 14px; height: 19px; margin-right: 5px; margin-top: 0px; }

.navbar .nav > li > a > .change-icn { margin-top: 2px; }

.navbar .nav > li:hover .dropdown-menu { display: block; color: #EE483C; }

.home-nav .dropdown-menu > li > a:hover,
.home-nav .dropdown-menu > li > a:focus,
.home-nav .dropdown-submenu:hover > a,
.home-nav .dropdown-submenu:focus > a { color: #ffffff; text-decoration: none; background-color: #EE483C; background-image: -moz-linear-gradient(top, #EE483C, #EE483C); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE483C), to(#EE483C)); background-image: -webkit-linear-gradient(top, #EE483C, #EE483C); background-image: -o-linear-gradient(top, #EE483C, #EE483C); background-image: linear-gradient(to bottom, #EE483C, #EE483C); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff10215', endColorstr='#fff10215', GradientType=0); }

.home-nav .dropdown-menu.noactive > li > a:hover,
.home-nav .dropdown-menu.noactive > li > a:focus,
.home-nav .dropdown-submenu.noactive:hover > a,
.home-nav .dropdown-submenu.noactive:focus > a { color: #333; text-decoration: none; background-color: transparent; background-image: none; filter: initial; }

.header { height: 130px; }

.header .logo { width: 200px; height: 130px; /*background-color: #EE483C;*/ display: flex; }

.header .logo img { max-width: 100%; /*width: 100%;*/ height: auto; max-height: 130px; margin: auto; }

.nav-all { height: 36px; background-color: #fff; border-bottom: 1px solid #f23015; }

.search-cart .search { /*width: 550px;*/ height: 35px; margin-top: 47px; position:relative; }

.search-cart .cart-world { width: 188px; height: 33px; background-color: #fff; text-align: center; line-height: 35px; margin: 47px 0 0 80px; overflow: hidden; border: 1px solid #ccc; color: #EE483C; position: relative; }

.search-cart .cart-world a { color: #EE483C; }

.search-cart .cart-world i { font-size: 18px; margin-right: 4px; }

.search-cart .cart-world .ci-count { position: absolute; top: 5px; left: 140px; right: auto; display: inline-block; padding: 2px; font-size: 12px; line-height: 12px; color: #fff; background-color: #EE483C; border-radius: 10px; min-width: 12px; text-align: center; }

.search .sear-text { padding: 0px; padding-right:40px; width: 420px; height: 35px; border: 1px solid #ccc; line-height: 25px; font-size: 14px; padding-left: 12px; box-sizing: border-box; }

.search.sm .sear-text { height: 30px; }

.search.sm .sear-button { width: 45px; height: 30px; line-height: 30px; }

.search .sear-text::-webkit-input-placeholder { color: rgb(153, 153, 153); }

.search .sear-text::-moz-placeholder { color: rgb(153, 153, 153); }

.search .sear-button { right: 0; width: 60px; height: 35px; line-height: 35px; border: none; background-color: #EE483C; margin-left: -4px; box-sizing: border-box; }

.search .sear-button i { font-size: 23px; font-weight: 700; color: #fff; vertical-align: middle; width: 23px; height: 23px; background-image: none; line-height: 23px; }

.search .input_bottom_popup{position: absolute;margin-top: 2px;top:100%;left:0;height: 195px;width: 420px;border:1px solid #CCCCCC;background: #fff;z-index: 100;border-radius: 4px;overflow-y:auto}
.search .input_bottom_popup .item{line-height: 30px;padding: 0 16px;cursor: pointer;}
.search .input_bottom_popup .item:hover{background: #E8E8E9;}
.search .sear-text1{border-radius:4px 0 0 4px!important}

.menusTitle .classicon { font-size: 25px; margin: -2px 20px auto 15px; vertical-align: middle; }

.carousel-control { line-height: 18px; box-sizing: border-box; }
/*搜索图片*/
.photo-search-btn{position:absolute; right:70px;top: 50%;transform: translateY(-50%);z-index:1; width:20px; height:20px; overflow:hidden;}
.photo-upload{position:absolute;right:0;bottom:0;z-index:3;width:100%!important;height:100%!important;cursor:pointer;filter:alpha(opacity=0);opacity:0}
.photo-upload-bg{ font-size:20px; color:#6b6b6b;}
.photo-search-btn:hover .photo-upload-bg{ color:#EE483C; }
.photo-update-loading{ display:none; text-align:center; border: 1px solid #ccc;border-top: none;width: 100%;box-sizing: border-box;padding: 20px 0;background-color: #fff; position: absolute;top: 35px;z-index: 3;} 
.photo-update-loading .p-load-ico{ font-size:40px; color:#a6a4a4; }
.photo-update-loading .p-load-txt{line-height: 40px;display: inline-block;vertical-align: top;margin-left: 10px;}
/*导航   start*/

.yNavIndex { height: 36px; position: relative; }

.yNavIndex .yMenuIndex { margin: 0 0 0 200px; }

.yNavIndex .yMenuIndex li a { position: relative; display: inline-block; font-size: 16px; /*font-weight:500;*/ color: #333; line-height: 36px; height: 36px; padding: 0 15px; }

.yNavIndex .yMenuIndex li a:hover { /*font-weight: bold;*/ color: #EE483C; }

.yNavIndex .yMenuIndex li { float: left; height: 36px; padding: 0 12px; position: relative; }


/*导航菜单点击之后*/

.yNavIndex .yMenuIndex li.meau_active a { /*font-weight: 700;*/ color: #EE483C; }


/*下拉*/

.menus { z-index: 16; position: absolute; }

.menusTitle { height: 36px; width: 200px; background: #e8eaeb; color: #333; font-size: 16px; font-weight: normal; line-height: 36px; margin: 0; }

.menusTitle a { color: #fff; }

.modal-meau { height: 450px; overflow: auto; }

.modal-meau .cats { height: auto; overflow: auto; z-index: 16; background: rgba(0, 0, 0, .2); }

.cats { width: 200px; /*height: 450px;*/ background: rgba(0, 0, 0, .3); position: relative; z-index: 16; margin: 0; padding: 0; overflow: hidden; }

.cats li { height:45px; line-height:45px; color: #fff; font-size: 14px; padding-left: 15px; position: relative; /*background: #eee;*/ }


/*.cats li i{display: inline-block;position:relative;-webkit-transition: margin-left .2s linear;-moz-transition: margin-left .2s linear;-o-transition: margin-left .2s linear;}
.cats li.menulihover i{margin-left: 6px;}*/

.cats li a { display: inline-block; position: relative; -webkit-transition: margin-left .2s linear; -moz-transition: margin-left .2s linear; -o-transition: margin-left .2s linear; }

.cats li.menulihover a { margin-left: 6px; }

.cats li a { color: #fff; font-size: 14px; }

.cats li.menuliselected { background: #C60A0A; color: #fff; }

.cats li.menuliselected a { color: #fff; }

.cats li.menulihover { background: #fff; color: #EE483C; }

.cats li.menulihover a { color: #EE483C; }

.cats li span { display: inline-block; width: 0; height: 0; position: absolute; top: 12px; right: 8px; }


/*下拉详细列表具体分类*/

.menus_sub_area.modal_meau_sub { top: 0px; }

.menus_sub_area.modal_meau_sub .menus_sub { padding: 0px 10px; border: 1px solid #f3f3f3; min-height: 450px; }

.menus_sub_area { width: 570px; /*min-height:450px;*/ position: absolute; z-index: 18; top: 36px; left: 200px; display: none; height: auto; }

.menus_sub { display: none; background: #fff; padding: 0 20px 10px 20px; width: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; opacity: 1; }

.yMenuLCinList { overflow: hidden; padding-top: 10px; border-bottom: 1px dashed #ccc; }

.yMenuLCinList .line-title { width: 140px; color: #333; position: relative; font-size: 14px; float: left; padding-bottom: 10px; }


.yMenuLCinList .line-title a { color: #333; font-size: 14px; display: block; }
.yMenuLCinList .line-title .title-img { width: 35px; height: 35px; vertical-align: top; float: left; }
.yMenuLCinList .line-title .title-name { display: inline-block; float: left; width: 105px; line-height: 19px; margin-top: 8px; padding-left: 5px; box-sizing: border-box; }

.yMenuLCinList .line-title a:hover,
.yMenuLCinList .title-text a:hover,
.menus_sub .m-sub-title a:hover,
.menus_sub .m-sub-info > ul > li > a:hover { color: #EE483C; }

.yMenuLCinList .title-text { width: calc(100% - 140px); float: left; padding:8px 0; }

.yMenuLCinList .title-text a { line-height: 19px; font-size: 14px; color: #666; float: left; margin-left: 13px; margin-bottom:15px; }
.menus_sub .m-sub-title { line-height: 35px; padding: 10px 0; border-bottom: 1px dashed #ccc; color: #333; font-size: 14px; }
.menus_sub .m-sub-title a { color: #333; }
.menus_sub .name-img { width: 35px; height: 35px; vertical-align: top; margin-right: 5px; }
.menus_sub .m-sub-info { color: #666; font-size: 14px; margin-left: -20px; }
.menus_sub .m-sub-info > ul { margin: 0; padding: 0; }
.menus_sub .m-sub-info > ul > li { float: left; min-width: 183px; text-align: left; height: 35px; line-height: 35px; padding-left: 20px; box-sizing: border-box; margin: 10px 0px; display: inline-block; vertical-align: top; }
.menus_sub .m-sub-info > ul > li > a { color: #666; }

.fp-iconfont { display: block; position: absolute; top: 0; right: -15px; font-size: 11px !important; color: #555; line-height: 19px; }


/*导航   end*/

.banner { position: relative; width: 100%; height: auto; }

.my-index-banner .carousel { margin-bottom: 0; }

.my-index-banner .carousel-indicators { width: 60%; margin-left: -30%; }

.my-index-banner .carousel-indicators li { display: inline-block; float: none; }

.banner .carousel-inner .item img { width: 100%; height: auto; }


/*母版页样式*/

.cats.mother-meau { height: auto; display: none; }

@media (min-width:1600px) {
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container { width: 1380px; }
}

@media(min-width:1280px) and (max-width:1400px) {
    .all_fix.c_list_fix { width: 78%; }
}


/*大于等于980px*/

@media(min-width:980px) and (max-width:1278px) {
    /*列表头部*/
    .all_fix,
    .all_fix.orderlistH { width: 85%; }

    .all_fix.c_list_fix { width: 70%; }

    .search-cart .search { width: 400px; }

    .search .sear-text { width: 340px; }

    .navbar .nav > li > a > i { margin: 0 5px 0 0; }
    /*选择商品*/
    .add_order_table .input_count { left: 2px; margin-left: 0; }
}

@media(max-width:979px) {
    .product_list_big .product_item:nth-child(5) { display: none; }
}

@media(max-width:979px) {
    /*订单*/
    .all_fix { width: 80%; }

    .all_fix.orderlistH { width: 80%; }

    .all_fix.c_list_fix { width: 76%; }
    /*登录页*/
    .form-signin { margin: 20% auto 20px; }

    .search-cart .search { width: 280px; }

    .search .sear-text { width: 220px; }

    .search-cart .cart-world { margin: 52px 0 0 40px; }
 
    .navbar .nav > li > a > i { margin: 0 5px 0 0; }

    .iframe_div { -webkit-overflow-scrolling: touch; overflow-y: auto; }

    .product_list_big .product_item,
    .pro-img-box .ad-img-l { width: 29% !important; margin: 5px 2.1% 2% 2.1% !important; }

    .product_list_big .product_item:nth-child(6),
    .product_list_big .product_item:nth-child(7),
    .product_list_big .product_item:nth-child(8),
    .product_list_big .product_item:nth-child(9) { display: none; }

    .carousel-indicators { top: 92% !important; }
    /*选择商品*/
    .add_order_table .input_count { width: 70%; left: 3px; margin-left: 0; }
}

@media(width:1024px) {
    .pro-img-box .ad-img-l { height: 584px !important; }
    /*.imglist-ul li img {
       width:89.5px!important;
       height:89.5px!important;
   }
      .selected_good_box {
        width:763px!important;
    }
    .selected_good_box ul li {
        width:254.33px!important;
    }*/
}


/*@media (width: 768px){
.search-bar-box .sear-text.canvans-search {
    width: 58px;
}
}*/

@media(width: 768px) {
    .yNavIndex .yMenuIndex li a { padding: 0px; }
    .home-nav .nav > li > a { padding: 5px 1px 5px; }
    .pro-img-box .ad-img-l { height: 666px !important; }
    /*.imglist-ul li img {
       width:85px!important;
       height:85px!important;
   } 
       .selected_good_box {
        width:728px!important;
    }
    .selected_good_box ul li {
        width:242.66px!important;
    }*/
    .search-bar-box .sear-text.canvans-search { width: 58px; }

    .my-tabs-content .nav-tabs > li > a,
    .nav-pills > li > a { padding-left: 1px; padding-right: 1px; }
}

@media(width:1366px) {
    .pro-img-box .ad-img-l { height: 668px !important; }
    /*.imglist-ul li img {
       width:123.5px!important;
       height:123.5px!important;
   }
    .selected_good_box {
        width:1036px!important;
    }
       .selected_good_box ul li {
        width: 345.66px!important;
    }*/
}


/*主要内容*/

.c_containerdiv { width: 100%; background-color: #f3f3f3; }

.c_containerdiv.content_b { padding-bottom: 30px; }

.index_content { background-color: #fff; /*padding-top: 19px;*/ box-sizing: border-box; border-top: 10px solid #f3f3f3; }

.c_main { background-color: #fff; padding-bottom: 40px; padding-top: 19px; /*margin-top:20px;*/ box-sizing: border-box; border-top: 20px solid #f3f3f3; }

.c_main.c_index_home { border: none; margin: 0; padding: 0; }

.footer { padding: 40px 0; background-color: #fff; color: #bbb; line-height: 30px; }

.c_main .c_title { padding-left: 30px; padding-right: 30px; border-bottom: 20px solid #f3f3f3; box-sizing: border-box; overflow: hidden; }

.c_main .subpage_all { padding-left: 30px; padding-right: 30px; box-sizing: border-box; }

.c_main .subpage_all .pa_top { padding-top: 20px; }

.c_main .c_title { padding-left: 30px; padding-right: 30px; border-bottom: 20px solid #f3f3f3; }

.c_main .subpage_all { padding-left: 30px; padding-right: 30px; box-sizing: border-box; }

.c_main .subpage_all .pa_top { padding-top: 20px; }

.c_main .all_fix.c_list_fix { width: 80%; }

.c_main .product_list_big .product_item .item_name a { color: #333; }

.c_main .product_list_big .product_item .item_name a:hover { color: #EE483C; }


/*.c_main .buttom_default {
        background-color: inherit;
        color: #fff;
        border: none;
    }*/

.c_main .gray_back2 { background-color: #f3f3f3; }

.c_main .data_table tr:first-child { background-color: #f3f3f3; }

.c_main .data_table tr td a { color: #555; }

.c_main .data_table tr th { background-color: #f3f3f3; }

.c_main .data_table_hover tr:hover { background-color: #f3f3f3; }

.c_main .data_table tr td a:hover,
.c_main .data_table .a_link:hover { color: #EE483C; }

.c_main .data_table .a_link { color: #555; }

.c_main .top_tab_area li a { color: #555; line-height: 34px; display: block; font-size: 14px; }

.c_main .a_buttom,
.c_main .a_buttom2 { color: #EE483C; }

.c_main .a_buttom2:hover { color: #EE483C; }

.c_main .a_buttom3 { color: #555 !important; }

.c_main .a_buttom3:hover { color: #EE483C !important; text-decoration: underline; }

.c_main .top_tab_area li .tab_action { border-bottom: 2px solid #EE483C; color: }


/*保存键*/

.c_main .saveButtonArea { left: auto; width: auto; }

.c_main .saveButtonArea .saveBg { background-color: transparent; padding-left: 0; padding-right: 0; }


/*客户端附件*/

.c_main .theme_color { color: #EE483C; }

.c_main .attachment_content_area ul li .button { color: #555; }

.c_main .attachment_content_area ul li .button:hover { color: #EE483C; text-decoration: underline; }

.c_main .attachment_content_area ul li .progress .bar { color: #EE483C; }


/*商品品牌标签路径*/

.c_main .product_class_url { background-color: #f3f3f3; margin-top: -19px; padding: 0 20px 10px 20px; line-height: 20px; }

.c_main .pro_sl { padding: 0px 20px; /*margin-bottom: 19px;*/ border-bottom: 20px solid #f3f3f3; }

.c_main .pro_sl p span { margin-right: 8px; display: block; float: left; }

.c_main .pro_sl .sl-wrap { line-height: 25px; }

.c_main .pro_sl .sl-wrap .sl-key { color: #888; width: 50px; }

.c_main .pro_sl .sl-wrap .sl-value { margin-left: 50px; }

.c_main .pro_sl .sl-wrap .sl-value a { margin-right: 15px; line-height: 30px; }

.c_main .pro_sl .sl-wrap .sl-value a:hover { color: #EE483C; }

.c_main .pro_sl .sl-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.c_main .c_pro_promotion.c_title { border-bottom: 0; }
/*优化分类筛选样式*/
.product_class_url .cat-pro { margin: 0 5px 5px 0; padding: 0 24px 0 4px; float: left; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #ddd; height: 20px; line-height: 18px; box-sizing: border-box; text-decoration: none; position: relative; }
.product_class_url .cat-pro .close-ico { width: 20px; height: 100%; position: absolute; right: 0; top: 0; background-image: none; margin-top: 0; text-align: center; line-height: 18px; color: #EE483C; }
.product_class_url .cat-pro:hover { border-color: #EE483C; }
.product_class_url .cat-pro:hover .close-ico { background-color: #EE483C; color: #fff; }
.pro_sl .pro-sl-wrap { border-bottom: 1px dashed #dedede; padding: 8px 0px; line-height: 24px; position: relative; box-sizing: border-box; }
.pro-sl-wrap .sl-head { float: left; width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro-sl-wrap .sl-body,
.pro-sl-wrap .sl-head ~ .sl-tab-body { margin-left: 110px; padding-right: 120px; overflow: hidden; height: 24px; }
.pro-sl-wrap .sl-body.up,
.pro-sl-wrap .sl-head ~ .sl-tab-body { height: auto; }
.pro-sl-wrap .sl-foot { position: absolute; top: 8px; right: 10px; width: 110px; overflow: hidden; }
.pro-sl-wrap .sl-btns { text-align: center; padding: 6px 0; display: none; }
.pro-sl-wrap .sl-btns a { padding: 0px 12px; display: inline-block; box-sizing: border-box; line-height: 25px; border-radius: 2px; height: 25px; }
.pro-sl-wrap .sl-btns a.disabled { cursor: default; opacity: .1; }
.pro-sl-wrap .sl-btns a:first-child { margin-right: 10px; }
.pro-sl-wrap .sl-body ul,
.pro-sl-wrap .sl-tab-body ul { margin: 0; padding: 0; }
.pro-sl-wrap .sl-body > ul > li { float: left; margin-right: 50px;line-height: 24px; /*padding-left:18px;*/ }
.pro-sl-wrap .sl-body.up > ul > li,
.pro-sl-wrap .sl-tab-body > ul > li{ margin-bottom:5px;}
.pro_sl .pro-sl-wrap:last-child { border-bottom: 0; }
.pro-sl-wrap .sl-body > ul > li > a,
.pro-sl-wrap .sl-tab-body > ul > li > a,
.pro-sl-wrap .sl-tab-body > ul > li.hasChildren > ul > li > a { color: #005aa0; white-space: normal; display: inline-block; border: 1px solid transparent; padding: 0 6px; box-sizing: border-box; line-height: 22px; position: relative; }
.pro-sl-wrap .sl-body > ul > li.active > a { border: 1px solid #dedede; }
.pro-sl-wrap .sl-body > ul > li.active > a::after { position: absolute; content: ""; bottom: -1px; left: 0; right: 0; height: 3px; background-color: #fff; z-index: 3; }
.pro-sl-wrap .sl-body > ul > li > a:hover,
.pro-sl-wrap .sl-tab-body > ul > li > a:hover,
.pro-sl-wrap .sl-tab-body > ul > li.hasChildren > ul > li > a:hover { color: #EE483C; }
.pro-sl-wrap li > a:hover i,
.a-i-select:hover > i { border-color: #EE483C !important; }
.pro-sl-wrap li.multiple > a { padding-left: 24px !important; }
.pro-sl-wrap li.multiple > a > i,
.a-i-select > i { position: absolute; left: 6px; top: 4px; display: inline-block; height: 12px; width: 12px; background-color: #fff; border: 1px solid #ccc; }
.pro-sl-wrap li.selected > a > i,
.a-i-select.selected > i { position: absolute; background-color: #fff; border-color: #EE483C; }
.pro-sl-wrap li.selected > a > i::after,
.a-i-select.selected > i::after { position: absolute; top: 0px; left: -1px; line-height: 12px; width: 14px; color: #EE483C; content: "\e66a"; font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.a-i-select { padding-left: 24px; position: relative; line-height: 22px; display: inline-block; }
.a-i-select:hover { color: #EE483C; }
.pro-sl-wrap .sl-bts { float: left; width: 50px; border: 1px solid #ddd; height: 24px; line-height: 22px; position: relative; color: #333; display: inline-block; box-sizing: border-box; }
.pro-sl-wrap .sl-bts:hover, .pro-sl-wrap .sl-bts:hover i { color: #EE483C; }
.pro-sl-wrap .sl-foot .sl-e-more { margin-right: 10px; padding-left: 4px; text-align: left; }
.pro-sl-wrap .sl-foot .sl-e-more > i { color: #888; margin-left: 2px; }
.pro-sl-wrap .sl-e-multiple { padding-right: 4px; text-align: right; }
.pro-sl-wrap .sl-e-multiple > i { color: #888; font-size: 14px; margin-right: 2px; }

/*三级菜单*/
.pro-sl-wrap .sl-body .sl-tab-cont-item { margin: 0; padding: 0; background-color: #fff; border: 1px solid #dedede; position: absolute; top: 31px; height: auto; left: 110px; z-index: 1; right: 0; min-height: 80px; padding: 10px; line-height: 24px; display: none; }
.pro-sl-wrap .sl-body > ul > li.active > .sl-tab-cont-item { display: block; }
.pro-sl-wrap .sl-tab-body > ul > li { float: left; margin-right: 30px; line-height: 24px; }

.pro-sl-wrap .sl-tab-cont-item .sl-tab-body { padding-right: 60px; }
.pro-sl-wrap .sl-tab-cont-item .sl-tab-foot { position: absolute; top: 8px; right: 0px; width: 60px; overflow: hidden; }
/*展示二三级筛选时*/
.pro-sl-wrap .sl-head ~ .sl-tab-body { display: none; }

/*高级筛选中有第三级,同时显示二级和三级*/
.pro-sl-wrap .sl-tab-body > ul > li.showMultLi{ float: none; margin-right: 0; margin-bottom: 15px;overflow:hidden}
.pro-sl-wrap .sl-tab-body > ul > li.showMultLi:last-child { margin-bottom: 0px; }
.pro-sl-wrap .sl-tab-body > ul > li.showMultLi > a { float: left; width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro-sl-wrap .sl-tab-body > ul > li.showMultLi > ul { padding-left: 110px; }
.pro-sl-wrap .sl-tab-body > ul > li.showMultLi > ul > li { float: left; margin-right: 20px; }
.pro-sl-wrap .sl-tab-body > ul > li.showMultLi > ul > li > a { width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*高级筛选*/
.pro-sl-wrap .sl-body > .sl-tab-trigger > li { margin-right: 15px; }
.pro-sl-wrap .sl-body > .sl-tab-trigger > li > a { border: 1px solid #ddd; }
.pro-sl-wrap .sl-body > .sl-tab-trigger > li.hasChildren > a { text-align: left; padding-right: 21px; }
.pro-sl-wrap .sl-body > .sl-tab-trigger > li > a:hover { color: #005aa0; }
.pro-sl-wrap .sl-body > .sl-tab-trigger > li > a > .look-arrow { position: relative; margin-left: 3px; }
.pro-sl-wrap .sl-body > .sl-tab-trigger > li > a > .look-arrow::after { position: absolute; content: "\e68f"; top: 0px; left: 0px; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #888; line-height: 1; }
.pro-sl-wrap .sl-body > .sl-tab-trigger > li.active > a > .look-arrow::after { content: "\e68e"; }
.pro-concent .f-line-top { line-height: 30px; height: 30px; margin: 10px 20px; }
.pro-concent .f-line-top .abtn { float: left; width: 70px; text-align: center; line-height: 28px; box-sizing: border-box; }
.pro-concent .f-line-top .abtn-sty01 { background-color: #e3383a; border: 1px solid #e3383a; color: #fff; }
.pro-concent .f-line-top .abtn-sty02 { background-color: #f4f4f4; color: #555; border: 1px solid #ebebeb; border-left: none; }
.pro-concent .f-line-top .rank-list-box { padding-right: 6px; }
.pro-concent .f-line-top .new-change-eleven .tip-up { margin-top: 10px; }
.pro-concent .f-line-top .new-change-eleven .tip-down { margin-top: 16px; }
.pro-concent .f-line-top .spec-btn { position: relative; }
.pro-concent .f-line-top .spec-btn .s-ul { margin: 0px; padding: 0px; position: absolute; top: 29px; left: -1px; background-color: #f4f4f4; width: 71px; display: none;z-index:2; }
.pro-concent .f-line-top .spec-btn.active .s-ul { display: block; }
.pro-concent .f-line-top .spec-btn .s-ul > li.active{color:#EE483C;}
.pro-concent .f-line-top .s-ul > li { line-height: 30px; }
.pro-concent .f-line-top .s-ul > li:hover { color: #EE483C; }

/*分类示列*/
.category-ex-box .cate-tab1 img{ width:100%;height:auto;}
.category-ex-box .cate-tab2{display:table;width:90%}
.category-ex-box .cate-tab2 .cate-tab-cell{ display:table-cell; padding:0 50px;}

/*商品搜图*/
.proimg-search-top{border-bottom:10px solid #f3f3f3;/*padding: 10px;*/position: relative;margin-top: -20px;background-color:#f3f3f3; }
.proimg-search-top .l-search-img{ width:140px; height:140px;margin-bottom: 10px;position:relative;background-color:#fff; }
.proimg-search-top .l-search-img img{ position:absolute;left:50%;top:50%; -moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%) }
.proimg-search-top .l-search-img .close-search-img{position:absolute;right:0;top:0;width:9pt;height:9pt;padding:4px 4px 6px 6px;line-height:7px;text-align:center;background-color:#262533;border-bottom-left-radius:9pt;color:#fff}
.proimg-search-top .l-search-img .close-search-img .iconfont{ font-size:14px;}
.proimg-search-top .l-search-img .close-search-img:hover{ color:#EE483C;}
.proimg-search-top .r-search-item {margin-left:160px;} 
.proimg-search-top .r-search-item a{ float:left; display:inline-block; font-size:14px; line-height:40px; padding:0 10px; background-color:#DDE1EA; min-width:80px; text-align:center; margin-right:20px;margin-bottom:10px;}
.proimg-search-top .r-search-item a:hover{ background-color:#fff; color:#EE483C;}

/*商品详情*/

.c_main .info_spec_area .spec_area_item .spec_value_area .active1 a,
.c_main .info_spec_area_pj .spec_area_item .spec_value_area .active1 a,
.c_main .info_spec_area .spec_area_item .spec_value_area .active2 a,
.c_main .info_spec_area .spec_area_item .spec_value_area div:hover a,
.c_main .o-pop-spec-box .s-item.active,
.o-pop-spec-box.more-pop .s-item.active{ border: 1px solid #EE483C;position:relative }
.none_click a {
    border: 1px dotted #cecece !important;
    cursor: default !important;
    color: #cecece !important;
    opacity: 0.5;
}
.none_click a::after {
    display: none !important;
}
.add-cart-popover a { position: relative; }

.add-cart-popover a.active1:not(.select-spec)::after,
.add-cart-popover a.active2:not(.select-spec)::after,
.c_main .info_spec_area .spec_area_item .spec_value_area .active1:not(.select-spec) a:after,
.c_main .info_spec_area_pj .spec_area_item .spec_value_area .active1:not(.select-spec) a:after,
.c_main .info_spec_area .spec_area_item .spec_value_area .active2 a:after,
.c_main .info_spec_area .spec_area_item .spec_value_area div:not(.select-spec):hover a:after,
.c_main .o-pop-spec-box .s-item.active:after,
.o-pop-spec-box.more-pop .s-item.active:after { position: absolute; right: -1px; bottom: 0px; content: "\e653"; color: #EE483C; font-size: 18px; line-height: 16px; font-family: "iconfont" !important; }

.c_main .label_ul .active a:hover { border-top: 2px solid #EE483C; color: #555; }

.c_main .label_ul .active a { border-top: 2px solid #EE483C; color: #555; }

.c_main .spec-scroll .items ul li img:hover { border: 2px solid #EE483C; }



/*提交订单*/

.c_main .div_a_button .action { color: #EE483C; border: 1px solid #EE483C; }


/*分页*/

.c_main .product_list_big + .page_search_tool_area { padding-left: 30px; padding-right: 30px; box-sizing: border-box; }


/*批量删除*/

.c_main .bath_tool_area a { margin-left: 0; }


/*商品*/

.c_main .product_list_big .product_item .item_price .price { margin-left: -4px; }


/*提交订单*/

.c_main .customer_submit_order ul { /*margin:0px 25px 10px 25px*/ }

.c_main .cart_input_submit input[type="submit"]:focus { border: 0; }


/*供货商信息*/

.clink_company { margin-bottom: 20px; margin-left: 30px; }

.clink_company td { padding: 10px 0; }

.clink_company td:first-child { width: 75px; text-align: right; }

.c_service_info { margin-left: 30px; }

.c_service_info td { padding: 3px 15px 3px 0; }


/*#endregion */


/*#region 下拉树 */

.dropdown_tree { position: relative; width: 100%; }

.dropdown_tree .dropdown_tree_input { padding: 4px 0; cursor: pointer; /*width: 100%;*/ /*height: 20px;*/ border: 1px solid #ccc;border-radius: 4px; height: 30px; line-height: 20px; box-sizing: border-box; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 16px; background: url("/Content/images/input-icon.png") no-repeat scroll right center transparent; }

.dropdown_tree .dropdown_tree_input .show_text { padding-left: 15px; height: 100%; overflow: hidden; }

.dropdown_tree .action { top: 30px; left: 0; }

.dropdown_tree .dropdown_tree_menu { position: absolute; z-index: 1001; background-color: #fff; border: 1px solid #cccccc; border-top: none; overflow: hidden; width: calc(100% - 2px); max-height: 340px; overflow-y: auto;width: 400px !important; }

.dropdown_tree .dropdown_tree_menu .search_input_box { width: 94%; margin: 8px 0 0 3%; position: relative; }

.dropdown_tree .dropdown_tree_menu .search_input_box .search { width: 100%; padding-left: 25px; }

.dropdown_tree .dropdown_tree_menu .search_input_box .search_input_icon { position: absolute; left: 5px; top: 50%; margin-top: -7px; }

.dropdown_tree .dropdown_tree_menu .button { background-image: url("../Content/zTree/css/zTreeStyle/img/zTreeStandard.png"); }

.dropdown_tree .ztree li a:hover { text-decoration: none; }

.dropdown_tree .ztree li .curSelectedNode,
.dropdown_tree .ztree li .curSelectedNode_Edit,
.dropdown_tree .ztree li .tmpTargetNode_inner { background-color: transparent; border: none; opacity: 1; color: #00A0E9; }

.ztree * { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif !important; }

.dropdown_tree * { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif; }

.dropdown_tree .ztree li a { color: #555; }

.dropdown_tree .text::-webkit-input-placeholder { /* WebKit browsers */ color: #555; opacity: 1; }

.dropdown_tree .text::-moz-placeholder { /* WebKit browsers */ color: #555; opacity: 1; }


/*#endregion */


/*#region 客户导入*/

.modal-body.iframe_div.toleadiframe { padding: 0; }

.modal-body.iframe_div.toleadiframe iframe { margin-bottom: -7px; border-radius: 6px; }

.tolead-modal-footer { position: fixed; bottom: 0; width: 100%; height: 60px; box-sizing: border-box; }

.tolead-btn { line-height: 30px; margin-right: 15px; }

.tolead-btn .iconfont { font-size: 14px; margin-right: 5px; }

<!-- 客户导入-- > .c-to-lead-l strong { line-height: 30px; }

.customer-item-bgcolor { background-color: #eef1f9; }

.customer-lead { display: flex; margin-top: 35px; }

.c-to-lead-info { margin: auto; }

.c-to-lead-info > p { margin-bottom: 20px; }

.c-to-lead-m { line-height: 28px; border: 1px solid #ccc; margin-right: 15px; width: 350px; cursor: pointer; position: relative; text-align: center; border-radius: 4px}

.c-to-lead-m .file-name { width: calc(100% - 30px); overflow: hidden; display: block; box-sizing: border-box; }

.c-to-lead-m input { font-size: 0; width: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; padding: 0; margin: 0; z-index: 2; border-radius: 4px}

.lead-icon-bgcolor { display: inline-block; width: 20px; height: 20px; position: absolute; right: 4px; top: 4px; background-color: #ccc; border-radius: 3px; display: flex; z-index: 1; }

.tolead-icon { margin: auto; background-position: -142px -27px; width: 12px; height: 12px; background-image: url(../Content/images/icons.png?v3); background-repeat: no-repeat; display: block; }

.import-step-info { margin-top: 35px; }


/*第二步*/

.math_boby_all { width: 80%; padding-bottom: 75px; padding-top: 15px; margin: 0 auto; }

.math_boby_all .data_table tr td { border-bottom: 0; }

.lead-header-l { width: 22%; }

.lead-header-r { width: 60%; text-align: left; }

.lead-table tr td { height: auto; }

.lead-table tr:first-child { background-color: transparent; font-weight: bold; }

.lead-table tr td:first-child { text-align: right; padding-right: 37px; }

.lead-table tr td:last-child select { width: 100%; }


/*导入结果*/

.save_boby_all { padding: 35px 25px 75px 25px; }

.lead-result-info { text-align: center; font-size: 14px; }

.lead-mis-list { margin-top: 15px; }

.lead-mis-list .mis-list-l { float: left; width: 80px; text-align: right; display: inline-block; }

.lead-mis-list .mis-list-r { display: block; margin-left: 90px; }

.ulc-error { margin: 10px 30px; font-size: 16px; }


/*#endregion */


/*#region 支付方式*/

.proceeds_ul { margin: 10px 0; }

.proceeds_ul li { border-bottom: 1px solid #f0f0f0; padding: 20px 0 20px 40px; }

.proceeds_ul li span { padding-left: 40px; font-size: 14px; }

.alipay-icon .iconfont { color: #009fec; font-size: 30px; }

.wechatpay-icon .iconfont { color: #00be55; font-size: 30px; }

.alipayOrder-icon .iconfont { color: #009fec; font-size: 40px; }

.wechatpayOrder-icon .iconfont { color: #00be55; font-size: 40px; }

.deposit-icon .iconfont { color: #F0AD4E; font-size: 40px; }

.transfer-icon .iconfont { color: #558ded; font-size: 40px; }

.weixin_info { width: 700px; height: 380px; margin: 0 auto; padding-top: 10px; }

.pay_w_box { width: 280px; float: left; }

.pay_w_sidebar { float: left; width: 320px; height: 320px; text-align: right; margin-left: 40px}

.pay_w_box .pw-box-img { width: 280px; height: 280px;padding: 10px ;border: 1px solid #CCC;}

.pay_w_box .pw-box-img img { width: 100%; height: auto; box-sizing:border-box; }

.pay_w_box .pw-box-tip { width: 280px; height: 50px; margin-top: 30px; background-color: #ff7674; color: #fff; padding: 5px 0 5px 130px; box-sizing: border-box; position: relative; }

.pay_w_sidebar img { margin-top: -20px; height: 320px; }

.pw-box-tip .iconfont { position: absolute; left: 40px; top: 18px; font-size: 34px; }
.pay_w_box.sm .pw-box-img{ width:130px; height:130px;}
.pay_w_box.sm .py-wx-tip{width: 130px;background-color: #ff7674;color: #fff;}

/*#endregion */



/*#region 弹出框*/

.modal-backdrop.in { opacity: 0.15 !important; }
.my-modal-backdrop { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); z-index: 1002; }
.bootbox button { width: auto; height: auto; }

.bootbox.modal.in { top: 43%; margin: -135px 0 0 -175px; color: #555; }

.bootbox.modal { width: 350px; }

.bootbox_change{width:200px;height:152px}
.bootbox_change .modal-body{height:auto!important}

.bootbox .modal-title { font-size: 14px; color: #555; font-weight: inherit; margin: 0; }

.bootbox .modal-title i { margin-right: 5px; color: #555; }

.bootbox .close { font-weight: inherit; }

.bootbox .modal-body { height: 80px; display: flex; }

.bootbox .modal-body .bootbox-body { margin: auto; font-size: 14px; }

.bootbox .modal-footer { text-align: center; }

.bootbox .modal-footer button:nth-child(2) { margin-left: 25px; }

.bootbox .modal-footer .btn { background-image: none; border-radius: 0; -webkit-border-radius: 0; text-shadow: none; box-shadow: none; border-radius: 4px; }

.bootbox .modal-footer .btn-myStyle.Cancel { background-color: #fff; color: #555; border: 1px solid #ccc; }

.bootbox .modal-footer .btn-myStyle.Confirm { background-color: #00A0E9; color: #fff; }

.bootbox .modal-footer .c-btn-myStyle.Confirm { background-color: #EE483C; color: #fff; }

.bootbox .modal-footer .btn-mySize { width: 100px; height: 30px; font-size: 12px; border: 0; }


/*#region 弹出框*/


/*#region 系统设置页面*/

.sett_list_box { background-color: #eef1f9; padding: 15px 0px; }

.sett_list_box .input_table { width: 100%; }

.sett_list_box .input_table tr td:first-child { width: 110px; }


/*.sett_list_box .input_table_title {
        font-size:16px;
    }*/

.set_tip_div { margin-left: 19px; }

.set_tip_div .sm_input_text { width: 60px; }

.jon-lead { max-height: none; }

.shop-share-popover { width: 370px; position: relative; max-height: none; height: 544px; }
.shop-share-popover.foder-po { height: 600px; }
.shop-share-popover.foder-po .f-img-box { border: 1px solid #eeeeee; }

.shop-share-popover .img-bg { position: absolute; top: 15px; left: 50%; width: 256px; height: auto; margin-left: -128px; z-index: 3; }

.shop-share-popover .share-info-box { position: absolute; top: 130px; left: 50%; width: 222px; height: 360px; margin-left: -111px; z-index: 4; padding: 6px; background-color: #efeff4; box-sizing: border-box; }
.shop-share-popover .share-info-box.dist-share-info { padding: 0px; }
.share-info-box .share-info-top,
.share-info-box .share-info-top > img { width: 210px; height: 105px; }
.share-info-box.dist-share-info .share-info-top,
.share-info-box.dist-share-info .share-info-top > img { width: 222px; height: 111px; }
.share-company .s-com-l { margin: 0 6px; position: relative; width: 60px; box-sizing: border-box; height: 50px; }

.share-company .s-com-r { width: 135px; }

.share-company .s-com-txt { max-width: 118px; max-height: 20px; display: -webkit-box; overflow: hidden; white-space: nowrap; /*word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;*/ }

.share-info .qrcad-img { margin: 10px 30px 0 30px; }

.share-info .qrcad-img img { width: 150px; height: 150px; }

.share-info .qrcad-img .qr-txt { width: 100%; text-align: center; color: #fbbb48; margin-top: 6px; }

.share-company .s-com-l .s-com-logo { position: absolute; top: -10px; left: 0px; width: 60px; height: 60px; box-sizing: border-box; }

.shop-share-popover .share-info-box .share-info { width: 100%; height: 100%; background-color: #fff; }

.jon-lead .join-div-box { position: absolute; bottom: 145px; left: 38px; height: 80px; width: 204px; display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.jon-lead .join-edit-text { position: absolute; bottom: 145px; left: 38px; height: 85px; width: 204px; }

.jon-lead .join-btn { position: absolute; left: 90px; bottom: 48px; }

.join_reason_box { position: relative; }

.join_reason_text { top: 0; left: 0px; padding: 5px; line-height: 20px; height: 150px; overflow: auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(204, 204, 204); position: absolute; width: 100%; z-index: 2; display: none; box-sizing: border-box; }

.set_share_shop_w .w_code_img { border: 1px solid #ddd; width: 150px; height: auto; }

.set_share_shop_w .w_down_codeimg { vertical-align: bottom; margin-left: 20px; }

.wm-preview-waterimg { position: absolute; opacity: 0.5; z-index: 10; }


/*#region 系统设置页面*/


/*短信设置*/

.note_fix { width: 60%; }

.toup_type_info {  height: auto; font-size: 14px; overflow: hidden; }

.toup_type_info .toup_sing_img { width: 250px; height: 250px; background-color: #eef1f9; float: left; display: flex; }

/* .toup_type_info .toup_meau { width: 850px; height: auto; } */

.toup_type_info .toup_sing_img .conter_pice_l { margin: auto; }

.toup_type_info .toup_sing_img .conter_pice_l p { text-align: center; }

.toup_type_info .toup_sing_img .conter_pice_l .toup_pice_title { font-size: 20px; color: #555; margin-bottom: 25px; }

.toup_type_info .toup_sing_img .conter_pice_l .toup_pice { font-size: 32px; }

.toup_type_info .toup_sing_img .conter_pice_l .sm_pice_icon { font-size: 14px; }

.toup_type_info .toup_meau .toup_meau_r { padding: 5px 22px;position: relative;padding-left: 120px }


.toup_type_info .toup_meau .toup_meau_r .meau_r_sub_l { position: absolute; font-size: 14px; top: 0;left: 0;width:100px;text-align: right;padding-right: 20px}

.toup_type_info .toup_meau .toup_meau_r .meau_r_sub_l span { display: inline-block; line-height: 40px; }

 .toup_type_info .toup_meau .toup_meau_r .meau_r_sub_r  .outline_btn { overflow: hidden; margin-top: 0} 
  .toup_type_info .toup_meau .toup_meau_r .meau_r_sub_r  .notetoup_pay_way_style{overflow: hidden;}
 .toup_type_info .toup_meau .toup_meau_r .meau_r_sub_r  .notetoup_pay_way_style .item{display:flex;width: 210px;height: 80px;line-height: 80px;float: left;align-items: center;border: 1px solid #E0E0E0;border-radius: 8px;margin-right: 30px;justify-content: center;position: relative;}
.toup_type_info .toup_meau .toup_meau_r .meau_r_sub_r  .notetoup_pay_way_style .item.active:after { position: absolute; right: -1px; bottom: 1px; content: "\e66e"; color: #fb5210; font-size: 26px; font-family: "iconfont" !important; line-height: 1}
 .notetoup_pay_way_style .iconfont { font-size: 32px; margin-right: 20px; }

.notetoup_pay_way_style .weixinpay .iconfont { color: #00be55; }

.notetoup_pay_way_style .alipay .iconfont { color: #009fec; }

.notetoup_pay_way_style .outlinepay .iconfont { color: #fb5210; } 
.toup_type_info .toup_meau .toup_meau_r .outline_btn a {float: left;  margin-bottom: 10px; width: 210px;  height: 182px; padding: 0; display: flex;flex-direction: column;align-items: center; }
.toup_type_info .toup_meau .toup_meau_r .outline_btn a .bottom{ width: 100%; line-height: 40px; color: #333333; background: #E0E0E0; text-align: center; position: absolute;bottom: 0; }

.printingTimes{ margin-top: 45px; color: #555555;font-size: 18px; font-weight:bold; ;}
.printingExpenses{ margin-top: 17px; color: #555555;font-size: 14px;}
.toup_type_info .toup_meau .toup_meau_r .meau_r_sub_r > p { line-height: 30px; }

.outline_btn { margin: 20px 0; }

.outline_btn.sm a { height: 40px; line-height: 20px; padding: 10px 15px; box-sizing: border-box; }
.outline_btn.sm.long-w a { padding: 10px 30px; }
.outline_btn a { position: relative; display: inline-block; margin-right: 20px; border-radius: 5px; border: 1px solid #ccc; font-size: 14px; box-sizing: border-box; }

.outline_btn a:hover { border: 1px solid #fb5210; }
.outline_btn a:hover .bottom{background-color: #FB5210!important;color: #fff!important;}
.outline_btn.xs a { height: 50px; line-height: 20px; padding: 15px; box-sizing: border-box; }

.outline_btn a.active { border: 1px solid #fb5210; }
.outline_btn a.active  .bottom{background-color: #FB5210!important;color: #fff!important;}
/*.outline_btn a.active:after { position: absolute; right: -1px; bottom: 1px; content: "\e66e"; color: #fb5210; font-size: 26px; font-family: "iconfont" !important; }*/

.outline_btn.blue-color a.active,
.outline_btn.blue-color a:hover { border: 1px solid #00A0E9; }

.outline_btn.blue-color a.active:after { color: #00A0E9; }


/* .notetoup_pay_way {  margin: 30px 0px; } */

.notetoup_pay_way.outline_btn a { margin-right: 60px; }

.notetoup_pay_way .iconfont { font-size: 32px; margin-right: 20px; line-height: 20px; }

.notetoup_pay_way .weixinpay .iconfont { color: #00be55; }

.notetoup_pay_way .alipay .iconfont { color: #009fec; }

.notetoup_pay_way .outlinepay .iconfont { color: #fb5210; }

.account_table { padding-left: 80px; margin: 30px 0px; padding-top: 0px; }

.account_table table { width: 600px; height: 150px; font-size: 14px; }

.account_table table tr td { border: 1px solid #ccc; padding-left: 20px; }

.account_table table tr td:first-child { background-color: #eef1f9; text-align: center; }

.note_set_table { /*width: 1000px;*/ }

.note_set_table tr td:first-child { text-align: left; width: 116px; /*font-size:14px;*/ }

.note_set_table td { text-align: left; height: 40px; border: 0; word-break: break-all; table-layout: fixed; }

.note_set_table.xs_height td { height: 50px; }

.note_set_table .tip_td { height: 20px; font-size: 12px !important; }

.note_set_table .pa_left { padding-left: 10px; box-sizing: border-box; }

.note_set_table .pa_top { padding-top: 10px; box-sizing: border-box; }

.note_set_table td input { vertical-align: middle; }

.note_del_list { max-width: 1000px; overflow-y: auto; max-height: 70px; }


/*短信设置*/


/*二级域名注册页*/

.register_boby { background-color: #f3f3f3; }

.re_header,
.re_header .navbar-inner { height: 110px; }

.re_header .logo_box { position: relative; width: 130px; height: 110px; display: inline-block; box-sizing: border-box; margin: 0; padding: 0; }

.re_header .logo_posi { position: absolute; background-color: #EE483C; height: 90px; width: 130px; top: 50%; margin-top: -45px; display: flex; }

.re_header .logo_posi img { width: 90%; height: auto; max-height: 90px; margin: auto; }
}

.re_header .logo-title { font-size: 28px; margin-left: 30px; }

.re_header .have-account { font-size: 16px; margin-top: 55px; }

.reg-form { width: 400px; margin: 50px auto; }

.form-item { position: relative; border: solid 1px #cccccc; width: 398px; height: 52px; }

.form-item label { float: left; width: 90px; height: 52px; line-height: 52px; padding-left: 20px; }

.reg-form input::-webkit-input-placeholder,
.reg-form textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

.reg-form input:-moz-placeholder,
.reg-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.reg-form input::-moz-placeholder,
.reg-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.reg-form input:-ms-input-placeholder,
.reg-form textarea::-moz-placeholder { /* Internet Explorer 10+ */ color: #999; }

.form-item .field { border: 0 none; font-size: 14px; width: 230px; height: 30px; box-sizing: border-box; margin: 11px 0px; background-color: transparent; }

.reg-form .input-tip { color: #999; height: 30px; font-size: 12px; padding-top: 5px; box-sizing: border-box; }

.reg-form .input-tip i { display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 8px; }

.reg-form .form-item-error { border: 1px solid #EE483C; }

.reg-form .input-tip.error { color: #e22; }

.form-item .field.phonecode { width: 150px; }

.reg-form .form-item-phone .phone-label { border-right: 1px solid #cccccc; }

.reg-form .form-item-phonecode .btn-phonecode { position: absolute; right: 3px; top: 3px; width: 110px; height: 46px; border: none; background: #e7e6e6; padding: 0; }

.reg-form .btn-register { width: 100%; height: 54px; color: #fff; background: #EE483C; border: 0; font-size: 16px; margin-top: 30px; }

.reg-form input:focus,
.reg-form input[type="text"]:focus,
.reg-form input[type="password"]:focus,
.reg-form select:focus,
.reg-form input[type="submit"]:focus { border: 0 none; }

.reg-form.join-form-group .form-item { margin-bottom: 30px; }

.reg-form.join-form-group .text-item textarea { width: 100%; height: 70px; font-size: 14px; }

.reg-form.join-form-group .text-item textarea:focus { border: solid 1px #cccccc; }

.join-conpany-info { padding: 0 20%; }

.join-conpany-info .join-title { height: 40px; line-height: 40px; font-size: 14px; text-align: center; }

.upload-img-join { border: 1px solid #ccc; padding: 15px; box-sizing: border-box; }
.upload-img-join .z_photo .up-section { margin-right: 20px; }
.upload-img-join .z_photo .up-section:nth-child(5n) { margin-right: 0; }

/*消息*/
.my-news-tabs .nav { margin-bottom: 0px; }

.news-table-list.data_table tr:first-child { background-color: transparent; }

.news-table-list.data_table tr:first-child:hover { background-color: #f5f7fc; }

.news-table-list .news-title { padding-left: 12px; text-align: left; position: relative; }

.news-table-list tr td:last-child { padding-right: 12px; text-align: right; }

.news-table-list .message-dot { position: absolute; top: 24px; left: 2px; width: 6px; height: 6px; border-radius: 50%; background-color: #f33333; }

.news-table-list.data_table input { margin-top: 0px; }

.news-header-title { padding-bottom: 5px; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px; }

.news-header-title .text_title { font-size: 14px; margin-bottom: 5px; }

.news-att-content { width: 100%; max-width: 1000px; }

/*上传消息通知*/
.news-update-fu { line-height: 50px; }

/*搜索框自动补全*/
.auto-completion-drown { position: relative; width: 100%; margin-top: 30px; }

.auto-completion-drown ul { margin: 0; position: absolute; width: 100%; background-color: #fff; }

.auto-completion-drown ul li { padding-left: 12px; line-height: 25px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.auto-completion-drown ul li:last-child { border-bottom: 1px solid #ccc; }

.auto-completion-drown ul li:hover { background-color: #eef1f9; }

/*单号设置*/
.odd-content { padding-right: 30px; }

.odd-title-box { padding: 10px; border: 1px solid #ccc; /*background-color:#fff;*/ }

.odd-table-box { margin-left: 90px; }

@media (max-width:1280px) {
    .odd-table-ul input,
    .odd-table-ul select { max-width: 80px; }
}

.odd-table-ul input,
.odd-table-ul select { max-width: 100px; }

.odd-table-ul { margin: 0; }

.odd-table-ul .input_hint { line-height: 32px; }

.odd-table-ul li { float: left; margin-right: 15px; margin-bottom: 10px; line-height: 32px; }

/*模板样式*/
.photo { /*background-color:#A5D394;*/ }

.photo ul { margin: 0 0 0 2px; text-align: center; }

.photo li { float: left; width: 22%; list-style-type: none; BORDER: 1px solid #00A0E9; margin: 10px 0 0 15px; }

.photo li span { text-indent: 22px; font-size: 12px; float: left; margin: 0 0 0 30%; background-repeat: no-repeat; background-position: 10px; }

.photo li input { float: left; }

.photo img { margin: 10px 0 0 0; border: none; height: 150px; width: 150px; }

/*===========*/

/*订货端促销活动*/
.promo-list-box { margin: 0px; }

.promo-list-box li { width: 48%; height: auto; margin-bottom: 15px; }

.promo-list-box li .list-item-li { border: 1px solid #eeeeee; }

.promo-list-box li:nth-child(2n+1) { margin-right: 4%; }

.promo-list-box li .item-info { line-height: 30px; height: 60px; margin: 5px 15px; box-sizing: border-box; }

.promo-list-box li .item-info h4 { line-height: 30px; margin: 0; }

.promo-list-box li .item-info > div { max-height: 35px; }

.goods-content .sale-info .img-box-l { width: 60%; }

.goods-content .sale-info .sale-info-r { padding: 0 0 0 15px; width: 40%; box-sizing: border-box; }

.goods-content .sale-info .sale-info-r p { padding-bottom: 10px; }

.promo-table-list .img-td img { max-width: 123px; max-height: 68px; width: 100%; }

/*首页楼层模板*/
.bt-color { border-bottom: 10px solid #f3f3f3; }

.img-href-box { margin: 0; }

.img-href-box.img-01 .img-div { width: 100%; margin-top: 10px; }

.img-href-box.img-01 .img-div:first-child { margin-top: 0px; }

.img-href-box.img-02 .img-div { /*width:49%;*/ width: calc(50% - 5px); /*margin-right:2%;*/ margin-top: 10px; }

.img-href-box.img-02 .img-div:nth-child(2n) { margin-left: 5px; }

.img-href-box.img-02 .img-div:nth-child(2n+1) { margin-right: 5px; }

.img-href-box.img-02 .img-div:nth-child(1),
.img-href-box.img-02 .img-div:nth-child(2) { margin-top: 0px; }

.img-href-box.img-03 .img-div { /*width:32%;*/ width: calc((100% - 20px) / 3); /*margin-right:2%;*/ margin-right: 10px; margin-top: 10px; }

.img-href-box.img-03 .img-div:nth-child(1),
.img-href-box.img-03 .img-div:nth-child(2),
.img-href-box.img-03 .img-div:nth-child(3) { margin-top: 0; }

.img-href-box.img-03 .img-div:nth-child(3n) { margin-right: 0px; float: right; }

.img-href-box.img-04 .img-div { width: calc((100% - 30px)/4); margin-right: 10px; margin-top: 10px; }

.img-href-box.img-04 .img-div:nth-child(4n) { margin-right: 0px; }

.img-href-box.img-04 .img-div:nth-child(1),
.img-href-box.img-04 .img-div:nth-child(2),
.img-href-box.img-04 .img-div:nth-child(3),
.img-href-box.img-04 .img-div:nth-child(4) { margin-top: 0px; }

.img-href-box.img-05 .img-div { width: calc((100% - 40px)/5); margin-right: 10px; margin-top: 10px; }

.img-href-box.img-05 .img-div:nth-child(5n) { margin-right: 0px; }

.img-href-box.img-05 .img-div:nth-child(1),
.img-href-box.img-05 .img-div:nth-child(2),
.img-href-box.img-05 .img-div:nth-child(3),
.img-href-box.img-05 .img-div:nth-child(4),
.img-href-box.img-05 .img-div:nth-child(5) { margin-top: 0px; }

.img-href-box .img-div img { width: 100%; height: auto; }

.img-href-box .img-div:last-child { margin-right: 0px; }

.img-href-box .img-div a:hover { opacity: .7; filter: alpha(opacity=70); }

.pro-img-box { padding-top: 15px; }

.floor-title + .pro-img-box,
.wonderful-title + .pro-img-box { padding-top: 0px; }

.pro-img-box .ad-img-l { /*overflow:hidden;*/ width: 18%; margin: 0px 1% 15px 1%; }

.pro-img-box .ad-img-l a:hover { opacity: 0.7; }

.pro-img-box .ad-img-l img { max-width: none; height: 100%; width: 100%; }

.floor-title { line-height: 20px; font-size: 18px; height: 20px; /*padding-top: 15px;*/ padding: 15px 0; position: relative; }

.floor-title .floor-tip { display: inline-block; width: 6px; height: 25px; margin-right: 5px; vertical-align: text-top; background-color: #EE483C; }

.floor-title .iconfont,
.wonderful-title .iconfont { line-height: 25px; margin-left: 5px; width: 16px; height: 19px; background-image: none; }

.wonderful-title .more-font,
.floor-title .more-font { position: absolute; right: 0; }

.wonderful-title { text-align: center; line-height: 20px; font-size: 18px; height: 20px; /*padding-top: 15px;*/ padding: 15px 0; position: relative; }

.wonderful-title .iconfont-l-01 { margin-right: -5px; }

.wonderful-title .iconfont-l-02 { margin-right: 12px; }

.wonderful-title .iconfont-r-01 { margin-left: 12px; }

.wonderful-title .iconfont-r-02 { margin-left: -5px; }

.floo-width-box { margin: 0 1%; }

/*客户随心配画布*/
.canvas-boby { background-color: #bbb; justify-content: center; align-items: center; display: -webkit-flex; display: flex; }

.canvas-all { background-color: #fff; margin: 0; padding: 0; border: none; }

.modal-canvas-boby { height: 450px; max-height: none; }

.canvas-head-box { height: 40px; line-height: 40px; background-color: #f3f3f3; color: #555; /*border-bottom: 1px solid #f0f0f0;*/ position: relative; }

.canvas-head-box .canvas-go-back { width: 78px; height: 28px; line-height: 28px; background-color: rgba(0, 0, 0, 0.3); color: #fff; border-radius: 20px; display: block; position: absolute; margin-top: 6px; left: 20px; }

.canvas-head-box .canvas-go-back:hover { background-color: #EE483C; color: #fff; }

.canvas-head-box .go-back-btn { width: 20%; text-align: right; }

.canvas-head-box .c-head-tipfont { width: 80%; text-align: center; font-size: 14px; }

.canvas-head-box span { cursor: pointer; }

.canvas-head-box .iconfont { font-size: 20px; margin-right: 10px; vertical-align: text-top; margin-top: 3px; }

.canvas-concent { width: 100%; /*height:580px;*/ }

/*.canvas-concent {
    width:100%;
    height:680px;
}*/
.canvas-concent .canvas-body-l { width: 80%; position: relative; /*height: 100%;*/ }

.canvas-concent .canvas-body-l .canvas-boby-div,
.canvas-concent .canvas-body-l .canvas-boby-div canvas,
.canvas-concent .canvas-body-l .canvas-boby-div .canvas-container { width: 100% !important; height: 100% !important; }

.canvas-concent .canvas-body-l .selected_good_list { width: 100%; height: 100px; background-color: rgba(255, 255, 255, 0.3); position: absolute; bottom: 0; left: 0; overflow: hidden; }

.selected_good_list.ipad-heng-scroll { }

.selected_good_list.ipad-heng-scroll ul { -webkit-overflow-scrolling: touch; margin: 0px; width: 100%; height: 100px; overflow-x: auto; white-space: nowrap; overflow-y: hidden; padding-bottom: 17px; }

.selected_good_list.ipad-heng-scroll ul::-webkit-scrollbar { display: none; }

.selected_good_list.ipad-heng-scroll ul li { padding: 0px; margin: 0px; height: 100px; width: 260px; padding: 0 5px; box-sizing: border-box; display: inline-table; vertical-align: top; }

.selected_good_list .prev_btn,
.selected_good_list .next_btn { width: 28px; height: 100px; background-color: #787878; color: #fff; line-height: 100px; text-align: center; font-size: 30px; cursor: pointer; background-image: none; margin-top: 0px; }

.selected_good_list .selected_good_box { height: 100px; background-color: rgba(0, 0, 0, 0.2); position: relative; }

.selected_good_box ul { padding: 0px; margin: 0px; }

.selected_good_box ul li { padding: 0px; margin: 0px; float: left; height: 100px; padding: 0 5px; box-sizing: border-box; }

.select-show-btn { width: 35px; height: 35px; position: absolute; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); right: 3px; bottom: 140px; color: #fff; text-align: center; line-height: 35px; cursor: pointer; }

.select-show-btn.active,
.select-show-btn:hover { color: #EE483C; }

.select-show-btn.active:hover { color: #fff; }

.select-show-btn .iconfont { margin-top: 0px; line-height: 19px; width: 23px; height: 19px; background-image: none; font-size: 23px; }

.selected_good_item { width: 100%; height: 100px; position: relative; display: inline-block; background-color: #f3f3f3; }

.selected_good_item .item-img-l { width: 90px; height: 90px; margin: 5px; box-sizing: border-box; border: 1px solid #eeeeee; }

.selected_good_item .item-img-l img { width: 100%; height: auto; vertical-align: middle; }

.selected_good_item .item-info-m { padding: 5px 0; box-sizing: border-box; height: 100px; width: calc(100% - 130px); }

.selected_good_item .item-info-m .item-info-name { height: 40px; overflow: hidden; }

.selected_good_item .item-info-m .p-top-price,
.selected_good_item .item-info-m .p-bottom-spec { line-height: 14px; }

.selected_good_item .item-info-m .p-top-price .price { line-height: 14px; font-size: 14px; }

.selected_good_item .item-btn-r { margin: 5px; box-sizing: border-box; height: 90px; width: 20px; text-align: right; position: relative; }

.selected_good_item .item-btn-r .close-btn { position: absolute; right: 0; top: 0; }

.selected_good_item .item-btn-r .add-shop-btn { position: absolute; right: 0; bottom: 0; }

.selected_good_item .item-btn-r .iconfont { font-size: 20px; padding-right: 5px; }

.canvas-concent .select-img-r { width: 20%; /*height:680px;
    overflow-y:auto;*/ background-color: #F0EEF4; }
.canvas-concent .select-img-r .my-tabs-content .nav-tabs { border-bottom: 1px solid #ccc; }
/*.canvas-concent .select-img-r .lower-tab-list {
         height:642px;
         overflow:hidden;
        box-sizing:border-box;      
    }*/
.canvas-concent .select-img-r .lower-tab-list .tab-scroll-box { height: 486px; overflow: hidden; }

/*.canvas-concent .select-img-r .lower-tab-list .up-img-tab,
        .canvas-concent .select-img-r .lower-tab-list .bg-img-tab,
        .canvas-concent .select-img-r .lower-tab-list .goods-img-tab{           
            padding-right:15px;
        }*/
.search-bar-box .sear-text { width: 135px; }

@media (max-width: 1420px) {
    .search-bar-box .sear-text { width: 105px; }
}

@media (max-width: 1024px) {
    .search-bar-box .class-a .iconfont { width: 26px !important; }
}

.search-bar-box .search.sm .sear-button { width: 40px; }

.search-bar-box .sear-button i { font-size: 20px; margin-right: 0px; width: 20px; height: 20px; background-image: none; line-height: 20px; }

.search-bar-box .class-a { height: 30px; display: inline-block; line-height: 30px; position: relative; }

.search-bar-box .class-a .font-class-tip { position: absolute; line-height: 12px; font-size: 12px; margin-top: -13px; display: block; }

.search-bar-box .class-a .iconfont { font-size: 26px; vertical-align: top; width: 38px; background-image: none; margin-top: 2px; }

.upload-bar-box,
.search-bar-box { margin: 0px; padding: 10px 8px; width: 100%; box-sizing: border-box; }

.search-bar-box .canvans-search { border: 1px solid #f21530; }

.search-bar-box .canvans-button { background-color: #f21530; }

.imglist-ul { margin: 0px; padding: 10px 5px; width: 100%; box-sizing: border-box; }

.upload-bar-box .c-to-lead-m { margin-right: 0px; width: 100%; border-radius: 4px}

.canv-action-box .qr-update-btn { line-height: 30px; height: 30px; font-size: 12px; padding: 0 8px; display: inline-block; }

.qr-update-btn .iconfont { margin: auto; width: 16px; color: #fff; }

.imglist-ul { overflow: hidden; }

.imglist-ul ul { margin: 0; overflow: hidden; }

.imglist-ul li { width: calc( 100% / 2 - 6px); float: left; margin: 0 3px 6px 3px; border: 1px solid #eeeeee; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.imglist-ul li img { width: 100%; height: auto; max-width: none; }

.upload-bar-box .load-input { padding: 0; width: 100%; overflow: hidden; }

.dropload-up,
.dropload-down { position: relative; height: 0; overflow: hidden; font-size: 12px; /* 开启硬件加速 */ -webkit-transform: translateZ(0); transform: translateZ(0); }

.dropload-down { height: 40px; }

.dropload-refresh,
.dropload-update,
.dropload-load,
.dropload-noData { height: 40px; line-height: 40px; text-align: center; }

.dropload-load .loading-img { display: inline-block; height: 15px; width: 15px; border-radius: 100%; margin: 6px; border: 2px solid #666; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; }

@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg); }

    50% { -webkit-transform: rotate(180deg); }

    100% { -webkit-transform: rotate(360deg); }
}

@keyframes rotate {
    0% { transform: rotate(0deg); }

    50% { transform: rotate(180deg); }

    100% { transform: rotate(360deg); }
}

.download-img-modal { width: 200px; margin: auto; }

.download-img-modal img { width: 100%; height: auto; }

.download-img-modal .down-img-box { width: 200px; border: 1px solid #f0f0f0; }

.download-img-modal .down-tip { line-height: 30px; height: 30px; display: block; width: 100%; text-align: center; border-top: 1px solid #f0f0f0; font-size: 14px; }

.download-img-modal .cave-a { display: block; width: 100%; background-color: #ff7674; color: #fff; line-height: 40px; font-size: 14px; text-align: center; margin-top: 15px; }

/*供货端随心配场景配置*/
.con-scene-box { width: 100%; }

.con-scene-box .scene-l { width: 218px; padding-bottom: 50px; border: 1px solid #eeeeee; }

.con-scene-box .scene-r { width: calc(100% - 220px); /*height:300px;*/ padding-left: 10px; box-sizing: border-box; }

.img-pro-list .page_search_tool_area { padding-left: 10px; box-sizing: border-box; }

.img-pro-list ul { margin: 0; }

.img-pro-list ul li { width: 20%; height: auto; padding: 0 10px 10px 10px; box-sizing: border-box; float: left; margin: 0px; }

.img-pro-list ul li a { display: inline-block; border: 1px solid #eeeeee; position: relative; width: 100%; box-sizing: content-box; }

.img-pro-list ul li img { width: 100%; height: auto; vertical-align: bottom; }

/*.img-pro-list ul li a.editable {
                border: 1px solid #00A0E9;
            }*/
.img-pro-list ul li a.selected { border: 1px solid #00A0E9; }

.img-pro-list ul li a.selected::after { position: absolute; right: 0px; bottom: 0px; content: ""; width: 32px; height: 32px; background-image: url("../Content/images/icons.png?v3"); background-repeat: no-repeat; background-position: -265px -28px; }

.img-pro-list ul li a.isDefault::before { position: absolute; left: 0px; top: 0px; content: ""; width: 54px; height: 54px; background-image: url("../Content/images/icons.png?v3"); background-repeat: no-repeat; background-position: -316px -28px; }
.img-pro-list ul li.video-li-clo2 { width: 50%; }
.img-pro-list ul li.video-li-clo2 video { width: 100%; height: 200px; vertical-align: bottom; }

.con-scene-box .scene-l .s-l-header { height: 40px; line-height: 40px; font-size: 14px; padding-left: 10px; background-color: #eef1f9; }

/*垂直多级下拉菜单,并选中*/
.cd-accordion-menu ul,
.cd-accordion-menu { margin: 0px; }

.cd-accordion-menu ul { display: none; }

.cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; }

.cd-accordion-menu input[type=checkbox]:not(.show-select) { position: absolute; opacity: 0; }

.cd-accordion-menu label,
.cd-accordion-menu a { position: relative; background: #fff; height: 40px; line-height: 40px; }

.cd-accordion-menu label { cursor: pointer; margin: 0px; }

.cd-accordion-menu.select-input-li label:after,
.cd-accordion-menu.select-input-li label + a:after { background-color: none; height: 0px; }

.cd-accordion-menu label:after,
.cd-accordion-menu label + a:after { position: absolute; left: 0; bottom: 0px; height: 1px; width: 100%; content: ''; background-color: #eeeeee; /*z-index: 10;*/ }

.cd-accordion-menu ul li:after,
.cd-accordion-menu > li:not(.has-children):after { position: absolute; left: 0; bottom: 0px; height: 1px; width: 100%; content: ''; background-color: #eeeeee; }

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label + a + ul,
.cd-accordion-menu input[type=checkbox]:checked + label + a + hr + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { display: block; }

.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a { box-shadow: none; }

.cd-accordion-menu ul label span,
.cd-accordion-menu label span { width: 100%; display: inline-block; }

.cd-accordion-menu > li > a { width: 188px; }

.cd-accordion-menu > li > ul > .has-children > a { width: 178px; }

.cd-accordion-menu > li > ul > li > ul > .has-children > a { width: 168px; }

.cd-accordion-menu > li > ul > li > label { padding-left: 10px; }

.cd-accordion-menu > li > ul > li > ul > li > label { padding-left: 20px; }

.cd-accordion-menu > li > ul > li > label:before { margin-right: -8px; }

.cd-accordion-menu > li > ul > li > ul > li > label:before { margin-right: -13px; }

.cd-accordion-menu.select-input-li label { margin-left: 20px; }

.cd-accordion-menu.select-input-li > li > ul > li > label { margin-left: 30px; }

.cd-accordion-menu.select-input-li > li:not(.has-children) > a { padding-left: 50px; }

.cd-accordion-menu.select-input-li > li > ul > li:not(.has-children) > a { padding-left: 70px; }

.cd-accordion-menu.select-input-li > li > ul > li > ul > li:not(.has-children) > a { padding-left: 90px; }

.cd-accordion-menu.select-input-li > li > ul > li > ul > li > ul > li:not(.has-children) > a { padding-left: 110px; }

.cd-accordion-menu > li > ul > li:not(.has-children) > a { padding-left: 40px; }

.cd-accordion-menu > li > ul > li > ul > li:not(.has-children) > a { padding-left: 50px; }

.cd-accordion-menu > li > ul > li > ul > li > ul > li:not(.has-children) > a { padding-left: 60px; }

.cd-accordion-menu .has-children { font-size: 0px; line-height: normal; }

.cd-accordion-menu a { font-size: 14px; }

.cd-accordion-menu a.checkfont { color: #00A0E9; }

.cd-accordion-menu.select-input-li a { font-size: 12px; }

.cd-accordion-menu .has-children a:hover { color: #00A0E9; }

.cd-accordion-menu .has-children label { display: inline-block; width: 30px; }

.cd-accordion-menu label + a { display: inline-block; vertical-align: top; }

.cd-accordion-menu label::before { position: absolute; top: 48%; right: 50%; margin-top: -1px; margin-right: -3px; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #333 transparent transparent; content: ' '; }

.cd-accordion-menu .active::before { margin-top: 0; width: 0; height: 0; border-width: 0 4px 4px; border-style: solid; border-color: transparent transparent #00A0E9; }

.cd-accordion-menu .has-children > .show-select { margin-top: -40px; }

.cd-accordion-menu .show-select { margin-top: -10px; }

.cd-accordion-menu hr { margin: 0px; border-bottom: 0px; }

/*供货端楼层*/
.floor-save-btn { position: absolute; left: 380px; top: 10px; }

.mu-around-box .mu-l { width: 55px; text-align: right; margin-right: 15px; }

.prev-pc-rightcon-74 .mu-around-box .mu-l { width:74px; text-align: right; margin-right: 15px; }

.mu-around-box .editor-box { width: calc(100% - 100px); }

.text-align-box .text-a-item.active { border: 1px solid #00A0E9; }

.text-align-box .text-a-item.active::after { position: absolute; right: 0px; bottom: 0px; content: "\e653"; color: #00A0E9; font-size: 20px; line-height: 18px; font-family: "iconfont" !important; }

.text-align-box .text-a-item { margin-right: 20px; padding: 8px 5px 2px 5px; border: 1px solid #f0f0f0; display: inline-block; text-align: center; box-sizing: border-box; width: 60px; height: 50px; position: relative; }

.text-align-box a:hover { border: 1px solid #00A0E9; box-shadow: 2px 2px 6px 4px #f0f8fc inset; }

.text-align-box .text-a-item span { display: block; margin: auto; text-align: center; font-size: 10px; }

.text-align-box .text-a-item .iconfont { font-size: 22px; width: 22px; margin-bottom: 4px; }

.choose-img-layout-box { max-width: 680px; }

.choose-img-layout-box a:hover .font-box { border: 1px solid #00A0E9; }

.choose-img-layout-box .choose-img-layout { float: left; margin-right: 20px; margin-bottom: 20px; }

.choose-img-layout-box .choose-img-layout .font-box { position: relative; border: 1px solid #f0f0f0; padding: 10px; box-sizing: border-box; display: block; margin-bottom: 10px; }

.choose-img-layout-box .choose-img-layout .icon { background-image: url("../Content/images/muban-icon.png?v=4"); background-repeat: no-repeat; display: block; }

.choose-img-layout-box .choose-img-layout span { display: block; text-align: center; }

.choose-img-layout-box .choose-img-layout.active .font-box { border: 1px solid #00A0E9; box-sizing: border-box; }

.choose-img-layout-box .choose-img-layout.active .font-box::after { position: absolute; right: 0px; bottom: 1px; content: "\e653"; color: #00A0E9; font-size: 26px; font-family: "iconfont" !important; }

.choose-img-layout-box.pc-ads-style .choose-img-layout .icon { width: 270px; height: 100px; background-position: -7px -12px; }

.choose-img-layout-box.app-indexbtn-style .choose-img-layout .icon { width: 320px; height: 90px; background-position: -11px -435px; }
.choose-img-layout-box.app-indexbtn-style .choose-img-layout.memberpoint .icon { width: 320px; height: 90px; background-position: -11px -800px; }

.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-01 .icon,
.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-02 .icon,
.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-03 .icon { width: 240px; height: 50px; }

.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-04 .icon,
.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-05 .icon,
.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-06 .icon { width: 180px; height: 54px; }

.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-01 .icon { background-position: -7px -265px; }

.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-02 .icon { background-position: -265px -265px; }

.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-03 .icon { background-position: -522px -265px; }

.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-04 .icon { background-position: -277px -330px; }

.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-05 .icon { background-position: -474px -330px; }

.choose-img-layout-box.app-imgbtn-style .choose-img-layout.app-imgbtn-06 .icon { background-position: -667px -330px; }

.choose-img-layout-box.app-pro-style .choose-img-layout .icon { width: 87px; height: 88px; }

.choose-img-layout-box.app-pro-style .choose-img-layout.app-pro-01 .icon { background-position: -8px -330px; }

.choose-img-layout-box.app-pro-style .choose-img-layout.app-pro-02 .icon { background-position: -110px -330px; }

.choose-img-layout-box.app-pro-style .choose-img-layout.app-pro-03 .icon { background-position: -201px -330px; }

.choose-img-layout-box.pc-pro-style .choose-img-layout .icon { width: 162px; height: 108px; }

.choose-img-layout-box.pc-pro-style .choose-img-layout.pc-pro-01 .icon { background-position: -293px -5px; }

.choose-img-layout-box.pc-pro-style .choose-img-layout.pc-pro-02 .icon { background-position: -469px -5px; }

.choose-img-layout-box.pc-pro-style .choose-img-layout.pc-pro-03 .icon { background-position: -646px -5px; }

.choose-img-layout-box.pc-onlyimg-style .choose-img-layout .icon { width: 180px; height: 54px; }
.choose-img-layout-box.pc-onlyimg-style .choose-img-layout .icon266{width: 240px; height: 90px;}
.choose-img-layout-box.pc-onlyimg-style .choose-img-layout.pc-onlyimg-01 .icon { background-position: -8px -127px; }

.choose-img-layout-box.pc-onlyimg-style .choose-img-layout.pc-onlyimg-02 .icon { background-position: -203px -127px; }

.choose-img-layout-box.pc-onlyimg-style .choose-img-layout.pc-onlyimg-03 .icon { background-position: -398px -127px; }

.choose-img-layout-box.pc-onlyimg-style .choose-img-layout.pc-onlyimg-04 .icon { background-position: -593px -127px; }

.choose-img-layout-box.pc-onlyimg-style .choose-img-layout.pc-onlyimg-05 .icon { background-position: -8px -195px; }
.choose-img-layout-box.pc-onlyimg-style .choose-img-layout.pc-onlyimg-06 .icon { background-position: -339px -800px; }
.choose-img-layout-box.pc-onlyimg-style .choose-img-layout.pc-onlyimg-07 .icon { background-position: -614px -800px; }
/*店铺信息弹框*/
.store-info-popup{height: auto;text-align: center;background-color: #fff;padding: 0 15px}

/*end*/
.mu-add-img { padding: 18px 24px; height: 112px; border: 1px solid #f0f0f0; box-sizing: border-box; }

.mu-add-img .mu-img-btn { width: 160px; height: 74px; display: inline-block; position: relative; cursor: pointer; }

.mu-add-img .mu-img-btn img { width: 160px; height: 74px; }

.mu-add-img .mu-img-btn .iconfont { position: absolute; top: 40%; right: 50%; font-size: 20px; color: #888; }

.mu-add-img .mu-img-btn .tip-txt { position: absolute; bottom: 0px; left: 50%; margin-left: -30px; color: #888; }

.mu-add-img .mu-img-btn .mui-img-del,
.btn-img-del { width: 100%; height: 25px; line-height: 25px; text-align: center; background-color: rgba(0, 0, 0, 0.5); color: #fff; left: 0; cursor: pointer; position: absolute; bottom: 0; z-index: 4; display: none; }

.mu-add-img .mu-img-btn .up-input-btn { width: 100%; height: 100%; padding: 0; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; z-index: 3; }

.mu-add-img .mu-img-single { height: 74px; line-height: 74px; position: relative; }
.mu-img-link { width: 200px; }
.mu-add-img .mu-img-single .adapt-select-input,
.mu-add-img .mu-img-single .adapt-text-input { width: 150px; }

@media(min-width:1800px) {
    .choose-img-layout-box { max-width: 850px; }
}

@media(min-width:1280px) and (max-width:1439px) {
    .mu-add-img .mu-img-single .adapt-select-input { width: 100px; }

    .mu-add-img .mu-img-single .adapt-text-input { width: 130px; }

    .choose-img-layout-box { max-width: 580px; }
}

@media(min-width:1024px) and (max-width:1279px) {
    /*.mu-add-img .mu-img-btn,
    .mu-add-img .mu-img-btn img {
        width:60px;
    }

       .mu-add-img .mu-img-single .adapt-select-input {
        width: 73px;
    }

    .mu-add-img .mu-img-single .adapt-text-input {
        width:73px;
    }
    .choose-img-layout-box {
    max-width: 280px;
}
    .mu-add-img .mr20 {
        margin-right:10px!important;
    }
    .mu-add-img .mu-img-single .sm-width {
        width:30px;
    }
    .mu-add-img .mu-img-btn .iconfont {
        margin-right: -7px;
    }*/
}

@media(max-width:1024px) {
    .ov-has-box .ar-all-box { min-width: 1280px; }

    .ov-has-box { -webkit-overflow-scrolling: touch; margin: 0px; width: 100%; overflow-x: auto; white-space: nowrap; overflow-y: hidden; padding-bottom: 17px; }
}

.select-txt-box { position: absolute; top: 50%; left: 0; margin-top: -14px; }

.select-txt-box input[type="text"] { padding-right: 30px; display: block; }

.select-display-box { width: 350px; }

.select-txt-box .colse-btn { position: absolute; right: 5px; top: 50%; height: 22px; display: inline-block; line-height: 22px; margin-top: -11px; color: #fff; background-color: #00A0E9; width: 22px; text-align: center; border-radius: 50%; background-image: none; padding-top: 1px; box-sizing: border-box; cursor: pointer; }

.product-choose-btn { width: 45px; height: 45px; border: 1px solid #f0f0f0; padding: 5px; box-sizing: border-box; display: inline-block; position: relative; }

.product-choose-btn .choose-input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 2; padding: 0; cursor: pointer; }

.product-choose-btn span { width: 35px; height: 35px; background-color: #f5f7fc; display: flex; border-radius: 50%; }

.product-choose-btn span .iconfont { margin: auto; font-size: 24px; width: 24px; background-image: none; }

.data_table.no-table-tou tr:first-child { background-color: transparent; }

.data_table.no-table-tou tr td { box-sizing: border-box; }

.floor-view { width: 500px; margin: 0 auto; }

.floor-view .product_list_big .product_item:nth-child(5),
.floor-view .product_list_big .product_item:nth-child(6) { display: block; }

.floor-view .auto-pro-table .product_list_big .product_item:nth-child(5),
.floor-view .auto-pro-table .product_list_big .product_item:nth-child(6),
.floor-view .auto-pro-table .product_list_big .product_item:nth-child(7),
.floor-view .auto-pro-table .product_list_big .product_item:nth-child(8),
.floor-view .auto-pro-table .product_list_big .product_item:nth-child(9) { display: none; }

.login-seting-box { width: 100%; min-height: 700px; height: 700px; position: relative; }

.login-seting-box .s-up-loginbg { width: 100%; height: 100%; display: block; color: #ccc; font-size: 24px; text-align: center; box-sizing: border-box; background-size: cover; overflow: hidden; }

.login-seting-box .s-up-loginbg .up-tip { display: block; margin-top: 80px; }

.login-seting-box .s-up-loginbg img,
.login-seting-box .s-up-banner-img > img,
.login-seting-box .s-banner-inner > img { width: 100%; height: 100%; }

/*----*/
.login-seting-box .s-up-loginbg:hover,
.login-seting-box .s-up-logo:hover,
.login-seting-box .s-up-banner-img:hover { border: 1px dashed #00A0E9; }

.login-seting-box .s-up-logo { width: 200px; height: 130px; position: absolute; top: 40px; left: 40px; color: #ccc; line-height: 80px; font-size: 26px; text-align: center; box-sizing: border-box; }

.login-seting-box .s-up-logo img { height: 130px; width: auto; vertical-align: top; }

.login-seting-box .s-login-style { position: absolute; top: 62px; display: block; right: 30px; }

.login-seting-box .s-up-banner-img { /*width:100%;*/ width: calc(100% - 2px); height: 475px; position: absolute; top: 200px; left: 0; color: #ccc; font-size: 24px; text-align: center; background-size: cover; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; overflow: hidden; }

.login-seting-box .s-up-banner-img .s-banner-inner { height: 475px; position: absolute; top: 0; left: 0; right: 0; }

.login-seting-box .s-up-banner-img .a-banner-tip { margin-right: 60px; }

.logo-upload-box .logo_area { margin-top: 0px; }

.logo_area .cover-uplod { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; z-index: 4; }

.logo_area .cover-uplod-icon { position: absolute; top: 40%; right: 50%; font-size: 20px; color: #888; z-index: 3; margin-right: -4px; }

.logo-upload-box .logo_area img { width: 96px; height: 96px; }

.logo-upload-box .logo_area .logo_upload_btn { width: 96px; }

.logo-upload-box .logo_size_tip { height: 96px; margin-top: 0px; }

/*-----------*/
.ous-login-set-title { width: 116px; text-align: right; padding: 0 10px 20px 0; box-sizing: border-box; font-size: 14px; }

.login-seting-box .s-up-loginbg,
.login-seting-box .s-up-logo { border: 1px dashed #ccc; }

.sample-frool-imgboby { width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #000; }

.sample-frool-imgboby img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block; }

.qq-help-concent { width: 70%; max-width: 900px; margin: 0 auto; font-size: 14px; background-color: #fff; padding: 0 30px; box-sizing: border-box; line-height: 30px; color: #000; }

.qq-help-concent .qq-title { width: 100%; text-align: center; margin-top: 0; padding-top: 20px; }

.qq-help-concent p { /*text-indent:2em;*/ }

.qq-help-concent p img { margin: 0; /*width:75%;
          height:auto;*/ }

.prev-pc-box,
.prev-app-box { width: 300px; position: relative; padding-bottom: 15px; background-color: #f5f5f5; border-width: 30px 15px 15px; border-style: solid; border-color: #F3F3F3; border-top-left-radius: 25px; border-top-right-radius: 25px; margin-right: 50px; margin-bottom: 30px; }

.prev-pc-box .banner .carousel-inner .item img { height: 348px; }

.prev-app-box { width: 330px; border-radius: 25px; }

.look-app-frool-boby { background-color: #000; }

.prev-app-box.look-app-frool { margin: 20px auto; }
.aio-fodder-left { width: 380px; }
.aio-fodder-left .aio-style-box { width: 330px; background-color: #f5f5f5; padding: 10px; box-sizing: border-box; }

.aio-fodder-left .aio-l { width: 180px; margin-right: 10px; }
.aio-fodder-left .aio-r { width: 120px; }
.aio-fodder-left .aio-div { background-color: #eceaeb; text-align: center; display: flex; border-radius: 3px; cursor: pointer; box-sizing: border-box; }
.aio-fodder-left .aio-div > span { margin: auto; }
.aio-fodder-left .aio-l .aio-fo-01 { width: 100%; height: 100px; }
.aio-fodder-left .aio-l .aio-fo-02 { width: 85px; height: 60px; margin-right: 10px; }
.aio-fodder-left .aio-l .aio-fo-03 { width: 85px; height: 60px; }
.aio-fodder-left .aio-r .aio-fo-04 { width: 100%; height: 80px; margin-bottom: 10px; }
.aio-fodder-left .aio-r .aio-fo-05 { width: 100%; height: 80px; }
.prev-pc-rightcon { width: calc(100% - 380px); }

.ab-pre-concent { position: absolute; top: 0; left: 0; width: 1000px; transform: scale(0.3); transform-origin: left top; }

.ab-pre-concent ul { padding: 0; margin: 0; }

.floor-box { position: relative; border: 3px dashed transparent; }

.floor-box:hover { border-color: #00A0E9; }

.floor-box:hover .theme-op-box { display: block; }

.floor-box .theme-op-box { display: none; position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 100px; text-align: center; background: rgba(0, 166, 233, .7); }

.floor-box .theme-op-box a { padding: 0 45px; box-sizing: border-box; display: inline-block; color: #fff; height: 100px; line-height: 100px; font-size: 40px; }

.floor-box .theme-op-box a:hover { background-color: #00A0E9; }

.prev-pc-box .ab-pre-concent .ab-default-img img { width: 100%; height: auto; }

.prev-pc-box .ab-pre-concent .add-floor-btn { text-align: center; font-size: 48px; height: 240px; background: #eceaeb; color: #555; cursor: pointer; position: relative; padding-top: 80px; box-sizing: border-box; }

.prev-pc-box .ab-pre-concent .add-floor-btn .add-tip { margin-left: 28px; margin-top: 10px; }

.prev-pc-box .ab-pre-concent .add-floor-btn .iconfont { font-size: 80px; }

.prev-app-box .app-pre-con .add-floor-btn .iconfont { font-size: 28px; width: 28px; }

/* App 预览*/
.prev-app-box .app-pre-con .add-floor-btn { text-align: center; font-size: 16px; height: 80px; background: #eceaeb; color: #555; cursor: pointer; position: relative; padding-top: 27px; box-sizing: border-box; }

.prev-app-box { -webkit-box-sizing: border-box; box-sizing: border-box; }

.app-floor-box { position: relative; border: 1px dashed transparent; }

.app-floor-box:hover { border-color: #00A0E9; }

.app-floor-box:hover .theme-op-box { display: block; }

.app-floor-box .theme-op-box { display: none; position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 30px; text-align: center; background: rgba(0, 166, 233, .7); }

.app-floor-box .theme-op-box a { padding: 0 13px; box-sizing: border-box; display: inline-block; color: #fff; height: 30px; line-height: 30px; font-size: 12px; }

.app-floor-box .theme-op-box a:hover { background-color:rgba(0, 166, 233, 1); }

.app-pre-con .carousel-indicators { bottom: 6px; }

.app-pre-con .carousel-indicators li { width: 6px; height: 6px; }

/* 系统公告弹窗*/
.sys-news-modal { border-top-left-radius: 9px; border-top-right-radius: 9px; -webkit-border-top-left-radius: 9px; -moz-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-top-right-radius: 9px; width: 600px; left: 50%; margin-left: -300px; }

.sys-news-modal .modal-header { background-color: #008cc7; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; position: relative; }

.sys-news-modal .modal-header .title { color: #fff; font: 12px; }

.sys-news-modal .modal-header .close,
.cate-coupon-modal .modal-header .close,
.form-signin.tourist-login-form .tourist-login-close { position: absolute; color: #fff; font-size: 26px; right: -35px; top: -35px; width: 55px; height: 55px; opacity: 1; background-image: none; font-weight: 300; line-height: 55px; text-align: center; }

.sys-news-modal .modal-footer { padding: 10px 12px; border-top: none; box-shadow: none; text-align: center; position: relative; }

.sys-news-modal .modal-footer .look-info-btn { position: absolute; left: 50%; margin-left: -50px; }

.sys-news-modal .modal-footer input[type=button] { border-radius: 3px; font-size: 12px; color: #fff; }

.sys-news-modal .modal-footer .b_color2 { background-color: #aaa8a8; }

.sys-news-modal .modal-footer .b_color1 { background-color: #008cc7; }

.sys-news-modal .modal-footer input:focus { border: none; }

.sys-news-modal .font12_label .ant-checkbox { top: 7px; }

.sys-news-modal .modal-body { background-color: #f5f5f5; height: 288px; padding: 0; }

.sys-news-modal .modal-body .modal-boby-scroll { margin: 6px 12px 0 12px; background-color: #fff; min-height: 282px; padding: 0 10px 5px 10px; box-sizing: border-box; }

.sys-news-modal .modal-body .news-header-title { line-height: 40px; text-align: center; position: relative; padding: 0; margin-bottom: 3px; height: 40px; }

.sys-news-modal .modal-body .title { width: 300px; height: 40px; display: inline-block; text-align: center; margin: 0; max-height: 40px; }

.sys-news-modal .modal-body .time { position: absolute; right: 0px; bottom: 0px; line-height: 20px; }

.sys-news-modal .modal-body .content { word-wrap: break-word; }

/*订货端公告*/
.c_main .sys-news-modal .modal-header { background-color: rgba(241, 2, 21, 0.85); }

.c_main .sys-news-modal .modal-footer .b_color1 { background-color: rgba(241, 2, 21, 0.85); }
.modal-footer a{border-radius: 4px}
/*微信小程序后台设置*/
.wx-add-video video::-internal-media-controls-download-button { display: none; }

.wx-add-video video::-webkit-media-controls-enclosure { overflow: hidden; }

.wx-add-video video::-webkit-media-controls-panel { width: calc(100% + 30px); }

.myVideo-box { position: relative; }

.myVideo-box .bg-video-btn { position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -19px; }

.myVideo-box .bg-video-btn .iconfont { color: #fff; font-size: 38px; width: 38px; height: 38px; background-image: none; }

.wx-add-video { width: 300px; }

.wx-add-video video { width: 300px; height: 150px; background-color: #f3f3f3; }
.AIO-fix-box { width: calc( 100% - 100px); min-width: 600px; height: 600px; background: #fff; border: 1px solid #f0f0f0; }
.AIO-fix-box > iframe { width: 100%; height: 100%; }
.AIO-fix-box.aio-video-box { max-width: 750px; }
.aio-iframe-body { background-color: #fff; }

.map-fix-box { display: none; width: 43%; height: 495px; position: fixed; background: #ffffff; bottom: 80px; left: 53%; padding: 10px; border-radius: 5px; border: 1px #ccc solid; z-index: 999; }

.map-fix-box .close-map-popover { background: #ffffff; display: block; width: 20px; height: 20px; float: right; font-size: 24px; }

.map-fix-box .map-left-box { float: left; width: 60%; height: 465px; position: relative; }

.map-fix-box .map-l-panel { border: 1px solid #C0C0C0; width: 250px; height: auto; display: none; }

.map-fix-box .map-all { width: 100%; height: 418px; background: #4bad4b; margin-bottom: 5px; }

.map-fix-box .map-l-tip { position: absolute; bottom: 45px; left: 0px; width: 100%; height: 50px; background-color: #fff; z-index: 10; }

.map-fix-box .map-right-box { float: left; width: 40%; height: 370px; }

.map-fix-box .map-r-ol { overflow: auto; height: 370px; }

/*上传场景*/
.accessory-boby { margin: 0; padding: 0; background-color: #efeff4; }

.up-match-header { box-shadow: 0 0 1px rgba(51, 51, 51, .7); position: fixed; z-index: 10; top: 0; right: 0; left: 0; height: 44px; line-height: 44px; padding-right: 10px; padding-left: 10px; border-bottom: 0; background-color: #f7f7f7; text-align: center; font-size: 17px; color: #000; }

.up-match-all { padding: 45px 0 50px 0; }

.select-bottom-btn .s-input-file { position: absolute; width: 100%; height: 100%; left: 0; z-index: 5; opacity: 0; }

.up-match-ul { padding: 10px 0px 10px 10px; box-sizing: border-box; margin: 0; }

.up-match-ul li { position: relative; background-color: #fff; float: left; width: calc((100vw - 40px) / 3); height: calc((100vw - 40px) / 3); line-height: 0; margin-right: 10px; margin-bottom: 10px; display: flex; }

/*.up-match-ul li img{width: 100%; height: auto; margin: auto;}*/
.up-match-ul li img { width: 100%; height: 100%; margin: auto; }

/*.up-match-ul li:nth-child(3n){ margin-right: 0px;}*/
.up-match-ul li .del-img-btn { position: absolute; color: #5d5f6a; top: -16px; right: -12px; font-size: 26px; width: 40px; height: 40px; text-align: center; line-height: 40px; background-image: none; }

.up-match-ul .add-img-li { background-color: #fff; border: 1px solid #ccc; box-sizing: border-box; }

.up-match-ul .add-img-li .add-ing-font { margin: auto; text-align: center; line-height: 21px; display: block; }

.up-match-ul .add-img-li .add-ing-font .iconfont { font-size: 36px; color: #5d5f6a; display: block; margin: 0 0 3px 0; width: auto; height: auto; }

.up-match-ul .add-img-li .add-img-input { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; z-index: 5; cursor: pointer; }

.match-btn { display: table; position: fixed; left: 0; bottom: 0; text-align: center; height: 50px; line-height: 50px; width: 100%; z-index: 11; padding: 0; table-layout: fixed; border-top: 0; border-bottom: 0; }

.match-input-file { position: absolute; width: 100% !important; height: 100% !important; left: 0; z-index: 5; opacity: 0; cursor: pointer; }

.match-pay-btn { width: 97%; display: inline-block; height: 40px; text-align: center; font-size: 15px; margin: 4px auto 0px auto; color: #fff; border: 1px solid #f23030; background-color: #f23030; font-weight: 400; line-height: 1.42; padding: 6px 12px; cursor: pointer; vertical-align: top; white-space: nowrap; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.home-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; background-color: #efeff4; text-align: center; }

.h-loading-box { position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -30px; width: 100px; height: 60px; z-index: 999; text-align: center; }

.home-loading.page-loading { background-color: rgba(0, 0, 0, 0.4); }

.home-loading.page-loading p { color: #fff; }

.h-loading-box { position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -30px; width: 100px; height: 60px; z-index: 999; text-align: center; }

.mui-spinner { display: inline-block; width: 24px; height: 24px; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: spinner-spin 1s step-end infinite; animation: spinner-spin 1s step-end infinite; }

.mui-spinner:after { display: block; content: ""; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.mui-spinner:after { display: block; width: 100%; height: 100%; content: ''; background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%236c6c6c\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>'); background-repeat: no-repeat; background-position: 50%; background-size: 100%; }

.mui-spinner-white:after { background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%23fff\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>'); }

/*预售*/

.add-coupon-input { max-width: 1400px; }
.add-coupon-input .add-c-l { width: 56%; min-width: 690px; box-sizing: border-box; }

@media(max-width:1311px) {
    .add-coupon-input .add-c-r { float: left !important; }
}

.add-coupon-input .add-c-r .view-coupon-box { background-color: #FFD2BD; border-radius: 3px; margin-left: 20px; }
.add-coupon-input .add-c-r .view-coupon-box .cate-cont { width: auto; }
.add-coupon-input .add-c-r .view-coupon-box .cate-cont .quan-item { margin: 0 20px 20px 20px; }
.sales-div-table .d-cell-left { width: 90px; text-align: right; box-sizing: border-box; }
.sales-div-table.big-cell .d-cell-left { width: 110px; }
.sales-div-table.big-cell .d-cell-right { margin-left: 120px; }
.sales-div-table .d-cell-right { margin-left: 100px; }
.sales-div-table .hint-bottom { position: relative; top: 8px; }

.sunxu-tip-align { vertical-align: initial; }

.popover-eg-sales { width: 430px; padding: 15px; box-sizing: border-box; border-radius: 5px; position: absolute; top: 30px; left: -70px; z-index: 5; line-height: 20px; background-color: #fff; }

@media(max-width:1024px) {
    .popover-eg-sales { left: auto; right: -120px; }
}

.popover-eg-sales.has-box-shadow { box-shadow: 1px 1px 10px #adadad; }

.popover-eg-sales.has-box-solid { border: 1px solid #ccc; }

.popover-eg-sales .close-po-btn { position: absolute; width: 40px; height: 40px; right: 0px; top: 0px; text-align: center; line-height: 40px; }

.popover-eg-sales .close-po-btn .iconfont { font-size: 24px; color: #666; width: 24px; height: 24px; background-image: none; }

.popover-eg-sales .p-eg-title { width: 80px; height: 30px; background-color: #EE483C; border-top-right-radius: 5px; color: #fff; line-height: 30px; text-align: center; }

.popover-eg-sales .countdown-info-box { width: 400px; }

.proinfo-countdown-box.countdown-info-box .p-eg-right { background-color: transparent; color: #EE483C; width: auto; padding: 4px 10px 6px 10px; }

.proinfo-countdown-box.countdown-info-box .p-eg-time-bg { background-color: #EE483C; color: #fff; }

.countdown-info-box { border: 1px solid #EE483C; height: 50px; width: 100%; box-sizing: border-box; }

.countdown-info-box .p-eg-left-title { padding: 0 30px; height: 48px; line-height: 48px; box-sizing: border-box; background-color: #EE483C; color: #fff; font-size: 14px; }

.countdown-info-box .p-eg-left { /*width:250px;*/ height: 50px; padding: 5px 10px; box-sizing: border-box; }

.countdown-info-box .p-eg-right { background-color: #EE483C; text-align: center; color: #fff; width: 150px; height: 48px; padding: 4px 0 6px 0; box-sizing: border-box; }

@media(min-width:1024px) and ( max-width:1279px) {
    .countdown-info-box .p-eg-left-title { padding: 0 10px; }

    .countdown-info-box .progress-box { width: 75px; }
}

@media( max-width:800px) {
    .countdown-info-box { min-width: 600px; }
}

.popover-eg-sales .progress-box .pro-bg-sum { width: 50px; }

.progress-box { display: inline-block; width: 140px; height: 12px; line-height: 12px; border-radius: 10px; color: #fff; border: 1px solid #EE483C; position: relative; text-align: center; }

.progress-box .pro-bg-sum { display: inline-block; background-color: #EE483C; /*width:50px;*/ height: 12px; border-radius: 8px; text-align: center; position: absolute; top: 0; left: 0; z-index: 1; }

.progress-box .progress-sum { color: #666; font-size: 12px; position: absolute; z-index: 2; right: 0; left: 0; }

.p-eg-time-bg { background-color: #fff; width: 18px; height: 18px; color: #EE483C; text-align: center; line-height: 18px; border-radius: 5px; display: inline-block; }

.popover-look-btn { line-height: 30px; display: inline-block; margin-left: 3px; position: relative; }

/*区域选择下拉框*/
.model_select_box { display: inline-block; border: 1px solid #ccc;border-radius: 4px; position: relative; cursor: pointer; width: 109px; height: 30px; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 16px; background: url("/Content/images/input-icon.png") no-repeat scroll right center transparent; background-color: #fff; box-sizing: border-box; margin-right: 6px; }

.model_select_txt { display: inline-block; padding-left: 15px; width: 100%; border-radius: 4px;line-height: 30px; height: 30px; cursor: pointer; overflow: hidden; box-sizing: border-box; }

.model_option { width: auto; min-width: 100%; padding-right: 20px; max-height: 310px; overflow-y: scroll; border: 1px solid #ccc; position: absolute; top: 28px; left: -1px; z-index: 2; display: none; background-color: #fff; }

.model_option a { display: block; white-space: nowrap; height: 24px; line-height: 24px; text-align: left; padding-left: 10px; width: 100%; background: #fff; }

.model_option a:hover { background: #3399ff; color: #fff; }

.modal .model_option { max-height: 140px !important; }

/*订货端预售商品列表*/
.sales-pro-item .select-btn { margin-top: 2px; }

.select-btn { border-radius: 3px; width: 60px; height: 25px; line-height: 25px; display: inline-block; text-align: center; }

.sales-pro-item .price-dec-font { text-decoration: line-through; font-size: 12px; position: relative; top: -5px; line-height: 15px; }

.sales-pro-item.product_item .item_price { height: 40px; }

.sales-pro-item .sales-pro-img { position: relative; display: block; }

.sales-pro-item .sales-pro-img .sales-end-time { position: absolute; line-height: 25px; height: 25px; width: 100%; display: block; bottom: 0; left: 0; background-color: rgba(241, 2, 21, 0.7); color: #fff; text-align: center; }

.sales-pro-item .spec { line-height: 14px; }

.sales-pro-item .progress-box { border: 1px solid #FA8A8A; width: 100px; }

.sales-pro-item .pro-bg-sum { background-color: #FA8A8A; }

@media(min-width:1280px) and (max-width:1400px) {
    .sales-pro-item .progress-box { width: 90px; }
}

@media(min-width:1024px) and (max-width:1279px) {
    .sales-pro-item .progress-box { width: 73px; }
}

@media(max-width:1023px) {
    .sales-pro-item .progress-box { width: 90px; }
}

.info_sale_customer { width: 100%; margin-bottom: 10px; }

.info_sale_customer .lunboSale { border-bottom: 1px solid #f0f0f0; width: 100%; padding-left: 20px; padding-bottom: 10px; line-height: 15px; }

.info_sale_customer .lunbo { position: relative; width: 100%; height: 60px; border-bottom: 1px solid #f0f0f0; overflow: hidden; padding-left: 20px; }

.info_sale_customer .lunbo ul { position: absolute; left: 0; top: 0; width: 100%; height: auto; margin: 0; padding: 0; }

.info_sale_customer .lunbo ul li { width: 100%; height: 30px; line-height: 30px; text-align: left; padding-left: 20px; }

.list-title-popover.sales-acart-tip .popover { left: 0px; }

.list-title-popover.sales-acart-tip .popover.bottom .arrow { left: 60px; }

.list-title-popover .salesorder { width: 220px; }

.list-title-popover .salesorder .arrow { left: 34%; }

/*创建素材*/
.setup-fod-box { display: table; width: 100%; }

.setup-fod-box .cell-view { display: table-cell; vertical-align: top; }

.setup-fod-box .fod-l { min-width: 224px; }

.setup-fod-box .fod-m { min-width: 276px; }

.choose-img-layout-box.add-fod-style { width: 224px; }

.choose-img-layout-box.add-fod-style .choose-img-layout .icon { width: 70px; height: 103px; }

.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-01 .icon { background-position: -339px -435px; }

.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-02 .icon { background-position: -420px -435px; }

.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-03 .icon { background-position: -502px -435px; }

.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-04 .icon { background-position: -583px -435px; }

.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-05 .icon { background-position: -664px -435px; }

.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-06 .icon { background-position: -745px -435px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-07 .icon { background-position: -9px -560px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-08 .icon { background-position: -93px -560px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-09 .icon { background-position: -178px -560px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-10 .icon { background-position: -265px -560px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-11 .icon { background-position: -350px -560px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-12 .icon { background-position: -525px -560px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-13 .icon { background-position: -435px -560px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-14 .icon { background-position: -703px -560px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-15 .icon { background-position: -618px -560px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-16 .icon { background-position: -543px -681px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-17 .icon { background-position: -624px -681px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-18 .icon { background-position: -711px -681px; }
.choose-img-layout-box.add-fod-style .choose-img-layout.add-fod-19 .icon { background-position: -792px -681px; }

.canvas-img-box { position: relative; z-index: 1; }

.setup-fod-box { position: relative; z-index: 2; background-color: #fff; height: 1250px; }

.setup-fod-box .action-mobile-view { width: 256px; height: 544px; background-image: url("../Content/images/material-share-view.png"); position: relative; }
.setup-fod-box .action-mobile-view.dist-m-view { background-image: url("../Content/images/distribution-share-view.png"); }

.setup-fod-box .action-mobile-view .active { border: 4px dashed #00A0E9; box-sizing: border-box; }

.setup-fod-box .action-mobile-view .fod-box { position: absolute; width: 750px; height: 1216px; -webkit-transform: scale(0.296); -ms-transform: scale(0.296); transform: scale(0.296); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; margin-left: 17px; right: 0; left: 0; top: 112px; background-color: #fff; cursor: pointer; }

.canvas-img-box .action-mobile-view .fod-box { width: 750px; height: 1216px; background-color: #fff; position: absolute; right: 0; left: 0; top: 0; margin: 0 auto; }

.action-mobile-view .fod-box { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 48px; color: #555; line-height: initial; }

.action-mobile-view .f-main-img { position: relative; width: 750px; height: 750px; overflow: hidden; }
.action-mobile-view.dist-m-view .f-main-img { position: relative; width: 750px; height: 375px; overflow: hidden; }
.action-mobile-view .f-main-img01 { position: relative; width: 750px; height: 1216px; overflow: hidden; }
.action-mobile-view .fix-fod-style2 .f-main-img01,
.action-mobile-view .fix-fod-style .f-main-img01,
.action-mobile-view .fix-fod-style .f-main-img { /*background-color: #820932;*/ }

.action-mobile-view .fod-box .f-bottom-info { margin-top: 41px; padding: 0 30px; box-sizing: border-box; }

.action-mobile-view .fod-box .f-bottom-info01 { width: 100%; margin-top: -143px; padding: 0 30px; box-sizing: border-box; }

.action-mobile-view .fod-box .f-bottom-info02 { width: 100%; position: absolute; left: 0px; bottom: 41px; padding: 0 30px; box-sizing: border-box; color: #fff; }

.action-mobile-view .fod-box .def-title01 { width: 365px; height: 385px; overflow: hidden; }

.action-mobile-view .def-title02 { position: absolute; top: 30px; left: 30px; color: #fff; width: 518px; height: 345px; overflow: hidden; }
.action-mobile-view.dist-m-view .def-title02 { right: 30px; width: auto; height: 710px; }
.action-mobile-view.dist-m-view .def-title02.big-h { height: 900px; }
.action-mobile-view .def-title03 { width: 100%; height: 262px; overflow: hidden; text-align: center; }

.action-mobile-view .def-title04 { width: 100%; height: 200px; overflow: hidden; text-align: center; }
.action-mobile-view .def-title05 { width: 100%; height: 380px; overflow: hidden; margin-bottom: 40px; }
.action-mobile-view .def-title06 { width: 365px; height: 325px; overflow: hidden; }
.action-mobile-view.dist-m-view .def-title06 { width: 450px; }

.action-mobile-view.dist-m-view .def-title07 { position: absolute; top: 318px; left: 30px; right: 30px; color: #fff; height: 450px; overflow: hidden; }
.action-mobile-view.dist-m-view .def-title07.big-h { height: 650px; }
.action-mobile-view.dist-m-view .def-wx-info { position: absolute; top: 120px; left: 60px; right: 30px; color: #fff; }
.action-mobile-view.dist-m-view .def-wx-info2 { position: absolute; top: 400px; color: #666; left: 30px; right: 30px; font-size: 43px; }
.action-mobile-view.dist-m-view .def-wx-info2 .l-img { width: 130px; height: 130px; }
.action-mobile-view.dist-m-view .def-wx-info2 .l-img img { width: 100%; height: 100%; border-radius: 65px; }
.action-mobile-view.dist-m-view .def-wx-info2 .r-info { padding-left: 30px; padding-top: 10px; }
.action-mobile-view.dist-m-view .fix-fod-style .def-wx-info2 .wx-name { font-size: 43px; font-weight: bold; }



.action-mobile-view.dist-m-view .def-wx-info.w-info2 { top: 97.5px !important; }
.action-mobile-view.dist-m-view .def-wx-info .l-img { width: 180px; height: 180px; border-radius: 90px; }
.action-mobile-view.dist-m-view .def-wx-info .l-img img { width: 100%; height: 100%; border-radius: 90px; }
.action-mobile-view.dist-m-view .def-wx-info .r-info { padding-left: 30px; font-size: 43px; padding-top: 10px; }
.action-mobile-view.dist-m-view .def-wx-info .wx-name { font-size: 63px; }
.action-mobile-view.dist-m-view .fix-fod-style .def-wx-info .wx-name { font-size: 56px; }

.action-mobile-view .fod-box .b-code-img,
.action-mobile-view .fod-box .b-code-img01,
.action-mobile-view .fod-box .b-code-img02 { width: 306px; height: 306px; }

.action-mobile-view .fod-box .b-code-img img,
.action-mobile-view .fod-box .b-code-img01 img,
.action-mobile-view .fod-box .b-code-img02 img { width: 100%; height: 100%; }

.action-mobile-view.dist-m-view .fod-box .b-code-img,
.action-mobile-view.dist-m-view .fod-box .b-code-img01,
.action-mobile-view.dist-m-view .fod-box .b-code-img02 { width: 200px; height: 200px; }

.dist-m-view .fix-fod-style .fix-adv-info { position: absolute; top: 440px; left: 63px; right: 40px; color: #fff; overflow: hidden; }
.dist-m-view .fix-fod-style .fix-adv-info.info2 { color: #666; }
.dist-m-view .fix-fod-style .fix-adv-info.info2 .sm-font-size,
.dist-m-view .fix-fod-style .code-img-box.code-img2 .c-tip { color: #949494; }


.dist-m-view .fix-fod-style .fix-adv-info .main-top-title { font-weight: bold; }
.dist-m-view .fix-fod-style .fix-adv-info .img-l { width: 110px; height: 110px; border-radius: 55px; border: 4px solid #fff; margin-right: 20px; text-align: center; line-height: 110px; box-sizing: border-box; }
.dist-m-view .fix-fod-style .fix-adv-info.info2 .img-l { border: none; color: #fff; }
.dist-m-view .fix-fod-style .fix-adv-info.info2 .img-l.adv-img-bg01 { background-color: #00cb99; }
.dist-m-view .fix-fod-style .fix-adv-info.info2 .img-l.adv-img-bg02 { background-color: #fecb17; }

.dist-m-view .fix-fod-style .fix-adv-info .img-l .iconfont { font-size: 55px; }
.dist-m-view .fix-fod-style .fix-adv-info .sm-font-size { font-size: 34px; }
.dist-m-view .fix-fod-style .fix-adv-info .big-font-size { font-size: 45px; }
.dist-m-view .fix-fod-style .fix-adv-info.info4 .big-font-size { font-size: 40px; }
.dist-m-view .fix-fod-style .fix-adv-info .adv-two { margin-top: 60px; }
.dist-m-view .fix-fod-style .fix-adv-info.info3 .adv-two { margin-top: 40px; }
.dist-m-view .fix-fod-style .fix-adv-info.info4 { top: 560px; }
.dist-m-view .fix-fod-style .fix-adv-info.info5 { top: 600px; }
.dist-m-view .fix-fod-style .fix-adv-info.info6 { left: 40px; }

.dist-m-view .fix-fod-style .fix-adv-info .mon-ico { padding-top: 4px; box-sizing: border-box; }
.dist-m-view .fix-fod-style .code-img-box .c-img { position: relative; text-align: center; height: 250px; }
.dist-m-view .fix-fod-style .code-img-box .code-bg { background-image: url("../Content/images/muban-icon.png?v=4"); background-repeat: no-repeat; display: inline-block; width: 250px; height: 250px; background-position: -9px -681px; }
.dist-m-view .fix-fod-style .code-img-box.code-img2 .code-bg { background-position: -275px -681px !important; }
.dist-m-view .fix-fod-style .code-img-box .c-img .iconfont { font-size: 260px; }
.dist-m-view .fix-fod-style .code-img-box .c-img .main-code { position: absolute; top: 25px; left: 0; right: 0; margin: auto; }
.dist-m-view .fix-fod-style .code-img-box .c-tip { font-size: 34px; height: 100px; text-align: center; }
.dist-m-view .fix-fod-style .code-img-box.code-img3 .c-tip { height: auto; }
.dist-m-view .fix-fod-style .code-img-box .c-tip.mtop2 { margin-top: 100px; }
.dist-m-view .fix-fod-style2 .f-bottom-code { width: 200px; position: absolute; left: 0; right: 0; box-sizing: border-box; margin: 0 auto; top: 660px; }
.dist-m-view .fix-fod-style2 .f-bottom-code.posi2 { top: 631px; }
.dist-m-view .fix-fod-style2 .f-bottom-code.posi3 { top: 640px; }
.dist-m-view .fix-fod-style2 .def-wx-info { font-size: 56px; }
.action-mobile-view.dist-m-view .def-wx-info.posi2 { left: 30px; top: 175px; }
.action-mobile-view.dist-m-view .def-wx-info.posi2.posi4 { top: 150px; }
.action-mobile-view.dist-m-view .def-wx-info.posi2 .l-img { position: relative; left: 0; right: 0; margin: 0 auto; }
.action-mobile-view.dist-m-view .def-wx-info.posi2 .r-info { padding-left: 0px; padding-top: 30px; color: #000; text-align: center; }
.action-mobile-view.dist-m-view .def-wx-info.posi3 { left: 60px; top: 222px; }
.action-mobile-view.dist-m-view .def-wx-info.posi3 .r-info { padding-left: 30px; padding-top: 88px; color: #000; }
.action-mobile-view.dist-m-view .def-wx-info.posi4 .r-info,
.action-mobile-view.dist-m-view .def-wx-info.posi5 .r-info { color: #fff; }
.action-mobile-view.dist-m-view .def-wx-info.posi5 .r-info { padding-left: 30px; padding-top: 66px; }
.action-mobile-view.dist-m-view .def-wx-info.posi5 { left: 60px; top: 157px; }
/*-------------*/
.action-mobile-view .fod-box .b-code-img01 { position: relative; top: -153px; left: 0px; right: 0px; margin: 0 auto; }

.action-mobile-view .fod-box .b-code-img02 { margin: 0 auto; }

.setup-fod-box .fod-r .f-title { border-radius: 20px; padding: 5px 12px; min-width: 80px; box-sizing: border-box; background-color: #f0f8fc; display: inline-block; text-align: center; }

.setup-fod-box .fod-r .f-title.active { background-color: #00A0E9; color: #fff; }

.setup-fod-box .fod-r .f-title-div { position: relative; }

.setup-fod-box .fod-r .f-title-div::after { position: absolute; right: 0; bottom: 50%; left: 80px; height: 1px; background-color: #f0f0f0; content: ''; }
.setup-fod-box.dist-fod-box .fod-r .f-title-div::after { background-color: transparent; border-top: 1px dashed #e6e5e5; box-sizing: border-box; }

.this-update-label { position: relative; }

.this-update-label .hid-input-file { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin: 0; padding: 0; z-index: 2; }

.setup-fod-box .main-fad-imglist > ul > li { width: 110px; height: 110px; overflow: hidden; padding: 0; margin: 0 20px 6px 0px; }
.setup-fod-box .main-fad-imglist > ul > li img { width: 108px; height: 108px; }
.setup-fod-box .qr-edit-box .qr-l img { width: 110px; height: 110px; }

.setup-fod-box .qr-edit-box .qr-m,
.setup-fod-box .qr-edit-box .qr-r { margin-top: 80px; }

.setup-fod-box .fodder-title-error { display: block; margin-left: 72px; }

/*素材列表（分享素材*/
.fod-list-ul { margin: 0; }

.fod-list-ul li { line-height: 40px; height: 40px; border-bottom: 1px solid #eee; margin: 0; padding-left: 10px; box-sizing: border-box; }

.fod-list-ul li a { display: block; }

.fod-listimg-big { max-width: 360px; top: 0; bottom: 0; margin: auto; }

.nodata-fooder { width: 100% !important; text-align: center; padding-top: 100px !important; }

/* 直播详情 图片头部 */
.coupon-headers{
    display: flex;
    min-height: 34vh;
    width: 100%;
    border-bottom: 3px #E8EAED solid;
    margin-bottom: 15px;
}
/* 头部图片 */
.coupon-header-image{
    flex: 2;
    display: flex;
    flex-direction: column;
}
.coupon-header-image-content{
    position: relative;
    display: flex;
    flex-direction: column;
    height: 90%;
    width: 100%;
}   
.coupon-header-image-content-img{
    width: 100%;
    height: 100%;
}
.coupon-header-image-content-img > img{
    width: 100%;
    height: 100%;
}
.coupon-header-image-content-title{
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #333333;
    opacity: 0.5;
    color: #FFFFFF;
    height: 40px;
}
.coupon-header-image-message{
    display: flex;
    flex-direction: column; 
    margin-top: 10px;
}
.coupon-header-image-message> div{
    margin: 5px 0px;
    display: flex;
    align-items: center;
}
.coupon-header-image-message> div div:nth-child(1){
    margin-right: 5px;
}
/* 头部内容 */
.coupon-header-image-content-title > div{
    flex:2;
    line-height: 40px;
    text-align: center;
}
.coupon-header-content{
    flex:7;
    margin-left: 30px;
}
.coupon-header-content-item{
    display: flex;
    padding: 5px;
}
.coupon-header-content-item > div:nth-child(1){
    flex: 1;
}
.coupon-header-content-item > div:nth-child(2){
    flex: 8;
}
/* 详细内容 */  
.coupon-content-title{
    display: flex;
}
.coupon-content-title > div{
    margin: 0px 10px;
}

/*供货端优惠卷统计列表*/
.coupon-header { padding: 20px 0; border-bottom: 10px solid #e9ecf3; }

.coupon-header .cou-left { font-size: 18px; font-weight: bold; padding-right: 50px; }

.coupon-header .cou-right .cou-info-item { padding: 0 30px; border-right: 1px solid #e9ecf3; text-align: center; }

.coupon-header .cou-right .cou-info-item:last-child { padding-right: 0px; border-right: 0px; }

.coupon-content .coupon-title { font-size: 16px; font-weight: bold; border-bottom: 1px solid #f0f0f0; line-height: 55px; }

.coupon-total-list table { width: 100%; }

.coupon-total-list table tr td { text-align: center; padding: 30px 30px 30px 0; }

.coupon-total-list .total-fig { font-size: 20px; font-weight: bold; margin-top: 8px; }

.coupon-total-list .iconfont { margin-left: 3px; }

.coupon-header .cou-right .iconfont,
.coupon-total-list .iconfont { position: relative; }

.coupon-header a.iconfont .popover,
.coupon-total-list a.iconfont .popover { width: 200px; margin-left: -95px; top: 16px; color: #555 !important; font-size: 12px; line-height: 20px; }
/* 供货端直播优惠券 */
.cate-cont.live-mar{padding-top: 10px;width: auto;}
.cate-cont.live-mar .quan-item{width: 340px;}
.cate-cont.live-mar .quan-item .q-ops-right{width: 120px;text-align: center;justify-content: center;}
.cate-cont.live-mar .quan-item .del-ico{position: absolute;right: -2px;top: -5px;font-size: 35px;color: #555;}
.cate-cont.live-mar .quan-item:nth-child(3n){margin-right: 25px;}
/*订货端优惠卷*/
.cate-heading { line-height: 20px; height: 20px; padding: 0 10px 20px 10px; font-size: 14px; margin-top: -19px; background-color: #f3f3f3; }

.cate-heading .iconfont { font-size: 14px; height: 16px; vertical-align: initial; }

.cate-cont { width: 1100px; margin: 0 auto; padding-top: 20px; }

.cate-cont .quan-item { position: relative; width: 350px; float: left; margin: 0 25px 20px 0; height: 100px; padding: 0px; box-sizing: border-box; }

.cate-cont .quan-item:nth-child(3n) { margin-right: 0px; }

.cate-cont .quan-item .q-type-left { width: 220px; height: 100%; border: 1px solid #ffd2bd; padding: 0 10px; box-sizing: border-box; display: flex; align-items: center; position: relative; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #fff; }

.cate-cont .quan-item .q-type-left.rangesign:before { content: "\e65d"; position: absolute; left: 0; bottom: 0; font-family: "iconfont" !important; font-size: 50px; height: 33px; font-style: normal; color: #fe7761; }

.cate-cont .quan-item .q-type-left.getstate01:after { content: "\e65b"; position: absolute; right: -15px; top: 50%; margin-top: -10px; font-family: "iconfont" !important; font-size: 50px; font-style: normal; color: #ffd2bd; z-index: 4; }

.cate-cont .quan-item .q-type-left.getstate02:after { content: "\e64e"; position: absolute; right: -15px; top: 50%; margin-top: -10px; font-family: "iconfont" !important; font-size: 50px; font-style: normal; color: #ffd2bd; z-index: 4; }

.cate-cont .quan-item .q-type-left.getstate03:after { content: "\e6e4"; position: absolute; right: -15px; top: 50%; margin-top: -10px; font-family: "iconfont" !important; font-size: 50px; font-style: normal; color: #ffd2bd; z-index: 4; }

.cate-cont .quan-item .q-type-left.getstate04:after { content: "\e7cf"; position: absolute; right: -15px; top: 50%; margin-top: -10px; font-family: "iconfont" !important; font-size: 50px; font-style: normal; color: #dedede; z-index: 4; }

.cate-cont .quan-item .q-type-left .q-count-bg { position: absolute; right: -3px; bottom: 0px; width: 0; height: 0; border-color: #ffd2bd transparent; border-width: 0px 0px 30px 40px; border-style: solid; }

.cate-cont .quan-item .q-type-left .q-count-info { position: absolute; right: 2px; bottom: 1px; font-size: 10px; color: #ff4743; z-index: 2; }

.cate-cont .quan-item .q-type-left .q-limit .a_limit { margin-right: 8px; line-height: 18px; }

.cate-cont .quan-item .q-circle { position: absolute; z-index: 3; display: block; width: 18px; height: 100%; overflow: hidden; left: -9px; }

.cate-cont .quan-item .q-circle i { position: absolute; width: 18px; height: 9px; display: block; overflow: hidden; background: url("../Content/images/icons.png?v3"); }

.cate-cont .quan-item .q-circle .i1 { top: -1px; background-position: -384px -37px; }

.cate-cont .quan-item .q-circle .i2 { bottom: -1px; background-position: -384px -28px; }

.cate-cont .quan-item .q-ops-right { background-color: #fe7761; color: #fff; width: 130px; height: 100%; display: flex; align-items: center; text-align: center; position: relative; }

.cate-cont .quan-item .q-ops-right .q-price { width: 90px; display: block; float: left; font-size: 11px; }

.cate-cont .quan-item .q-ops-right .q-price .q-price-big { font-size: 22px; font-weight: bold; }

.cate-cont .quan-item .q-ops-right .q-opbtns { width: 40px; height: 100%; background-color: #fa1712; background-image: -moz-linear-gradient(top,#fa1712,#fe4d49); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fa1712),color-stop(1,#fe4d49)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa1712', endColorstr='#fe4d49', GradientType='0'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa1712', endColorstr='#fe4d49'); background-image: linear-gradient(to bottom,#fa1712 0,#fe4d49 100%); display: flex; align-items: center; float: left; font-size: 16px; color: #fff; }

.cate-cont .quan-item .q-ops-right .q-opbtns .q-opbtns-txt { width: 20px; margin: 0 auto; }

.cate-cont .quan-item .q-ops-right .q-opbtns:hover { font-weight: bold; }

.cate-cont .quan-item .q-ops-right b { position: absolute; z-index: 2; top: 0; left: -1px; display: block; width: 3px; height: 100%; background: url("../Content/images/small-circle.png") top left repeat-y; }

@media (max-width:1200px) {
    .cate-cont .quan-item:nth-child(2n) { margin-right: 0 !important; }

    .cate-cont .quan-item:nth-child(3n) { margin-right: 60px; }

    .cate-cont { width: 760px; }

    .cate-cont .quan-item { margin: 0 60px 20px 0; }
}

@media (max-width:768px) {
    .cate-cont .quan-item:nth-child(2n) { margin-right: 0 !important; }

    .cate-cont .quan-item:nth-child(3n) { margin-right: 15px; }

    .cate-cont { width: 715px; }

    .cate-cont .quan-item { margin: 0 15px 20px 0; }
}

.my-cate-title { padding-top: 20px; }

.coupon-tab-list .cate-cont { padding-top: 0px; }

.no-coupon-div { line-height: 100px; }

.cate-cont.due-coupon-list .quan-item .q-ops-right { background-color: #ccc; }

.cate-cont.due-coupon-list .quan-item .q-ops-right .q-opbtns { background-color: #999999; background-image: -moz-linear-gradient(top,#999999,#b7b6b6); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#999999),color-stop(1,#b7b6b6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#b7b6b6', GradientType='0'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#b7b6b6'); background-image: linear-gradient(to bottom,#999999 0,#b7b6b6 100%); }

.cate-cont.due-coupon-list .quan-item .q-type-left .q-count-bg { border-color: #cccccc transparent; }

.cate-cont.due-coupon-list .quan-item .q-type-left .q-count-info { color: #fff; }

.cate-cont.due-coupon-list .quan-item .q-type-left.getstate03::after { color: #dedede; }

.cate-cont.due-coupon-list .quan-item .q-type-left.rangesign::before { color: #999999; }

.cate-cont.due-coupon-list .quan-item .q-type-left .q-limit .a_limit { color: #999999; border: 1px solid #999999; }

.cate-cont.due-coupon-list .quan-item .q-circle .i1 { background-position: -419px -37px; }

.cate-cont.due-coupon-list .quan-item .q-circle .i2 { background-position: -419px -28px; }

.cate-cont.due-coupon-list .quan-item .q-type-left { border: 1px solid #f2f2f2; }

.cate-cont.due-coupon-list .quan-item .q-ops-right .q-opbtns:hover { font-weight: 300; }
/*优惠卷弹窗*/
.cate-coupon-modal.modal { width: 412px; margin-left: -206px; }

.cate-coupon-modal .modal-header { border-bottom: 0px; text-align: center; padding: 15px; }

.cate-coupon-modal .modal-header .title { font-size: 16px; }

.cate-coupon-modal .cou-modal-body { background-color: #FFD2BD; border-radius: 3px; }

.cate-coupon-modal .cou-modal-scroll { padding: 0 8px; width: 366px; margin: 0 auto; box-sizing: border-box; max-height: 340px; overflow: hidden; }

.cate-coupon-modal .cate-cont { width: 350px; padding-top: 10px; box-sizing: border-box; }

.cate-coupon-modal .cate-cont .quan-item { margin-right: 0; margin-bottom: 10px; }

.cate-coupon-modal .modal-body { padding-top: 0; max-height: none; }

.cate-coupon-modal .modal-opbtns { font-size: 14px; line-height: 40px; margin-top: 15px; border-radius: 3px; display: block; text-align: center; }

.cate-coupon-modal .cate-cont .quan-item .q-circle .i1,
.add-coupon-input .add-c-r .view-coupon-box .cate-cont .quan-item .q-circle .i1 { background-position: -446px -37px; }

.cate-coupon-modal .cate-cont .quan-item .q-circle .i2,
.add-coupon-input .add-c-r .view-coupon-box .cate-cont .quan-item .q-circle .i2 { background-position: -446px -28px; }

/*优惠卷商品详情*/
.pro_info_choose { position: relative; }

.pro_info_choose .cate-popover-box.popover.bottom { margin-left: 0px; }

.pro_info_choose .cate-popover-box.popover.bottom .arrow { left: 30px; }

.quan-tip-item { position: relative; height: 16px; padding-left: 2px; line-height: 16px; text-align: center; border-top: 1px solid #df3033; border-bottom: 1px solid #df3033; background-color: #ffdedf; white-space: nowrap; margin-right: 13px; cursor: pointer; display: inline-block; }

.quan-tip-item:hover { background-color: #fff; }

.quan-tip-item .ico-left,
.quan-tip-item .ico-right { position: absolute; top: -1px; display: block; height: 18px; width: 2px; overflow: hidden; background: url("../Content/images/quan-arr.gif") no-repeat; }

.quan-tip-item .ico-left { left: 0; background-position: -2px 0; }

.quan-tip-item .ico-right { right: 0px; }

.quan-tip-item .text { padding: 0 10px; color: #EE483C; font-size: 12px; }


.popover-quan-item { background-color: #fff; }

.popover-quan-item .text { padding: 0 20px 0 10px; }

.popover-quan-item .btn-ico { position: absolute; width: 0; height: 0; border-style: solid; content: ' '; right: 8px; top: 7px; }

.popover-quan-item .btn-ico.pull-down { border-width: 3px 3px 0; border-color: #fc5f5f transparent transparent; }

.popover-quan-item .btn-ico.pull-up { border-width: 0 3px 3px; border-color: transparent transparent #fc5f5f; }

.cate-popover-box.popover { width: 378px; max-width: none; padding: 0px 0 10px 0; }

.cate-popover-box.popover.bottom { margin-top: 30px; margin-left: -160px; }

.cate-popover-box .cate-cont { width: 350px; padding-top: 0px; }

.cate-popover-box .cate-cont .quan-item { margin-right: 0px; margin-bottom: 10px; }

.cate-popover-box .popover-content { padding-bottom: 10px; }

.cate-popover-box .cou-popover-scroll { padding: 0 8px; width: 366px; margin: 0 auto; box-sizing: border-box; max-height: 330px; overflow: hidden; }

.cate-popover-box .quan-po-close { line-height: 28px; height: 28px; text-align: right; margin-right: 5px; }

.cate-popover-box .quan-po-close a.iconfont { font-size: 18px; -webkit-transition: transform .2s ease-out 0s; -moz-transition: transform .2s ease-out 0s; transition: transform .2s ease-out 0s; width: 18px; height: 20px; background-image: none; vertical-align: middle; line-height: 20px; margin-top: 0; }

.cate-popover-box .quan-po-close a.iconfont:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); color: #888; }

.cate-popover-box .addcart_msg { position: absolute; }

.order-coupon-po { position: relative; display: inline-block; }

.order-coupon-po .cate-popover-box .c-po-title { line-height: 50px; height: 50px; position: relative; text-align: center; font-size: 14px; }

.order-coupon-po .cate-popover-box .quan-po-close { position: absolute; right: 0; top: -3px; }

.order-coupon-po .cate-popover-box .c-po-tip { position: absolute; right: 5px; bottom: 5px; line-height: 20px; font-size: 12px; }

.my-o-coupon-tab { border-top: 1px solid #f0f0f0; }

.my-o-coupon-tab ul li { padding: 0; width: 50%; text-align: center; }

.my-o-coupon-tab .nav-tabs { margin-bottom: 0px; }

.my-o-coupon-tab .o-c-footer { padding: 0 15px; }

.my-o-coupon-tab .coupon-opsbtn { width: 100%; border-radius: 5px; }

.my-o-coupon-tab .has-no-coupon { margin-top: 100px; text-align: center; margin-bottom: 50px; }

.my-o-coupon-tab .has-no-coupon .iconfont { font-size: 70px; width: 70px; height: 40px; background-image: none; }

.o-unable-coulist.cate-cont .quan-item .q-ops-right .q-price { width: 100%; }

.o-unable-coulist.cate-cont .quan-item { height: 110px; }

.o-unable-coulist.cate-cont .quan-item .q-info { height: 90px; }

.o-unable-coulist.cate-cont .quan-item .q-tip { line-height: 20px; text-align: left; }

.order-coupon-po .coupon-utip-backdrop { position: absolute; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .2); }

.order-coupon-po .use-tip-box { background-color: #fff; border-radius: 5px; width: 280px; height: 326px; position: absolute; z-index: 1001; right: 0; left: 0; top: 0; bottom: 0; margin: auto; }

.order-coupon-po .use-tip-box .u-title { line-height: 40px; text-align: center; font-weight: bold; border-bottom: 1px solid #f0f0f0; }

.order-coupon-po .use-tip-box .u-concent p { margin-bottom: 5px; }

.order-coupon-po .use-tip-box .u-concent { padding: 10px 20px; }

.order-coupon-po .use-tip-box .u-footer { line-height: 40px; text-align: center; border-top: 1px solid #f0f0f0; display: block; }

.order-coupon-po .cate-popover-box.popover { min-height: 340px; }

.cate-cont .ant-checkbox-wrapper { width: 14px; height: 14px; margin: 0 auto; }
.c_main .cate-cont .ant-checkbox .ant-checkbox-input:hover + .ant-checkbox-inner, .red-checked .ant-checkbox .ant-checkbox-input:hover + .ant-checkbox-inner { border: 1px solid #fff; }

.cate-cont .ant-checkbox-input:checked + .ant-checkbox-inner::after { margin-top: -11px; color: #EE483C; }

.c_main .cate-cont .ant-checkbox-input:checked + .ant-checkbox-inner,
.red-checked .cate-cont .ant-checkbox-input:checked + .ant-checkbox-inner { background-color: #fff; border: 1px solid #fff; }

.cate-cont .ant-checkbox-input + .ant-checkbox-inner { border: 1px solid #fff; border-radius: 50%; width: 14px; height: 14px; }


a.top_tooltip, a.left_tooltip, a.right_tooltip, a.bottom_tooltip { display: inline; position: relative; }
/* TOP TOOLTIP
-------------------------------------------------*/
a.top_tooltip span { width: 140px; height: auto; color: #fff; background: #2b2b2b; position: absolute; font-size: 13px; text-align: center; padding: 10px; line-height: 20px; visibility: hidden; border-radius: 10px; }

a.top_tooltip span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #2b2b2b; border-right: 8px solid transparent; border-left: 8px solid transparent; }

a:hover.top_tooltip span { visibility: visible; opacity: 0.8; bottom: 30px; left: 50%; margin-left: -76px; z-index: 999; }

/* LEFT TOOLTIP
-------------------------------------------------*/
a.left_tooltip span { width: 140px; height: auto; color: #fff; background: #2b2b2b; position: absolute; font-size: 13px; text-align: center; padding: 10px; line-height: 20px; visibility: hidden; border-radius: 10px; }

a.left_tooltip span:after { content: ''; position: absolute; top: 50%; left: 100%; margin-top: -8px; width: 0; height: 0; border-left: 8px solid #2b2b2b; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }

a:hover.left_tooltip span { visibility: visible; opacity: 0.8; right: 100%; top: 50%; margin-top: -30px; margin-right: 10px; z-index: 999; }

/* RIGHT TOOLTIP
-------------------------------------------------*/
a.right_tooltip span { width: 140px; height: auto; color: #fff; background: #2b2b2b; position: absolute; font-size: 13px; text-align: center; padding: 10px; line-height: 20px; visibility: hidden; border-radius: 10px; }

a.right_tooltip span:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -8px; width: 0; height: 0; border-right: 8px solid #2b2b2b; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }

a:hover.right_tooltip span { visibility: visible; opacity: 0.8; left: 100%; top: 50%; margin-top: -30px; margin-left: 10px; z-index: 999; }

/* BOTTOM TOOLTIP
-------------------------------------------------*/
a.bottom_tooltip span { width: 350px; height: auto; color: #fff; background: #2b2b2b; position: absolute; font-size: 13px; text-align: center; padding: 10px; line-height: 20px; visibility: hidden; border-radius: 10px; margin-left: -400px; }

a.bottom_tooltip span:after { content: ''; position: absolute; bottom: 100%; left: 90%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #2b2b2b; border-right: 8px solid transparent; border-left: 8px solid transparent; }

a:hover.bottom_tooltip span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -350px; z-index: 999; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; }

.company-tell-td { width: 7px; margin: 0 10px 0 30px; }
.prev-box { width: 250px; position: relative; /*border-style: solid;*/ /*border-color: rgba(244, 244, 244, 1);*/ }
.select_box { border: 1px dashed #00A0E9; }
.a_disable { pointer-events: none; }
.web-label-div { background-color: #f3f3f3; text-align: center; }
.web-label-box { background-color: #fff; display: inline-block; border: 1px solid #ddd; width: 110px; font-size: 12px; color: #666; padding: 3px 10px 3px 5px; box-sizing: border-box; }
.web-label-box img { width: 30px !important; height: auto !important; }
.web-label-box .txt-r { padding: 5px 0; box-sizing: border-box; font-size: 10px; line-height: 16px; }

/*商品小视频*/
.video-play{    cursor: pointer;
    z-index: 100;
    position: absolute;
    bottom:250px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    color: #fff;
    font-size: 18px!important;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: rgba(0,0,0,0.4);
    line-height: 50px;
    text-align: center;
    padding-left: 4px;
    box-sizing: border-box; 

}
.video-play:hover{ color:#fff;}

.pro-video-box .video-info{width:400px;height:400px;top:0;position:absolute}

.pro-video-box{width:400px;height:400px;position:relative;display:none; background:#000;}
.pro-video-box .close-video{ position:absolute; top:10px; right:10px; color:#ccc; z-index:3; }
.pro-video-box .iconfont{ font-size:20px;}
/*新版修改供货端统计页面（首页）*/
/*通用*/




/*统计页面图标背景颜色样式tile*/
.t-box-icon { width: 35px; height: 35px; display: inline-block; border-radius: 50%; position: relative; vertical-align: middle; }
.t-box-icon .iconfont { color: #fff; font-size: 18px; margin: auto; width: auto; height: auto; background-image: none; line-height: initial; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); /* IE 9 */ -moz-transform: translate(-50%,-50%); /* Firefox */ -webkit-transform: translate(-50%,-50%); /* Safari 和 Chrome */ -o-transform: translate(-50%,-50%); /* Opera */ }
.t-box-icon.sm { width: 26px; height: 26px; }
.t-box-icon.sm .iconfont { font-size: 14px; }
.t-box-icon .iconfont.ico-size01 { font-size: 20px; }
.t-box-icon .iconfont.ico-size02 { font-size: 22px; }
.t-box-icon .iconfont.ico-size03 { font-size: 23px; }

.t-box-icon.t-icon-bg01 { background-color: #61a5e8; }
.t-box-icon.t-icon-bg02 { background-color: #11cd6e; }
.t-box-icon.t-icon-bg03 { background-color: #fe8839; }
.t-box-icon.t-icon-bg04 { background-color: #f3d024; }
.t-box-icon.t-icon-bg05 { background-color: #00b3fe; }
.t-box-icon.t-icon-bg06 { background-color: #ff4444; }
.t-box-icon.t-icon-bg07 { background-color: #feb822; }
.t-box-icon.t-icon-bg08 { background-color: #f48778; }
.t-box-icon.t-icon-bg09 { background-color: #feb822; }


/*图标刷新按钮*/
.refresh-btn { background-color: #cccccc; padding: 0 5px; border-radius: 3px; font-weight: 300; font-size: 12px; }

.page-boby-all { font-size: 13px; }
/*首页*/
.home-all { width: 100%; }
.home-all .h-left { width: 65%; padding-right: 20px; box-sizing: border-box; }
.home-all .h-right { width: 35%; }

@media only screen and (max-width:1024px ) {
    .home-all .h-left { width: 100%; }
    .home-all .h-right { width: 100%; }
}

.home-all .frist-title { font-size: 16px; font-weight: bold; }
.home-all .h-info-item01 { width: 100%; height: 180px; border: 1px solid #eef1f9; border-radius: 3px; padding: 10px 0; box-sizing: border-box; }
.home-all .h-info-item01.h-sm { height: 100px; }
.home-all .h-info-item01.h-md { height: 120px; }
.home-all .h-info-item01 .item01-title-l { border-right: 1px solid #eef1f9; box-sizing: border-box; width: 80px; height: 100%; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; flex-direction: column; justify-content: center; }
.home-all .h-info-item01 .item01-title-l .t-box { text-align: center; margin: auto; }
.home-all .h-info-item01 .t-box .t-box-text { font-size: 15px; font-weight: 600; margin-top: 5px; }
.home-all .h-info-item01 .t-box .t-box-text.big-font { font-size: 16px; margin-top: 8px; }
.home-all .h-info-item01 .item01-info-r { width: calc(100% - 80px); height: 100%; padding: 0 10px; box-sizing: border-box; }
.home-all .h-info-item01 .item01-info-r.month-fig-info { line-height: 26px; padding-top: 10px; padding-bottom: 10px; }

.fig-flex-table { width: 100%; height: 100%; }
.fig-flex-table tr { height: 50%; }
.fig-flex-table tr td { text-align: center; }
.fig-flex-table.row5 tr td { width: 20%; }
.fig-flex-table.row4 tr td { width: 25%; }
.fig-flex-table.row3 tr td { width: 33.3%; }

.fig-flex-table.line2 tr:first-child td { border-bottom: 1px solid #eef1f9; }
.fig-flex-table tr td .fig-text { color: #00A0E9; font-size: 18px; font-weight: bold; padding-top: 10px; box-sizing: border-box; }
.fig-flex-table.sm-table tr td .fig-text,
.month-fig-info .main-text { font-size: 16px; font-weight: 600; }
.fig-flex-table tr td .fig-text .price-icon,
.month-fig-info .main-text .price-icon { font-size: 12px; }

.fig-flex-table tr td a { display: block; padding: 3px 0; }
.fig-flex-table tr td a:hover { background-color: #f5f7fc; }

.guide-a-table { width: 80%; height: 100%; }
.guide-a-table tr td { height: 33.3%; }

.h-progress-box { height: 27px; position: relative; }
.h-progress-bg { width: 100%; height: 13px; border-radius: 10px; background-color: #e9ecf3; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); /* Opera */ }
.h-progress-bg .h-progress-data { width: 60%; height: 100%; border-radius: 10px; background-color: #0099c0; display: inline-block; position: absolute; left: 0; top: 0; animation: myprogress 2s; -webkit-animation: myprogress 2s; }

@keyframes myprogress {
    from { width: 10px; }
}

@-moz-keyframes myprogress {
    from { width: 10px; }
}

@-webkit-keyframes myprogress {
    from { width: 10px; }
}

.home-all .h-info-item02 { width: 100%; height: 395px; border: 1px solid #eef1f9; border-radius: 3px; padding: 20px 15px 30px 15px; box-sizing: border-box; }
.home-all .h-info-item02 .item02-sta-box { width: 100%; }
.home-all .h-info-item02 .item02-sta-box .sta-info-l { width: 60%; }
.home-all .h-info-item02 .item02-sta-box .sta-info-r { width: 40%; padding-left: 30px; padding-top: 50px; box-sizing: border-box; }
.ico-cell-table { width: 100%; line-height: 25px; padding-left: 15px; }
.ico-cell-table tr:first-child td { padding-bottom: 40px; }
.ico-cell-table tr td .td-cell { display: table-cell; }
.ico-cell-table .td-l-ico { vertical-align: middle; padding-right: 10px; }
.ico-cell-table .an-sum,
.chart-div-table .ch-tab-cell .an-sum { font-size: 14px; font-weight: bold; }
.ico-cell-table.order-cell3 tr td { padding-bottom: 35px; padding-left: 15px; }
.ico-cell-table.order-cell3 tr:last-child td { padding-bottom: 0px; }
.ico-cell-table.row5 tr td { width: 20% !important; }
.ico-cell-table.row6 tr td { width: 16.66% !important; }

.home-all .div-table { display: table; }
.home-all .div-table .div-table-cell { display: table-cell; }
.home-all .div-table .div-table-cell.ico-md { vertical-align: middle; padding-right: 10px; }

.home-all .h-info-item03 { width: 100%; height: 165px; border: 1px solid #eef1f9; border-radius: 3px; padding: 20px 15px 30px 15px; box-sizing: border-box; }
.home-all .h-info-item03.h-md { height: 155px; }
.home-all .h-meau-table { width: 100%; }
.home-all .h-meau-table tr td { width: 20%; height: 35px; padding-left: 15px; }

.home-all .meau-block-btn { margin: 0; }
.home-all .meau-block-btn li { width: 20%; float: left; height: 80px; line-height: 80px; text-align: center; }
.home-all .meau-block-btn li > a { width: 80%; height: 70px; line-height: 70px; color: #fff; font-size: 17px; border-radius: 5px; text-align: center; display: inline-block; -webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */ transition: all 0.3s; }
.home-all .meau-block-btn li > a:hover { transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); /* Opera */ }
.home-all .meau-block-btn li > a.m-btn-bg01 { background-color: #61a5e8; }
.home-all .meau-block-btn li > a.m-btn-bg02 { background-color: #7ecf51; }
.home-all .meau-block-btn li > a.m-btn-bg03 { background-color: #eecb5f; }
.home-all .meau-block-btn li > a.m-btn-bg04 { background-color: #f38777; }
.home-all .meau-block-btn li > a.m-btn-bg05 { background-color: #e3935d; }

.analy-b-title{line-height: 40px;font-size:13px; font-weight: 600; position: relative;}
/*统计子页*/
.analy-c-title { height: 40px; line-height: 40px; background-color: #f2f2f2; font-size: 14px; font-weight: 600; position: relative; }
.analy-c-title .tip-bg { display: inline-block; width: 4px; height: 20px; margin: 10px; background-color: #00A0E9; box-sizing: border-box; }
.analy-c-title .t-time-select { font-size: 12px; }
.analy-c-title .res-time { font-weight: 300; font-size: 12px; color: #666; font-weight: initial; }
.analy-c-title .a-link-goinfo { font-weight: 300; font-size: 12px; color: #00A0E9; }
.analy-c-title .select-input-box { padding: 5px 0; box-sizing: border-box; }
.analy-c-title .select-input-box select { vertical-align: top; }

.analy-column-title { font-size: 12px; font-weight: bold; padding-bottom: 5px; line-height: 20px; border-bottom: 1px solid #eef1f9; padding-left: 24px; box-sizing: border-box; }

.analy-carts-box .analy-carts-head { font-size: 14px; font-weight: 600; text-align: center; }
.analy-carts-box .analy-carts-head.text-l { text-align: left !important; }
.analy-carts-box .a-carts-containar .highcharts-range-selector-buttons > text { display: none; }
.analy-carts-box .a-carts-containar { position: relative; width: 100%; }
.analy-carts-box .a-carts-containar .w5 { width: 50%; }
.analy-carts-box .chart-div-table .ch-tab-cell { padding: 15px 20px; }

.case-charts-box .charts-item { position: relative; width: 49.5%; /* height:460px;*/ border: 1px solid #eef1f9; border-radius: 3px; box-sizing: border-box; margin-bottom: 15px; }
.case-charts-box .charts-item:nth-child(2n) { margin-left: 0.5%; }
.case-charts-box .charts-item:nth-child(2n+1) { margin-right: 0.5%; }
.case-charts-box .charts-item .charts-item-title { border-bottom: 1px solid #eef1f9; line-height: 40px; padding: 0 10px; box-sizing: border-box; }
.case-charts-box .charts-item .charts-item-title .t-text { font-weight: bold; }
.case-charts-box .charts-item .charts-po-tip { position: absolute; bottom: 10px; right: 15px; font-size: 12px; font-weight: bold; }
.case-charts-box .charts-item .charts-po-title { position: absolute; right: 0; left: 0; bottom: 3px; }

.analy-carts-box .a-carts-containar .next-page-chart { position: absolute; right: 0px; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; }
.analy-carts-box .a-carts-containar .prev-page-chart { position: absolute; left: 0px; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; margin-left: 20px; }
.analy-carts-box .a-carts-containar .next-page-chart .iconfont,
.analy-carts-box .a-carts-containar .prev-page-chart .iconfont { font-size: 30px; color: rgb(176, 192, 208); }
.analy-carts-box .a-carts-containar .next-page-chart:hover .iconfont,
.analy-carts-box .a-carts-containar .prev-page-chart:hover .iconfont { color: rgb(141, 169, 197); }

.analy-carts-box .a-carts-containar .update-cart-loading { width: 180px; /* height:50px; line-height: 50px;*/ /*background-color: rgba(0,0,0,0.2);*/ position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -75px; color: #fb5210; border-radius: 8px; text-align: center; }
.analy-carts-box .a-carts-containar .update-cart-loading .my-spinner { padding: 5px 0; }
.analy-carts-box .a-carts-containar .update-cart-loading .my-spinner > div { background-color: #f48778; }
.analy-carts-box .a-carts-containar .update-cart-loading .loading-text { line-height: 40px; display: inline-block; vertical-align: top; margin-left: 25px; }

.column-charts-box { width: 100%; }
.column-charts-box .col-item { position: relative; width: 49.5%; }
.column-charts-box .col-item:nth-child(2n) { margin-left: 0.5%; }
.column-charts-box .col-item:nth-child(2n+1) { margin-right: 0.5%; }
.column-charts-box .col-item .charts-l { width: 270px; height: 330px; overflow: hidden; }
.column-charts-box .col-item .table-r { width: calc(100% - 280px); }
.column-charts-box .col-item .table-r table { width: 100%; margin-top: 23px; }
.column-charts-box .col-item .table-r table tr td { line-height: 40px; width: 25%; }

@media (max-width:1024px) {
    .column-charts-box .col-item { width: 100%; }
}
/*统计子页的左右滚动*/
.scroll-ch-select { position: relative; margin-left: 13px; margin-right: 13px; }
.scroll-ch-select .scroll-div-font { width: 100%; height: 120px; overflow: hidden; position: relative; }
.scroll-ch-select .cut-btn { position: absolute; z-index: 1; top: 50%; width: 26px; height: 26px; border-radius: 50%; background-color: #ccc; background-image: none; line-height: 28px; text-align: center; margin-top: -13px; font-size: 18px; color: #fff; }
.scroll-ch-select .cut-btn.active { background-color: #008cc7; color: #fff; }
.scroll-ch-select .cut-btn.prev-btn { left: -13px; }
.scroll-ch-select .cut-btn.next-btn { right: -13px; }
.scroll-ch-select .ch-se-ul { padding: 0; margin: 0; position: absolute; top: 0; left: 0; width: 3000px; overflow: hidden; }
.scroll-ch-select .ch-se-ul .ch-se-li { position: relative; float: left; /* width:200px;*/ /* width:264px; */ width: calc((100vw - 242px) / 6); height: 120px; box-sizing: border-box; }
.scroll-ch-select .ch-se-ul .ch-se-li .c-se-lidiv { position: relative; padding: 10px; margin-right: 15px; border: 1px solid #eef1f9; box-sizing: border-box; width: calc(100% - 15px); height: 100%; }
.scroll-ch-select .li-info-top .top-title { font-size: 14px; color: #333; }
.scroll-ch-select .li-info-bottom .ico-scale01 { color: #ee3b61; }
.scroll-ch-select .li-info-bottom .ico-scale02 { /*color: #00A0E9;*/ }
.scroll-ch-select .li-info-bottom .ico-txt { font-size: 14px; }
.scroll-ch-select .li-info-bottom .iconfont { font-size: 18px; }
.scroll-ch-select .ch-se-ul .ch-se-li .check-block-bgcolor { position: absolute; top: -1px; left: -1px; right: -1px; height: 4px; background-color: #0099c0; display: none; }
.scroll-ch-select .li-info-bottom .ico-tip { width: 18px; display: inline-block; }

.time-control-box { position: absolute; top: 0; right: 30px; /* background-color: #fff;*/ height: 100%; width: 260px; line-height: 28px; font-size: 12px; font-weight: initial; }
.time-control-box .show-time-btn { display: block; padding: 0 10px; height: 28px; line-height: 28px; background-color: #fff; margin-top: 6px; }
.time-control-box .iconfont { color: #999; }
.time-control-box .time-se-down { display: none; position: absolute; top: 38px; /*left: 0;*/ right: -30px; background-color: #fff; z-index: 2; width: 290px; height: 338px; box-shadow: 0 0 15px 0 rgba(65,81,97,.2); }
.time-control-box .time-se-down .time-nav-tab { margin: 0; padding: 0; border: none; height: 100%; background-color: #f5f7fc; }
.time-control-box .time-se-down .time-nav-tab > li { float: none; background-color: #f5f7fc; border-bottom: 1px solid #e2e8ef; width: 70px; height: 55px; line-height: 55px; text-align: center; margin: 0; box-sizing: border-box; }
.time-control-box .time-se-down .time-nav-tab li > a { border: none; background-color: transparent; padding: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; line-height: 55px; display: block; text-align: center; }
.time-control-box .time-se-down .time-nav-tab > li.active { background-color: #fff; }
.time-control-box .time-se-down .time-nav-tab > li.active > a { color: #61a5e8; }
.time-control-box .time-tab-info { padding: 10px 4px 10px 10px; width: 110px; box-sizing: border-box; }
.time-control-box .time-tab-info a { display: inline-block; float: left; margin-bottom: 6px; height: 40px; line-height: 40px; text-align: center; background-color: #f5f7fc; }
.time-control-box .time-tab-info a:hover,
.time-control-box .time-tab-info a.active { background-color: #61a5e8; color: #fff; }
.time-control-box .time-tab-info a:last-child { margin-bottom: 0; }
.time-control-box .time-tab-info a.a-tap-time01 { width: 90px; margin-right: 6px; }
.time-control-box .time-tab-info a.a-tap-time02 { width: 42px; margin-right: 6px; }
.time-control-box .RightDateSelect { display: none; }
.time-control-box .front-input { width: 40px; margin: 0 3px; padding: 0 5px; box-sizing: border-box; text-align: center; }
.time-control-box .later-input { width: 142px; }
.time-control-box .date-txt-top { width: 274px; margin-bottom: 5px; }

/*修改日期的默认样式*/
.time-control-box .show-day-date { line-height: 14px; }
.time-control-box .layui-laydate-content td,
.time-control-box .layui-laydate-content th { height: 23px; }
.time-control-box .layui-laydate-list > li { height: 26px; line-height: 26px; }
.time-control-box .layui-laydate-list.laydate-quarter-list > li { width: 50%; text-align: center; line-height: 50px; height: 50px; }
.time-control-box .layui-laydate .layui-this:not(.laydate-disabled) { background-color: #61a5e8 !important; }
.time-control-box .layui-laydate-content td.laydate-selected { background-color: rgba(97, 165, 232, 0.4); }
.time-control-box .layui-laydate-content td.laydate-selected:hover { background-color: rgba(97, 165, 232, 0.4) !important; }
.time-control-box .layui-laydate-footer span:hover,
.time-control-box .layui-laydate-header i:hover,
.time-control-box .layui-laydate-header span:hover { color: #61a5e8; }
.time-control-box .layui-laydate,
.time-control-box .layui-laydate-hint { border: 1px solid #e2e8ef; box-shadow: none; }
.time-control-box .layui-laydate-header { border-bottom: 1px solid #e2e8ef; }
.time-control-box .layui-laydate-range .laydate-main-list-1 .layui-laydate-content { border-left: 1px solid #e2e8ef; }
.time-control-box .layui-laydate-footer { border-top: 1px solid #e2e8ef; }
/*圈圈等待动画，图表分页数据加载慢*/
@-webkit-keyframes ball-spin-fade-loader {
    50% { opacity: .3; -webkit-transform: scale(.4); transform: scale(.4); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes ball-spin-fade-loader {
    50% { opacity: .3; -webkit-transform: scale(.4); transform: scale(.4); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

.ball-spin-fade-loader { position: relative; display: inline-block; }
.ball-spin-fade-loader > div:nth-child(1) { top: calc(25px / 2.5); left: 0; -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear; animation: ball-spin-fade-loader 1s 0s infinite linear; }
.ball-spin-fade-loader > div:nth-child(2) { top: calc(17.05px / 2.5); left: calc(17.05px / 2.5); -webkit-animation: ball-spin-fade-loader 1s .12s infinite linear; animation: ball-spin-fade-loader 1s .12s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) { top: 0; left: calc(25px / 2.5); -webkit-animation: ball-spin-fade-loader 1s .24s infinite linear; animation: ball-spin-fade-loader 1s .24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) { top: calc(-17.05px / 2.5); left: calc(17.05px / 2.5); -webkit-animation: ball-spin-fade-loader 1s .36s infinite linear; animation: ball-spin-fade-loader 1s .36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) { top: calc(-25px / 2.5); left: 0; -webkit-animation: ball-spin-fade-loader 1s .48s infinite linear; animation: ball-spin-fade-loader 1s .48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) { top: calc(-17.05px / 2.5); left: calc(-17.05px / 2.5); -webkit-animation: ball-spin-fade-loader 1s .6s infinite linear; animation: ball-spin-fade-loader 1s .6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) { top: 0; left: calc(-25px / 2.5); -webkit-animation: ball-spin-fade-loader 1s .72s infinite linear; animation: ball-spin-fade-loader 1s .72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) { top: calc(17.05px / 2.5); left: calc(-17.05px / 2.5); -webkit-animation: ball-spin-fade-loader 1s .84s infinite linear; animation: ball-spin-fade-loader 1s .84s infinite linear; }
.ball-spin-fade-loader > div { background-color: #fb5210; width: 6px; height: 6px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; }


/*数据表格*/
.bs-table-box .bootstrap-table .fixed-table-container { border: none; }
.bs-data-table { table-layout: fixed !important; border-bottom: none !important; }
.bs-data-table th { background-color: #eef1f9 !important; border-bottom: none !important; padding: 5px 0 !important; font-weight: 300 !important; font-size: 13 !important; border-right: 0.5px solid #e1e8ef !important; }
.bs-data-table th:last-child { border-right: none !important; }
.bs-data-table tbody tr:hover > td { background-color: #f5f7fc !important; }
.bs-data-table td { border-left: none !important; padding-top: 15px !important; padding-bottom: 15px !important; border-bottom: 1px solid #eef1f9 !important; }
.bs-data-table.JColResizer > tbody > tr > td { padding-left: 8px !important; padding-right: 8px !important; }
.bs-data-table .bs-tab-hover:hover { color: #00A0E9; }
.bs-table-box .fixed-table-container .bs-data-table thead th .both { background-image: none !important; position: relative; }
.bs-table-box .fixed-table-container .bs-data-table thead th .both:before { content: "\e662"; position: absolute; right: 8px; top: 5px; color: #aaa; font-family: "iconfont" !important; font-size: 12px; font-style: normal; height: 10px; }
.bs-table-box .fixed-table-container .bs-data-table thead th .both:after { content: "\e660"; position: absolute; right: 8px; top: 13px; color: #aaa; font-family: "iconfont" !important; font-size: 12px; font-style: normal; height: 10px; }
.bs-table-box .fixed-table-container .bs-data-table thead th .both.asc:before,
.bs-table-box .fixed-table-container .bs-data-table thead th .both.desc:after { color: #00A0E9; }
.tab-top-action .columns-btn,
.my-tabexport-btn { box-shadow: none !important; display: inline-block; width: auto; background-color: #eef1f9; height: 25px; line-height: 25px; text-align: center; padding: 0 10px; color: #555; }
.my-tabexport-btn .iconfont { font-size: 14px; margin: 0 3px 0 0; }
.tab-top-action .columns-btn .iconfont { font-size: 18px; width: 18px; background-image: none; line-height: 18px; vertical-align: middle; margin-top: 0; }

/*数据表格----头部选择表头字段*/
.columns-popover-box { display: inline-block; position: relative; }
.columns-popover-box .table-cus-wrap { position: absolute; display: none; top: 26px; right: 0; width: 280px; background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,.2); z-index: 988; padding-bottom: 90px; box-sizing: border-box; }
.table-cus-wrap .table-cus-header { font-size: 16px; line-height: 50px; height: 50px; padding-left: 20px; border-bottom: 1px solid #e7e9f1; }
.table-cus-wrap .table-cus-list { margin: 10px 0 0 0; max-height: 400px; overflow: hidden; }
.table-cus-wrap .table-cus-list li { overflow: hidden; padding: 10px 17px 10px 20px; height: 40px; box-sizing: border-box; }
.table-cus-wrap .table-cus-list li:hover { background-color: #f5f7fc; color: #00A0E9; }
.table-cus-wrap .table-cus-footer { position: absolute; bottom: 0; }
.table-cus-wrap .table-cus-list li .sort-asc:hover,
.table-cus-wrap .table-cus-list li .sort-down:hover { color: #00A0E9; }
.table-cus-wrap .table-cus-list li .sort-asc,
.table-cus-wrap .table-cus-list li .sort-down { display: none; float: left; font-size: 24px; width: 24px; height: 26px; background-image: none; line-height: 23px; margin: 0; color: #888; }
.fixed-table-toolbar .columns .table-cus-wrap .table-cus-list label { display: inline-block; padding: 0; }
.table-cus-wrap .table-cus-list .fix-header + li .sort-asc { display: none !important; }

.bs-table-box .fixed-table-toolbar .bs-bars,
.bs-table-box .fixed-table-toolbar .search, .fixed-table-toolbar .columns { margin-top: 0 !important; line-height: none; line-height: normal !important; }



/*数据表格----分页*/
.bs-table-box .pagination ul { box-shadow: none; }
.bs-table-box .pagination ul > li.active > a:hover,
.bs-table-box .pagination ul > li.active > a:focus,
.bs-table-box .pagination ul > .active > a,
.bs-table-box .pagination ul > .active > span { background-color: #454545; color: #fff; border: solid 1px #454545; }
.bs-table-box .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; }
.bs-table-box .pagination ul > li.page-next > a { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; }
.bs-table-box .fixed-table-pagination .pagination a { padding: 0 15px; height: 35px; line-height: 35px; }
.bs-table-box .pagination-detail .btn,
.bs-table-box .pagination-detail .btn:focus { outline: none; padding: 0; width: 75px; height: 25px; border-radius: 3px; background-color: #fff; background-image: none; text-shadow: none; box-shadow: none; border: 1px solid #cccccc; }
.bs-table-box .pagination .form-control { height: 35px; line-height: 35px; width: 50px; padding: 5px; border-radius: 4px; text-align: center; }
.bs-table-box .fixed-table-pagination .pagination-info { margin-right: 15px; }

/*下拉菜单*/
.bs-table-box .pagination-detail .dropdown-menu { min-width: 75px; padding: 0; border-radius: 3px; bottom: 110%; border: none; box-shadow: 0 0 6px rgba(0,0,0,.2); box-sizing: border-box; }
.bs-table-box .fixed-table-toolbar .dropdown-menu { min-width: 75px; padding: 0; border-radius: 3px; border: none; box-shadow: 0 0 6px rgba(0,0,0,.2); box-sizing: border-box; }
.bs-table-box .dropdown-menu > .active > a,
.bs-table-box .dropdown-menu > .active > a:hover,
.bs-table-box .dropdown-menu > .active > a:focus,
.bs-table-box .dropdown-menu > li > a:hover,
.bs-table-box .dropdown-menu > li > a:focus,
.bs-table-box .dropdown-submenu:hover > a,
.bs-table-box .dropdown-submenu:focus > a { background-color: #f5f7fc !important; background-image: none; color: #555; }

/*数据表格---解决表格固定高度之后,表头不能调整大小的bug*/
.bs-table-box .JCLRgrips { /*position:initial;*/ }
.bs-table-box .JCLRgrip { top: 0px; }
.bs-table-box .fixed-table-container { overflow: hidden; box-sizing: border-box; }
.bs-table-box .fixed-table-header { margin-right: 0 !important; }

/*暂无数据*/
.bs-table-box .no-records-found td { text-align: center; opacity: 0.5; }

/*分销板块样式*/
.seting-tip-top { padding: 10px 15px; width: 100%; border-radius: 5px; border: 1px solid #eef1f9; box-sizing: border-box; }
.seting-tip-top .tip-title { font-size: 14px; color: #333; margin-bottom: 5px; }
.dist-tab-ul { position: relative; }
.dist-tab-ul .tab-action-btn { /*display: none;*/ background-color: transparent; position: absolute; right: 0; bottom: 0px; }
.dist-tab-ul .tab-action-btn > a { margin: 0 !important; background-color: transparent !important; color: #00A0E9 !important; }
.dist-tabs-content .action-top-div { position: relative; width: 100%; }
.dist-tabs-content .action-top-div .a-btn { position: absolute; right: 0px; top: -65px; }
.arrows-point-box { line-height: 14px; position: relative; top: 2px; }
.arrows-point-box .arr-lefrt { height: 1px; width: 80px; background-color: #939898; margin-top: 5.5px; }

@media (max-width:1024px) {
    .arrows-point-box .arr-lefrt { width: 40px; }
}

.arrows-point-box .arr-right { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 11px solid #939898; }

.dist-set-flow input { padding: 5px; text-align: center; }
.dist-set-flow .sign-title { font-size: 14px; font-weight: bold; }
.dist-set-flow .sign-title.big-t { font-size: 15px; line-height: 20px; height: 20px; }
.dist-set-flow .posi-title { position: relative; }
.dist-set-flow .posi-title .sign-title { position: absolute; top: -30px; width: 200px; text-align: left; }
.dist-view-img { width: 360px; height: 160px; }
.dist-share-title { line-height: 80px; height: 80px; font-size: 32px; font-weight: bold; }
.dist-share-text { width: 750px; height: 830px; line-height: 42px; font-size: 32px; padding: 0 10px; -webkit-transform: scale(0.296); -ms-transform: scale(0.296); transform: scale(0.296); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; word-break: break-all; overflow: hidden; box-sizing: border-box; }
.dist-action-view { min-width: 420px; }

@media (max-width:1024px) {
    .dist-action-view { min-width: initial; }
}

.top_tab_area.dist-tabs-box .tab_action { height: 40px; line-height: 40px; bottom: 4px; background-color: #f0f0f0; /*color:#fff;*/ }
.top_tab_area.dist-tabs-box ul { /*padding-left:10px;*/ }
.top_tab_area.dist-tabs-box li { padding-right: 0px; }
.top_tab_area.dist-tabs-box li > a { background-color: transparent; padding: 0px 15px; border: 1px solid #f0f0f0; border-bottom: none; border-radius: 3px; height: 36px; line-height: 36px; position: relative; bottom: 0; }
.dist-default-img { position: relative; }
.dist-default-img .po-img { position: absolute; width: 150px; height: auto; left: 0; bottom: 30px; z-index: 999; }
.info-input-table tr td:first-child { text-align: right; padding-right: 10px; box-sizing: border-box; word-break: keep-all; }
.info-input-table tr td { padding-bottom: 20px; }
.info-input-table tr .except-td { text-align: left !important; }
.info-input-table tr .except-td.title-td { padding-bottom: 0px !important; }
.info-input-table tr .except-td.img-td { padding-left: 115px !important; }
.info-input-table input,
.info-input-table textarea,
.info-input-table select { width: 340px; }
.info-input-table textarea { height: 80px; }
.info-input-table .dist-pay-code { width: 200px; height: auto; }
.info-input-table.dist-pay-table tr td:first-child { min-width: 118px; }
.acount-banrk-table { min-width: 500px; }
.acount-banrk-table tr td { margin: 0; padding: 13px 15px; }
.acount-banrk-table tr td:first-child { background-color: #f5f7fc; text-align: center; }
.acount-banrk-table tr td { border: 1px solid #eef1f9; }
.account-many-list { width: 75%; }
.account-many-list table { width: 100%; }
.account-many-list table tr td { width: 50%; text-align: center; padding-bottom: 10px; line-height: 30px; font-size: 14px; }
.my-dist-down { font-size: 12px; }
.my-dist-down .dropdown-toggle { border: 1px solid #ccc; border-radius: 3px; color: #EE483C; font-size: 12px; width: 100px; font-weight: 300; display: inline-block; box-sizing: border-box; text-align: center; }
.dropdown-menu > li > a { padding-left: 25px; padding-right: 5px; }
.dropdown-menu > li { position: relative; }
.my-dist-down .dropdown-menu > .active:before { content: '\e66a'; position: absolute; top: 50%; margin-top: -10px; left: 6px; color: #555; font-size: 14px; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; }
.my-dist-down .dropdown-menu > .active > a,
.my-dist-down .dropdown-menu > .active > a:hover,
.my-dist-down .dropdown-menu > .active > a:focus { background-color: #eef1f9; background-image: none; color: #555; }
.my-dist-down .dropdown-menu > li > a:hover,
.my-dist-down .dropdown-menu > li > a:focus,
.my-dist-down .dropdown-submenu:hover > a,
.my-dist-down .dropdown-submenu:focus > a { background-color: #eef1f9; background-image: none; color: #555; }
.my-dist-down .dropdown-menu { min-width: 100px; padding: 0; border-radius: 3px; border: none; box-shadow: 0 0 6px rgba(0,0,0,.2); box-sizing: border-box; }
.dist-maninfo-top { padding: 15px; box-sizing: border-box; height: 190px; }
.dist-maninfo-top .m-info-l { width: 150px; text-align: center; margin-right: 15px; height: 100%; }
.dist-maninfo-top .m-info-r { width: calc(100% - 165px); }
.dist-maninfo-top .m-info-r table { width: 100%; }
.dist-maninfo-top .m-info-r table tr td { line-height: 40px; width: 20%; }
.dist-maninfo-top .m-info-l img { text-align: center; width: 100px; height: 100px; border-radius: 50%; margin-top: 30px; }
.dist-maninfo-con table { width: 100%; }
.dist-maninfo-con table tr td { line-height: 50px; text-align: center; }
.dist-maninfo-con table tr:first-child td { background-color: #eef1f9; }
.dist-maninfo-con.has-b-border { border-bottom: 1px solid #eef1f9; }
.dist-oeder-viewboby { height: 600px; }

@media all and (min-height:900px) {
    .dist-oeder-viewboby { height: 650px; }
}

@media (max-height:800px){
    .dist-oeder-viewboby { height: 500px; }
    .model-pop-top{top:3%!important;}
    .wrap-content-body .iframe_div:not(.dist-oeder-viewboby),
    #divSelectCustomerWindow .iframe_div:not(.dist-oeder-viewboby),
    #divSelectProductWindow .iframe_div:not(.dist-oeder-viewboby),
    .c_containerdiv .iframe_div:not(.dist-oeder-viewboby) {height: 450px;min-height: 400px;max-height: none;overflow: hidden;}
    .iframe_div:not(.dist-oeder-viewboby) {min-height:200px;max-height:300px;overflow: hidden;}
}

.dist-iframe-boby .modal.fade.in { max-width: 90% !important; /*宽度不要优先级*/ left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; margin: 0 !important; }

.dist-iframe-boby .saveButtonArea { width: auto; right: 0; left: 0; }
.my-dist-viewer { position: fixed; top: 18%; left: 0; right: 0; margin: 0 auto; background-color: white; z-index: 1002; overflow: auto; /*display: none;*/ font-size: 14px; width: 560px; }
.my-dist-viewer .my-v-l { display: table-cell; max-width: 400px; vertical-align: middle; }
.my-dist-viewer .my-v-m { display: table-cell; }
.my-dist-viewer .my-v-r { display: table-cell; max-width: 150px; }


.my-dist-viewer .viewer_break { width: 10px; background-color: black; opacity: 0.1; }

.my-dist-viewer .viewer_tab { border: 1px solid #cccccc; border-radius: 3px; margin: 5px 10px; cursor: pointer; }

.my-dist-viewer .viewer_tab_select { border: 2px solid #555; }

.my-dist-viewer .viewer_btn { position: absolute; bottom: 10px; right: 25px; }

.my-dist-viewer .viewer_smaller { transform: scale(0.4) translate(-270px, -130px); -webkit-transform: scale(0.4) translate(-270px, -130px); /* for Chrome || Safari */ -moz-transform: scale(0.4) translate(-270px, -130px); /* for Firefox */ -ms-transform: scale(0.4) translate(-270px, -130px); /* for IE */ -o-transform: scale(0.4) translate(-270px, -130px); /* for Opera */ width: 300px; height: 180px; }
.my-dist-viewer .proceeds_view_area table tr td:first-child div { width: 115px; }
/*自定义开关样式*/
.my-switch-container { height: 28px; width: 70px; }

/*设置checkbox不显示*/
.my-switch-container .my-switch-input { display: none; }

/*设置label标签为椭圆状*/
.my-switch-container label { display: block; background-color: #e9ecf3; height: 100%; width: 100%; cursor: pointer; border-radius: 26px; position: relative; margin-bottom: 0px; }

/*在label标签内容之前添加如下样式，形成一个未选中状态*/
.my-switch-container label:before { content: ''; display: block; border-radius: 26px; height: 26px; width: 26px; background-color: #fff; opacity: 1; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.2s ease; position: relative; top: 1px; left: 1px; }

/*在label标签内容之后添加如下样式，形成一个选中状态*/
.my-switch-container label:after { position: absolute; top: 1px; right: 1px; content: ''; display: block; border-radius: 26px; height: 26px; width: 26px; background-color: #fff; opacity: 0; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.2s ease; }
/*选中后，选中样式显示*/
.my-switch-container .my-switch-input:checked ~ label:after { opacity: 1; }

/*选中后，未选中样式消失*/
.my-switch-container .my-switch-input:checked ~ label:before { opacity: 0; }

/*选中后label的背景色改变*/
.my-switch-container .my-switch-input:checked ~ label { background-color: #00A0E9; }

.my-switch-container.sm { width: 36px; height: 20px; }
.my-switch-container.sm label::before, .my-switch-container.sm label::after { width: 18px; height: 18px; }
.my-switch-container .tip-txt { position: absolute; top: 0; line-height: 20px; right: -20px; display: none; }
.my-switch-container .tip-txt.tipOFF { display: inline-block; }
.my-switch-container .my-switch-input:checked ~ .tipON { display: inline-block; }
.my-switch-container .my-switch-input:checked ~ .tipOFF { display: none; }

.left_menu_li .li-message-num{min-width: 18px;height: 18px;padding: 0;line-height: 18px;border-radius: 10px;font-size: 12px;text-align: center;background-color: #EE483C;color: #fff;display: inline-block;position: absolute;top: 25px;left: 75px;box-sizing: border-box;}
.supplier_menu{position:relative;}
.supplier_menu .li-message-num{min-width: 18px;height: 18px;padding: 0;line-height: 18px;border-radius: 10px;font-size: 12px;text-align: center;background-color: #EE483C;color: #fff;display: inline-block;position: absolute;top:5px;left: 75px;box-sizing: border-box;}
.distribution_menu{position:relative;}
.distribution_menu .li-message-num{min-width: 20px;height: 20px;padding: 0 4px;line-height: 20px;border-radius: 10px;font-size: 12px;text-align: center;background-color: #EE483C;color: #fff;display: inline-block;position: absolute;top:5px;left: 90px;box-sizing: border-box;}
.yingxiao_menu{position:relative;}
.yingxiao_menu .li-message-num{min-width: 20px;height: 20px;padding: 0 4px;line-height: 20px;border-radius: 10px;font-size: 12px;text-align: center;background-color: #EE483C;color: #fff;display: inline-block;position: absolute;top:5px;left: 70px;box-sizing: border-box;}

.upgrade-dis-pop{width: 600px!important;margin-right: -303px!important;}
.upgrade-dis-table{width: 100%;}
.upgrade-dis-table tr td:first-child{width:28%;}
.upgrade-dis-table tr td{line-height:25px;padding-bottom: 15px;}
/*开单*/
.u-kai-order{ position:fixed; top:120px; right:35px; z-index:999; width:90px; height:34px; line-height:34px;text-align:center; box-sizing:border-box;color:#fff;background-color:#ff6666;/*border:1px solid #F1F0F0;*/font-size:14px;
border-top-left-radius:17px; border-bottom-left-radius:17px; box-shadow:0px 3px 8px 0px rgba(0,0,0,0.2);  }
.u-kai-order.supply{top:inherit;right: 0;background-color: #00A0E9;}
.u-kai-order:hover,.u-kai-order:focus{color:#fff!important;}
.u-kai-order .iconfont{ margin-right:5px;font-size:16px;}
.selected-address{border: 1px solid #FF4A00;background-color: #FEEFEE;}
.more-Address{width:90px;cursor:pointer;}

/* 订制规格 */
.sure-spec-box .sure-spec-menu{width: 300px; min-height: 470px; background-color:#F8F9FB;}
.sure-spec-menu .m-title{width: 100%;height: 50px;line-height: 50px; padding:0 10px 0 20px; box-sizing: border-box;color: #333333;font-size: 16px;background-color: #ECEFF8;}
.sure-spec-menu .m-title .add-spec{width: 40px;display: inline-block; text-align: right;padding-right: 8px;color: #AAAAAA;}
.sure-spec-menu .no-menu{position: relative; width: 224px;height: 62px;margin: 37px auto 0 auto; background-color:#EEF3F5;padding:10px 30px;box-sizing: border-box; text-align: center;}
.sure-spec-menu .no-menu .tip-ico{position: absolute;font-size: 54px;right: 0px;top: -25px;color: #00A0E9;}
.spec-level-box,.spec-level-box li,.spec-level-box ul{margin: 0;position: relative;}
.spec-level-box li a{line-height: 50px;height: 50px; width: 100%; display: block;}
.spec-level-box li a .level-name{display: inline-block;width: 120px;display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.spec-level-box>li>a .level-name{padding-left:20px;box-sizing: border-box;font-size: 14px; font-weight: bold;}
.spec-level-box>li>ul>li>a .level-name{padding-left:30px;box-sizing: border-box;}
.spec-level-box .action-box .a-btn{ width:32px;height: 50px;line-height: 50px; text-align: right; margin-left: 5px;padding-right: 10px;box-sizing: border-box;color: #888;}
.spec-level-box .action-box .a-btn:not(.show-level){display: none;}
.spec-level-box>li>ul{background-color: #F5F5F6;display: none;}
.spec-level-box>li.up>ul{display: block;}
.spec-level-box>li>ul>li>a .action-box{padding-right:10px;box-sizing: border-box;}
.spec-level-box>li>ul>li.active{background-color: #eef3f5;}
.spec-level-box>li>ul>li.active .act-tip{display: block;}
.spec-level-box>li>ul>li .act-tip{display: none; width: 4px;height: 100%;background-color: #00A0E9;position: absolute;left: 0;top: 0;}

.sure-spec-box .spec-table{width:calc(100% - 300px); padding-left: 10px;box-sizing: border-box;}
.sure-spec-box .spec-table .img-ico img{width: 36px;height: 36px;}
.sure-spec-box .spec-table .action-th{width:400px;padding-right:20px;box-sizing: border-box;}
.sure-spec-box .spec-table .action-ico a:hover{text-decoration: none;}
.sure-spec-box .spec-table .action-th .iconfont{color: #888;}
.sure-spec-box .spec-table .action-th .th-btn{vertical-align: middle;}
.spec-search-box{vertical-align: middle;width: 310px;height: 34px;line-height: 34px;border: 1px solid #E8EAED;background-color: #fff;box-sizing: border-box; display: none;position: relative;}
.spec-search-box .s-input{width: 266px;height: 32px;border: none;margin: 0;box-sizing: border-box;padding-right: 34px;}
.spec-search-box .s-btn{width: 42px;height: 32px; line-height: 32px; text-align: center; border-left: 1px solid #E8EAED;background-color: #fff;box-sizing: border-box;}
.spec-search-box .hide-box{position: absolute;left:0;top: 0;z-index: 2; color: #888;}
.spec-search-box .del-ico{display: none; width: 30px;height: 32px;text-align: center;position: absolute;right: 44px;top: 0;z-index: 2;padding-top: 2px; box-sizing: border-box;}
/* 弹窗下的选择规格 */
.cuspec-pop-body .sure-spec-menu{width:200px;}
.cuspec-pop-body .spec-table{width:calc(100% - 200px);}
.cuspec-pop-body .spec-table .action-th{width:250px;}
.cuspec-pop-body .spec-search-box{width: 184px;}
.cuspec-pop-body .spec-search-box .s-input{width:140px; }
@media (max-width:1024px) {
    .wrap-content-body .window{width: 900px;left: 50%;margin: 0 0 0 -450px;}
    .window{width:800px;left: 50%;margin: 0 0 0 -400px;}

    .sure-spec-box .sure-spec-menu{width:200px;}
    .sure-spec-box .spec-table{width:calc(100% - 200px);}
    .sure-spec-box .spec-table .action-th{width:250px;}
    .sure-spec-box .spec-search-box{width: 184px;}
    .sure-spec-box .spec-search-box .s-input{width:140px; }
}


/* 商品详情规格 */
.pro-spec-popver{max-height:200px; overflow-y: auto; min-height: 120px;}
.pro-spec-popver .pro-po-item{cursor: pointer; display: inline-block;margin-right: 18px;border: 1px solid #E4E4E4; text-align: center; padding:4px 16px;box-sizing: border-box; margin-bottom: 10px;float: left;}
.o-pop-spec-box{padding-top:20px;box-sizing: border-box;border-bottom: 1px solid #EFEFEF;}
.o-pop-spec-box.no-b-boder {border-bottom:none; }
.o-pop-spec-box .s-item{position: relative;float: left;padding:8px 16px;border: 1px solid #E4E4E4;box-sizing: border-box; font-size: 14px;line-height: 14px; margin: 0 15px 20px 0;}
.o-pop-spec-box .s-item.active{border:1px solid #00A0E9;}
.modal-body .o-pop-spec-box:last-child{border-bottom: none;}
.o-pop-spec-box .more-a{padding:8px 0px;box-sizing: border-box; font-size: 14px;line-height: 14px; margin: 0 0px 20px 0;color: #0091FF;}
.look-spec-box .spec-item{margin-bottom: 10px;}
.look-spec-box .spec-item .iconfont{color: #B6291F;}

/* 新增商品规格 */
.border-close-item{background-color: #fff; padding:0 16px;height: 30px;line-height: 30px; box-sizing:border-box;border: 1px solid #E4E4E4;position: relative; float: left;margin-right: 10px;margin-top: 5px;}
.border-close-item .iconfont{position: absolute;top: -10px;right: -12px;color: #AAAAAA;font-size: 28px;z-index: 1;}
.border-close-item .iconfont:hover{text-decoration: none;}
.pop-spec-all .border-close-item{margin: 0 16px 10px 0px;}
.promoreH{max-height: 80px; overflow: hidden;}
.c-spec-pop{margin-bottom: 35px;margin-top: 20px;}
.c-spec-pop .c-spec-l,.c-spec-pop .c-spec-l img{width: 80px; height: 80px; border-radius: 2px;}
.c-spec-pop .c-spec-r{padding-left:30px;box-sizing: border-box;}

/* 一体机终端设置 */


.aio-item-l{width:544px; }
.aio-item-r{padding-left: 30px;box-sizing: border-box;}
.aio-all{position: relative;background-color: #f3f3f3;box-sizing: border-box; height:354px;}
.aio-bg-box{box-sizing: border-box; width:544px; height:354px; background-color: #f3f3f3; position: absolute;left: 0; right: 0; z-index: 1;}
.aio-bg-box img{width: 100%; height: 100%;}

.aio-concent .img-top{width: 238px; height: 48px; margin-bottom: 20px;position: absolute;top: 20px;left: 20px; z-index:2 ;}
.aio-concent .img-top img{width:100%; height: 100%;}

.aio-temp-box{width:504px;height:246px;position: absolute;top: 88px;left: 20px; z-index:2 ;}
.aio-temp-box .aio-tem-item{width: calc(25% - 3px);height: 100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;margin: 0px 1px;} 
.aio-temp-box .aio-tem-item img{margin: 1px 1px;}
.aio-temp-box .aio-tem-item img:hover,
.aio-concent .img-top img:hover,
.aio-bg-box img:hover{border: 1px dashed #00A0E9;box-sizing: border-box;}
.aio-temp-box .upload-img01{width: 100%; height: 100%;}
.aio-temp-box .upload-img02{height: 66.5%; width: 100%;} 
.aio-temp-box .upload-img03{height: 33.5%; width: 100%;}    
.aio-temp-box .upload-img04{width:calc((100% - 4px) / 2); height:calc(100% - 2px);}
.aio-temp-box .upload-img05{width: 100%; height:calc((100% - 6px) / 3);}

.aio-select-btn{margin-top: 20px;display: flex; justify-content: center;}
.aio-select-btn .home-btn{float: left; display: inline-block; margin-right:20px;border-radius: 20px;border: 1px solid #ccc;padding: 5px 12px;min-width:60px; text-align: center;}
.aio-select-btn .item-btn{margin-right:20px;position: relative;float: left; }
.aio-select-btn .item-btn input{padding-left: 10px;padding-right: 10px; border-radius: 20px;border: 1px solid #ccc; width: 80px; height: 30px;box-sizing: border-box;text-align: center; }
.aio-select-btn .item-btn .close-ico{position: absolute;right: -6px;top: -13px;width: 20px;height: 20px;background-color: #888; border-radius: 50%;line-height: 20px;text-align: center;padding-right:1px;box-sizing: border-box;color:#fff;}
.aio-select-btn .add-btn{float: left;border-radius: 20px;border: 1px solid #ccc; width:50px;height: 30px;line-height: 30px; box-sizing: border-box;text-align: center; display: inline-block;}
.aio-select-btn .add-btn .iconfont{font-size: 20px;} 
.aio-select-btn .home-btn.active,
.aio-select-btn .item-btn.active input{color:#fff;background-color:#00A0E9;border: 1px solid #00A0E9;}

.choose-img-layout-box.aio-tem-style .choose-img-layout .icon{width: 165px;height: 108px;}
.choose-img-layout-box.aio-tem-style .choose-img-layout.aio-tem-01 .icon{background-position: -8px -681px;}
.choose-img-layout-box.aio-tem-style .choose-img-layout.aio-tem-02 .icon{background-position: -184px -681px;}
.choose-img-layout-box.aio-tem-style .choose-img-layout.aio-tem-03 .icon{background-position: -362px -681px;}

@media(min-width:1800px) {
    .aio-all{height:436px!important;}
    .aio-temp-box{width:672px!important; height:328px!important;}
    .aio-item-l{width:712px!important; }
    .aio-bg-box{width:712px!important;height:436px!important }
   
}
@media(max-width:1400px) {
    .aio-item-ov{min-width: 1200px; }
    .aio-item-concent { -webkit-overflow-scrolling: touch; margin: 0px; width: 100%; overflow-x: auto; white-space: nowrap; overflow-y: hidden; padding-bottom: 17px; }     
}

/* 加载动画 */
/* .my-nprogress{pointer-events: none;} */
.my-nprogress .bar{background:#409eff;position:fixed;z-index:2001;top:0;left:0;width:100%;height:2px;display: none;}
.my-nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #409eff,0 0 5px #409eff;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}
.my-nprogress .spinner{top: 0;bottom: 0;width:100%;text-align:center;position:absolute;z-index: 2000; background-color:hsla(0,0%,100%,.6);display: flex; }
.nprogress-custom-parent {overflow: hidden;position: relative;}
.nprogress-custom-parent .my-nprogress .spinner {position: absolute;}
/* 加载图片 */
.my-nprogress .load-img{width:52px;height:52px;margin: auto;position: fixed;left: 0; right: 0;top: 0;bottom: 0;}
/* element加载动画 */
.my-nprogress .circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite;margin: auto;position: fixed;left: 0; right: 0;top: 0;bottom: 0;}
.my-nprogress .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409eff;stroke-linecap:round}
@keyframes loading-rotate{to{transform:rotate(360deg)}
}
@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dashoffset:-40px}
50%,to{stroke-dasharray:90,150}
to{stroke-dashoffset:-90pt}
}
/* css动画加载 */
.my-nprogress .spinner-icon{margin:auto;position:fixed;left:0;right:0;top:0;bottom:0;width:40px;height:40px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#409eff;border-left-color:#409eff;border-radius:50%;-webkit-animation:nprogress-spinner .5s linear infinite;animation:nprogress-spinner .5s linear infinite}
.nprogress-custom-parent .my-nprogress .spinner{position:absolute}
@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes nprogress-spinner{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
#goRegister{display:none;}
.dl-productPermissionList-select{background-color: #F1F1F1;}
.show_info {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.show_info_all{margin-top: -50px;padding: 5px;line-height: 20px;height: 150px;overflow: auto;background: rgb(255, 255, 255);border: 1px solid rgb(204, 204, 204);position: absolute;width: 150px;display: none;}

.activeState{width:100%;height:30px;line-height:30px;text-align:center;position:absolute;bottom:0px;background:rgba(207, 25, 29, 0.8);color:#fff;}
.activeState span{margin-right: 7px;}

.tipsInstructions{padding:12px !important;background-color:rgba(255, 171, 178, 0.2) !important;color:#EE483C;}

/*预售秒杀列表排序*/
.sort-input{text-align: center;}
.sort-input input{display: inline-block;width: auto;text-align: center;font-size: 14px;color: #666;cursor: pointer;margin: 0;padding: 0}

/*安全库存*/
.change_stock{height: 55vh; padding:0 10px;}
.change_stock  .tab_area{margin: 0;border-bottom:1px solid #EFF1F9;padding: 10px 0;}
.change_stock  .tab_area li{padding: 10px 15px;}
.change_stock  .window_table_stock{width: 100%;margin-top: 39px;text-align: left;}
.change_stock .modal-footer{position: absolute;bottom: 0;box-sizing: border-box;left: 0;width: 100%;}
.change_stock .modal-footer input{margin-left: 6px}
.change_stock .erro-tip{margin: 20px 0;color: #D02502;}
.change_stock .gray_text{color: #999}
.change_stock .input{line-height: 50px}
.change_stock .input input{width: 80%}
.imagesearch_num{min-width: 20px;height: 20px;padding: 0 4px;line-height: 20px;border-radius: 10px;font-size: 12px;text-align: center;background-color: #EE483C;color: #fff;display: inline-block;position: absolute;top: -6px;left: 65px;box-sizing: border-box;}

/*识别主体*/
.home-bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.5);z-index: 1111}
.scan-img-in{position: fixed;height: 63%;top: 18.5%;left: 0;z-index: 1111;width: 100%;text-align: center;}
.scan-img-in .img-border{border: 1px solid #fff;position: relative;display: inline-block;width: auto;height: 100%;}
.scan-img-in .img-border .off-btn{position: absolute;top: -32px;right: -32px;background: rgba(0,0,0,.3);color:#fff;cursor: pointer;width: 32px;height: 32px;text-align: center;line-height: 32px;border-radius: 50%;z-index: 1112}
.img-animation-parent{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;  display: none;}
.img-animation {position: absolute;top: 0;left: 0;z-index: 1111;width: 100%;animation: rotatefresh 3s infinite linear;}
@keyframes rotatefresh {
    from {top: 0}
    to {top:87%;}
}
.scan-img-in .img-border .off-btn:hover{background: rgba(0,0,0,.5);}
.scan-img-in img{width: auto;height: 100%}
.select-rect{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;transition: all 0.4s;box-shadow: rgba(0,0,0,.4) 0px 0px 0px 2005px;}
.select-rect .iconfont{position: absolute;width: auto;height:auto;line-height: 1;font-size: 30px;color: #fff;}
.select-rect .top-left{top: -2px;left: -2px;}
.select-rect .top-right{top: -2px;right: -2px;}
.select-rect .bottom-left{bottom: -2px;left: -2px;}
.select-rect .bottom-right{bottom: -2px;right: -2px;}

/*借卖中心*/
.borrow_sell_banner{
    position: relative;
}
.borrow_sell_btn{
    position: absolute;
    bottom: 20px;
    right: 20px;
  
   

}
.input_table_change{border-top:7px solid #EFF1F9;margin-top:30px;}
.borrow_sell{
    display: block;
    position: relative;
    color: #fff;
      height: 30px;
    line-height: 30px;
    width: 100px;
    text-align: center;
     background: rgba(0,0,0,0.6);
}
.borrow_sell:hover{
    background: rgba(0,0,0,1);
    color: #fff;
}
.borrow_sell input{
    font-size: 0;
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
    line-height: 20px;
    height: 20px;
}

.borrow_sell_title{padding: 22px 0 22px 30px;font-size: 16px;color: #555;font-weight: bold;position: relative;border-bottom: 1px solid #EFF1F9;}
.borrow_sell_title .iconfont{
    color: #00A0E9;
    font-weight: normal;
  
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 1;
    margin-top: -12px;
}

.borrow_sell_content .input_table tr td:first-child{width: 86px;color: #555;}
.borrow_sell_content .input_table{width: 1200px;}
.select-certificates-lis{display: block;overflow: hidden;}
.select-certificates-img,.select-certificates-input{position: relative;   width: 180px;float: left;  height: 240px;margin-right: 20px}
.select-certificates-img .file{
    font-size: 0;
    width: 180px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    padding: 0;
    z-index: 10;
    margin: 0;
    line-height: 240px;
    height: 240px;
}
.select-certificates-img .btn_off{  
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 10;
}
.select-certificates-img .img{width: 180px ;height: 240px;position: relative;}
.select-certificates-img .webuploader-container div{height: 36px!important;padding:0!important;}
.select-certificates-input .img{width: 140px;height: 186px;line-height: 186px;border: 1px solid #ECEAEB;overflow: hidden;}
.select-certificates-input .input{width: 140px;height: 38px;margin-top: 18px;}
.select-certificates-input .input input{width: 100%;height: 36px}
.select-certificates-img .img img{width: 100%;height: 100%}
.select-certificates-input .img img{width: 100%;height: auto}
.select-certificates-img .upload_btn{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 36px;color: #fff;background: rgba(0,0,0,.5);text-align: center;font-size: 14px }
.select-certificates-input{width: 140px;}

.manufactor-set-name,.custom-properties{
    display: flex;
    align-items: center;
    color: #555555;
    margin-bottom:20px;
}
.manufactor-set-name input{
    width: 271px!important;
}
.manufactor-set-name .name,.custom-properties .name{
    white-space: nowrap;
    width: 60px;
    text-align: right;
    margin-right:20px
}
.manufactor-set-name .red{color: #CF191D}
.manufactor-set-name .manufactor-tip {color: #888888;margin-left: 20px}

.custom-properties  .add-properties{color: #00A0E9;font-size: 14px;}

.borrow_shop_list{
    overflow: hidden;
    padding-top: 10px;
}
.borrow_shop_list .borrow_shop_list_item{
    width: 180px;
    height: 276px;
     position: relative;
     border: 1px solid #EDEDED;
     margin:0 20px 20px 0;
     float: left;
     padding: 8px;
     box-sizing: border-box;
}
.borrow_shop_list .borrow_shop_list_item .img{
    width: 164px;
    height: 164px;
    line-height: 164px;
    overflow: hidden;
}
.borrow_shop_list .borrow_shop_list_item .btn_off{position: absolute;top: -5px;right: -5px;z-index: 10;font-size: 20px}
.borrow_shop_list .borrow_shop_list_item .img img{width: 100%;height: auto;}
.borrow_shop_list .borrow_shop_list_item .model{color: #555555;font-size: 12px;margin-top:8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.borrow_shop_list .borrow_shop_list_item .name{color: #555555;font-size: 14px;width: 100%;
    margin-bottom: 7px;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;}
.borrow_shop_list .borrow_shop_list_item .price{color: #CF191D;font-size: 14px}
.borrow_shop_list .borrow_shop_list_item .price span{color: #999999;font-size: 12px}
.borrow_shop_list .borrow_shop_list_item.add-shop{
    background: #FAFAFA;
    width: 180px;
    padding: 0;
    cursor: pointer;
    height: 276px;
    flex-direction:column ;
    display: flex;
    align-items: center;justify-content: center;
    font-size: 14px;
    color: #999999
}
.borrow_shop_list .add-shop img{width: 43px;height:  auto;margin-bottom: 10px}
.error_tip{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6);color:#fff;top:0;left:0;font-size:12px;}
.manufactor-set-flex-none{display: block;}
.manufactor-set-flex-none>div{margin-bottom: 20px;}
.manufactor-set-flex-none .delCustomData{margin-left:20px;color:#CF191D}
.borrow_sell_content .input_table{width:100%}
.warranty-period{display: flex; align-items: center;}
.warranty-period .checkNum{width:60px;text-align: center; margin: 0 10px;}
.warranty-period .btn{border:1px solid #e8e8e8;color: #333;background: #fff;}
.warranty-period .btn.action{border:1px solid #00A0E9;color: #00A0E9;}
.source_price_change{width: 60px;text-align: center;line-height: 30px;float: right;position: relative;}
.source_price_change .page{position: absolute;top:-5px;right:-5px;background: #EE483C;color: #fff;font-size: 10px;width: 26px;height: 18px;text-align: center;line-height: 18px;border-radius: 18px;}
/*全屋套餐*/
.whole_house_update .default_title{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.whole_house_update .default_title .right_btn{
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 14px;
    line-height: 30px;
    margin-top: -15px;
   
    display: flex;
align-items: center;
}
/*.whole_house_update .default_title .right_btn a{
     color: #389090;
     display: flex;
align-items: center;
}*/
.whole_house_update .default_title .right_btn .select_goods{
     color: #fff;
      background: #00A0E9;
      padding: 0 10px;
      margin-left:10px;
}
.whole_house_update .default_title  i{font-size: 13px;margin-left:6px}
.whole_house_update .box_open{text-align: center;color: #888;font-size: 14px;padding:12px;   display: flex;
align-items: center;justify-content: center;}
.whole_house_update .box_open i{font-size: 12px;margin-top: 0;line-height: 1}
.whole_house_update .selected_box{min-width: 20px;}
.whole_house_update .selected_box input{margin: 0}
.whole_house_update  .border_bottom10{border-bottom: 10px solid #EFF1F9}

.whole_house_update .input_default{
    padding:10px 0 10px 100px;
    position: relative;
} 
.whole_house_update .input_default .name{
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 14px;
    line-height: 1;
    margin-top: -7px;
}
.whole_house_update .input_default  .select_img{
        padding-bottom: 30px;
}
.whole_house_update .input_default  .select_img  img{width: 100%;height: 100%}
.whole_house_update .input_default  .select_img .img{
    width: 189px;
    height: 106px;
 display: inline-block;
 margin-right:20px;

    position: relative;
}
.whole_house_update .input_default  .select_img .off_btn{position: absolute;
top: -10px;right: -10px;font-size: 20px}
.whole_house_update .designer_information{
    overflow: hidden;
    padding-bottom: 30px
}
.whole_house_update .designer_information .left_model{
    width: 100px;
    float: left;
    margin-right: 20px;
}
.whole_house_update .designer_information .right_model{
    width: calc(100% - 120px);
    float: left
}
.whole_house_update .designer_information .user_input input{width: 100%;padding-left: 5px;}
.whole_house_update .designer_information .right_model textarea{height: 140px;width: 100%}
.single_product_area .add_item_parent{
    line-height: 36px;
    color: #999999;
     font-size: 14px;
}
.single_product_area .add_item{
    display: inline-block;
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
        background: #00A0E9;
        color: #fff;
        font-size: 14px;
        border-radius: 4px;
}

.single_product_area_model {
    margin-top: 10px;
    position: relative;
    padding: 10px 10px 10px 200px;
}

    .single_product_area_model .user_input {
        position: absolute;
        top: 10px;
        left: 0;
        padding-left: 55px;
        width: 200px;
        background: #ECEFF8;
        line-height: 60px;
    }

        .single_product_area_model .user_input input {
            width: 100px;
            padding-left: 5px;
        }

    .single_product_area_model .single_item {
        position: relative;
        margin-bottom: 20px;
        padding-left: 90px;
    }

    .single_product_area_model .single_item_title {
        background: #ECEFF8;
        padding-left: 90px;
        height: 60px;
        line-height: 60px;
        box-sizing: border-box;
    }

        .single_product_area_model .single_item_title .name {
            left: 14px;
            top: 50%;
            font-size: 14px;
            line-height: 1;
            margin-top: -7px;
        }

        .single_product_area_model .single_item_title .add_btn {
            display: inline-block;
            background: #00A0E9;
            color: #fff;
            line-height: 32px;
            height: 32px;
            width: 120px;
            text-align: center;
            border-radius: 2px;
            position: relative;
            top: 2px;
        }

        .single_product_area_model .single_item_title .tip {
            font-size: 12px;
            color: #999999;
            margin-left: 8px;
            width: auto !important;
        }

    .single_product_area_model .single_item.border_bottom {
        border-bottom: 1px solid #e8e8e8;
    }

.single_product_area_in .name{
      position: absolute;
    top: 4px;
    left: 14px;
    font-size: 14px;

}
.single_product_area_model .single_item .btn{
    border: 1px solid #E8E8E8;
    color: #333;
    font-size: 14px;
    background: #fff;
    padding:0;
    line-height: 30px;
    margin-right:20px;
    min-width: 122px;
    display: inline-block;
}
.single_product_area_model .single_item .btn.action{
      border: 1px solid #00A0E9;
      color:#00A0E9;
      position:relative;
  }
  .single_product_area_model .single_item .btn:hover{
     border: 1px solid #00A0E9;
      color:#00A0E9;
  }
  .single_product_area_model .single_item .btn.action:after{
    content: "\e6ae";
    font-family:"iconfont";
    position: absolute;
    bottom: -1px;
    line-height: 1;
    right: -1px;
    color:#00A0E9;

  }
   .single_product_area_model .display_item{display: flex;align-items: center; margin-bottom:20px;}
    .single_product_area_model .display_item>div{
        margin-right: 8px;
        white-space: nowrap;
        font-size: 14px;
       
    }
     .single_product_area_model .display_item input{
        width: 186px;
        text-align: center;
     }
     .single_product_area_model .display_item .add_btn{
        color: #00A0E9;
        border: 1px solid #00A0E9;
        width: 117px;
        text-align: center;
        line-height: 30px;
        border-radius: 4px;
     }
      .single_product_area_model .display_item .tip{font-size: 12px;color: #999999; margin-left: 8px; width: auto!important;}

    /*订货端全屋套餐*/
    .whole_content{
        width: 1380px;
        margin:0 auto;
     
        font-size: 16px;
        color: #333;
        background: #fff;
   
    }
     .whole_content .whole_title{
           text-align: center;
        position: relative;
             padding:30px 0 16px 0;
     }
      .whole_content .whole_title:after{
        position: absolute;
        content: "";
        width: 47px;
        height: 3px;
        background: #666;
        bottom: 0;
        left: 50%;
        margin-left:-23px;
     }
    .whole_content .whole_title .title{
        margin-bottom: 16px;
        font-size: 24px;
        font-weight: bold;
    }
    .whole_tabs{
        margin-top:30px;
        margin-bottom: 30px;
        padding: 0 30px 0 141px;
        position: relative;
    }
    .whole_tabs .tab_name{
        position: absolute;
        top: 50%;
        line-height: 30px;
        margin-top: -15px;
        left: 30px;
        width: 111px;
        display: flex;
        font-weight: bold;
        align-items: center;
    }
     .whole_tabs .tab_name i{margin-right: 4px;font-weight: normal;}
     .label_model_scroll{
        
             overflow: hidden;
        white-space: nowrap;
      
     }
     .whole_tabs .label_model{
       padding:0 30px;
         position: relative;
       
     }
       .whole_tabs .label_model a{
        line-height: 30px;
        display:inline-block;
        min-width: 60px;
        padding: 0 8px; 
        text-align: center;
        margin-right: 10px;
       }
        .whole_tabs .label_model a:hover{
            color: #EE483C
        }
        .whole_tabs .label_model a.action{
            background: #EE483C;
            color: #fff;
        }
        .whole_tabs .label_model button{
            position: absolute;
            top: 50%;
            font-size: 16px;
            line-height: 30px;
            width: 30px;
            margin-top:-15px;
            text-align: center;
            background: #fff;
        }
         .whole_tabs .label_model .left_btn{
                left: 0;
         }
         .whole_tabs .label_model .right_btn{
            right: 0
         }
         .whole_list{
            overflow: hidden;
            padding:0 10px;
            box-sizing: border-box;
         }
         .whole_list .item{
            float: left;
            padding:10px;
            width: 50%;
              box-sizing: border-box;
         }
          .whole_list .item .item_in {
            border: 1px solid #EFEFEF;
            cursor: pointer;
          }
         .whole_list .item .item_in .img{
           height: 360px;
           line-height: 360px;
            position: relative;
            overflow: hidden;
         }
          .whole_list .item .item_in .img img{width: 100%}
         .whole_list .item .item_in .img .state_name{
            display: inline-block;
            bottom: 12px;
            line-height: 24px;
            padding:0 6px ;
            left: 24px;
            background: #EB510F;
            z-index: 111;
            color: #fff;
            font-size: 12px;
            position: absolute;
         }
         .whole_list .item .item_in .info{
            padding:20px 100px 20px 20px;
            position: relative;
         }
         .whole_list .item .item_in .title{
           font-size: 16px;
           color: #333;
            font-weight: bold;
            margin-bottom: 10px;
         }
         .whole_list .item .item_in .sub{
           font-size: 14px;
           color: #666;
         }
          .whole_list .item .item_in .user_img{
            width: 100px;
            position: absolute;
            top: 20px;
            right: 0;
            text-align: center;
            font-size: 14px;
            color: #333
          }
          .whole_list .item .item_in .user_img img{
                width: 28px;
                height: 28px;
                border-radius: 50%;
          }

          .whole_banner_default{
            position: relative;
            padding-top: 10px;
            padding-left: 30px;
            padding-right: 290px;
          }
          .whole_banner_default .carousel-inner{
            width: 1060px;
            height: 588px;
          }
           .whole_banner_default .carousel-inner img{
             width: 1060px;
            height: 588px;
           }
          .whole_banner_default .footer_bottom_cur{
            position: absolute;
            width: 290px;
            top:10px;
            right: 0;
          }
            .whole_banner_default .footer_bottom_cur  .carousel-indicators{
        width: 100%;
        position: static!important;
        margin: 0!important;
     
    }
          .whole_banner_default .footer_bottom_cur  .carousel-indicators li{
            width: 230px;
            margin: 0 auto 21px;
            height: 128px;
            float: initial;
              border:2px solid #fff;
            border-radius: 0;
          }
            .whole_banner_default .footer_bottom_cur  .carousel-indicators li.active{
                border:2px solid #EE483C;
            }
.whole_banner_default .footer_bottom_cur  .carousel-indicators li img{width: 100%;display: block; height: 128px;}
.houseinfo_content{
    padding:10px 30px;
    margin-bottom: 50px;
}
.designer_model {
    padding:30px 30px 30px 165px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #E6E6E6;
    min-height: 182px;
}
.designer_model .state_name{
    position: absolute;
    top: -9px;
    left:42px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    background: #fff;
    font-size: 13px;
    z-index: 111;
    width: 70px;
    color: #ccc;
}
.designer_model .state_name:after{
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 50%;
    background: #E6E6E6;
    margin-top:-2px;

}
.designer_model .state_name:before{
    content: "";
    width: 4px;
      border-radius: 50%;
    height: 4px;
    position: absolute;
    top: 50%;
    right: 0;
    background: #E6E6E6;
    margin-top:-2px;

}
.designer_model .user_img{
    position: absolute;
    top: 26px;
    left: 0;
    width: 165px;
    text-align: center;
    font-size: 20px;
    color: #333
}
.designer_model .user_img .img{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;line-height: 80px;margin:0 auto 20px;position: relative;}
.designer_model .user_img .img img{width: 100%;position: relative;z-index: 11}
.designer_model .user_img .img::after {
    content: "";
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: #ECDCC0;
    box-shadow: 0 8px 12px rgba(159,157,59,.3);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.designer_model  .title{
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-right:117px;
    position: relative;
}
.designer_model .vr_model{
    position: absolute;
    width: 117px;
    top: 0;
    right: 0;
    height: 36px;
  
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #EE483C;
    border:1px solid #EE483C;
}
.designer_model .vr_model i{
    font-size: 24px;margin-right: 14px
}
.designer_model  .title_tip{
    color: #333;
    font-size: 14px;
 line-height: 30px;
}

.package_model .title{
    display: flex;
    align-items: center;
    padding: 19px 0;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
}
.package_model .title img,.package_model .title i{
   width: 22px;
   height: 22px;
   font-size: 22px;
   background:none;
   margin-right:5px;
   line-height: 22px;
   display: inline-block;
    font-weight: normal;
}
.package_model .title .select_name{
        display: inline-block;
        background: #EE483C;
        color: #fff;
        margin-left:10px;
          font-weight: normal;
          font-size:14px;
        border-radius: 30px;
        padding: 0 10px;
}
.package_model .title  p{font-weight: normal;margin-left: 20px;font-size: 14px;margin-right: 20px;}
.package_model .title  p.red{color: #EE483C}
.package_model .title  del{
    font-weight: normal;
}
.package_model .title_in{
    border-bottom: none;
}
.package_model .title_in  .ant-radio{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    margin-right:0px !important;
}
.package_model {
    overflow: hidden;
}

.package_model .package_model_in{
    width: 50%;
    float: left;
    position: relative;
}
 .package_model .goods{
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.package_model   .package_model_in .btn_banner{
      position: absolute;
            top: 50%;
            font-size: 16px;
            line-height: 30px;
            height: 30px;
            width: 30px;
            margin-top:-15px;
            text-align: center;
            border-radius: 50%;
            color: #fff;
            font-weight: bold;
            background: rgba(0,0,0,.5);
           
            z-index: 111;
}
 .package_model   .package_model_in .left_btn{
        left: 10px;
 }
 .package_model   .package_model_in .right_btn{
    right: 20px
 }
.package_model  .goods_item{
    padding: 10px 10px 10px 0;
    width: 50%;
    box-sizing: border-box;
    /*float: left;*/
    height: 452px;
    display: inline-block;
}
.package_model  .goods_item.goods_item100{width: 100%;height: auto;}
.package_model  .goods_item .goods_item_in{
    border: 1px solid #F1F1F1;
    padding: 10px;
    display:block;
}

.package_model   .goods_item100 .goods_item_in{
  padding: 20px;
}
.package_model  .goods_item.goods_item100 .img{
    position: relative;
    width: 610px;
    height: 610px;
}
.package_model   .goods_item .img{
    position: relative;
    width: 295px;
    margin-bottom: 10px;
    height: 295px;
}

.package_model  .goods_item_in .img .state{
    position: absolute;width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 26px;
    text-align: center;
    line-height: 295px;
    background: rgba(0,0,0,.5);
    color: #fff;
}
.package_model  .goods_item100 .img .state{
    line-height: 610px;
}
.package_model   .goods_item_in .model{
    font-size: 12px;
    color: #888;
      white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
 
}
.package_model  .goods_item_in .name{
    font-size: 14px;
    color: #333;
    font-weight: bold;
       margin:10px 0 ; 
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
}
.package_model  .goods_item_in .number{
     font-size: 12px;
    color: #888;
    margin-top: 5px;
}
.package_model  .goods_item_in .number span{
    float: right
}
.package_model  .goods_item_in .number .price{
    float: inherit;
    color: #EE483C;
    font-size: 16px;
    font-weight: bold;
}
/*丰富区*/
.package_model  .goods_item_footer  {
    padding: 10px 8px;
        width: 20%;
    float: left;
}
.package_model   .goods_item_footer .goods_item_in  {
    width: 248px;
    height: 360px;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
}
.package_model   .goods_item_footer .img{
    position: relative;
    width: 228px;
    height: 228px;
}
.package_model  .goods_item .goods_item_in  .ant-checkbox{
    position: absolute;
    top: 5px;
    right: 0

}
.package_model .goods_item_footer .goods_item_in .img .state{
        width: 228px;
    height: 228px;
    line-height: 228px;
    font-size: 22px;
}


.houseinfo_submit_footer{
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 1380px;
    margin-left:-690px;
    height: 50px;
    background: #F3F3F3;
    line-height: 50px;
    font-size: 14px;
    color: #333333
}
.houseinfo_submit_footer .total{display: inline-block;margin-left:30px;  color: #333333}
.houseinfo_submit_footer .total span{
    font-size: 16px;
    font-weight: bold;
}
.houseinfo_submit_footer .discount span{
    color: #EE483C
}
.houseinfo_submit_footer .submit_price{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 50px;
    width: 380px;
    display: flex;
    align-items: center;
}
.houseinfo_submit_footer .submit_price span{color: #EE483C;font-weight: bold;}
.houseinfo_submit_footer .submit_price .submit_btn{
    width: 180px;
    display: inline-block;
    background: #EE483C;
    text-align: center;
    color: #fff;
}
.houseinfo_submit_footer .submit_price .houseinfo_price{
    width: 200px;
}
#searchProduct .tab_banner{width: 100%}
#searchProduct .tab_header {
    position: relative;
    border-bottom: 1px solid #EFF1F9;
}
#searchProduct .tab_header .close{
       line-height: 50px;
    float: inherit;
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    text-align: center;
    height: 50px;
    color: #909399;
    font-size: 26px;
    margin-top: -25px;
}
#searchProduct .tab{
    display: flex;
    align-items: center;
    position: static;
    padding: 0 15px;
}
#searchProduct .tab .tab-in{
    padding: 15px 10px;
    margin-right: 30px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
}
#searchProduct .tab .tab-in.active{
    color: #F10D20;
}
#searchProduct .tab .tab-in.active:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    margin-left:-20px;
    height: 3px;
    background: #F10D20
}
.searchProduct_height .modal-body{height: 320px;}
#searchProduct .carousel-inner .item{padding:30px;box-sizing: border-box;}
#searchProduct .carousel-inner .addrss_list{
    padding-left:80px;
    position: relative;
    font-size: 14px;
    color: #333;
    overflow-y:auto;
}
#searchProduct .addrss_list .address_title{
    position: absolute;
    top: 7px;
    left: 0
}

#searchProduct  .addrss_list_in {
    overflow:hidden
}
#searchProduct  .addrss_list_in  .address_item{
    display: flex;
    align-items: center;
    margin-bottom:20px;
}
#searchProduct  .addrss_list_in  .address_item.action .name{
    color: #EE483C;
     border:1px solid #EE483C; 
}
#searchProduct  .addrss_list_in .name{
    border:1px solid #CCCCCC; 
    padding:6px 30px;
    cursor: pointer;
    white-space: nowrap;
}
#searchProduct  .addrss_list_in .phone{
    margin-left: 27px;
    white-space: nowrap;
}
 #searchProduct  .addrss_list_in .address{
        white-space: normal;
 }
 #searchProduct  .addrss_list_in  .default{
    color: #F10D20;
    white-space: nowrap;
 }
 /*商机中心*/
 .business-list .business-item{position:relative;padding:0 80px 0 10px;font-size:14px;margin:0 10px;color:#555;}
 .business-item .business-logo{position:absolute;top:0;left:0;width:166px;height:64px;line-height:60px;text-align:center;border:1px solid#ECEAEB;overflow:hidden;}
 .business-item .business-logo img{width:auto;height:100%;font-size:0;display:initial;line-height:1;}
 .business-item .title{font-weight:bold;font-size:25px;display:flex;padding-top:6px;margin-bottom:20px;align-items:center;}
 .business-item .modelnum{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
 .business-item .title .phone{font-weight:normal;font-size:14px;}
 .business-item .title .iconfont{margin-right:12px;margin-left:30px;font-weight:normal;font-size:20px;color:#999;}
 .business-item .business-icon-right{position:absolute;top:50%;right:0;margin-top:-15px;line-height:30px;display:flex;cursor:pointer;align-items:center;}
 .business-item .business-icon-right .iconfont{font-size:14px;}
 .business-goods-list{padding:32px 0;overflow:hidden;width:100%}
 .business-goods-list .business-goods-item{padding:0 10px;width:14%;float:left;margin-bottom:20px;box-sizing:border-box;}
 .business-goods-list .business-goods-item .item-in{font-size:11px;padding:10px;border:1px solid#EDEDED;}
 .business-goods-list .business-goods-item .modelnum{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
 .business-goods-list .business-goods-item .img{width:100%;height:206px;line-height:206px;margin-bottom:14px;}
 .business-goods-list .business-goods-item .title{font-size:15px;height:40px;line-height:20px;white-space:normal;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;}
 .business-time{background:#ECEFF8;font-size:14px;margin:0 10px 24px 10px;padding:13px;color:#555;} 
 .business-time span{font-weight:bold;}

 .vricon_btn_parent {
    position: relative;
}

.vricon_btn {
    cursor: pointer;
    width: 54px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    color: #fff;
    background: rgba(0,0,0,.4);
    position: absolute;
    border-radius: 14px;
    z-index: 100;
    font-size: 12px !important;
    bottom: 10px;
    right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vricon_btn_top10{
    cursor: pointer;
    width: 54px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    color: #fff;
    background: rgba(0,0,0,.4);
    position: absolute;
    border-radius: 14px;
    z-index: 100;
    font-size: 12px !important;
    top: -40px;
    right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vricon_btn.icon-VR:before {font-size: 16px;}

.designer_model  .title{
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-right:117px;
    position: relative;
}
.designer_model .vr_model{
    position: absolute;
    width: 117px;
    top: 0;
    right: 0;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #EE483C;
    border:1px solid #EE483C;
}
.designer_model .vr_model i{font-size: 24px;margin-right: 14px}

/*首页轮播新增左右按钮*/
.home-carousel-control{
    top: 50%;
    margin-top: -20px;
    border:none;
    cursor: pointer;
    background: rgba(0,0,0,.3)
}
.home-carousel-control span{
    display: block;
    line-height: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 20px;
    background: none;
}

/*活动二级页面选择优惠券*/
.second-select-coupon{
		padding-left: 90px;
		padding-bottom: 100px;
		
}
.coupon-one-padding0{padding: 0!important;}
.coupon-two-padding0{padding: 0!important;width: 50%;float: left;}
.coupon-three-padding0{padding: 0!important;width: 33%;float: left;}
.second-select-coupon .coupon-title{
	color: #999999;
	font-size: 12px;
}
.second-select-coupon  .left{float: left;margin-right: 10px}
.coupon-one-parent{display: flex;margin:10px 0;}
.coupon-one-parent>div{display: none;width: 100%}
.coupon-one-parent>div.coupon0,.coupon-one-parent>div.coupon_show{display: block;}
.second-select-coupon .coupon-one{
	border: 1px solid #F1F1F1;
	display: inline-block;
	padding: 12px 84px 12px 12px;
	position: relative;

}
.second-select-coupon div:after,.second-select-coupon div:before{border: none!important;left: initial!important;right: initial!important;top: initial!important;bottom: initial!important;}
/*这里是手机上展示的部分 单个优惠券*/
.second-select-coupon .coupon-one-padding0{padding: 0!important;line-height: 1;width: 100%;border: none!important;}
.second-select-coupon .coupon-one-padding0 .coupon-one-in{width: 278px!important;margin: 10px;}
.second-select-coupon .coupon-one-padding0 .coupon-one-in .coupon-left{width: 128px!important;}
.second-select-coupon .coupon-one-padding0 .coupon-one-in .coupon-model{
    padding-left:20px!important;
    width: 229px!important;
}
/*end*/
/*这里是手机上展示的部分 双个优惠券*/
.second-select-coupon .coupon-two-padding0{padding: 0!important;line-height: 1;width: 100%;border: none!important;}
.second-select-coupon .coupon-two-padding0 .coupon-one-in{width: 138px!important;margin: 5px;}
.second-select-coupon .coupon-three-padding0 .coupon-one-in{width: 88px!important;margin: 5px;}
.second-select-coupon .coupon-two-padding0 .coupon-one-in .coupon-model{
    width: auto!important;
}
.second-select-coupon .coupon-three-padding0 .coupon-one-in .discount{
    font-size:16px!important;
}
/*end*/
.second-select-coupon  .coupon-tip{line-height: 108px;font-size: 12px;color: #999;margin-left: 20px;}
.second-select-coupon  .del{
		position: absolute;
		top: 0;
		right: 0;
		width: 84px;
		line-height: 108px;
		cursor: pointer;
		text-align: center;
}
.second-select-coupon .coupon-one .coupon-one-in{
	background: #C39D59;
	position: relative;
	
	overflow: hidden;
	width: 343px;
	height: 82px;
	border-radius:8px;
	box-sizing: border-box;
	display: flex;
}
.second-select-coupon .coupon-one-in .coupon-model{
	height: 82px;
	padding: 14px 0 14px 34px;
	display: flex;
	box-sizing: border-box;
	border-radius: 0 8px 8px 0;
	overflow: hidden;
	width: 295px;
	background: linear-gradient(to bottom, #FFF8ED, #FFE7BB);
	position: relative;
}
.second-select-coupon .coupon-one .coupon-model:after{
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #C39D59;
	position: absolute;
	top: 50%!important;
	right: -10px!important;
	margin-top: -10px;
}
.second-select-coupon  .coupon-type{
	position: absolute;
    top: -4px;
    left: -40px;
    padding: 10px 15px;
    z-index: 888;
    transform: rotate(
314deg);
}
.second-select-coupon  .coupon-type .state{
	padding: 1px 20px;
	background: #C39D59;
	color: #fff;
	font-size: 14px;
	transform: scale(0.8);

}
.second-select-coupon .coupon-one-in .coupon-left{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	border-right: 1px dashed #9D7123;
	width: 160px;
	flex: none;
}
.second-select-coupon .coupon-one-in .name{
	font-size: 14px;
	color: #C39D59;
	font-weight: bold;
	margin-bottom: 5px;
}
.second-select-coupon .coupon-one-in .time{
	
	color: #9D7123;
		font-size: 10px;
}
.second-select-coupon .coupon-one-in .coupon-right{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;;
	height: 100%;
	flex: 1;
	
	
}
.second-select-coupon .coupon-one-in .discount{
	
	color: #9D7123;
		font-size: 22px;
		font-weight: bold;
}
.second-select-coupon .coupon-one-in .btn{
	width: 48px;
	box-sizing: border-box;
	padding: 0 17px;
	position: absolute;
	top: 0;
	right: 0;
	background: #C39D59;
	color: #fff;
	height: 82px;
	border: none;
	border-radius: 0;
	display: flex;
	align-items: center;;
	line-height: 18px;
	font-size: 14px;
}
.second-select-coupon .coupon-one-in  .fh{font-size: 12px;}


.second-select-coupon .coupon-two{
	border: 1px solid #F1F1F1;
	display: inline-block;
	padding: 12px 84px 12px 12px;
	position: relative;

}
.second-select-coupon .coupon-two .coupon-one-in{
	background: #C39D59;
	position: relative;
	
	overflow: hidden;
	width: 166px;
	height: 82px;
	border-radius:8px;
}
.second-select-coupon .coupon-two .coupon-model{
	display: flex;
	width: 166px;
	flex-direction: column;
	align-items: center;
	padding: 0;
		border-radius:0;
	justify-content: center;
	border: 1px solid #EBDAB2;
	height: 55px;
}
.second-select-coupon .coupon-three .coupon-one-in,.second-select-coupon .coupon-three .coupon-model{
	width: 108px;
}

.second-select-coupon .coupon-two .btn-bottom{display: flex;align-items: center;justify-content: center;color: #fff;height:27px;font-size: 14px;font-weight: bold;}

.second-select-coupon .coupon-two .coupon-one-in:before{
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	z-index: 1111;
	bottom: 16px!important;
	right: -9px!important;
}
.second-select-coupon .coupon-two .coupon-one-in:after{
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	bottom: 16px!important;
	left: -9px!important;
}

/*活动二级页面的新增标题图片的样式调整*/
.add-activity-input{
    overflow: hidden;
}
.add-activity-input .activity-item{
    position: relative;
    float: left;
    width: 50%;
       padding: 10px 10px 10px 110px;
    font-size: 12px;
    color: #333;
     box-sizing: border-box;

}
.add-activity-input .activity-item .name{
    position: absolute;
    top: 50%;
    left:0 ;
    line-height: 1;
    margin-top: -6px;

}
.add-activity-input .activity-item .input{
  width: 100%;
  box-sizing: border-box;

}

.add-activity-input .activity-item .input_width{
  width: 340px;
  box-sizing: border-box;
    border-radius: 4px 0 0 4px!important;
}


.add-activity-input .activity-item  .select_color{
    position: relative;
   padding-left:80px;
    padding-right: 40px;
      width: 208px;
      border: 1px solid #ccc;
      box-sizing: border-box;
      border-radius: 4px;
}
.add-activity-input .activity-item #selectColor,.add-activity-input .activity-item .colorpicker-element{
    width: 56px;
    height: 18px;
    background:#fff;
    color: #fff;
    border: 1px solid #E8E8E8;
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -10px;
    cursor: pointer;

}
.add-activity-input .activity-item .reset{
    
    height: 18px;
    background: #fff;
  
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -10px;
cursor: pointer;
}
.add-activity-input .activity-item #Color,.add-activity-input .activity-item .select_color .input{
    border: none;

}
.activity-select-img{position: relative; border: 1px solid #ccc;margin-right: 60px;padding-right: 30px;}
.activity-select-img .input{
    background: #fff;
    border: none;
    line-height: 30px;
    cursor: pointer;
  
   color: #333;
}
.activity-select-img .off-btn{
     position: absolute;
    top: 50%;
    right: 14px;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    margin-top: -15px;
    color: #b2b2b2;
}
.activity-select-img .select-img-btn{
     position: absolute;
    top: -1px;
    width: 60px;
    line-height: 32px;
    text-align: center;
    right: -59px;
    font-size: 12px;
   color: #fff;
    background: #00A0E9;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
  
}
.activity-select-img .bgCaseModel{
     position: absolute;
    top: -1px;
    width: 60px;
    line-height: 32px;
    text-align: center;
    right: -120px;
    font-size: 12px;
    color: #26292C;
    cursor:pointer;
    text-decoration:underline;
}
.fixed-hover-img{
    position: fixed;
    top: 100px;
    width: 170px;
    left: 100px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    background: #fff;
    z-index: 111;
    padding: 17px;
    display: none;
}
.fixed-hover-img .title{
    padding-bottom: 17px;
}
    /*生成2个叠加的三角形*/
    .fixed-hover-img:before, .fixed-hover-img:after {
        content: "";
        display: block;
        border-width: 15px;
        position: absolute;
          top: -27px;
        box-shadow:inset 0 0 10px rgba(0,0,0,.1);
        left: 100px;
        border-style: solid dashed dashed solid;
      border-color: transparent transparent #FFF transparent;
        font-size: 0;
        line-height: 0;
    }

/*优惠券案例弹框*/
.case-model-parent{
    overflow: hidden;
    text-align: center;
    padding:42px 60px 34px;
}
.case-model-parent .case-model{
    float: left;
    width: 50%;
}
.case-model-parent .case-model img{width: auto;height: 100%;max-height: 60vh;}
.case-model-parent .case-model .download{
    background: #00A0E9;
    display: block;
    margin: 30px auto 0;
    color: #fff;
    width: 80px;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
}

/*调价*/
.select_time_adjustment{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333333
}
.select_time_adjustment .item{margin-right: 10px;white-space: nowrap;}
.select_time_adjustment .item input{margin-right: 6px}
/*加载效果*/
.allPageLoad{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:99999}
.allPageLoad img{position:absolute;width:100px;height:100px;top:50%;left:50%;margin-top:-50px;margin-left:-50px;z-index:99999}
.allPageLoad .bottom_load{width:100%;height:5px;position:fixed;top:0;left:0}
.allPageLoad .bottom_load_in{height:5px;background-color:#00A0E9;width:20%;transition:all 0.2s;border-radius:5px}
.allPageLoad .bottom_load_in.red{background-color:#EE483C}
/*配送店铺信息*/
.commission_rate{position:relative;width:100px;border:1px solid #e8e8e8}
.commission_rate::after{content:"%";position:absolute;top:0;right:-16px;line-height:30px}
.commission_rate_none::after{display:none}
.commission_rate input{width:100% !important;border:none}
.labelNameParent{overflow:hidden;padding:10px 10px 10px 0}
.labelName{padding:4px 6px;border-radius:15px;min-width:60px;text-align:center;margin-right:12px;position:relative;float:left}
.labelName .off-btn{position:absolute;top:-5px;right:-4px;color:#888}
.labelNameParent .add_btn{float:left;color:#00A0E9;line-height:30px;cursor:pointer}
.banner_model_parent{position:relative;overflow:hidden;padding:10px 10px 10px 0}
.banner_model{position:relative;float:left;margin-right:10px;margin-bottom:10px}
.banner_model .off-btn{position:absolute;top:-5px;right:-4px}
.banner_model img{width:302px;height:105px}
.banner_model input{position:absolute;width:302px;height:105px;left:0;top:0;opacity:0;z-index:100;cursor:pointer}
.banner_model .add-btn{width:302px;height:105px;border-radius:5px;line-height:105px;border:1px solid #e8e8e8;font-size:40px;text-align:center}
.banner_model_parent1 .banner_model input,.banner_model_parent1 .banner_model img,.banner_model_parent1 .banner_model .add-btn{width:105px}
.label_list{min-height:2px;height:260px !important;overflow-y:auto;min-height:260px !important}
.label_list .label_item{position:relative;padding:16px 10px 16px 30px;border-bottom:1px solid #F8F9FC}
.label_list .label_item .iconfont{position:absolute;margin-top:-9px;font-size:18px;left:0;top:50%;color:#D5D8DE;line-height:1}
.label_list .label_item .labelName{float:none}
.label_list .label_item .icon-duoxuanzhong{color:#00A0E9}
.label_list .label_item .select{color:#888}

/*微信官方直播*/
.wechat_live .update_btn{width:120px;line-height:40px;border-radius:5px;text-align:center;background:#00A0E9;color:#fff;margin-bottom:20px}
.live_model{border:1px solid #EFF1F9;margin-bottom:20px}
.live_model .live_title{background:#F2F6FC;color:#555555;line-height:44px;padding:0 20px;font-size:14px}
.live_model .live_title .iconfont{height:16px;line-height:16px;color:#00A0E9}
.live_info_list{overflow:hidden;padding:20px;position:relative}
.live_info_list .bg_btn{position:absolute;width:100%;height:100%;z-index:100;background:rgba(0,0,0,.4);text-align:center;display:flex;align-items:flex-end;justify-content:center}
.live_info_list .bg_btn button{background:#00A0E9;color:#fff;border-radius:4px;width:120px;height:40px;margin-bottom:40px}
.live_info{width:30%;white-space:nowrap;border-radius:5px;position:relative;box-sizing:border-box;padding:10px 10px 10px 120px;float:left;min-height:40px}
.live_info_one{width:40%}
.live_info .name{width:110px;position:absolute;text-align:right;top:10px;left:0;font-size:14px}
.live_info .card{width:144px;height:162px;box-sizing:border-box;padding:5px;box-shadow:0 0 6px rgba(0,0,0,.16)}
.live_info .img{background:#888}
.live_info .card .img{width:134px;overflow:hidden;height:106px}
.live_info .card1{width:280px;height:140px;position:relative;box-sizing:border-box;padding:16px 16px 16px 156px;box-shadow:0 0 6px rgba(0,0,0,.16)}
.live_info .card1 .img{width:140px;overflow:hidden;height:140px;position:absolute;top:0;left:0}
.live_info img{width:100%;height:100%}
.live_info .card2 .img{width:187px;height:333px}
.live_info_list .info_item{display:flex;align-items:center;position:relative;padding-left:100px;margin:20px 0}
.live_info_list .info_item .input_name{position:absolute;line-height:1;top:50%;margin-top:-7px;font-size:14px;left:0}

.cat_more{margin-top:-70px;display:none;padding:5px;line-height:20px;height:150px;overflow:auto;background:#fff;border:1px solid #ccc;position:absolute;width:150px}
.gray_back2_important{background-color:#eef1f9!important;}
.input_table_title_relative{position:relative;}
.new_market_value .input_table_title_relative{text-align:left;font-size:14px;font-weight:bold;display:flex;color:#00A0E9;align-items:center}
.input_table_title_relative .a_buttom2{color:#666;cursor:pointer}
.input_table_title_relative .popover{font-weight:normal;color:#888}

.btns-month-tab{display:inline-block;padding:2px 0}
.btns-month-tab .btns-month{display:flex;border:1px solid #EAE8E8;color:#333;text-align:center;background-color:#fff;border-radius:2px;overflow:hidden}
.btns-month-tab .btns-month span{width:30px;display:block;color:#333;border-right:1px solid #EAE8E8;padding:2px 8px;cursor:pointer}
.btns-month-tab .btns-month span:last-child{border:none}
.btns-month-tab .btns-month span.action{background-color:#00A0E9;color:#fff}

.btns-month-tab .btns-month span.action{background-color:#00A0E9;color:#fff}
.add_load_popup{display:none}
.add_load_popup .bg{background-color:rgba(0,0,0,.3);position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000}
.distribution_bulk{width:900px;height:300px;max-width:80%;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:4px;position:fixed;z-index:2001;font-size:1rem;color:#333;box-sizing:border-box}
.distribution_bulk  .title{padding:0 16px;line-height:50px;height:50px;box-sizing:border-box}
.distribution_bulk .popup_content{padding:30px;height:200px;box-sizing:border-box}
.distribution_bulk .progress_goods{width:100%;margin:1rem 0;height:.8rem;background-color:#F5F5F5;border-radius:1rem;overflow:hidden;position:relative}
.distribution_bulk .progress_in{position:absolute;top:0;left:0;width:0%;transition:all 0.2s;height:.8rem;background-color:#00A0E9}
.distribution_bulk .footer_btn{background-color:#F4F4F4;overflow:hidden;padding:0 16px;height:50px;line-height:50px;box-sizing:border-box;text-align:right}
.distribution_bulk .footer_btn .btn_popup{min-width:80px;text-align:center;background-color:#00A0E9;color:#fff;line-height:34px;padding:6px 16px;margin-left:16px;font-size:14px;border-radius:4px}
.distribution_bulk .footer_btn .btn_none{background-color:#E0E0E0;color:#555555}

.wqf_info_popup{padding:0 25px;margin-bottom:40px}
.wqf_info_popup .title{color:#333333;font-size:14px}
.wqf_info_popup .info_item{position:relative;padding:10px 10px 10px 100px}
.wqf_info_popup .info_item .name{position:absolute;top:10px;left:0;text-align:right;width:100px;color:#888888}

.order_schedule{margin-bottom:24px;text-align:center}
.order_schedule  .order_title{color:#333333;font-size:16px;margin-bottom:24px;text-align:left}
.order_schedule .error_off,.order_schedule .schedule.error .finish{display:none!important}
.order_schedule .schedule.error .error_off,.order_schedule .schedule .finish{display:block!important}
.order_schedule .schedule{overflow:hidden;display:inline-block}
.order_schedule .schedule .item:first-child{padding-left:0!important}
.order_schedule .schedule .item:first-child:after{display:none!important}
.order_schedule .schedule .item{float:left;padding-left:110px;text-align:center;color:#F3F5F5;min-width:50px;position:relative}
.order_schedule .schedule .item:after{content:"";background:#D8D8D8;display:inline-block;width:105px;height:2px;position:absolute;top:10px;left:5px}
.order_schedule .schedule .item .cur{font-size:17px;margin-bottom:10px}
.order_schedule .schedule .item .state_name{color:#000000}
.order_schedule .schedule .item.blue{color:#00A0E9}
.order_schedule .schedule .item.blue:after{background:#00A0E9}
.order_schedule .schedule .item.blue .state_name{color:#00A0E9}
.order_schedule .schedule.error .item{color:#EE483C}
.order_schedule .schedule.error .item:after{background:#EE483C}
.order_schedule .schedule.error .item .state_name{color:#CCCCCC}
.order_schedule .schedule.error .error_off .state_name{color:#EE483C}

.look_qty_popup{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}
.look_qty{position:absolute;max-width:400px;right:0;background-color:rgba(0,0,0,.6);top:100%;border-radius:4px;max-height:400px;display:none;z-index:100}
.look_qty .tab_parent{white-space:nowrap;overflow:auto;border-bottom:1px solid #D8DCE6}
.look_qty .tab{display:inline-block;height:50px;line-height:50px;width:auto;padding:0 20px;text-align:center;color:#fff;cursor:pointer;font-size:16px}
.look_qty .tab.action{color:#00A0E9}
.look_qty .tab_in{padding:20px;font-size:14px;color:#fff;text-align:left}
.look_qty .tab_in .pc_modal{overflow:hidden}
.look_qty .tab_in .pc_modal div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.input_position_re{position:relative;line-height:30px}
.input_position_re .input_position_in{display:none;position:absolute;top:105%;left:4px;width:90%;max-height:300px;background-color:#fff;border-radius:4px;z-index:11;border:1px solid #e8e8e8}

.input_modal{position:relative;padding:10px 10px 10px 117px;overflow:hidden}
.input_modal .name{position:absolute;top:50%;left:0;margin-top:-7px;line-height:1;width:106px;text-align:right}
.btn_click{background:#08c;color:#fff!important;line-height:36px;display:inline-block;border-radius:4px;padding:0 10px;margin-left:10px}
.del_btn_click{background:#EE483C;color:#fff!important;line-height:36px;display:inline-block;border-radius:4px;padding:0 10px;margin-left:10px}
.goods_spc_table{border:1px solid #e8e8e8;border-radius:4px;margin-bottom:24px}
.goods_spc_table .input_modal{background:#e8e8e8}
.goods_spc_table .table_in{overflow:auto}
.goods_spc_table .table_in .tr{white-space:nowrap;border-bottom:1px solid #e8e8e8;width:100%}
.goods_spc_table .table_in .td.name{text-align:right;padding-right:8px;line-height:40px;width:100px}
.goods_spc_table .table_in .td{position:relative;display:inline-block;padding:0 8px;width:120px;border-right:1px solid #e8e8e8}
.goods_spc_table .table_in .td input{width:100%;margin:5px 0}
.goods_spc_table .table_in .tr .del_btn{position:absolute;top:0;right:0;cursor:pointer;z-index:111;background:#fff}
.goods_spc_table .table_in .tr:last-child .del_btn{display:none}

/*会员卡*/
.add_rule{color:#00A0E9;font-size:14px}
.rule_list{overflow:hidden}
.rule_list .item{float:left;width:459px;height:483px;border-radius:8px;padding:14px 10px;background-color:#EEF1FA;margin-right:30px;margin-bottom:30px}
.rule_list .title{color:#31353E;font-size:14px;padding-left:21px;font-weight:bold}
.off_modal{float:right;width:40px;text-align:center}
.rule_list .unit{margin-left:10px;color:#31353E;position:relative;top:3px}
.rule_list .input_modal{padding:6px 10px 6px 70px}
.rule_list .input_modal .input_width{width:186px;border:1px solid #DCDFE6;border-radius:4px}
.rule_list .input_modal .name{text-align:right;width:60px}
.rule_list .give_modal .name{top:10px;margin-top:0}
.rule_list .give_modal .item_in{margin-bottom:10px}
.rule_list .give_modal .type_name{margin:0 16px 0 8px}
.rule_list .give_modal .coupon_name{margin-left:26px;margin-right:6px}
.rule_list .give_modal .coupon_item{margin-bottom:15px}
.rule_list .give_modal .coupon_item .del{margin-left:10px}
.card_input_table_title{border-bottom:1px solid #D8DCE6;padding:13px 0;color:#31353E;font-size:16px;font-weight:bold;margin-bottom:24px}

.tab_mz{width:170px;overflow:hidden;text-align:center;border:1px solid #e8e8e8;border-right:none;margin:20px 0}
.tab_mz .tab_item{border-right:1px solid #e8e8e8;float:left;box-sizing:border-box;width:50%;cursor:pointer;line-height:24px}
.tab_mz .tab_item.action{background:#00A0E9;color:#fff}

/*多活动*/
.ai_kefu_cart{display:flex;align-items:center;justify-content:center;position:fixed;right:70px;bottom:210px;width:45px;height:45px;background-color:#fff;border-radius:50%;box-shadow:0 6px 12px 1px rgba(0,0,0,0.12);z-index:100}
.ai_kefu_cart  .iconfont{color:#D02502;font-size:20px}
.ai_kefu_cart .pages{background-color:#D02502;color:#fff;width:20px;height:20px;line-height:20px;border-radius:20px;position:absolute;right:0;top:0;font-size:11px;text-align:center}
.ai_kefu_cart .name{background-color:#D02502;color:#fff;width:45px;height:14px;line-height:14px;border-radius:7px;position:absolute;bottom:-5px;left:0;font-size:10px;text-align:center}

.accessories_matching{
    position: relative;
    padding: 10px 10px 10px 80px;
}
.accessories_matching .name{
    position: absolute;
    top: 10px;
    left: 20px;
}
.error_goods_tip{
    background: rgba(241, 2, 21, .12);
    color: #D02502;   
    padding: 2px 7px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 16px;
}
.error_goods_tip .iconfont{
    margin-right: 6px;
}

.accessories_matching_goods .goods_title{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    position: relative;
    margin-bottom: 16px;
    padding-left: ;
}
.accessories_matching_goods  .goods_item{
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    overflow: hidden;
    padding: 12px;
    margin-bottom: 16px;
}
.accessories_matching_goods .goods_title .partproprice{
    float: right;
    color: #F10215;
    font-size: 14px;
}
.recommended_pairing{
        border-top: 1px solid #e8e8e8;
    margin-top: 32px;
}

.recommended_pairing .title{
        text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 33px;
} 

#myCarousel .banner_btn{
    position: absolute;
    top: 50%;
    line-height: 60px;
    font-size: 30px;
}
#myCarousel .banner_btn .iconfont{
      font-size: 20px;
      color: #E8E8E8;
}
#myCarousel .carousel-control-prev {
    left: 0;
}
#myCarousel .carousel-control-next{
    right: 0;
}
#myCarousel  .product_list_big{
    padding: 0 32px;
    margin: 0 -10px;
}



/* 首页楼层全屏铺满 */
.full_content .index_content{
	width: calc(100% - 35px)!important;
	margin-left: 0;
}

.full_content .bt-color{
	border-bottom: none!important;
}
.full_content .img-href-box.img-05 .img-div{
	width: calc(100% / 5);
	margin-right: 0;
}
.full_content .img-href-box.img-02 .img-div:nth-child(2n){
	margin-left: 0;
}
.full_content .img-href-box.img-04 .img-div{
	width: calc(100% / 4);
	margin-right: 0;
}
.full_content .img-href-box.img-03 .img-div{
	width: calc(100% / 3);
	margin-right: 0;
}
.full_content .img-href-box.img-02 .img-div{
	width: calc(100% / 2);
	margin-right: 0;
}

.full_content .product_list_big .product_item,.full_content .pro-img-box .ad-img-l{
	margin: 0;
	width: 20%;
}


.custom_description{
	padding: 20px 0 0 0 ;
}
.custom_description .clearfix{
	position: relative;
	padding: 5px 0 5px 70px;
}
.custom_description .clearfix .pull-left{
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 12px;
	line-height: 1;
	margin-top: -7px;
}
.custom_description .clearfix input{
	width: 100%;
	background-color: #EEEEEE;
	color: #BFBCBC;
	font-size: 12px;
}
.apply_remark_ds {
    width:200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 玥玛定制 */
.margin30_0{margin:-30px 0}
.ym_content_one{padding:30px 0 13px 0;color:#31353E;font-size:16px;border-bottom:1px solid #D8DCE6;font-weight:bold}
.ym_add_btn{background-color:#00A0E9;width:494px;line-height:41px;border-radius:8px;text-align:center;color:#fff;font-size:14px;font-weight:bold;margin-top:30px;cursor:pointer}
.ym_content_info .modal_one{width:494px;background:#EEF1FA;border-radius:8px;padding:14px 27px 63px 16px;margin-top:30px;box-sizing:border-box}
.ym_content_info .input{position:relative;padding-left:90px;margin-bottom:13px}
.ym_content_info .input .name{position:absolute;top:50%;left:0;font-size:14px;line-height:1;margin-top:-7px;color:#333333}
.ym_content_info .input input{width:361px;border:none;line-height:30px;margin-bottom:0;font-size:14px;height:30px}
.ym_content_info .input .right_num{position:absolute;top:50%;right:6px;font-size:14px;line-height:1;margin-top:-7px;color:#999}
.ym_content_info .title{position:relative;margin-bottom:20px;height:30px;line-height:30px}
.ym_content_info .title .title_val{color:#31353E;font-size:14px;font-weight:bold}
.ym_content_info .title .off_btn{position:absolute;top:50%;right:-16px;cursor:pointer;font-size:14px;margin-top:-7px;color:#707070}
.ym_content_info .input_number,.ym_content_info .input_number input{width:113px;text-align:center}
.ym_content_info .input_number::after{content:"张";position:absolute;top:50%;line-height:1;right:-26px;margin-top:-7px;font-size:14px;color:#31353E}
.ym_content_info  input[type=number]{-moz-appearance:textfield}
.ym_content_info  input[type=number]::-webkit-outer-spin-button,.ym_content_info  input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fixed_example{position:absolute;top:94px;right:30px;border-radius:4px;border:1px solid #D8D8D8;padding:0 20px;width:402px}
.fixed_example .item{margin:10px 0 30px;font-size:14px}
.fixed_example .item>div{margin-bottom:14px}
.fixed_example .title{padding:20px 0;color:#00A0E9;font-size:16px}
.fixed_example .add_img{width:100px;line-height:100px;height:100px;text-align:center;border-radius:4px;background:#F8F9FC}
.ym_enterprise_query .item{position:relative;padding-left:100px;line-height:30px;font-size:14px;color:#333;margin-bottom:32px}
.ym_enterprise_query .item .name{position:absolute;top:0;left:0;font-size:16px;font-weight:bold}
.ym_enterprise_query .item .tip{color:#999;text-align:left;line-height:30px;height:30px}
.ym_enterprise_query .item .input{position:relative;padding-left:100px;line-height:30px;font-size:14px;color:#333;margin-top:16px}
.ym_enterprise_query .item .name_min{position:absolute;top:0;left:0;font-size:14px;width:100px;text-align:right}
.ym_photo_list{padding:6px 42px;font-size:14px}
.ym_photo_list .item_in>div{margin-bottom:16px}
.ym_photo_list .img_list{overflow:hidden}
.ym_photo_list .img_list .img{width:100px;height:100px;overflow:hidden;text-align:center;margin-right:20px;line-height:90px;border-radius:4px;position:relative;float:left;background-color:#F8F9FC}
.ym_photo_list .img_list .img .off_btn{position:absolute;top:0;right:0;background:#000;width:20px;height:20px;border-radius:0 4px 0 4px;display:flex;align-items:center;justify-content:center}
.ym_photo_list .img_list .img .off_btn .iconfont{color:#fff;font-size:14px}

/* 区域 */
.display_block{display:block}
.display_none{display:none}
.mark_for_bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:1000}
.mark_for_warehousing{position:fixed;top:50%;left:50%;width:900px;margin:0 0 0 -450px;transform:translateY(-50%);background-color:#fff;z-index:1001;border-radius:8px;color:#333333}
.mark_for_warehousing .popup_title{line-height:46px;text-align:left;font-size:14px;position:relative;border-bottom:1px solid #F5F5F5;color:#333333;padding-left:30px}
.mark_for_warehousing .popup_title .off_btn{position:absolute;top:0;right:20px;width:60px;font-size:13px;display:flex;align-items:center;justify-content:center;height:44px}
.mark_for_warehousing .popup_title .checked_all{position:absolute;top:0;right:20px;width:60px;font-size:13px;display:flex;align-items:center;justify-content:center;height:44px}
.mark_for_warehousing .index_select_address{padding:14px 30px 0px 146px;min-height:41px;line-height:31px;overflow:hidden;position:relative}
.mark_for_warehousing .index_select_address  .name{position:absolute;top:14px;left:30px;color:#555555;font-size:14px}
.mark_for_warehousing .index_select_address .label_address{min-width:66px;height:31px;border-radius:31px;text-align:center;background-color:#00A0E9;color:#fff;padding-right:20px;position:relative;display:inline-block;padding-left:10px;margin-right:10px;margin-bottom:10px}
.mark_for_warehousing  .label_address .off_btn{position:absolute;top:50%;right:6px;transform:translateY(-50%);color:#fff;cursor:pointer;font-size:12px}
.mark_for_warehousing  .tab_address{overflow-y:hidden;overflow-x:auto;padding:0 30px;white-space:nowrap;position:relative}
.mark_for_warehousing  .tab_address::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e8e8e8}
.mark_for_warehousing .error_list_parent{padding-left:30px;padding-bottom:10px;height:30px;line-height:30px}
.mark_for_warehousing .error_list{color:red;display:none}
.mark_for_warehousing  .tab_address .tab_in{display:inline-block;height:36px;line-height:36px;padding:0 10px 0 10px;font-size:14px;color:#555555;border:1px solid #e8e8e8;border-bottom:none;border-radius:4px;background-color:#fff;position:relative;top:1px;cursor:pointer;min-width:80px;text-align:center;z-index:10;margin-right:20px}
.mark_for_warehousing  .tab_address .tab_in::after{display: none;;position:absolute;content:"\e68f";font-family:"iconfont";top:50%;right:8px;line-height:1;font-size:12px;margin-top:-6px}
.mark_for_warehousing .popup_title .off_btn{position:absolute;top:0;right:0;width:60px;font-size:18px;display:flex;align-items:center;justify-content:center;height:44px;color:#999999}
.mark_for_warehousing .icon-newyuanxuanzhong{color:#00A0E9!important}
.mark_address_warehousing{z-index:1001}
.mark_address_warehousing .select_list_pack{overflow-y:auto;height:400px;padding:32px 0;font-size:14px}
.mark_address_warehousing .select_list_pack .item{border-bottom:none;line-height:32px;position:relative;cursor:pointer;margin-bottom:16px;float:left;width:20%;text-align:center}
.mark_for_warehousing  .select_list_pack .item .item_name{color:#00A0E9;display:inline-block;border-radius:4px;height:30px;line-height:30px;min-width:81px;text-align:center;padding:0 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:100%;}
.mark_address_warehousing .select_list_pack .item.action .item_name,.mark_address_warehousing .select_list_pack .item:hover .item_name{background-color:#00A0E9;color:#fff;}
.mark_for_warehousing.mark_for_warehousing_block  .select_list_pack .item:first-child{float:inherit}
.mark_for_warehousing  .select_list_pack .item .checked{position:absolute;top:50%;right:0;line-height:30px;color:#979797;font-size:20px;width:30px;text-align:center;margin-top:-15px}
.mark_for_warehousing .bottom_btn{padding:5px 8px;overflow:hidden;border-top:1px solid #e8e8e8}
.mark_for_warehousing .bottom_btn button{width:120px;background-color:#fff;color:#999999;line-height:44px;height:44px;border-radius:4px;border:1px solid #DCDEE0;margin-right:24px;padding:0;font-size: 14px;}
.mark_for_warehousing .bottom_btn .btn_address{float:right}
.mark_for_warehousing .bottom_btn .ok button{background-color:#479EE3;border:1px solid #479EE3;color:#fff}
.mark_for_warehousing .operation-area{width:100%;height:130px;background-color:#fff;margin-top:20px;box-sizing:content-box}
.mark_for_warehousing .picker-box-parent{position:relative;padding:6px 10px 6px 100px}
.mark_for_warehousing .picker-box-parent .picker-title{position:absolute;top:6px;text-align:right;width:56px;left:30px;line-height:30px}
.mark_for_warehousing .picker-box-parent .iconfont{color:#A5A5A5;font-size:14px}
.mark_for_warehousing .operation-area .picker-box{width:250px;height:40px;line-height:40px;border:1px solid #F3F3F3;border-radius:4px;padding:5px 12px;display:flex;justify-content:space-between;align-items:center}