i {
  height: 5px;
  width: 10px;
  display: inline-block;
  position: relative;
  margin-left: 12px;
  overflow: hidden;
}
i s {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #aaa;
  transform: rotate(45deg);
  position: absolute;
  top: -7px;
  right: 0;
}
i {
  height: 5px;
  width: 10px;
  display: inline-block;
  position: relative;
  margin-left: 12px;
  overflow: hidden;
}
i s {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #aaa;
  transform: rotate(45deg);
  position: absolute;
  top: -7px;
  right: 0;
}
div.line {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  z-index: 9999;
  left: 0;
  display: none;
  background-color: #fff;
}
header {
  width: 100%;
  height: 30px;
  background-color: #F5F5F5;
}
header div.header-cons {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
header div.header-cons div.header-des {
  font-size: 12px;
  padding: 0 15px;
  height: 30px;
  border: 1px solid #f5f5f5;
  line-height: 200%;
  position: relative;
  margin-bottom: -1px;
}
header div.header-cons div.header-des div.line {
  width: 99%;
  height: 3px;
  position: absolute;
  bottom: -2px;
  z-index: 999;
  left: 0;
  display: none;
  background-color: #fff;
}
header div.header-cons div.header-des div.header-des-more {
  position: absolute;
  top: 99%;
  left: -1px;
  width: 300px;
  height: 460px;
  border: 1px solid #ccc;
  display: none;
}
header div.header-cons div.header-des div.header-des-more dl {
  padding: 10px  15px;
}
header div.header-cons div.header-des div.header-des-more dl dt {
  font-weight: bold;
  line-height: 30px;
  border-bottom: 1px dashed #000;
  margin-bottom: 10px;
}
header div.header-cons div.header-des div.header-des-more dl dd {
  line-height: 25px;
  display: flex;
  flex-direction: row;
}
header div.header-cons div.header-des div.header-des-more dl dd span {
  margin-right: 10px;
}
header div.header-cons div.header-des div.header-des-more dl dd a {
  color: #666;
  font-size: 12px;
  text-align: left;
  padding: 0 3px;
}
header div.header-cons div.header-des:hover {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
}
header div.header-cons div.header-des:hover i s {
  top: 2px;
  background-color: #F43499;
}
header div.header-cons div.header-des:hover div.line {
  display: block;
  z-index: 9999;
}
header div.header-cons div.header-des:hover div.header-des-more {
  display: block;
  background-color: #fff;
  z-index: 999;
}
header div.header-cons ul.header-ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
header div.header-cons ul.header-ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
header div.header-cons ul.header-ul li a {
  font-size: 12px;
  color: #999;
  padding: 0 15px 0px 10px;
  line-height: 10px;
  height: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
header div.header-cons ul.header-ul li a span.skew-r {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 1px;
  height: 10px;
  transform: rotate(20deg);
  background-color: #ccc;
}
header div.header-cons ul.header-ul li a span.li-bg {
  width: 14px;
  height: 18px;
  float: left;
  margin-right: 5px;
}
header div.header-cons ul.header-ul li a span.gift {
  margin-top: -6px;
  background: url("../images/head-bottom/header_sign-hash.gif");
}
header div.header-cons ul.header-ul li a span.phone {
  margin-top: 4px;
  background: url("../images/head-bottom/sprites-hash-2.png") -294px -142px;
}
header div.header-cons ul.header-ul li:hover a {
  color: #F43499;
}
header div.header-cons ul.header-ul li:hover a i s {
  top: 2px;
  background-color: #F43499;
}
header div.header-cons ul.header-ul li:nth-child(1),
header div.header-cons ul.header-ul li:last-child {
  border: 1px solid #f5f5f5;
  position: relative;
}
header div.header-cons ul.header-ul li:nth-child(1) div.line,
header div.header-cons ul.header-ul li:last-child div.line {
  display: none;
}
header div.header-cons ul.header-ul li:nth-child(1) div.log-in,
header div.header-cons ul.header-ul li:last-child div.log-in {
  display: none;
  position: absolute;
  left: -1px;
  top: 100%;
  width: 400%;
  font-size: 12px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 15px 20px 15px;
  z-index: 999;
}
header div.header-cons ul.header-ul li:nth-child(1) div.log-in div.log-top,
header div.header-cons ul.header-ul li:last-child div.log-in div.log-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
header div.header-cons ul.header-ul li:nth-child(1) div.log-in div.log-top span.log-bg,
header div.header-cons ul.header-ul li:last-child div.log-in div.log-top span.log-bg {
  display: block;
  width: 38px;
  height: 38px;
  margin-right: 10px;
  background: url("../images/head-bottom/sprites-hash-2.png") -164px -142px;
}
header div.header-cons ul.header-ul li:nth-child(1) div.log-in div.log-top div.log-word,
header div.header-cons ul.header-ul li:last-child div.log-in div.log-top div.log-word {
  border-bottom: 1px dashed #ccc;
  width: 80%;
  line-height: 35px;
}
header div.header-cons ul.header-ul li:nth-child(1) div.log-in dl,
header div.header-cons ul.header-ul li:last-child div.log-in dl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 10px;
}
header div.header-cons ul.header-ul li:nth-child(1) div.log-in dl dd,
header div.header-cons ul.header-ul li:last-child div.log-in dl dd {
  width: 50%;
  line-height: 35px;
}
header div.header-cons ul.header-ul li:nth-child(3) {
  position: relative;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao {
  display: none;
  position: absolute;
  top: 104%;
  left: -220px;
  padding: 35px 23px 10px;
  border: 1px solid #ccc;
  width: 460px;
  height: 160px;
  background-color: #fff;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow {
  position: absolute;
  top: -5px;
  left: 57%;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  transform: rotate(45deg);
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con {
  display: flex;
  flex-direction: column;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top {
  padding-bottom: 15px;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top dl {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top dl dd {
  display: flex;
  flex-direction: column;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top dl dd span.arrow_bg {
  width: 22px;
  height: 16px;
  display: block;
  background-size: 100%;
  background: url("../images/head-bottom/sprites-hash-2.png") -166px -184px no-repeat;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top dl dd span.arrow_bg1 {
  width: 23px;
  background: url("../images/head-bottom/sprites-hash-2.png") -216px -184px no-repeat;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top dl dd span.arrow_bg2 {
  width: 22px;
  background: url("../images/head-bottom/sprites-hash-2.png") -196px -184px no-repeat;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top dl dd div.date {
  font-size: 12px;
  line-height: 35px;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top dl dd.arrow-line {
  width: 43px;
  height: 3px;
  background-color: #ccc;
  padding: 0;
  margin-top: 7px;
  margin-left: -1px;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top dl dd:first-child div.date {
  margin-left: 3px;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-top dl dd:last-child {
  margin-left: -1px;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ccc;
  padding: 0;
  padding-top: 14px;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-bottom a {
  text-decoration: underline;
  color: #333;
  font-size: 14px;
  padding: 0;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-bottom a:hover {
  color: #F10180;
}
header div.header-cons ul.header-ul li:nth-child(3) div.li-qiandao div.li-arrow-con div.arrow-con-bottom button {
  width: 72px;
  height: 25px;
  border: 0;
  color: #fff;
  font-size: 12px;
  background-color: #F10180;
}
header div.header-cons ul.header-ul li:nth-child(3):hover div.li-qiandao {
  display: block;
  z-index: 999;
}
header div.header-cons ul.header-ul li:nth-child(1):hover,
header div.header-cons ul.header-ul li:last-child:hover {
  border: 1px solid #ccc;
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
header div.header-cons ul.header-ul li:nth-child(1):hover div.line,
header div.header-cons ul.header-ul li:last-child:hover div.line {
  display: block;
}
header div.header-cons ul.header-ul li:nth-child(1):hover a,
header div.header-cons ul.header-ul li:last-child:hover a {
  border-right: 1px solid #fff;
}
header div.header-cons ul.header-ul li:nth-child(1):hover a span.skew-r,
header div.header-cons ul.header-ul li:last-child:hover a span.skew-r {
  display: none;
}
header div.header-cons ul.header-ul li:nth-child(1):hover div.log-in,
header div.header-cons ul.header-ul li:last-child:hover div.log-in {
  display: block;
}
header div.header-cons ul.header-ul li:nth-child(5),
header div.header-cons ul.header-ul li:nth-child(6),
header div.header-cons ul.header-ul li:nth-child(7),
header div.header-cons ul.header-ul li:nth-child(8) {
  border: 1px solid #f5f5f5;
}
header div.header-cons ul.header-ul li:nth-child(5) a,
header div.header-cons ul.header-ul li:nth-child(6) a,
header div.header-cons ul.header-ul li:nth-child(7) a,
header div.header-cons ul.header-ul li:nth-child(8) a {
  line-height: 10px;
}
header div.header-cons ul.header-ul li:nth-child(5) div.li-header,
header div.header-cons ul.header-ul li:nth-child(6) div.li-header,
header div.header-cons ul.header-ul li:nth-child(7) div.li-header,
header div.header-cons ul.header-ul li:nth-child(8) div.li-header {
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  padding-bottom: 15px;
  border: 1px solid #ccc;
  background-color: #fff;
  display: none;
  z-index: 999;
}
header div.header-cons ul.header-ul li:nth-child(5) div.li-header a,
header div.header-cons ul.header-ul li:nth-child(6) div.li-header a,
header div.header-cons ul.header-ul li:nth-child(7) div.li-header a,
header div.header-cons ul.header-ul li:nth-child(8) div.li-header a {
  color: #333;
  display: block;
  text-align: left;
  padding: 0;
  border: 0;
  padding: 15px 0;
  margin-left: 15px;
}
header div.header-cons ul.header-ul li:nth-child(5) div.line,
header div.header-cons ul.header-ul li:nth-child(8) div.line {
  top: 100%;
  display: none;
}
header div.header-cons ul.header-ul li:nth-child(5) div.li-header,
header div.header-cons ul.header-ul li:nth-child(8) div.li-header {
  width: 150%;
}
header div.header-cons ul.header-ul li:nth-child(7) div.li-header {
  width: 100%;
  left: -1px;
  z-index: 999;
}
header div.header-cons ul.header-ul li:nth-child(8) div.li-header {
  width: 181px;
  padding: 5px 11px 5px;
  text-align: center;
  left: -124px;
  background-color: #fff;
  z-index: 999;
}
header div.header-cons ul.header-ul li:nth-child(8) div.li-header img {
  width: 160px;
  height: 160px;
  margin-top: 10px;
}
header div.header-cons ul.header-ul li:nth-child(8) div.li-header a {
  font-size: 14px;
  text-align: center;
  margin-top: -8px;
}
header div.header-cons ul.header-ul li:nth-child(5):hover,
header div.header-cons ul.header-ul li:nth-child(6):hover,
header div.header-cons ul.header-ul li:nth-child(7):hover,
header div.header-cons ul.header-ul li:nth-child(8):hover {
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: 0;
}
header div.header-cons ul.header-ul li:nth-child(5):hover a,
header div.header-cons ul.header-ul li:nth-child(6):hover a,
header div.header-cons ul.header-ul li:nth-child(7):hover a,
header div.header-cons ul.header-ul li:nth-child(8):hover a {
  background-color: #fff;
}
header div.header-cons ul.header-ul li:nth-child(5):hover a span.skew-r,
header div.header-cons ul.header-ul li:nth-child(6):hover a span.skew-r,
header div.header-cons ul.header-ul li:nth-child(7):hover a span.skew-r,
header div.header-cons ul.header-ul li:nth-child(8):hover a span.skew-r {
  display: none;
}
header div.header-cons ul.header-ul li:nth-child(5):hover div.li-header,
header div.header-cons ul.header-ul li:nth-child(6):hover div.li-header,
header div.header-cons ul.header-ul li:nth-child(7):hover div.li-header,
header div.header-cons ul.header-ul li:nth-child(8):hover div.li-header {
  display: block;
  border-top: 1px solid #fff;
}
header div.header-cons ul.header-ul li:nth-child(5):hover div.li-header a:hover,
header div.header-cons ul.header-ul li:nth-child(6):hover div.li-header a:hover,
header div.header-cons ul.header-ul li:nth-child(7):hover div.li-header a:hover,
header div.header-cons ul.header-ul li:nth-child(8):hover div.li-header a:hover {
  color: #F10180;
}
header div.header-cons ul.header-ul li:nth-child(5):hover div.line {
  display: block;
}
header div.header-cons ul.header-ul li:nth-child(5):hover div.li-header {
  border-top: 1px solid #ccc;
}
header div.header-cons ul.header-ul li:nth-child(8):hover a span.skew-r {
  display: none;
}
header div.header-cons ul.header-ul li:nth-child(8):hover div.line {
  display: block;
}
header div.header-cons ul.header-ul li:nth-child(8):hover div.li-header {
  border-top: 1px solid #ccc;
}
header div.header-cons ul.header-ul li:nth-child(8):hover div.li-header a {
  text-align: center;
  font-weight: bold;
}
header div.header-cons ul.header-ul li:last-child {
  position: relative;
  border: 1px solid #f5f5f5;
}
header div.header-cons ul.header-ul li:last-child a {
  border-right: 1px solid #f5f5f5;
}
header div.header-cons ul.header-ul li:last-child div.line {
  display: none;
  bottom: -0.5px;
}
header div.header-cons ul.header-ul li:last-child div.log-in {
  left: -269px;
  width: 300px;
  background-color: #fff;
  z-index: 999;
  padding-top: 0;
  display: block;
  top: 100%;
  display: none;
}
header div.header-cons ul.header-ul li:last-child div.log-in dl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 10px;
}
header div.header-cons ul.header-ul li:last-child div.log-in dl dt {
  width: 100%;
  font-weight: bold;
}
header div.header-cons ul.header-ul li:last-child div.log-in dl dd {
  width: 30%;
}
header div.header-cons ul.header-ul li:last-child div.log-in dl:last-child {
  border-top: 1px dashed #ccc;
}
div.logo {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-between;
  align-items: center;
  padding: 20px 0;
}
div.logo div.logo-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
}
div.logo div.logo-left a {
  width: 160px;
  display: block;
  padding: 0;
  margin-right: 20px;
}
div.logo div.logo-left a img {
  width: 100%;
  height: 100%;
}
div.logo div.logo-left span.logo-img {
  width: 100px;
  height: 30px;
  display: block;
}
div.logo div.logo-left span.logo-img1 {
  background-size: 100%;
  background: url("../images/head-bottom/sprites-hash-2.png") 0px -35px no-repeat;
}
div.logo div.logo-left span.logo-img2 {
  background-size: 100%;
  background: url("../images/head-bottom/sprites-hash-2.png") -100px -35px no-repeat;
}
div.logo div.logo-left span.logo-img3 {
  background-size: 100%;
  background: url("../images/head-bottom/sprites-hash-2.png") -207px -35px no-repeat;
}
div.logo div.logo-right {
  height: 30px;
  font-size: 12p !important;
  width: 106px !important;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  justify-content: center;
}
div.logo div.logo-right span {
  width: 15px;
  height: 30px;
  display: block;
  z-index: 11;
  cursor: pointer;
}
div.logo div.logo-right span.bag-left {
  margin-right: 5px;
  margin-top: 13px;
  background: url("../images/head-bottom/sprites-hash-2.png") -93px -208px no-repeat;
}
div.logo div.logo-right span.bag-right {
  height: 15px;
  width: 25px;
  color: #fff;
  text-align: center;
  line-height: 15px;
  border-radius: 40%;
  background-color: #F10180;
  margin-left: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
div.logo div.logo-right div.line {
  width: 99%;
  height: 12px;
  position: absolute;
  top: 100%;
  z-index: 9999;
  left: 0;
  display: none;
  background-color: #fff;
}
div.logo div.logo-right div.bag-login {
  position: absolute;
  width: 350px;
  height: 75px;
  right: -1px;
  top: 104%;
  display: none;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 3;
}
div.logo div.logo-right div.bag-login p {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 105px;
}
div.logo div.logo-right div.bag-login p a {
  color: #F10180;
}
div.logo div.logo-right:hover {
  cursor: pointer;
  background-color: #fff;
}
div.logo div.logo-right:hover div.line {
  display: block;
}
div.logo div.logo-right:hover div.bag-login {
  display: block;
}
nav {
  width: 1360px;
  background-color: #F10180;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
}
nav div.nav-cons {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
nav div.nav-cons ul {
  list-style: none;
  width: 660px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
nav div.nav-cons ul li {
  padding: 10px 0px;
  position: relative;
  display: flex;
  flex-direction: row;
}
nav div.nav-cons ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 0 13px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
nav div.nav-cons ul li a i s {
  background-color: #fff;
}
nav div.nav-cons ul li a span.nav-right-bg {
  width: 20px;
  height: 30px;
  display: block;
  background-size: 100%;
  margin-right: 5px;
}
nav div.nav-cons ul li a span.nav-right-bg1 {
  background: url("../images/head-bottom/search.png") no-repeat;
}
nav div.nav-cons ul li a span.nav-right-bg2 {
  background: url("../images/head-bottom/yugao.png") no-repeat;
}
nav div.nav-cons ul li div.nav-more {
  position: absolute;
  top: 100%;
  right: 0;
  width: 560px;
  height: 260px;
  padding: 25px 20px;
  border: 1px solid #ccc;
  border-top: 1px solid #fff;
  background-color: #fff;
  display: none;
  z-index: 9999;
}
nav div.nav-cons ul li div.nav-more div.nav-more-cons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
nav div.nav-cons ul li div.nav-more div.nav-more-cons a {
  position: relative;
  width: 31%;
  display: flex;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 0;
}
nav div.nav-cons ul li div.nav-more div.nav-more-cons a img {
  border-radius: 2px;
  width: 100%;
}
nav div.nav-cons ul li div.nav-more div.nav-more-cons a div.bg-more {
  position: absolute;
  top: 20%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 2s;
}
nav div.nav-cons ul li div.nav-more div.nav-more-cons a div.bg-more span {
  text-align: center;
  position: absolute;
  bottom: 10px;
  top: 50%;
}
nav div.nav-cons ul li div.nav-more div.nav-more-cons a:hover div.bg-more {
  overflow: hidden;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
nav div.nav-cons ul li:last-child:hover div.nav-more {
  display: block;
}
nav div.nav-cons ul li.current {
  font-weight: bold;
  background-color: #BD1067;
}
nav div.nav-cons ul li:hover {
  font-weight: bold;
  background-color: #BD1067;
}
nav div.nav-cons ul li:hover i s {
  top: 2px;
}
nav div.nav-cons ul.nav-right {
  width: 165px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
nav div.nav-cons ul.nav-right li:nth-child(2) {
  color: #999;
  width: 2px;
  height: 10px;
  margin-top: 4px;
}
footer {
  width: 960px;
  background-color: #fff;
  margin: 0 auto;
  padding-top: 30px;
}
footer div.imgs-list {
  width: 920px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
footer div.imgs-list i.img-list {
  width: 58px;
  height: 75px;
  display: block;
}
footer div.imgs-list i.img-list1 {
  background: url("../images/head-bottom/index-footer.png") 0 0 no-repeat;
}
footer div.imgs-list i.img-list2 {
  background: url("../images/head-bottom/index-footer.png") -80px 0 no-repeat;
}
footer div.imgs-list i.img-list3 {
  background: url("../images/head-bottom/index-footer.png") -160px 0 no-repeat;
}
footer div.imgs-list i.img-list4 {
  background: url("../images/head-bottom/index-footer.png") -240px 0 no-repeat;
}
footer div.imgs-list i.img-list5 {
  background: url("../images/head-bottom/index-footer.png") -320px 0 no-repeat;
}
footer div.imgs-list i.img-list6 {
  background: url("../images/head-bottom/index-footer.png") -400px 0 no-repeat;
}
footer div.imgs-list i.img-list7 {
  background: url("../images/head-bottom/index-footer.png") -480px 0 no-repeat;
}
footer div.imgs-list i.img-list8 {
  background: url("../images/head-bottom/index-footer.png") -560px 0 no-repeat;
}
footer div.imgs-list i.img-list9 {
  background: url("../images/head-bottom/index-footer.png") -640px 0 no-repeat;
}
footer div.imgs-list i.img-list10 {
  background: url("../images/head-bottom/index-footer.png") -720px 0 no-repeat;
}
footer div.ul-list {
  width: 920px;
  margin: 20px auto 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
footer div.ul-list div.ul-left {
  width: 790px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
footer div.ul-list div.ul-left ul {
  border-left: 1px solid #ccc;
  list-style-type: square;
  padding-left: 25px;
  width: 25%;
}
footer div.ul-list div.ul-left ul li:nth-child(1) {
  list-style: none;
  margin-left: -8px;
}
footer div.ul-list div.ul-left ul li {
  color: #666;
  font-size: 8px;
  margin-left: 10px;
}
footer div.ul-list div.ul-left ul li a {
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
footer div.ul-list div.ul-left ul:nth-child(1) {
  border-left: 0;
}
footer div.ul-list div.ul-right {
  display: flex;
  flex-direction: column;
  width: 130px;
  padding-left: 15px;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #ccc;
}
footer div.ul-list div.ul-right span {
  color: #666;
  font-size: 12px;
  line-height: 20px;
}
footer div.about-us {
  width: 960px;
  margin: 30px auto 10px;
  background-color: #F10180;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 25px;
}
footer p {
  font-size: 12px;
  color: #999;
  text-align: center;
  line-height: 20px;
}
footer div.bottom-imgs {
  width: 640px;
  height: 70px;
  margin: 0 auto;
  padding: 15px 0;
}
footer div.bottom-imgs dl {
  width: 640px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
footer div.bottom-imgs dl dd:nth-child(1) {
  width: 104px;
  height: 40px;
  background: url("../images/head-bottom/footer-hash-3de6f1ae.png") -5px 0px no-repeat;
}
footer div.bottom-imgs dl dd:nth-child(2) {
  width: 99px;
  height: 40px;
  background: url("../images/head-bottom/footer-hash-3de6f1ae.png") 0px -154px no-repeat;
}
footer div.bottom-imgs dl dd:nth-child(3) {
  width: 66px;
  height: 40px;
  background: url("../images/head-bottom/footer-hash-3de6f1ae.png") 0 -205px no-repeat;
}
footer div.bottom-imgs dl dd:nth-child(4) {
  width: 70px;
  height: 40px;
  background: url("../images/head-bottom/footer-hash-3de6f1ae.png") 0 -255px no-repeat;
}
footer div.bottom-imgs dl dd:nth-child(5) {
  width: 75px;
  height: 40px;
  background: url("../images/head-bottom/footer-hash-3de6f1ae.png") 0 -305px no-repeat;
}
footer div.bottom-imgs dl dd:nth-child(6) {
  width: 76px;
  height: 40px;
  background: url("../images/head-bottom/footer-hash-3de6f1ae.png") 0 -401px no-repeat;
}
footer div.bottom-imgs dl dd:nth-child(7) {
  width: 76px;
  height: 40px;
  background: url("../images/head-bottom/footer-hash-3de6f1ae.png") 0 -453px no-repeat;
}
div.fixed-sidebar {
  width: 40px;
  height: 660px;
  background-color: #262626;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
  display: flex;
  flex-direction: column;
}
div.fixed-sidebar dl {
  width: 40px;
  height: 400px;
  margin-top: 70px;
  z-index: 12;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div.fixed-sidebar dl dd {
  width: 40px;
  text-align: center;
  position: relative;
  padding: 3px 0;
  z-index: 22;
  transition: right 0.2s;
}
div.fixed-sidebar dl dd span.icon-p {
  width: 30px;
  height: 28px;
  display: block;
  margin: 3px auto;
}
div.fixed-sidebar dl dd span.icon-w {
  color: #fff;
  font-size: 12px;
  text-align: center;
}
div.fixed-sidebar dl dd span.icon-p1 {
  background: url("../images/lady/red-pp.png") no-repeat;
}
div.fixed-sidebar dl dd span.icon-p2 {
  margin-top: 10px;
  background: url("../images/lady/gouwu.png") top center no-repeat;
}
div.fixed-sidebar dl dd span.icon-p3 {
  background: url("../images/lady/fix-11.png") 0px 0px no-repeat;
}
div.fixed-sidebar dl dd span.icon-p4 {
  background: url("../images/lady/fix-11.png") -1px -40px no-repeat;
}
div.fixed-sidebar dl dd span.icon-p5 {
  background: url("../images/lady/fix-11.png") -2px -80px no-repeat;
}
div.fixed-sidebar dl dd span.icon-p6 {
  background: url("../images/lady/fix-11.png") -2px -115px no-repeat;
}
div.fixed-sidebar dl dd div.pp-left {
  width: 310px;
  height: 310px;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: -1;
  opacity: 0.9;
  display: none;
  transition: all 0.1s;
  text-align: center;
  padding: 20px 0 10px;
  background-color: #fff;
  border: 1px solid #ccc;
}
div.fixed-sidebar dl dd div.pp-left span.close {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 8px;
  top: 8px;
  background: url("../images/lady/sprite-hash-681109b5.png") -180px -175px no-repeat;
}
div.fixed-sidebar dl dd div.pp-left div.log-reg {
  font-size: 12px;
  line-height: 40px;
}
div.fixed-sidebar dl dd div.pp-left div.log-reg span {
  color: #DF147F;
}
div.fixed-sidebar dl dd div.pp-left div.order-mess {
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #F8F8F8;
  padding: 20px 0;
  margin-bottom: 25px;
}
div.fixed-sidebar dl dd div.pp-left div.order-mess div.order {
  width: 49%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div.fixed-sidebar dl dd div.pp-left div.order-mess div.order span.or {
  width: 30px;
  height: 30px;
  display: flex;
  background-size: cover;
  background: url("../images/lady/sprite-hash-681109b5.png") -200px -85px no-repeat;
}
div.fixed-sidebar dl dd div.pp-left div.order-mess div.order span {
  font-size: 12px;
  color: #333;
  line-height: 40px;
}
div.fixed-sidebar dl dd div.pp-left div.order-mess div.mess {
  width: 49%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div.fixed-sidebar dl dd div.pp-left div.order-mess div.mess span.me {
  width: 30px;
  height: 30px;
  display: flex;
  background-size: cover;
  background: url("../images/lady/sprite-hash-681109b5.png") -200px -55px no-repeat;
}
div.fixed-sidebar dl dd div.pp-left div.order-mess div.mess span {
  font-size: 12px;
  color: #333;
  line-height: 40px;
  text-align: center;
}
div.fixed-sidebar dl dd div.pp-left div.order-mess div.o-l-m {
  width: 1px;
  height: 65px;
  text-indent: -999em;
  background-color: #ccc;
}
div.fixed-sidebar dl dd div.pp-left div.right-user {
  color: #4693EC;
  font-size: 12px;
  float: right;
  margin-right: 10px;
}
div.fixed-sidebar dl dd div.pp {
  color: #333;
  border: 1px solid #ccc;
  border-right: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  line-height: 35px;
  width: 120px;
  font-size: 14px;
  display: none;
  background-color: #fff;
  transition: all 1s;
}
div.fixed-sidebar dl dd:nth-child(1):hover {
  z-index: 22;
}
div.fixed-sidebar dl dd:nth-child(1):hover div.pp-left {
  display: block;
}
div.fixed-sidebar dl dd:nth-child(2) {
  width: 100%;
  background-color: #DF147F;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 2px 0;
  margin: 2px auto 5px;
}
div.fixed-sidebar dl dd:nth-child(2) div.icon-word {
  text-align: center;
}
div.fixed-sidebar dl dd:nth-child(2) div.icon-c {
  width: 20px;
  height: 20px;
  margin: 10px 0;
  text-align: center;
  color: #DF147F;
  background-color: #fff;
  border-radius: 50%;
}
div.fixed-sidebar dl dd:hover {
  cursor: pointer;
  background-color: #DF147F;
}
div.fixed-sidebar dl dd:hover div.pp {
  display: block;
  right: 100%;
}