@charset "utf-8";
body{
  font-family: "Helvetica Neue","Helvetica","Lucida Grande","Arial","Hiragino Sans GB","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif";
}

ul{
  padding: 0;
  margin:0;
}
ul>li{
  list-style: none;
}
ul.inline-ul{
  font-size:0;
}
ul.inline-ul>li{
  vertical-align: top;
  display: inline-block;
  font-size:14px;
}
.btn-warning{
  background: #ff6d25;
  color:#fff;
  border: 0 none;
}
.btn-warning:hover{
  background: #f54b10;
  color:#fff;
  border: 0 none;
}
input[type=checkbox], input[type=radio] {
    margin: 0px 0 0 !important;
}

/*头部导航栏*/
#tab{
  background: #fff;
  width: 100%;
  margin-left:200px;
  padding-right:210px;
  padding-top:10px;
  padding-bottom: 0;
  margin-bottom: 10px;
  position: fixed;
  top:45px;
  left:15px;
  z-index:500;
  min-width:1200px;
  border-bottom:1px solid #e9e9e9;
}
#tab.clearfix{
  margin-left:0;
}
#tab .left{
  float: left;
  width:50%;
}
#tab ul{
  width:100%;
  font-size: 0;
  margin-bottom: 0;
  padding-right:10px;
  position: relative;
  top:1px;
  padding-left: 0;
}
#tab ul>li{
  margin-right: 0px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}
#tab ul>li>a{
  display: inline-block;
  padding:10px 15px;
  color:#999;
  font-size: 14px;
  border-bottom: 3px solid transparent;
  border: 1px solid transparent;
  border-top: 2px solid transparent;
}
#tab ul>li>a:hover{
  text-decoration: none;
  background-color: #f4f4f4;
  color:#000;
  border-bottom-color: transparent;
}
#tab ul>li>a:hover span{
  color:#017fc0;
}
#tab ul>li.active>a{
  color:black;
}
#tab ul>li.active>a>span{
  color:#017fc0;
}
#tab ul>li>a>span{
  display: inline-block;
  margin:0 4px;
  color: #ccc;
  line-height: 18px;
  font-size: 13px !important;
}

#tab ul>li.active>a{
	border:1px solid #f4f4f4;
	border-top:2px solid #017fc0;
	border-bottom-color:#fff !important;
}
#tab ul>li>a>span{
	font-size: 14px !important;
}
/*#tab ul>li:nth-child(1) a{
  border-left-color: transparent !important;
}*/
#tab .pull-right{
	
	margin-right: 15px;
}
/*新订单提示框*/
#new_order_tip{
  position: fixed;
  width:300px;
  padding:10px 10px;
  text-align: center;
  background-color: #ff6d25;
  background-color: rgba(255,108,96,0.8);
  color:white;
  right:-300px;
  bottom:20px;
  font-size:16px;
  overflow: hidden;
  display: none;
}
#new_order_tip>.close{
  font-size:20px;
}
#new_order_tip>.tip{
  display: inline-block;
  padding:10px 0;
}
#new_order_tip>.tip>.fa{
  font-size:24px;
  margin:0 5px;
  position: relative;
  top:3px;
}
#new_order_tip>.tip>.platform{
  font-weight: bolder;
  font-size: 20px;
  margin:0 2px;
  letter-spacing: 1px;
}

.logo .fl-left img{
  height: 0px;
  margin-top: -10px;
  margin-left: 60px;
}
.account:focus{
  outline: none;
  color: black;
  border-bottom: 1px solid #368eff;
}
.div-error{
  border: 1px solid #E4E5E6;
  background-color: #E4E5E6;
  color: red;
  padding-left: 5px;
  visibility: visible;
  border-radius: 4px;
}
#wrap{
  min-width: 100%;
  position: absolute;
  min-height: 100%;
  overflow: hidden;
}
#wrap.active .leftMeun{
  display: none;
}

.leftMeun {
	position: fixed;
	left:0px;
	top:0px;
	box-sizing: border-box;
	width: 118px;
	height: 100%;
	background: #36c;
	z-index: 999;
  font-size:14px !important;
}
.leftMeun>.menu{
  padding-left: 0;
}
.leftMeun>.menu>ul>li.active{
  /*background-color: #04b;*/
}
#toggle_menu{
  position: fixed;
  display: inline-block;
  width:35px;
  height:35px;
  border-radius: 35px;
  line-height: 35px;
  padding-left:15px;
  left:118.5px;
  top:49%;
  font-size:20px;
  background-color: #666;
  color:white;
  z-index:998;
  cursor: pointer;
}
#wrap.active #toggle_menu{
  left:1.0px;
}
#wrap.active #toggle_menu>.fa{
  -webkit-transform:rotate(-0.5turn);
  -moz-transform:rotate(-0.5turn);
  -ms-transform:rotate(-0.5turn);
  -o-transform:rotate(-0.5turn);
  transform:rotate(-0.5turn);
}
#toggle_menu:hover{
  background-color: #444;
}
#rightContent {
  float: left;
  padding:20px;
  padding-left: 220px;
  min-width: 100%;
  min-height: 500px;
}
#wrap.active #rightContent{
  padding-left: 20px;
}

/*左侧菜单栏*/
.angle{
  display: inline-block;
  width: 10px; 
  height: 10px;
  background: url("/images/menu.png") -115px -5px;

/*  -webkit-transform: rotate(-.25turn);
  -moz-transform: rotate(-.25turn);
  -ms-transform: rotate(-.25turn);
  -o-transform: rotate(-.25turn);
  -transform: rotate(-.25turn);*/
}

