.service_01{background: #ededed;
    padding: 60px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.message_group{margin-bottom: 20px;display: inline-block;width: 100%;position: relative;}
.group-item{float: left;width: 50%;padding: 0 10px;box-sizing: border-box;}
.group-item_div{background: #fff;padding: 0 40px;box-sizing: border-box;position: relative;height: 60px;line-height: 60px;}
.group-item_div em {position: absolute;left: 28px;top: -3px;color: #ff0000;font-weight: bold;}
.group-item_div input{widtH:100%; height: 100%; bordeR:none; background: none; font-size: 16px;font-weight: bold;}
.group-item_div input::-webkit-input-placeholder{color:#424242;}
.group-item_div input:-moz-placeholder{color:#424242;}
.group-item_div input::-moz-placeholder{color:#424242;}
.group-item_div input:-ms-input-placeholder{color:#424242; opacity: 0.8;}
.group-item_div .checkbox{width: 20px; height: 20px; vertical-align: middle;}

.all_group{}
.all_group .group-item{width: 100%;}
.all_group .group-item_div{height: 160px;}
.all_group .group-item_div textarea{height: 100%;width: 100%;color: #424242;padding: 18px 0;box-sizing: border-box;font-weight: bold;font-size: 16px;}
.all_group .group-item_div textarea::-webkit-input-placeholder{color:#424242;}
.all_group .group-item_div textarea:-moz-placeholder{color:#424242;}
.all_group .group-item_div textarea::-moz-placeholder{color:#424242;}
.all_group .group-item_div textarea:-ms-input-placeholder{color:#424242; opacity: 0.8;}

.code_img{position: absolute;right: -180px;background: #fff;width: 170px;height: 60px;top: 0;cursor: pointer;}
.code_img img{width: 100%;height: 100%;}
.message_submit{width: 192px;height: 46px;line-height: 46px;text-align: center;border-radius: 20px;background: #3a70d3;color: #fff;transition: all .3s;}

.select_group{position: relative;z-index: 4;}
.select_group .group-item{width: 100%;}
.group_select-item{float: left;width: 100%;position: relative;background: #fff;}
.group_select-item dd{padding: 0 40px;color: #fff;line-height: 60px;height: 60px;cursor: pointer;position: relative;}
.group_select-item dd em{position: absolute;left: 28px;top: -3px;color: #ff0000;font-weight: bold;}
.group_select-item dd p{float: left;font-size: 16px;color: #424242;font-weight:bold;}
.group_select-item dd i{float: right;transition: all .3s;color: #3a70d3;font-size: 20px;}
.group_select-item dt{padding: 8px 40px;line-height: 40px;background: #fff;position: absolute;left: 0;top: 60px;width: 100%;max-height: 136px;overflow: hidden;
    display: none;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.group_select-item dt span{display: block;cursor: pointer;transition: all .3s;}
.group_select-item.on{z-index: 4;}
.group_select-item.on dd i{transform: rotate(180deg);}
@media only screen and (max-width:767px) {
    .message_from{margin: 30px 0;}
    .message_group{display: block;}
    .group-item{padding: 0;width: 100%;margin-bottom: 20px;}
    .group_select-item dd{padding: 0 25px;height: 50px;line-height: 50px;}
    .group_select-item dd em{left: 13px;}
    .group_select-item dt{top: 50px;}
    .group-item_div{padding: 0 25px;height: 50px;line-height: 50px;}
    .group-item_div em{left: 13px;}
    .group_select-item dt{padding: 8px 25px;}
    .code_group .group-item_div{width: 60%;}
    .code_img{width: 120px;height: 50px;right: -130px;}
    .message_submit{width: 150px;}
}