.joinmain{
    width: 100%;
    padding:calc(65px + (100vw - 1920px) / 50) 0 calc(25px + (100vw - 1920px) / 50);
    background: #fbf9fa;
    font-family: "Microsoft Yahei";
}
.joinmain .jointitle{
    width: calc(1135px + (100vw - 1920px) / 80);
    height: calc(50px + (100vw - 1920px) / 80);
    text-align: left;
    font-size: calc(30px + (100vw - 1920px) / 100);
    padding-left: 20px;
    margin: auto;
}

.joinmain .tablemain{
    width: calc(1135px + (100vw - 1920px) / 80);
    padding-left: 20px;
    padding-right: 20px;
    margin:calc(70px + (100vw - 1920px) / 60) auto;
}
.joinmain .tablemain table{
    width: 100%;

}
.joinmain .tablemain table .tabletitle{
    width: 100%;
    height: calc(60px + (100vw - 1920px) / 80);
    line-height: calc(60px + (100vw - 1920px) / 80);
    font-size: calc(26px + (100vw - 1920px) / 150);
    background:#eee ;
    font-family: "haige";

}
.joinmain .tablemain table .tablebody{
    width: 100%;
    font-size: calc(23px + (100vw - 1920px) / 150);
    font-family: "haige";
}
.joinmain .tablemain table .tabletitle td:first-child{
    padding-left:calc(45px + (100vw - 1920px) / 80);
    text-align: left;
}
.joinmain .tablemain table .tabletitle td:nth-child(2){
    text-align: center;
}
.joinmain .tablemain table .tabletitle td:last-child{
    padding-right:calc(45px + (100vw - 1920px) / 80);
    text-align: right;
}
.joinmain .tablemain table .tablebody td{
    height:calc(75px + (100vw - 1920px) / 80);
    line-height: calc(75px + (100vw - 1920px) / 80);
    border-bottom:1px solid #e7e5e6 ;
}
.joinmain .tablemain table .tablebody td:first-child{
    padding-left:calc(45px + (100vw - 1920px) / 80);
    text-align: left;
}
.joinmain .tablemain table .tablebody td:nth-child(2){
    text-align: center;
}
.joinmain .tablemain table .tablebody td:last-child{
    padding-right:calc(45px + (100vw - 1920px) / 80);
    text-align: right;
}
.sendefooter{
    width: 100%;
    top:0;
}
.sendefooter img{
    width: 100%;
    position: relative;
}
.captcha{
    width: 30% !important;
}
.verify-box{
    width: 70%;
    border-bottom: 2px solid #dedede;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: flex-start;
}
.verify-box .layui-input{
    border-bottom:none !important;
}
.sendbody{
    width: 27%;
    height: 650px;
    text-align: left;
    font-size: 1.3em;
    padding-left: 20px;
    margin-left: 20%;
    padding-top: 2%;
}
.sendbody .tinfo{
    height: 70px;
    line-height: 30px;
    font-family: "microsoft yahei";
}
.layui-input-block {
    margin-left: 0px
}
.layui-input, .layui-textarea {
    width: 70%;
    background: none;
}
.layui-input, .layui-select, .layui-textarea {
    border-style: none;
    border-bottom: 2px solid #dedede;
    font-size: 15px;
}
.layui-form-radio>i:hover, .layui-form-radioed>i {
    color: #38badc;
}
.layui-form-item {
    margin-top: 12%;
}
.layui-btn {
    background-color: #1bb861;
}
@media screen and (max-width: 1200px) {
    .joinmain .jointitle{
        width: calc(768px + (100vw - 1920px) / 80);

    }
    .joinmain .tablemain{
        width: calc(768px + (100vw - 1920px) / 80);
    }
    .verify-box {
        width: 90%;
    }
}
@media screen and (max-width: 768px) {
    .joinmain .jointitle{
        width: calc(355px + (100vw - 1920px) / 80);
    }
    .joinmain .tablemain{
        width: calc(355px + (100vw - 1920px) / 80);
    }
    .sendbody {
        width: 80%;
        height: 405px;
        font-size: 0.9em;
        margin-left: 7%;
        padding-top: 0%;
    }
    .layui-form-item {
        margin-top: 5%;
    }
    .verify-box {
        width: 100%;
    }
}