body,
html,
div,
p,
span,
ul,
li {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  overflow-x: hidden;
}
@font-face {
  font-family: Cairo-SemiBold;
  src: url('../fonts/Cairo-SemiBold.ttf');
}
@font-face {
  font-family: Cairo-Regular;
  src: url('../fonts/Cairo-Regular.ttf');
}
@font-face {
  font-family: Cairo-Bold;
  src: url('../fonts/Cairo-Bold.ttf');
}
@font-face {
  font-family: Cairo-Medium;
  src: url('../fonts/Cairo-Medium.ttf');
}
html,
body {
  font-family: 'Cairo-Regular', Arial, 'Microsoft YaHei', '微软雅黑', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #454b60;
  position: relative;
}
* {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
img {
  display: inline-block;
  border: 0;
  max-width: 100%;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
button:focus {
  outline: none !important;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.clearboth {
  position: relative;
}
.clearboth:before {
  content: '';
  width: 100%;
  height: 0;
  display: block;
  overflow: hidden;
}
.clearboth:after {
  content: '';
  width: 100%;
  height: 0;
  display: block;
  overflow: hidden;
}
input,
select,
textarea,
button {
  outline: none;
  font-family: 'Cairo-Regular', 'Microsoft YaHei', '微软雅黑', sans-serif;
}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*将背景改为红色*/
  /*加padding防止文字覆盖*/
  background-image: url(../images/arr.png);
  background-repeat: no-repeat;
  background-position: right center;
  position: relative;
}
input[type="checkbox"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: middle;
  transition: 0.6s;
  box-sizing: border-box;
}
input[type="checkbox"]:before {
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  background-color: #fff;
}
input[type="checkbox"]:checked:after {
  content: url(../images/gou.svg);
  position: absolute;
  left: -1px;
  top: -1px;
}
input[type="radio"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: sub;
  box-sizing: border-box;
  transition: 0.6s;
}
input[type="radio"]:before {
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 50%;
}
input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  border-radius: 1px;
  width: 8px;
  height: 8px;
  background-color: #a29b9b !important;
  border-radius: 50%;
}
.wrapbox {
  max-width: 1370px;
  margin: auto;
  width: 90%;
}
.pl10 {
  padding-left: 10px;
}
.headerbox {
  overflow: hidden;
  margin-top: 26px;
}
.headerbox .logo {
  font-family: Cairo-SemiBold;
  font-size: 36px;
  color: #30333b;
  position: relative;
  line-height: 1;
  display: inline-block;
  padding-left: 14px;
  float: left;
}
.headerbox .logo:before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #fa6444;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 0;
}
.headerbox .searchbox {
  float: left;
  border: 1px #dae1e7 solid;
  width: calc(100% - 512px);
  height: 44px;
  margin-left: 30px;
  border-radius: 4px;
}
.headerbox .searchbox .searchinp {
  border: none;
  width: calc(100% - 46px);
  height: 40px;
  float: left;
  padding: 0 14px;
  font-size: 16px;
}
.headerbox .searchbox .searchinp::-webkit-input-placeholder {
  color: #dadae4;
}
.headerbox .searchbox .btnsearch {
  width: 42px;
  height: 42px;
  float: right;
  border: none;
  background-color: #fff;
  border-radius: 4px;
  transition: 0.6s;
  cursor: pointer;
}
.headerbox .searchbox .btnsearch span {
  font-size: 22px;
  vertical-align: sub;
  transition: 0.6s;
}
.headerbox .searchbox .btnsearch:hover span {
  color: #fa6444;
}
.headerbox .accountbox {
  width: 120px;
  float: left;
  margin-left: 30px;
}
.headerbox .accountbox .icontbox {
  float: left;
  margin-right: 10px;
}
.headerbox .accountbox .icontbox .iconfont {
  font-size: 30px;
}
.headerbox .accountbox .txtbox .p1 {
  font-size: 14px;
  color: #acb1ca;
  line-height: 1;
}
.headerbox .accountbox .txtbox .p2 {
  color: #454b60;
  font-size: 16px;
  line-height: 1;
}
.headerbox .cartbox {
  font-size: 16px;
  color: #454b60;
  float: left;
  margin-left: 30px;
  padding-top: 5px;
  display: block;
}
.headerbox .cartbox .icontbox {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #fa6444;
  color: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  margin-right: 6px;
}
.headerbox .cartbox .icontbox .iconfont {
  font-size: 18px;
  line-height: 30px;
}
.fcyellow {
  color: #fa6444;
}
.hovertxt {
  transition: 0.6s;
  cursor: pointer;
}
.hovertxt:hover {
  color: #fa6444 !important;
}
.navbox {
  margin-top: 10px;
  box-shadow: 0px 40px 40px #f4f4f4;
}
.navbox .leftbox {
  width: 184px;
  cursor: pointer;
  float: left;
  position: relative;
  padding-bottom: 30px;
}
.navbox .leftbox:after {
  content: '';
  width: 1px;
  height: 20px;
  display: block;
  background-color: #dae1e7;
  position: absolute;
  right: 0;
  top: 7px;
}
.navbox .leftbox .font1 {
  font-size: 24px;
  line-height: 33px;
  vertical-align: sub;
}
.navbox .leftbox .txtbox {
  font-size: 18px;
}
.navbox .leftbox .font2 {
  font-size: 10px;
  display: inline-block;
  transform: scale(0.8);
  margin-left: 8px;
  color: #8d8d8d;
}
.navbox .leftbox:hover .font1 {
  color: #fa6444;
}
.navbox .leftbox:hover .txtbox {
  color: #fa6444;
}
.navbox .rightbox {
  width: calc(100% - 184px);
  float: left;
}
.navbox .rightbox a {
  margin-left: 30px;
  line-height: 33px;
  color: #455069;
  font-size: 18px;
  transition: 0.6s;
}
.navbox .rightbox a:hover {
  color: #fa6444;
}
.indexbanner .slick-dots li {
  width: 48px;
  height: 8px;
  transition: 0.6s;
  border-radius: 8px;
  overflow: hidden;
}
.indexbanner .slick-dots li button {
  width: 48px;
  height: 8px;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.4);
}
.indexbanner .slick-dots li button:before {
  width: 48px;
  height: 8px;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.4);
}
.indexbanner .slick-dots li.slick-active {
  width: 10px;
  height: 10px;
}
.indexbanner .slick-dots li.slick-active button {
  width: 10px;
  height: 10px;
  background-color: #fa6444;
}
.indexbanner .slick-dots li.slick-active button:before {
  width: 10px;
  height: 10px;
  background-color: #fa6444;
}
.productlist {
  padding-top: 40px;
  padding-bottom: 30px;
}
.productlist .itembox .imgbox {
  text-align: center;
  vertical-align: middle;
  position: relative;
  width: 94%;
  margin: auto;
  overflow: hidden;
}
.productlist .itembox .imgbox .newtxt {
  font-family: Cairo-SemiBold;
  position: absolute;
  width: 50px;
  height: 22px;
  display: block;
  background-color: #fbd0d3;
  color: #f46c6f;
  line-height: 22px;
  border-radius: 22px;
  left: 10px;
  top: 10px;
  z-index: 111;
}
.productlist .itembox .imgbox .icontpos {
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 1;
  color: #dadae4;
  font-size: 24px;
  cursor: pointer;
  transition: 0.6s;
  z-index: 111;
}
.productlist .itembox .imgbox img {
  vertical-align: middle;
  display: inline-block;
  transition: 0.6s;
  max-width: 100%;
}
.productlist .itembox .imgbox .img2 {
  transition: 0.6s;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}