.leftMeun .logo{
  position: absolute;
  left:30px;
  top:15px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  padding:3px;
  overflow:hidden;
}
.leftMeun .logo>a{
  display: inline-block;
  width:100%;
  height: 100%;
}
.leftMeun .logo>a>img{
  width:100%;
  height:100%;
  border-radius: 50%;
}
.leftMeun .inf{
  color: white;
}
.leftMeun .inf>.name{
  display: inline-block;
  margin-bottom: 5px;
}
.leftMeun .inf>.toolbar{
  position: relative;
}
.leftMeun .inf>.toolbar>.btns{
  width: 95px;
  cursor: pointer;
  background: url("/images/menu.png") 0 0;
}
.leftMeun .inf>.toolbar .fa{
  color:black;
}
.leftMeun .inf>.toolbar>.btns>.more{
  font-size:12px;
  color:white;
  margin:0;
}
.leftMeun .inf>.toolbar.active .expend{
  display: block;
}
.leftMeun .inf>.toolbar.active>.btns .angle{
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.leftMeun .inf>.toolbar>.btns>span{
  display: inline-block;
  vertical-align: top;
  padding: 5px;
}
.leftMeun .inf>.toolbar>.btns>.set{
  width:25px;
  height:26px;
  padding: 5px 6px;
  border-right:1px solid black;
}
.leftMeun .inf>.toolbar>.btns>.set>span{
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/images/menu.png") -97px -4px;
}
.leftMeun .inf>.toolbar .more>span:first-child{
  display: inline-block;
  color:#999;
  padding-right: 20px;
}
.leftMeun .inf>.toolbar .more>.angle{
  position: relative;
  left:-5px;
}
.leftMeun .inf>.toolbar>.expend{
  position: absolute;
  width:100%;
  top:25px;
  background-color: #36c;
  color:white;
  border:1px solid black;
  z-index:2;
  display: none;
}
.leftMeun .inf>.toolbar>.expend>a:first-child{
  border-bottom:1px solid #333;
}
.leftMeun .inf>.toolbar>.expend>a{
  display: block;
  font-size:12px;
  text-align: center;
  padding:5px;
  color:#999;
}
.leftMeun .inf>.toolbar>.expend>a:hover{
  color:#169BE0;
  text-decoration: none;
}

.line-div {
  color: #F00;
  height: 5px;
}
/*二级菜单*/
.menu>ul li{
  width:100%;
}
.menu>ul>li>span{
  display:block;
  line-height: 40px;
  height: 40px;
  color: white;
  cursor: pointer;
  /*border-top:1px solid #333;*/
  padding:0 10px;
}
.menu>ul>li:last-child>span{
  /*border-bottom:1px solid #333;*/
}
.menu>ul a,
.menu>ul a:link,
.menu>ul a:visited,
.menu>ul a:hover,
.menu>ul a:active{
  text-decoration:none;
  display: block;
}
.menu>ul>li>span{
  position: relative;
}
.menu>ul>li>span a{
  color:white!important;
}
.menu>ul>li>span a>i{
  margin:0 10px;
}
.menu>ul>li>span>.icon{
  display: inline;
  position: absolute;
  top:0px;
  right:15px;
  color:black;

  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
}
.menu>ul>li.expend>span>.icon{
  -webkit-transform:rotate(.25turn);
  -moz-transform:rotate(.25turn);
  -ms-transform:rotate(.25turn);
  -o-transform:rotate(.25turn);
  transform:rotate(.25turn);
}
.menu>ul>li.active>span>a>.glyphicon,
.menu>ul>li.active>span>a>.fa{
  color:#fff;
}
.menu>ul>li>span>a>.glyphicon,
.menu>ul>li>span>a>.fa{
  font-size: 14px;
}
.menu>ul>li:not(.active)>span:hover{
  color:#ff6d26;
}
.menu>ul>li.active>span>a{
  color: white;
}
.menu>ul>li>ul{
  display: none;
}
.menu>ul>li.active>ul{
  display: block;
}
.menu>ul>li>ul>li{
  height:35px;
  line-height:35px;
  padding-left:40px;
  background-color: #3b7689;
}
.menu>ul>li>ul>li:first-child{
  /*padding-top: 6px;*/
}
.menu>ul>li>ul>li:last-child{
  padding-bottom: 6px;
}
.menu>ul>li>ul>li.active,
.menu>ul>li>ul>li:hover{
  color: #ff6d26;
}
.menu>ul>li>ul>li.active>a,
.menu>ul>li>ul>li:hover>a{
  color:#169BE0;
}
.menu>ul>li>ul>li>a{
  color:#939393;
}

/*新手指南模块*/
.guide_popover .popover-navigation .btn{
  margin:2px;
}
.guide_popover .popover-title{
  background-color: #444;
  color:white;
}

/*活动模块样式*/
.activity-list{
  margin-bottom: 70px;
  overflow:hidden;
  zoom:1;
}
.activity-list p{
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
.activity-list li{
  float: left;
  width:25%;
  margin-bottom: 15px;
}
.activity-list li>.box{
  position: relative;
  width: 97%;
  height: 350px;
  border: 1px solid #ddd;
  padding: 0 15px;
  margin: 0 auto;
}
.activity-list .title{
  font-weight: bolder;
  font-size:16px;
  margin-top:10px;
  color:#ff6d25;
}
.activity-list .desc{
  color:#666;
}
.activity-list .pic{
  width: 165px;
  height: 95px;
  margin: 15px auto;
}
.activity-list .bottom{
  margin-top: 10px;
  border-top: 1px solid #e7e7eb;
  padding-top: 10px;
  overflow: hidden;
  height:75px;
  zoom:1;
}
.activity-list .detail{
  float: left;
  width:50%;
}
.activity-list .detail>p{
  text-align: right;
}
.activity-list .detail.left{
  border-right: 1px dashed #e7e7eb;
}
.activity-list .detail.left>p{
  text-align:left;
}
.activity-list .rec{
  width: 46px;
  height: 30px;
  display: block;
  position: absolute;
  left: 10px;
  top: 0;
}
.activity-list .btn{
  display: block;
  margin: 15px auto;
  border-radius: 4px;
  width:82px;
}

/*表格模板*/
.table{
  border:1px solid #DDDDDD;
}
.table>thead>tr>th{
  border-bottom-width:1px;
  font-weight:normal;
  color: #333;
}
.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td{
  vertical-align: middle;
}

/*表格模板*/
.table1{

}
.table1>thead>tr>th{

}
.table1>thead>tr>th,
.table1>tbody>tr>td
{
  padding:5px 5px;
  vertical-align: middle;
}
table th{
  padding:5px;
  font-size:14px;
  color:gray;
  background-color: #f4f4f4;
}
table th>span{
  display: inline-block;

  vertical-align: bottom;

}
table th .name{
  display: inline-block;
  width:100px;
  vertical-align: bottom;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table th>.sort{
  display: inline-block;
  height:20px;
  vertical-align: bottom;
}
table th>.sort>span{
  display: block;
  height:50%;
  cursor: pointer;
}
table th>.sort>span:hover>i,table th>.sort>span.active>i{
  color:#ff6d25;
}
table th>.sort>span>i{
  position: relative;
  top:-5px;
}
table td{
  position: relative;
  color:#666;
  font-size: 14px;
}
table>tbody>tr.none{
  text-align: center;
}
table>tbody>tr.none>td{
  padding:50px 0;
  font-size:20px;
}
.table-bordered{
  border: 1px solid #f4f4f4;
}
/*分页组件*/
.page-chooser{
  height:40px;
  padding:5px 0;
  display: inline-block;
}
.page-chooser.fixed{
  position: fixed;
  width:100%;
  left:0;
  bottom:0;
  background-color: #f1f2f7;
  z-index:99;
}
.page-chooser>.main{
  float:right;
  margin:0 10px;
}
.page-chooser>.left{
  float:left;
  margin-left:210px;
  margin-top:8px;
}
.page-chooser>.main>.inf{
  display: inline-block;
  height:32px;
  line-height: 32px;
  vertical-align: top;
  margin:0 5px;
  font-size:14px;
  color:#666;
}
.page-chooser>.main>.inf>span{
  /*color:#ff6d25;*/
  color:#ff6d25;
  font-weight: bolder;
  padding:0 2px;
  font-size:15px;
}
.pagination{
  margin: 0;
}
.pagination>li>a,.pagination>li>span{
  padding:4px 8px;
}
.page-chooser-blue .pagination>li>span,
.page-chooser-blue .pagination>li>a,
.page-chooser-blue .pagination>li>a:link,
.page-chooser-blue .pagination>li>a:visited,
.page-chooser-blue .pagination>li>a:hover,
.page-chooser-blue .pagination>li>a:active{
  color:#368eff;
}
.page-chooser-blue .pagination>li.active>a:hover{
  background-color:#6bc2ff;
  border-color:#6bc2ff;
}
.page-chooser-blue .pagination>li.active>a{
  background-color: #368eff;
  color:white;
  border-color:#368eff;
}
.page-chooser-red .pagination>li>span,
.page-chooser-red .pagination>li>a,
.page-chooser-red .pagination>li>a:link,
.page-chooser-red .pagination>li>a:visited,
.page-chooser-red .pagination>li>a:hover,
.page-chooser-red .pagination>li>a:active{
  color:#ff6d25;
}
.page-chooser-red .pagination>li.active>a:hover{
  background-color:#ff7c70;
  border-color:#ff7c70;
}
.page-chooser-red .pagination>li.active>a{
  background-color: #ff6d25;
  color:white;
  border-color:#ff7c70;
}
.page-chooser-gray .pagination>li>span,
.page-chooser-gray .pagination>li>a,
.page-chooser-gray .pagination>li>a:link,
.page-chooser-gray .pagination>li>a:visited,
.page-chooser-gray .pagination>li>a:hover,
.page-chooser-gray .pagination>li>a:active{
  color:#666;
}
.page-chooser-gray .pagination>li.active>a:hover{
  background-color:#a9a9a9;
  border-color:#a9a9a9;
}
.page-chooser-gray .pagination>li.active>a{
  background-color: #666;
  color:white;
  border-color:#666;
}

/*表单模板*/
#form-modal form{
  width:600px;
  margin: 0 auto;
}
form .form-group>label{
  width:100px;
  color:#666;
  font-size:16px;
  float:left;
  font-weight:200;
  text-align: right;
  margin-right:25px;
  line-height: 29px;
}
form .form-group>label>i{
  margin: 2px;
}
form .form-group>.text{
  color:#666;
  line-height: 29px;
}
form .form-group>.group{
  padding-left:130px;
}
form .form-group>.group>div{
  margin-bottom:10px;
  min-height: 26px;
}
form .form-group>.group>div>label{
  width:150px;
  color:#666;
  font-size:16px;
  float:left;
  text-align: right;
  margin-right:25px;
  line-height: 29px;
}
form .btns{
  width:120px;
  margin: 0 auto;
  margin-top: 25px;
}
form .btns>.btn{
  letter-spacing: 1px;
}

/*必填标记*/
.must{
  color:red;
}
i.must{
  font-style: normal;
  margin-left:2px;
}

/*提示标签*/
.label-tip{
  display: inline-block;
  color:#666;
  padding:5px 10px;
  box-shadow:2px 1px 5px #666;
  border-left:5px solid #368eff;
}

/*进度条*/
.progress-xs{
  height:10px;
}
.progress-xs .progress-bar{
  line-height: 11px;
  font-size:12px;
}
.progress-sm{
  height:15px;
}
.progress-sm .progress-bar{
  line-height: 16px;
}
.progress-bar{
  width:10%;
  background-color: #666;

  -webkit-transition: width .1s ease-in-out;
  -moz-transition: width .1s ease-in-out;
  -o-transition: width .1s ease-in-out;
  transition: width .1s ease-in-out;
}
.progress-blue .progress-bar{
  background-color: #368eff;
}
.progress-red .progress-bar{
  background-color: #ff6d25;
}
.progress-green .progress-bar{
  background-color: #91c940;
}

/*主题颜色*/
.text-blue{
  color:#368eff;
}
.text-red{
  color:#ff6d25;
  font-weight:400;
}
.text-deepred{
  color:#f62424;
  font-weight:400;
}
.text-green{
  color:#91c940;
  font-weight:400;
}
.text-gray{
  color:#999;
}
.text-ashy{
  color:#aeadad;
  font-weight:400;
}
.bg-blue{
  background-color: #368eff;
  color:white;
  padding:2px;
}
.bg-red{
  background-color: #ff6d25;
  color:white;
  padding:2px;
}
.bg-green{
  background-color: #91c940;
  color:white;
  padding:2px;

}
.bg-gray{
  background-color: #666999;
  color:white;
  padding:2px;
}

/*按钮*/
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  color:white;
}
.btn:link,
.btn:visited,
.btn:hover,
.btn:active{
  color:#fff;
}
.btn-blue:link,
.btn-blue:visited,
.btn-blue:hover,
.btn-blue:active{
  color:#368eff;
}
.btn-red:link,
.btn-red:visited,
.btn-red:hover,
.btn-red:active{
  color:#ff6d25;
}
.btn-green:link,
.btn-green:visited,
.btn-green:hover,
.btn-green:active{
  color:#91c940;
}
.btn-gray:link,
.btn-gray:visited,
.btn-gray:hover,
.btn-gray:active{
  color:#666;
}
/*蓝色按钮*/
.btn-blue{
  color:#fff;
  background:#368eff;
}
.btn-blue:hover{
  color: #fff;
  background-color: #227ae6;
}
.btn-red{
  color:#fff;
  background:#6D9970;
}
.btn-red:hover{
 background: #587D5B; 
 color:#fff;
}
.btn-red-h{
  color:#b0b0b0;
  background:#fff;
  border:1px solid #b0b0b0;
}
.btn-red-h:hover{
  color: #6c6c6c;
  background-color: #fff;
}
.btn-green{
  color:#fff;
  background:#91c940;
}
.btn-green:hover{
  color: #fff;
  background-color: #a1d950;
}
.btn-gray{
  color:#fff;
  background:#666;
}
.btn-gray:hover{
  color: #fff;
  background-color: #a9a9a9;
}
/*反转按钮*/
.btn-blue.reverse{
  color:#368eff;
  background: white;
  border:1px solid #368eff;
}
.btn-blue.reverse:hover,.btn-blue.reverse.active{
  background-color:#368eff;
  color:white;
}
.btn-red.reverse{
  color: #169BE0;
  background: white;
  border: 1px solid #169BE0;
}
.btn-red.reverse:hover,.btn-red.reverse.active{
  color:#017fc0;
  background: white;
  border:1px solid #017fc0;
}
.btn-green.reverse{
  color:#63b94f;
  background: white;
  border:1px solid #63b94f;
}
.btn-green.reverse:hover,.btn-green.reverse.active{
  background-color:#63b94f;
  color:white;
}
.btn-gray.reverse{
  color:#666;
  background: white;
  border:1px solid #e5e5e5;
}
.btn-gray.reverse:hover,.btn-gray.reverse.active{
  background-color:#666;
  color:white;
  border: 1px solid #666;
}
/*禁用按钮*/
.btn.disabled{
  background-color: #666999;
  color:white;
  cursor:default;
}

/*搜索工具栏//height:40px;padding-bottom:10px;*/
.filter-toolbar{

  padding-top:-5px;
  margin:5px 0;
}
.filter-toolbar .btn{
  padding:3px 12px;
  position: relative;
  top:-1px;
}
.filter-toolbar a{
  vertical-align: middle;
}
.filter-toolbar input,.filter-toolbar select{
 
  font-size:14px;
  border-radius: 2px;
  color:#666;
  border-color:#dcdcdc;
}
.filter-toolbar select:focus{
  outline: none;
  border:1px solid #368eff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.filter-toolbar .group{
  margin:0 2px;
}
.filter-toolbar .group>label{
  font-size:14px;
  padding:0 3px;
  color:#666;
}
.filter-toolbar .group>div{
  display: inline-block;
}
.calendar-inputWrap {
	display: inline-block !important;
}
/*按钮组*/
.btn-group{

}
.btn-group>.btn{
  color:#666;
  background-color: white;
  border:1px solid #666;
}
.btn-group>.btn:not(.active):hover{
  background-color: #666;
  color:white;
}
.btn-group>.btn.active{
  background: #666;
  color:white;
}
.btn-group-blue>.btn{
  color:#368eff;
  border:1px solid #368eff;
}
.btn-group-blue>.btn:not(.active):hover{
  background-color: #368eff;
}
.btn-group-blue>.btn.active{
  background: #368eff;
}
.btn-group-red>.btn{
  color:#368EFF;
  border:1px solid #368EFF;
}
.btn-group-red>.btn:not(.active):hover{
  background-color: #368EFF;
}
.btn-group-red>.btn.active{
  background: #368EFF;
}
.btn-group-green>.btn{
  color:#91c940;
  border:1px solid #91c940;
}
.btn-group-green>.btn:not(.active):hover{
  background-color: #91c940;
}
.btn-group-green>.btn.active{
  background: #91c940;
}

/*链接样式*/
a{
  color:#368eff;
  text-decoration: none!important;
}
a:link{
  color:#368eff;
  text-decoration: none!important;
}
a:visited{
  color:#368eff;
  text-decoration: none!important;
}
a:hover{
  color:#ff6d25;
  text-decoration: none!important;
}
a:active{
  color:#368eff;
  text-decoration: none!important;
}
a.disabled{
  color:#666;
  cursor:text;
}
a.disabled:hover{
  text-decoration: none;
}
a>.fa{
  margin:0 2px;
}

/*输入框样式*/
.input,input{
  position: relative;
  padding:2px 5px;
  color:gray;
  font-size:14px;
  border:1px solid #dcdcdc;
}
.input.focus,.input:focus,input:focus{
  outline: none;
  color:black;
  border-color: #368eff;
}
.input.error{
  border-color:#ff6d25;
}
.input.success{
  border-color:#91c940;
}

/*文本编辑框样式*/
textarea{
	padding:5px 5px;
	border-color:#dcdcdc;
	border-radius:2px;
}
textarea:focus{
  outline: none;
  border-color:#368eff;
}

/*常用功能*/
/*选中显示隐藏组件*/
.choose-show .toggle{
  display: none;
}
.choose-show.active .toggle{
  display: block;
}
/*上传组件*/
.upload{
  width:200px;
  overflow:hidden;
  zoom:1;
}
.upload>.show{
  float:left;
  width:80px;
  height:80px;
  font-size:15px;
  line-height: 1.2;
  background-color: #666;
  color:white;
  border-radius: 4px;
}
.upload>.show>img{
  width:100%;
  height:100%;
}
.upload>.btn{
  margin-left:10px;
  margin-top: 45px;
}

/*复选框样式*/
.checkbox {
  display:inline-block;
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top:-1px;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  position: relative;
  top:2px;
  width:16px;
  height: 19px;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-blue input[type="checkbox"]:checked + label::before,
.checkbox-blue input[type="radio"]:checked + label::before {
  background-color: #368eff;
  border-color: #368eff;
}
.checkbox-red input[type="checkbox"]:checked + label::before,
.checkbox-red input[type="radio"]:checked + label::before {
  background-color: #ff6d25;
  border-color: #ff6d25;
}
.checkbox-green input[type="checkbox"]:checked + label::before,
.checkbox-green input[type="radio"]:checked + label::before {
  background-color: #91c940;
  border-color: #91c940;
}
/*多选盒子*/
.checkbox-box{
  display: inline-block;
  position: relative;
  width:80px;
  height:30px;
  margin-right:8px;
  margin-bottom:10px;
}
.checkbox-box input[type="checkbox"]{
  margin: 0;
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:2;
  opacity:0;
  cursor: pointer;
}
.checkbox-box input[type="radio"]{
  margin: 0;
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:2;
  opacity:0;
  cursor: pointer;
}
.checkbox-box label{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  line-height: 30px;
  text-align: center;
  border:1px solid #ccc;
  border-radius:1px;
  font-weight:400!important;
}
.checkbox-box label::before{
  font-family: "FontAwesome";
  font-size:12px;
  content:"\f00c";
  width:16px;
  height:16px;
  border-radius: 100%;
  background-color: #666;
  color:white;
  text-align: center;
  line-height: 16px;
  position: absolute;
  right:-8px;
  bottom:-8px;
  display: none;
}
.checkbox-box input[type="radio"]:checked+label::before{
  display: inline-block;
}
.checkbox-box input[type="checkbox"]:checked+label{

}
.checkbox-box input[type="checkbox"]:checked+label::before{
  display: inline-block;
}
.checkbox-box-blue input[type="checkbox"]:checked+label{
  color:#368eff;
  border-color:#368eff;
}
.checkbox-box-blue input[type="checkbox"]:checked+label::before{
  background-color: #368eff;
}
.checkbox-box-red input[type="checkbox"]:checked+label{
  color:#ff6d25;
  border-color:#ff6d25;
}
.checkbox-box-red input[type="checkbox"]:checked+label::before{
  background-color: #ff6d25;
}
.checkbox-box-green input[type="checkbox"]:checked+label{
  color:#91c940;
  border-color:#91c940;
}
.checkbox-box-green input[type="checkbox"]:checked+label::before{
  background-color: #91c940;
}

.checkbox-box-blue input[type="radio"]:checked+label{
  color:#368eff;
  border-color:#368eff;
}
.checkbox-box-blue input[type="radio"]:checked+label::before{
  background-color: #368eff;
}

/*单选框样式*/
.radio {
  display:inline-block;
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  position: relative;
  top:3px;
  width:15px;
  height:19px;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-blue input[type="radio"] + label::after {
  background-color: #368eff;
}
.radio-blue input[type="radio"]:checked + label::before {
  border-color: #368eff;
}
.radio-blue input[type="radio"]:checked + label::after {
  background-color: #368eff;
}

.radio-red input[type="radio"] + label::after {
  background-color: #ff6d25;
}
.radio-red input[type="radio"]:checked + label::before {
  border-color: #ff6d25;
}
.radio-red input[type="radio"]:checked + label::after {
  background-color: #ff6d25;
}

.radio-green input[type="radio"] + label::after {
  background-color: #91c940;
}
.radio-green input[type="radio"]:checked + label::before {
  border-color:  #91c940;
}
.radio-green input[type="radio"]:checked + label::after {
  background-color:  #91c940;
}
/*滑动单选框*/
.radio-slide{
  position: relative;
  display: inline-block;
  width:60px;
  height:30px;
  background-color: white;
  border-radius:30px;
  border:1px solid #666;
}
.radio-slide.disabled{
  opacity: 0.8;
}
.radio-slide input[type="checkbox"]{
  opacity:0;
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  margin: 0;
  z-index:3;
  cursor: pointer;
}
.radio-slide .icon{
  position: absolute;
  left:0;
  top:-1px;
  width:30px;
  height:30px;
  padding:3px;
  z-index:2;

  -webkit-transition: left .3s ease-in-out;
  -moz-transition: left .3s ease-in-out;
  -o-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out;
}
.radio-slide.checked .icon{
  left:29px;
}
.radio-slide .icon>span{
  display: inline-block;
  width:100%;
  height:100%;
  border-radius:100%;
  background-color: #666;
  position: relative;
  top:-1px;
}
.radio-slide .icon>span>span{
  display: inline-block;
  width:13px;
  height:13px;
  border-radius: 100%;
  position: relative;
  left:5.5px;
  top:6px;
  box-shadow:inset 0px 1px 2px #ccc;
  background-color: white;
}
.radio-slide .inf{
  position: absolute;
  top:0;
  display: inline-block;
  height:30px;
  line-height: 30px;
  color:#666;
}
.radio-slide.checked .inf{
  color:white;
}
.radio-slide .inf.on{
  left:7px;
  display: none;
}
.radio-slide.checked .inf.on{
  display: inline-block;
}
.radio-slide .inf.off{
  right:7px;
}
.radio-slide.checked .inf.off{
  display: none;
}
.radio-slide.checked{
  background-color: #666;
}
.radio-slide.checked .icon>span{
  background-color: white;
}
.radio-slide.checked .icon>span>span{
  background-color:#666;
  box-shadow: inset 0px 1px 2px #444;
}
/*迷你*/
.radio-slide-xs{
  width:40px;
  height:20px;
}
.radio-slide-xs .icon{
  width:20px;
  height: 20px;
  padding: 2px;
}
.radio-slide-xs.checked .icon{
  left:20px;
}
.radio-slide-xs .icon>span>span{
  width:8px;
  height:8px;
  top:-1px;
  left:4px;
}
.radio-slide-xs .inf{
  height:20px;
  line-height: 20px;
  font-size:13px;
}
.radio-slide-xs .inf.on{
  left:4px;
}
.radio-slide-xs .inf.off{
  right:4px;
}
/*小型*/
.radio-slide-sm{
  width:50px;
  height:25px;
}
.radio-slide-sm .icon{
  width:25px;
  height: 25px;
  padding: 3px;
}
.radio-slide-sm.checked .icon{
  left:25px;
}
.radio-slide-sm .icon>span>span{
  width:11px;
  height:11px;
  top:2px;
  left:4px;
}
.radio-slide-sm .inf{
  height:25px;
  line-height: 25px;
  font-size:15px;
}
.radio-slide-sm .inf.on{
  left:5px;
}
.radio-slide-sm .inf.off{
  right:5px;
}
/*颜色皮肤*/
.radio-slide-blue{
  border:1px solid #368eff;
}
.radio-slide-blue .icon>span{
  background-color: #368eff;
}
.radio-slide-blue .inf{
  color:#368eff;
}
.radio-slide-blue.checked{
  background-color: #368eff;
}
.radio-slide-blue.checked .icon>span>span{
  background-color: #368eff;
  box-shadow: inset 0px 1px 2px #666;
}
.radio-slide-red{
  border:1px solid #ff6d25;
}
.radio-slide-red .icon>span{
  background-color: #ff6d25;
}
.radio-slide-red .inf{
  color:#ff6d25;
}
.radio-slide-red.checked{
  background-color: #ff6d25;
}
.radio-slide-red.checked .icon>span>span{
  background-color: #ff6d25;
  box-shadow: inset 0px 1px 2px #666;
}
.radio-slide-green{
  border:1px solid #91c940;
}
.radio-slide-green .icon>span{
  background-color: #91c940;
}
.radio-slide-green .inf{
  color:#91c940;
}
.radio-slide-green.checked{
  background-color: #91c940;
}
.radio-slide-green.checked .icon>span>span{
  background-color: #91c940;
  box-shadow: inset 0px 1px 2px #666;
}

/*小帮助*/
.sm-help{
  font-size:14px;
  cursor:pointer;
}
.sm-tip{
  padding:8px 10px;
  display: inline-block;
  border-left:5px solid #666;
  font-size:14px;
  background-color: #eee;
}
.sm-tip .icon{
  margin-right:3px;
}
.sm-tip-blue{
  color:#444;
  border-left-color:#368eff;
  background-color: #cdf2ff;
}
.sm-tip-blue .icon{
  color:#368eff;
}
.sm-tip-red{
  color:#444;
  border-left-color:#ff6d25;
  background-color: #ffece0;
}
.sm-tip-red .icon{
  color:#ff6d25;
}
.sm-tip-green{
  color:#444;
  border-left-color:#91c940;
  background-color: #bdfab1;
}
.sm-tip-green .icon{
  color:#91c940;
}
/*信息提示框*/
.tip-frame{
  position: absolute;
  min-width:100px;
  max-width:450px;
  min-height: 20px;
  z-index:9999;
  font-size: 12px;
  display: none;
}
.tip-frame.active{
  display: block;
}
.tip-frame::before{
  position: absolute;
  content:"";
  border:5px solid transparent;
  top:-10px;
  left:45%;
}
.tip-frame>span{
  display: block;
  text-align: center;
  padding:5px 10px;
  line-height: 1.5;
}
#tf-msg{
  background-color: #2A3542;
  background-color: rgba(0,0,0,0.6);
}
#tf-msg::before{
  border-bottom-color: #2A3542;
  border-bottom-color: rgba(0,0,0,0.6);
}
#tf-msg>span{
  color:white;
}
#tf-form{
  background-color: white;
  background-color: rgba(255,255,255,0.8);
  border:1px solid #ff6d25;
  border-color:rgba(255,128,140,0.8);
  z-index:99999;
}
#tf-form::before{
  border-bottom-color: #ff6d25;
  border-bottom-color:rgba(255,128,140,0.8);
}
#tf-form>span{
  color:#ff6d25;
}

