body{background: #fff;}
.navbar-inverse{background:#FFF;}
.navbar{height:68px;min-height:68px;border-bottom:1px solid #eee;}
.navbar-nav > li > a{padding-top:25.5px;padding-bottom: 25.5px;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #108ee9;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a{color:rgba(0,0,0,.8);}
.nav li .avatar-text, .nav li .avatar-img{height: 40px;width: 40px;line-height: 40px;}
.nav li .avatar-img img{width:40px;height:40px;border-radius: 50px;}
.dropdown-menu > li > a{padding:8px 20px;}
.mk_nav li > a{font-size: 15px;}
.page-header{padding-bottom:20px;}
.radio, .checkbox{display:inline-block;}
.checkbox {
  padding-right: 15px; 
  padding-left: 3px;
  margin-top: 0;
}
  .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;
      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;margin-left: 0;}
    .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-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff; }

.radio {
  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; }
    .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-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

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

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

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

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

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }

    .fixed_nav{overflow:hidden;position:fixed;width:180px;height: 100%;left:0;top:68px;z-index: 999;background:#f7f7f7;}
    .fixed_nav ul{list-style: none;padding:0;width:100%;display:block;margin:16px 0;}
    .fixed_nav li{text-align: center;padding:0px 0 0px;margin-bottom:10px;font-size: 14px;display: block;text-decoration:none;border-top: 0px solid #F4F4F4;position:relative;}
    .fixed_nav li.active{
      font-weight: 700;
      background-color: #e6e6e6;
      transition: background-color .2s
    }
    .fixed_nav li.active:before{
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 40px;
        border-radius: 0 4px 4px 0;
        background: #2254f4;
      }
    .fixed_nav li a .fa{margin-right:6px;} 
    .fixed_nav li a{    
        display: flex;
        align-items: center;
        position: relative;
        padding: 10px 0 10px 28px;
        line-height: 20px;
        color: #33383e;
        border-radius: 0 4px 4px 0;
        transition: background-color .2s;
        cursor: pointer
    }
    .fixed_nav li a:hover{
        border-left: 0.04rem rgba(232, 234, 236, .8) solid;
        background: #e7e7e7;
    }
    .fixed_nav li .hot{width:36px;height:22px;position:absolute;right:15px;top:-3px;background:url(https://img.alicdn.com/imgextra/i4/836796077/O1CN01AGs7GQ1ulJTsN8DHN_!!836796077.png) no-repeat;}
    .fixed_nav li .new{width:36px;height:22px;position:absolute;right:15px;top:-3px;background:url(https://img.alicdn.com/imgextra/i2/836796077/O1CN01ZUdHSc1ulJToksJzw_!!836796077.png) no-repeat;}
    .fixed_nav li.current a{background:#007fff;color:#FFF;font-weight: bold;}

._copy_code_{ position: absolute; top: -1000px; left: -1000px; }

#content-container{
    margin-left: 200px;
    padding-top: 0px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.mk_notice{
    background:#f0f6ff;
    height:44px;
    line-height:44px;
    padding-left:20px;
    margin-bottom:12px;
    font-size:14px;
    color:#444950;
    border-radius:6px;
}
.mk_tags,.mk_size{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:10px;
    color:#7f8792;
    font-size: 14px;
}
#mknav{
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    padding-left: 8px;
    height: 32px;
    line-height: 1
}
#mknav li {
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 14px;
    letter-spacing: normal;
    white-space: nowrap;
    line-height: 20px;
    margin:0 5px;
    padding: 4px 12px;
    color: #444950;
    border-radius: 4px;
    cursor: pointer;
}
#mknav li.active{color:#FFF;font-weight:bold;background:#005cf9;border-radius:5px;}
#mknav li:hover{color:#FFF;font-weight:bold;background:#005cf9;border-radius:5px;}

.dajiang { margin: 0 auto; font-size: 0;}
.filtr-item { display: inline-block; padding: 10px;text-align:center;}
.filtr-item .filtr-box { 
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:180px;
}
.filtr-item img { width: auto; height: auto;max-width:100%;max-height:150px;}
.filtr-item span { 
    display: block;
    font-size: 14px;
    line-height: 20px;
    height:0;
    color: #5f6771;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
    cursor: pointer;}
/*
.filtr-item .mask{
    position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; margin: auto; background: rgba(0,0,0,0.5);text-align: center;display:none;cursor:pointer;
}
.filtr-item .mask .set_copy{position:absolute;right:16px;top:10px;z-index:99;background:#000;width:80px;height:30px;line-height:30px;border-radius:6px;font-size:13px;color: #FFF;}
.filtr-item .mask .set_down{position:absolute;right:108px;top:10px;z-index:99;background:#000;width:100px;height:30px;line-height:30px;border-radius:6px;font-size:13px;color: #FFF;}
.filtr-item:hover .mask{display: block;}
.filtr-item .mask .set_copy:hover,.filtr-item .mask .set_down:hover{background:#005cf9;font-weight: bold;}
*/
.filtr-item .mask {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0.10rem;
  color: #fff;
  /* display: none; */
  opacity: 0;
  transition: opacity 0.5s ease;
}
.filtr-item .mask .fa{margin-right:6px;} 
.filtr-item .set_copy {
  width: 60%;
  cursor: pointer;
  border-radius: 20px;
  background: rgba(0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  height:38px;
  line-height:38px;
}
.filtr-item .set_down {
  width: 60%;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 20px;
  background: rgba(0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  height:38px;
  line-height:38px;
}
.filtr-item .mask .set_copy:hover,.filtr-item .mask .set_down:hover{background:#005cf9;font-weight: bold;}
.filtr-item .mask .set_size{
  width: 60%;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 20px;
  background:#FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #333;
  height:38px;
  line-height:38px;
}
.filtr-item:hover .mask{
  opacity: 1;
}

.mkinput {
    margin: 0;
    margin-top: 12px;
    margin-left:20px;
    background: #f6f7f9;
    border:0;
    border-radius:5px;
    height: 38px;
    line-height:38px;
    width:520px;
}

.mkinput .fa {
    cursor: pointer;
    color: #bec3c9;
    font-size:14px;
    margin-left:10px;
}

.gdd-v3-search .g-icon+.g-icon {
    margin-left: 12px
}
.mk-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: none;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    border-radius: 4px;
    font-size: inherit;
    height: 38px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    flex: 1 1 auto;
    width: 490px;
    background:transparent;
}

.mk-input__inner::placeholder {
    color: #8d949e
}

.mk-input__inner:hover {
    border-color: #bec3c9
}