@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td{margin:0;padding:0;}
button,html,input,select,textarea{font-family:sans-serif}
body{font:14px/1.5 "Hiragino Sans GB","microsoft yahei",sans-serif;color:#333;background:#fff;}
a{color:#333;text-decoration:none}
em,i{font-style:normal}
li{list-style-type:none;list-style:none;}
ul,ol,dl,li{list-style:none;}
input,button,select,textarea{outline:none;box-sizing:border-box}
/*** 基础 ***/
.I-con{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.I-row{padding:5px 10px;margin-right:-15px;margin-left:-15px}
.I-box{float:left;box-sizing:border-box;overflow:hidden;}
.I-1,.I-10,.I-11,.I-12,.I-2,.I-3,.I-4,.I-5,.I-6,.I-7,.I-8,.I-9{float:left}
.I-12{width:100%}
.I-11{width:91.66666667%}
.I-10{width:83.33333333%}
.I-9{width:75%}
.I-8{width:66.66666667%}
.I-7{width:58.33333333%}
.I-6{width:50%}
.I-5{width:41.66666667%}
.I-4{width:33.33333333%}
.I-3{width:25%}
.I-2{width:16.66666667%}
.I-1{width:8.33333333%}
.I-pg{box-sizing:border-box;}
.I-pg:first-child{padding-right:5px;}
.I-pg:not(:first-child):not(:last-child){padding:0 5px;}
.I-pg:last-child{padding-left:5px;}
/*** 公共 ***/
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background-color:#fff;}
::-webkit-scrollbar-thumb{background-color:#f36;border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background-color:#f36}
::-webkit-scrollbar-thumb:active {background-color:#f36}
.clear{zoom:1}
.clear:after,
.clear:before{content:" ";display:block;}
.clear:after{clear:both;height:0;font-size:0}

/*** 导航 ***/
.I-nav{height:40px;line-height:40px;margin-bottom:10px;font-size:18px;background:#fff;border-bottom:1px solid #e0e0e0;overflow:hidden;}
.I-nav>li{height:25px;line-height:25px;border-left:1px solid #e0e0e0;display:inline-block;text-align:center;}
.I-nav>li:first-child{border:none;}
.I-nav>li a{margin:0 10px;}
.I-nav>li a.on{color:#f36;}
.I-nav>dl{float:right;line-height:21px;}
.I-nav>dl .btn{height:30px;line-height:30px;padding:0 10px;margin:0;}
/*** 条件 ***/
.I-term{}

/********** 表单 **********/
.F-item{margin-bottom:10px;clear:both;}
.F-item:after{content:'';display:block;clear:both;}
.F-item .F-txt{float:left;width:180px;line-height:36px;margin-right:-100%;padding-right:10px;color:#999;text-align:right;}
.F-item .F-txt:after{content:'：';}
.F-item .F-con{float:left;width:100%;}
.F-item .F-con .F-row{margin-left:180px;}
.F-item .F-con .F-row:after{content:'';display:block;clear:both;}
.F-item .F-con .F-row:not(:last-child){margin-bottom:10px;}
.F-item .F-con .text{line-height:36px;display:block;}
.F-submit{float:left;margin-left:180px;overflow:hidden;}
/*** 输入框 ***/
.J_form input.input-t{width:100%;height:34px;padding:0 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;display:block;}
.J_form textarea{width:100%;height:auto;padding:6px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;display:block;}
.J_form input:hover{border:1px solid #f36;}
/*** 输入框+按钮 ***/
.input-btn{position:relative;display:table;border-collapse:separate;}
.input-btn>input{position:relative;float:left;width:100%;height:34px;padding:0 12px;border:1px solid #ccc;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;display:table-cell;box-sizing:border-box}
.input-btn>label{position:relative;width:1%;vertical-align: middle;white-space:nowrap;display:table-cell;}
.input-btn>label span,
.input-btn>label button{width:100%;height:34px;line-height:34px;padding:0 12px;font-size:14px;color:#fff;background:#F36;border:1px solid #f36;border-radius:4px;border-top-left-radius: 0;border-bottom-left-radius: 0;text-align:center;white-space:nowrap;vertical-align:middle;display:inline-block;cursor:pointer;}
.input-btn>label i{padding:0 4px;}
.input-btn:hover>input{border:1px solid #f36;}
/*** 上传 ***/
.I-file{position:relative;display:table;border-collapse:separate;}
.I-file>input{position:relative;float:left;width:100%;height:34px;padding:0 10px;border:1px solid #ccc;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;display:table-cell;box-sizing:border-box}
.I-file>label{position:relative;width:1%;padding:0 10px;color:#fff;background:#F36;border:1px solid #f36;border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;vertical-align: middle;white-space:nowrap;display:table-cell;}
.I-file>label input[type=file]{position:absolute;right:0;top:0;width:1%;opacity:0}
.I-file:hover>input{border:1px solid #f36;}
.I-img{position:relative;float:left;overflow:hidden;}
.I-img:not(:last-child){margin-right:10px;margin-bottom:10px;}
.I-img>dd{position:relative;padding:30px;border:1px dashed #999;border-radius:4px;display:block;cursor:pointer;}
.I-img>dd i{font-size:60px;color:#999;}
.I-img>dd input[type=file]{position:absolute;right:0;top:0;width:100%;height:100%;opacity:0}
.I-img>img{position:absolute;right:0;top:0;width:100%;height:100%;padding:5px;box-sizing:border-box;}
/*** 复选框 ***/
.J_checkbox{float:left;margin:5px 0;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.J_checkbox:first-child:not(:last-child){margin-right:10px;}
.J_checkbox input[type=checkbox]{display:none}
.J_checkbox>dl{position:relative;height:36px;line-height:34px;padding-right:30px;border:1px solid #d2d2d2;font-size:0;border-radius:4px;transition:.1s linear;box-sizing:border-box!important;}
.J_checkbox>dl:hover{border:1px solid #c2c2c2}
.J_checkbox>dl span{padding:0 10px;font-size:14px;background-color:#d2d2d2;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;vertical-align:middle;}
.J_checkbox>dl:hover span{background-color:#c2c2c2}
.J_checkbox>dl i{position:absolute;right:0;top:50%;margin-top:-14px;width:28px;color:#fff;font-size:24px}
.J_checkbox>dl:hover i{color:#c2c2c2}
.J_checkbox>dl.on{border:1px solid #f36}
.J_checkbox>dl.on span{background-color:#f36;}
.J_checkbox>dl.on i{color:#f36;}

/*** 单选框 ***/
.J_radio{float:left;}
.J_radio input[type=radio]{display:none}
.J_radio>dl{line-height:36px;margin-right:10px;cursor:pointer;}
.J_radio>dl i{margin-right:8px;font-size:22px;color:#c2c2c2;display:inline-block;vertical-align:middle;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.J_radio>dl i:hover,
.J_radio>dl.on i{color:#f36;}
.J_radio>dl span{font-size:14px;display:inline-block;vertical-align:middle;}
.J_radio>dl.no,
.J_radio>dl.no:hover{color:#d2d2d2!important;cursor:not-allowed!important;}

/*** 下拉框 ***/
.J_select{position:relative;float:left;display:inline-block;}
.J_select:first-child:not(:last-child){margin-right:10px;}
.J_select select{display:none}
.J_select input[type=text]{height:34px;line-height:38px;padding-left:10px;padding-right:30px;border:1px solid #ccc;background-color:#fff;border-radius:4px;font-size:14px;display:block;cursor:pointer;}
.J_select i{position:absolute;right:10px;top:50%;margin-top:-9px;cursor:pointer;border-width:6px;color:#ccc;transition:all .3s;-webkit-transition:all .3s}
.J_select .select-con{padding-top:7px;}
.J_select .select-con dl{display:none;position:absolute;left:0;top:42px;min-width:100%;padding:5px 0;z-index:999;border:1px solid #ccc;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:4px;box-sizing:border-box}
.J_select .select-con dl dd,.J_select dl dt{padding:0 10px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.J_select .select-con dl dt{font-size:12px;color:#999}
.J_select .select-con dl dd{cursor:pointer}
.J_select .select-con dl dd:hover{background-color:#f2f2f2}
.J_select .select-con dl dd.on{background-color:#f36;color:#fff}

/*** SKU ***/
.J-sku{margin:5px 0;}
.J-sku .sku-txt{margin:5px 0;}
.J-sku label{position:relative;height:36px;line-height:34px;margin:5px 0;padding-right:30px;border:1px solid #d2d2d2;font-size:0;border-radius:4px;transition:.1s linear;box-sizing:border-box!important;display:inline-block;}
.J-sku label>input[type=checkbox]{display:none}
.J-sku label:hover{border:1px solid #c2c2c2}
.J-sku label span{padding:0 10px;font-size:14px;background-color:#d2d2d2;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;vertical-align:middle;}
.J-sku label:hover span{background-color:#c2c2c2}
.J-sku label i{position:absolute;right:0;top:50%;margin-top:-14px;width:28px;color:#fff;font-size:24px}
.J-sku label:hover i{color:#c2c2c2}
.J-sku label.on{border:1px solid #f36}
.J-sku label.on span{background-color:#f36;}
.J-sku label.on i{color:#f36;}
.J-sku table .sku-text{width:100%;height:34px;padding:0 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;display:block;}
.J-sku em{margin:0 5px;}

/*按钮*/
.btn{height:34px;line-height:34px;padding:0 10px;margin:3px;border:1px solid #F36;background:#F36;border-radius:3px;font-size:14px;color:#fff;text-align:center;display:inline-block;cursor:pointer;white-space:nowrap;}
a.btn>i,
em>i,
button.btn>i{margin-right:10px;}
input.btn,
button.btn{height:36px;line-height:36px;}

.btn-submit{float:right;width:120px;}
.btn-info{background:#23c6c8;border-color:#23c6c8;color:#fff;}
.btn-green{background:#1ab394;border-color:#1ab394;color:#fff;}
.btn-orange{background:#ffa500;border-color:#ffa500;color:#fff;}
.btn-red{background:#ff0000;border-color:#ff0000;color:#fff;}
.btn-silver{background:#c0c0c0;border-color:#c0c0c0;color:#fff;}
.btn-add{}
/*** 按钮组 ***/
.btn-s{white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;user-select:none;overflow:hidden;}
.btn-s>.btn,
.btn-no>.btn{float:left;padding:0 10px;margin:0;border-radius:4px;font-size:14px;font-weight:400;text-align:center;border:1px solid #e7eaec;background:transparent;color:#333;cursor:pointer;display:inline-block;}
.btn-s>.btn:first-child:not(:last-child),
.btn-no>label.btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;}
.btn-s>.btn:last-child:not(:first-child),
.btn-no>label.btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;}
.btn-s>.btn:not(:first-child):not(:last-child){margin:0 -1px;border-radius:0;}
.btn-s>.btn:hover{color:#fff;background:#f36;border:1px solid #f36;}

.btn-no{width:120px;float:left;background:#fff;}
.btn-no>.no{color:#fff;background:#f36;border:1px solid #f36;}
.btn-no>.off{color:#333;background:#fff;}
.btn-no input[type=radio]{display:none;}

/********** 表单 **********/

/********** 表格 **********/
.I-table{width:100%;margin-bottom:20px;border:1px solid #e7e7e7;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;}
.I-table>table{width:100%;max-width:100%;margin-bottom:0px;border:0;border-spacing:0;border-collapse:collapse;}
.I-table>table>tbody>tr:nth-of-type(odd){background-color:#f9f9f9;}
.I-table>table>thead>th{text-align:center;}
.I-table>table>tbody>tr>td,
.I-table>table>tbody>tr>th,
.I-table>table>tfoot>tr>td,
.I-table>table>tfoot>tr>th,
.I-table>table>thead>tr>td,
.I-table>table>thead>tr>th{border:1px solid #e7e7e7;line-height:1.42857;padding:8px;vertical-align:middle;white-space:nowrap;}
.I-table>table>thead:first-child>tr:first-child>th{border-top:0;}
.I-table>table>thead>tr>th:first-child,
.I-table>table>tbody>tr>td:first-child{border-left:0;}
.I-table>table>thead>tr>th:last-child,
.I-table>table>tbody>tr>td:last-child{border-right:0;}
.I-table>table>tbody>tr:last-child>td,
.I-table>table>tbody>tr:last-child>th,
.I-table>table>tfoot>tr:last-child>td,
.I-table>table>tfoot>tr:last-child>th{border-bottom:0;}

.I-table .check{width:30px;text-align:center;}
.I-table .name{width:30%;min-width:120px;}
/********** 表格 **********/

/*** 分页 ***/
.I-page{overflow:hidden;}
.I-page .total{float:left;padding:4px 10px;}
.I-page .page{float:right;}
.I-page .page .current{float:left;background:#f36;border: 1px solid #DDD;margin-left:-1px;padding:4px 10px;border:#f36;text-decoration: none;color: #fff;cursor: default;z-index: 2;}
.I-page .page a,
.I-page .page .num{float:left;display: inline;border:1px solid #DDD;line-height: 1.42857;margin-left: -1px;padding: 4px 10px;position: relative;text-decoration: none;}
.I-page .page .prev{margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.I-page .page .next{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}