* {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
body,
img,
iframe {
  border: none;
}
html,
body {
  height: 100%;
  width: 100%;
  font-size: 12px;
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
ol,
ul,
dl {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}
em,
b,
i {
  font-style: normal;
}
a {
  text-decoration: none;
}
button,
input,
select,
textarea {
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
  background: none;
  outline: none;
  border: 0px;
}
button::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
button::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
button::-ms-placeholder,
input::-ms-placeholder,
select::-ms-placeholder,
textarea::-ms-placeholder {
  color: #999;
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
button:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: #ccc;
}
button:focus::-moz-placeholder,
input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: #ccc;
}
button:focus::-ms-placeholder,
input:focus::-ms-placeholder,
select:focus::-ms-placeholder,
textarea:focus::-ms-placeholder {
  color: #ccc;
}
strong {
  font-weight: normal;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: ".";
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
  visibility: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.va-t {
  vertical-align: top;
}
.va-m {
  vertical-align: middle;
}
.va-b {
  vertical-align: bottom;
}
.i-hide {
  display: none;
}
.i-show {
  display: block;
}
.line-block {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
}
.bold {
  font-weight: 600;
}
.lb-box {
  font-size: 0 !important;
}
.boxsiz {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  overflow: auto;
  font-size: 12px;
}
.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.width-1190 {
  width: 1190px;
  margin: 0 auto;
}
.width-1204 {
  width: 1204px;
  margin: 0 auto;
}
.index-wrapper {
  min-height: 100%;
  position: relative;
}
.footer {
  min-width: 1190px;
  background: #e7e7e7;
}
.footer .web-text {
  font-size: 30px;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  padding-top: 20px;
}
.footer .footer-top {
  padding-top: 20px;
}
.footer .footer-top .top-l {
  color: #fff;
  font-size: 14px;
  margin-left: 110px;
}
.footer .footer-top .top-l:first-child {
  margin-left: 0;
}
.footer .footer-top .top-l p {
  padding-bottom: 10px;
  font-weight: 600;
  color: #333;
  line-height: 20px;
}
.footer .footer-top .top-l ul li {
  line-height: 30px;
}
.footer .footer-top .top-l ul li a {
  color: #999;
}
.footer .footer-top .top-l ul li a:hover {
  color: #09c867;
}
.footer .footer-top .top-r .qrcode-div {
  width: 140px;
  background: #e2e2e2;
  border-radius: 2px;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
}
.footer .footer-top .top-r .qrcode-div img {
  width: 120px;
  height: 120px;
}
.footer .footer-top .top-r p {
  font-size: 12px;
  color: #999;
  text-align: center;
  margin-top: 9px;
}
.footer .footer-top .top-r a {
  width: 116px;
  height: 26px;
  line-height: 26px;
  margin: 6px auto 0;
  font-size: 12px;
}
.footer .spu-nav {
  margin-top: 15px;
  color: #999;
  font-size: 14px;
  line-height: 30px;
}
.footer .spu-nav .spu-items a {
  display: block;
  color: #999;
  margin-right: 19px;
}
.footer .spu-nav .spu-items a:hover {
  color: #09c867;
}
.footer .footer-bottom {
  margin-top: 15px;
}
.footer .footer-bottom .footer-urls {
  padding-bottom: 13px;
}
.footer .footer-bottom .urls-nav {
  border-bottom: 1px solid #09c867;
  padding-bottom: 5px;
}
.footer .footer-bottom .urls-nav .url-nav {
  border-left: 1px solid #f5f5f5;
  padding: 0 15px;
  cursor: pointer;
}
.footer .footer-bottom .urls-nav .url-nav.active .url-nav-a {
  border-color: #09c867;
}
.footer .footer-bottom .urls-nav .url-nav.active .url-nav-a b {
  color: #333333;
  top: -6px;
  font-weight: 600;
}
.footer .footer-bottom .urls-nav .url-nav:first-child {
  padding-left: 0;
  border: none;
}
.footer .footer-bottom .urls-nav .url-nav .url-nav-a {
  height: 17px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  border-bottom: 4px solid #e7e7e7;
}
.footer .footer-bottom .urls-nav .url-nav .url-nav-a b {
  position: relative;
}
.footer .footer-bottom .url-items .url-nav-drop {
  display: none;
  width: 1190px;
  overflow: hidden;
}
.footer .footer-bottom .url-items .url-nav-drop.active {
  display: block;
}
.footer .footer-bottom .url-items .url-nav-drop .url-nav-drop-ul {
  width: 1214px;
  margin-left: -24px;
  padding: 11px 0 19px;
  background: #e2e2e2;
}
.footer .footer-bottom .url-items .url-nav-drop .url-nav-drop-ul .url-nav-drop-li {
  margin: 8px 0 0 32px;
  height: 16px;
  line-height: 16px;
  position: relative;
}
.footer .footer-bottom .url-items .url-nav-drop .url-nav-drop-ul .url-nav-drop-li:hover .url-nav-drop-li-a {
  color: #09c867;
}
.footer .footer-bottom .url-items .url-nav-drop .url-nav-drop-ul .url-nav-drop-li .url-nav-drop-li-a {
  color: #999;
}
.footer .footer-bottom .footer-record {
  height: 60px;
  background: #ffffff;
}
.footer .footer-bottom .footer-record .fr-l {
  margin-top: 20px;
  width: 472px;
  height: 26px;
}
.footer .footer-bottom .footer-record .fr-r .record-a {
  margin-top: 11px;
  color: #999;
  height: 16px;
  line-height: 16px;
  text-align: right;
}
.footer .footer-bottom .footer-record .fr-r .record-a img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.footer .footer-bottom .footer-record .fr-r .record-a:hover {
  color: #09c867;
}
.footer .footer-bottom .footer-record .fr-r .record-a.yyzz {
  margin-left: 10px;
}
.footer .footer-bottom .footer-record .fr-r .record-a1 {
  margin-top: 6px;
  text-align: right;
  height: 16px;
  line-height: 16px;
  color: #999;
}
.footer .footer-bottom .footer-record .fr-r .record-a1:hover {
  color: #09c867;
}
.footer .right-oprt {
  position: fixed;
  top: 50%;
  z-index: 99;
  display: none;
}
.footer .right-oprt .oprt-ul {
  height: 380px;
  width: 86px;
  background-image: url("../images/fixed-bgl5.png");
  background: none\9;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 62px 13px 0;
}
.footer .right-oprt .oprt-ul.four {
  height: 323px;
  background-image: url("../images/fixed-bgl4.png");
}
.footer .right-oprt .oprt-ul.three {
  height: 263px;
  background-image: url("../images/fixed-bgl3.png");
}
.footer .right-oprt .oprt-ul .item {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  position: relative;
}
.footer .right-oprt .oprt-ul .item.concat-item {
  display: none;
}
.footer .right-oprt .oprt-ul .item.email-item {
  border-radius: 0 0 8px 8px;
  cursor: pointer;
}
.footer .right-oprt .oprt-ul .item.email-item a {
  color: #333;
}
.footer .right-oprt .oprt-ul .item.ai-item::after,
.footer .right-oprt .oprt-ul .item.customer-item::after,
.footer .right-oprt .oprt-ul .item.concat-item::after,
.footer .right-oprt .oprt-ul .item.wx-item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 2px;
  background: #efefef;
  border-radius: 1px;
  left: 20px;
}
.footer .right-oprt .oprt-ul .item i.iconfont {
  font-size: 28px;
}
.footer .right-oprt .oprt-ul .item i.iconfont.iconzl {
  color: #666;
}
.footer .right-oprt .oprt-ul .item i.iconfont.iconweixin1 {
  color: #4cbf00;
}
.footer .right-oprt .oprt-ul .item i.ai-icon,
.footer .right-oprt .oprt-ul .item i.qq-icon,
.footer .right-oprt .oprt-ul .item i.phone-icon,
.footer .right-oprt .oprt-ul .item i.email-icon {
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 16px;
}
.footer .right-oprt .oprt-ul .item i.ai-icon.ai-icon,
.footer .right-oprt .oprt-ul .item i.qq-icon.ai-icon,
.footer .right-oprt .oprt-ul .item i.phone-icon.ai-icon,
.footer .right-oprt .oprt-ul .item i.email-icon.ai-icon {
  background-image: url("../images/ai-icon.png");
}
.footer .right-oprt .oprt-ul .item i.ai-icon.qq-icon,
.footer .right-oprt .oprt-ul .item i.qq-icon.qq-icon,
.footer .right-oprt .oprt-ul .item i.phone-icon.qq-icon,
.footer .right-oprt .oprt-ul .item i.email-icon.qq-icon {
  background-image: url("../images/qq-icon.png");
}
.footer .right-oprt .oprt-ul .item i.ai-icon.phone-icon,
.footer .right-oprt .oprt-ul .item i.qq-icon.phone-icon,
.footer .right-oprt .oprt-ul .item i.phone-icon.phone-icon,
.footer .right-oprt .oprt-ul .item i.email-icon.phone-icon {
  background-image: url("../images/phone-icon.png");
}
.footer .right-oprt .oprt-ul .item i.ai-icon.email-icon,
.footer .right-oprt .oprt-ul .item i.qq-icon.email-icon,
.footer .right-oprt .oprt-ul .item i.phone-icon.email-icon,
.footer .right-oprt .oprt-ul .item i.email-icon.email-icon {
  background-image: url("../images/email-icon.png");
}
.footer .right-oprt .customer-item:hover,
.footer .right-oprt .concat-item:hover,
.footer .right-oprt .email-item:hover,
.footer .right-oprt .to-top-item:hover {
  background-color: #1bb065;
}
.footer .right-oprt .customer-item:hover::after,
.footer .right-oprt .concat-item:hover::after,
.footer .right-oprt .email-item:hover::after,
.footer .right-oprt .to-top-item:hover::after {
  z-index: -1;
}
.footer .right-oprt .customer-item:hover i,
.footer .right-oprt .concat-item:hover i,
.footer .right-oprt .email-item:hover i,
.footer .right-oprt .to-top-item:hover i {
  display: none;
}
.footer .right-oprt .customer-item:hover p,
.footer .right-oprt .concat-item:hover p,
.footer .right-oprt .email-item:hover p,
.footer .right-oprt .to-top-item:hover p {
  display: block;
}
.footer .right-oprt .wx-item:hover {
  background-color: #1bb065;
}
.footer .right-oprt .wx-item:hover i.iconfont.iconweixin1 {
  color: #fff;
}
.footer .right-oprt .wx-item:hover .qrcode-div {
  display: block;
}
.footer .right-oprt .wx-item:hover::after {
  background: #1bb065 !important;
}
.footer .right-oprt .concat-item:hover .concat-div {
  display: block;
}
.footer .right-oprt .email-item:hover .concatem-div {
  display: block;
}
.footer .right-oprt p {
  font-size: 14px;
  height: 100%;
  width: 100%;
  padding: 11px 8px;
  line-height: 20px;
  color: #fff;
  display: none;
}
.footer .right-oprt .qrcode-div {
  width: 197px;
  height: 190px;
  position: absolute;
  bottom: 0;
  left: -197px;
  display: none;
}
.footer .right-oprt .qrcode-div .qrcode {
  width: 188px;
  height: 100%;
  background: rgba(255, 255, 255);
  border: 1px solid rgba(85, 169, 126);
  border: 1px solid rgba(85, 169, 126, 0.24);
  border-radius: 8px;
  padding: 8px 0;
}
.footer .right-oprt .qrcode-div .qrcode img {
  height: 148px;
  width: 148px;
  display: block;
  margin: 0 auto;
}
.footer .right-oprt .qrcode-div .qrcode p {
  display: block;
  height: 20px;
  padding: 0;
  font-size: 14px;
  color: #333;
  margin-top: 5px;
}
.footer .right-oprt .concat-div,
.footer .right-oprt .concatem-div {
  width: 197px;
  height: 138px;
  position: absolute;
  bottom: -32px;
  left: -197px;
  display: none;
}
.footer .right-oprt .concat-div.concatem-div,
.footer .right-oprt .concatem-div.concatem-div {
  height: 114px;
  width: 259px;
  bottom: -27px;
  left: -259px;
}
.footer .right-oprt .concat-div.concatem-div .concat,
.footer .right-oprt .concatem-div.concatem-div .concat {
  width: 250px;
  height: 100%;
  background: url("../images/fixed-l.png") no-repeat;
  background-size: 100% 100%;
}
.footer .right-oprt .concat-div.concatem-div .concat .itm,
.footer .right-oprt .concatem-div.concatem-div .concat .itm {
  margin-top: 14px !important;
}
.footer .right-oprt .concat-div.concatem-div .concat .v-s,
.footer .right-oprt .concatem-div.concatem-div .concat .v-s {
  width: auto !important;
  margin-right: 6px;
}
.footer .right-oprt .concat-div .concat,
.footer .right-oprt .concatem-div .concat {
  width: 188px;
  height: 100%;
  background: url("../images/fixed-s.png") no-repeat;
  background-size: 100% 100%;
  line-height: normal;
  text-align: left;
  padding: 10px 20px;
}
.footer .right-oprt .concat-div .concat div,
.footer .right-oprt .concatem-div .concat div {
  color: #000;
}
.footer .right-oprt .concat-div .concat div.user-name,
.footer .right-oprt .concatem-div .concat div.user-name {
  font-size: 18px;
  height: 30px ;
  line-height: 30px;
  padding-bottom: 5px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.footer .right-oprt .concat-div .concat div.itm,
.footer .right-oprt .concatem-div .concat div.itm {
  margin-top: 8px;
  height: 30px;
  line-height: 30px;
  padding: 2px 0 ;
}
.footer .right-oprt .concat-div .concat div.itm:last-child,
.footer .right-oprt .concatem-div .concat div.itm:last-child {
  margin-top: 10px;
}
.footer .right-oprt .concat-div .concat div.itm .s-icon,
.footer .right-oprt .concatem-div .concat div.itm .s-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.footer .right-oprt .concat-div .concat div.itm .s-icon.p-s,
.footer .right-oprt .concatem-div .concat div.itm .s-icon.p-s {
  background-image: url("../images/phone-s.png");
}
.footer .right-oprt .concat-div .concat div.itm .s-icon.q-s,
.footer .right-oprt .concatem-div .concat div.itm .s-icon.q-s {
  background-image: url("../images/qq-icon.png");
}
.footer .right-oprt .concat-div .concat div.itm .v-s,
.footer .right-oprt .concatem-div .concat div.itm .v-s {
  font-size: 16px;
  padding: 0 4px;
  width: 110px;
}
.footer .right-oprt .concat-div .concat div.itm .c-s,
.footer .right-oprt .concatem-div .concat div.itm .c-s {
  font-size: 18px;
}
.footer .right-oprt .to-top-div {
  width: 62px;
  height: 94px;
  background: url("../images/to-top.png") no-repeat;
  background-size: 100% 100%;
  margin: -23px auto 0;
  padding-top: 33px;
  display: none;
}
.footer .right-oprt .to-top-div .to-top-item {
  width: 52px;
  height: 52px;
  text-align: center;
  line-height: 52px;
  border-radius: 50% 50%;
  margin: 0 auto;
}
.footer .right-oprt .to-top-div .to-top-item i {
  font-size: 28px;
  color: #666666;
}
.footer .right-oprt .to-top-div .to-top-item p {
  padding: 6px 5px;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
.crumbs {
  color: #333;
  line-height: 22px;
  font-size: 12px;
  padding: 8px 0;
}
.crumbs a {
  color: #333;
}
.crumbs strong {
  color: #999;
}
.login-div-common {
  height: 50px;
  background-color: #fff;
  line-height: 50px;
  text-align: center;
  margin-bottom: 10px;
}
.login-div-common span {
  color: #333;
  font-size: 14px;
}
.login-div-common a {
  width: 86px;
  height: 28px;
  line-height: 28px;
  margin-left: 13px;
}
.common-pagination-ul {
  text-align: center;
}
.common-pagination-ul.web-page-ul .common-pagination-li {
  padding: 0 8px;
  box-sizing: content-box;
}
.common-pagination-ul .common-pagination-li {
  height: 32px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  font-size: 14px;
  margin-left: 8px;
  line-height: 32px;
  cursor: pointer;
  position: relative;
}
.common-pagination-ul .common-pagination-li:first-child {
  margin-left: 0;
}
.common-pagination-ul .common-pagination-li a {
  color: #666666;
  display: block;
}
.common-pagination-ul .common-pagination-li.active {
  background-color: #09c867;
  border: 1px solid #09c867;
}
.common-pagination-ul .common-pagination-li.active a {
  color: #fff;
}
.common-btn {
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.common-btn.common-btn-radius {
  border-radius: 2px;
}
.common-btn.common-btn-green {
  background-color: #09c867;
}
.common-btn.common-btn-green:hover {
  background-color: #00af56;
}
.common-btn.common-btn-green-border {
  background-color: #09c867;
  border: 1px solid #09c867;
}
.common-btn.common-btn-green-border:hover {
  background-color: #00af56;
  border: 1px solid #00af56;
}
.common-btn.common-btn-green-border1 {
  background-color: #fff;
  border: 1px solid #09c867;
  color: #09C867;
}
.common-btn.common-btn-green-border2 {
  background: rgba(9, 200, 103, 0.1);
  color: #09C867;
}
.common-btn.common-btn-red {
  background-color: #eb222b;
}
.common-btn.common-btn-red:hover {
  background-color: #c9242c;
}
.common-btn.common-btn-red-border {
  background-color: #eb222b;
  border: 1px solid #eb222b;
}
.common-btn.common-btn-red-border:hover {
  background-color: #c9242c;
  border: 1px solid #c9242c;
}
.common-btn.common-btn-blue-border {
  background-color: #edf8ff;
  border: 1px solid #5680dc;
  color: #1072cc;
}
.common-btn.common-btn-blue-border:hover {
  background-color: #b4d6ea;
  border: 1px solid #5680dc;
}
.common-btn.common-btn-red-white-border {
  border: 1px solid #eb222b;
  color: #eb222b;
}
.common-btn.common-btn-red-white-border:hover {
  background-color: #ffeeee;
}
.common-btn.common-btn-disabled {
  background-color: #e0e0e0;
}
.common-btn.common-btn-disabled-border {
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;
}
.common-btn.common-btn-white-border {
  border: 1px solid #030303;
  background-color: #fff;
  color: #000000;
}
.common-btn.common-btn-white-border:hover {
  background-color: #09c867;
  border: 1px solid #09c867;
  color: #fff;
}
.common-btn.common-btn-white-border1 {
  border: 1px solid #717171;
  color: #717171;
}
.common-btn.common-btn-white-border1:hover {
  background: #fff;
  border-color: #09C867;
  color: #09C867;
}
.common-btn.common-btn-grey-border {
  background: #f0f2f5;
  border: 1px solid #d7dbe0;
  color: #333333;
}
.common-btn.common-btn-grey-border:hover {
  background-color: #dcdcdc;
}
.common-btn.common-btn-grey {
  background: #f0f2f5;
  color: #333333;
}
.common-btn.common-btn-grey:hover {
  background-color: #dcdcdc;
}
.loading-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.loading-mask img {
  height: 64px;
  width: 64px;
  position: absolute;
  top: 20%;
  left: 50%;
  margin-left: -32px;
}
.gwc-add-1 {
  color: #fff;
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: #09c867;
  border-radius: 50% 50%;
  text-align: center;
  line-height: 20px;
  right: 0;
  top: 0;
  z-index: -1;
}
.now-cart-btn {
  position: relative;
}
.delete-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: url("../images/alert-mask.png") repeat;
}
.delete-mask .content {
  position: fixed;
  height: 165px;
  width: 400px;
  top: -50%;
  left: 50%;
  margin: -90px 0 0 -200px;
  z-index: 100;
  background: #ffffff;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  padding: 20px 24px 0 24px;
}
.delete-mask .content .alert-close {
  position: absolute;
  font-size: 18px;
  color: #666;
  cursor: pointer;
  right: 16px;
  top: 18px;
}
.delete-mask .content .title {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}
.delete-mask .content .tip {
  color: #333;
  font-size: 16px;
  margin-top: 20px;
}
.delete-mask .content .btns {
  text-align: right;
  margin-top: 20px;
}
.delete-mask .content .btns a {
  height: 36px;
  width: 52px;
  line-height: 36px;
  width: 80px;
}
.delete-mask .content .btns a:last-child {
  margin-left: 20px;
}
.register-div {
  position: relative;
}
.register-div .reg-tip {
  position: absolute;
  left: 0;
  top: 27px;
  width: 83px;
  height: 24px;
  background: url("../images/tip-icon.png") no-repeat;
  background-size: 100% 100%;
  line-height: 29px;
  text-align: center;
  color: #ffffff !important;
}
.sg-bn-div {
  display: none;
}
.sg-bn-div .sg-bn-form {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3;
  height: 120px;
  width: 0;
  background: #fac06d;
  background: linear-gradient(0deg, #fac06d 5%, #fdde9c 96%, #fed986);
}
.sg-bn-div .sg-bn-form .form-div {
  width: 1190px;
  margin: 0 auto;
  position: relative;
}
.sg-bn-div .sg-bn-form .form-div.hidden {
  display: none;
}
.sg-bn-div .sg-bn-form .form-div .hb-div {
  height: 148px;
  width: 180px;
  position: relative;
  top: -28px;
  background: url("../images/bn-bt-hb-1.png") no-repeat;
  background: none\9;
  background-size: 100% 100%;
}
.sg-bn-div .sg-bn-form .form-div .txt-div {
  padding-top: 12px;
  margin-left: 5px;
  color: #7a2c04;
  text-align: center;
}
.sg-bn-div .sg-bn-form .form-div .txt-div .tt-p {
  font-size: 38px;
  line-height: 53px;
  letter-spacing: 5px;
}
.sg-bn-div .sg-bn-form .form-div .txt-div .tt-d {
  font-size: 45px;
  line-height: 56px;
  font-weight: 600;
}
.sg-bn-div .sg-bn-form .form-div .form {
  margin-left: 50px;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top {
  padding-top: 30px;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div {
  width: 200px;
  height: 42px;
  background: url("../images/bn-bt-ipt.png") no-repeat;
  background: none\9;
  background-size: 100% 100%;
  padding-left: 19px;
  font-size: 14px;
  margin-right: 10px;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div.ipt-div-code-before {
  width: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div input {
  line-height: 20px;
  height: 20px;
  margin-top: 11px;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div input::-webkit-input-placeholder {
  color: #ce9330;
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div input::-moz-placeholder {
  color: #ce9330;
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div input::-ms-placeholder {
  color: #ce9330;
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div input:focus::-webkit-input-placeholder {
  color: #e1be84;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div input:focus::-moz-placeholder {
  color: #e1be84;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div input:focus::-ms-placeholder {
  color: #e1be84;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div input.ph-ipt {
  width: 100%;
  padding-right: 19px;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div input.code-ipt {
  width: 85px;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .ipt-div .sd-cd-btn {
  width: 90px;
  color: #611708;
  text-align: center;
  line-height: 40px;
}
.sg-bn-div .sg-bn-form .form-div .form .form-top .form-btn {
  height: 44px;
  width: 120px;
  background: url("../images/bn-bt-btn.png") no-repeat;
  background: none\9;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  color: #e52f07;
  line-height: 44px;
  font-size: 18px;
}
.sg-bn-div .sg-bn-form .form-div .cls-a {
  position: absolute;
  height: 32px;
  width: 32px;
  background: url("../images/bn-bt-cls.png") no-repeat;
  background: none\9;
  background-size: 100% 100%;
  right: 0;
  top: 6px;
}
.sg-bn-div .sg-bn-form .form-div .agr-p {
  padding: 10px 0 0 20px;
  cursor: pointer;
}
.sg-bn-div .sg-bn-form .form-div .agr-p i {
  color: #e0aa48;
  font-size: 16px;
}
.sg-bn-div .sg-bn-form .form-div .agr-p i.checked {
  color: #eb9700;
}
.sg-bn-div .sg-bn-form .form-div .agr-p span {
  font-size: 12px;
  color: #7a2c04;
  margin-left: 10px;
}
.sg-bn-div .sg-bn-form .form-div .agr-p span a {
  color: #7a2c04;
}
.btn-sd {
  width: 140px;
  height: 36px;
  line-height: 34px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 6px 12px -8px rgba(52, 168, 109, 0.24);
}
.btn-sd.green {
  color: #09c867;
  border: 1px solid #09c867;
}
.btn-sd.blue {
  border: 1px solid #3f83de;
  color: #3f83de;
}
.join-cart-alert {
  opacity: 0;
  width: 480px;
  height: 266px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0px rgba(200, 201, 204, 0.5);
  z-index: 95;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -240px;
  margin-top: -133px;
  text-align: center;
}
.join-cart-alert .close-cart-alert {
  position: absolute;
  right: 18px;
  top: 18px;
  cursor: pointer;
  font-size: 20px;
  color: #717378;
}
.join-cart-alert .tit {
  height: 56px;
  line-height: 56px;
  color: #303133;
  font-size: 18px;
}
.join-cart-alert .c {
  text-align: center;
  padding-top: 32px;
}
.join-cart-alert .c .suc-icon {
  color: #09c867;
  font-size: 48px;
}
.join-cart-alert .c .suc-text {
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
  color: #606266;
}
.join-cart-alert .c .suc-text i {
  margin-right: 5px;
}
.join-cart-alert .c .btns {
  margin-top: 42px;
}
.join-cart-alert .c .btns a {
  height: 32px;
  width: 89px;
  line-height: 30px;
  border-radius: 4px;
}
.join-cart-alert .c .btns a.close-btn {
  border: 1px solid #dcdfe6;
  color: #606266;
}
.join-cart-alert .c .btns a.go-cart-btn {
  margin-left: 20px;
}
@font-face {
  font-family: "iconfont";
  /* Project id 2061102 */
  src: url("../../font/web/iconfont.eot?t=1684985077893");
  /* IE9 */
  src: url("../fonts/iconfont.eot") format("embedded-opentype"), /* IE6-IE8 */ url('../fonts/64bb1948398447298168ec3cd99142af.woff') format('woff2'), url('../fonts/09ea54174ac943c481da41cc3857a87f.woff') format('woff'), url("../fonts/iconfont.ttf") format("truetype");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconmy-order:before {
  content: "\e6cd";
}
.iconstore:before {
  content: "\e6cc";
}
.icona-Rectangle11951:before {
  content: "\e6a6";
}
.iconCopySimple:before {
  content: "\e6a5";
}
.icona-Property1delivergoods:before {
  content: "\e69e";
}
.icona-Property1done:before {
  content: "\e69f";
}
.icona-Property1payment2:before {
  content: "\e6a0";
}
.icona-Property1payment:before {
  content: "\e6a1";
}
.icona-Property1audit:before {
  content: "\e6a2";
}
.icona-Property1submitted:before {
  content: "\e6a3";
}
.icona-Property1signin:before {
  content: "\e6a4";
}
.iconarrowsArrowLineDown:before {
  content: "\e69b";
}
.iconinfo1:before {
  content: "\e69c";
}
.iconArrowsDownUp:before {
  content: "\e69d";
}
.iconCaretDown:before {
  content: "\e69a";
}
.iconCaretUp:before {
  content: "\e699";
}
.icona-_edit-two1:before {
  content: "\e62e";
}
.icon_download:before {
  content: "\e66a";
}
.icona-_permissions1:before {
  content: "\e66b";
}
.icon_iphone:before {
  content: "\e66c";
}
.icon_mail-open:before {
  content: "\e66e";
}
.icona-_ticket-one2:before {
  content: "\e66f";
}
.icon_copy-one:before {
  content: "\e670";
}
.icon_setting-two:before {
  content: "\e671";
}
.icon_building-one:before {
  content: "\e672";
}
.iconpencilLine:before {
  content: "\e669";
}
.iconinfo:before {
  content: "\e668";
}
.iconadd-o:before {
  content: "\e664";
}
.icona-icon-huoqi1:before {
  content: "\e696";
}
.iconicon-cg:before {
  content: "\e694";
}
.iconicon-cw:before {
  content: "\e693";
}
.icona-tishi2:before {
  content: "\e692";
}
.iconicon-baocuo-qidingliang:before {
  content: "\e690";
}
.iconicon_double-right:before {
  content: "\e68f";
}
.iconicon_phone-call:before {
  content: "\e68e";
}
.iconzl:before {
  content: "\e68d";
}
.icontotop:before {
  content: "\e68b";
}
.iconweixin1:before {
  content: "\e689";
}
.iconTrash:before {
  content: "\e67c";
}
.icona-CombinedShape:before {
  content: "\e67b";
}
.icona-tishi_tips-one1:before {
  content: "\e66d";
}
.iconicons_eye_n1:before {
  content: "\e667";
}
.iconicons_eye_n:before {
  content: "\e666";
}
.iconIcons_export:before {
  content: "\e665";
}
.iconright_icons_wechat:before {
  content: "\e663";
}
.iconright_icons_top:before {
  content: "\e662";
}
.iconicons_member_bypassaccount16px:before {
  content: "\e661";
}
.iconbangwozhaohua:before {
  content: "\e660";
}
.iconweixindenglu:before {
  content: "\e65f";
}
.iconicons_member_wechat_16pxcopy:before {
  content: "\e65e";
}
.iconicons_wait_payment:before {
  content: "\e65d";
}
.iconIconsCopy2:before {
  content: "\e65c";
}
.iconicons_eye2:before {
  content: "\e65b";
}
.iconyoujiantou:before {
  content: "\e608";
}
.iconicons_enter_business:before {
  content: "\e653";
}
.iconicons_enter_deal:before {
  content: "\e654";
}
.iconicons_enter_client:before {
  content: "\e655";
}
.iconicons_enterflow_1:before {
  content: "\e656";
}
.iconicons_enterflow_3:before {
  content: "\e657";
}
.iconicons_enter_marketing:before {
  content: "\e658";
}
.iconicons_enter_type:before {
  content: "\e659";
}
.iconicons_enterflow_2:before {
  content: "\e65a";
}
.iconiconssupplier_3:before {
  content: "\e64f";
}
.iconiconssupplier_1:before {
  content: "\e650";
}
.iconiconssupplier_:before {
  content: "\e651";
}
.iconiconssupplier_2:before {
  content: "\e652";
}
.iconicons_adout_spot:before {
  content: "\e64e";
}
.iconicons_adout_quality:before {
  content: "\e64d";
}
.iconicons_adout_save:before {
  content: "\e64a";
}
.iconadd_image:before {
  content: "\e649";
}
.iconselect_multiplechoice_n:before {
  content: "\e647";
}
.iconarrow_page_up_default:before {
  content: "\e63e";
}
.iconarrow_page_down_default:before {
  content: "\e641";
}
.iconnotdate:before {
  content: "\e64b";
}
.iconIcons_home_search:before {
  content: "\e64c";
}
.iconselect_multiple_n:before {
  content: "\e642";
}
.iconselect_multiple_y:before {
  content: "\e643";
}
.iconwecht_pay:before {
  content: "\e644";
}
.icontransferaccounts:before {
  content: "\e645";
}
.icontubiao:before {
  content: "\e646";
}
.iconselect_multiplechoice_y:before {
  content: "\e648";
}
.iconarrow_page_left_default:before {
  content: "\e620";
}
.iconarrow_page_right_default:before {
  content: "\e621";
}
.iconarrow_page_right_pass:before {
  content: "\e622";
}
.iconarrow_page_right_lose:before {
  content: "\e623";
}
.iconarrow_down:before {
  content: "\e624";
}
.iconarrow_left:before {
  content: "\e625";
}
.iconalipay:before {
  content: "\e626";
}
.iconarrow_up:before {
  content: "\e627";
}
.iconIcons_clear:before {
  content: "\e628";
}
.iconarrow_right:before {
  content: "\e629";
}
.iconIcons_delete_normal:before {
  content: "\e62a";
}
.iconicon_order_copy:before {
  content: "\e62b";
}
.iconIcons_clear_hint:before {
  content: "\e62c";
}
.iconicons_contact_qq:before {
  content: "\e62d";
}
.iconicons_member_audit:before {
  content: "\e62f";
}
.iconIcons_home_shopping1cart:before {
  content: "\e630";
}
.iconicons_member_company:before {
  content: "\e631";
}
.iconicons_member_indentall:before {
  content: "\e632";
}
.iconicons_member_mail:before {
  content: "\e633";
}
.iconIcons_order_goods:before {
  content: "\e634";
}
.iconIcons_order_data:before {
  content: "\e635";
}
.iconicons_password1:before {
  content: "\e636";
}
.iconIcons_order_locading:before {
  content: "\e637";
}
.iconicons_member_goods:before {
  content: "\e638";
}
.iconicons_member_payment:before {
  content: "\e639";
}
.iconicons_search_zoomimage:before {
  content: "\e63a";
}
.iconpayment_lost:before {
  content: "\e63b";
}
.iconicons_member_phone:before {
  content: "\e63c";
}
.iconicons_member_finalpayment:before {
  content: "\e63d";
}
.iconpayment_succeed:before {
  content: "\e63f";
}
.iconorder_submit:before {
  content: "\e640";
}
.iconGroup4:before {
  content: "\e61f";
}
.iconshijian:before {
  content: "\e600";
}
.iconicons_member_connect_16px:before {
  content: "\e618";
}
.iconguanbi:before {
  content: "\e61a";
}
.account-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 102;
  background: url('../images/alert-mask.png') repeat;
}
.account-mask .content {
  position: fixed;
  height: 480px;
  width: 614px;
  top: -50%;
  left: 50%;
  margin: -240px 0 0 -307px;
  z-index: 101;
}
.account-mask .content .account-logo {
  width: 230px;
  background-color: #09C867;
  height: 100%;
  border-radius: 4px 0px 0px 4px;
  text-align: center;
}
.account-mask .content .account-logo img {
  height: 91px;
  width: 103px;
  margin-top: 194px;
}
.account-mask .content .account-wrapper {
  width: 384px;
  background-color: #fff;
  height: 100%;
  border-radius: 0px 4px 4px 0px;
  padding-top: 70px;
}
.account-mask .content .account-wrapper input {
  color: #000;
  border: none;
  background-color: #fff;
  padding: 0 4px;
  line-height: 39px;
  height: 39px;
}
.account-mask .content .account-wrapper .btn {
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  display: block;
}
.account-mask .content .account-wrapper .btn.disabled {
  background-color: #E0E0E0;
}
.account-mask .content .account-wrapper .btn.allowed {
  background-color: #00C661;
}
.account-mask .content .account-wrapper .btn.allowed:hover {
  background-color: #00AF56;
}
.account-mask .content .account-wrapper .account-login-btn,
.account-mask .content .account-wrapper .next-btn {
  margin-top: 20px !important;
  font-size: 14px;
}
.account-mask .content .account-wrapper .sure-btn {
  margin-top: 80px;
}
.account-mask .content .account-wrapper .jump-p {
  text-align: right;
  font-size: 14px;
  padding-top: 20px;
}
.account-mask .content .account-wrapper .jump-p a {
  color: #175AA6;
}
.account-mask .content .account-wrapper .account-nav-title p {
  font-size: 16px;
  color: #666;
  cursor: pointer;
  margin-left: 29px;
  height: 41px;
  transition: all linear 0.2s;
}
.account-mask .content .account-wrapper .account-nav-title p.active {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  padding-bottom: 13px;
  border-bottom: 4px solid #00C661;
}
.account-mask .content .account-wrapper .see-vip-text {
  margin: 20px 0 0 29px;
  color: #FF5A06;
}
.account-mask .content .account-wrapper .account-form {
  padding-top: 20px;
  margin: 0 auto;
  width: 320px;
}
.account-mask .content .account-wrapper .account-form.account-form-hidden {
  display: none;
}
.account-mask .content .account-wrapper .account-form.wx-form {
  padding-top: 20px;
}
.account-mask .content .account-wrapper .account-form.wx-form .account-ver-code {
  margin-top: 10px;
}
.account-mask .content .account-wrapper .account-form.wx-form .account-password-input {
  margin-top: 10px;
}
.account-mask .content .account-wrapper .account-form .check-input-tip {
  display: none;
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #eb222b;
  line-height: 14px;
  margin-top: 13px;
  margin-bottom: -7px;
}
.account-mask .content .account-wrapper .account-form .check-input-tip:before {
  content: "* ";
  color: #eb222b;
}
.account-mask .content .account-wrapper .account-account-input,
.account-mask .content .account-wrapper .account-password-input,
.account-mask .content .account-wrapper .account-see-password-input {
  font-size: 14px;
  height: 39px;
  width: 320px;
  border-bottom: 1px solid #E4E7ED;
  line-height: 39px;
}
.account-mask .content .account-wrapper .account-account-input span,
.account-mask .content .account-wrapper .account-password-input span,
.account-mask .content .account-wrapper .account-see-password-input span {
  color: #333;
  display: block;
  width: 50px;
}
.account-mask .content .account-wrapper .account-account-input input,
.account-mask .content .account-wrapper .account-password-input input,
.account-mask .content .account-wrapper .account-see-password-input input {
  width: 270px;
}
.account-mask .content .account-wrapper .account-account-input input.pass-txt-ipt,
.account-mask .content .account-wrapper .account-password-input input.pass-txt-ipt,
.account-mask .content .account-wrapper .account-see-password-input input.pass-txt-ipt {
  width: 235px;
}
.account-mask .content .account-wrapper .account-ver-code {
  height: 40px;
  width: 320px;
  margin-top: 20px;
}
.account-mask .content .account-wrapper .account-ver-code input {
  width: 210px;
  border-bottom: 1px solid #E4E7ED;
}
.account-mask .content .account-wrapper .account-ver-code a {
  width: 100px;
}
.account-mask .content .account-wrapper .account-password-input {
  margin-top: 20px;
}
.account-mask .content .account-wrapper .account-password-input .password-eye {
  margin-left: 5px;
  font-size: 16px;
  color: #A3A3A3;
  cursor: pointer;
}
.account-mask .content .account-wrapper .account-password-input .password-eye.active {
  color: #000;
}
.account-mask .content .account-wrapper .account-see-password-input span {
  text-align: center;
}
.account-mask .content .account-wrapper .account-see-password-input .password-eye {
  font-size: 16px;
  color: #A3A3A3;
  cursor: pointer;
}
.account-mask .content .account-wrapper .account-see-password-input .password-eye.active {
  color: #000;
}
.account-mask .content .account-wrapper .pass-tips {
  font-size: 12px;
  padding-top: 10px;
  color: #78797A;
}
.account-mask .content .account-wrapper .account-alert-bottom {
  padding-top: 20px;
}
.account-mask .content .account-wrapper .account-alert-bottom.to-login-a-bottom {
  padding-top: 20px;
}
.account-mask .content .account-wrapper .account-alert-bottom a {
  font-size: 14px;
  color: #333;
}
.account-mask .content .account-wrapper .account-alert-bottom .tips {
  color: #999;
  font-size: 14px;
}
.account-mask .content .account-wrapper .account-agreement {
  font-size: 14px;
  color: #333;
  padding-top: 20px;
}
.account-mask .content .account-wrapper .account-agreement .is-check {
  margin-right: 10px;
}
.account-mask .content .account-wrapper .account-agreement .is-check.no-check {
  color: #999;
}
.account-mask .content .account-wrapper .account-agreement .is-check.check {
  color: #09C867;
}
.account-mask .content .account-wrapper .account-agreement b {
  cursor: pointer;
  font-weight: normal;
}
.account-mask .content .account-wrapper .account-agreement b a {
  font-size: 14px;
  color: #175AA6;
}
.account-mask .content .account-wrapper .wxqr-alert {
  text-align: center;
}
.account-mask .content .account-wrapper .qr-a {
  font-size: 16px;
  color: #333;
  position: absolute;
  bottom: 30px;
  left: 264px;
}
.account-mask .content .account-wrapper .wx-icon-a {
  font-size: 14px;
  color: #333;
  height: 20px;
  line-height: 20px;
  margin: 55px 0 0 32px;
}
.account-mask .content .account-wrapper .wx-icon-a i {
  font-size: 20px;
  margin-right: 7px;
  color: #09C867;
}
.account-mask .content .account-wrapper .wx-bd {
  margin-top: -20px;
}
.account-mask .content .account-wrapper .wx-bd .bd-div {
  text-align: center;
}
.account-mask .content .account-wrapper .wx-bd .bd-div .l img {
  height: 52px;
  width: 52px;
  border-radius: 50%;
}
.account-mask .content .account-wrapper .wx-bd .bd-div .l p {
  font-size: 14px;
  color: #333;
  line-height: 25px;
  margin-top: 5px;
  width: 100px;
}
.account-mask .content .account-wrapper .wx-bd .bd-div .c {
  height: 24px;
  width: 79px;
  background-image: url('../images/bd-icon.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.account-mask .content .account-wrapper .wx-bd .bd-div .c.th {
  background-image: url('../images/th-icon.png');
}
.account-mask .content .account-wrapper .wx-bd .bd-div .r span {
  height: 52px;
  width: 52px;
  border-radius: 50%;
  background-image: url('../images/yx-icon.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.account-mask .content .account-wrapper .wx-bd .bd-div .r span.wx {
  background-image: url('../images/wxlg-icon1.png');
}
.account-mask .content .account-wrapper .wx-bd .bd-div .r p {
  font-size: 14px;
  color: #333;
  line-height: 25px;
  margin-top: 10px;
  width: 100px;
}
.account-mask .content .account-wrapper .wx-bd .bd-tip {
  font-size: 14px;
  color: #333;
  text-align: center;
  line-height: 25px;
  padding: 20px 32px 0 ;
  text-align: left;
}
.account-mask .content .account-wrapper .wx-bd .bd-tip.ta {
  text-align: center;
  padding-top: 30px;
}
.account-mask .content .account-wrapper .wx-p-a {
  margin-top: 30px;
  text-align: center;
}
.account-mask .content .account-wrapper .wx-p-a a {
  font-size: 14px;
  color: #333;
}
.account-mask .content .account-wrapper .change-bd .common-btn {
  width: 320px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
}
.account-mask .content .account-wrapper .change-bd .common-btn.bd-lg-btn {
  margin-top: 30px;
}
.account-mask .content .account-wrapper .change-bd .common-btn.lg-btn {
  margin-top: 15px;
}
.account-mask .content .account-wrapper .change-bd .wx-p-a {
  margin-top: 90px;
}
.account-mask .content .account-wrapper .wxqrbd-alert {
  text-align: center;
}
.account-mask .content .account-wrapper .wxqrbd-alert .wxbd-tit1 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
.account-mask .content .account-wrapper .wxqrbd-alert img {
  height: 200px;
  width: 200px;
  margin: 20px 0 10px;
}
.account-mask .content .account-wrapper .wxqrbd-alert .wxbd-tit2 {
  font-size: 16px;
  color: #333;
}
.account-mask .content .account-alert-close {
  font-size: 24px;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
.black-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 102;
}
.black-mask .tip-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.1);
  border-radius: 4px;
  width: 200px;
  padding: 30px 10px;
  text-align: center;
  font-size: 16px;
  color: #333;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -100px;
  z-index: 103;
  display: none;
}
.feedback-alert {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: url('../images/alert-mask.png') repeat;
}
.feedback-alert .content {
  position: fixed;
  width: 614px;
  padding: 0 25px 25px;
  top: -50%;
  left: 50%;
  margin: 0 0 0 -307px;
  z-index: 101;
  background-color: #fff;
  border-radius: 4px;
  color: #333;
}
.feedback-alert .content.content-1 {
  height: 460px;
  margin-top: -230px;
}
.feedback-alert .content.content-2 {
  height: 320px;
  margin-top: -160px;
}
.feedback-alert .content .alert-close {
  position: absolute;
  font-size: 24px;
  color: #666;
  cursor: pointer;
  top: 12px;
  right: 12px;
}
.feedback-alert .content .title {
  font-size: 18px;
  font-weight: 600;
  padding-top: 20px;
}
.feedback-alert .content .form {
  margin: 40px 25px 0 20px;
}
.feedback-alert .content .form .form-top {
  margin-left: 13px;
}
.feedback-alert .content .form .form-top img {
  height: 56px;
  width: 61px;
  margin-right: 10px;
}
.feedback-alert .content .form .form-top .from-title1 {
  font-size: 18px;
  font-weight: 600;
}
.feedback-alert .content .form .form-top .from-title2 {
  font-size: 14px;
  margin-top: 10px;
}
.feedback-alert .content .form .form-center {
  margin-top: 29px;
}
.feedback-alert .content .form .form-center .textarea {
  display: block;
  height: 120px;
  width: 100%;
  padding: 9px;
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  resize: none;
  font-size: 14px;
  color: #000000;
  line-height: 24px;
}
.feedback-alert .content .form .form-center .drop-or-down-phone {
  color: #999;
  margin-top: 12px;
  cursor: pointer;
}
.feedback-alert .content .form .form-center .drop-or-down-phone.hidden {
  visibility: hidden;
}
.feedback-alert .content .form .form-center .drop-or-down-phone i {
  color: #333;
  margin-left: 5px;
}
.feedback-alert .content .form .form-center .phone-input-div {
  margin-top: 10px;
  height: 40px;
  overflow: hidden;
}
.feedback-alert .content .form .form-center .phone-input-div.hidden {
  visibility: hidden;
}
.feedback-alert .content .form .form-center .phone-input-div span {
  font-size: 14px;
}
.feedback-alert .content .form .form-center .phone-input-div input {
  width: 150px;
  height: 40px;
  border-bottom: 1px solid #E0E0E0;
  line-height: 39px;
  color: #000;
  font-size: 14px;
  padding: 0 6px;
}
.feedback-alert .content .form .form-center .feedback-btn {
  text-align: center;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
}
.feedback-alert .content .form .form-center .feedback-btn a {
  width: 180px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}
.feedback-alert .content .feedback-success {
  text-align: center;
  padding: 80px 0 55px;
}
.feedback-alert .content .feedback-success i {
  color: #09C867;
  font-size: 62px;
}
.feedback-alert .content .feedback-success .text {
  font-size: 22px;
  color: #333;
  font-weight: 600;
  padding-top: 22px;
}
.feedback-alert .content .feedback-success .desc {
  font-size: 16px;
  color: #333;
  padding-top: 21px;
}
.feedback-alert .content .feedback-success .desc a {
  color: #1072CC;
}
.fast-search-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: url('../images/alert-mask.png') repeat;
}
.fast-search-mask .content {
  position: fixed;
  height: 480px;
  width: 1000px;
  top: -100%;
  left: 50%;
  margin: -240px 0 0 -500px;
  z-index: 101;
  background: url('../images/fast-search-bg.png') no-repeat;
  background-size: 100% 100%;
  background: none\9;
}
.fast-search-mask .content .close-div {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 50%;
  color: #666;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  top: 12px;
  right: 12px;
}
.fast-search-mask .content .close-div .alert-close {
  font-size: 24px;
}
.fast-search-mask .content .fast-search-bottom {
  position: absolute;
  left: 0;
  right: 0;
  top: 200px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l {
  width: 450px;
  padding-left: 48px;
  color: #333;
  font-size: 14px;
  position: relative;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-title {
  font-size: 18px;
  font-weight: 600;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-title b {
  color: #FF5A06;
  font-size: 12px;
  margin-left: 8px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-desc {
  margin-top: 15px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-desc span {
  color: #09C867;
  font-size: 16px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item {
  margin-top: 12px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item.code-form-item {
  height: 0;
  margin-top: 12px;
  overflow: hidden;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item .label-s {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  width: 72px;
  position: relative;
  padding-left: 12px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item .label-s i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 12px;
  color: #EB222B;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item input {
  width: 200px;
  height: 36px;
  line-height: 34px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #E6E6E6;
  padding: 0 10px;
  margin-left: 10px;
  font-size: 12px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item input.input-120 {
  width: 120px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item input.input-110 {
  width: 110px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item .send-code-btn {
  border-radius: 4px;
  width: 84px;
  height: 34px;
  line-height: 34px ;
  font-size: 12px;
  margin-left: 6px;
  text-align: center;
  color: #fff;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item .send-code-btn.disabled {
  background-color: #E0E0E0;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item .send-code-btn.allowed {
  background-color: #00C661;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .l-form .l-form-item .send-code-btn.allowed:hover {
  background-color: #00AF56;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .check-agree {
  cursor: pointer;
  position: absolute;
  bottom: -30px;
  left: 58px;
  white-space: nowrap;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .check-agree.active i {
  color: #09C867;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .check-agree i {
  font-size: 16px;
  color: #E6E6E6;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .check-agree span {
  font-size: 12px;
  color: #666;
  margin-left: 6px;
}
.fast-search-mask .content .fast-search-bottom .bottom-l .check-agree span a {
  color: #666;
}
.fast-search-mask .content .fast-search-bottom .bottom-c {
  padding-top: 70px;
}
.fast-search-mask .content .fast-search-bottom .bottom-c a {
  display: block;
  width: 100px;
  height: 100px;
  background: #09C867;
  box-shadow: 0px 5px 12px 0px rgba(9, 200, 103, 0.2);
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
  position: relative;
}
.fast-search-mask .content .fast-search-bottom .bottom-c a::before {
  z-index: -1;
  position: absolute;
  content: '';
  display: block;
  top: 30px;
  left: 30px;
  width: 40px;
  height: 40px;
  opacity: 0.6;
  border-radius: 50%;
  background-color: #09C867;
  animation: scale 3s infinite linear;
}
.fast-search-mask .content .fast-search-bottom .bottom-r {
  color: #333;
  font-size: 14px;
  margin-left: 90px;
  width: 360px;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-t {
  margin-left: 30px;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-t .title {
  font-size: 18px;
  font-weight: 600;
  margin-left: 24px;
  padding-bottom: 7px;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-t .msg-item-t {
  margin-left: 24px;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-t .msg-item-t .msg-item-title {
  height: 32px;
  width: 45px;
  line-height: 32px;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-t .msg-item-t .msg-item-text {
  height: 32px;
  line-height: 32px;
  margin-left: 10px;
  width: 210px;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-t .msg-item-t .msg-item-text.color-green {
  color: #09C867;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-t .msg-item-t .msg-item-text.color-black {
  color: #000;
  font-weight: 600;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-t .result-text {
  font-size: 12px;
  color: #333;
  padding: 3px 45px 3px 0;
  text-align: right;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-b {
  width: 220px;
  height: 116px;
  background: #EDF7F0;
  border-radius: 4px;
  margin: 3px 0 0  54px;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-b .mark {
  color: #999;
  padding-top: 25px;
  width: 20px;
  height: 100%;
  line-height: 20px;
  text-align: center;
  margin: 0 15px 0 10px;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-b .msg-item .msg-item-title {
  height: 29px;
  width: 60px;
  line-height: 29px;
}
.fast-search-mask .content .fast-search-bottom .bottom-r .bottom-r-b .msg-item .msg-item-text {
  height: 29px;
  line-height: 29px;
  width: 115px;
  color: #FF5A06;
}
@keyframes scale {
  10% {
    transform: scale(1.5);
  }
  20% {
    transform: scale(2);
  }
  30% {
    transform: scale(2.5);
  }
  40% {
    transform: scale(3);
  }
  50% {
    transform: scale(3.5);
  }
  60% {
    transform: scale(4);
  }
  70% {
    transform: scale(4.5);
  }
  80% {
    transform: scale(5);
  }
  90%,
  100% {
    transform: scale(5.5);
    opacity: 0;
  }
}
.yx-tip-c {
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  padding: 20px 20px;
  font-size: 14px;
  margin: 0;
  z-index: 102;
}
.yx-tip-c i {
  font-size: 16px;
  margin-right: 10px;
}
.yx-tip-c p {
  font-size: 14px;
  line-height: 22px;
  max-width: 350px;
  word-wrap: break-word;
  word-break: break-all;
}
.yx-tip-c.black {
  background: #666666;
  color: #fff;
}
.yx-tip-c.green {
  background: #e1f5e5;
  color: #00bd4c;
}
.yx-tip-c.red {
  background: #fef0f0;
  color: #f56c6c;
}
.g-tip {
  position: absolute;
  top: -34px;
  left: 0;
}
.g-tip p {
  line-height: 24px;
  color: #fff;
  height: 24px;
  font-size: 12px;
  text-align: center;
  position: relative;
  background-color: rgba(51, 51, 51, 0.9);
  white-space: nowrap;
  padding: 0 20px;
}
.g-tip p::before {
  position: absolute;
  content: "";
  border-top: 5px rgba(51, 51, 51, 0.9) solid;
  border-left: 5px transparent solid;
  border-right: 5px transparent solid;
  border-bottom: 5px transparent solid;
  left: 50%;
  margin-left: -5px;
  top: 24px;
}
body .search-datas .search-data .data-article .body-div div.stock-tip {
  width: 273px !important;
}
.stock-tip {
  position: absolute;
  right: 0;
  top: -100px;
  width: 273px !important;
  height: 102px !important;
  background: #fff7e8;
  border-radius: 2px;
  padding: 16px 0 0 16px;
  box-shadow: 0px 2.77px 2.21px 0px rgba(179, 209, 235, 0.02), 0px 6.65px 5.32px 0px rgba(179, 209, 235, 0.03), 0px 12.52px 10.02px 0px rgba(179, 209, 235, 0.04), 0px 22.34px 17.87px 0px rgba(198, 198, 198, 0.04), 0px 41.78px 33.42px 0px rgba(202, 202, 202, 0.05), 0px 100px 80px 0px rgba(190, 190, 190, 0.07);
}
.stock-tip.detail {
  right: 190px;
  top: -110px;
}
.stock-tip .t i {
  color: #ff7d00;
  font-size: 20px;
}
.stock-tip .t span {
  font-size: 16px;
  color: #131313;
  line-height: 20px;
  margin-left: 8px;
}
.stock-tip .txt {
  color: #646464;
  line-height: 22px;
  font-size: 14px;
  width: 193px;
  margin: 4px 0 0 29px;
}
.stock-tip .txt a {
  color: #0082d1;
}
.stock-tip .close-i {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}
.pg-tip {
  position: absolute;
  bottom: -34px;
  left: 0;
}
.pg-tip p {
  line-height: 26px;
  color: #fff;
  height: 26px;
  font-size: 12px;
  text-align: center;
  position: relative;
  background: rgba(51, 51, 51, 0.7);
  white-space: nowrap;
  padding: 0 20px;
}
.pg-tip p::before {
  position: absolute;
  content: "";
  border-bottom: 5px rgba(51, 51, 51, 0.7) solid;
  border-left: 5px transparent solid;
  border-right: 5px transparent solid;
  border-top: 5px transparent solid;
  left: 50%;
  margin-left: -5px;
  top: -10px;
}
.wt-tip {
  position: absolute;
  z-index: 2;
  border-top: 13px solid transparent;
  left: 50%;
  margin-left: -46px;
}
.wt-tip .desc-ul {
  filter: drop-shadow(0 -2px 10px rgba(0, 0, 0, 0.1));
  background-color: #fff;
  padding: 8px 20px;
  width: 250px;
  font-size: 12px;
}
.wt-tip .desc-ul li {
  color: #606266;
  line-height: 17px;
  word-wrap: break-word;
  word-break: break-all;
}
.wt-tip .desc-ul li .f-red {
  background: transparent !important;
  font-weight: normal !important;
}
.wt-tip .desc-ul li.has-red .f-red {
  background: rgba(9, 200, 103, 0.5) !important;
  font-weight: 600 !important;
}
.wt-tip::after {
  content: '';
  position: absolute;
  left: 40px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  filter: drop-shadow(0 -2px 10px rgba(0, 0, 0, 0.1));
}