/*弹出框*/
.popframe{
  position: fixed;
  text-align: center;
  box-shadow: 2px 1px 10px gray;
  font-size:17px;
  display: none;
  background-color: white;
  z-index:9999;
}
.popframe.active{
  display: inline-block;
}
/*信息弹出框*/
#pf-msg{
  padding: 30px 80px;
  min-width:300px;
  min-height:100px;
  top:50%;
  left:50%;
  margin-top:-50px;
  margin-left:-150px;
}
#pf-msg .icon{
  font-size:25px;
}
#pf-msg .tip{
  position: relative;
  top:-2px;
}
#pf-msg.fail{
  color:#ff6d25;
}
#pf-msg.success{
  color:#91c940;
}
#pf-msg.fail .icon .success{
  display: none;
}
#pf-msg.success .icon .fail{
  display: none;
}
/*确认弹出框*/
#pf-confirm{
  min-width:350px;
  min-height:230px;
  padding-top:20px;
  padding-bottom:10px;
  top:50%;
  left:50%;
  margin-left:-175px;
  margin-top: -115px;
}
#pf-confirm>p{
  padding:0 80px;
  margin-bottom:10px;
}
#pf-confirm .icon{
  font-size:50px;
  color:#ff6d25;
}
#pf-confirm .text{
  font-size:20px;
  color:#666;
}
#pf-confirm .tip{
  font-size:14px;
  color:#666;
}
#pf-confirm .operate{
  padding-top:10px;
  border-top:1px solid #ccc;
}
#pf-confirm .operate button{
  letter-spacing: 1px;
}

