.iframe{width:100%;height:100%}
.con-bg{background:#f5f5f5}
.container-fluid{padding-top:55px}
.blue{color:#337ab7}
.mt15{margin-top:15px}
.alert{width:300px;padding:30px;margin:0 0 0 -150px;font-size:16px;position:fixed;left:50%;top:45%;z-index:100}
.alert .close{opacity:.5;position:absolute;right:5px;top:5px;}
.date-box{line-height:50px;margin-right:10px;color:#fff}
.order-data .fa{margin-right:10px}
.order-data .box-body{padding:50px 0}
.order-data .num{font-size:20px}
.statistic-table a{display:block}
.rank-table>tbody>tr>td .num{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:100%;background:#ccc;font-size:12px}
.rank-table>tbody>tr:nth-of-type(1) td .num{background:#f50000;color:#fff}
.rank-table>tbody>tr:nth-of-type(2) td .num{background:#e63c28;color:#fff}
.rank-table>tbody>tr:nth-of-type(3) td .num{background:#ff821e;color:#fff}
.rank-tabs{position:absolute;right:15px;bottom:0}
.rank-tabs>li>a,.addgoods-tab>li>a{padding:6px 10px}
.con-box>.box-header{padding:15px 15px 10px}
.con-box>.box-header>.box-tools{top:10px}
.tab-pills>li>a{padding:6px 10px;line-height:20px}
.tab-pills>li>a>.num{margin-left:3px}
.tab-pills>li>a>.badge{vertical-align:1px}
.table-screen-l .item{float:left;margin-right:5px}
.table-screen-r .item{float:left;margin-left:5px}
.time-item{display:inline-block;position:relative}
.time-item .fa-calendar{font-size:16px;position:absolute;right:8px;top:8px;color:#666}
.type-menu>li>a{padding:4px 10px}
.type-menu>li>a.one-type,.type-menu>li>a.two-type{font-weight:bold;color:#666}
.type-menu>li>a.two-type{padding-left:40px}
.type-menu>li>a.three-type{padding-left:70px}
.data-table .thumpic{width:70px}
.set-icon{display:inline-block;margin:0 5px}
.set-icon .fa{font-size:20px;color:#666}
.set-icon .fa-star,.set-icon .fa-fire{color:#999}
.set-icon .fa-stared{color:#ffb900}
.set-icon .fa-check,.set-icon .fa-pencil-square-o{color:#1e82d2}
.set-icon .fa-times,.set-icon .fa-trash-o,.set-icon .fa-fired{color:#e10000}
.pageinfo{height:34px;line-height:34px}
.global-tabcon{padding:30px 0}
.aside-box{box-shadow:none;border:1px solid #e6e6e6}
.aside-box>.box-header{padding:6px 15px;background:#f5f5f5;border-bottom:1px solid #e6e6e6}
.aside-box>.box-header>.box-title{font-size:14px}
.goodsbigpic-con .swiper-slide{text-align:center}
.step-bar{width:85%;height:12px;margin:20px auto;position:relative}
.gray-bar{width:100%;height:12px;position:absolute;left:0;top:0;z-index:1}
.gray-bar .bar,.gray-bar .circle{background-color:#f0f0f0;background-image:-webkit-linear-gradient(top,#e6e6e6,#f0f0f0);background-image:-moz-linear-gradient(top,#e6e6e6,#f0f0f0);background-image:-o-linear-gradient(top,#e6e6e6,#f0f0f0);background-image:linear-gradient(to bottom,#e6e6e6,#f0f0f0);box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}
.gray-bar .bar{width:33.333%;height:12px;position:absolute;top:0;left:0}
.gray-bar .bar:nth-child(1){width:0;z-index:4}
.gray-bar .bar:nth-child(2){z-index:3;border-radius:5px 0 0 5px}
.gray-bar .bar:nth-child(3){left:33.333%;z-index:2;}
.gray-bar .bar:nth-child(4){left:66.666%;z-index:1;border-radius:0 5px 5px 0}
.gray-bar .circle{display:block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:100%;position:absolute;right:-15px;top:-9px}
.green-bar{width:100%;height:6px;position:absolute;left:0;top:3px;z-index:2}
.green-bar .bar,.green-bar .circle{background-color:#008241;background-image:-webkit-linear-gradient(top,#059b50,#008241);background-image:-moz-linear-gradient(top,#059b50,#008241);background-image:-o-linear-gradient(top,#059b50,#008241);background-image:linear-gradient(to bottom,#059b50,#008241);box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}
.green-bar .bar{width:33.333%;height:6px;position:absolute;top:0;left:0}
.green-bar .bar:nth-child(1){width:0;z-index:4}
.green-bar .bar:nth-child(2){z-index:3;border-radius:3px 0 0 3px}
.green-bar .bar:nth-child(3){left:33.333%;z-index:2}
.green-bar .bar:nth-child(4){left:66.666%;z-index:1;border-radius:0 3px 3px 0}
.green-bar .circle{display:block;width:22px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#fff;border-radius:100%;position:absolute;right:-11px;top:-8px}
.step-state{width:100%;position:absolute;left:0;top:26px}
.step-state .text{width:150px;line-height:20px;margin-left:-75px;text-align:center;position:absolute;top:0}
.step-state .text:nth-child(1){left:0}
.step-state .text:nth-child(2){left:33.333%}
.step-state .text:nth-child(3){left:66.666%}
.step-state .text:nth-child(4){left:100%}
.step-state .text p:nth-child(2){margin-top:5px;color:#337ab7}
.order-bar{margin-bottom:80px}
.order-page{height:30px;text-align:right}
.oddgray-table>thead>tr>th,.goodsinfo-table>thead>tr>th{text-align:left;background:#f5f5f5}
.oddgray-table>tbody>tr>td:nth-child(odd){text-align:right;background:#fafafa}
.goodsinfo-table>tbody>tr:first-child>td{text-align:center}
.goodsinfo-table .thumpic{width:70px}
.goodsinfo-table .ordertotal{line-height:30px;text-align:right}
.goods-name{display:inline-block;position:relative}
.refund-icon{display:inline-block;width:80px;height:80px;background:rgba(255,255,255,.5) url(../img/refund.png);position:absolute;right:0;top:-30px;z-index:10}
.batch-opert{margin-right:5px}
.form-table>tbody>tr>td{padding:15px 8px;border-bottom:1px dashed #e6e6e6}
.form-table>tbody>tr:last-child>td{border-bottom:none}
.form-table .must{margin-left:5px;color:#f00}
.form-table .batch-check{padding-left:30px;vertical-align:top}
.form-table .power-label{display:inline-block;line-height:25px}
.form-table .power-label input[type=checkbox]{margin-right:3px;vertical-align:-1px}
.form-table .tips{line-height:20px;margin-top:5px;font-size:12px;color:#999}
.add-stock-table>thead>tr>th,.add-stock-table>tbody>tr>td{border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6}
.add-stock-table>thead>tr>th:last-child,.add-stock-table>tbody>tr>td:last-child{border-right:none}
.add-stock-table .form-control{width:80px}
.add-stock-table .batch-set{height:50px;padding:10px 30px}
.add-stock-table .batch-set .set-item{float:left;line-height:30px;margin-right:15px}
.add-stock-table .batch-set .set-even a{margin-right:15px;color: #337ab7}
.spec-item{margin-bottom:20px}
.spec-item .checkbox-inline{display:none}
.spec-item:first-of-type .checkbox-inline{display:inline-block}
.add-spec{padding:8px;background:#f5f5f5;border-radius:3px;position:relative}
.add-spec .close-even{display:block;width:20px;height:20px;line-height:20px;text-align:center;font-size:20px;color:#999;position:absolute;right:10px;top:13px}
.add-spec .close-even:hover{color:#337ab7}
.spec-select{display:inline-block;width:150px;height:30px;margin-right:20px;vertical-align:middle;position:relative}
.spec-select .spec-default{height:30px;line-height:18px;padding:5px 25px 5px 10px;background:#fff;border:1px solid #ccc;border-radius:3px;position:relative;cursor:pointer}
.spec-select .spec-default.active{border-color:#3c8cc8;border-radius:3px 3px 0 0}
.spec-select .spec-default .text{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.spec-select .spec-default .fa{color:#999;position:absolute;right:10px;top:6px}
.spec-select .spec-menu{display:none;width:150px;padding:5px;background:#fff;border:1px solid #3c8cc8;border-top:none;border-radius:0 0 3px 3px;position:absolute;left:0;top:28px;z-index:100}
.spec-select .spec-menu .spec-search{position:relative}
.spec-select .spec-menu .spec-search .form-control{width:100%;height:26px;padding:5px 20px 5px 5px}
.spec-select .spec-menu .spec-search .fa{color:#999;position:absolute;right:5px;top:6px}
.spec-select .spec-menu .spec-list{max-height:208px;margin-top:5px;overflow-y:auto}
.spec-select .spec-menu .spec-list li{height:26px;line-height:26px;padding:0 5px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.spec-select .spec-menu .spec-list li.active{background:#3c8cc8;color:#fff}
.add-attr{margin-top:20px;position:relative}
.add-attr>.add-even{float:left;height:20px;line-height:20px;margin:11px 8px;color:#337ab7}
.add-attr>.attr-label{float:left;width:100px;margin:8px}
.add-attr>.attr-label .attr-name{display:block;width:100px;height:26px;border:1px solid #ddd;border-radius:3px;position:relative}
.add-attr>.attr-label .attr-name .text{display:block;height:24px;line-height:24px;text-align:center;font-size:12px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.add-attr>.attr-label .attr-name .close-even{background:#fff;position:absolute;right:-5px;top:-5px}
/*.add-attr>.attr-label .file-box{width:100px;height:100px;line-height:98px;margin-top:12px;text-align:center;border:1px solid #e6e6e6;border-radius:5px;position:relative}
.add-attr>.attr-label .file-box .fa-plus{width:16px;height:16px;line-height:16px;text-align:center;color:#999;position:absolute;left:41px;top:41px;z-index:1}
.add-attr>.attr-label .file-box .triangle{width:11px;height:7px;background:url(../img/triangle-up.png) no-repeat 0 0;position:absolute;left:43px;top:-7px}
.add-attr>.attr-label .file-box .file-btn,.add-attr>.attr-label .file-box .file-pic{width:100%;height:100%;position:absolute;left:0;top:0}
.add-attr>.attr-label .file-box .file-btn{opacity:0;z-index:4}
.add-attr>.attr-label .file-box .file-pic{border-radius:5px;overflow:hidden;z-index:2}
.add-attr>.attr-label .file-box .replace-tips{width:100%;height:20px;line-height:20px;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;z-index:3}
.add-attr>.attr-label .file-box img{width:100%;height:100%}*/
.file-box-small{width:100px;height:100px;line-height:98px;margin-top:12px;text-align:center;border:1px solid #e6e6e6;border-radius:5px;position:relative}
.file-box-small .fa-plus{width:16px;height:16px;line-height:16px;text-align:center;color:#999;position:absolute;left:41px;top:41px;z-index:1}
.file-box-small .triangle{width:11px;height:7px;background:url(../img/triangle-up.png) no-repeat 0 0;position:absolute;left:43px;top:-7px}
.file-box-small .file-btn,.file-box-small .file-pic{width:100%;height:100%;position:absolute;left:0;top:0}
.file-box-small .file-btn{opacity:0;z-index:4}
.file-box-small .file-pic{border-radius:5px;overflow:hidden;z-index:2}
.file-box-small .replace-tips{width:100%;height:20px;line-height:20px;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;z-index:3}
.file-box-small img{width:100%;height:100%}
.add-panel{width:400px;height:50px;padding:10px;background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.35);border-radius:3px;position:absolute;z-index:10}
.add-panel .triangle{width:11px;height:7px;background:url(../img/triangle-up.png) no-repeat 0 0;position:absolute;left:20px;top:-7px}
.add-panel .attr-box{display:inline-block;width:280px;height:30px;vertical-align:middle;position:relative}
.add-panel .attr-box-bd{width:100%;background:#fff;border:1px solid #ccc;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;position:absolute;left:0;top:0}
.add-panel .attr-box-bd.active{border-color:#3c8cc8}
.add-panel .attr-text-box{padding:1px 3px}
.add-panel .attr-text-box .attr-label{float:left;height:20px;margin:3px}
.add-panel .attr-text-box .attr-name{display:inline-block;height:20px;line-height:18px;padding:0 3px;font-size:12px;background:#f0f0f0;border:1px solid #ddd;border-radius:3px}
.add-panel .attr-text-box .attr-name .text{margin-right:2px}
.add-panel .attr-text-box .attr-name .close-even,.add-attr>.attr-label .attr-name .close-even{color:#999}
.add-panel .attr-text-box .attr-name .close-even:hover,.add-attr>.attr-label .attr-name .close-even:hover{color:#337ab7}
.add-panel .attr-text-box .attr-text{float:left;width:100%;height:26px;line-height:26px;padding:0 3px;border:none;background:none;outline:none}
.add-panel .attr-list{padding:1px 5px;overflow-y:auto}
.add-panel .attr-list li{height:26px;line-height:26px;padding:0 5px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.add-panel .attr-list li.active{background:#3c8cc8;color:#fff}
.form-btn{margin-top:30px;text-align:center}
.power-list li{float:left;width:20%}
.power-list li .fa-wrench{font-size:12px;color:#999}
.power-list li a,.form-table .batch-check a{color:#337ab7}
.menu-list li{width:25%;padding:0 0 10px}
.menu-list li .url{color:#999}
.flow-list li{min-height:55px;padding-left:30px;position:relative}
.flow-list li .line{width:0;height:100%;border-left:1px solid #e6e6e6;position:absolute;left:7px;top:3px;z-index:1}
.flow-list li:last-child .line{display:none}
.flow-list li .dot{display:block;width:14px;height:14px;border-radius:100%;background:#3c8cc8;position:absolute;left:0px;top:0;z-index:2}
.flow-list li .text span{margin-right:15px}
.flow-list li .text .remark{display:block;color:#999}
.addgoods-bar{margin-bottom:80px}
.ctg-select .ctg-item{float:left;width:30%;height:340px}
.ctg-select .arrow{float:left;width:5%;height:340px;background:url(../img/arrow.png) no-repeat center center}
.ctg-select .ctg-list{height:300px;margin-top:6px;border:1px solid #e1e1e1;overflow:auto}
.ctg-select .ctg-list li{height:35px;line-height:34px;padding:0 10px;color:#666;border-bottom:1px solid #e6e6e6}
.ctg-select .ctg-list li:last-child{border-bottom:none}
.ctg-select .ctg-list li.active{background:#46aaf0;color:#fff}
.upload-file{width:96%;height:150px;margin:0 auto;border:3px dashed #ccc;border-radius:8px}
.upload-form{width:100%;height:100%;position:relative}
.upload-form .file-text{width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;z-index:5}
.upload-form .upload-tips{width:100%;height:100%;line-height:150px;text-align:center;font-size:16px;color:#999}
.add-goods-pic h3{height:30px;line-height:30px;font-size:14px}
.add-goods-pic h3:nth-of-type(2){margin-top:20px}
.add-goods-pic .file-box{width:302px;height:302px;margin:10px auto 0;text-align:center;border:1px solid #e6e6e6;position:relative}
.add-goods-pic .file-box .fa-plus{width:20px;height:20px;line-height:20px;text-align:center;font-size:24px;color:#999;position:absolute;left:140px;top:140px;z-index:1}
.add-goods-pic .file-box .file-btn,.add-goods-pic .file-box .file-pic{width:100%;height:100%;position:absolute;left:0;top:0}
.add-goods-pic .file-box .file-btn{opacity:0;z-index:4}
.add-goods-pic .file-box .file-pic{overflow:hidden;z-index:2}
.add-goods-pic .file-box .replace-tips{width:100%;height:25px;line-height:25px;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;z-index:3}
.add-goods-pic .file-box img{width:100%;height:100%}
.goods-thums{margin-top:10px}
.goods-thums li{float:left;width:30%;margin-right:5%}
.goods-thums li:last-child{margin-right:0}
.goods-thums li img{width:100%}
.album-list li{float:left;width:16%;margin:2% 2% 0 2%;border:1px solid #e6e6e6;border-radius:5px;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;position:relative;overflow:hidden}
.album-list li.hover{border-color:#46aaf0}
.album-list li .pic-box{padding-top:100%;position:relative}
.album-list li .max-size{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:translate(50%,50%);-moz-transform:translate(50%,50%);-o-transform:translate(50%,50%);transform:translate(50%,50%)}
.album-list li img{max-width:100%;max-height:100%;position:absolute;left:0;top:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.album-list li .pic-ft{height:32px;padding:10px 70px 6px 6px;position:relative}
.album-list li .pic-name{height:16px;line-height:16px;font-size:12px;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.album-list li .set{display:block;width:16px;height:16px;line-height:16px;text-align:center;color:#999;position:absolute;bottom:5px}
.album-list li .set:hover{color:#337ab7}
.album-list li .arrow-left{right:46px}
.album-list li .arrow-right{right:26px}
.album-list li .delete{right:5px}

.trees {
    max-height: 500px;
    overflow: hidden;
    overflow-y: scroll;
}
.trees .tree-checkbox, .tree-title {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
}

.trees .tree-checkbox {
    margin-right: 8px;
    outline: none;
}

.trees .tree-menu {
    margin-left: 15px;
}

.trees .tree-title, .tree input[type='checkbox'] {
    cursor: pointer;
}

.tree .tree-title:hover {
    color: #8a6d3b;
}

.trees .tree-menu {
    display: none;
}





.row-menu {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e6e6e6;
}

.main-menu {
    padding: 15px;
}

.main-row input[type=checkbox] {
    margin-right: 3px;
    vertical-align: -1px;
}

.col-menu {
    padding-bottom: 15px;
}

.three-img {
    width: 50px;
    height: 50px;
    vertical-align: top;
}

.tip {
    margin-top:15px;
    margin-bottom: 10px;
    color: #666;
}

.tip span {
    border-bottom: 1px solid #e6e6e6;
}




.img-box {
    width: 400px;
}
.img-box img{width:100%;height:100%;}

.type1 .one {
    width: 353px;
    height: 140px;
}

.img-box div {
    position: relative;
}

.img-box div:before {
    display: block;
    content: '';
    width: 50px;
    height: 2px;
    background: #bbb;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)
}

.img-box div:after {
    display: block;
    content: '';
    width: 2px;
    height: 50px;
    background: #bbb;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%)
}

.type2 .l {
    width: 172px;
    height: 223px;
    margin-right:-1px;
}

.type2 .rt, .type2 .rb {
    width: 180px;
    height: 112px;
}

.type2 .rb:last-child {
    margin-top: -1px;
}



.type2 .tr:before, .type2 .tr:after {
    display: none;
}

.img-box .add-hidden:before, .img-box .add-hidden:after {
    display: none;
}

.type3 .l {
    width: 172px;
    height: 222px;
    margin-right:-1px;
}

.type3 .rt, .type3 .rb {
    width: 180px;
    height: 112px;
    margin-top:-1px;
}



.type3 .b div {
    width: 118px;
    height: 150px;
  margin-top:-1px;
  margin-left:-1px;
}


.mt5 {
    margin-top: 5px;
}

.type4 .r {
    width: 159px;
    height: 223px;
    margin-left:-1px;
}

.type4 .l .ll {
    width: 97px;
    height: 134px;
}

.type4 .l .lr {
    width: 97px;
    height: 134px;
    margin-left:-1px;
}

.type4 .l .lb {
    width: 193px;
    height: 90px;
    margin-top: 133px;
}
.type5 .l {
    width: 177px;
    height: 228px;
    margin-left:-1px;
}
.upload-box .img-room {
    width: 150px;
    height: 150px;
    border: 1px solid #bbb;
}

.upload-box .upload-btn {
    margin-top: 65px;
    margin-left: 15px;
}

.upload-box .inp-box {
    margin-top: 165px;
}

.panel-body-tit {
    padding-bottom: 10px;
}

.bord {
    border: 1px solid #bbb;
}