.bodytitle{
    width: 50%;
    margin:80px auto;
    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: center;
    font-size: calc(35px + (100vw - 1920px) / 100);
}
.bodytitle .lines{
    width: 40.63%;
    height: 2px;
    background: #c1c1c1;
}
.bodytitle .titles{
    width: 23%;
    text-align: center;
    line-height: 3px;
    color:#888 ;
    font-family: "宋体";
}
.synopsis{
    width: 90%;
    margin:auto;
}
.synopsis .jtitle{
    text-align: center;
    font-family: '思源黑体' !important;
    font-size: calc(38px + (100vw - 1920px) / 100);
    color: #008639;
}
.synopsis .jinfo{
    margin:20px auto 0;
    text-align: center;
    font-family: '思源黑体' !important;
    font-size: calc(18px + (100vw - 1920px) / 300);
    line-height:calc(40px + (100vw - 1920px) / 200) ;
    letter-spacing: 2px;
}
.synopsis .jbuttons{
    width: calc(230px + (100vw - 1920px) / 20);
    height: calc(60px + (100vw - 1920px) / 80);
    margin: calc(30px + (100vw - 1920px) / 200) auto;
    line-height: calc(60px + (100vw - 1920px) / 80);
    background: #008639;
    font-size:calc(21px + (100vw - 1920px) / 220);
    text-align: center;
    color: #fff;
    font-family: 'microsoft yahei' !important;
    cursor: pointer;
}
.joininfos{
    width: 100%;
}
.joininfos .jinfos{
    width: 70%;
    margin: auto;
}
.joininfos .jinfos .jotitle{
    font-size: calc(37px + (100vw - 1920px) / 50);
    height: calc(65px + (100vw - 1920px) / 40);
    font-family: "microsoft yahei" !important;
    line-height: calc(65px + (100vw - 1920px) / 40);
color: #fff;
}
.joininfos .jinfos .joimg{
    width: 100%;
}
.joininfos .jinfos .joimg img{
    width: 100%;
}
.joininfos .jinfos .joinfos{
    width: 90%;
    text-align: center;
    margin:calc(35px + (100vw - 1920px) / 200) auto;
    font-size: calc(20px + (100vw - 1920px) / 200);
    line-height:calc(35px + (100vw - 1920px) / 200);
    font-family: "microsoft yahei" !important;

}
.mixiuforms{
    padding: 0 calc(35px + (100vw - 1920px) / 200);
}
.mixiuforms .layui-form-label {
    float: left;
    display: block;
    padding: 9px 0px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
     text-align: left;
}
.mixiuforms .layui-input-block {
     margin-left: 0px !important;
}
.mixiuindexformone .layui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #c2c2c2;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.mixiuforms .layui-form-select dl {
    min-width: 50%;
}
.mixiucity{
    margin-left: calc(205px + (100vw - 1920px) / 28);
    display: none;
    position: absolute;
    left: 0;
    top: calc(59px + (100vw - 1920px) / 90);
    padding: 5px 0;
    z-index: 899;
    min-width: 50%;
    border: 1px solid #d2d2d2;
    max-height: 150px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-sizing: border-box;
}
.mixiuforms .layui-form-select dl::-webkit-scrollbar {display:none}
.mixiucity::-webkit-scrollbar {display:none}
.mixiucity dd.layui-this {
    background-color: #5FB878;
    color: #fff;
}
.mixiucity dd {
    cursor: pointer;
}
.mixiucity dd{
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1200px) {
    .bodytitle .titles {
        width: 35%;
    }
}
@media screen and (max-width: 768px) {
    .bodytitle {
        margin: 40px auto
    }
    .bodytitle .titles {
        width: 65%;
    }
    .joininfos .jinfos{
        width: 95%;
    }
    .joininfos .jinfos .joinfos {
        width: 100%;
    }
}