.entry-content {
    background-color:#fff;
}
input.input-text{height:44px;}
.wpcf7-form span.hint {
    font-size: 0.8em;
    opacity: 0.5;
    display: inline-block;
    margin-bottom: -4px;
}
.wpb_wrapper.p{line-height: 26px;font-weight: 300;font-style: normal;color: #666;font-size: 16px;}
.em_col_content{    background-color: #ffffff !important;font-size: 16px;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:90%;}
.product-box {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
        border: 3px solid #bbdefd;
    padding: 15px 0;
    background: #ebf5fe;
}
.product-box .col-lg-4 img{width: 80%;}
.product-box .col-lg-3.item{}
.product-box label,.product-box span{display:block;}
.product-box label{color:#888;}
.product-box .product-title{font-size:32px; padding-bottom:30px;}
font{color:#f44336;line-height: 1;margin-left:5px;}

#AreaBox select{ width:15%; margin-left:10px;height:44px;float: left;}
#AreaBox select:nth-child(3){margin-left:0; }
.wpcf7-form textarea{height: 86px; width:98%; margin-top:10px; padding:10px;}
.wpcf7-form .map{font-size:28px; cursor:pointer; margin-left:5px; font-weight:bold; line-height:44px;}
.wpcf7-form .wpcf7-submit {
    font-size: inherit;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    padding: 10px 20px;
    transition: all 0.15s ease-in 0s;
    border-radius: 2px;
    background-color:#ff8401;
    color:#fff;
}
.wpcf7-form .input-msg{color:#f44336;line-height:3;font-size:12px;display:none;}
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 999999;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none;
}
.pswp--open {
    display: block;
}
.pswp {
    z-index: 999999;
}

.pswp__bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.2);
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg
{    -webkit-transition: none;
    transition: none;
}
.map-ok{
   background:#ff8401;
   width:800px;
   color:#fff;
   line-height: 44px;
   border: none;
   font-size: 16px;
   box-shadow:-5px 0 10px rgba(0,0,0,0.2), /*左边阴影*/
    5px 0 10px rgba(0,0,0,0.2), /*右边阴影*/
    0 0px 0px rgba(0,0,0,0.2), /*顶部阴影*/
    0 5px 10px rgba(0,0,0,0.2); /*底边阴影*/
   -moz-box-shadow:-5px 0 10px rgba(0,0,0,0.2), /*左边阴影*/
    5px 0 10px rgba(0,0,0,0.2), /*右边阴影*/
    0 0px 0px rgba(0,0,0,0.2), /*顶部阴影*/
    0 5px 10px rgba(0,0,0,0.2); /*底边阴影*/
   -webkit-box-shadow:-5px 0 10px rgba(0,0,0,0.2), /*左边阴影*/
    5px 0 10px rgba(0,0,0,0.2), /*右边阴影*/
    0 0px 0px rgba(0,0,0,0.2), /*顶部阴影*/
    0 5px 10px rgba(0,0,0,0.2); /*底边阴影*/

 }
.map-close {
  color: #fff;
  font-size: 24px;
  position: absolute;
  left: 780px;
  top: -20px;
  z-index: 100;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: #424242;
  border-radius: 20px;
  padding-top: 5px;
  padding-left: 8px;
}
#allmap{
   -webkit-box-shadow:-5px 0 10px rgba(0,0,0,0.2), /*左边阴影*/
              5px 0 10px rgba(0,0,0,0.2), /*右边阴影*/
              0 -5px 10px rgba(0,0,0,0.2), /*顶部阴影*/
              0 0px 0px rgba(0,0,0,0.2); /*底边阴影*/
    box-shadow:-5px 0 10px rgba(0,0,0,0.2), /*左边阴影*/
               5px 0 10px rgba(0,0,0,0.2), /*右边阴影*/
               0 -5px 10px rgba(0,0,0,0.2), /*顶部阴影*/
               0 0px 0px rgba(0,0,0,0.2); /*底边阴影*/
    -moz-box-shadow:-5px 0 10px rgba(0,0,0,0.2), /*左边阴影*/
               5px 0 10px rgba(0,0,0,0.2), /*右边阴影*/
               0 -5px 10px rgba(0,0,0,0.2), /*顶部阴影*/
               0 0px 0px rgba(0,0,0,0.2); /*底边阴影*/
}

.row-box
{
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-left:0;
    margin-right:0;
}
.line-bottom{border-bottom: 1px solid #eee;}
.line-left{border-left: 1px solid #eee;}
.vertical-center{ vertical-align:middle; text-align:center; padding-top:3%;}
.form-group{display:inline-block;}
input.to-labelauty+label{min-width:100px;}
input.labelauty+label{display: inline-block;}
.margin-bottom-0{margin-bottom:3px !important;}
strong{font-weight:bold;}
.form-row{}
.col-md-21{border-left:1px solid #eee;}
.col-md-6{ vertical-align:middle;height: 62px;padding-top: 10px;}
.col-md-18{padding-top: 10px;min-height: 62px;}
.content-area p{margin:0}
@media (max-width: 767px)
{
    .col-md-3{border-bottom:1px solid #eee; background-color:#f9f9f9; padding-bottom:10px; padding-top:10px;}
    .sortball{display:none !important;}
    .attachment{display:none;}
    .remark{border-bottom: 1px solid #eee;}
}

@media (min-width:321px) and (max-width:375px)
{    .wpcf7-form select{    width: 30%;}
}
@media (min-width:376px) and (max-width:414px)
{
    .wpcf7-form select{    width: 30%;}
}
#attachmentFileLink{width:110px;}
span.file-preview{margin:0 auto;}
.upload_fileitem{margin-bottom:10px;}
#uploadattachmentmsg{margin-top:20px; color:#f44336}


.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio-custom {
    padding-left: 20px;float:left;margin-right: 15px;
}
.radio-custom input[type=radio] {
    position: absolute;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -20px;
}
.radio-custom input[type=radio] {
    z-index: 1;
    width: 20px;
    height: 20px;
    opacity: 0;
}
.checkbox-custom label, .radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 300;
    cursor: pointer;
}
.radio-custom label {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}
.radio-custom label::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -20px;
    content: "";
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    -webkit-transition: border .3s ease-in-out 0s,color .3s ease-in-out 0s;
    -o-transition: border .3s ease-in-out 0s,color .3s ease-in-out 0s;
    transition: border .3s ease-in-out 0s,color .3s ease-in-out 0s;
}
.radio-custom input[type=radio]:checked+label::before {
    border-color: #e0e0e0;
    border-width: 10px;
}
.radio-primary input[type=radio]:checked+label::before {
    border-color: #0072ff;
}
.radio-custom label::after {
    position: absolute;
    top: 7px;
    left: 7px;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: -20px;
    content: " ";
    background-color: transparent;
    border: 2px solid #757575;
    border-radius: 50%;
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
    transition-transform: .1s cubic-bezier(.8,-.33,.2,1.33);
}
.radio-custom input[type=radio]:checked+label::after {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.radio-primary input[type=radio]:checked+label::after {
    border-color: #fff;
}



/*修改手机模式时加入的样式 start*/

@media (max-width:414px) and (min-width:321px){#AreaBox select {width: 44%;margin-bottom: 10px; margin-left: 0px;margin-right: 10px;}}
@media (max-width:414px) and (min-width:321px){#txtAddress  {margin-left: 0px;margin-bottom: 10px;}}
@media only screen and (max-width:320px){  #AreaBox select{ width: 45%;margin-left:0; margin-bottom: 5px;margin-right: 5px;}}
@media only screen and (max-width:320px){  #txtAddress{ width:37% !important;margin-left:0; margin-bottom: 5px;margin-right: 5px;}}
@media only screen and (max-width:320px){  #txt_shangshuncao_height{ width:30% !important;margin-bottom: 5px;}}
@media only screen and (max-width:320px){  #txt_shagnshuncao_width{ width:30% !important;margin-bottom: 5px;}}
@media only screen and (max-width:320px){  #txt_xiashuncao_height{ width:30% !important;}}
@media only screen and (max-width:320px){  #txt_xiashuncao_width{ width:30% !important;}}
@media  (max-width:414px) and (min-width:375px){  #txt_shangshuncao_height{ width:35% !important;margin-bottom: 5px;}}
@media  (max-width:414px) and (min-width:375px){  #txt_shagnshuncao_width{ width:35% !important;margin-bottom: 5px;}}
@media  (max-width:414px) and (min-width:375px){  #txt_xiashuncao_height{ width:35% !important;}}
@media  (max-width:414px) and (min-width:375px){  #txt_xiashuncao_width{ width:35% !important;}}
@media  (max-width:375px) and (min-width:321px){  #txt_shangshuncao_height{ width:32% !important;margin-bottom: 5px;}}
@media  (max-width:375px) and (min-width:321px){  #txt_shagnshuncao_width{ width:32% !important;margin-bottom: 5px;}}
@media  (max-width:375px) and (min-width:321px){  #txt_xiashuncao_height{ width:32% !important;}}
@media  (max-width:375px) and (min-width:321px){  #txt_xiashuncao_width{ width:32% !important;}}








@media (max-width: 767px){input.input-text {margin-bottom: 10px;}}
@media (max-width: 767px){.col-md-6  {min-height: 35px !important; height: auto;}}
@media (max-width: 767px){.line-left {border-left:none; }}
@media (max-width: 767px){.col-md-21 {border-left:none;}}
@media (max-width: 767px){.container.margin-bottom-30.margin-top-30 {padding-left: 0px;padding-right: 0px;}}
@media (max-width: 767px){.container.em_col_content {padding-left: 0px;padding-right: 0px;}}





/*修改手机模式时加入的样式 end*/