body {
  overflow-x: hidden;
}
#captcha{
    box-shadow: 0 0 10px rgb(0 0 0 / 99%);
    border: 1px solid #e4e7eb;
    border-radius: 2px;
}

.block {
  position: absolute;
  left: 0;
  top: 44px;
}

.topHead{
    background: #fff;color:#fff;width: 100%; height:36px; line-height: 36px; margin-bottom:8px;
}
.sliderContainer {
  position: relative;
  text-align: center;
  line-height: 40px;
  background: #f7f9fa;
  color: #45494c;
  border-radius: 2px;
}

.sliderbg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #f7f9fa;
  height: 40px;
  border-radius: 2px;
  border: 1px solid #e6e8eb;
}

.sliderContainer_active .slider {
  top: -1px;
  border: 1px solid #1991FA;
}

.slidercaptcha {
  margin: 0 auto;
  width: 314px;
  height: 286px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
  margin-top: 40px;
}
.slidercaptcha .card-body {
  padding: 0px !important;
}
.slidercaptcha canvas:first-child {
  border-radius: 4px;
  border: 1px solid #e6e8eb;
}
.slidercaptcha.card .card-header {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.03);
}
.refreshIcon {
  top: -42px;
    font-size:12px !important;
    background-color: rgba(255, 255, 255, 0.8);
    padding:6px;
    border-radius: 8px;
}
.closeIcon {
    top: -42px;
    font-size:20px !important;
    background-color: rgba(255, 255, 255, 0.8);
    padding:6px;
    border-radius: 8px;
}
.card-header {
	padding: 0px;
	margin-bottom: 0;
	color: inherit;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.sliderContainer_active .sliderMask {
  border-width: 1px 0 1px 1px;
}

.sliderContainer_success .slider {
  top: -1px;
  border: 1px solid #52CCBA;
  background-color: #52CCBA !important;
}

.sliderContainer_success .sliderMask {
  border: 1px solid #52CCBA;
  border-width: 1px 0 1px 1px;
  background-color: #D2F4EF;
}

.sliderContainer_success .sliderIcon:before {
  content: "\f00c";
}

.sliderContainer_fail .slider {
  top: -1px;
  border: 1px solid #f57a7a;
  background-color: #f57a7a !important;
}

.sliderContainer_fail .sliderMask {
  border: 1px solid #f57a7a;
  background-color: #fce1e1;
  border-width: 1px 0 1px 1px;
}

.sliderContainer_fail .sliderIcon:before {
  content: "\f00d";
}

.sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText {
  display: none;
}

.sliderMask {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  border: 0 solid #1991FA;
  background: #D1E9FE;
  border-radius: 2px;
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: background .2s linear;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider:hover {
  background: #1991FA;
}

.slider:hover .sliderIcon {
  background-position: 0 -13px;
}

.sliderText {
  position: relative;
}

.sliderIcon {
}

.refreshIcon {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  margin: 6px;
  color: rgba(0,0,0,.95);
  font-size: 1rem;
  z-index: 5;
  transition: color .3s linear;
}

.closeIcon {
  position: absolute;
  right:30px;
  top: 0;
  cursor: pointer;
  margin: 6px;
  color: rgba(0,0,0,.95);
  font-size: 1rem;
  z-index: 5;
  transition: color .3s linear;
    width: 12px;
    height: 12px;
    line-height: 8px;
    text-align: center;
}

.closeIcon:hover,.refreshIcon:hover {
  color: #6c757d;
}

.city-table{width:100%; max-width:1200px;margin:20px auto; border:1px solid #eee; border-radius:12px;overflow: hidden; }
.city-table .city-header,.city-table .city-body div{display: flex;padding:10px 16px;text-align: center;}
.city-table .city-header{background-color: #4D61DA;}
.city-table .city-header p{width:25%; color:#FFF;font-size:16px; font-weight:500;}
.city-table .city-body div:nth-child(2n){
    background-color: #f5faff;
}
.city-table .city-body div p{width:25%; font-size:16px; font-weight:500;}
#biuuu_city_list{width:100%;padding:20px 30px;background: #ddedfd;}
#biuuu_city_list div{width:100%; text-align: center;}
.city-search{padding:16px 0px; text-align:center;display: flex;justify-content: center;}
.city-search input{height:38px; line-height:38px; padding:8px 12px; border:1px solid #e9e9e9; border-radius:5px;background: #FFF; width:35vw; max-width: 360px;}
.city-search input:focus{border:1px solid #2a89fd;}
.city-search button{height:38px; padding:9px 16px; border:1px solid #e9e9e9;letter-spacing: 2px; cursor: pointer;}
.city-search button:hover{color:#000 !important;font-weight: 600;}
.city-search .search{position: relative; left:-6px;z-index:8; border-left:none;border-top-right-radius:5px; border-bottom-right-radius:5px;background: #4D61DA;color:#FFF;}
.city-search #explode{border-radius:5px;background: #FFC000;color: #FFF;}
@media (max-width: 900px){
    body{border:none !important;}
    h8{font-size:0.9em !important;}
    h2{font-size:1.1em !important;}
    .content .main_buy .m .list .label .icons .max{display:none !important;}
    .content .main_buy .m .list .label .icons .icon, .content .main_buy .m .list .label .price div .span{font-size:1.3em !important;}
    .content .main_buy .m .main_customized .vip div span{font-size:0.22rem !important;}
    .content .des_banner div p{font-size:.32rem !important;}
    .content .main_create,.content .main_content .m .main_help_info,.content .main_create.ons .m{padding:0px !important;}
    .content .main_create .m .form{padding:1.5em 0.5em !important;}
    .content .main_content .main_help .list ul li a .fl .date{width:70px !important;}
    .content .main_content .main_help .list ul li a .fl .grow{margin:0px !important;width: calc(100% - 70px) !important;}
    .content .main_content .main_help .list ul li a .right{position:absolute !important;right:25px!important;}
}