.banner{background: url("https://img.asiancancer.com/images/newmalai/contact.png") no-repeat center;height: 300px;}
.banner .img{text-align: center;}
.banner .banner-text{padding-top:60px;}
.banner .banner-text .title{font-size: 52px;color: #ffffff;display: grid;}
.banner .banner-text .first{border-bottom: 2px solid #13BFB1;width: 225px;}
.banner .banner-text .second{font-size: 35px;}

.contact-content .contact_intro{color: #666666;margin-top: 20px;}
.contact-content .contact_list{background: #ffffff;border-radius: 16px;margin-top: 50px;padding: 35px;display: flow-root;}
.contact-content .contact_list .form .formtitle{font-size: 28px;color: #333333;font-weight: bold;}
.contact-content .contact_list .form .marginleft {margin-right: 5%;}
.contact-content .contact_list .form .marginright {margin-left: 5%;}
.contact-content .contact_list .form .form-group {float: left;margin-bottom: 15px;width: 45%;}
.contact-content .contact_list .form .form-group .input{width: 100%;height: 48px;background:#F0F0F0;}
.contact-content .contact_list .form .form-group div {margin-top: 15px;line-height: 100%!important;}
.contact-content .contact_list .form .form-group .select-nat{height: 48px;width: 100%;background:#F0F0F0;border: none;}
.contact-content .contact_list .form .form-group .country{border: none;}
.contact-content .contact_list .form .form-group .input-tel{width: 510px;background:#F0F0F0;height: 48px;}
.contact-content .contact_list .form .form-group .country{background:#F0F0F0;height: 48px;}
.contact-content .contact_list .form .form-group .radio_left{float: left;margin-right:15px;width:45%;}
.contact-content .contact_list .form .form-group .formp{margin-bottom:10px;}
.contact-content .contact_list .form .quickTitle{text-align: center;margin-top: 20px;}
.contact-content .contact_list .form .quickTitle .cBtn{height: 48px;border-radius: 4px;color: #ffffff;width: 30%;background: #13BFB1;}
.contact-content .contact_list dl{float: left;}
.contact-content .contact_list dl dt{font-size: 28px;font-weight: bold;margin-bottom: 15px;}
.contact-content .contact_list dl a{width: 408px;height: 48px;background:#13BFB1;display: block;color: #ffffff;text-align: center;line-height: 48px;border-radius: 4px;margin-top: 100px;}
.contact-content .contact_list dl .pc{display:block;}
.contact-content .contact_list dl .mobile{display:none;}
.contact-content .contact_list .map{float: right;display: block;}
.contact-content .contact_list .m-map{display: none;}
.contact-content .question{width: 100%;background: #E6E6E6;display: inline-block;height: 291px;}
.contact-content .question ul li{float: left;width: 33%;text-align: center;margin-top: 65px;}


.report-group{}
.report-group .upload_img{width: 3rem;height: 3rem;}
.report-group .img-box .notice{line-height:39px;font-size: 13px;color: #AA0000;padding-right: 5px;}
.form-group .msg{color:#ff0000;width:100%;float:left;}
.contact-content .contact_list .form .form-group .imgContainer{margin-top:0;}

.report-group .upload_img{
  width: 3rem;
  height: 3rem;
}
.report-group .img-box{
  display: flex;
  width: 100%;
}
.report-group #imgBox{
  display: contents;
  margin-top:0;    
}
.report-group .imgContainer {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-left: 1%;
  border: 1px solid #666666;
  position: relative;
  box-sizing: border-box;
  margin-right: 0.2rem;
}

.report-group .imgContainer img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin-right: 0.2rem;
}
.report-group .img-box .imgDelete{
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: -0.3rem;
  right: -0.5rem;
}
.report-group .imgContainer p {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 30px;
  background: black;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: none;
}

.report-group .imgContainer:hover p {
  display: block;
}


@media screen and (max-width:768px) {
    .banner{background: url("/uploads/allimg/2023/06/22/contact.png") no-repeat center;height: auto;background-size: cover;}
    .banner .img{text-align: center;}
    .banner .banner-text{padding: 30px 20px;}
    .banner .banner-text .title{font-size: 36px;}
    .banner .banner-text .second{font-size: 20px;}

    .contact-content .contact_intro{display: none;}
    /*表单*/
    .contact-content .contact_list .form .form-group{width:100%;}
    .contact-content .contact_list .form .marginright{margin-left: 0px;}
    .contact-content .contact_list .form .form-group .input-tel{width: 71%;}
    .contact-content .contact_list .form .quickTitle .cBtn{width: 100%;}
    .contact-content .contact_list .map{float: none;}

    /*地址*/
    .contact-content .contact_list{padding: 15px;}
    .contact-content .contact_list dl a{width: 100%;margin:50px 0;}
    .contact-content .contact_list .map{display: none;}
    .contact-content .contact_list .m-map{display: block;text-align:center;}

    .contact-content .contact_list dl .pc{display:none;}
    .contact-content .contact_list dl .mobile{display:block;}

    .report-group .img-box{display: inline-table;}
    .report-group .img-box img{margin-right: 0px;}
    .report-group .imgContainer .imgDelete{width: 30%;}
    .report-group .img-box .notice{width:100%;display:block;margin:5px 0;}
    .contact-content .contact_list .form .form-group .imgContainer{margin-top:10px;}
}