.cantact_cooperate{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #00000087;
    display: none;
}
.cantact_cooperate .layer2{
  position: fixed;top:50%;left: 50%;transform: translate(-50%,-50%); width: 700px; background: url(/frontEnd/static/img/cantact_16.jpg); height: auto;padding-bottom: 40px;z-index: 999}
.cantact_cooperate .layer2 .bt{ text-align: center; height: 130px; line-height: 130px; text-align: center; font-size: 44px; color: #fff;}
.cantact_cooperate .layer2 ul{ width: 90%;margin: auto}
.cantact_cooperate .layer2 ul li{ position: relative; overflow: hidden; margin-bottom: 20px;}
.cantact_cooperate .layer2 ul li input{transition: 0.5s; width: 100%; height: 60px; background: rgba(255,255,255,0.5); border: none; outline: none; padding: 0 20px; box-sizing: border-box; color: #fff;}
.cantact_cooperate .layer2 ul li input.on{ background: #fff;}
.cantact_cooperate .layer2 ul li input.on:-moz-placeholder{ color: #333;}

.cantact_cooperate .layer2 ul li input.small{ color: #fff; float: left; width: 32%; display: block; float: left; margin-right: 2%;}
.cantact_cooperate .layer2 ul li input.small:last-child{ margin-right: 0;}
.cantact_cooperate .layer2 ul li input.on{ background: #fff; color: #333;}
.cantact_cooperate .layer2 ul li select{transition: 0.5s; width: 100%; height: 60px; background: rgba(255,255,255,0.5); border: none; outline: none; padding: 0 20px; box-sizing: border-box; color: #fff; appearance:none;}
.cantact_cooperate .layer2 ul li select.on{ background: #fff; color: #333;}
.cantact_cooperate .layer2 ul li .arrow{ background: url(/frontEnd/static/images/arrowSet_03.png) center center no-repeat; width: 60px; height: 60px; position: absolute; right: 0; bottom: 0;}
.cantact_cooperate .layer2 ul li textarea{ transition: 0.5s; width: 100%; height: 220px; background: rgba(255,255,255,0.5); border: none; outline: none; padding: 20px; box-sizing: border-box; color: #fff;}
.cantact_cooperate .layer2 ul li textarea.on{background: #fff; color: #333;}
.cantact_cooperate .layer2 button{ width: 220px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #fff; border: none; background: #6eb92b; margin: 20px auto 0 auto;}
.cantact_cooperate .layer2 button:hover{
    cursor: pointer;
}
::-webkit-input-placeholder {/*webkitÄÚºËä¯ÀÀÆ÷*/color: #fff;}
:-moz-placeholder{/* Firefox 18-*/color: #fff;}
::-moz-placeholder{/* Firefox 19+*/color: #fff;}
:-ms-input-placeholder {fcolor: #fff;}
.cantact_cooperate .layer2 .close{
    position: absolute;
    top: -5px;
    right: 10px;
    font-size: 26px;
    color: #cccccc;
    cursor: pointer;
}
.cantact_cooperate .layer2 ul li select option{
    color: #000000;
}
@media only screen and (max-width : 768px) {
    .cantact_cooperate .layer2{
        width: 90%;
        padding-bottom: 20px;

    }
    .cantact_cooperate .layer2 ul li input.small {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .cantact_cooperate .layer2 .bt {
        height: 60px;
        font-size: 26px;
        line-height: 60px;
    }
    .cantact_cooperate .layer2 ul li {
        margin-bottom: 10px;
    }
    .cantact_cooperate .layer2 ul :first-child {
        margin-bottom: 0;
    }
    .cantact_cooperate .layer2 ul{
        width: 95%;
    }
}<!--ºÄʱ1754937798.2171Ãë-->