/*遮罩层*/
.screen{
  position: fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color: white;
  background-color: rgba(255,255,255,0.8);
  z-index:999;
  display: none;
}
.screen.active{
  display: block;
  /*padding-top:6%;*/
  background: rgba(0,0,0,0.5);
}
.pf-modal.active>.main{
  animation :action_skew 0.3s ;
}
.close_mtk>.main{
  animation :action_skew_close 0.3s !important;
}
@keyframes action_skew{  
  0%{opacity: 0.6;transform:scale(0.1,0.1);}  
  10%{opacity: 0.6;transform:scale(0.2,0.2);}
  20%{opacity: 0.6;transform:scale(0.3,0.3);} 
  30%{opacity: 0.6;transform:scale(0.4,0.4);}  
  40%{opacity: 0.6;transform:scale(0.5,0.5);}   
  50%{opacity: 0.7;transform:scale(0.6,0.6);}
  60%{opacity: 0.7;transform:scale(0.7,0.7);}  
  70%{opacity: 0.8;transform:scale(0.8,0.8);}  
  80%{opacity: 0.8;transform:scale(0.9,0.9);} 
  90%{opacity: 0.9;transform:scale(0.9,0.9);} 
  100%{opacity: 1;transform:scale(1,1);} 
}
@keyframes action_skew_close{  
  0%{transform: translateX(-0px);opacity: 1;}  
  10%{ transform: translateX(-350px);opacity: 1;}
  20%{ transform: translateX(-500px);opacity: 0.9;} 
  30%{ transform: translateX(-750px);opacity: 0.9;}  
  40%{ transform: translateX(-900px);opacity: 0.8;}   
  50%{ transform: translateX(-1150px);opacity: 0.7;}
  60%{ transform: translateX(-1300px);opacity: 0.6;}  
  70%{ transform: translateX(-1550px);opacity: 0.5;}  
  80%{ transform: translateX(-1700px);opacity: 0.4;} 
  90%{ transform: translateX(-1950px);opacity: 0.3;} 
  100%{ transform: translateX(-3500px);opacity: 0.2;}  
}   
/*遮罩层*/
.login{
  position: fixed;
  width:100%;
  /*height:100%;*/
  top:0;
  left:0;
  background-color: white;
  background-color: rgba(255,255,255,0.8);
  /*z-index:999;*/
  display: none;
}
.login.active{
  display: block;
}
#loading>.icon{
  min-width:200px;
  height:160px;
  margin:auto;
  position: relative;
}
#loading>.icon>img{
  display: block;
  width:80px;
  height: 80px;
  margin: 0 auto;
}
#loading>.icon>p{
  margin:10px 0;
}
#loading>.icon>.progress{
  width:400px;
  margin:0 auto;
  display: none;
}
#loading.progress>.icon>.progress{
  display: block;
}

