.support{padding: 50px 0;}
.support .container{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.support .support-list{width: 70%;padding:0 30px 0 0 ;}
.support .support-info{width: 30%;background-color: #fff;padding: 30px;}
.support .support-info .img{}
.support .support-info .img img{width: 100%;max-width: 360px;}
.support .support-info .title{padding: 30px 0 0 0;border-bottom: 1px solid #eee;}
.support .support-info .title h3{font-weight: 600;color: #88878c;font-size: 18px;margin: 0 0 10px 0;}
.support .support-info .title p{font-size: 14px;color: #9c9c9c;line-height: 22px;margin-bottom: 20px;}
.support .support-info .info{padding: 20px 0;width: 100%;max-width: 360px;}
.support .support-info .info p{font-size: 14px;color: #9c9c9c;line-height: 22px;margin-bottom: 20px;}
.support .support-info .info span{font-family:'Montserrat-Regular';}
.support .support-info .info img{}


.support .zixun{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    align-items: center;
    margin: 30px 0
}
.support .zixun .img{width: 40%;padding-right: 4%;}
.support .zixun .img img{border-radius: 50%;width: 350px;
    -webkit-box-shadow: 5px 10px 30px rgba(0,0,0,0.1);
    box-shadow: 5px 10px 30px rgba(0,0,0,0.1);}

.support .support-text{width: 62%;padding-left: 4%;}
.support .support-text h4{font-size: 25px;color: #444;position: relative;padding: 30px 0 10px 0;font-family: Montserrat-Regular,"Microsoft Yahei";text-transform: uppercase}
.support .support-text h4:after{
    content: '';
    position: absolute;
    left: 0; top:10px;
    width: 30px;height: 6px;background-color: #ffa200;border-radius: 4px;
}
.support .support-text p{font-size: 16px;line-height: 30px;color: #888;padding: 0 0 20px 0}
.support .support-text i{font-size: 2.5rem;margin-right: 10px;}
.support .support-text span{
    display:inline-block;
    padding: 10px 20px;
    border-radius: 25px;
    background-color:#43aa48;
    color: #fff;
    font-family: Montserrat-Regular;
    font-size: 18px;
    margin: 15px 0 0 0;
    -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,0.1);
    box-shadow: 1px 5px 10px rgba(0,0,0,0.1);}
}
.support .support-text b{font-size: 16px;}


.feedback{}
.feedback .feedback-text{margin-bottom: 30px;}
.feedback .feedback-text p{font-size: 16px;letter-spacing: 1px;color: #666;line-height: 22px;}
.feedback .feedback-text p i{font-size: 3.2rem;color: #ffa200;}
.feedback .feedback-form{}
.feedback .feedback-form .form{padding:30px 0 50px 0; width: 60%;}
.feedback .feedback-form .form label{display: block;width: 100%;margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.feedback .feedback-form .form input[type="text"],.sub-contact .sub-contact-message .form input[type="tel"]{
    height: 40px;border: none;font-size: 14px;font-weight: 200;text-indent: 10px;border:1px solid #eaeaea;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.06);
}
.feedback .feedback-form .form textarea{width: 100%;height: 100px;border: none;font-size: 14px;font-weight: 200;text-indent: 10px;border:1px solid #eaeaea;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.06);
    line-height: 30px;
}
.feedback .feedback-form .form input[type="button"]{
    border:1px solid #fff;text-align: center;background-color: #fff;line-height: 35px;width: 120px;font-weight:100;color: #fff;font-size: 16px;
    margin-right: 20px;background-color: #5970d6;
}
.feedback .feedback-form .form input[type="reset"]{
    border:1px #fff;text-align: center;background-color: #fff;line-height: 35px;width: 120px;font-weight:100;color: #fff;font-size: 16px;
    background-color:  #ffa200;
}
.feedback .feedback-form .img{width: 40%;text-align: right;margin-left: 10%;}
.feedback .feedback-form .img img{
    border-radius: 50%;width: 350px;
    -webkit-box-shadow: 5px 10px 30px rgba(0,0,0,0.1);
    box-shadow: 5px 10px 30px rgba(0,0,0,0.1);
}



/*download*/
.support .download{padding: 0;margin: 0;}
.support .download .downlist{}
.support .download .downlist li{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    align-items: center;
    padding: 10px 20px;
    margin: 0 0 10px 0;
    background-color: #fff;}
.support .download .downlist li:hover{
    -webkit-box-shadow: 5px 10px 30px rgba(0,0,0,0.05);
    box-shadow: 5px 10px 30px rgba(0,0,0,0.05);
}
.support .download .downlist li:last-child{
    border-bottom:none;
}
.support .download .downlist li .info{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    -ms-justify-content:flex-start;
    -o-justify-content:flex-start;
    justify-content:flex-start;
}
.support .download .downlist li .info i{font-size:2.5rem;color: #999;}
.support .download .downlist li .info .txt{padding: 0 0 0 20px;}
.support .download .downlist li .info .txt .title{font-size: 14px;color: #333;line-height:22px;font-weight: 600;}
.support .download .downlist li .info .txt p{font-size:12px;color: #999;line-height: 22px;font-weight: 300; }
.support .download .downlist li .info .txt p span{padding: 0 10px 0 0}
.support .download .downlist li a{display: block;}
.support .download .downlist li a span{display: inline-block; padding: 0px 10px; width: 100px;line-height: 30px;background-color: #f16723;text-align: center;font-size: 14px;border-radius:4px;color: #fff;}
.support .download .downlist li a span:hover{
    -webkit-box-shadow: 0 0 20px rgba(241,103,35,0.6);
    box-shadow: 0 0 20px rgba(241,103,35,0.6);
    border-radius: 25px;}


/*faq*/
.support .faq{padding: 0;margin: 0;}
.support .faq .faqlist{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    margin: 0 0 50px 0 ;
}
.support .faq .faqlist li{width: 100%;margin-bottom:30px;}
.support .faq .faqlist li a{display: block;background-color: #fff;padding: 20px;position: relative;}
.support .faq .faqlist li a:after{
    content: '';
    position: absolute;left: 0;top:28px;
    width: 6px;height: 22px;background-color: #f16723;
}

.support .faq .faqlist li a .title{font-size: 20px;color: #333;line-height: 35px;border-bottom: 1px solid #eee;margin-bottom: 10px;}
.support .faq .faqlist li a p{font-size:14px;line-height: 24px;color: #888;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.support .faq .faqlist li a .info{background-color: rgba(0,0,0,0.03);padding: 4px;text-align: right;}
.support .faq .faqlist li span{color: #999;font-size: 14px;}
.support .faq .faqlist li span i{color: #999;font-size: 1.6rem;margin-left: 10px;}
.support .faq .faqlist li a:hover{text-decoration: none;
    -webkit-box-shadow: 5px 10px 30px rgba(0,0,0,0.05);
    box-shadow: 5px 10px 30px rgba(0,0,0,0.05);
.support .faq .faqlist li a:hover .title{color: #f16723;}