@charset "UTF-8";
img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    border: 0;
    display: inline-block;
}

a {
    color: #252B3A;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}

body {
    font-size: 14px;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

@keyframes water {
    0% {
        opacity: 0.5;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}

@-moz-keyframes water {
    0% {
        opacity: 0.5;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}

@-webkit-keyframes water {
    0% {
        opacity: 0.5;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}

@-o-keyframes water {
    0% {
        opacity: 0.5;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}


@-webkit-keyframes pulse1 {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse1 {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}


.feedback_banner{position: relative;overflow: hidden;margin-top: 75px;}
.feedback_banner img{    width: 100%;height: 200px;object-fit: cover;}
.feedback_banner .text{position: absolute;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #fff;}
.feedback_banner .text .w1440{position: relative;}
.feedback_banner .text h2{font-weight: 600;font-size: 24px;margin-bottom:26px;}
.feedback_banner .text .banner-text{font-size: 14px;width:100%;line-height:1.7em;}
.feedback_banner .text .banner-text a{color: #00ABFF;}
.feedback_banner .text .banner-text a:hover{text-decoration: underline;}
@media only screen  and (max-width: 1280px) {
    .feedback_banner .text h2{font-size: 24px;}
    .feedback_banner .text h3{font-size: 24px;}

}


.connect-content{padding:2.6% 0 5.2%;}
.connect-content  .suggest-lists .list-item {
    position: relative;
    margin-bottom: 24px;
}
.connect-content  .suggest-lists .list-item .label {
    
    color: #252B3A;
    line-height: 22px;
    
    position: relative;
    display: inline-block;
    width: 130px;
    margin-right: 20px;vertical-align: middle;font-size: 16px;
}
.connect-content  .suggest-lists .list-item .label.cont{vertical-align: top;margin-top: 8px;}

.connect-content  .suggest-lists .list-item .label.label-must:after {
    content: '*';
   
    
    width: 16px;
    height: 16px;
    font-size: 24px;
    display: inline-block;
    color: #E73957;
    text-align: center;
    line-height: 24px;
   vertical-align: middle;

}
.connect-content  .suggest-lists .list-item .suggest-types {
    display: inline-block;
}
.suggest-lists .list-item .suggest-types .types-item {
    height: 35px;
    line-height: 35px;
    display: inline-block;
   
    
color: #8A8E99;
    text-align:center;
 
    border-radius: 5px;
    width:100px;
    cursor: pointer;
    margin-right: 8px;
 
border-radius: 5px;
border: 1px solid #ced6d8;
    font-size: 14px;transition: all 0.4s;
}
.suggest-lists .list-item .suggest-types .types-item.active{
color: #fff;
background: #0086FE;
border-color: #0086FE;
}
.suggest-lists .list-item .suggest-types .types-item:hover{
    color: #fff;
background: #0086FE;
border-color: #0086FE;transition: all 0.4s;
}
.suggest-lists .list-item  .input-box {
    position: relative;
    width: calc(100% - 160px);
    display: inline-block;vertical-align: middle;
}
.suggest-lists .list-item .input-title {
   display: inline-block;
    line-height: 40px;
    color: #252b3a;
    padding: 0 50px 0 10px;
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #ced6d8;
    max-width: 800px;
    font-size: 14px;
}
.suggest-lists .list-item .input-title:focus {
outline:none;
border: 1px solid #0086FE;
box-shadow: 1px 1px 5px #ccc;
}
.suggest-lists .list-item .mo{
color: #ced6d8;}
.suggest-lists .list-item .gl{
color: #ced6d8;}
.suggest-lists .list-item .flie{position: relative;
color: #0086FE;margin-top: 24px;}
.suggest-lists .list-item .flie:hover{
    color:#002bfe;
}
.suggest-lists .list-item .flie span.filename{
        word-break: break-all;
}
.suggest-lists .list-item .flie span.filelist p{cursor: default;position: relative;padding: 20px;
display: inline-block;width: 23%;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
box-shadow: 1px 1px 3px #ccc;margin-top: 10px;margin-right:1%;
}
.suggest-lists .list-item .flie span.filelist{    max-width: 1150px;}
.suggest-lists .list-item .flie span.filelist p:after {
    content: "\e61a";font-family: "iconfont" !important;display: block;position: absolute;right:3px;top:3px;
    
    
}

.suggest-lists .list-item .flie input[type="file"]{display: none;}
.suggest-lists .list-item .flie img{width:28px;opacity: 0.7;}
.suggest-lists .list-item .flie:hover img{opacity: 1;}
.suggest-lists .list-item .flie span.fnt_16{
color: #969595;}
.btn_input{cursor: pointer;}
.tip_box{color: #f00;}
.selectric_wrap{width: 170px;}

.selectric_wrap .inp_wrap {

    width: 170px;
    border: 1px solid #ced6d8;
    margin-left: 0;
    cursor: pointer;
    transition: all 0.4s;border-radius: 5px;padding-right: 25px;
}
.selectric_wrap .inp_wrap.focus{
     border: 1px solid #b5c3d6;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}
    .selectric_wrap .inp_wrap a {
       width: 15px;
    height: 40px;
    background: url(../img/feedback/up.png) no-repeat center;
    background-size: 100%;
    top: 0;
    right: 10px;
    transform: rotate(
180deg
);
    transition: all 0.4s;
    }
    .selectric_wrap .inp_wrap a.active{
        transform: rotate(0);
    }
.selectric_wrap .inp_wrap input {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 14px;
    cursor: pointer;
    height: 40px;    border: none;color: #575D6C;
    border-radius: 5px;text-align: center;
    font-size: 14px;
}

.selectric_wrap .selectric_list {
box-sizing: border-box;
    z-index: 9999;
    display: none;
    width: 100%;
    border: 1px solid #b5c3d6;
    border-top: none;
    /*height: 180px;*/
    left: 0;
    top: 40px;
    z-index: 10;
    padding: 7px 0;
    line-height: 34px;
    background: #FAFAFA;
    color: #8A8E99;
    font-size: 14px;
    padding-right: 25px;
}
.selectric_wrap .selectric_list li:hover {

    color: #0086FE;
}
.selectric_wrap .selectric_list li {
  text-align: center;
    cursor: pointer;
 
}
.suggest-lists .list-item .input-box .tox-tinymce{
    border: 1px solid #ced6d8;
    border-radius: 5px;
    border-radius: 5px;
    max-width: 1150px;
    }

.suggest-lists .list-item .input-box .tox-tinymce *{
    border-color: #ced6d8!important;
}



.connect-content  .suggest-lists .list-item .star {
    display: -webkit-box;
    display: flex;
    width: 100%;
    /*height:34px;*/
    -webkit-box-pack: justify;
    justify-content: start;margin-right: 15px;
  
}
.connect-content  .suggest-lists .list-item .star p{
    width: 34px;
   height: 34px;
    cursor: pointer;
    margin-right:7px;
    background: url(../img/xing.png) no-repeat center;
    background-size: 100%;   
    position: relative;
}
.connect-content  .suggest-lists .list-item .star p.active{
    background: url(../img/xing1.png) no-repeat center;
    -webkit-animation:pulse1 0.8s linear ;animation: pulse1 0.8s linear ;
    
    background-size: 100%;   
}
.connect-content  .suggest-lists .list-item .star p:hover:before{
    content: "很差";
    display: block;
    width: 80px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background:#fff;
    box-shadow: 0 2px 10px rgba(144,144,144,0.5);
    font-size: 12px;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    
}
.connect-content  .suggest-lists .list-item .star p:nth-child(2):hover:before{
    content: "较差";
}
.connect-content  .suggest-lists .list-item .star p:nth-child(3):hover:before{
    content: "一般";
}
.connect-content  .suggest-lists .list-item .star p:nth-child(4):hover:before{
    content: "满意";
}
.connect-content  .suggest-lists .list-item .star p:nth-child(5):hover:before{
    content: "非常满意";
}
.connect-content  .suggest-lists .list-item .star p:hover:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top:-11px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff;
    
}
.connect-content  .suggest-lists .left_text{line-height: 38px;margin-right: 10px;}
.connect-content  .suggest-lists .fenshu{line-height: 38px;color: #ced6d8;}
.connect-content  .suggest-lists .yc{display: none;}
.connect-content  .suggest-lists .star_item{margin-bottom: 24px;}


.connect-content  .suggest-lists .link a {
    margin-right: 10px;
    width: 120px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    line-height: 40px;
    display: block;
    background-image: linear-gradient(135deg, #0068dd, #00aeee);
    background-color: #0360c3;
    color: #fff;
    border: none;
}
.connect-content  .suggest-lists .link a:after {
    transform: translateY(-1px);
    content: "";
    transition: 0.5s;
    font-family: "iconfont";
    display: inline-block;
    vertical-align: middle;
}
.connect-content  .suggest-lists .link a:hover:after {
    content: "\e683";
    transition: 0.5s;
    margin-left: 5px;
}

.connect-content  .fix_text{position: fixed;top: 45%;left: 50%;transform: translate(-50%,-50%);background: #fff;box-shadow: 0 0 10px #ccc;padding: 24px 34px;
color: #575D6C;display: none;}
.connect-content  .fix_text img{width: 27px;margin-right: 13px;}
.connect-content .fix_text img.img2{display: none;}
.connect-content .fix_text.fas img.img2{display: block;}
.connect-content .fix_text.fas img.img1{display: none;}
@media only screen  and (max-width: 1240px) {
    .feedback_banner img {
    width: 100%;
    min-height: 260px;
    object-fit: cover;
}
.connect-content .suggest-lists .list-item .label{
    display: block;margin-bottom: 18px;
}
.suggest-lists .list-item .input-box{
    display: block;width: 100%;
}


.connect-content .suggest-lists .list-item .suggest-types{overflow: hidden;display: block;width: 100%;}
}
@media only screen and (max-width: 1210px){
    body {
    width: 100%;
}
    .w1440{    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
}
@media only screen and (max-width: 600px) {
    .suggest-lists .list-item .flie span.filelist p{width: 80%;margin-right: 0;padding: 10px;}

.suggest-lists .list-item .suggest-types .types-item{margin-right: 1%;width: 24.25%;float:left ;height: 40px;line-height: 40px;}        
.suggest-lists .list-item .suggest-types .types-item:last-child{margin-right: 0;}
.tox .tox-statusbar{display: none!important;}
.suggest-lists .list-item .input-title{    height: 40px;line-height: 40px;font-size: 14px;}
.suggest-lists .list-item .flie img {
    width: 23px;
}
.selectric_wrap {
    width: 80%;
}
.selectric_wrap .inp_wrap{
    width: 100%;
}
.selectric_wrap .inp_wrap input{height: 40px;}
.selectric_wrap .inp_wrap a{height: 40px;}
.connect-content .suggest-lists .list-item .star p{width: 30px;}
.connect-content .fix_text{width: 90%;}
.connect-content .fix_text .fl:nth-child(2){width: calc(100% - 42px);}
.selectric_wrap .selectric_list{top: 40px;}
.connect-content .suggest-lists .list-item .label{margin-bottom: 10px;}
.feedback_banner{margin-top: 60px;}
.feedback_banner .text .banner-text{width: 88%;}
.connect-content .suggest-lists .star_item {
    margin-bottom: 20px;
}
.connect-content .suggest-lists .list-item .label.label-must:before{top: 3px;}
}
#contact { 
    max-width: 400px;
}
.suggest-lists .list-item .input-box .pracy {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #252b3a;
    font-size: 15px;
}
.suggest-lists .list-item .input-box .pracy input{
    margin: 3px 0px 0 10px;
    height: 13px;
    vertical-align: text-top;
}
.suggest-lists .list-item .input-box .pracy a{
 color:#2183e9;
}
.suggest-lists .list-item .input-box .pracy a:hover {
    color:#002bfe;
}
@media only screen  and (max-width:480px) {
.suggest-lists .list-item .input-box .pracy input{
    margin: 5px 0px 0 0px;
}
}