/*@font-face {
	font-family: 'DINPro-Bold';
	src:url("../font/DINPro-Bold.woff.ttf") format("woff");
	    url("../font/DINPro-Bold.woff.ttf") format2("woff");
}*/
*{font-family: "微软雅黑";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; } 
input{ -webkit-appearance: none;}
textarea{-webkit-appearance: none;appearance: none;}
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{ width:100%; height:100%;}
:hover{ transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
body{ width:100%; height:100%; margin:auto; background-color:#f5f7f9;}
.dx-pc{display: block;}
.dx-app{display: none;}

/*登录*/
.dxbar1{ background:url(../images/dxloginbr2.jpg) no-repeat 0px 0px; background-size:100% 100%; height:100%; position:absolute;width:100%; float:left; display:block; height:100%;}
.dxbar1 .dxbar2{ position:fixed; top:180px; left:50%; border-radius:8px;  margin-left: -300px; right:0; width:600px; background-color:rgba(255, 255, 255, 0.87);box-shadow: 1px 1px 10px #535353;}
.dxbar1 .dxbar2 .dxbar3{ float:left; width:100%; margin-bottom:20px; height:70px; text-align:center; line-height:70px;border-top-left-radius:8px;border-top-right-radius:8px; background-color:#09ba07; font-size:28px; color:#fff;   }
.dxbar1 .dxbar2 .dxbar4{  float:left; width:100%; padding:0 25%;box-sizing: border-box; margin: 20px 0px 0px 0px;text-align: center; }
.dxbar1 .dxbar2 .dxbar3 a{color: #fff;}
.dxbarsa{float:left; width:100%; padding:0 25%;box-sizing: border-box; margin: 20px 0px 20px 0px;text-align: center; }
.dxbarsa a{float:left; color: #999;font-size: 14px;display:inline-block; margin-right: 15px;}
.dxbarsa a:hover{color: #09ba07;}
.dxbar1 .dxbar2 .dxbar4 h1{    margin:0 10px 0 0; font-size:16px; color:#828282; text-align:right; float:left; width:100px;    line-height: 40px;}
.dxbar1 .dxbar2 .dxbar4 input{font-size:16px; padding-left: 10px;color:#333;box-sizing: border-box; outline: medium; text-align:left;  width:100%; height:42px; border-radius:5px; border:1px solid #cacaca; background-color:#fff;}
.dxbar1 .dxbar2 .dxbar4 input:focus{border: 1px solid #09ba07;}
.dxbar1 .dxbar2 .dxbar5 input:focus{border: 1px solid #09ba07;}
.dxbar1 .dxbar2 .dxbar5{  float:left; width:100%; padding:0 25%;box-sizing: border-box;  margin: 20px 0px 0px 0px;text-align: center;}
.dxbar1 .dxbar2 .dxbar5 h1{  margin:0 10px 0 0; font-size:16px; color:#828282; text-align:right; float:left; width:100px;    line-height: 40px;}
.dxbar1 .dxbar2 .dxbar5 input{font-size:16px; padding-left: 10px;box-sizing: border-box;float: left; color:#333; outline: medium; text-align:left; display: inline-block; width:45%; height:42px; border-radius:5px; border:1px solid #cacaca; background-color:#fff;}
.dxbar1 .dxbar2 .dxbar6{  width:100%; padding:0 25%;box-sizing: border-box; margin:auto; text-align:center; height:50px; float: left; margin-top:30px; margin-bottom: 0px;}
.dxbar1 .dxbar2 .dxbar5 img{ cursor:pointer; width:140px;float: left; height:38px; margin:0px 0px 0px 14px;  background-color:#CCC;}
.dxbar1 .dxbar2 .dxbar6 button{ margin: auto; cursor:pointer; outline: medium; width:100%; height:50px; border-radius:8px; background-color:#09ba07; border:none; color:#fff; font-size:16px;}
.dxbar1 .dxbar2 .dxbar6 button:hover{ background-color:#09ba07; cursor:pointer;}
.dxbar1 .dxbar2 .dxbar6 button:active{ background-color:#666;  transition:All 0.2s ease-in-out; -webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out; -o-transition:All 0.2s ease-in-out; }
/*左侧*/
.dxsj-left{position: fixed;left: 0;top: 0;width: 8%; height: 100%; z-index: 1;background-color: #484848;}
.dxsj-yimg{float: left;width: 100%;text-align: center;color: #fff;font-size: 13px;}
.dxsj-yimg img{width: 62px;height: 62px;border-radius: 100px;overflow: hidden; margin: auto;display: block; margin-top: 10px; margin-bottom: 4px;}
.dxsj-leli{float: left;width: 100%; margin-top: 60px;}
.dxsj-leli ul li{float: left;width: 100%;height: 44px;text-align: center; line-height: 44px; margin-bottom: 10px;}
.dxsj-leli ul li:hover{background-color: #5f5f5f;}
.dxsj-leli ul li a{color: #fff;font-size: 15px;}
.dxsj-leli ul li.active{background-color: #fff;}
.dxsj-leli ul li.active a{color: #09ba07;}
/*右侧*/
.dxsj-right{float: right;right: 0;top: 0; width: 92%; height: 100%;}
.dxsj-riconter{float: left;width: 100%; height: 100%;overflow-y: auto;}
.dxsk-rhead{float: left;width: 100%; height: 60px;line-height: 60px;background-color: #fff;}
.drhetxt{float: left; margin-left: 25px;color: #000;font-size: 16px;font-weight: bold;}
.drhelogin{float: right; margin-right: 25px; height: 60px;}
.drhelogin a{float: left;display: inline-block;}
.drhelogin img{width: 40px; height: 40px;border-radius: 100px;overflow: hidden; margin-right: 8px;}
.drhelogin small{color: #000;cursor: pointer; font-size: 13px;display: inline-block;}
.drhelogin small:hover{color: #09ba07;}
/*中间内容*/
.dxsj-br{float: left; width: 100%; height:880px;overflow-y: auto; padding: 0 20px; background-color: #fff;box-sizing: border-box; border-top: 10px solid #f2f7f9;border-left: 10px solid #f2f7f9;border-right: 10px solid #f2f7f9;}
/*商品库*/
.dxsj-lit{float: left;width: 100%; padding: 28px 0 14px 0;border-bottom: 3px solid #f2f7f9;}
.dxsj-lit ul li{float: left; height: 32px;line-height: 32px;cursor: pointer;box-sizing: border-box; font-size: 14px; border-radius: 2px; margin-right: 14px;border: 1px solid #ddd; background-color:#fff;}
.dxsj-lit ul li.active{ background-color: #09ba07;border: 1px solid  #09ba07;}
.dxsj-lit ul li.active a{color: #fff;}
.dxsj-lit ul li a{color: #000;padding: 0 20px;}
.dxsj-lit ul li:active, .dxsj-shousou button:active{ -webkit-filter: brightness(0.98);filter: brightness(0.98);}
.dxsj-lit ul li:hover{border: 1px solid #09ba07;}
.dxsj-lit ul li:hover a{color:  #09ba07;}
.dxsj-lit ul li.active a:hover{color: #fff;}
.dxsj-shousou{float: left;width: 100%; padding: 28px 0 20px 0;}
.dxsj-shousou span{color: #333;font-size: 14px; width: 84px;display: inline-block;}
.dxsj-shousou input.ssconle{width: 450px; height: 40px;font-size: 13px; padding-left: 8px;box-sizing: border-box; border: 1px solid #d0d8d2;border-radius: 4px;
	transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.dxsj-shousou input.ssconle:focus, .shousou-con input.ortime:focus{border:none;outline: 0; border: 1px solid #09ba07;}
.dxsj-shousou button{width: 120px; height: 40px;color: #333;background-color: #fff; border: 1px solid #d0d8d2;border-radius: 4px; margin-left: 12px;}
.dxsj-shousou button:hover{border:1px solid #09ba07;color: #09ba07;}
.dxsj-list{float: left;width: 100%;}
.dxsj-listtab{float: left;width: 100%;border-bottom: 1px solid #ddd; margin: 20px 0 10px 0;}
.dxsj-listtab li h1{font-size: 16px;display: inline-block;line-height: 50px;position: relative;top: -1px;}
.dxsj-listtab li{float: left;line-height: 34px; margin-right: 50px;}
.dxsj-listtab li a{color: #333;font-size: 15px;}
.dxsj-listtab li.active a{color: #09ba07;font-weight: bold; border-bottom: 2px solid #09ba07;} 
.dxsj-listtab li.active:hover a{color: #09ba07;}
.dxsj-listtab li:hover a{color: #09ba07;}
.dxsj-pjxx{float: left;width: 100%;display: flex;align-items: center;justify-content: flex-start; margin: 10px 0 20px 0;}
.dxsj-pjxx input{display: inline-block;margin-right: 10px;}
.dxsj-pjxx .pjxalt a.active{color: #09ba07; border: 1px solid #09ba07;}
.dxsj-pjxx .pjxalt a{display: inline-block;color: #666;font-size: 14px;border-radius: 0px; border: 1px solid #e7efe9; padding: 0 15px; line-height: 30px; margin: 0 15px 0 0px; cursor: pointer;}
.dxsj-pjxx .pjxalts a{display: inline-block;color: #fff;font-size: 14px;border-radius: 0px; border: 1px solid #09ba07; padding: 0 15px;background: #09ba07; line-height: 30px; margin: 0 15px 0 0px; cursor: pointer;}
.dxsj-pjxx .pjxalt a:hover{color: #09ba07; border: 1px solid #09ba07;}
.dxsj-listcon ul li{display: none;}
.dxsj-listcon ul li.thisclass{display:block;}
.dxsj-table{float: left;width: 100%; margin-bottom: 25px;}
.dxsj-tableli{ display:-webkit-flex; display: flex;width: 100%;background-color: #f2f7f5; height: 45px;line-height: 45px; text-align: left;box-sizing: border-box;}
.dxsj-tableli div{ -webkit-flex:1; flex:1;	box-sizing: border-box;display: flex;align-items: center;padding: 0 10px;font-size: 14px;color: #333;font-weight: bold;}
.dxsj-tablelis{ display:-webkit-flex; display: flex;width: 100%;text-align: left;border-bottom:1px solid #ddd; box-sizing: border-box;}
.dxsj-tablelis:hover{background-color: #f2f6f7;}
.dxsj-tablelis div{ -webkit-flex:1; flex:1;box-sizing: border-box;display: flex;align-items: center;padding:20px 10px;color: #999;font-size: 14px; }
.dxsj-tablelis div p sub{color: #f00;font-size: 16px;position: relative;top: -1px;}
.dxsj-tablelis div p{line-height: 18px;}
.dxsj-tablelis .dx-color1 p{color: #333;display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.dxsj-tablelis .dx-color1 span.dxaps{width: 100%;display: inline-block; padding: 0px 0;}
.dxsj-tablelis .dx-color1 span.dxaps text{display: inline-block; width: 100%;}
.dxsj-tablelis .dx-color1 span.dxaps sub{color: #f00;font-size: 16px;}
.dxsj-tablelis .dx-color1 a{ padding: 0;margin: 0;line-height: normal;height: auto;display: contents;}
.dxsj-tablelis .dx-color5 img{width: 16px; height: 16px;border-radius: 0;cursor:pointer; margin-left: 4px;}
.dxsj-tablelis div img{width: 60px; height: 60px; margin-right: 10px; border-radius: 6px;}
.dxsj-tablelis div img.imgms{width: 54px; height: 54px;border-radius: 100px;}
.dxsj-tablelis div a{display: inline-block;  margin-right: 8px; padding: 0px 15px; height: 28px;line-height: 28px;}
.dxsj-tablelis div a.buttoncor2:hover{color: #09ba07;border: 1px solid #09ba07;}
.dxsj-tablelis div a:active, .dxsj-pjxx .pjxalts:active{opacity: 0.8;}
.dxsj-tablelis div a.buttoncor1{border-radius: 2px;color: #fff;background-color:#09ba07;}
.dxsj-tablelis div a.buttoncor2{border-radius: 2px;color: #666;background-color:#fff;border: 1px solid #ddd;}
/*添加商品*/
.listinput{float: left;width: 100%;display: flex;align-items: center; justify-content: flex-start; margin-bottom: 14px;}
.listinput img{ height: 40px;margin-right: 10px;cursor: pointer;}
.listinput span{color: #333;font-size: 14px;display: inline-block;width: 84px;text-align: left;}
.listinput select{padding-left: 8px;color: #000;font-size: 14px; box-sizing: border-box; width: 640px; height: 40px;border-radius: 4px;background:url(../images/dxsj1.png) no-repeat 98.8% center;background-size:8px 8px; border: 1px solid #ddd;}
.listinput input{padding-left: 8px;color: #000;font-size: 14px;box-sizing: border-box; width: 640px; height: 40px;border-radius: 4px;   border: 1px solid #ddd;}
.listinput textarea{padding-left: 8px;font-size: 14px; padding-top:8px;color: #000;box-sizing: border-box; width: 640px; height: 100px;border-radius: 4px;   border: 1px solid #ddd;}
.listinput select:focus, .listinput input:focus, .listinput textarea:focus{border:none;outline: 0; border: 1px solid #09ba07;}
.listinput .fiimg{display: inline-block;}
.listinput .fiimg img{width: 170px; height: 170px;cursor: pointer;}
.listinput .fiimg p{display: inline-block; width: 100%;color: #999;font-size: 13px; margin: 10px 0 20px 0;}
.listinput input.ssconle:hover{box-shadow:0 0 0 2px rgba(191, 191, 191, 0.1);}
.listinput input.ssconle:focus{border:1px solid #09ba07;outline: 0;box-shadow:0 0 0 2px rgba(22, 155, 213, 0.15);}
.dxsj-gg{float: left;width: 100%;    padding: 28px 0 28px 0; border-top: 3px solid #f2f7f9;}
.listinputle{float: left; width: 84px;}
.listinputle span.weight{font-size: 14px;font-weight: bold;color: #000;}
.dxsj-ggbox{float: left;width: 92%;background-color: #f2f2f2;box-sizing: border-box;padding:  25px;}
.dxsjggcon{float: left;width:100%;}
.dxsjggcon-h{float: left;width: 100%;font-size: 13px;color: #333; margin-bottom: 12px;}
.dxsjggcon-hl{float: left;width: 100%;}
.dxsjggcon-hl input{width: 25%;font-size: 13px; height: 35px; padding-left: 4px;box-sizing: border-box;border: 1px solid #ddd;}
.dxsjggcon-hl button{width: 140px; height: 35px;font-size: 13px; line-height: 35px;box-sizing: border-box;background-color: #09ba07;color: #fff;  margin: 0 5px 0 10px;}
.dxsjggcon-hl img, .dxsjggcon-hlis img{width: 22px; height: 22px;cursor: pointer;}
.dxsjggcon-hli{float: left;width: 100%; margin: 15px 0px 30px 0 ;}
.dxsjggcon-hlis{float: left;}
.dxsjggcon-hlis div{float: left;width: 100%;font-size: 13px;color: #333; margin-bottom: 12px;}
.dxsjggcon-hlis input{width: 120px;font-size: 13px; height: 35px; padding-left: 4px; margin: 0 5px 0 0px;box-sizing: border-box;border: 1px solid #ddd;}
.dxsjgg-bot{float: left;width: 100%;padding-left: 84px;box-sizing: border-box; margin: 20px 0;}
.dxsjgg-bot button{float: left; margin-right: 10px; width: 160px; height: 42px;line-height: 42px;font-size:13px;color: #fff; text-align: center;background-color:#09ba07;}
.dxsjgg-li{float: left;width: 92%;margin-left: 84px;box-sizing: border-box;}
.dxsjgg-liul{float: left;width:100%; box-sizing: border-box;background-color: #f2f2f2;padding:  25px 0 25px 0;}
.dxsjgg-liul ul{ width: 100%;    display: -webkit-flex;display: flex;}
.dxsjgg-liul ul li{-webkit-flex: 1;flex: 1;  box-sizing: border-box;  display: flex;  align-items: center; padding: 0 10px;  font-size: 14px; color: #333; font-weight: bold;}
.dxsjgg-liuls ul{ width: 100%;padding:  10px 0;    display: -webkit-flex;display: flex;border-bottom: 1px solid #ddd;}
.dxsjgg-liuls ul li{-webkit-flex: 1;flex: 1;  box-sizing: border-box;  display: flex;  align-items: center; padding: 0 10px;  font-size: 14px; color: #333;}
.dxsjgg-liuls ul li img{width: 60px; height: 60px;cursor: pointer;}
.dxsjgg-liuls ul li input{width: 120px;font-size: 13px; height: 35px; padding-left: 4px; margin: 0 5px 0 0px;box-sizing: border-box;border: 1px solid #ddd;}
.dxjs-jfsj{float: left;width: 100%;border-top: 3px solid #f2f7f9;}
.dxjs-jfsjpad{float: left;width: 100%;border-top: 3px solid #f2f7f9;padding-top: 25px;}
.listinputsj{float: left;width: 100%; margin: 28px 0 40px 0;}
.listinputsj span{color: #333;font-size: 14px;display: inline-block;width: 84px;text-align: left;}
.dxjs-jfsja{display: inline-block; font-size: 13px;}
.dxjs-jfsja input{ margin-right: 4px;}
.dxjs-jfsja label{float: left;cursor: pointer; margin-right: 20px;display: flex;align-items: center;}
.dxjs-footbutton{float: left;width: 100%; padding-left: 84px;box-sizing: border-box; margin-bottom: 80px;}
.dxjs-footbutton button{height: 40px; padding: 0px 70px;background-color:#09ba07;color: #fff;border-radius: 4px;margin-right: 10px;}
.topcla{display: inline-block;height: 35px; cursor: pointer; line-height: 35px; font-size:13px; padding: 0 22px; box-sizing: border-box; background-color: #09ba07;color: #fff; margin: 0 0px 0 10px;}
.dxsjggcon-hlbot{float: left;width: 100%; margin-bottom: 20px;}
.dxsjggcon-hlbot input{width: 25%;font-size: 13px; height: 35px; padding-left: 4px;box-sizing: border-box;border: 1px solid #ddd;}
button.butmaring{ margin-left: 40px;width: 140px; height: 35px;font-size: 13px; line-height: 35px;box-sizing: border-box;background-color: #09ba07;color: #fff;}
.dxsjggcon-hlbot img{width: 22px; height: 22px;cursor: pointer; margin-left: 5px;}
/*订单*/
.dxsj-ortime{float: left;display: inline-block; margin-left: 20px; }
.shousou-con{display: flex;align-items: center;justify-content: flex-start;}
.shousou-con input.ortime{    width:220px;  height: 40px; font-size: 13px; padding-left: 8px; box-sizing: border-box; border: 1px solid #d0d8d2;  border-radius: 4px; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;}
.shousou-con i{display: inline-block;font-style: normal; margin: 0 10px;font-size: 20px;}
/*订单详情*/
.dxsj-moback{  float: left;width: 100%;border-bottom: 1px solid #ddd; margin: 20px 0 10px 0;}
.dxsj-moback .dxsj-mic h1{display: inline-block; color: #333;line-height: 50px; font-size: 15px;}
.dxsj-moback .dxsj-mic{float: left;color: #333;height: 50px; display: flex;align-items: center;justify-content: flex-start; font-size: 15px;}
.dxsj-mobackcon{float: left;width: 100%;}
.mobackli{float:left; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding:20px 20px;box-sizing: border-box; border: 1px solid #eee;}
.mobackli ul li a{display: inline-block;margin-left: 12px; color: #2266aa;}
.mobackli ul{width: 50%;}
.mobackli ul li{float: left; width:45%;color:#444; padding-right: 5%;font-size: 14px;display: flex;align-items: center;justify-content: flex-start; height: 26px;}
.mobackli ul li p{color: #f00;}
.mobackli ul li span{color: #888;display: inline-block; width: 100px;}
.orderfz{float: left;width: 100%;}
.orderfz a{ float: left;height: 32px;margin: 6px 0 0 0; padding: 0 10px; line-height: 32px;cursor: pointer; box-sizing: border-box; font-size: 12px; border-radius: 2px; margin-right: 14px;  border: 1px solid #ddd;color: #666; background-color: #fff;}
.orderfz a:hover{color: #09ba07;border: 1px solid #09ba07;}
.dxsj-listcontop{float: left;width: 100%; margin-top: 30px;}
.dxsj-tableln{float: left; width: 100%; height: 100px; position: relative; text-align: left;border-bottom:1px solid #ddd; box-sizing: border-box;}
.dxsj-tableln:hover{background-color: #f2f6f7;}
.dxsj-tableln .dx-color10{line-height: 100px;position: absolute;font-size: 14px;color: #333; right: 498px;}
.dxsj-tableln .dx-color11{position: absolute;right: 198px;color: #444;}
.dxsj-tableln .dx-color11 p sub{color: #f00;font-size: 16px;position: relative;top: -1px;}
.dxsj-tableln .dx-color11 p{line-height: 26px;font-size: 14px;}
/*提货点*/
.adds-th{float: left;width: 100%;}
.adds-th ul li{position: relative; float: left;width: 100%;border-bottom: 1px solid #ddd; padding-bottom: 20px;margin-bottom: 20px;}
.adds-th ul li:nth-last-child(1){border-bottom:0; }
.adds-th ul li label{float: left; margin-right: 12px; margin-top: 2px;}
.adds-thtxt{float: left; width: 80%;}
.adds-thtxt p{color: #999;font-size: 14px;margin-bottom: 0;}
.adds-thtxt p.txth{font-size: 14px;color: #111;line-height: 30px;}
.adds-thtxt p.textcolor{ margin-top: 4px;font-size: 14px;}
.adds-thtxtr{position: absolute;right: 0;top: 0px;}
.adds-thtxtr a{float: left;  height: 35px;  cursor: pointer;line-height: 35px; font-size: 13px;  padding: 0 22px; box-sizing: border-box;  background-color: #09ba07;color: #fff;   margin: 0 0px 0 8px;}
.addsbjbox{  background-color: #fff;position: relative; border-radius: 0.4375rem; width: 40%;  color: #333;}
.addsbj{float: left;width: 100%;padding: 40px 10% 0 10%;box-sizing: border-box;text-align: right;}
.addsbji, .addsbjia{width: 100%;position: relative;display: flex;align-items: center;justify-content: flex-start; margin-bottom: 10px;}
.addsbjia img{ width: 20%;}
.addsbji a{font-size: 14px; width: 70%;display: inline-block; border: 1px solid #e4e4e4;color: #333;line-height: 40px;overflow: hidden; float: left;text-align: left; height: 40px;padding-left: 4px;border-radius: 4px;}
.addsbjiwl{float: left; width: 100%; margin-bottom: 25px;position: relative;}
.addsbjiwl .addtexta, .addsbji .addtexta, .addsbjia .addtexta{ float: left;font-size: 14px;color: #000; width: 22%;text-align: left;}
.addsbjiwl .addtexta p{color: #999;font-size: 12px;}

.addsbjiwl .addstabul{float: left; width: 72%; margin-bottom: 15px;}
.addsbjiwl .addstabul ul li{float: left;font-size: 12px; height: 30px;line-height: 30px;background-color:#fff; margin-right: 8px;}
.addsbjiwl .addstabul ul li.active a{color: #fff;background-color:#09ad07;border: 1px solid #09ad07;}
.addsbjiwl .addstabul ul li a{color: #333;padding: 0 30px;border: 1px solid #ddd;}
.addsbjiwl .addstabli{float: left; width: 100%; padding-left: 22%;box-sizing: border-box;}
.addsbjiwl .addstabli ul li{float: left; width: 100%;}
.addsbjiwl .addstabli ul li .addstabtxt{float: left;display: flex;align-items: center;justify-content: flex-start; margin-bottom: 10px}
.addsbjiwl .addstabli ul li .addstabtxt small{color: #666;font-size: 12px;display: inline-block;}
.addsbjiwl .addstabli ul li .addstabtxt input{border: 1px solid #ddd; width: 100px; height: 30px;margin: 0 8px; padding-left: 4px;box-sizing:border-box;}
.addstabli li.thisclass{display: block;}
.addstabli li{display: none;}
.addsbji img{cursor: pointer;margin-left: 8px; width: 25px;}
.addsbji select{font-size: 14px; width: 25%;float: left;text-align: left; height: 40px;padding-left: 4px;border-radius: 4px;}
.addsbji textarea{font-size: 14px; width: 70%; border: 1px solid #e4e4e4;float: left;text-align: left; height: 120px;padding-left: 4px;padding-top: 4px; border-radius: 4px;}
.addsbji input{font-size: 14px; width: 70%; border: 1px solid #e4e4e4;float: left;text-align: left; height: 40px;padding-left: 4px;border-radius: 4px;}
.sctangchuansle{float: left;width: 100%;display: flex;align-items: center;justify-content:center; padding: 30px 16px;box-sizing: border-box;}
.sctangchuansle a{ margin-left: 8px;border: 1px solid #ddd;color: #666;line-height: 40px; font-size: 15px; padding: 0 30px;border-radius: 4px;text-align: center;}
.sctangchuansle a.buttonbr8{background-color: #09ad07;color: #fff;}
/*数据报表*/
.dxsj-listcon{float: left; width: 100%;}
.conms{float: left;width: 100%;margin-bottom: 40px;}
.conmsli{float: left;cursor: pointer; color: #fff; width: 150px; height:85px; padding: 16px 10px 0 10px; border: 1px solid #fff;box-sizing: border-box;border-radius: 4px;margin-right: 16px;}
.conmsli:hover{opacity: 0.85;}
.conmsli .conts{font-size: 14px;display: flex;align-items: center;margin-bottom: 6px;}
.conmsli .conts img{ width: 16px; height: 16px;margin-left: 4px;}
.conmsli .conth{font-size: 18px;font-weight: bold; color: #fff;}
/*团员管理*/
.dxsj-tablelis .dx-color1 p span{background: #e7ffec;margin-left: 4px;position: relative;top: -1px; padding: 0px 4px; font-size: 12px; border-radius: 4px; color: #09ba07;}

/*效果*/
.dxsjgg-liuls ul:hover{background-color: #f2f6f7;}
.dxsjggcon-hl input:focus, .dxsjggcon-hlis input:focus, .dxsjgg-liuls ul li input:focus, .dxsjggcon-hlbot input:focus, .addsbji textarea:focus, .addsbji input:focus{border: 1px solid #09ba07;}
.dxsjggcon-hl button:hover, .dxsjgg-bot button:hover, .dxjs-footbutton button:hover, .topcla:hover, button.butmaring:hover, .adds-thtxtr a:hover{background-color:#09ad07;}
.dxsjggcon-hl button:active, .dxsjgg-bot button:active, .dxjs-footbutton button:active, .topcla:active, button.butmaring:active, .adds-thtxtr a:active{background-color: #666;}
.listinput .fiimg img:active, .dxsjgg-liuls ul li img:active, .addsbji img:active{ -webkit-filter: brightness(0.8); filter: brightness(0.8);}
/*弹窗*/
.nt-bo{position: fixed;z-index: 20; background-color: rgba(0, 0, 0, 0.35); width: 100%; height: 100%;top:0; overflow: hidden;display: flex;align-items: center;justify-content: center;}
.nt-bos{background-color: #fff;position: relative; border-radius: 0.4375rem; width: 50%; color: #333;}
.nt-bohwv{float: left; width: 100%;}
.nt-bohwv img{ margin: auto;display: block; width: 300px;height: 300px; margin-bottom: 30px;}
.nt-bos p{float: left; color: #555;font-size: 0.9375rem;line-height: 1.6rem; width: 100%; padding:  0 5% 1.5rem 5%;box-sizing: border-box; }
.nt-bos img.wvms{position: absolute;right: 0.8rem;top: 0.8rem; width: 1.5625rem; height: 1.5625rem;}
.nt-boh{text-align: center; width: 100%;float: left;font-size:1.0625rem;font-weight: bold; line-height: 4rem;}
/*弹窗删除*/
.nt-bost{background-color: #fff;position: relative; border-radius: 0.4375rem; width: 28%; color: #333;}
.sctangchuan{float:left;width: 100%;}
.sctangchuanh{float:left;width: 100%;border-bottom: 1px solid #ddd;}
.sctangchuanh p{color: #666;font-size: 15px;padding: 24px; width: 100%;box-sizing: border-box;}
.sctangchuans{float: right;width: 100%;display: flex;align-items: center;justify-content: flex-end; padding: 16px 16px;box-sizing: border-box;}
.sctangchuans a{ margin-left: 8px;border: 1px solid #eee;color: #666;line-height: 32px; font-size: 15px; padding: 0 15px;border-radius: 4px;text-align: center;}
.sctangchuans a.buttonbr8{background-color: #f5222d;color: #fff;}
/*弹窗库存*/
.sctangchuank{float: left;width: 100%; padding: 10px 0 40px;}
.sctangchuank .ctkc{width: 80%;padding: 0 0%; margin: auto;text-align: center; margin-top: 10px; margin-bottom: 10px; line-height: 42px; box-sizing: border-box;}
.sctangchuank .ctkcl{display: inline-block; margin-right: 25px;font-size: 14px;}
.sctangchuankh{float: left;width: 100%;text-align: center;font-size: 16px;font-weight: bold; margin-top: 40px;}
.sctangchuank .ctkc .ctkcj{display: inline-block; border-left:1px solid #ddd;border-top:1px solid #ddd;border-radius: 4px;}
.sctangchuank .ctkc .ctkcj span{float: left; display: inline-block;align-items: center; text-align: center; width: 40px; height: 40px;cursor: pointer; line-height: 40px;font-size: 22px; background-color: #f2f7f5; border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.sctangchuank .ctkc .ctkcj span:active{opacity: 0.7;}
.sctangchuank .ctkc .ctkcj span img{width: 15px;height: 15px;}
.sctangchuank .ctkc .ctkcj input{float: left;display: inline-block; text-align: center;width: 150px; height: 40px; background-color: #fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
/*单选、多选、开关*/
.aui-radio,
.aui-checkbox {
	cursor: pointer;
   width: 22px;
    height: 22px;
  background:rgba(255, 235, 205, 0);
    border: solid 1px #dddddd;
    -webkit-border-radius: 100px;
    border-radius:  100px;
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-transition: background-color ease 0.1s;
            transition: background-color ease 0.1s;
}
.aui-checkbox {
    border-radius: 0.1rem;
}
/**/
.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
	cursor:pointer;
    background-color: #09ba07;
    border: solid 1px #09ba07;
    text-align: center;
    background-clip: padding-box;
}
.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
    content: '';
    width: 11px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -4px;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.aui-radio:disabled,
.aui-radio.aui-disabled,
.aui-checkbox:disabled,
.aui-checkbox.aui-disabled {
    background-color: #dddddd;
    border: solid 1px #dddddd;
}
.aui-radio:disabled:before,
.aui-radio.aui-disabled:before,
.aui-radio:disabled:after,
.aui-radio.aui-disabled:after,
.aui-checkbox:disabled:before,
.aui-checkbox.aui-disabled:before,
.aui-checkbox:disabled:after,
.aui-checkbox.aui-disabled:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media screen and (min-width: 300px) and (max-device-width:440px){
	.nt-bos{background-color: #fff;position: relative; border-radius: 0.4375rem; width: 100%; color: #333;}
	.dxbar1 .dxbar2 .dxbar6{  width:100%; padding:0 10%;box-sizing: border-box; margin:auto; text-align:center; height:50px; float: left; margin-top:30px; margin-bottom: 0px;}
	.dxbar1 .dxbar2 .dxbar5{  float:left; width:100%; padding:0 10%;box-sizing: border-box;  margin: 20px 0px 0px 0px;text-align: center;}
	.dxbar1 .dxbar2 .dxbar4{  float:left; width:100%; padding:0 10%;box-sizing: border-box; margin: 20px 0px 0px 0px;text-align: center; }
	.dxbar1 .dxbar2 .dxbar5 img{ cursor:pointer; width:100px; height:38px; margin:0px 0px 0px 20px; float:left; background-color:#CCC;}
	.dxbarsa{float:left; width:100%; padding:0 10%;box-sizing: border-box; margin: 20px 0px 20px 0px;text-align: center; }
	.dxbar1 .dxbar2{ position:fixed; top:50px; left:0%; border-radius:8px;  margin-left: 0;right: 0;  width:100%; background-color:#fff;box-shadow: 1px 1px 10px #535353;}
}
@media screen and (min-width: 880px) and (max-width: 1440px){
	.dxsj-ggbox{width: 88%;}
}