.outer{width:100%;height:100%}.inner{width:100%;min-width:350px;max-width:1000px;background:#f7f7f7;margin:0 auto;padding:0;border:1px solid grey;height:calc(100vh - 130px);overflow-x:hidden;overflow-y:scroll}.top{min-width:350px;width:100%;max-width:1000px;margin:0 auto;padding:0;border:1px solid grey;border-bottom:0;height:80px;overflow:hidden}.sku{float:right;margin-right:30px}.view{margin:2px;text-indent:0;float:right;margin-right:20px;width:28px;height:20px;border-radius:3px;background:#000;color:#fff;text-align:center;line-height:20px;cursor:pointer;font-weight:600;text-decoration:none}.inp{text-indent:4px;font-size:20px;background:#fffff0;width:100%;float:left;height:40px;line-height:40px;min-height:40px}
.info{height:36px;line-height:18px;border-bottom:1px solid #808080;font-weight:6500;background:#f1f1f1;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items:center;font-size:13px}
.viewlink{font-size:11px;color:black;text-decoration:none}
.blist{font-size:15px;width:100%;min-width:350px;min-height:30px;line-height:30px;max-height:60px;text-align:left;overflow:hidden;background:#C0C0C0!important;border-bottom:1px dashed white}
.viewbtn{height:20px;line-height:20px;float:left;margin:4px 4px 0 4px;padding-left:4px;padding-right:4px;
border:1px solid #8a66f4; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif;text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #b29af8; background-image: -webkit-gradient(linear, left top, left bottom, from(#b29af8), to(#9174ed));
 background-image: -webkit-linear-gradient(top, #b29af8, #9174ed);
 background-image: -moz-linear-gradient(top, #b29af8, #9174ed);
 background-image: -ms-linear-gradient(top, #b29af8, #9174ed);
 background-image: -o-linear-gradient(top, #b29af8, #9174ed);
 background-image: linear-gradient(to bottom, #b29af8, #9174ed);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b29af8, endColorstr=#9174ed);
}
.viewbtn:hover{
 border:1px solid #693bf1;
 background-color: #8e6af5; background-image: -webkit-gradient(linear, left top, left bottom, from(#8e6af5), to(#6d47e7));
 background-image: -webkit-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: -moz-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: -ms-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: -o-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: linear-gradient(to bottom, #8e6af5, #6d47e7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8e6af5, endColorstr=#6d47e7);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #707070;font-style:italic
}
::-moz-placeholder { /* Firefox 19+ */
  color: #707070;font-style:italic
}
:-ms-input-placeholder { /* IE 10+ */
  color: #707070;font-style:italic
}
:-moz-placeholder { /* Firefox 18- */
  color: #707070;font-style:italic
}
body{color:#000;padding:0;font-family:arial;font-size:12px;cursor:default;background:url(../images/bg.png) 50% 0 repeat-y #fff}body{height:100%;overflow-y:hidden;overflow-x:hidden;margin:0 0 1px}
.pad{float:left;height:36px;width:5px}