.pf-modal>.main{
  position: relative;
  width:700px;
  min-height:400px;
  padding-bottom: 50px;
  box-shadow:0px 1px 10px gray;
  margin: auto;
  background-color: white;
}
.pf-modal>.main>.header{
  color:#666;
  padding:10px 15px;
  border-bottom:1px solid #e5e5e5;
  /*background-color: #f1f2f7;*/
}
.pf-modal>.main>.header>.close{
  float:right;
  position: relative;
  top:-2px;
  cursor: pointer;
}
.pf-modal>.main>.header>.close:hover{
  color:#ff6d25;
}
.pf-modal>.main>.body{
	min-height: 300px;
	padding:10px;
	/*margin-bottom:15px;*/
  overflow-y: auto
}
@media screen and (max-height:600px) { 
  .pf-modal>.main>.body{
    max-height: 450px;
  }
}
@media screen and (min-height: 600px) and (max-height: 700px){
  .pf-modal>.main>.body{
    max-height: 480px;
  }
}
@media screen and (min-height: 700px) and (max-height: 800px){
  .pf-modal>.main>.body{
    max-height: 530px;
  }
}
@media screen and (min-height: 800px) and (max-height: 1200px){
  .pf-modal>.main>.body{
    max-height: 580px;
  }
}
@media screen  (min-height:1300px){
  .pf-modal>.main>.body{
    max-height: 680px;
  }
}
.pf-modal>.main>.footer{
  position: absolute;
  width:100%;
  bottom:0;
  left:0;
  height:50px;
  /*border-top:1px solid #ddd;*/
  background-color: #f4f4f4;
}
.pf-modal>.main>.footer>.btns{
  width:190px;
  margin: 0 auto;
  padding:8px 15px;
}
.pf-modal>.main>.footer>.btns>.btn{
  letter-spacing: 1px;
  margin: 0 5px;
}

