#topBar {

  width: 100%;

  height: 30px;

  background: #f5f5f5;

}

#topBar > div {

  line-height: 30px;

}

#topBar > div > img {

  vertical-align: middle;

}

#topBar > div > i {

  font-size: 12px;

  color: #808080;

}

#topBar > div > a {

  font-size: 12px;

  color: #808080;

}

#topBar > div ul {

  float: right;

  height: 12px;

  margin-top: 6px;

}

#topBar > div ul li {

  height: 14px;

  line-height: 14px;

  border-right: 1px solid #b5b5b5;

  float: left;

}

#topBar > div ul li a {

  margin: 0 16px;

  font-size: 12px;

  color: #808080;

}

#topBar > div ul li:last-of-type {

  border-right: none;

}

#topBar > div ul li:last-of-type a {

  margin-right: 0;

}

#toolBar {

  width: 100%;

  background: #fff;

}

#toolBar > div {

  height: 124px;

  position: relative;

}

#toolBar > div #logo {

  line-height: 124px;

  float: left;

  cursor: pointer;

}

#toolBar > div #logo img:first-of-type {

  width: 210px;

  height: auto;

  vertical-align: middle;

}

#toolBar > div #logo img:last-of-type {

  /*width: 210px;*/

  height: auto;

  vertical-align: -webkit-baseline-middle;

}

#toolBar > div form {

  display: block;

  width: 705px;

  height: 40px;

  position: absolute;

  left: 263px;

  top: 40px;

}

#toolBar > div form input {

  display: block;

  width: 567px;

  height: 40px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 2px solid #3c9bfe;

  border-right: none;

  padding: 0 9px;

  font-size: 12px;

  color: #999999;

  float: left;

}

#toolBar > div form>a:first-of-type {

  display: block;

  height: 40px;

  width: 108px;

  float: left;

  background: #3c9bfe;

}

#toolBar > div form a img {

  display: block;

  width: 19px;

  height: 18px;

  margin: 9.5px auto;

}

#toolBar > div .cart {

  display: block;

  width: 158px;

  height: 42px;

  float: right;

  text-align: center;

  line-height: 40px;

  background: #3c9bfe;

  margin-top: 40px;

}

#toolBar > div .cart i {

  font-size: 13px;

  color: #ffffff;

  vertical-align: middle;

}

#toolBar > div .cart img {

  vertical-align: middle;
  width: 19px;
  height: 17px;

}

#toolBar > div .cart span {

  display: inline-block;

  width: 20px;

  height: 20px;

  text-align: center;

  border-radius: 50%;

  background: #fe6a00;

  font-size: 14px;

  color: #fff;

  line-height: 20px;

  vertical-align: middle;

}

#toolBar > div .finishGoods {

  display: block;

  width: 108px;

  height: 40px;

  text-align: center;

  font-size: 13px;

  color: #808080;

  line-height: 40px;

  background: #eeeeee;

  position: absolute;

  top: 0;

  right: -56px;

}

#choose .nav {

  height: 40px;

  line-height: 36px;

  position: relative;

}

#choose .nav .all {

  width: 210px;

  height: 100%;

  float: left;

  background: #3c9bfe;

  box-sizing: border-box;

  padding-left: 23px;

  margin-right: 56px;

  cursor: pointer;

}

#choose .nav .all img {

  vertical-align: middle;

  margin-right: 15px;

}

#choose .nav .all i {

  font: 16px/54px;

  color: #fff;

  vertical-align: middle;

}

#choose .nav > a {

  float: left;

  font: 14px/54px;

  color: #333333;

  margin-right: 61px;

}

#choose .nav > a:hover {

  color: #45adeb;

}

#choose .nav .classify {

  display: none;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  width: 210px;

  height: 458px;

  padding-bottom: 19px;

  background: #454545;

  position: absolute;

  z-index: 101;

  left: 0;

  top: 39px;

}

#choose .nav .classify ul {

  width: 210px;

  height: 424px;

  overflow-y: auto;

  overflow-x: visible;

}

#choose .nav .classify ul::-webkit-scrollbar {

  display: none;

}

#choose .nav .classify li {

  width: 100%;

  height: 42px;
  
  border-bottom:1px dashed #555;

}

#choose .nav .classify li > a {

  display: block;

  width: 100%;

  height: 100%;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding-left: 23px;

  line-height: 42px;
  
  position: relative;

}

#choose .nav .classify li > a > span {

  /*display: inline-block;*/

  width: 175px;

  font: 14px/42px '΢ÈíÑźÚ';

  color: #fff;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  vertical-align: middle;

}

#choose .nav .classify li > a i {

  /*display: none;*/

  font-size: 16px;

  color: #fff;

  vertical-align: middle;
  
  position: absolute;
  
  left:180px;
  top: 0px;

}

#choose .nav .classify li:hover {

  background: #fff ;

}

#choose .nav .classify li:hover a span {

  color: #333333;

}

#choose .nav .classify li:hover a i {

  color: #333;

}

#choose .nav .classify li > div {

  display: none;

  width: 990px;

  height: 458px;

  background: #fff;

  position: absolute;

  top: 0;

  left: 210px;

  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);

  line-height: normal;

}

#choose .nav .classify li > div>div{

  overflow-y: auto;

  box-sizing: border-box;

  padding: 15px 45px 30px;

  padding-left: 10px;

  height: 100%;

  width: 100%;

}

#choose .nav .classify li > div >div > div {

  margin-bottom: 25px;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  display: flex;

  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

  width: 100%;

  height: auto;

}

#choose .nav .classify li > div >div > div:last-of-type {

  margin-bottom: 0;

}

#choose .nav .classify li > div >div > div > a {

  width: auto;

  font-size: 14px;

  color: #333;

  font-weight: bold;

}

#choose .nav .classify li > div >div > div > dt {

  display: block;

  margin-left: 15px;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  /*overflow: hidden;*/

}

#choose .nav .classify li > div >div > div > dt a {

  font-size: 13px;

  color: #333;

  margin-right: 20px;

  vertical-align: top;

}