@charset "utf-8";
 /*  
*@description: 全局 
*@author: name 林异频  
* @update: name ()更新 */

html{width:100%; overflow-x:scroll;height: 100%;}
body{ font:12px/1.8 arial,"微软雅黑" !important;color:#434343; min-width:320px;}
@media only screen and (min-width:320px) {
html,body{ overflow-x:hidden;}

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol,ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}
input{ padding:0; margin:0; font-family:"微软雅黑"; outline:none}
img{vertical-align: middle;}
.left{float:left;}
.right{float:right;}
.clear{clear:both; height:0px; width:0; margin:0; padding:0; border:none; overflow:hidden; }
dt{font-weight: normal;}
dt,dd{line-height: 1.8;}
a{text-decoration:none; cursor:pointer; color:#434343;transition-property:box-shadow,color,background-color,border;transition-duration:.5s;}
a:hover{ color:#c41305;text-decoration: none;}
h1{ font-size:18px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
h5{ font-size:12px}

.mobile-show{ display: block;}
.pc-show{display: none;}
.blackscreen{background: rgba(0,0,0,0.5);height: 100%;width: 100%;z-index: 10;position: fixed;left: 0;top: 0; display:none;}
.head_fx,.head_fx1{background: #fff;}
/*slider*/
.slick-slider{ position: relative; z-index: 1; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before,.slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.pc-sousuo{border-radius:50px;box-shadow: inset 1px 1px 5px rgba(0,0,0,0.58);position: relative; background: #930014;width: 300px;top: 50%;left: 50%;margin: -20px 0 0 -150px; position:fixed;z-index: 20; padding: 0 15px; display: none;}
.pc-sousuo input{float: left; height:40px;line-height: 40px; overflow: hidden;border: 0;background: none; color: #fff;}
.pc-ss{width: 230px;font-size:16px;}
.pc-ss::-moz-placeholder {color: #fff;opacity: 1;}
.pc-ss:-ms-input-placeholder {color: #fff;}
.pc-ss::-webkit-input-placeholder {color: #fff;}
.pc-ss1.iconfont{width: 40px; text-align: right;font-size:26px;-webkit-text-stroke-width:0; cursor: pointer;}

/****************************头部****************************/

/**************移动端**************/
.mobile-menu-height{height: 55px;}
.mobile-head{position: fixed;top: 0;width: 100%;z-index: 5; padding: 10px 0;/*display: none !important*/;background: #fff;}
.mobile-head dd{float: left;height:35px;}
.mobile-head dd img{height: 100%;}
.mobile-head dt{float: right; line-height: 35px;}
.mobile-head dt a{color: #272636;font-size: 14px; display: inline-block;float: left;}
.mobile-head dt a i{font-size: 30px; margin-right: 5px;float: left;}
#right-menu{margin-left: 15px; display: inline-block;font-size: 30px; color: #d3001d;float: left;}
#sidr-right{ display:none;right: -50%;position: fixed;top: 0;height: 100%;z-index: 999999;width:50%;overflow-x: none;overflow-y: auto;background: #b60019;color: #fff;box-shadow: inset 1px 1px 5px rgba(0,0,0,0.38);}
.mobile-sousuo{border-bottom: 1px solid #d50d29; padding: 10px;}
.mobile-sousuo p{border: 1px solid #800011;border-radius: 30px;box-shadow: inset 1px 1px 5px rgba(0,0,0,0.58);position: relative; background: #930014;}
.mobile-s1{width: 100%;border: 0;background:none; line-height: 28px; height: 28px;padding:0 45px 0 10px;color:#fff}
.mobile-s1::-moz-placeholder {color: #fff;opacity: 1;}
.mobile-s1:-ms-input-placeholder {color: #fff;}
.mobile-s1::-webkit-input-placeholder {color: #fff;}
.mobile-s2.iconfont{width: 28px; position: absolute;right: 5px;height: 28px;top: 0;z-index: 1; background: none;outline: none;border: 0;font-size: 20px; line-height: 28px; text-align: center;}

#sidr-right a{ color: #fff; display: block;}
#sidr-right a i{margin-right: 5px;float: left;display: inline-block;}
#sidr-right li{line-height:35px;font-size: 14px; clear: both; overflow: hidden; border-bottom: 1px solid #d50d29;}
#sidr-right li p{ position: relative; padding: 0 10px;}
#sidr-right li p.on:before{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
#sidr-right li p.on:before{ content: "\e609"; position: absolute;right:5px;top: 0;}
#sidr-right li.hover p.on:before{content: "\e610";}
#sidr-right li.hover p{ background: #930014;}
#sidr-right li .sr-1{ display:none; clear: both;overflow: hidden; padding: 0 10px 0 20px;font-size: 12px; background: #d50d29;}
#sidr-right li.hover .sr-1{ display: block;}

.body_mn{ display: none; clear: both; overflow: hidden; width: 100%; height: 100%; position: fixed;right: 0; top: 0; background:#fff; opacity: 0;filter:alpha(opacity=0); z-index: 100;}
.sidr-right-open .body_mn#right-menu1{ display: block;}
@media only screen and (min-width:480px) {
.mobile-menu-height{height: 77px;}
.mobile-head{padding: 15px 0;}
.mobile-head dd{height:47px;}
.mobile-head dt{line-height: 47px;}
.mobile-head dt a{font-size: 18px;margin-right:15px;}
.mobile-head dt a i{margin-right: 10px;}
.mobile-head dt a i,#right-menu{font-size:40px;}
.mobile-sousuo{ padding: 20px;}
.mobile-sousuo p{ border-radius:40px;}
.mobile-s1{line-height: 40px;height: 40px; padding: 0 60px 0 15px;font-size: 16px;}
.mobile-s2.iconfont{width: 40px; height: 40px;font-size:30px;line-height:40px;}
#sidr-right li{font-size: 20px;}
#sidr-right li p{padding:10px 20px; line-height: 40px;}
#sidr-right li p.on:before{font-size: 24px;}
#sidr-right li p a i.iconfont{font-size: 30px;margin-right:10px}
#sidr-right li .sr-1{ padding: 10px 20px 10px 30px;font-size: 16px;}
#sidr-right li p.on:before{right: 15px;line-height: 60px;}
}


@media only screen and (min-width:992px) {
.mobile-show{ display:  none;}
.pc-show{ display: block;}
}
/**************PC端**************/
header{ position: fixed;top:0;left: 0;width: 100%;z-index: 10;}
header.head-bg{background: #e8e8e8;}
.pc-head{padding: 0 15px;margin: 0 auto;width: 992px;clear: both;}
.pc-head h2{float: left; padding: 20px 0;}
.pc-head h2 img{ height:40px;}
.pc-head h2 img.logo-black{display: block;}
.pc-head h2 img.logo-white{display: none;}
.pc-menu{float: left; padding: 0 15px;font-size: 14px;}
.pc-menu li{float: left; padding: 28px 0 27px;}
.pc-menu li.pc-menu1-2{position: relative;}
.pc-menu-1{ display: block; overflow: hidden; padding: 0 9px; line-height: 24px;}
.pc-menu-1 span{ display: block; padding-bottom: 1px;}
.pc-menu li:hover .pc-menu-1 span,.pc-menu li.hover .pc-menu-1 span{border-bottom:1px solid #dc0018; padding-bottom: 0; color: #c41305;}
.pc-menu-2{ display: none; position: absolute;left: 0; top:60px;width: 100%; text-align: center; background: rgba(255,255,255,0.7); padding: 10px 0;z-index: 5;overflow: hidden;}
.pc-menu-2 a{ display: block; line-height:2.5;}
.pc-head1{float: right;line-height: 24px; padding: 28px 0;}
.pc-head1 a{display: inline-block; padding:  0 8px;}
.sousuo{display: inline-block;margin-left: 8px;cursor: pointer;}
.head-car{ clear: both;overflow: hidden; padding: 40px 0 50px; display:none; background: url(../images/menu-1.png) no-repeat center bottom #fff; position: absolute;left: 0;top: 80px;width: 100%; z-index: 6;font-size: 12px;}
.head-car1{ margin: 0 auto;width:850px;border-top: 1px dotted #808080;}
.head-car1 dl{ clear: both;overflow: hidden; border-bottom: 1px dotted #808080;padding: 10px 0;}
.head-car1 dl dt{float: left;width:85px;height: 90px;}
.head-car1 dl dt table th{height: 90px; overflow: hidden;}
.head-car1 dl dt table th em{width: 60px; text-align: center; display: block;}
.head-car1 dl dt table th em img{max-height:44px;max-width: 60px;}
.head-car1 dl dt table th h3{margin-top: 5px;}
.head-car1 dl dd{overflow: hidden; padding: 15px 0;}
.head-car1 dl dd a{float: left;padding: 10px 0 10px 9px;display: inline-block;overflow: hidden;}
.head-car1 dl dd a em{float: left;height:40px; overflow: hidden ;margin-right: 8px;display: inline-block;}
.head-car1 dl dd a em img{height: 100%;}
.head-car-1{overflow: hidden; line-height: 1.5;}
.head-car-1 p{color: #818181;}
.head-car1 dl dd a:hover p,.head-car1 dl dd a:hover h4{ color: #e71f1a;}

@media only screen and (min-width:1200px) {
.pc-head{width: 1200px;}
.pc-head h2 img{ height:51px;}
.pc-menu{padding: 0 20px;font-size: 16px;}
.pc-menu li{padding: 33px 0 ;}
.pc-menu-1{ padding: 0 10px;}
.pc-menu-2{top:71px;}
.pc-menu-2 a{ font-size:14px;}
.pc-head1{padding: 33px 0;font-size: 14px;}
.pc-head1 a{padding:  0 10px;}
.sousuo{margin-left: 10px;}
.head-car{padding: 45px 0 55px; top:91px;}
.head-car1{width: 1100px;}
}
@media only screen and (min-width:1500px) {
.pc-head{width: 1440px;}
.pc-head h2{padding: 25px 0;}
.pc-head h2 img{ height:61px;}
.pc-menu{padding: 0 25px;}
.pc-menu li{padding: 38px 0 ;}
.pc-menu-1{ padding: 0 23px; line-height: 34px;}
.pc-menu-2{top: 86px;}
.pc-head1{padding: 38px 0; line-height: 34px;}
.pc-head1 a{padding:  0 15px;}
.sousuo{margin-left:15px;}
.head-car{top:111px;}
.head-car1{width: 1180px;}

}
@media only screen and (min-width:1700px) {
.pc-head{width: 1700px;}
.pc-menu{padding: 0 35px;}
.pc-menu-1{ padding: 0 30px;}
.pc-head1 a{padding:  0 20px;}
.sousuo{margin-left:20px;}
}
/****************************底部****************************/

/**************移动端**************/

.mobile-foot{width: 100%;left: 0;bottom: 0;position: fixed;background: #fff;z-index: 5;border-top: 1px solid #e5e5e5;}
.mobile-foot.mob-fixed{position: fixed;bottom: 0;z-index: 5;}
.mobile-foot .container{padding: 0;line-height: 1.4;}
.mobile-foot .container a{float: left;width: 20%;border-right: 1px solid #e5e5e5; overflow: hidden; text-align: center; padding:5px 0;color: #333;}
.mobile-foot a i{ display: block;overflow: hidden;font-size: 24px;}
.mobile-foot .container a:last-child{border: 0;}
.mobile-foot .container a em{display: block;overflow: hidden;padding: 2px 0;}
.mobile-foot .container a em img{width: 3em;}
.foot-height{height: 56px;}

@media only screen and (min-width:480px) {
.mobile-foot .container a{ padding: 12px 0;font-size: 1.3em;}    
.mobile-foot .container a em{padding: 5px 0;}
.mobile-foot a i{font-size:40px;}
.foot-height{height: 90px;}
}

/**************PC端**************/
.foot-top{height:30px; clear:both;overflow: hidden;}
footer{position:absolute; bottom: 0;left: 0;width: 100%;z-index: 5;}
.foot{clear: both;overflow:visible; padding:10px 0;line-height: 27px;border-top: 1px solid #fafafa;background: #fff;}

.foot dl dt{float: right;width:150px;margin-top: 15px;}
.foot dl dd{overflow: hidden; color: #818181; line-height: 26px;}
.foot dl dd a{color: #c90000;margin-right: 10px;display: inline-block;text-decoration: underline;font-size: 1.1em;}
.foot dl dd span{margin-right: 10px;}
.foot dl dd i{ color: #bec2cb;margin-right: 5px;}
.foot dl dt select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #b8b8b8;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background:url(../images/foot-select.jpg) no-repeat right center transparent;
  background-size: auto 100% !important; 
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding:0 26px 0 5px;height: 26px;width: 100%;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.foot dl dt select::-ms-expand { display: none; }
@media only screen and (min-width:1200px) {
.foot-top{height:50px;}
footer{padding-left: 126px;}
.foot{padding:12px 126px 11px 0;}
.foot-bg{bottom: 0; position: absolute;left: 0;height: 77px;width: 126px; background: url(../images/foot.png) no-repeat 0 bottom;}
.foot .container{max-width: 1170px;width: auto;}
.foot dl dd a,.foot dl dd span{margin-right:20px;}
}
@media only screen and (min-width:1500px) {
.foot{font-size: 14px;}
    
}


.bodyright{position: fixed;right:10px;top: 50%;margin-top: -128px;z-index:5;}
.bodyright li{clear: both;padding:0 0 1px 1px; position: relative;}
.bodyright li span{ display: block;width: 50px; height: 50px; background: #0c121c; color: #fff;line-height: 50px; text-align:center; cursor: pointer;transition-property:all;transition-duration:.5s;}
.bodyright li span i.iconfont{font-size:30px;-webkit-text-stroke-width:0; color: #fff;}
.bodyright li span strong{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: #e50012;z-index: 1;transition-property:all;transition-duration:.5s;opacity: 0;color: #fff;padding:8px;line-height:17px;font-size: 14px;}
.bodyright li:hover span{ background: #e50012;}
.bodyright li:hover span strong{opacity: 1;}
.body-dingdu{ display: none;}
.bodyright1{ position: absolute;right:51px; top: 0; background: #e50012; color: #fff; text-align: center; padding: 10px 0; width:300px; display: none;}
.bodyright1 dd{float: left; width:50%;border-right: 1px solid #fff; padding: 0 10px; line-height: 1;}
.bodyright1 dd:last-child{border: 0;}
.bodyright1 em{ display: block;overflow: hidden;margin-bottom:7px;}
.bodyright1 em img{width: 100%;}
.loaddown{position: fixed;right:10px;top: 50%;margin-top: -80px;z-index:5;padding:45px 15px 15px;border-radius: 5px;font-size: 16px; line-height: 1.2;overflow: hidden; background: url(../images/loaddown.png) no-repeat center 18px #c41305;}
.loaddown a{width: 1em;color: #fff; display: block;}
.loaddown a i.iconfont{font-size: 20px;}

.blackscreen1{position: fixed;height: 100%;width: 100%;z-index: 100;background: rgba(0,0,0,.7);top: 0;left: 0;display: none;}
.car-all1{position: fixed;top: 10%;left: 3%;width: 94%;z-index: 101;display: none;max-height: 80%;overflow: scroll;}
.car-all1 table th,.car-all1 table td{border: 1px solid #000; background: #fff; padding: 10px 5px;}
.car-all1 table th{width:25%;text-align: center;}
.car-all1 table th em{display: block;overflow: hidden;}
.car-all1 table th em img{/*width: 90%;*/max-width:60px;}
.car-all1 table th strong{ padding-top: 10px;display: block;font-size: 1.2em;}
.car-all1 table td a{float: left;min-width: 50%; padding:5px;color: #818181;}
.car-all1 table td a big{ color: #434343;display: block;padding-bottom: 5px;}


@media only screen and (min-width:768px) {
.car-all1 table th,.car-all1 table td{padding: 20px 10px;}
.car-all1 table td a{min-width: 33.333%; padding: 10px;}


}

.iframe-service{padding-top:20px;}
.iframe-service body{background: none;}


.loading {position:fixed; width:100%;height:100%;z-index: 100;left: 0;top: 0;background: #000;}

svg {
  height: 120px;
  width: 120px;
  position: absolute;
  left: 50%;top: 50%;margin: -60px 0 0 -60px;z-index: 101;
  overflow: visible;
  /*   border: 1px solid red; */
}

.g-circles {
  -webkit-transform: scale(0.9) translate(7px, 7px);
  -ms-transform: scale(0.9) translate(7px, 7px);
  transform: scale(0.9) translate(7px, 7px);
}

circle {
  fill: dodgerblue;
  fill-opacity: 0;
  -webkit-animation: opacity 1.2s linear infinite;
  animation: opacity 1.2s linear infinite;
}
circle:nth-child(12n + 1) {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
circle:nth-child(12n + 2) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
circle:nth-child(12n + 3) {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
circle:nth-child(12n + 4) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
circle:nth-child(12n + 5) {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
circle:nth-child(12n + 6) {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
circle:nth-child(12n + 7) {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
circle:nth-child(12n + 8) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
circle:nth-child(12n + 9) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
circle:nth-child(12n + 10) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
circle:nth-child(12n + 11) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
circle:nth-child(12n + 12) {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.g-circles--v2 circle {
  fill-opacity: 0;
  stroke-opacity: 0;
  stroke-width: 1;
  stroke: yellowgreen;
  -webkit-animation-name: opacity-stroke, colors, colors-stroke, transform-2;
  animation-name: opacity-stroke, colors, colors-stroke, transform-2;
}

.g-circles--v3 circle {
  fill-opacity: 1;
  -webkit-animation-name: opacity, colors;
  animation-name: opacity, colors;
}

.g-circles--v4 circle {
  fill-opacity: 1;
  fill: orange;
  -webkit-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-animation-name: opacity, colors-3, transform;
  animation-name: opacity, colors-3, transform;
}

@-webkit-keyframes opacity {
  3% {
    fill-opacity: 1;
  }

  75% {
    fill-opacity: 0;
  }
}

@keyframes opacity {
  3% {
    fill-opacity: 1;
  }

  75% {
    fill-opacity: 0;
  }
}
@-webkit-keyframes opacity-stroke {
  10% {
    stroke-opacity: 1;
  }

  85% {
    stroke-opacity: 0;
  }
}
@keyframes opacity-stroke {
  10% {
    stroke-opacity: 1;
  }

  85% {
    stroke-opacity: 0;
  }
}
@-webkit-keyframes colors {
  0% {
    fill: yellowgreen;
  }

  10% {
    fill: gold;
  }

  75% {
    fill: crimson;
  }
}
@keyframes colors {
  0% {
    fill: yellowgreen;
  }

  10% {
    fill: gold;
  }

  75% {
    fill: crimson;
  }
}
@-webkit-keyframes colors-stroke {
  0% {
    stroke: yellowgreen;
  }

  10% {
    stroke: gold;
  }

  75% {
    stroke: crimson;
  }
}
@keyframes colors-stroke {
  0% {
    stroke: yellowgreen;
  }

  10% {
    stroke: gold;
  }

  75% {
    stroke: crimson;
  }
}
@-webkit-keyframes colors-2 {
  0% {
    fill: yellow;
  }

  50% {
    fill: red;
  }

  65% {
    fill: orangered;
  }

  95% {
    fill: gold;
  }
}
@keyframes colors-2 {
  0% {
    fill: yellow;
  }

  50% {
    fill: red;
  }

  65% {
    fill: orangered;
  }

  95% {
    fill: gold;
  }
}
@-webkit-keyframes colors-3 {
  0% {
    fill: yellowgreen;
  }

  50% {
    fill: turquoise;
  }

  65% {
    fill: yellow;
  }

  95% {
    fill: orange;
  }
}
@keyframes colors-3 {
  0% {
    fill: yellowgreen;
  }

  50% {
    fill: turquoise;
  }

  65% {
    fill: yellow;
  }

  95% {
    fill: orange;
  }
}
@-webkit-keyframes transform {
  10% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@keyframes transform {
  10% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@-webkit-keyframes transform-2 {
  40% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

  60% {
    stroke-width: 20;
  }
}
@keyframes transform-2 {
  40% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

  60% {
    stroke-width: 20;
  }
}
.ysbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  border: 1px solid #ececec;
  border-radius: 100%;
  overflow: hidden;
  color: #fff;
  margin: 0;
  padding: 0;
  position: relative;
}

.ysbox input[type="checkbox"]:checked {
  -webkit-appearance: none;
  background: blue;
}

.ysbox input[type="checkbox"]:checked::before {
  content: "√";
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 20px;
}

.ystip {
  font-size: 12px;
  line-height: 20px;
  padding-left: 10px;
}

.ysmask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

.ysmain {
  width: 100%;
  font-size: 13px;
  color: #818181;
  max-width: 1200px;
  line-height: 30px;
  padding: 2% 4%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100vh;
  overflow-y: auto;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
}
.ysmain text{
  font-size: 14px;
  color: #666;
}
.ysmain .ftitle{
  font-size: 20px;
  font-weight: 550;
  text-align: center;
  margin-bottom: 2%;
}
.ysmain .close{
  width: 40px;
  height: 40px;
  font-size: 24px;
  border-radius: 100%;
  text-align: center;
  line-height: 40px;
  position: absolute;
  right: 1%;
  top: 1%;
}