.join{ color: #333333;}
.join .title{font-size: 24px;}
.join .form{margin-top: 20px;}
.join .form .avatar{width: 238px; text-align: center;}
.join .form .avatar .pic{width: 238px; height: 238px; background: #DCDCDC; color: #999999; position: relative;}
.join .form .avatar .pic div{padding-top: 42px;}
.join .form .avatar .pic div span{font-size: 108px; padding-top: 42px;}
.join .form .avatar .pic p{font-size: 16px; margin-top: 12px;}
.join .form .avatar .pic input{width: 238px; height: 238px; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer;}
.join .form .avatar .pic img{width: 238px; height: 238px; display: none;}
.join .form .avatar .tit{font-size: 18px; padding-top: 20px;}
.join .form .avatar .desc{font-size: 14px; padding-top: 10px; color: #999999;}
.join .form .content{font-size: 16px; width: 934px; padding-left: 28px;}
.join .form .content .inline{display: inline-block; margin-bottom: 20px; clear: both;}
.join .form .content label{width: 96px; float: left; height: 44px; line-height: 44px; display: block;}
.join .form .content .input-inline{display: inline-block; float: left; position: relative;}
.join .form .content .unit{position: absolute; right: 18px; line-height: 44px; top: 0px; font-size: 16px; color: #333333;}
.join .form .content input{width: 292px; height: 22px; line-height: 22px; padding: 10px 18px; border: 1px #DCDCDC solid; border-radius: 4px;}
.join .form .content select{border:1px solid #DCDCDC; border-radius:4px; width: 330px; height: 42px; line-height: 42px; padding: 0px 18px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: #ffffff url("../images/arrow.png") no-repeat right 15px center; font-family: "微软雅黑";}
.join .form .content select.half{width: 154px;}
.join .form .content select.m22{margin-left: 22px;}
.join .form .content .block{margin-bottom: 20px; clear: both;}
.join .form .content .input-block{margin-left: 96px;}
.join .form .content textarea{display: block; width: 100%; border: 1px #DCDCDC solid; min-height: 300px; padding: 10px 18px; resize: vertical; border-radius: 4px; box-sizing: border-box;}
.join .form .content  a.btn{display: inline-block; width: 200px; height: 52px; line-height: 52px; background: #F4523B; border-radius: 4px; font-size: 18px; color: #ffffff; text-align: center;}

.service{border-top: 2px #F4523B solid; padding-top: 30px;}

.cropavatar{width: 400px; display: none; margin: 10px auto;}
.cropavatar .img{height: 400px;}
.cropavatar .btn{padding-top: 10px; text-align: center;}
.cropavatar .btn a{display: inline-block; background: #F4523B; border-radius: 4px; font-size: 16px; color: #ffffff; padding: 12px 18px;}