.markbox { width: 100%;  height: 100vh; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #00000080;  z-index: 9997; display: none; overflow: hidden; }
.markbox.active { display: flex !important; align-items: center; opacity: 1; }
.fcccc_box { width: 990px; max-width: calc(100% - 40px); margin: auto; background: #FFFFFF; padding: 1.5vw 3vw;  border-radius: 1.04vw; overflow: hidden; position: relative; } 
.markbox .close_mark { position: absolute; top: 1.56vw; right: 1.56vw; width: 3.13vw; height: 3.13vw; min-width: 30px; min-height: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 60px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; color: #444444; }
@media (max-width:2048px) {
	.markbox .close_mark { font-size: 64px; }
}
@media (max-width:1920px) {
	.markbox .close_mark { font-size: 60px; }
}
@media (max-width:1680px) {
	.markbox .close_mark { font-size: 52.5px; }
}
@media (max-width:1440px) {
	.markbox .close_mark { font-size: 45px; }
}
@media (max-width:1366px) {
	.markbox .close_mark { font-size: 42.6875px; }
}
@media (max-width:1280px) {
	.markbox .close_mark { font-size: 40px; }
}
.markbox .close_mark:hover { transform: rotate(180deg); -ms-transform: rotate(180deg);  /* IE 9 */ -moz-transform: rotate(180deg);  /* Firefox */ -webkit-transform: rotate(180deg);  /* Safari 和 Chrome */ -o-transform: rotate(180deg); }
.markbox h2 { width: 90%; height: 2.86vw; min-height: 30px; font-family: "sh_l", SourceHanSansCN-Light, SourceHanSansCN; font-weight: 300; color: #151618; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 1; font-size: 40px; margin-bottom: 1vw; }
@media (max-width:2048px) {
	.markbox h2 { font-size: 42.66666667px; font-weight: 800; }
}
@media (max-width:1920px) {
	.markbox h2 { font-size: 40px; }
}
@media (max-width:1680px) {
	.markbox h2 { font-size: 35px; }
}
@media (max-width:1440px) {
	.markbox h2 { font-size: 30px; }
}
@media (max-width:1366px) {
	.markbox h2 { font-size: 28.45833333px; }
}
@media (max-width:1280px) {
	.markbox h2 { font-size: 26.66666667px; }
}
@media (max-width:1680px) {
	.markbox h2 { font-size: 34px; }
}
@media (max-width:1440px) {
	.markbox h2 { font-size: 26px; }
}
@media (max-width:1290px) {
	.markbox h2 { font-size: 22px; }
}
@media (max-width:1024px) {
	.markbox h2 { font-size: 20px; }
}
.markbox h2:before { content: ''; width: 2.5vw; min-width: 20px; height: 100%; position: absolute; left: -0.89vw; top: 0; z-index: -1; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #307BFF 100%); display: none; }
.markbox .form { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; max-height: calc(100vh - 200px); overflow-y: scroll; width: calc(100% + 20px); padding-right: 20px; }
.markbox .form::-webkit-scrollbar { width: 2px; height: 2px; }
.markbox .form::-webkit-scrollbar-thumb { background-color: #307BFF; border-radius: 10px; }
.markbox .form label { margin-bottom: 0.6vw; }
.markbox .form label > span { font-size: 16px; font-family: "sh_l", SourceHanSansCN-Light, SourceHanSansCN; font-weight: 300; color: #3F3F3F; margin-bottom: 5px; display: block; }
@media (max-width:2048px) {
	.markbox .form label > span { font-size: 17.06666667px; }
}
@media (max-width:1920px) {
	.markbox .form label > span { font-size: 16px; }
}
@media (max-width:1680px) {
	.markbox .form label > span { font-size: 14px; }
}
@media (max-width:1440px) {
	.markbox .form label > span { font-size: 12px; }
}
@media (max-width:1366px) {
	.markbox .form label > span { font-size: 11.38333333px; }
}
@media (max-width:1280px) {
	.markbox .form label > span { font-size: 10.66666667px; }
}
@media (max-width:1680px) {
	.markbox .form label > span { font-size: 14px; }
}
@media (max-width:768px) {
	.markbox .form label > span { line-height: 22px; }
}
.markbox .form label > span i { color: #E02020; }
.markbox .form label input, .markbox .form label select { width: 100%; height: 2.08vw; min-height: 30px; background: #FFFFFF; border-radius: 4px; border: 1px solid #D6D6D6; padding: 0 1.04vw; font-size: 14px; }
.markbox .form label input::placeholder, .markbox .form label select::placeholder { font-size: 14px; }
.markbox .form label select { -webkit-appearance: none; -moz-appearance: none; appearance: none;  /*去掉下拉箭头*/ background: url(../images/sjx_sm0308.png) no-repeat right 1.3vw center #FFFFFF; }
.markbox .form label textarea { width: 100%; height: 6.25vw; min-height: 80px; background: #F6F6F6; border-radius: 4px; border: 1px solid #D6D6D6; padding: 0.78vw 1.04vw; }
.markbox .form label.l1 { width: 46.57%; }
.markbox .form label.l2 { width: 100%; }
.markbox .form label #distpicker .city-picker-span { width: 100% !important; height: 2.08vw !important; min-height: 30px; padding: 0 1.04vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border: 1px solid #D6D6D6; background: url(../images/sjx_sm0308.png) no-repeat right 1.3vw center #FFFFFF; border-radius: 4px; font-size: 14px; }
.markbox .form label #distpicker .city-select dl { position: relative; }
.markbox .form label #distpicker .city-picker-dropdown { width: 100% !important; }
.markbox .form label #distpicker .city-select-content { max-height: 200px; overflow-y: scroll; }
.markbox .form label #distpicker .city-select-content::-webkit-scrollbar { width: 2px; height: 2px; }
.markbox .form label #distpicker .city-select-content::-webkit-scrollbar-thumb { background-color: #307BFF; border-radius: 10px; }
.markbox .form .yuedu { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  /* iOS Safari */  /* Chrome/Safari/Opera */

	/* Konqueror */

	/* Firefox */

	/* Internet Explorer/Edge */

	/* Non-prefixed version, currently not supported by any browser */
-webkit-touch-callout: none;  /* iOS Safari */ -webkit-user-select: none;  /* Chrome/Safari/Opera */ -khtml-user-select: none;  /* Konqueror */ -moz-user-select: none;  /* Firefox */ -ms-user-select: none;  /* Internet Explorer/Edge */ user-select: none;  /* Non-prefixed version, currently not supported by any browser */ }
.markbox .form .yuedu #sqsy_yd { width: 0; height: 0; opacity: 0; }
.markbox .form .yuedu #sqsy_yd:checked + label i { border-color: #307BFF; }
.markbox .form .yuedu #sqsy_yd:checked + label i:before { background: #307BFF; }
.markbox .form .yuedu label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; font-size: 16px; }
@media (max-width:2048px) {
	.markbox .form .yuedu label { font-size: 17.06666667px; }
}
@media (max-width:1920px) {
	.markbox .form .yuedu label { font-size: 16px; }
}
@media (max-width:1680px) {
	.markbox .form .yuedu label { font-size: 14px; }
}
@media (max-width:1440px) {
	.markbox .form .yuedu label { font-size: 12px; }
}
@media (max-width:1366px) {
	.markbox .form .yuedu label { font-size: 11.38333333px; }
}
@media (max-width:1280px) {
	.markbox .form .yuedu label { font-size: 10.66666667px; }
}
@media (max-width:1680px) {
	.markbox .form .yuedu label { font-size: 14px; }
}
@media (max-width:768px) {
	.markbox .form .yuedu label { line-height: 22px; }
}
.markbox .form .yuedu label i { width: 14px; height: 14px; border: 1px solid #DBDBDB; margin: 0; position: relative; display: inline-block; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; margin-right: 5px; }
.markbox .form .yuedu label i:before { content: ''; position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 6px; height: 6px; background: #DBDBDB; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.markbox .form .btn { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-top: 0.52vw; }
.markbox .form .btn .button { width: 20.68vw; padding: 0 2vw; height: 3.13vw; min-width: 150px; min-height: 40px; background: #333333; border-radius: 4px; font-size: 20px; font-family: "sh_l", SourceHanSansCN-Light, SourceHanSansCN; font-weight: 300; color: #FFFFFF; text-align: right; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
@media (max-width:2048px) {
	.markbox .form .btn .button { font-size: 21.33333333px; }
}
@media (max-width:1920px) {
	.markbox .form .btn .button { font-size: 20px; }
}
@media (max-width:1680px) {
	.markbox .form .btn .button { font-size: 17.5px; }
}
@media (max-width:1440px) {
	.markbox .form .btn .button { font-size: 15px; }
}
@media (max-width:1366px) {
	.markbox .form .btn .button { font-size: 14.22916667px; }
}
@media (max-width:1280px) {
	.markbox .form .btn .button { font-size: 13.33333333px; }
}
.markbox .form .btn .button span { position: relative; z-index: 2; color: #FFFFFF; }
.markbox .form .btn .button:hover:before { width: 100%; }
.markbox .form .btn .button:hover:after { width: 100%; opacity: 0; z-index: 0; }
.markbox .form .btn .button:before { content: ''; width: 30%; height: 100%; position: absolute; left: 0; top: 0; background: #2FB4C6; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); border-radius: 4px; }
.markbox .form .btn .button:after { content: ''; width: 30%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/jt6_sm0308.png) no-repeat center; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); border-radius: 4px; }





.cookie_box {
  width: 100%;
  height: auto;
  padding: 20px 50px;
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
  box-shadow: 0 0 10px 1px #e5e5e5;
}
.cookie_box .center_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 30px;
}
.cookie_box .center_box .cookie {
  max-width: 60%;
}
.cookie_box .center_box .cookie .title {
  font-size: 24px;
  font-weight: 600;
}
.cookie_box .center_box .cookie .subtitle {
  font-size: 16px;
  line-height: 1.56;
  margin-top: 10px;
}
.cookie_box .center_box .btn_box {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
  flex-shrink: 0;
}
.cookie_box .center_box .btn_box .one {
  width: fit-content;
  min-height: 35px;
  border: 1px solid #e5e5e5;
  background: #FFFFFF;
  padding: 8px 25px;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 16px;
}
.cookie_box .center_box .btn_box .one:last-child {
  background: #2FB4C6;
  color: #FFFFFF;
  border: 1px solid #2FB4C6;
}
@media (max-width:990px) {
  .cookie_box {
    padding: 20px !important;
  }
  .cookie_box .center_box {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
  .cookie_box .center_box .cookie {
    max-width: 100%;
  }
  .cookie_box .center_box .cookie .title {
    font-size: 18px;
  }
  .cookie_box .center_box .cookie .subtitle {
    font-size: 14px;
  }
  .cookie_box .center_box .btn_box {
    gap: 20px;
    width: 100%;
  }
  .cookie_box .center_box .btn_box .one {
    padding: 5px 20px;
    font-size: 14px;
  }
}


.inner_blogs_search .search_box form input[type="submit"]:hover,
.inner_blogs_search .search_box form input[type="button"]:hover {
  background: rgb(157, 33, 40);
}

.idx_product .product_box .product_sidebar .sidebar_box .item.active a {
    color: #2FB4C6;
    font-weight: 700;
}

.item_box_ygysb { 
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    gap: 40px;
}

.item_box_ygysb .item { 
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.item_box_ygysb .item .images .pb{
    padding-bottom: 70%;
}

.item_box_ygysb .item .t1 {
    font-size: var(--font20);
    margin-top: 15px;
}
.item_box_ygysb .item .time {
    font-size: var(--font);
    margin-top: 20px;
}