/*插件模块*/
/*数量输入器*/
.number-chooser{
  position: relative;
  display: inline-block;
  width:80px;
  height:29px;
  border:1px solid #dcdcdc;
}
.number-chooser.focus{
  border-color:#368eff;
  padding-right:15px;
}
.number-chooser>input{
  border:none;
  width:100%;
  height:100%;
  text-align: center;
}
.number-chooser>.operate{
  position: absolute;
  right:0;
  top:0;
  width:15px;
  height:100%;
  border-left:1px solid #368eff;
  display: none;
}
.number-chooser.focus>.operate{
  display: inline-block;
}
.number-chooser>.operate>span{
  display: inline-block;
  height:50%;
  width:100%;
  font-size:20px;
  float:left;
  cursor: pointer;
}
.number-chooser>.operate>span:first-child{
  border-bottom:1px solid #368eff;
}
.number-chooser>.operate>span>i{
  position: relative;
  width:100%;
  height:100%;
  top:-4px;
  left:2px;
  color:#368eff;
}
.number-chooser>.operate>span:hover{
  background-color: #368eff;
}
.number-chooser>.operate>span:hover>i{
  color:white;
}
/*横向数量选择器*/
.number-chooser.horizontal{
  width:90px;
  border:none;
  float:right;
  margin-right:4px;
  display: inline-block;
  vertical-align: top;
  margin-top:-4px;
  margin-bottom:-5px;
}
.number-chooser.horizontal>input,.number-chooser.horizontal>.val{
  display: inline-block;
  width:40%;
  margin-left:30%;
  margin-right:30%;
  padding:0;
  border:1px solid transparent;
  position: relative;
  z-index:2;
  font-size:10px;
  text-align: center;
}
.number-chooser.horizontal>.operate{
  display: inline-block;
  width:100%;
  height:100%;
  border:none;
  position: absolute;
}
.number-chooser.horizontal>.operate>span{
  position: absolute;
  width:25px;
  height:25px;
  top:2px;
  border:1px solid #ff6d25;
  color:#ff6d25;
  background-color: white;
  text-align: center;
  line-height: 25px;
  border-radius:50%;
  /*border-radius:5px;*/
}
.number-chooser.horizontal>.operate .add{
	background-color: #ff6d25;
	color:#fff;
}
.number-chooser.horizontal>.operate>span.disabled{
  border-color: #666;
  color:#666;
}
.number-chooser.horizontal>.operate>span.hide{
	display:none;
 
}
.number-chooser.horizontal>.operate>span.minus{
  left:0px;
}
.number-chooser.horizontal>.operate>span.add{
  right:0px;
}