.productlist .itembox:hover .img1 {
  transform: translate(-50%);
}
.productlist .itembox:hover .img2 {
  left: 0%;
}
.productlist .txtbox {
  width: 94%;
  margin: 10px auto 0;
}
.productlist .txtbox .p1 {
  font-size: 16px;
  color: #30333b;
}
.productlist .txtbox .p2 {
  margin-top: 14px;
}
.productlist .txtbox .p2 .bgcolor {
  color: #ff9500;
  background-color: #fff1ba;
  padding: 0 10px;
  line-height: 1;
  border-radius: 4px;
}
.productlist .txtbox .p3 {
  margin-top: 14px;
  font-size: 18px;
  color: #30333b;
}
.productlist .txtbox .p4 {
  font-size: 14px;
  color: #9999a5;
}
.productlist .txtbox .p5 {
  text-align: center;
  margin-top: 20px;
  color: #30333b;
  opacity: 0;
  transition: 0.6s;
}
.productlist .slick-dots {
  bottom: 0;
}
.productlist .slick-dots li {
  width: 48px;
  height: 8px;
  transition: 0.6s;
  border-radius: 8px;
  overflow: hidden;
}
.productlist .slick-dots li button {
  width: 48px;
  height: 8px;
  transition: 0.6s;
  background-color: rgba(0, 0, 0, 0.1);
}
.productlist .slick-dots li button:before {
  width: 48px;
  height: 8px;
  transition: 0.6s;
  background-color: rgba(0, 0, 0, 0.1);
}
.productlist .slick-dots li.slick-active {
  width: 10px;
  height: 10px;
}
.productlist .slick-dots li.slick-active button {
  width: 10px;
  height: 10px;
  background-color: #fa6444;
}
.productlist .slick-dots li.slick-active button:before {
  width: 10px;
  height: 10px;
  background-color: #fa6444;
}
.commenttitle {
  border-bottom: 1px #efeff0 solid;
  padding-bottom: 14px;
}
.commenttitle .titletxt {
  font-size: 30px;
  color: #30333b;
  font-family: Cairo-Bold;
}
.commenttitle .linkmore {
  background-color: #fee0da;
  text-align: center;
  color: #fa6444;
  padding: 3px 10px;
  float: right;
  border-radius: 4px;
  transition: 0.6s;
}
.commenttitle .linkmore i {
  vertical-align: middle;
}
.commenttitle .linkmore:hover {
  background-color: #fa6444;
  color: #fff;
}
.hotproduct .productlist .itembox {
  width: calc(100%/4 - 15px);
  float: left;
  margin-right: 20px;
  padding: 20px;
  transition: 0.6s;
}
.hotproduct .productlist .itembox a {
  display: block;
}
.hotproduct .productlist .itembox .imgbox {
  text-align: center;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.hotproduct .productlist .itembox .imgbox .newtxt {
  font-family: Cairo-SemiBold;
  position: absolute;
  width: 50px;
  height: 22px;
  display: block;
  background-color: #fbd0d3;
  color: #f46c6f;
  line-height: 22px;
  border-radius: 22px;
  left: 10px;
  top: 10px;
}
.hotproduct .productlist .itembox .imgbox .icontpos {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 1;
  color: #fff;
  background-color: #dadae4;
  font-size: 14px;
  display: block;
  width: 24px;
  height: 24px;
  transition: 0.6s;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
}
.hotproduct .productlist .itembox .imgbox .icontpos:hover {
  background-color: #fa6444;
}
.hotproduct .productlist .itembox .imgbox .collected {
  background-color: #fa6444;
}
.hotproduct .productlist .itembox .imgbox img {
  vertical-align: middle;
  transition: all .5s ease 0s;
}
.hotproduct .productlist .itembox .imgbox .img2 {
  position: absolute;
  top: 0;
  left: 100%;
}
.hotproduct .productlist .itembox:hover .img1 {
  transform: translate(-50%);
}
.hotproduct .productlist .itembox:hover .img2 {
  left: 0%;
}
.hotproduct .productlist .itembox .txtbox {
  margin-top: 20px;
}
.hotproduct .productlist .itembox .txtbox .p1 {
  font-size: 16px;
  color: #30333b;
}
.hotproduct .productlist .itembox .txtbox .p2 {
  margin-top: 14px;
}
.hotproduct .productlist .itembox .txtbox .p2 .bgcolor {
  color: #ff9500;
  background-color: #fff1ba;
  padding: 0 10px;
  line-height: 1;
  border-radius: 4px;
}
.hotproduct .productlist .itembox .txtbox .p3 {
  margin-top: 14px;
  font-size: 18px;
  color: #30333b;
}
.hotproduct .productlist .itembox .txtbox .p4 {
  font-size: 14px;
  color: #9999a5;
}
.hotproduct .productlist .itembox .txtbox .p5 {
  text-align: center;
  margin-top: 20px;
  color: #30333b;
  opacity: 0;
  transition: 0.6s;
}
.hotproduct .productlist .itembox .txtbox .p5 .iconfont {
  vertical-align: middle;
}
.hotproduct .productlist .itembox:hover {
  box-shadow: 0 0 20px #ddd;
}
.hotproduct .productlist .itembox:hover .p5 {
  opacity: 1;
}
.hotproduct .productlist .itembox:nth-child(4n) {
  margin-right: 0;
}
.groubbox {
  margin-top: 40px;
}
.groubbox .itembox {
  width: calc(100%/2 - 19px);
  margin-right: 38px;
  background-color: #b4d1b9;
  border-radius: 4px;
  float: left;
}
.groubbox .itembox .boxtxt {
  width: 50%;
  float: left;
  padding: 10% 0 14% 6%;
}
.groubbox .itembox .boxtxt .p1 {
  font-size: 24px;
  font-family: Cairo-Bold;
}
.groubbox .itembox .boxtxt .p2 {
  font-size: 18px;
  margin-top: 10px;
}
.groubbox .itembox .boxtxt .btnlink {
  width: 120px;
  height: 44px;
  display: block;
  text-align: center;
  line-height: 44px;
  background-color: #fa6444;
  font-size: 16px;
  color: #ffffff;
  margin-top: 20px;
  border-radius: 4px;
  opacity: 0.6s;
  opacity: 1;
}
.groubbox .itembox .imgbox {
  float: left;
  width: 50%;
}
.groubbox .itembox .imgbox img {
  margin-top: 34px;
  float: right;
  margin-right: 30px;
}
.groubbox .itembox:nth-child(2n) {
  margin-right: 0;
  background-color: #b1c9e3;
}
.groubbox .itembox:nth-child(2n) .imgbox img {
  margin-top: 0;
}
.Supplierbox {
  margin-top: 40px;
}
.Supplierbox .bootombox {
  margin-top: 30px;
}
.Supplierbox .bootombox .box-left {
  width: 460px;
  float: left;
  margin-top: 20px;
}
.Supplierbox .bootombox .box-left .logobox {
  width: 100px;
  height: 100px;
  border: 1px #ddd solid;
  border-radius: 4px;
  text-align: center;
  line-height: 100px;
  vertical-align: middle;
  float: left;
}
.Supplierbox .bootombox .box-left .logobox img {
  vertical-align: middle;
}
.Supplierbox .bootombox .box-left .txtbox {
  width: calc(100% - 120px);
  float: left;
  margin-left: 20px;
  padding-right: 30%;
}
.Supplierbox .bootombox .box-left .txtbox .companyname {
  font-size: 18px;
  font-family: Cairo-Bold;
  margin-top: -10px;
}
.Supplierbox .bootombox .box-left .txtbox .p2 {
  font-size: 14px;
  color: #acb1ca;
}
.Supplierbox .bootombox .box-left .txtbox .linkbox {
  width: 140px;
  height: 36px;
  display: block;
  text-align: center;
  line-height: 36px;
  background-color: #fa6444;
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  margin-top: 10px;
}
.Supplierbox .bootombox .box-right {
  width: calc(100% - 460px);
  float: left;
  padding: 0 44px 30px;
}
.Supplierbox .bootombox .box-right .item .imgbox {
  max-width: calc(100% - 20px);
  margin: auto;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.Supplierbox .bootombox .box-right .item .imgbox:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
  transition: 0.6s;
  opacity: 0;
}
.Supplierbox .bootombox .box-right .item .imgbox:after {
  content: url(../images/eye.svg);
  width: 40px;
  height: 40px;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  display: block;
  z-index: 2;
  transition: 0.6s;
  transform: scale(0);
}
.Supplierbox .bootombox .box-right .item .txtbox {
  max-width: calc(100% - 20px);
  margin: auto;
  margin-top: 10px;
}
.Supplierbox .bootombox .box-right .item .txtbox .p1 {
  font-size: 16px;
  color: #454b60;
  font-family: Cairo-Medium;
}
.Supplierbox .bootombox .box-right .item .txtbox .p2 {
  margin-top: 10px;
  font-size: 14px;
  color: #acb1ca;
  margin-bottom: 6px;
}
.Supplierbox .bootombox .box-right .item .txtbox .spanbox {
  background-color: #fff1ba;
  padding: 5px 10px;
  display: block;
  max-width: 86px;
  color: #ff9500;
  font-size: 16px;
  text-align: center;
  font-family: Cairo-SemiBold;
}
.Supplierbox .bootombox .box-right .item:hover .imgbox:before {
  opacity: 1;
}
.Supplierbox .bootombox .box-right .item:hover .imgbox:after {
  transform: scale(1);
}
.Supplierbox .bootombox .box-right .slick-dots {
  bottom: 0;
}
.Supplierbox .bootombox .box-right .slick-prev,
.Supplierbox .bootombox .box-right .slick-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px #ddd solid;
  background-color: #fff;
  font-size: 18px;
  transition: 0.6s;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.Supplierbox .bootombox .box-right .slick-prev:hover,
.Supplierbox .bootombox .box-right .slick-next:hover {
  background-color: #fa6444;
  border: 1px #fa6444 solid;
}
.Supplierbox .bootombox .box-right .slick-prev:before,
.Supplierbox .bootombox .box-right .slick-next:before {
  content: '';
}
.Supplierbox .bootombox .box-right .slick-prev {
  left: 0;
  background-image: url(../images/slickl.svg);
}
.Supplierbox .bootombox .box-right .slick-prev:hover {
  background-image: url(../images/slickl_w.svg);
}
.Supplierbox .bootombox .box-right .slick-next {
  right: 0;
  background-image: url(../images/slickr.svg);
}
.Supplierbox .bootombox .box-right .slick-next:hover {
  background-image: url(../images/slickr_w.svg);
}
.formbox {
  margin-bottom: 40px;
}
.formbox .formleft {
  width: 65%;
  padding: 30px 26px;
  box-shadow: 0px 0px 40px #ebebeb;
  overflow: hidden;
  float: left;
  border-radius: 4px;
}
.formbox .formleft .formwrap {
  margin-top: 10px;
}
.formbox .formleft .formwrap .inpsty {
  display: block;
  width: 100%;
  border: 1px #dae1e7 solid;
  padding: 8px 16px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.formbox .formleft .formwrap .txtareasty {
  display: block;
  width: 100%;
  height: 100px;
  border: 1px #dae1e7 solid;
  padding: 8px 16px;
  border-radius: 4px;
  resize: none;
  margin-bottom: 20px;
}
.formbox .formleft .formwrap .inpw50 {
  display: block;
  width: calc(100%/2 - 7px);
  border: 1px #dae1e7 solid;
  padding: 8px 16px;
  border-radius: 4px;
  margin-bottom: 20px;
  float: left;
  box-sizing: border-box;
  height: 43px;
}
.formbox .formleft .formwrap .inpw50:nth-child(2) {
  margin-left: 14px;
}
.formbox .formleft .formwrap .btnsty {
  font-size: 16px;
  font-family: Cairo-Medium;
  float: right;
  background-color: #fa6444;
  border: none;
  padding: 8px 20px;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  display: block;
}
.formbox .scrollbox {
  width: calc(35% - 40px);
  height: 422px;
  overflow: hidden;
  float: left;
  padding: 20px 26px;
  box-shadow: 0px 0px 40px #ebebeb;
  margin-left: 40px;
  border-radius: 4px;
  position: relative;
}
.formbox .scrollbox .picScroll-top .picList li {
  border-bottom: 1px #e3e9ef solid;
}
.formbox .scrollbox .picScroll-top .picList li .p1 {
  padding-top: 10px;
}
.formbox .scrollbox .picScroll-top .picList li .p1 .titbox {
  display: inline-block;
  float: left;
  font-size: 16px;
  font-family: Cairo-Medium;
  width: calc(100% - 70px);
}
.formbox .scrollbox .picScroll-top .picList li .p1 .tipbox {
  display: inline-block;
  float: left;
  font-size: 14px;
  font-family: Cairo-Medium;
  width: 60px;
  background-color: #007aff;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  float: right;
}
.formbox .scrollbox .picScroll-top .picList li .p2 {
  font-family: Cairo-Medium;
  font-size: 16px;
  color: #9999a5;
}
.formbox .scrollbox .picScroll-top .picList li .p3 {
  margin-bottom: 10px;
}
.lueone {
  word-wrap: break-word;
  /*强制换行*/
  overflow: hidden;
  /*超出隐藏*/
  text-overflow: ellipsis;
  /*隐藏后添加省略号*/
  white-space: nowrap;
  /*强制不换行*/
}
.luetwo {
  display: -webkit-box;
  overflow: hidden;
  /*自动隐藏文字*/
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /*文字隐藏后添加省略号*/
}
.whybox {
  margin-top: 40px;
}
.whybox .box-wrap {
  padding: 40px 40px 40px 40px;
}
.whybox .box-wrap .itemgroubbox .item {
  width: calc(100%/3 - 27px);
  margin-right: 40px;
  float: left;
  height: 110px;
}
.whybox .box-wrap .itemgroubbox .item .pic {
  width: 70px;
  float: left;
}
.whybox .box-wrap .itemgroubbox .item .txt {
  width: calc(100% - 70px);
  float: left;
}
.whybox .box-wrap .itemgroubbox .item .txt .ptit {
  font-size: 18px;
  color: #454b60;
  font-family: Cairo-Bold;
  margin-left: 10px;
}
.whybox .box-wrap .itemgroubbox .item .txt .p2 {
  color: #9999a5;
  font-family: Cairo-Medium;
  margin-left: 10px;
  margin-top: 10px;
  line-height: 1.3;
}
.whybox .box-wrap .itemgroubbox .item:nth-child(3n) {
  margin-right: 0;
}
.whybox .box-wrap .itemgroubbox .bg1 {
  background-color: #eef7ff;
  padding: 20px;
}
.whybox .box-wrap .itemgroubbox .bg2 {
  background-color: #edfaf3;
  padding: 20px;
}
.whybox .box-wrap .itemgroubbox .bg3 {
  background-color: #fdefef;
  padding: 20px;
}
.whybox .box-wrap .itemgroubbox .bg4 {
  background-color: #fffbef;
  padding: 20px;
}
.whybox .box-wrap .itemgroubbox2 {
  margin-top: 40px;
  text-align: center;
}
.whybox .box-wrap .itemgroubbox2 .item {
  float: none;
  display: inline-block;
  margin: 0 20px;
}
.whybox .box-wrap .itemgroubbox2 .item .txt .ptit {
  text-align: left;
}
.whybox .box-wrap .itemgroubbox2 .item .txt .p2 {
  text-align: left;
}
.footerbox {
  background-color: #30333b;
}
.footerbox .wrapbox1 {
  padding: 40px 0;
}
.footerbox .linebox {
  border-top: 1px rgba(255, 255, 255, 0.1) solid;
  line-height: 50px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}
.footerbox .linebox .txtleft {
  float: left;
}
.footerbox .linebox .txtright {
  float: right;
}
.footerbox .item {
  float: left;
}
.footerbox .item .titp {
  font-size: 18px;
  font-family: Cairo-Bold;
  color: #fff;
}
.footerbox .item1 {
  color: #fff;
}
.footerbox .item1 .title1 .bigfont {
  font-size: 36px;
  font-family: Cairo-Medium;
  line-height: 1;
}
.footerbox .item1 .title1 .bigfont sup {
  font-size: 13px;
}
.footerbox .item1 .p2 {
  margin-top: 10px;
  font-size: 14px;
  color: #acb1ca;
}
.footerbox .item1 .icontlist {
  margin-top: 20px;
}
.footerbox .item1 .icontlist .item {
  margin-right: 20px;
  color: #fff;
}
.footerbox .item2 {
  margin-left: 8%;
}
.footerbox .item2 .linkbox {
  margin-top: 20px;
}
.footerbox .item2 .linkbox a {
  display: block;
  color: #acb1ca;
  font-family: Cairo-Medium;
  font-size: 14px;
}
.footerbox .item2 .linkbox a:not(:last-child) {
  margin-bottom: 4px;
}
.footerbox .item3 {
  float: right;
  width: 32%;
}
.footerbox .item3 .searchbox {
  margin-top: 20px;
  border-radius: 4px;
  overflow: hidden;
}
.footerbox .item3 .searchbox .inps {
  width: calc(100% - 120px);
  float: left;
  height: 45px;
  border: none;
  padding: 0 14px;
}
.footerbox .item3 .searchbox .btnsss {
  float: left;
  width: 120px;
  height: 45px;
  background-color: #fa6444;
  font-size: 16px;
  font-family: Cairo-Medium;
  color: #fff;
  border: none;
  cursor: pointer;
}
.footerbox .item3 .ptxt {
  color: #fff;
  margin-top: 6px;
}
.pagecontentbox {
  padding-bottom: 60px;
  background-color: #f9f9f9;
  box-shadow: inset 0 0 10px #f7f7f7;
}
.pagecontentbox .crumbs {
  padding-top: 10px;
}
.pagecontentbox .crumbs .iconfont {
  vertical-align: middle;
}
.pagination {
  border-top: 1px #f0ecec solid;
  margin-top: 40px;
}
.Productinfobox {
  box-shadow: 0px 0px 40px #e6e6e6;
  margin-top: 20px;
  background-color: #fff;
}
.Productinfobox .upbox .box-left {
  width: calc(100% - 380px);
  overflow: hidden;
  float: left;
}
.Productinfobox .upbox .box-left .imgbox {
  margin: 20px 30px 20px 25px;
  overflow: hidden;
  float: left;
  width: 400px;
}
.Productinfobox .upbox .box-left .infotxt {
  width: calc(100% - 460px);
  float: left;
  margin-top: 20px;
}
.Productinfobox .upbox .box-left .infotxt .titlebox {
  border-bottom: 1px #dae1e7 solid;
  padding-bottom: 30px;
}
.Productinfobox .upbox .box-left .infotxt .titlebox .titp {
  font-size: 18px;
  color: #30333b;
  margin-bottom: 10px;
}
.Productinfobox .upbox .box-left .infotxt .titlebox .spantxt {
  font-size: 14px;
  background-color: #fff1ba;
  color: #ff9500;
  line-height: 1;
  padding: 3px 5px;
  border-radius: 4px;
  display: block;
  width: 100px;
  text-align: center;
}
.Productinfobox .upbox .box-left .infotxt .databox {
  margin-top: 30px;
  border-bottom: 1px #dae1e7 solid;
  padding-bottom: 20px;
}
.Productinfobox .upbox .box-left .infotxt .databox .dataitem {
  font-size: 18px;
  color: #9999a5;
  line-height: 24px;
  margin-bottom: 20px;
  overflow: hidden;
}
.Productinfobox .upbox .box-left .infotxt .databox .dataitem .spanleft {
  width: 120px;
  display: block;
  float: left;
}
.Productinfobox .upbox .box-left .infotxt .databox .dataitem .spanright {
  width: calc(100% - 120px);
  display: block;
  float: left;
}
.Productinfobox .upbox .box-left .infotxt .databox .dataitem .spanright .spanbulebg {
  background-color: #007aff;
  color: #fff;
  display: block;
  width: 60px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 5px;
}
.Productinfobox .upbox .box-left .infotxt .databox .dataitem .spanright .numbox {
  width: 90px;
  border: 1px #ddd solid;
  border-radius: 4px;
  margin-right: 10px;
  padding: 0 0 0 10px;
}
.Productinfobox .upbox .box-left .infotxt .icontgroub {
  overflow: hidden;
  margin-top: 20px;
  color: #9999a5;
  font-size: 16px;
}
.Productinfobox .upbox .box-left .infotxt .icontgroub .item {
  margin-right: 5%;
}
.Productinfobox .upbox .box-left .infotxt .icontgroub .item .iconfont {
  font-size: 18px;
}
.Productinfobox .upbox .box-right {
  width: 380px;
  background-color: #ebf1f7;
  float: right;
  height: 530px;
  padding: 40px 30px;
}
.Productinfobox .upbox .box-right .databox .item {
  overflow: hidden;
  margin-bottom: 20px;
}
.Productinfobox .upbox .box-right .databox .item .txtleft {
  width: 174px;
  display: block;
  float: left;
  color: #9999a5;
  font-size: 16px;
}
.Productinfobox .upbox .box-right .databox .item .txtright {
  width: calc(100% - 174px);
  display: block;
  float: left;
  color: #30333b;
  font-size: 16px;
}
.Productinfobox .upbox .box-right .btnbox {
  width: 100%;
  height: 48px;
  border: 1px #ddd solid;
  background-color: #fa6444;
  color: #fff;
  font-size: 18px;
  border-radius: 4px;
  margin-top: 20px;
  cursor: pointer;
}
.Productinfobox .upbox .box-right .btnbox2 {
  border: 1px #007aff solid;
  background-color: #ebf1f7;
  color: #007aff;
}
.Productinfobox .upbox .box-right .linkbox {
  text-align: center;
  line-height: 40px;
}
.Productinfobox .upbox .box-right .linkbox .item {
  font-size: 16px;
  color: #9999a5;
}
.Productinfobox .upbox .box-right .linkbox .item .iconfont {
  font-size: 18px;
}
.Productinfobox .upbox .box-right .linkbox .line {
  color: #9999a5;
  padding: 0 10px;
}
.hrstyle {
  height: 1px;
  border: 0;
  background-color: #ddd;
  margin-bottom: 20px;
}
.fcgreed {
  color: #22ab39;
}
.fcyellow2 {
  color: #f4a000;
}
.fs24 {
  font-size: 24px;
}
.fs18 {
  font-size: 18px;
}
.picFocus {
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden;
  zoom: 1;
  float: left;
}
.picFocus .btnbox {
  display: inline-block;
  width: 20px;
  height: 80px;
  float: left;
  text-align: center;
  line-height: 80px;
  cursor: pointer;
  transition: 0.6s;
  color: #ddd;
}
.picFocus .btnbox .fa {
  font-size: 34px;
}
.picFocus .btnbox:hover {
  color: #fa6444;
}
.picFocus .btnbox fa {
  vertical-align: middle;
}
.picFocus .hd {
  width: 100%;
  padding-top: 10px;
  overflow: hidden;
}
.picFocus .hd ul {
  width: calc(100% - 40px);
  overflow: hidden;
  zoom: 1;
  display: inline-block;
  float: left;
}
.picFocus .hd ul li {
  float: left;
  text-align: center;
  width: 80px;
  height: 80px;
  line-height: 80px;
  vertical-align: middle;
  border: 1px solid #ddd;
  cursor: pointer;
  margin: 0 5px;
}
.picFocus .hd ul li img {
  vertical-align: middle;
}
.picFocus .hd ul li.on {
  border-color: #fa6444;
}
.picFocus .bd {
  width: 100%;
  height: 400px;
  border: 1px #dae1e7 solid;
}
.picFocus .bd li {
  height: 100%;
  height: 400px;
  line-height: 400px;
  vertical-align: middle;
}
.picFocus .bd li img {
  display: inline-block;
  vertical-align: middle;
}
.boxtable {
  margin-top: 40px;
}
.boxtable .box-left {
  box-shadow: 0px 0px 40px #e6e6e6;
  padding: 20px;
  width: calc(100% - 380px);
  float: left;
  background-color: #fff;
}
.boxtable .box-left .titbox {
  font-size: 24px;
  color: #30333b;
}
.boxtable .box-left .ulbox {
  margin-top: 10px;
}
.boxtable .box-left .ulbox .itemdata {
  font-size: 16px;
  padding: 14px 20px;
  border-right: 1px #e6e6e6 solid;
  width: calc(100%/3);
  float: left;
  height: 110px;
}
.boxtable .box-left .ulbox .itemdata:nth-child(3n) {
  border-right: none;
}
.boxtable .box-left .ulbox .itemdata:nth-child(-n+3) {
  border-bottom: 1px #e6e6e6 solid;
}
.boxtable .box-left .ulbox .itemdata .tit1 {
  color: #9999a5;
}
.boxtable .box-right {
  width: 350px;
  float: right;
  background-color: #fff;
  box-shadow: 0px 0px 40px #e6e6e6;
  padding: 20px;
}
.boxtable .box-right .logobox {
  width: 100px;
  height: 100px;
  border: 1px #ddd solid;
  border-radius: 4px;
  text-align: center;
  line-height: 100px;
  vertical-align: middle;
  float: left;
}
.boxtable .box-right .logobox img {
  vertical-align: middle;
}
.boxtable .box-right .txtbox {
  width: calc(100% - 120px);
  float: left;
  margin-left: 20px;
  margin-top: -10px;
}
.boxtable .box-right .txtbox .companyname {
  font-size: 18px;
  font-family: Cairo-Bold;
}
.boxtable .box-right .txtbox .p2 {
  font-size: 14px;
  color: #acb1ca;
}
.boxtable .box-right .txtbox .linkbox {
  width: 140px;
  height: 36px;
  display: block;
  text-align: center;
  line-height: 36px;
  background-color: #fa6444;
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  margin-top: 10px;
}
.infotxtbox {
  background-color: #fff;
  box-shadow: 0px 0px 40px #e6e6e6;
  padding: 30px 20px;
  margin-top: 40px;
  width: calc(100% - 380px);
}
.infotxtbox .tititbpx {
  font-size: 24px;
}
.infotxtbox .contentbox {
  font-size: 18px;
  margin-top: 0px;
}
.alsolikebox {
  background-color: #fff;
  box-shadow: 0px 0px 40px #e6e6e6;
  margin-top: 40px;
  padding: 30px;
}
.alsolikebox .commenttitle .titletxt {
  font-size: 24px;
  font-family: Cairo-Regular;
}
.categorybox {
  margin-top: 40px;
}
.categorybox .box-left {
  width: 35%;
  float: left;
}
.categorybox .box-left .titp {
  font-size: 30px;
  margin-top: 50px;
}
.categorybox .box-left .p2 {
  color: #9999a5;
  font-size: 18px;
  margin-top: 10px;
}
.categorybox .box-right {
  width: 60%;
  float: right;
  position: relative;
}
.categorybox .box-right .imgpic {
  display: block;
  margin: auto;
}
.categorybox .box-right .pos {
  position: absolute;
  z-index: 12;
  line-height: 40px;
}
.categorybox .box-right .pos .circle-ripple {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}
.categorybox .box-right .pos1 {
  top: 15%;
}
.categorybox .box-right .pos2 {
  top: 60%;
  left: 10%;
}
.categorybox .box-right .pos3 {
  top: 20%;
  right: 0%;
}
.categorybox .box-right .pos4 {
  bottom: 0%;
  right: 10%;
}
.circle-ripple {
  background-color: #35ffc3;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  -webkit-animation: ripple .7s linear infinite;
  animation: ripple 0.7s linear infinite;
}
@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3), 0 0 0 5px rgba(101, 255, 120, 0.3), 0 0 0 7px rgba(101, 255, 120, 0.3), 0 0 0 9px rgba(101, 255, 120, 0.3);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(101, 255, 120, 0.3), 0 0 0 7px rgba(101, 255, 120, 0.3), 0 0 0 9px rgba(101, 255, 120, 0.3), 0 0 0 11px rgba(101, 255, 120, 0);
  }
}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3), 0 0 0 5px rgba(101, 255, 120, 0.3), 0 0 0 7px rgba(101, 255, 120, 0.3), 0 0 0 9px rgba(101, 255, 120, 0.3);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(101, 255, 120, 0.3), 0 0 0 7px rgba(101, 255, 120, 0.3), 0 0 0 9px rgba(101, 255, 120, 0.3), 0 0 0 11px rgba(101, 255, 120, 0);
  }
}
.groubox {
  margin-top: 60px !important;
  margin-bottom: 60px;
}
.groubox .item {
  width: calc(100%/2 - 20px);
  margin-right: 40px;
  float: left;
  padding: 40px 40px 0 40px;
  background-color: #f00;
  border-radius: 5px;
  height: 320px;
  margin-bottom: 40px;
}
.groubox .item .boxtxt {
  width: 40%;
  float: left;
}
.groubox .item .boxtxt .p1 {
  font-size: 24px;
  font-family: Cairo-Bold;
  color: #fff;
}
.groubox .item .boxtxt .p2 {
  margin-top: 10px;
  font-size: 18px;
  color: #fff;
}
.groubox .item .boxpic {
  width: 60%;
  float: right;
  height: 100%;
}
.groubox .item .boxpic img {
  float: right;
  max-height: 100%;
}
.groubox .item:nth-child(2n) {
  margin-right: 0;
}
.groubox .bg1 {
  background-color: #d1b4c0;
}
.groubox .bg2 {
  background-color: #dfcb8e;
}
.groubox .bg3 {
  background-color: #b1c9e3;
}
.groubox .bg4 {
  background-color: #8fc5f3;
}
.groubox .bg5 {
  background-color: #e98e7a;
}
.groubox .bg6 {
  background-color: #b4d1b9;
}
.footerlogin {
  text-align: center;
  line-height: 60px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  width: 100%;
}
.logoginbox {
  margin: 5% 0 3%;
  background-image: url(../images/loginbg.png);
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden;
}
.logoginbox .insiderbox {
  width: 780px;
  height: 480px;
  margin: 6% auto 40px;
  padding-bottom: 40px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 10px #e9e9e9;
  overflow: hidden;
}
.logoginbox .insiderbox .leftbox {
  width: 50%;
  float: left;
  height: 480px;
}
.logoginbox .insiderbox .leftbox .titbox {
  font-size: 36px;
  font-family: Cairo-Bold;
  color: #454b60;
  text-align: center;
  margin-top: 20px;
}
.logoginbox .insiderbox .leftbox .icontbox {
  text-align: center;
  margin-top: 20px;
}
.logoginbox .insiderbox .leftbox .icontbox .item {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px #dfe5ea solid;
  display: inline-block;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  margin: 0 10px;
}
.logoginbox .insiderbox .leftbox .p2 {
  text-align: center;
  color: #9999a5;
  margin-top: 20px;
}
.logoginbox .insiderbox .leftbox .inpsbox {
  width: 70%;
  margin: 10px auto;
}
.logoginbox .insiderbox .leftbox .inpsbox .inp1 {
  width: 100%;
  height: 56px;
  background-color: #f0f5f8;
  border: none;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 0 14px;
}
.logoginbox .insiderbox .leftbox .inpsbox .inp1:nth-child(2) {
  margin-bottom: 0;
}
.logoginbox .insiderbox .leftbox .p3 {
  text-align: center;
  color: #454b60;
  font-size: 16px;
  margin-top: 10px;
}
.logoginbox .insiderbox .leftbox .inpss {
  width: 160px;
  height: 48px;
  background-color: #fa6444;
  border: none;
  display: block;
  margin: 20px auto;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
}
.logoginbox .insiderbox .rightbox {
  width: 50%;
  float: left;
  background-color: #fa6444;
  color: #fff;
  padding: 20% 10% 0;
  height: 480px;
}
.logoginbox .insiderbox .rightbox .tit2 {
  font-size: 36px;
  font-family: Cairo-Bold;
  text-align: center;
}
.logoginbox .insiderbox .rightbox .p2 {
  font-size: 16px;
}
.logoginbox .insiderbox .rightbox .link2 {
  width: 160px;
  height: 48px;
  display: block;
  border: 1px #fff solid;
  text-align: center;
  line-height: 48px;
  color: #fff;
  font-size: 16px;
  border-radius: 4px;
  margin: 20px auto;
}
.centertop {
  overflow: hidden;
  padding-top: 50px;
}
.centertop .titleft {
  font-size: 30px;
  font-family: Cairo-SemiBold;
  float: left;
}
.centertop .linkbox {
  float: right;
  width: 100px;
  height: 46px;
  background-color: #fa6444;
  border-radius: 4px;
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  transition: 0.6s;
  opacity: 1;
}
.centertop .linkbox:hover {
  background-color: #fa6444;
  opacity: 0.8;
}
.centertop .linkbox a {
  color: #fff;
}
.miancontent {
  margin-top: 20px;
}
.miancontent .box-left {
  width: 320px;
  float: left;
}
.miancontent .box-right {
  width: calc(100% - 350px);
  float: right;
  margin-left: 30px;
}
.siderbox {
  width: 100%;
  box-shadow: 0 0 10px #ddd;
  background-color: #fff;
}
.siderbox .item {
  height: 58px;
  line-height: 58px;
  border-bottom: 1px #f3f3f3 solid;
  padding: 0 20px;
  font-size: 16px;
}
.siderbox .item a {
  color: #454b60;
  display: block;
  width: 100%;
  height: 100%;
}
.siderbox .item a .iconfont {
  font-size: 18px;
  padding-right: 10px;
}
.siderbox .item:hover {
  background-color: #fa6444;
  border-bottom: 1px #fa6444 solid;
}
.siderbox .item:hover a {
  color: #fff;
}
.siderbox .current {
  background-color: #fa6444;
  border-bottom: 1px #fa6444 solid;
}
.siderbox .current a {
  color: #fff;
}
.Profileadress .infoitem {
  background-color: #fff;
  box-shadow: 0 0 10px #f1f1f1;
  padding: 10px 30px;
  border-radius: 4px;
  overflow: hidden;
}
.Profileadress .infoitem .leftbox {
  width: calc(100% - 120px);
  float: left;
}
.Profileadress .infoitem .leftbox .headbox {
  width: 100px;
  height: 100px;
  background-color: #e7eff5;
  border-radius: 50%;
  float: left;
}
.Profileadress .infoitem .leftbox .txtbox {
  float: left;
  margin-top: 10px;
}
.Profileadress .infoitem .leftbox .txtbox .emailtxt {
  font-size: 16px;
}
.Profileadress .infoitem .leftbox .btn {
  width: 140px;
  height: 40px;
  box-shadow: 0 0 10px #ddd;
  text-align: center;
  line-height: 40px;
  margin-top: 10px;
  cursor: pointer;
  transition: 0.6s;
  border-radius: 4px;
}
.Profileadress .infoitem .leftbox .btn:hover {
  background-color: #fa6444;
  color: #fff;
}
.Profileadress .infoitem .rightbox {
  float: right;
  width: 100px;
}
.Profileadress .infoitem .rightbox .btn {
  width: 100%;
  height: 46px;
  background-color: #8fc5f3;
  border-radius: 4px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  font-size: 16px;
  display: block;
  cursor: pointer;
  transition: 0.6s;
}
.Profileadress .infoitem .rightbox .btn:hover {
  background-color: #fa6444;
}
.shopcarboxwrap {
  overflow: hidden;
}
.shopcarboxwrap .checkbox {
  width: 60px;
  float: left;
  text-align: center;
}
.shopcarboxwrap .checkbox .p11 {
  margin-top: 20px;
}
.shopcarboxwrap .Productname {
  float: left;
  width: calc(100% - 560px);
}
.shopcarboxwrap .Pricebox {
  float: left;
  width: 120px;
}
.shopcarboxwrap .Pricebox .price {
  font-size: 18px;
  color: #9999a5;
  margin-top: 20px;
}
.shopcarboxwrap .quantitybox {
  float: left;
  width: 150px;
}
.shopcarboxwrap .quantitybox .calcbox {
  margin-top: 20px;
}
.shopcarboxwrap .totalpricebox {
  float: left;
  width: 120px;
}
.shopcarboxwrap .totalpricebox .totaltxt {
  font-size: 18px;
  color: #454b60;
  margin-top: 20px;
}
.shopcarboxwrap .operatingbox {
  float: left;
  width: 100px;
}
.shopcarboxwrap .operatingbox .p1 {
  margin-top: 14px;
  cursor: pointer;
}
.shopcarboxwrap .operatingbox .p1 .spanicont {
  color: #f00;
}
.shopcarboxwrap .operatingbox .p2 {
  color: #9999a5;
  cursor: pointer;
}
.shopcarboxwrap .operatingbox .spanicont {
  width: 20px;
  display: inline-block;
  text-align: center;
}
.shopcarboxwrap .imgbox {
  width: 74px;
  height: 74px;
  line-height: 74px;
  float: left;
  vertical-align: middle;
  overflow: hidden;
}
.shopcarboxwrap .imgbox img {
  vertical-align: middle;
}
.shopcarboxwrap .txtbox {
  width: calc(100% - 90px);
  margin-left: 16px;
  float: left;
}
.shopcarboxwrap .txtbox .p1 {
  font-family: Cairo-Bold;
  color: #454b60;
  height: 48px;
  font-size: 16px;
  overflow: hidden;
}
.shopcarboxwrap .btnnum {
  width: 24px;
  height: 24px;
  background-color: #f4f5f5;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  margin: 0 10px;
  cursor: pointer;
  transition: 0.6s;
  color: #9999a5;
  font-size: 16px;
}
.shopcarboxwrap .btnnum:hover {
  background-color: #fa6444;
  border: #fa6444;
  color: #fff;
}
.shopcarboxwrap .numtxt {
  color: #9999a5;
  font-size: 16px;
}
.tablebar {
  background-color: #eaeaeb;
  padding: 16px 0;
  overflow: hidden;
}
.tablebar .inside2 {
  width: calc(100% - 380px);
  font-size: 16px;
}
.tabletop1 tr td {
  padding: 0;
}
.fcblack {
  color: #454b60 !important;
}
.shopcarbox {
  margin-top: 30px;
}
.shopcarbox .box-right {
  width: 350px;
  float: left;
  margin-left: 30px;
}
.shopcarbox .box-right .upbox {
  background-color: #fff;
  width: 100%;
  box-shadow: 0 0 50px #f1f1f1;
  padding-top: 20px;
  border-radius: 5px;
  padding-bottom: 30px;
}
.shopcarbox .box-right .upbox .secherbox {
  height: 40px;
  border-radius: 4px;
  width: calc(100% - 40px);
  margin: 0px auto 20px;
}
.shopcarbox .box-right .upbox .secherbox .inps1 {
  width: calc(100% - 100px);
  height: 38px;
  float: left;
  border: none;
  padding: 0 10px;
  border: 1px #ddd solid;
  border-right: none;
}
.shopcarbox .box-right .upbox .secherbox .btn1 {
  width: 100px;
  height: 38px;
  float: left;
  font-size: 16px;
  color: #9999a5;
  transition: 0.6s;
  cursor: pointer;
  border: none;
}
.shopcarbox .box-right .upbox .secherbox .btn1:hover {
  background-color: #fa6444;
  color: #fff;
}
.shopcarbox .box-right .upbox .floattxt {
  overflow: hidden;
  font-size: 16px;
  color: #454b60;
}
.shopcarbox .box-right .upbox .floattxt .item {
  width: calc(100% - 40px);
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
}
.shopcarbox .box-right .upbox .floattxt .item .textleft {
  float: left;
}
.shopcarbox .box-right .upbox .floattxt .item .txtright {
  float: right;
}
.shopcarbox .box-right .upbox .btnaaa {
  width: calc(100% - 40px);
  height: 60px;
  border: none;
  background-color: #fa6444;
  margin: auto;
  border-radius: 4px;
  display: block;
  font-size: 18px;
  color: #fff;
  margin-top: 10px;
  transition: 0.6s;
  cursor: pointer;
  opacity: 1;
}
.shopcarbox .box-right .upbox .btnaaa:hover {
  opacity: 0.8;
}
.shopcarbox .box-right .tiptxt {
  text-align: center;
  color: #9999a5;
  margin-top: 10px;
}
.shopcarbox .box-left {
  width: calc(100% - 380px);
  float: left;
  background-color: #fff;
  box-shadow: 0 0 50px #f1f1f1;
  padding: 20px 0;
}
.shopcarbox .box-left .itembox {
  overflow: hidden;
}
.shopcarbox .box-left .itembox:not(:last-child) {
  margin-bottom: 30px;
}
.shopcarbox .box-left .tabletop {
  width: 100%;
}
.tableorder {
  width: 100%;
  border-top: 1px #dae1e7 solid;
}
.tableorder tr th {
  font-size: 16px;
  border-bottom: 1px #dae1e7 solid;
  padding: 16px 0;
  text-align: left;
}
.tableorder tr td {
  border-bottom: 1px #dae1e7 solid;
  text-align: left;
  padding: 16px 0;
  font-size: 16px;
}
.tableorder tr td .Status {
  background-color: #42d697;
  color: #fff;
  border-radius: 4px;
  padding: 0 10px;
  line-height: 1.3;
  display: block;
  width: 100px;
  text-align: center;
}
.tableorder tr td .viewbox {
  color: #007aff;
  transition: 0.6s;
}
.tableorder tr td .viewbox:hover {
  color: #fa6444;
}
.pt30 {
  padding-top: 30px;
}
.pl30 {
  padding-left: 30px;
}
.searchbox {
  overflow: hidden;
  margin-bottom: 20px;
}
.searchbox .itemgroub {
  width: calc(100% - 250px);
  float: left;
}
.searchbox .itemgroub .item {
  float: left;
  width: calc(100%/3 - 14px);
}
.searchbox .itemgroub .item:not(:last-child) {
  margin-right: 20px;
}
.searchbox .itemgroub .item .inpsss {
  height: 46px;
  border-radius: 4px;
  border: 1px #ddd solid;
  padding: 0 16px;
  width: calc(100% - 52px);
  font-size: 16px;
}
.searchbox .btngrout {
  width: 250px;
  float: left;
}
.searchbox .btngrout .btnsty {
  width: 120px;
  height: 46px;
  border: none;
  float: left;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
}
.searchbox .btngrout .btn1 {
  background-color: #8fc5f3;
  color: #fff;
}
.searchbox .btngrout .btn2 {
  margin-left: 10px;
}
.favoritelist .item {
  border-bottom: 1px #dae1e7 solid;
  overflow: hidden;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.favoritelist .item .box-left {
  width: calc(100% - 120px);
  float: left;
}
.favoritelist .item .box-left .imgbox {
  width: 100px;
  height: 100px;
  float: left;
  background-color: #fff;
  line-height: 100px;
}
.favoritelist .item .box-left .imgbox img {
  vertical-align: middle;
}
.favoritelist .item .box-left .txt-box {
  width: calc(100% - 120px);
  margin-left: 20px;
  float: left;
  font-size: 16px;
}
.favoritelist .item .box-left .txt-box .p1 {
  font-family: Cairo-Bold;
  margin-top: -6px;
  padding-right: 20%;
}
.favoritelist .item .box-left .txt-box .p2 {
  color: #9999a5;
  margin-top: 4px;
}
.favoritelist .item .box-left .txt-box .p3 {
  font-size: 18px;
  margin-top: 10px;
}
.favoritelist .item .box-right2 {
  width: 120px;
  float: left;
  padding-top: 10px;
}
.favoritelist .item .box-right2 .btnitem {
  height: 36px;
  display: block;
  line-height: 36px;
  text-align: center;
  border-radius: 4px;
  border: 1px #007aff solid;
  color: #007aff;
  margin-bottom: 10px;
  background-color: #fff;
  cursor: pointer;
  transition: 0.6s;
}
.favoritelist .item .box-right2 .btnitem:hover {
  background-color: #fa6444;
  border: 1px #fa6444 solid;
  color: #fff;
}
.favoritelist .item .box-right2 .btnitem:nth-child(2) {
  border: 1px #fa6444 solid;
  color: #fa6444;
}
.favoritelist .item .box-right2 .btnitem:nth-child(2):hover {
  background-color: #fa6444;
  border: 1px #fa6444 solid;
  color: #fff;
}
.insidermenu {
  position: absolute;
  width: 1370px;
  max-width: calc(100vw*0.9);
  top: 43px;
  z-index: 112;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px #ddd;
  padding-top: 20px;
  display: none;
}
.insidermenu .box-left {
  width: 248px;
  float: left;
}
.insidermenu .box-left .upbox .item {
  height: 56px;
  line-height: 56px;
  padding: 0 34px;
  font-size: 18px;
  cursor: pointer;
  color: #4b566b;
  opacity: 0.6;
  font-family: Cairo-Medium;
  transition: 0.6s;
}
.insidermenu .box-left .upbox .item:hover {
  opacity: 1;
}
.insidermenu .box-left .upbox .current {
  background-color: #f8f8f8;
  color: #fa6444;
  opacity: 1;
}
.insidermenu .box-left .bottmbox {
  margin-top: 100px;
  padding: 30px 34px;
  border-top: 1px #ddd solid;
}
.insidermenu .box-left .bottmbox .p1 {
  font-size: 20px;
  font-family: Cairo-Bold;
  line-height: 1.3;
  margin-bottom: 10px;
}
.insidermenu .box-left .bottmbox .btnsty {
  width: 104px;
  height: 46px;
  background-color: #fa6444;
  border-radius: 4px;
  border: none;
  font-family: Cairo-SemiBold;
  font-size: 16px;
  color: #fff;
  margin-top: 20px;
  transition: 0.6s;
  opacity: 1;
  cursor: pointer;
}
.insidermenu .box-left .bottmbox .btnsty:hover {
  opacity: 0.8;
}
.insidermenu .box-right2 {
  width: calc(100% - 248px);
  float: left;
  padding: 20px 40px;
}
.insidermenu .box-right2 .showitem ul {
  column-count: 5;
  column-gap: 20px;
}
.insidermenu .box-right2 .showitem ul li {
  break-inside: avoid;
  margin-bottom: 20px;
}
.insidermenu .box-right2 .showitem ul li .p11 {
  font-size: 18px;
  font-family: Cairo-Bold;
  margin-bottom: 16px;
}
.insidermenu .box-right2 .showitem ul li .p11 a {
  color: #30333b;
}
.insidermenu .box-right2 .showitem ul li .subabox a {
  font-size: 16px;
  color: #9999a5;
  display: block;
  font-family: Cairo-Medium;
  transition: 0.6s;
}
.insidermenu .box-right2 .showitem ul li .subabox a:hover {
  color: #fa6444;
}
.insidermenu .box-right2 .showitem ul li:nth-child(5n) {
  margin-right: 0;
}
body .popadress .layui-layer-title {
  height: 54px;
  line-height: 54px;
  background-color: #fff;
  font-size: 18px;
  color: #454b60;
  font-family: Cairo-Bold;
}
body .popadress .layui-layer-setwin {
  top: 20px;
}
body .popadress .layui-layer-content {
  padding: 30px 20px 0;
  height: 528px !important;
}
body .popadress .layui-layer-content .adresslist {
  width: 100%;
}
body .popadress .layui-layer-content .adresslist .item {
  padding: 20px;
  border-radius: 4px;
  border: 1px #facd52 solid;
  overflow: hidden;
}
body .popadress .layui-layer-content .adresslist .item .box-info {
  width: calc(100% - 100px);
  float: left;
}
body .popadress .layui-layer-content .adresslist .item .box-info ul li {
  width: 50%;
  float: left;
  font-size: 16px;
  color: #454b60;
  margin-bottom: 14px;
  line-height: 1;
}
body .popadress .layui-layer-content .adresslist .item .box-info ul li .txtname {
  min-width: 70px;
  margin-right: 30px;
  text-align: right;
  display: inline-block;
}
body .popadress .layui-layer-content .adresslist .item .box-info ul li.w100 {
  width: 100%;
  margin-bottom: 0;
}
body .popadress .layui-layer-content .adresslist .item .box-btns {
  width: 80px;
  float: right;
}
body .popadress .layui-layer-content .adresslist .item .box-btns .btn {
  width: 100%;
  height: 35px;
  cursor: pointer;
  display: block;
  text-align: center;
  line-height: 35px;
  transition: 0.6s;
  border-radius: 4px;
}
body .popadress .layui-layer-content .adresslist .item .btn1 {
  margin-bottom: 10px;
  border: 1px #007aff solid;
  color: #007aff;
}
body .popadress .layui-layer-content .adresslist .item .btn1:hover {
  background-color: #007aff;
  color: #fff;
}
body .popadress .layui-layer-content .adresslist .item .btn2 {
  border: 1px #fa6444 solid;
  color: #fa6444;
}
body .popadress .layui-layer-content .adresslist .item .btn2:hover {
  background-color: #fa6444;
  color: #fff;
}
body .popadress .layui-layer-content .formbox .item {
  overflow: hidden;
  margin-bottom: 20px;
}
body .popadress .layui-layer-content .formbox .namebox {
  width: 140px;
  display: inline-block;
  text-align: right;
  font-size: 16px;
  margin-right: 20px;
  float: left;
  line-height: 40px;
}
body .popadress .layui-layer-content .formbox .rightitem {
  float: left;
  width: calc(100% - 160px);
  display: inline-block;
  font-size: 16px;
  border: 1px #dae1e7 solid;
  padding: 6px 10px;
  border-radius: 4px;
  resize: none;
}
body .popadress .layui-layer-content .formbox .goubinp {
  float: left;
  width: calc(100% - 160px);
}
body .popadress .layui-layer-content .formbox .goubinp .inpss {
  border: 1px #dae1e7 solid;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 16px;
  display: inline-block;
  width: calc(100%/2 - 7px);
}
body .popadress .layui-layer-content .formbox .goubinp .inpss:nth-child(2) {
  margin-left: 10px;
}
body .popadress .layui-layer-btn {
  border-top: 1px #ddd solid;
  padding: 20px 14px;
}
body .popadress .layui-layer-btn .layui-layer-btn0 {
  background-color: #fa6444;
  line-height: 46px;
  padding: 0;
  width: 140px;
  height: 46px;
  text-align: center;
  border: none;
  font-size: 16px;
}
body .popadress .layui-layer-btn .layui-layer-btn1 {
  background-color: #f3f5f9;
  line-height: 46px;
  padding: 0;
  width: 140px;
  height: 46px;
  text-align: center;
  border: none;
  font-size: 16px;
}
.Sharebox {
  background-color: #fff;
  padding: 20px;
}
.Sharebox .titp {
  font-size: 24px;
  font-family: Cairo-Bold;
}
.Sharebox .inpss {
  overflow: hidden;
  margin-top: 10px;
}
.Sharebox .inpss .ips {
  width: 70%;
  height: 46px;
  border: 1px #dae1e7 solid;
  background-color: #f6f9fc;
  border-radius: 4px;
  padding: 0 20px;
  font-size: 16px;
  float: left;
}
.Sharebox .inpss .btnsss {
  height: 46px;
  display: block;
  width: 90px;
  color: #fff;
  font-size: 16px;
  float: left;
  margin-left: 10px;
  background-color: #8fc5f3;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.6s;
}
.Sharebox .inpss .btnsss:hover {
  background-color: #fa6444;
}
.Sharebox .p3 {
  margin-top: 10px;
  color: #9999a5;
}
.tablemoble {
  display: none;
}
.pt40 {
  padding-top: 40px;
}
.orderul .orderitem {
  font-size: 16px;
  background-color: #fff;
  border: 1px #e2e0e0 solid;
  margin-bottom: 40px;
}
.orderul .orderitem .headbox {
  background-color: #e9e9ea;
  padding: 14px 20px;
  overflow: hidden;
  box-sizing: border-box;
}
.orderul .orderitem .headbox .span2 {
  padding-left: 30px;
}
.orderul .orderitem .productli {
  overflow: hidden;
}
.orderul .orderitem .productli .item {
  overflow: hidden;
  padding-bottom: 20px;
  padding: 20px 20px 20px 14px;
}
.orderul .orderitem .productli .item:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px #e2e0e0 solid;
}
.orderul .orderitem .box-productname {
  width: calc(100% - 430px);
  float: left;
}
.orderul .orderitem .Pricebox {
  width: 130px;
  float: left;
}
.orderul .orderitem .statusbox {
  float: left;
  width: 170px;
}
.orderul .orderitem .actionsbox {
  float: left;
  width: 120px;
}
.orderul .orderitem .imgbox {
  width: 110px;
  height: 110px;
  float: left;
  line-height: 120px;
  vertical-align: middle;
}
.orderul .orderitem .imgbox img {
  vertical-align: middle;
}
.orderul .orderitem .txtbox {
  width: calc(100% - 130px);
  float: left;
  margin-left: 20px;
}
.orderul .orderitem .txtbox .p1 {
  font-size: 16px;
  font-family: Cairo-Bold;
  padding-right: 10%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.orderul .orderitem .txtbox .p2 {
  color: #9999a5;
  margin-top: 10px;
  font-size: 16px;
}
.orderul .orderitem .Status {
  display: block;
  background-color: #fff1ba;
  padding: 0 5px;
  color: #ff9500;
  text-align: center;
  width: 120px;
  border-radius: 4px;
  font-size: 14px;
}
.orderul .orderitem .btnview {
  border: 1px #ddd solid;
  width: 120px;
  height: 35px;
  display: block;
  text-align: center;
  line-height: 33px;
  border-radius: 4px;
  color: #706b6b;
  margin-top: 10px;
  cursor: pointer;
  transition: 0.6s;
}
.orderul .orderitem .btnview:hover {
  background-color: #fa6444;
  color: #fff;
  border: 1px #fa6444 solid;
}
.orderul .orderitem .selectbox {
  margin-top: 10px;
  width: 120px;
  height: 35px;
  display: block;
  border: 1px #ddd solid;
  border-radius: 4px;
  overflow: hidden;
}
.orderul .orderitem .selectbox .selectboxinsider {
  border: none;
  width: 100%;
  height: 33px;
  background-color: #f3f5f9;
  padding: 0 10px;
  background-image: url(../images/arrbg.png);
  background-repeat: no-repeat;
  background-position: right 0;
}
.bgcolorhoverbtn {
  position: relative;
  transition: 0.6s;
  box-sizing: border-box;
  color: #fff;
}
.bgcolorhoverbtn:before {
  content: '';
  width: 0px;
  height: 2px;
  background-color: #fa6444;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.6s;
}
.bgcolorhoverbtn:after {
  content: '';
  width: 0px;
  height: 2px;
  background-color: #fa6444;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  transition: 0.6s;
}
.bgcolorhoverbtn:hover {
  font-weight: bold;
  background-color: #fef8f7 !important;
  color: #fa6444 !important;
}
.bgcolorhoverbtn:hover:before {
  width: 100%;
}
.bgcolorhoverbtn:hover:after {
  width: 100%;
}