.join-wrap{background: #f8f8f8;}
.join-wrap .policy{padding: 75px 0;}

.join-wrap .support,.join-wrap .application{padding: 50px 0;}
.join-wrap .support{background: #fff;}

.join-wrap .policy .policy-title{text-align: center;}
.join-wrap .policy .policy-title h4{font-size: 48px;line-height: 50px;color: #bf0008;font-weight: bold;margin-bottom: 15px;}
.join-wrap .policy .policy-title p{display: inline-block;font-size: 20px;line-height: 34px;color: #fff;padding: 0 12px;background: #bf0008;}

.join-wrap .policy .policy-list{margin-top: 40px;}
.join-wrap .policy .policy-list li{float: left;width: 48%;height: 300px;margin-right:4%;border: 1px solid #bf0008;box-sizing: border-box;overflow: hidden;}
.join-wrap .policy .policy-list li:nth-child(2n){margin-right: 0;}
.join-wrap .policy .policy-list li h4{padding:15px 25px; font-size: 20px;line-height: 34px;color: #333;background: #f8e5e6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.join-wrap .policy .policy-list li .con{padding:15px 25px;font-size: 16px;line-height: 34px;color: #333; }
.join-wrap .policy .policy-list li .con p{position: relative;padding-left: 10px;}
.join-wrap .policy .policy-list li .con p em{display: inline-block;margin-right: 3px;font-size: 20px;}
.join-wrap .policy .policy-list li .con p:before{content: "·";position: absolute;left: 0;top: 0;font-size: 20px;line-height: 34px;color: #333;}


.join-wrap .support{}
.join-wrap .support .support-list li{float: left;width: 48%;height: 260px;border-bottom: 4px solid #c2c2c2;margin-right: 4%;position: relative;}
.join-wrap .support .support-list li:nth-child(2n){margin-right: 0;}


.join-wrap .support .support-list li .icon{position: absolute;left: 0;top: 50%;margin-top: -40px;}
.join-wrap .support .support-list li .icon img{width: 80px;}

.join-wrap .support .support-list li .mes{height: 100%;padding-left: 106px;line-height: 28px;color: #000;display: table;}
.join-wrap .support .support-list li .mes .info{ display:table-cell;  vertical-align:middle;  width: 100%;}
.join-wrap .support .support-list li .mes h4{font-size: 28px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.join-wrap .support .support-list li .mes p{font-size: 18px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}



.join-wrap .application .application-box{background: #fff;padding: 40px 0;}

.join-wrap .application .application-form h4{font-size: 24px;line-height: 32px;color: #000;margin-bottom: 25px;}
.join-wrap .application .application-form .form-mes form .user .user-fb{float: left;width: 49%;color: #313131;margin-right: 2%;margin-bottom: 18px;}
.join-wrap .application .application-form .form-mes form .user .user-fb:nth-child(2n){margin-right: 0;}
.join-wrap .application .application-form .form-mes form  .user .user-name{margin-right: 10px;}

.join-wrap .application .application-form .form-mes form .user-fb input{display: block;font-size: 18px;line-height: 66px;color: #989898;height: 66px;border: 1px solid #d7d7d7;box-sizing: border-box;width: 100%;padding: 0 2%;}


.join-wrap .application .application-form .form-mes form .msg{width: 100%;margin-bottom: 35px;}

.join-wrap .application .application-form .form-mes form .msg textarea{border: 1px solid #d7d7d7;box-sizing: border-box;width: 100%;padding: 10px 1%;height:372px;font-size: 18px;line-height: 32px;color: #989898;font-family:"Microsoft YaHei", Arial;}

.join-wrap .application .application-form .form-mes form .form-code{float: left;}
.join-wrap .application .application-form .form-mes form .form-code input{width: 190px;font-size: 18px;line-height: 56px;height: 56px;color: #989898;border: 1px solid #d7d7d7;box-sizing: border-box;padding: 0 15px;}

.join-wrap .application .application-form .form-mes form .form-code span{display: inline-block;height: 56px;margin-left: 20px;}
.join-wrap .application .application-form .form-mes form .form-code span img{width: 105px;vertical-align: middle;margin-top: 5px;}

.join-wrap .application .application-form .form-mes form a{float: right;display: block;width: 268px;line-height: 56px;font-size: 20px;background: #bf0008;text-align: center;color: #fff;}



.join-wrap .application .application-form .form-mes form p.remind {  color: #bf0008;  font-size: 12px;  line-height: 30px;  height: 30px;  }