/*可编辑输入框*/
.input-editor{
  position: relative;
  display: inline-block;
  width:200px;
  height:30px;
  border:1px solid transparent;
}
.input-editor input{
  width:100%;
  height:100%;
  padding-right:15px;
  border:none;
  
}
.input-editor .icon{
  position: absolute;
  right:2px;
  bottom:2px;
  width:10px;
  font-size:12px;
  color:transparent;
}
.input-editor .overlay{
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color: transparent;
  background-color: rgba(255,255,255,0.6);
  display: none;
}
.input-editor.loading .overlay{
  display:inline-block;
}
.input-editor .overlay>.loading{
  width:25px;
  margin: 0 auto;
  position: relative;
  top:2px;
}
.input-editor .overlay>.loading>img{
  width:100%;
}
.input-editor.hover{
  border-color:#666;
}
.input-editor.hover .icon{
  color:#666;
}
.input-editor.focus{
  border-color:#368eff;
}
.input-editor.focus .icon{
  color:#368eff;
}
.input-editor.change{
  border-color:#ff6d25;
}
.input-editor.change .icon{
  color:#ff6d25;
}
/*可切换输入框*/
.input-editor-toggle{
  display: inline-block;
  position: relative;
  width:200px;
  height:30px;
}
.input-editor-toggle .toggle-value{
  width:100%;
  height:100%;
  line-height: 30px;
}
.input-editor-toggle .toggle-edit{
  display: none;
}
.input-editor-toggle.active .toggle-value{
  display: none;
}
.input-editor-toggle.active .toggle-edit{
  display: inline-block;
  width:100%;
}
.input-editor-toggle.active .input-editor{
  width:100%;
}
.input-editor-toggle .toggle-value>.value{
  display: inline-block;
  width:100%;
  height:100%;
  padding-right:10px;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-editor-toggle .toggle-value>.edit{
  position: absolute;
  right:2px;
  top:0px;
  font-size:15px;
}
.input-editor-toggle .toggle-value>.edit:hover{
  color:#ff6d25;
  cursor: pointer;
}
/*弹出框垂直居中*/
.modal.in {
  display:box;
  -webkit-box: box!important;
  display: -moz-box;
  height:100%;
-webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-box-align:center;
  -moz-box-align:center;
}

select{
  min-width: 40px;
  height: 28px;
  border-color:#dcdcdc;
 /*  width:100%; */
}

/*会员顶部栏*/
#member-header{
  font-size:0;
}
#member-header>.box{
  display: inline-block;
  vertical-align: top;
  width:33.3333%;
  font-size:14px;
  padding:0 10px;
}
#member-header>.box:first-child{
  padding:0;
  padding-right:10px;
}
#member-header>.box:last-child{
  padding:0;
  padding-left:10px;
}
#member-header>.box>.main{
  position: relative;
  border:1px solid #cecece;
  height:80px;
}
#member-header>.box .icon{
  display: inline-block;
  position: absolute;
  left:-1px;
  top:-1px;
  width:80px;
  height:80px;
  padding:10px;
  background-color: #f8f8f8;
  color:#666;
  border:1px solid #cecece;
}
#member-header>.box .icon>img{
  width:60px;
  height:60px;
}
#member-header>.box p{
  margin-bottom: 5px;
}
#member-header>.box .info{
  padding:10px;
  padding-left:100px;
}
#member-header>.box .info .name{
  color:#666;
}
#member-header>.box .info .num{
  font-size:25px;
  font-weight: bolder;
}
#member-header>.box .info .btn{
  float: right;
  padding:2px 10px;
}

