#wysj-bottom-pop div,
#wysj-bottom-pop ul,
#wysj-bottom-pop span,
#wysj-bottom-pop a{margin:0; padding:0;text-decoration: none; box-sizing:border-box;}
#wysj-bottom-pop ul{list-style: none;}
#wysj-bottom-pop{position: fixed; left: 0; right: 0; bottom: -70px; background-color: rgba(0,0,0,.8); z-index: 999998; min-height: 120px; font-size: 14px;}
.flatpickr-calendar.open{z-index: 999999;}
#wysj-bottom-pop *{box-sizing:border-box; font-family: "Microsoft Yahei";}
#wysj-bottom-pop .wysj-bp-wrap{width: 1100px; margin:0 auto; min-height: 120px; position: relative; top: -70px;}
#wysj-bottom-pop .wysj-bp-top{}
#wysj-bottom-pop .wysj-bp-content{width: 100%; background-color: #fff; padding:0px; transition:height 0.3s; overflow: hidden;}
#wysj-bottom-pop .wysj-bp-form{width: 100%; padding:10px;}
#wysj-bottom-pop .wysj-bp-content:after,
#wysj-bottom-pop .wysj-bp-form:after{content:''; width: 0px; height: 0; display: block; clear: both;}
#wysj-bottom-pop .wysj-bp-content.wysj-bp-status-close{}
#wysj-bottom-pop .wysj-bp-close{position: absolute; right: 0px; top: 80px; display: block; width: 40px; height: 40px; background: url(../images/close.png) no-repeat center center; background-size: contain; transition:all 0.3s; -webkit-animation: wysj-arrow-move 1.2s linear infinite; }
.wysj-bp-close.wysj-bp-status-close{transform:rotateZ(180deg);}
#wysj-bottom-pop .wysj-bp-input{border:1px solid #e1e1e1!important; background-color: #fff; border-radius: 0; width: 100%; min-height: 40px; line-height: 40px; padding:10px!important; margin:0!important; line-height: 1em !important; font-weight: normal!important; font-size: 14px;}
#wysj-bottom-pop .wysj-bp-input label{font-weight: normal!important; margin-left: 10px; font-size: 14px;}
#wysj-bottom-pop .wysj-bp-select{border:1px solid #ccc; background-color: #fff; border-radius: 0; width: 100%; height: 40px; line-height: 40px; padding:0px 10px!important; margin:0!important;  font-size: 14px;}
#wysj-bottom-pop .wysj-bp-button{background-color: #00d6ac; border-radius: 0; width: 100%; height: 40px; line-height: 40px; border-radius: 20px; color: #fff!important; margin:0!important; padding:0!important; font-size: 14px;}
#wysj-bottom-pop .wysj-bp-textarea{border:1px solid #e1e1e1 !important; background-color: #fff; border-radius: 0; width: 100%; height: 80px; line-height: 1.5; color: #333; margin:0!important;}
#wysj-bottom-pop .wysj-bp-form-item{padding:10px 10px; float: left;}
#wysj-bottom-pop .wysj-bp-width-one{width: 100%;}
#wysj-bottom-pop .wysj-bp-width-two{width: 50%;}
#wysj-bottom-pop .wysj-bp-width-three{width: 33.33%;}
#wysj-bottom-pop .wysj-bp-width-threeTwo{width: 66.66%;}
#wysj-bottom-pop .wysj-bp-width-four{width: 25%;}
#wysj-bottom-pop .wysj-bp-veri{position: relative; padding-right: 90px;}
#wysj-bottom-pop .wysj-bp-veri-img{width: 90px; position: absolute; right: 10px; top: 10px; }
#wysj-bottom-pop .wysj-bp-veri-img img{width: 100%; height: 40px;}
#wysj-bottom-pop .wysj-bp-submit-box{width: 100%; clear: both;}
#wysj-bottom-pop .wysj-bp-submit{cursor: pointer; background-color: #f90; border:none;}
#wysj-bottom-pop .wysj-bp-submit.wysj-bp-submit-sendding{
	background: #f05a1a;
	background-image:-webkit-linear-gradient(-45deg, #f05a1a 25%, #f16b2b 25%, #f16b2b 50%, #f05a1a 50%, #f05a1a 75%, #f16b2b 75%, #f16b2b);
	background-image: -moz-linear-gradient(-45deg, #f05a1a 25%, #f16b2b 25%, #f16b2b 50%, #f05a1a 50%, #f05a1a 75%, #f16b2b 75%, #f16b2b);
	background-image: linear-gradient(-45deg, #f05a1a 25%, #f16b2b 25%, #f16b2b 50%, #f05a1a 50%, #f05a1a 75%, #f16b2b 75%, #f16b2b);
	-webkit-animation: wysj-bg-move 1.2s linear infinite; 
  animation: wysj-bg-move 1.2s linear infinite; 
  -webkit-transition: none;
    transition: none;
    background-size: 32px 32px;
}
#wysj-bottom-pop .wysj-bp-submit.wysj-bp-submit-success{background-color: #1bdf69; border:1px solid #1bdf69;}
#wysj-bottom-pop .wysj-bp-submit.wysj-bp-submit-failed{background-color: #ff0000; border:1px solid #ff0000;}
#wysj-bottom-pop .select2-container{z-index: 9999;}
#wysj-bottom-pop .select2-container--default .select2-search--inline .select2-search__field{border:none!important; margin:0!important; padding:0!important; height: 38px!important; line-height: 38px!important; background-color: #fff!important;}
#wysj-bottom-pop .select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #e1e1e1!important; border-radius: 0!important;  padding:0 10px !important;}
#wysj-bottom-pop .select2-container--default .select2-selection--multiple{border:1px solid #e1e1e1!important; border-radius: 0!important; height: 40px; padding:0 10px !important;}
#wysj-bottom-pop .wysj-bp-radio-label{display: inline-block;}
#wysj-bottom-pop .pick-list{bottom: 40px;}
#wysj-bottom-pop .pick-show span:hover{color: #333 !important;}
#wysj-bottom-pop .pick-list li:hover{color: #333;}
#wysj-bottom-pop .pick-show span.pressActive{color: #333 !important;}
#wysj-bottom-pop .ulli.pick-selectedLi{color: #333 !important;}
#wysj-bottom-pop .pick-area{width: 100% !important;}
#wysj-bottom-pop.wysj-btpop-inside .wysj-bp-form{padding: 0;}
.m-cityselect{z-index: 999999 !important;}
.mask-black{z-index: 999998 !important;}
.select2-container{z-index: 999999 !important;}
.cityselect-title{margin: 0 !important; font-size: 16px !important;}
#wysj-bottom-pop input.wysj-required,
#wysj-bottom-pop select.wysj-required,
#wysj-bottom-pop textarea.wysj-required{border:1px solid #ff0000 !important; box-shadow: 0 0 5px rgba(255, 0, 0, .3);}
#wysj-bottom-pop .select2-container--default.wysj-required .select2-selection--multiple{
  border:1px solid #ff0000 !important; box-shadow: 0 0 5px rgba(255, 0, 0, .3);
}
#wysj-bp-welcome{width: 380px; background-color: #ffffff; color: #333333; position: fixed; z-index: 999999; top: 10%; left: 50%; margin-left: -190px; box-shadow: 10px 10px 50px rgba(6, 179, 74, .3);  visibility: hidden; transition:all .3s; opacity: 0; transform:translateY(50px);}
#wysj-bp-welcome .wysj-bp-welcome-smile img{ transform:rotateY(360deg); transition:all 1s;}
#wysj-bp-welcome .wysj-bp-welcome-content{text-align: center;}
#wysj-bp-welcome .wysj-bp-welcome-smile{ display: flex; justify-content: center; align-items: center; background-color: #58ecac; height: 120px;}
#wysj-bp-welcome .wysj-bp-welcome-text{ padding: 10px; text-align: center; font-style: normal;}
#wysj-bp-welcome .wysj-bp-welcome-text h3{font-size: 20px; font-weight: bold; margin: 15px 0;}
#wysj-bp-welcome .wysj-bp-welcome-content p{margin:10px 0; font-size: 16px;}
#wysj-bp-welcome .wysj-bp-welcome-ok{display: inline-block;  cursor: pointer; background-color: #10d47e; width: 100px; height: 40px; line-height: 40px; box-shadow: 5px 5px 10px rgba(6, 179, 74, .3); border:1px solid #9cffc3; border-radius: 5px; transition:all .3s; color: #ffffff; font-size: 16px; text-align: center; margin-top: 10px;}
#wysj-bp-welcome .wysj-bp-welcome-ok:hover{background-color: #00dc7c; box-shadow: 8px 8px 15px rgba(6, 179, 74, .3);}
#wysj-bp-welcome.wysj-bp-welcome-show{visibility: visible; opacity: 1; transform:translateY(0px);}
#wysj-bp-welcome.wysj-bp-welcome-show .wysj-bp-welcome-smile img{transform:rotateY(0deg);}
#wysj-bottom-pop .wysj-bp-img-pc{display: block;}
#wysj-bottom-pop .wysj-bp-img-mobile{display: none;}
#wysj-bottom-pop .wysj-btpop-front-radio{height: auto;}
.wysj-bp-label{font-style: normal; font-size: 16px; font-weight: bold; margin-bottom: 5px; display: block;}
.wysj-bp-canvas{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.wysj-pop-signature{
  border: 1px solid #e1e1e1 !important;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.signature-pad-clear{
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
  color: #333;
  margin-top: 20px;
}
.cityselect-content{margin:0 !important;}
.select2-results__option{font-size: 14px;}

.wysj-preload, .wysj-preload *{-webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important;}

.wysj-btpop-unactive{position: fixed; right:0; bottom:0; z-index: 9999999; background-color: #fff; color:#333; font-size: 12px; padding:10px; box-shadow: 0px 0px 10px rgba(0,0,0,.3);}
.wysj-btpop-unactive p{margin:0;}
.wysj-btpop-unactive a{color:#f60;}
.wysj-btpop-unactive .wysj-close-once{padding:5px 10px; background-color: #f60; color: #fff; display: inline-block; margin-top: 10px;}
.cityselect-item-box>a span{font-size: 14px !important;}
.cityselect-nav>a{font-size: 14px !important;}
.wysj-bp-content h2{text-align: center; padding: 0;margin: 0;margin-bottom: 20px; font-style: normal; font-size: 24px;}
#wysj-bottom-pop .wysj-bp-agree{ font-style: normal; margin-top: 10px}
.signature-pad-box,.wysj-bp-agree,.wysj-bp-submit-box{
  user-select: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
}
.wysj-btpop-inside em{
  font-style: normal;
}
.wysj-bp-agreement{
  height: 200px;
  overflow: auto;
  border: 1px solid #eee;
  padding: 10px !important;
}

@-webkit-keyframes wysj-bg-move {
  0%   { background-position: -31px 0;  }
  100% { background-position: 0 0; }
}
@keyframes wysj-bg-move {
  0%   { background-position: -31px 0;  }
  100% { background-position: 0 0; }
}
@-webkit-keyframes wysj-arrow-move {
  0%  { top:80px; }
  25% { top:86px; }
  50% { top:80px; }
  75% { top:74px; }
  100% {top:80px; }
}
@media screen and (max-width: 451px){
	#wysj-bottom-pop .wysj-bp-wrap{width: 100% !important;}
  #wysj-bottom-pop .wysj-bp-close{top:0;}
  #wysj-bottom-pop .wysj-bp-form-item{width: 100% !important;}
  #wysj-bottom-pop .wysj-bp-wrap,#wysj-bottom-pop{min-height: 60px !important;}
  #wysj-bottom-pop .wysj-bp-img-pc{display: none !important;}
  #wysj-bottom-pop .wysj-bp-img-mobile{display: block !important; width: 100%;}
  #wysj-bp-welcome{width: 80%; margin-left: -40%;}
  @-webkit-keyframes wysj-arrow-move {
    0%  { top:0px; }
    25% { top:6px; }
    50% { top:0px; }
    75% { top:-6px; }
    100% {top:0px; }
  }
}
@media screen and (min-width: 1024px){
  .wysj-bp-canvas{
    max-width: 750px;
  }
  .wysj-bp-form-item.signature-pad-box{
  }
  .m-cityselect{
    width: 500px;
    height: 300px;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -150px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
  }
  .m-cityselect.brouce-in{
    opacity: 1;
    visibility: visible;
  }
}