/* css 初始化 */
ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,em,var,ol,dl,dd,p,dt,i{font-weight:normal;padding:0;margin:0;list-style:none;font-style:normal;font-weight: normal;}
li{list-style-type:none}
.box{width:100%;margin:auto}
input:focus{outline:none;border: 1px solid #008FD7;}
textarea:focus{outline:none;}
dd+dt{padding: 0;margin: 0;}
/* css 初始化 结束 */
[flex]{display: flex;}
[flex][flex~="xfy"] {align-items: center;}
/* [flex][flex~="aic"] {align-items: center;} */
[flex][flex~="as"] {align-items: flex-start;}
[flex][flex~="wrap"] {flex-wrap: wrap;}
[flex][flex~="i"]{display: inline-flex;}
[flex][flex~="je"] {justify-content: flex-end;}
[flex][flex~="jc"] {justify-content: center;}
[flex][flex~="jb"] {justify-content: space-between;}
[flex][flex~="js"] {justify-content: flex-start;}
.xf-w-1 {width: 8.33333333%;}
.xf-w-2 {width: 16.66666667%;}
.xf-w-3 {width: 25%;}
.xf-w-4 {width: 33.33333333%;}
.xf-w-5 {width: 41.66666667%;}
.xf-w-6 {width: 50%;}
.xf-w-7 {width: 58.33333333%;}
.xf-w-8 {width: 66.66666667%;}
.xf-w-9 {width: 75%;}
.xf-w-10 {width: 83.33333333%;}
.xf-w-11 {width: 91.66666667%;}
.xf-w-12 {width: 100%;}

html{
  --main-color: #0071EF;
  --linear-color: linear-gradient(135deg, #1298FA, #0071EF);
}


.box_border, .box_border * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.xfy_fl{float: left;}
.xfy_fr{float: right;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt60{padding-top: 60px;}
.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}
.pt110{padding-top: 110px;}
.pt130{padding-top: 130px;}
.pt140{padding-top: 140px;}
.pt160{padding-top: 160px;}
.pb20{padding-bottom: 20px;}
.pb60{padding-bottom: 60px;}
.pb100{padding-bottom: 100px !important;}
.mt60{margin-top: 60px !important;}
.mb120{margin-bottom: 120px !important;}


.highlight{background-color: #ff0;}
.product_bjs{background-color: #f6f8fc;}

/* @width: 10px; */



/* 没啥用 滚动条美化*/
.drawer::-webkit-scrollbar {width: 6px;height: 6px;}
.drawer::-webkit-scrollbar-thumb {border-radius: 5px;background: #dddddd;}
.drawer::-webkit-scrollbar-thumb:hover {border-radius: 5px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #a1a1a1;}
.drawer::-webkit-scrollbar-track {border-radius: 5px;background: #f6f6f6;}
/*  */
.textover{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* page_box */
.page_box{margin-top: 10px;background-color: #eee;height: 40px;}

@media (max-width: 1300px) {}
@media (max-width: 992px) {}
@media (max-width: 640px) {}
@media (max-width: 480px) {}