#tab>.left .icon{
  display: inline-block;
  width:20px;
  height:20px;
  
 
  color:#666;
  
}
#tab>.left .icon>img{
  width:18px;
  height:18px;
  margin-bottom:6px;
}
.ellipsis{
  display: inline-block;
  overflow:hidden!important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
td.ellipsis{
  display: table-cell;
}
.table-nobordered tr td{
	padding:5px;
}
.select-time .operate{
    color: #999;
    font-size: 25px;
    cursor: pointer;
    position: relative;
    top: 3px;
}
.select-time .operate:hover{
	color:#6ac1f9;

	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.inner {
    padding-right: .75rem;
    position: relative;
    width: 100%;
    padding-top: .4rem;
    padding-bottom: .35rem;
    min-height: 2.2rem;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
a{
	text-transform:none !important;
	text-decoration:none !important;
	text-decoration:none;
}
a:hover {text-decoration:none!important} 
.bar-tab {
	margin-bottom: 0;
	width: 100%;
	height: 2.5rem;
	padding-top: 0;
	table-layout: fixed;
	background: #f5f5f5;
}

@media screen and (max-width: 1300px){
  table,th,td,td a {
    font-size: 12px;
  }
  .filter-toolbar .btn {
    padding: 3px 5px!important;
  }
  #shop_body div.shop {
    min-width: 360px !important;
  }
  #tab {
      min-width: 1010px;
  }
}
.td-none {
    text-align:center;
    padding:40px !important;
    
}