/*主色调的设定*/
/* 黄金段位 */
/* 钻石段位 */
/* 荣耀段位 */
/* 合伙人段位 */
/* 上拉数据加载样式 */
.pullUp {
  width: 100%;
  text-align: center;
  font-size: 0.4rem;
  color: #c0c0c0;
  margin-top: 0.4rem;
}
.pullUp img {
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.2rem;
}
.pullUp_btn {
  text-align: center;
  margin-top: 0.4rem;
}
.pullUp_btn a {
  padding: 0 0.6rem;
  line-height: 1.2rem;
  font-size: 0.56rem;
  background: #e8e8e8;
  color: #333;
  border-radius: 0.1rem;
  display: inline-block;
}
/* 设置input的样式 */
input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers /
color: #999;
}
input[type=text]:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #999;
}
input[type=text]::-moz-placeholder { / Mozilla Firefox 19+ /
color: #999;
}
input[type=text]:-ms-input-placeholder { / Internet Explorer 10+ */
  color: #ccc;
  font-size: 0.48rem;
}
input[type=number]::-webkit-input-placeholder {
  /* WebKit browsers /
color: #999;
}
input[type=text]:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #999;
}
input[type=text]::-moz-placeholder { / Mozilla Firefox 19+ /
color: #999;
}
input[type=text]:-ms-input-placeholder { / Internet Explorer 10+ */
  color: #ccc;
  font-size: 0.48rem;
}
/* 设置input的样式 */
.index_consulting input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers /
color: #999;
}
input[type=text]:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #999;
}
input[type=text]::-moz-placeholder { / Mozilla Firefox 19+ /
color: #999;
}
input[type=text]:-ms-input-placeholder { / Internet Explorer 10+ */
  color: #ccc;
  font-size: 0.52rem;
  line-height: 1.74rem;
}
textarea::-webkit-input-placeholder {
  color: #CCCCCC;
  font-size: 0.48rem;
}
input,
textarea {
  /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  /* 取消默认到边框 */
  border: 0;
  outline: none;
}
body {
  background: #f5f5f5;
}
.height {
  height: 3rem;
}
/*首页*/
.index_head {
  background: #3077f6;
  width: 100%;
  height: 7.6rem;
}
.city_box {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.6rem;
}
.city_box .city {
  float: left;
}
.city_box .city i {
  float: left;
}
.city_box .city svg {
  display: none;
}
.city_box .city i:before {
  content: "\e656";
  font-family: "iconfont" !important;
  color: #FFFFFF;
  font-size: 0.6rem;
  line-height: 1.2rem;
}
.city_box .city a {
  color: #FFFFFF;
  font-size: 0.52rem;
  margin-left: 0.14rem;
  line-height: 1.2rem;
}
.weather {
  float: left;
  margin-left: 0.62rem;
}
.weather p {
  font-size: 0.52rem;
  color: #FFFFFF;
  display: inline-block;
  margin-left: 0.22rem;
  line-height: 1.2rem;
}
.search {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  background: #FFFFFF;
  border-radius: 1.3rem;
  height: 1.3rem;
  margin-top: 0.2rem;
}
.search p {
  float: left;
  font-size: 0.56rem;
  color: #b5b5b5;
  line-height: 1.3rem;
  margin-left: 0.22rem;
}
.search i:before {
  color: #b5b5b5;
  font-size: 0.6rem;
  line-height: 1.3rem;
  float: left;
  margin-left: 0.5rem;
}
/*滑动置顶*/
.index_top {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 4rem;
  background: rgba(0, 0, 0, 0);
}
.index_top svg {
  width: 0.6rem;
  float: left;
  margin-top: 0.26rem;
}
.hot_height {
  height: 3.3rem;
}
.hot_search {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.34rem;
}
.hot_search label {
  font-size: 0.48rem;
  color: #FFFFFF;
  float: left;
  margin-top: 0.14rem;
}
.hot_search ul {
  display: inline-block;
  margin-left: 0.48rem;
}
.hot_search ul li {
  float: left;
  font-size: 0.48rem;
  padding: 0.14rem 0.36rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.2);
  margin-right: 0.44rem;
  color: #FFFFFF;
  letter-spacing: 0.04rem;
}
.index_banner {
  width: 14rem;
  height: 4.4rem;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0.26rem 0.4rem -0.3rem #000000;
  overflow: hidden;
  border-radius: 0.4rem;
  margin-top: -2.4rem;
  position: relative;
}
.index_banner .banner {
  width: 42rem;
  height: 100%;
}
.index_banner .banner li {
  float: left;
  width: 14rem;
}
.index_banner .banner li img {
  width: 100%;
  display: block;
}
.spot {
  position: absolute;
  bottom: 0.28rem;
  height: 0.14rem;
  left: 50%;
  transform: translate(-50%);
}
.spot li {
  float: left;
  width: 0.28rem;
  height: 0.14rem;
  background: rgba(255, 255, 255, 0.2);
  margin-left: 0.08rem;
  margin-right: 0.08rem;
  border-radius: 1rem;
}
.spot .current {
  background: #ffffff;
  width: 0.48rem;
}
.column {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.1rem;
}
.column li {
  width: 20%;
  float: left;
  margin-top: 0.7rem;
}
.column li p {
  width: 0.88rem;
  height: 1.06rem;
  margin-left: auto;
  margin-right: auto;
}
.column li p img {
  width: 100%;
  display: block;
}
.column li h5 {
  color: #383838;
  font-size: 0.52rem;
  letter-spacing: 0.04rem;
  text-align: center;
  margin-top: 0.26rem;
}
.index_new {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.16rem;
}
.index_new h2 {
  width: 2.26rem;
  height: 0.56rem;
  float: left;
}
.index_new h2 img {
  width: 100%;
  display: block;
}
.index_new ul {
  float: left;
  margin-left: 0.36rem;
  height: 0.56rem;
  overflow: hidden;
}
.index_new ul li {
  font-size: 0.48rem;
  line-height: 0.56rem;
  letter-spacing: 0.04rem;
  color: #767676;
}
.index_consulting {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8rem;
  background: #FFFFFF;
  border-radius: 0.2rem;
}
.index_consulting h3 {
  text-align: center;
  font-size: 0.64rem;
  color: #232323;
  font-weight: 500;
  padding-top: 0.74rem;
  letter-spacing: 0.06rem;
}
.index_consulting h4 {
  font-weight: 500;
  text-align: center;
  font-size: 0.48rem;
  color: #616161;
  letter-spacing: 0.02rem;
  margin-top: 0.36rem;
}
.index_consulting h4 label {
  font-size: 0.4rem;
  line-height: 0.48rem;
  border: 1px solid #3077f6;
  color: #3077f6;
  padding: 0rem 0.06rem;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  border-radius: 0.1rem;
  display: inline-block;
}
.form_label {
  width: 13.12rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.04rem;
}
.form_label p {
  font-size: 0.48rem;
  color: #3077f6;
  width: 31.5%;
  margin-left: 1.5%;
  background: #d6e4fd;
  border-radius: 1rem;
  line-height: 0.9rem;
  display: inline-block;
  text-align: center;
}
.form_label p:first-child {
  margin-left: 0;
}
.index_consulting .layui-form {
  width: 13.12rem;
  margin-left: auto;
  margin-right: auto;
}
.index_consulting .layui-form .layui-form-item {
  border-bottom: 1px solid #f0f0f0;
  padding-top: 0.46rem;
  margin-bottom: 0;
}
.index_consulting .layui-form .layui-form-item .problem:before {
  content: "\e635";
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.52rem;
  line-height: 1.72rem;
  float: left;
}
.index_consulting .layui-form .layui-form-item .mobile:before {
  content: "\e6b7";
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.56rem;
  line-height: 1.72rem;
  float: left;
}
.index_consulting .layui-form .layui-form-item .user:before {
  content: "\e661";
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.68rem;
  line-height: 1.72rem;
  float: left;
}
.index_consulting .layui-form .layui-form-item .layui-form-label {
  font-size: 0.56rem;
  line-height: 1.72rem;
  color: #272727;
  width: 2.96rem;
  margin-left: 0.24rem;
  padding: 0;
  text-align: left;
}
.index_consulting .layui-form .layui-form-item .layui-input-block {
  float: left;
  margin-left: 0;
  min-height: initial;
}
.index_consulting .layui-form .layui-form-item .layui-input-block .layui-input {
  border: none;
  width: 9rem;
  line-height: 1.72rem;
  font-size: 0.56rem;
  height: initial;
  margin-top: -0.04rem;
}
.index_consulting .layui-form .layui-btn {
  width: 13.12rem;
  margin-left: auto;
  margin-right: auto;
  background: #3077f6;
  border-radius: 1.3rem;
  line-height: 1.6rem;
  margin-top: 0.96rem;
}
.index_consulting .guarantee {
  width: 13.12rem;
  margin-top: 0.64rem;
  padding-bottom: 0.7rem;
  margin-left: auto;
  margin-right: auto;
}
.index_consulting .guarantee li {
  text-align: center;
  width: 32.4%;
  display: inline-block;
  color: #58bf88;
  font-size: 0.52rem;
}
.index_consulting .guarantee li:before {
  content: "\e619";
  font-family: "iconfont" !important;
  color: #58bf88;
  font-size: 0.52rem;
  margin-right: 0.12rem;
}
.index_content {
  width: 100%;
  background: #FFFFFF;
  margin-top: 0.8rem;
  padding-top: 0.66rem;
}
.index_content .content_title {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
}
.index_content .content_title h2 {
  font-size: 0.68rem;
  color: #232323;
  letter-spacing: 0.06rem;
  font-weight: 600;
  float: left;
  line-height: 0.68rem;
}
.index_content .content_title a {
  font-size: 0.52rem;
  color: #999;
  letter-spacing: 0.02rem;
  float: right;
  line-height: 0.68rem;
}
.index_content .commonly {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8rem;
  padding-bottom: 1rem;
}
.index_content .commonly ul {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.index_content .commonly li {
  width: 7.6rem;
  height: 4.46rem;
  background-size: 100%;
  border-radius: 0.3rem;
  display: inline-block;
  margin-right: 0.4rem;
}
.index_content .commonly li a {
  display: block;
  width: 6rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.6rem;
}
.index_content .commonly li h3 {
  font-size: 0.6rem;
  color: #232323;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.index_content .commonly li h4 {
  font-size: 0.48rem;
  color: #848484;
  letter-spacing: 0.02rem;
  margin-top: 0.36rem;
  font-weight: normal;
}
.index_content .commonly li p {
  font-size: 0.48rem;
  color: #FFFFFF;
  background: #3077f6;
  line-height: 0.8rem;
  text-align: center;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  border-radius: 1rem;
  float: left;
  margin-top: 0.44rem;
}
.index_content .commonly li p i {
  font-size: 0.52rem;
}
.index_news {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.index_news li {
  padding-top: 0.8rem;
  padding-bottom: 1rem;
}
.index_news li {
  border-bottom: 1px solid #ececec;
}
.index_news li:last-child {
  border-bottom: none;
}
.index_news .news_left {
  float: left;
  width: 9.7rem;
}
.index_news .news_left h3 {
  font-size: 0.64rem;
  color: #232323;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.index_news .news_left p {
  margin-top: 0.4rem;
  font-size: 0.56rem;
  color: #b2b1b1;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 这里是超出几行省略 */
  overflow: hidden;
}
.news_right {
  float: right;
  width: 2.94rem;
  height: 2.94rem;
  border-radius: 0.2rem;
}
.news_right img {
  width: 100%;
  display: block;
}
.product {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.product li {
  padding-top: 0.8rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid #ececec;
}
.product li:last-child {
  border: none;
}
.product .product_left {
  float: left;
  width: 2.94rem;
  height: 2.94rem;
  border-radius: 0.2rem;
}
.product .product_left img {
  width: 100%;
  display: block;
}
.product .product_right {
  float: left;
  margin-left: 0.48rem;
  width: 10.4rem;
}
.product_right .title h3 {
  font-size: 0.68rem;
  color: #232323;
  float: left;
  line-height: 0.68rem;
  font-weight: 600;
}
.product_right .title i {
  font-size: 0.4rem;
  color: #FFFFFF;
  line-height: 0.64rem;
  border-radius: 0.16rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  float: left;
  margin-left: 0.24rem;
}
.product_right dl {
  margin-top: 0.4rem;
}
.product_right dl dd {
  float: left;
  font-size: 0.4rem;
  color: #737373;
  line-height: 0.68rem;
  padding-left: 0.26rem;
  padding-right: 0.26rem;
  border: 1px solid #c2c2c2;
  margin-right: 0.32rem;
  border-radius: 0.16rem;
}
.price {
  margin-top: 0.4rem;
}
.price span {
  font-size: 0.6rem;
  color: #3077f6;
  line-height: 0.6rem;
  margin-right: 0.5rem;
  float: left;
}
.price .efficiency {
  font-size: 0.48rem;
  color: #999999;
  line-height: 0.6rem;
}
/*shop分类页面*/
.shop_head {
  background: #FFFFFF;
  width: 100%;
  position: fixed;
  top: 0;
  height: 4rem;
  z-index: 1;
}
.shop_head .city_box .city svg {
  display: block;
  width: 0.6rem;
  float: left;
  margin-top: 0.6rem;
}
.shop_head .city_box .city a {
  color: #232323;
}
.shop_head .city_box {
  padding-top: 0.2rem;
}
.shop_head .weather p {
  color: #232323;
}
.shop_head .search {
  background: #f5f5f5;
}
.shop_content {
  width: 15rem;
  background: #f6f6f6;
}
.shop_content .list_left::-webkit-scrollbar {
  display: none;
  /* Chrome Safari 隐藏滚动条 */
}
.shop_content .list_left {
  width: 3.62rem;
  position: absolute;
  left: 0;
  top: 4.4rem;
  bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  white-space: nowrap;
  padding-bottom: 3rem;
  scrollbar-width: none;
  /* Firefox 隐藏滚动条*/
  -ms-overflow-style: none;
  /* IE 10+ 隐藏滚动条*/
}
.shop_content .list_left li a {
  display: block;
  width: 100%;
  font-size: 0.48rem;
  background: #f6f6f6;
  color: #232323;
  text-align: center;
  line-height: 2rem;
}
.shop_content .list_left .current a {
  background: #FFFFFF;
  color: #3077f6;
  font-weight: 600;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
.shop_content .list_left .current a:before {
  content: "";
  font-family: "iconfont" !important;
  float: left;
  width: 0.14rem;
  height: 0.76rem;
  background: #3077f6;
  border-radius: 1rem;
  margin-top: 0.62rem;
}
.shop_content .list_right::-webkit-scrollbar {
  display: none;
  /* Chrome Safari 隐藏滚动条 */
}
.shop_content .list_right {
  position: absolute;
  right: 0;
  top: 4.4rem;
  bottom: 0;
  width: 11.4rem;
  background: #FFFFFF;
  padding-bottom: 3rem;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  /* Firefox 隐藏滚动条*/
  -ms-overflow-style: none;
  /* IE 10+ 隐藏滚动条*/
}
.proImg {
  width: 2rem;
  height: 2rem;
}
.pro_right {
  width: 9rem;
}
/*二级分类页面*/
header {
  width: 100%;
  height: 2rem;
  position: fixed;
  background: #FFFFFF;
  z-index: 1;
}
header .return {
  text-align: center;
  width: 13%;
  float: left;
}
header .return:before {
  content: "\e710";
  font-family: "iconfont" !important;
  color: #232323;
  font-size: 0.8rem;
  line-height: 2rem;
}
header p {
  width: 70%;
  font-size: 0.68rem;
  color: #232323;
  text-align: center;
  float: left;
  line-height: 2rem;
}
header .titleBox p {
  color: #333333;
  line-height: 1.94rem;
}
.header_box {
  width: 100%;
  height: 1.94rem;
}
.top_height {
  height: 2rem;
}
.category_banner {
  width: 15rem;
  position: relative;
  overflow: hidden;
}
.category_banner .banner li {
  background-size: 100%;
  height: 5.4rem;
  background-position-y: -2.8rem;
  background-repeat: no-repeat;
  float: left;
  width: 15rem;
}
.category_banner .banner li a {
  width: 14rem;
  height: 5.44rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
  padding-top: 0.8rem;
  border-radius: 0.2rem;
}
.category_banner .banner li a img {
  width: 100%;
  display: block;
}
/*发布需求页面*/
.demand_head {
  width: 100%;
  background: #FFFFFF;
}
.demand_head h2 {
  text-align: center;
  font-size: 0.72rem;
  color: #232323;
  font-weight: 600;
  padding-top: 1.1rem;
  letter-spacing: 0.02rem;
}
.demand_head .futitle {
  text-align: center;
  margin-top: 0.4rem;
}
.demand_head .futitle ul {
  float: left;
}
.demand_head .futitle ul li {
  width: 0.4rem;
  display: inline-block;
  margin-left: 0.1rem;
}
.demand_head .futitle ul li img {
  width: 100%;
  display: block;
}
.demand_head .futitle p {
  font-size: 0.48rem;
  color: #767676;
  float: left;
  line-height: 0.72rem;
  margin-left: 0.2rem;
  margin-top: -0.06rem;
}
/*底部导航*/
.footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #FFFFFF;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  /* box-shadow: 0.26rem 0 0.6rem -0.3rem #4e4e4e;
  border-top: 1rem / @baseFont solid #ebebeb;*/
}
.footer .zixun span {
  width: 1.8rem;
  margin-top: -0.86rem;
}
.footer li {
  width: 20%;
  float: left;
}
.footer li span {
  display: block;
  width: 0.9rem;
  margin-left: auto;
  margin-right: auto;
}
.footer li span img {
  width: 100%;
  display: block;
}
.footer li p {
  color: #9e9fa0;
  font-size: 0.52rem;
  text-align: center;
  line-height: 0.4rem;
  margin-top: 0.3rem;
}
.footer .current p {
  color: #3077f6;
}
/*弹框提示*/
.success {
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.success .success_content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  background: #FFFFFF;
  transform: translate(-50%, -50%);
  border-radius: 0.2rem;
}
.success .success_content h4 {
  font-size: 0.6rem;
  text-align: center;
  padding-top: 0.72rem;
  color: 222222;
}
.success .success_content p {
  font-size: 0.52rem;
  color: 222222;
  margin-top: 0.5rem;
  text-align: center;
  padding-bottom: 0.8rem;
}
.success .success_content a {
  display: block;
  border-top: 1px solid #ececec;
  font-size: 0.56rem;
  color: #3077f6;
  line-height: 1.5rem;
  text-align: center;
}
/*标签页面弹框*/
.show {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.label_show {
  width: 100%;
  background: #FFFFFF;
  position: absolute;
  bottom: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.label_show .title {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.34rem;
}
.label_show .title h4 {
  width: 12.92rem;
  margin-left: 0.4rem;
  text-align: center;
  font-size: 0.68rem;
  color: #232323;
  line-height: 0.68rem;
  margin-top: 0.7rem;
  letter-spacing: 0.04rem;
  float: left;
}
.label_show .title i {
  width: 0.44rem;
}
.label_show .title i:before {
  content: "\e64c";
  font-family: "iconfont" !important;
  color: #5d5d5d;
  font-size: 0.44rem;
  margin-right: 0.1rem;
  line-height: 0.68rem;
  margin-top: 0.7rem;
  float: left;
}
.label_column {
  width: 100%;
  height: 0;
  padding-bottom: 1rem;
  overflow: hidden;
  overflow-y: auto;
  white-space: nowrap;
}
.label_column .label_Xc {
  margin-top: 0.6rem;
}
.label_column h5 {
  font-size: 0.6rem;
  color: #232323;
  margin-left: 4%;
  margin-bottom: 0.06rem;
}
.label_column ul li {
  width: 27%;
  padding-left: 2%;
  padding-right: 2%;
  float: left;
  text-align: center;
  display: block;
  background: #efefef;
  color: #3c3c3c;
  font-size: 0.56rem;
  line-height: 1.2rem;
  border-radius: 1rem;
  margin-left: 3%;
  margin-right: 3%;
  margin-top: 0.48rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*城市定位弹框*/
.city_show {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.city_content {
  width: 100%;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.city_show .title {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.34rem;
}
.city_show .title h2 {
  width: 12.92rem;
  text-align: center;
  font-size: 0.68rem;
  color: #232323;
  line-height: 0.68rem;
  margin-top: 0.7rem;
  letter-spacing: 0.04rem;
  float: left;
}
.city_show .title i {
  width: 0.44rem;
}
.city_show .title i:before {
  content: "\e626";
  font-family: "iconfont" !important;
  color: #5d5d5d;
  font-size: 0.44rem;
  margin-left: 0.1rem;
  line-height: 0.68rem;
  margin-top: 0.7rem;
  float: left;
}
.city_show ul {
  margin-top: 0.66rem;
  padding-bottom: 1rem;
}
.city_show ul li {
  width: 27%;
  padding-left: 2%;
  padding-right: 2%;
  float: left;
  text-align: center;
  display: block;
  background: #f5f7fa;
  color: #3c3c3c;
  font-size: 0.56rem;
  line-height: 1.2rem;
  border-radius: 1rem;
  margin-left: 3%;
  margin-right: 3%;
  margin-top: 0.48rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.city_show ul .current {
  background: #3077f6;
  color: #FFFFFF;
}
/*搜索提交页面*/
.search_show {
  background: #FFFFFF;
  width: 100%;
  height: 0;
  position: fixed;
  bottom: 0;
  display: none;
  z-index: 2;
}
.search_head {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8rem;
}
.search_show .search_head i:before {
  color: #0e0e0e;
  font-size: 0.6rem;
  display: inline-block;
  width: 1rem;
  line-height: 1.3rem;
  height: 1.3rem;
}
.search_show .search_head .search_fang {
  width: 10.6rem;
  position: relative;
  display: inline-block;
}
.search_show .search_head b:before {
  color: #b5b5b5;
  font-size: 0.48rem;
  line-height: 1.3rem;
  margin-left: 0.36rem;
  position: absolute;
  font-weight: normal;
  margin-top: 0.06rem;
}
.search_show .search_head input {
  width: 100%;
  background: #f2f3f7;
  height: 1.3rem;
  line-height: 1.3rem;
  border-radius: 1.3rem;
  padding-left: 1rem;
  font-size: 0.56rem;
}
.search_show .search_head .layui-btn {
  background: none;
  color: #3077f6;
  width: 1.4rem;
  display: inline-block;
  font-size: 0.56rem;
  line-height: 1.3rem;
}
.search_find {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
}
.search_find h3 {
  font-weight: normal;
  font-size: 0.56rem;
  color: #000000;
  margin-bottom: 0.1rem;
}
.search_find ul {
  width: 100%;
}
.search_find ul li {
  float: left;
  font-size: 0.4rem;
  padding: 0.26rem 0.6rem;
  background: #eaeaea;
  color: #191919;
  margin-right: 0.36rem;
  border-radius: 1.2rem;
  margin-top: 0.44rem;
}
.search_product {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.search_product li {
  padding-top: 0.8rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid #ececec;
}
.search_product li:last-child {
  border: none;
}
.search_product .product_left {
  float: left;
  width: 2.94rem;
  height: 2.94rem;
  border-radius: 0.2rem;
}
.search_product .product_left img {
  width: 100%;
  display: block;
}
.search_product .product_right {
  float: left;
  margin-left: 0.48rem;
  width: 10.4rem;
}
.ljm_search_list {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
}
.chanpin {
  background: url(../images/chanpBJ.png) no-repeat;
  background-size: 100%;
  background-position-y: 20%;
}
.newchanpin {
  background: url(../images/newBJ.png) no-repeat;
  background-size: 100%;
  background-position-y: 20%;
}
/*新闻列表*/
.new_head .search {
  background: #f5f5f5;
  width: 70%;
  float: left;
  border-radius: 0.2rem;
  margin-top: 0.35rem;
}
.new_banner {
  width: 14rem;
  height: 4.4rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 0.2rem;
  position: relative;
}
.new_banner .banner {
  width: 42rem;
  height: 100%;
}
.new_banner .banner li {
  float: left;
  width: 14rem;
}
.new_banner .banner li img {
  width: 100%;
  display: block;
}
.new_nav {
  background: #FFFFFF;
  width: 100%;
  padding-top: 0.6rem;
}
.ljm_nav {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
/*新闻详情页*/
.new_content_head {
  background: #FFFFFF;
  width: 100%;
  border-top: 1px solid #f3f3f3;
}
.new_content_head h2 {
  width: 13rem;
  font-size: 0.84rem;
  color: #3b3b3b;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  line-height: 1.3rem;
}
.new_content_head p {
  margin-top: 0.9rem;
  width: 13rem;
  margin-left: auto;
  margin-right: auto;
}
.new_content_head p i {
  font-size: 0.5rem;
  color: #959393;
  margin-right: 0.48rem;
}
.new_content_head p b {
  font-size: 0.5rem;
  color: #959393;
  font-weight: normal;
}
.content {
  background: #FFFFFF;
  width: 100%;
}
.content p {
  font-size: 0.58rem;
  color: #3b3b3b;
}
/*二级分类页*/
.consulting {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.9rem;
  background: #FFFFFF;
  border-radius: 0.2rem;
}
.consulting h3 {
  font-size: 0.64rem;
  color: #232323;
  text-align: center;
  padding-top: 0.74rem;
  letter-spacing: 1px;
}
.consulting h4 {
  text-align: center;
  font-size: 0.48rem;
  color: #b3b3b3;
  margin-top: 0.4rem;
}
.consulting h4 label {
  font-size: 0.4rem;
  line-height: 0.48rem;
  border: 1px solid #3077f6;
  color: #3077f6;
  padding: 0rem 0.06rem;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  border-radius: 0.1rem;
  display: inline-block;
}
.consulting .layui-form {
  width: 93%;
  margin: auto;
}
.consulting .layui-form .region:before {
  content: '\e63a';
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.56rem;
  margin-right: 5%;
}
.consulting .layui-form label {
  width: 25%;
  font-size: 0.56rem;
  color: #272727;
  padding: 0;
  line-height: 1.6rem;
  text-align: left;
}
.consulting .layui-form .layui-form-item {
  border-bottom: 1px solid #ebebeb;
}
.consulting .layui-form .layui-input-block .layui-input {
  border: none;
}
.consulting .layui-form .layui-input-block .jian:before {
  content: '\e88d';
  font-family: "iconfont" !important;
  position: absolute;
  right: 5%;
  top: 0.6rem;
  color: #bdbdbd;
}
.consulting .layui-form .layui-input-block {
  position: relative;
}
.consulting .layui-form .company:before {
  content: '\e679';
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.56rem;
  margin-right: 5%;
}
.consulting .layui-form .name:before {
  content: '\e63f';
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.56rem;
  margin-right: 5%;
}
.consulting .layui-form .problem:before {
  content: '\e667';
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.56rem;
  margin-right: 5%;
}
.consulting .layui-form {
  margin-top: 0.8rem;
}
.consulting .layui-form .mobile:before {
  content: '\e628';
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.56rem;
  margin-right: 5%;
}
.consulting .layui-form .complaint:before {
  content: '\e608';
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.56rem;
  margin-right: 5%;
}
.consulting .layui-form .complaintText:before {
  content: '\e62e';
  font-family: "iconfont" !important;
  color: #cccccc;
  font-size: 0.56rem;
  margin-right: 5%;
}
.consulting .layui-input-block {
  margin-left: 0;
  width: 75%;
  float: left;
}
.ljm_privacy_radio .layui-input-block {
  margin-left: 0;
  width: 75%;
  float: left;
}
.consulting .layui-form-radio > i {
  font-size: 15px;
}
.consulting .layui-form-radio * {
  font-size: 0.48rem;
}
.consulting .layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: #3077f6;
}
.ljm_privacy_radio .layui-form-radio > i {
  font-size: 15px;
}
.ljm_privacy_radio .layui-form-radio * {
  font-size: 0.48rem;
}
.ljm_privacy_radio .layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: #3077f6;
}
.ljm_privacy_radio .layui-form-radio {
  line-height: normal;
  margin: 0;
  padding-right: 0;
  cursor: pointer;
  font-size: 0;
}
.ljm_privacy_radio .layui-input-block {
  width: 100%;
}
.consulting .ljm_privacy_radio .layui-input-block a {
  font-size: 0.48rem;
  color: #3077f6;
}
.consulting .layui-form .layui-btn {
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  background: #3077f6;
  border-radius: 1.3rem;
  line-height: 1.6rem;
  margin-top: 0.96rem;
  display: block;
}
.consulting .guarantee {
  width: 93%;
  margin-top: 0.64rem;
  padding-bottom: 0.7rem;
  margin-left: auto;
  margin-right: auto;
}
.consulting .guarantee li {
  text-align: center;
  width: 32.4%;
  display: inline-block;
  color: #58bf88;
  font-size: 0.52rem;
}
.consulting .guarantee li:before {
  content: "\e619";
  font-family: "iconfont" !important;
  color: #58bf88;
  font-size: 0.52rem;
  margin-right: 0.12rem;
}
.service_title {
  width: 14rem;
  margin-top: 0.64rem;
  padding-bottom: 0.7rem;
  margin-left: auto;
  margin-right: auto;
}
.service_title li {
  float: left;
  line-height: 1.1rem;
  width: 30%;
  margin: 0.36rem 1.4%;
  background: #f5f7fa;
  color: #313131;
  font-size: 0.56rem;
  text-align: center;
  border-radius: 1.1rem;
}
.service_title .current {
  background: #3077f6;
  color: #FFFFFF;
}
.service_content {
  width: 13.6rem;
  background: #f5f7fa;
  border-radius: 0.1rem;
  margin-top: 0.24rem;
  margin-left: auto;
  margin-right: auto;
}
.service_content li {
  display: none;
  padding: 0.66rem;
}
.service_content li h3 {
  font-size: 0.52rem;
  color: #3077f6;
}
.service_content li p {
  font-size: 0.48rem;
  color: #313131;
  line-height: 0.9rem;
  margin-top: 0.4rem;
}
.ljm_btn {
  display: block;
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: #3077f6;
  color: #FFFFFF;
  font-size: 0.6rem;
  line-height: 1.6rem;
  border-radius: 1.4rem;
  margin-top: 0.9rem;
}
.cooperation {
  width: 14rem;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0.6rem;
}
.cooperation li {
  float: left;
  width: 31%;
  margin: 0.2rem 1%;
  padding: 0.2rem 4.5%;
  border-radius: 0.1rem;
  overflow: hidden;
  border: 1px solid #eeeeee;
}
.cooperation li img {
  width: 100%;
  display: block;
}
.footer_height {
  height: 3rem;
}
.footer_btn {
  width: 100%;
  height: 2rem;
  position: fixed;
  bottom: 0;
}
.footer_btn .footer_tel {
  float: left;
  background: #4ba776;
  width: 50%;
  color: #FFFFFF;
  font-size: 0.56rem;
  text-align: center;
  line-height: 2rem;
}
.footer_btn .footer_line {
  float: right;
  background: #3077f6;
  width: 50%;
  color: #FFFFFF;
  font-size: 0.56rem;
  text-align: center;
  line-height: 2rem;
}
.f-s-14 {
  font-size: 16px !important;
}
/*弹框表单*/
.ljm_form {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.ljm_form .from_show {
  margin-top: 60%;
}
.from_show p i {
  display: block;
  padding-top: 0.4rem;
}
.from_show p i:before {
  display: block;
  text-align: right;
  margin-right: 5%;
  content: "\e64c";
  font-family: "iconfont" !important;
  color: #3077f6;
  font-size: 0.6rem;
}
.ljm_form .consulting h3 {
  padding-top: 0.2rem;
}
.ljm_privacy_radio .layui-form-checked[lay-skin=primary] i {
  border-color: #3077f6 !important;
  background-color: #3077f6;
}
.ljm_privacy_radio .layui-form-checkbox[lay-skin=primary] {
  padding-left: 0.8rem;
}
.ljm_privacy_radio .layui-form-checkbox[lay-skin=primary] span {
  padding-right: 0;
}
.ljm_privacy_radio .layui-form-checkbox span {
  font-size: 0.48rem;
}
.consulting .title {
  padding-top: 0;
  line-height: 2rem;
  font-weight: bold;
  font-size: 0.72rem;
}
.popup-body {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  height: 10rem;
  box-sizing: border-box;
  overflow-y: auto;
}
.popup-body .h1 {
  color: #252525;
  font-size: 0.56rem;
  margin-bottom: 0.4rem;
  font-weight: bold;
}
.popup-body .h2 {
  font-size: 0.52rem;
  color: #252525;
  margin-bottom: 0.2rem;
  letter-spacing: 1px;
}
.popup-body .h2 .bold {
  font-weight: 600;
}
.popup-body .center {
  text-align: center;
}
.but_footer .but {
  height: 1.4rem;
  line-height: 1.4rem;
  width: 3.2rem;
  text-align: center;
  border: 1px solid #3077f6;
  border-radius: 0.1rem;
  box-sizing: border-box;
  color: #3077f6;
  font-size: 0.52rem;
  margin-right: 0.8rem;
}
.but_footer .but.but-agree {
  background: #3077f6;
  color: #FFFFFF;
  margin-right: 0;
}
.but_footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
/*商品详情页*/
header ul {
  width: 74%;
  float: left;
  display: flex;
  justify-content: center;
  height: 2rem;
}
header ul li {
  margin-right: 0.6rem;
  margin-top: 0.4rem;
}
header ul li a {
  font-size: 0.64rem;
  line-height: 1.2rem;
  display: block;
  color: #232323;
}
header ul .current a {
  font-weight: 700;
  border-bottom: 3px solid #3077f6;
}
.shop_banner {
  width: 100%;
}
.shop_banner img {
  display: block;
  width: 100%;
}
.shop_service {
  background: #FFFFFF;
  width: 100%;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.shop_service .title {
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.68rem;
  padding-bottom: 0.52rem;
  border-bottom: 1px solid #f0f0f0;
}
.shop_service .title h3 {
  font-size: 0.6rem;
  color: #3a3a3a;
  font-weight: 600;
  width: 90%;
  display: inline-block;
}
.shop_service .title i {
  display: inline-block;
}
.shop_service .title i:before {
  content: "\e600";
  font-family: "iconfont" !important;
  color: #3077f6;
  font-size: 0.8rem;
  text-align: right;
}
.shop_service .title p {
  font-size: 0.52rem;
  color: #CCCCCC;
  margin-top: 0.2rem;
}
.shop_service .price {
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
}
.price h3 {
  font-size: 0.64rem;
  color: #ff5311;
  font-weight: 600;
  display: inline-block;
}
.price h3 i {
  font-size: 0.84rem;
}
.shop_rule {
  background: #FFFFFF;
  width: 100%;
  margin-top: 0.4rem;
  border-radius: 0.5rem;
}
.shop_rule ul {
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
}
.shop_rule li {
  border-bottom: 1px solid #f0f0f0;
}
.shop_rule li:last-child {
  border: none;
}
.shop_rule li label {
  font-weight: 600;
  width: 20%;
  text-align: left;
  line-height: 2.2rem;
  font-size: 0.56rem;
  display: inline-block;
}
.shop_rule .layui-input-block {
  margin-left: 0;
  width: 78%;
  display: inline-block;
}
.shop_rule .layui-input,
.layui-select,
.layui-textarea {
  border: none;
}
.shop_rule .layui-input-block .dian:before {
  content: "\e708";
  font-family: "iconfont" !important;
  position: absolute;
  right: 0;
  top: 0.6rem;
  color: #bdbdbd;
}
.shop_rule .layui-input-block .dian:before {
  content: "\e708";
  font-family: "iconfont" !important;
  position: absolute;
  right: 0;
  top: 0.6rem;
  color: #bdbdbd;
}
.sho_show {
  overflow: hidden;
  white-space: nowrap;
  line-height: 2.2rem;
  padding-left: 10px;
  width: 90%;
}
.sho_show span {
  white-space: nowrap;
}
.shop_details {
  width: 100%;
  border-radius: 0.5rem;
  background: #FFFFFF;
  margin-top: 0.4rem;
}
.shop_details h1 {
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.64rem;
  font-weight: 700;
  color: #232323;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.shop_details p {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
}
.shop_details p img {
  width: 100%;
  display: block;
}
.shop_consulting {
  width: 100%;
  border-radius: 0.5rem;
  background: #FFFFFF;
  margin-top: 0.4rem;
  padding-bottom: 0.8rem;
}
.shop_consulting h1 {
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.64rem;
  font-weight: 700;
  color: #232323;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.service_left {
  float: left;
  width: 20%;
  margin-right: 3%;
}
.service_left img {
  width: 100%;
  display: block;
}
.service_right {
  float: left;
  width: 77%;
}
.service_right .name {
  width: 100%;
}
.service_right .name h3 {
  font-weight: 500;
  font-size: 0.64rem;
  display: inline-block;
}
.service_right .name i:before {
  content: "\e608";
  font-family: "iconfont" !important;
  color: #3077f6;
  margin-left: 4%;
}
.service_right .name span {
  display: inline-block;
  font-size: 0.44rem;
  color: #3077f6;
  background: #ccdeff;
  line-height: 0.76rem;
  padding: 0 5px;
  border-radius: 0.1rem;
}
.service {
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5rem;
}
.service_right p {
  font-size: 0.52rem;
  color: #999;
  margin-top: 0.3rem;
}
.consulting_btn {
  display: flex;
  justify-content: center;
  margin-top: 0.9rem;
}
.consulting_btn .consulting_line {
  display: inline-block;
  color: #3077f6;
  text-align: center;
  border-radius: 1rem;
  border: 1px solid #3077f6;
  padding: 0 1.3rem;
  font-size: 0.56rem;
  line-height: 1.3rem;
  margin-right: 3%;
}
.consulting_btn .consulting_tel {
  display: inline-block;
  color: #FFFFFF;
  background: #3077f6;
  text-align: center;
  border-radius: 1rem;
  border: 1px solid #3077f6;
  padding: 0 1.3rem;
  font-size: 0.56rem;
  line-height: 1.3rem;
  margin-left: 3%;
}
.shop_foot_btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 2.2rem;
  background: #FFFFFF;
}
.footer_btn_left {
  float: left;
  width: 30%;
  text-align: center;
}
.footer_btn_left i:before {
  content: "\e623";
  font-family: "iconfont" !important;
  display: block;
  font-size: 0.68rem;
  line-height: 0.8rem;
  margin-top: 0.3rem;
  color: #999999;
}
.footer_btn_left p {
  font-size: 0.48rem;
  line-height: 0.8rem;
  color: #999999;
}
.footer_btn_right {
  width: 70%;
  float: left;
  text-align: center;
  margin-top: 0.45rem;
}
.gouwu {
  width: 40%;
  line-height: 1.3rem;
  background-image: linear-gradient(to right, #f5cd37, #f8972e);
  color: #FFFFFF;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  float: left;
  margin-left: 10%;
}
.xiadan {
  width: 40%;
  line-height: 1.3rem;
  background-image: linear-gradient(to right, #f97b2e, #ff5320);
  color: #FFFFFF;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  float: left;
}
.label_column span {
  display: block;
  font-size: 0.56rem;
  line-height: 1.4rem;
  margin-left: 1.2rem;
}
.label_column span:first-child {
  margin-top: 1rem;
}
.label_column span::before {
  content: "\e652";
  font-family: "iconfont" !important;
  color: #3077f6;
  margin-right: 0.2rem;
}
.show_spec {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.img_top {
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
.img_top .img_p {
  width: 4rem;
  height: 4rem;
  display: inline-block;
}
.img_top .img_p img {
  width: 100%;
  display: block;
}
.img_top .price {
  display: inline-block;
  margin-top: 0;
  width: 9.2rem;
  margin-left: 0.4rem;
}
.img_top .price h3 {
  display: block;
  line-height: 1.4rem;
}
.img_top .price p {
  margin-left: 0;
}
.spec_box {
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.2rem;
}
.spec_box h1 {
  font-size: 0.56rem;
  color: #232323;
  margin-bottom: 0.34rem;
  line-height: 0.56rem;
}
.spec_box dl dd {
  float: left;
  text-align: center;
  background: #f0f1f5;
  color: #5d5e62;
  width: 4rem;
  line-height: 1.3rem;
  border-radius: 0.2rem;
  font-size: 0.52rem;
  margin-left: 0;
  margin-right: 6%;
  padding: 0;
  margin-top: 0.5rem;
  height: 1.3rem;
}
.spec_box dl .current {
  background: #deeaff;
  color: #3077f6;
  border: 1px solid #3077f6;
}
.spec_btn {
  width: 100%;
  background: #FFFFFF;
  height: 2.6rem;
  position: fixed;
  bottom: 0;
}
.spec_btn p {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 0.44rem;
  color: #CCCCCC;
}
.spec_btn button {
  width: 13.6rem;
  margin-left: auto;
  margin-right: auto;
  background: #3077f6;
  color: #FFFFFF;
  font-size: 0.52rem;
  line-height: 1.2rem;
  display: block;
  border-radius: 2rem;
}
.column li a {
  display: block;
}
.qrcod_show {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.qrcod_show .qrcode_img {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.qrcod_show .img_box {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.qrcod_show .img_box ul {
  width: 100%;
}
.qrcod_show .img_box ul li {
  display: inline-block;
  width: 3.2rem;
  margin-left: 0.2rem;
}
.qrcod_show .img_box ul li img {
  width: 100%;
  display: block;
}
.guanbi {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.guanbi i:before {
  content: "\e64c";
  font-family: "iconfont" !important;
  color: #000;
  display: block;
  text-align: right;
  margin-top: 20%;
  font-size: 0.8rem;
}
/*会员中心*/
.my_header {
  height: 5.7rem;
  padding-top: 0.7rem;
}
.titleBox {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 0.94rem;
}
.titleBox .return {
  float: left;
  height: 0.8rem;
  width: 0.8rem;
  margin: 0 0.5rem;
  line-height: 0.8rem;
}
.titleBox p {
  width: 11.4rem;
  font-size: 0.66rem;
  color: #fff;
  text-align: center;
  line-height: 0.8rem;
  float: left;
}
.titleBox .setup {
  float: right;
  height: 0.8rem;
  width: 0.8rem;
  margin: 0 0.5rem;
  line-height: 0.8rem;
}
.titleBox .setup::before {
  content: "\e678";
  font-family: "iconfont" !important;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.portrait_box {
  width: 100%;
  height: 2.6rem;
}
.portrait_box .portrait {
  width: 2.6rem;
  height: 2.6rem;
  border: 0.08rem solid #528eff;
  border-radius: 0.4rem;
  overflow: hidden;
  margin-left: 0.6rem;
  float: left;
}
.portrait_box .portrait img {
  width: 100%;
}
.portrait_box .information {
  margin-left: 0.46rem;
  margin-top: 0.54rem;
  float: left;
}
.portrait_box .information h4 {
  font-size: 0.68rem;
  color: #FFFFFF;
  line-height: 0.68rem;
  font-weight: 500;
}
.portrait_box .information p {
  font-size: 0.42rem;
  line-height: 0.42rem;
  margin-top: 0.42rem;
  color: #92b7ed;
}
.portrait_box a {
  float: right;
  margin-right: 0.98rem;
  height: 0.6rem;
  width: 0.6rem;
  line-height: 0.6rem;
  margin-top: 0.76rem;
}
.portrait_box a::before {
  font-family: "iconfont" !important;
  content: "\e8f1";
  color: #FFFFFF;
  font-size: 0.6rem;
}
.conten_box {
  width: 100%;
}
.conten_box ul {
  width: 14rem;
  margin-top: 0.4rem;
  margin-left: auto;
  margin-right: auto;
  background: #FFFFFF;
  border-radius: 0.2rem;
}
.conten_box .list li {
  position: relative;
  height: 1.76rem;
  margin-left: 0.58rem;
  border-top: 1px solid #eaeaea;
}
.conten_box .list li:first-child {
  border: 0;
}
.conten_box .list li a {
  display: block;
}
.conten_box .list li a img {
  position: absolute;
  top: 0.6rem;
  left: 4rem;
  width: 2rem;
  height: 0.58rem;
}
.conten_box .list li a span {
  position: absolute;
  top: 0.62rem;
  font-size: 0.56rem;
  color: #333333;
  line-height: 0.56rem;
}
.conten_box .list li a em {
  line-height: 1.76rem;
  margin-right: 0.5rem;
  width: 0.9rem;
}
.conten_box .list li a .team::before {
  font-family: "iconfont" !important;
  content: "\e644";
  font-size: 0.8rem;
  color: #4383fe;
}
.conten_box .list li a .share::before {
  font-family: "iconfont" !important;
  content: "\e63c";
  font-size: 0.8rem;
  color: #ee672f;
}
.conten_box .list li a .follow::before {
  font-family: "iconfont" !important;
  content: "\e65a";
  font-size: 0.8rem;
  color: #ebad4b;
}
.conten_box .list li a .feedback::before {
  font-family: "iconfont" !important;
  content: "\e685";
  font-size: 0.8rem;
  color: #4383fe;
}
.conten_box .list li a .customer::before {
  font-family: "iconfont" !important;
  content: "\e64c";
  font-size: 0.8rem;
  color: #3cab9a;
}
/*弹出二维码*/
.bulletFrame {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.bulletFrame .frameConten {
  position: relative;
  top: 30%;
  left: 15%;
  background: #FFFFFF;
  width: 70%;
}
.bulletFrame .frameConten .qrcode {
  width: 88%;
  margin: 0 auto;
}
.bulletFrame .frameConten .qrcode img {
  width: 100%;
  display: block;
}
.bulletFrame .frameConten p {
  width: 100%;
  text-align: center;
  font-size: 0.6rem;
  color: #3077f6;
  line-height: 1.2rem;
  padding-bottom: 0.4rem;
}
.bulletFrame .frameConten span {
  display: block;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.bulletFrame .frameConten span i {
  margin-left: 90%;
  line-height: 0.9rem;
}
.bulletFrame .frameConten span .hai::before {
  content: '\e61f';
  font-family: "iconfont" !important;
  font-size: 0.7rem;
  color: #FFFFFF;
}
.bulletFrame .frameConten a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.56rem;
  color: #3077f6;
  margin-top: -0.5rem;
  padding-bottom: 0.6rem;
}
/***全部产品***/
.m-main-content {
  width: 100%;
}
.m-main-content img {
  display: block;
  width: 100%;
}
.margin-top {
  margin-top: 1.2rem;
}
.apply-notice-container {
  width: 100%;
  margin-bottom: 1.6rem;
}
.apply-notice-container .title {
  margin-bottom: 0.52rem;
  font-size: 0.8rem;
  line-height: 1;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.apply-notice-container p {
  font-size: 0.56rem;
  color: #666;
  text-align: center;
}
.form-container {
  border-top: 1px solid #e4e4e4;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.2rem;
}
.inline-block-right {
  margin-top: 0.8rem;
  padding: 0.8rem 5%;
  font-size: 0.52rem;
  background: #fff;
  box-shadow: 0 4px 60px 5px rgba(0, 0, 0, 0.08);
}
.shaixuan {
  float: right;
  color: #fff;
  border: 1px solid #2786ee;
  padding: 0.12rem 2%;
  background: #2786ee;
  border-radius: 0.2rem;
}
.shaixuan .iconfont:before {
  font-family: "iconfont" !important;
  content: '\e684';
  font-size: 0.64rem;
  margin-left: 0.08rem;
  color: #fff;
}
.products-list .product {
  margin-top: 0.8rem;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 0.8rem;
  width: 100%;
}
.product-title {
  font-size: 0.68rem;
  font-weight: bold;
  line-height: 0.6rem;
}
.product-title .product-tag {
  color: #f66;
  border-color: #f66;
  display: inline-block;
  margin: 0 0.14rem;
  border: 1px solid;
  border-radius: 0.14rem;
  text-align: center;
  line-height: 0.68rem;
  font-size: 0.44rem;
}
.product-title .product-tag .hot-tag {
  padding: 0 0.12rem;
  font-weight: normal;
}
.product-desc {
  line-height: 1.2rem;
  font-size: 0.48rem;
  width: 100%;
  overflow: hidden;
}
.product-data-list {
  width: 100%;
  margin-top: 0.4rem;
}
.product-data-list .product-data-content {
  float: left;
  width: 33.33333333%;
}
.product-data-list .lan .product-data {
  color: #2485ee;
}
.product-data-list .product-data-content .product-data .product-data-num {
  font-weight: 700;
  font-size: 0.76rem;
}
.product-data-list .product-data-num.text-stress {
  color: #f06b36;
}
.product .product-apply-col {
  margin-top: 1.4rem;
}
.product .product-apply-col .product-btn {
  border-radius: 0.8rem;
  background-color: #2786ee;
  color: #fff;
  font-size: 0.64rem;
  text-align: center;
  padding: 0.24rem 10%;
}
.product .product-apply-col .product-apply-num {
  display: block;
  padding-top: 0.52rem;
  font-size: 0.48rem;
}
.product .product-apply-col .text-stress {
  color: #f06b36;
}
.products-list .product:last-child {
  border: none;
}
.poShaixuan p {
  width: 100%;
  height: 1.6rem;
  margin-left: auto;
  margin-right: auto;
}
.poShaixuan p .iconfont {
  float: right;
  margin-right: 2%;
}
.poShaixuan p .iconfont:before {
  font-family: "iconfont" !important;
  content: '\e634';
  font-size: 0.8rem;
  color: #cccccc;
  text-align: right;
  line-height: 1.6rem;
}
.poShaixuan {
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 0px;
  right: 0px;
  overflow-y: auto;
  z-index: 2;
}
.poShaixuan .product_select {
  width: 90%;
  margin-top: 0.8rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.8rem;
}
.poShaixuan .product_select label {
  font-size: 0.6rem;
  color: #999;
  font-weight: 350;
  display: block;
  margin-top: 0.6rem;
}
.poShaixuan .product_select label input {
  background: #f0f0f0;
  margin-left: 3%;
  line-height: 1.04rem;
  padding: 0.16rem 8%;
  border-radius: 2rem;
  width: 72%;
}
.poShaixuan .product_select label input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers /
color: #999;
}
input[type=text]:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #999;
}
input[type=text]::-moz-placeholder { / Mozilla Firefox 19+ /
color: #999;
}
input[type=text]:-ms-input-placeholder { / Internet Explorer 10+ */
  color: #808080;
  font-size: 0.44rem;
  text-align: center;
}
.poShaixuan .product_select .btn_a {
  background: #2786ee;
  width: 90%;
  color: #fff;
  text-align: center;
  line-height: 1.36rem;
  border-radius: 2rem;
  display: block;
  margin-top: 0.8rem;
  margin-left: auto;
  margin-right: auto;
}
.poShaixuan .select_item {
  margin-top: 0.8rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.poShaixuan .select_item .item,
.typeGua {
  color: #999;
  font-weight: 350;
  font-style: normal;
  margin-top: 0.6rem;
  font-size: 0.44rem;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 0.6rem;
}
.poShaixuan .select_item .item strong {
  font-weight: normal;
}
.poShaixuan .select_item .item .itemlist {
  margin-top: 0.4rem;
}
.poShaixuan .select_item .item .itemlist a {
  float: left;
  width: 30%;
  text-align: center;
  background: #f0f0f0;
  margin: 0.2rem 1.6%;
  line-height: 1.36rem;
  border-radius: 0.2rem;
  color: #999;
}
.poShaixuan .select_item .item .itemlist .active {
  background: #2786ee;
  color: #fff;
}
.poShaixuan .select_item .typeGua strong {
  font-weight: normal;
}
.poShaixuan .select_item .typeGua .itemlist {
  margin-top: 0.4rem;
}
.poShaixuan .select_item .typeGua .itemlist a {
  float: left;
  width: 30%;
  text-align: center;
  background: #f0f0f0;
  margin: 0.2rem 1.6%;
  line-height: 1.36rem;
  border-radius: 0.2rem;
}
.poShaixuan .select_item .typeGua .itemlist .active {
  background: #2786ee;
  color: #fff;
}
.poShaixuan .select_item .item,
.typeGua {
  color: #999;
  font-weight: 350;
  font-style: normal;
  font-size: 0.44rem;
}
/****全部产品详情***/
.head {
  position: inherit;
  height: 7.12rem;
  width: 100%;
}
.head .return:before {
  color: #fff;
}
.head p {
  float: left;
  width: 70%;
  text-align: center;
  color: #fff;
  line-height: 2rem;
  font-size: 0.72rem;
}
.question {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.4rem;
  background: #fff;
  margin-top: -2.8rem;
  position: relative;
  z-index: 5;
}
.question_top {
  width: 100%;
}
.headPortrait {
  float: left;
  width: 95%;
  padding-left: 5%;
  padding-top: 0.8rem;
}
.revise_box {
  float: left;
  width: 28%;
  border-radius: 50%;
}
.revise_box1 {
  float: left;
  width: 20%;
  border-radius: 10%;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.08);
}
.revise_box1 img {
  width: 100%;
  display: block;
}
.revise_box img {
  width: 100%;
  display: block;
  border-radius: 50%;
}
.nickname h1 {
  font-size: 0.72rem;
  font-weight: 500;
  color: #666;
}
.nickname {
  float: left;
  font-size: 0.52rem;
  margin-left: 6%;
  margin-top: 0.2rem;
  width: 69%;
  display: block;
}
.nicknameUs {
  color: #9a9a9a;
  margin-top: 5px;
}
.nicknameUs li {
  float: left;
  padding: 1px 3%;
  border: 1px solid #4fa7f5;
  color: #4fa7f5;
  border-radius: 50px;
  margin: 0 1%;
  font-size: 12px;
  background-color: rgba(36, 133, 238, 0.05);
}
.question_bottom {
  margin-top: 1rem;
  padding-bottom: 0.8rem;
}
.question_bottom li {
  width: 33.33%;
  float: left;
}
.question_bottom li p {
  text-align: center;
  color: #b3b3b3;
  font-size: 0.6rem;
}
.question_bottom li h2 {
  text-align: center;
  color: #3077f6;
  font-size: 0.88rem;
  margin-top: 0.2rem;
  font-weight: 500;
}
.question_bottom li .hei {
  color: #000000;
}
.question_bottom li .cheng {
  color: #f06b36;
}
.question_bottom li h2 i {
  font-style: normal;
  font-size: 0.52rem;
  color: #CCCCCC;
  margin-left: 0.14rem;
}
.question_bottom li a {
  display: block;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
}
.question_bottom li a img {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.question_bottom li a p {
  text-align: center;
  font-size: 0.52rem;
  margin-top: 0.4rem;
  color: #666666;
}
.ljm_xiang {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.products-list .product {
  margin-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.information h1 {
  margin-top: 30px;
}
.information h1 span {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.12rem;
  background: #4fa7f5;
  float: left;
  margin-right: 3%;
  margin-top: 0.28rem;
}
.information h1 p {
  font-size: 0.64rem;
  font-weight: normal;
  color: #666;
  line-height: 1.2rem;
}
.information_content {
  margin-top: 0.4rem;
}
.information_content li {
  font-size: 0.56rem;
  color: #999999;
  line-height: 1.12rem;
  border: none;
  padding-bottom: 0;
  padding-top: 0;
}
.information_content li .app-active {
  background: #4fa7f5;
  color: #fff;
}
.information_content li b {
  font-weight: normal;
  width: 22%;
  background: #F1F1F1;
  float: left;
  text-align: center;
  border-radius: 2rem;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  font-size: 0.44rem;
  line-height: 0.96rem;
  margin-top: 0.08rem;
  cursor: pointer;
}
.information_content li .show {
  height: inherit;
  position: inherit;
}
.information_content .Interest b {
  background: none;
  float: left;
  text-align: center;
  margin-left: 0.5%;
  margin-right: 0.5%;
  font-size: 0.44rem;
  line-height: 0.52rem;
  margin-top: 0.08rem;
  cursor: pointer;
  display: none;
  width: 50%;
  text-align: left;
}
.information_content .Interest .show {
  display: block;
}
.process img {
  width: 100%;
  display: block;
}
.information_content .process span {
  width: 23%;
  text-align: center;
  display: inline-block;
  line-height: 1.8rem;
  font-size: 0.44rem;
}
.information_content li textarea {
  width: 90%;
  color: #999999;
  font-size: 0.52rem;
  line-height: 0.88rem;
  height: 3rem;
  padding: 0.3rem 0.3rem;
}
.but_but {
  width: 100%;
}
.but_but a {
  display: block;
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  background: #3077f6;
  color: #fff;
  line-height: 1.6rem;
  border-radius: 2rem;
}
.index_cBanner {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.index_cBanner a {
  display: block;
}
.index_cBanner a img {
  width: 100%;
  display: block;
}
.news_video {
  width: 100%;
  position: relative;
}
.news_video img {
  width: 100%;
  display: block;
}
.news_video i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news_video i:before {
  font-family: "iconfont" !important;
  content: '\ea82';
  color: #FFFFFF;
  font-size: 1.2rem;
}
.video_title {
  font-size: 0.64rem;
  color: #232323;
  margin-bottom: 0.4rem;
  font-weight: bold;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 这里是超出几行省略 */
  overflow: hidden;
}
.profile {
  width: 100%;
  background: #FFFFFF;
  margin-top: 0.4rem;
}
.profile .reviseName {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #e9e9e9;
}
.profile .reviseName p {
  float: left;
  font-size: 0.5rem;
  line-height: 3.28rem;
  color: #666;
  margin-left: 2%;
}
.profile .reviseName .reviseImg {
  float: right;
  width: 2.56rem;
  height: 2.56rem;
  border-radius: 2.56rem;
  border: 1px solid #fff;
  box-shadow: #e2e2e2 0.02rem 0.02rem 0.1rem 0.06rem;
  margin-top: 0.36rem;
  overflow: hidden;
}
.profile .reviseName .reviseImg img {
  width: 100%;
  display: block;
}
.profile .profileList {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #e9e9e9;
}
.profile .profileList p {
  float: left;
  font-size: 0.5rem;
  line-height: 1.86rem;
  color: #666;
  margin-left: 2%;
}
.profile .profileList .nicknameNamer {
  float: right;
  color: #b5b5b5;
  line-height: 1.86rem;
  font-size: 0.4rem;
}
.profile .profileList .nicknameNamer::after {
  content: '\e8f1';
  font-family: "iconfont" !important;
  font-size: 0.64rem;
  font-weight: bold;
  color: #d8d8d8;
  margin-left: 0.6rem;
  line-height: 1.92rem;
}
.profile .profileList1 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.profile .profileList1 p {
  float: left;
  font-size: 0.5rem;
  line-height: 1.86rem;
  color: #666;
  margin-left: 2%;
}
.profile .profileList1 .nicknameNamer {
  float: right;
  color: #b5b5b5;
  line-height: 1.86rem;
  font-size: 0.32rem;
}
.profile .profileList1 .nicknameNamer::after {
  content: '\e8f1';
  font-family: "iconfont" !important;
  font-size: 0.64rem;
  font-weight: bold;
  color: #d8d8d8;
  margin-left: 0.6rem;
  line-height: 1.92rem;
}
.modify {
  background: #fafafa;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
}
.modify ul {
  width: 100%;
}
.modify ul li {
  float: left;
  text-align: center;
  line-height: 1.96rem;
  color: #3077f6;
}
.modify ul li:nth-child(1) {
  width: 20%;
  color: #8C8C8C;
  font-size: 0.6rem;
}
.modify ul li:nth-child(2) {
  width: 60%;
  font-size: 0.64rem;
}
.modify ul li:nth-child(3) {
  width: 20%;
  font-size: 0.6rem;
}
.modify .modifyList {
  width: 100%;
  background: #FFFFFF;
  line-height: 1.96rem;
}
.modify .modifyList input {
  width: 85%;
  padding: 0.4rem 6%;
  line-height: 1.16rem;
  font-size: 0.48rem;
}
.modify .modifyList i::before {
  content: '\e638';
  font-family: "iconfont" !important;
  font-size: 0.8rem;
  color: #d7d7d7;
  line-height: 1.96rem;
  padding-left: 2%;
  padding-right: 2%;
}
.yincang {
  display: none;
}
/* 分享二维码 */
.qrcode_img {
  width: 11.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8rem;
}
.qrcode_img .qrcodeCanvas img {
  display: block;
  width: 100%;
}
.img_box {
  width: 11.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8rem;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.img_box ul {
  width: 100%;
}
.img_box ul li {
  display: inline-block;
  width: 2.6rem;
  margin-right: 0.3rem;
}
.img_box ul li img {
  width: 100%;
  display: block;
}
.qrcode_img {
  width: 11.6rem;
  height: 20.24rem;
}
.qrcodeCanvas {
  display: none;
  width: 100%;
}
.ljm_box_yin ul li img {
  display: block;
}
.ljm_text h4 {
  font-size: 0.52rem;
  color: red;
  width: 11.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.2rem;
}
.ljm_text p {
  width: 11.6rem;
  font-size: 0.44rem;
  color: red;
  margin-left: auto;
  margin-right: auto;
}
/* 问题反馈 */
.feedback {
  background: #FFFFFF;
  width: 100%;
}
.feedback h4 {
  font-size: 0.6rem;
  padding-top: 0.6rem;
  line-height: 0.7rem;
  padding-bottom: 0.44rem;
  margin-left: 0.64rem;
  font-weight: 500;
}
.feedback ul {
  width: 13.72rem;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 0.4rem;
  margin-top: 0.2rem;
}
.feedback ul li {
  float: left;
  font-size: 0.56rem;
  color: #3077f6;
  border: 1px solid #3077f6;
  padding: 0.26rem 0.56rem;
  border-radius: 0.28rem;
  margin-left: 0.3rem;
}
.feedback ul li:first-child {
  margin-left: 0;
}
.feedback ul .active {
  background: #3077f6;
  color: #FFFFFF;
}
.feedback textarea {
  display: block;
  border: 0;
  width: 13.72rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.68rem;
  font-size: 0.48rem;
  color: #666666;
  height: 5.7rem;
}
.zifu {
  width: 13.72rem;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  color: #CCCCCC;
  font-size: 0.54rem;
  padding-bottom: 0.6rem;
}
.tabBox {
  width: 1.6rem;
  height: 0.16rem;
  border-radius: 0.2rem;
}
.sign_up_list li {
  width: 100%;
  background-position: top;
  background-size: auto 99.5%;
  background-repeat: no-repeat;
}
.scrollBox {
  overflow-y: auto;
}
.sign_box {
  background: linear-gradient(45deg, #ffffff 45%, rgba(255, 255, 255, 0.3) 100%);
}