#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: 999999; min-height: 120px; font-size: 14px;}
#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{height: 0!important;}
#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%; 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: #f90; border-radius: 0; width: 100%; height: 40px; line-height: 40px; color: #fff!important; margin:0!important; padding:0!important; font-size: 14px;}
#wysj-bottom-pop .wysj-bp-textarea{border:1px solid #ccc; 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: 70px; 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: 500px; background-color: #ffffff; color: #333333; position: fixed; z-index: 999999; top: 20%; left: 50%; margin-left: -250px; 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; display: flex;}
#wysj-bp-welcome .wysj-bp-welcome-smile{width: 50%; min-height: 200px;  display: flex; justify-content: center; align-items: center; background-color: #58ecac;}
#wysj-bp-welcome .wysj-bp-welcome-text{ width: 50%; padding: 10px; text-align: left;}
#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;}
.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;}


@-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 {display: none !important;}
}