@charset "utf-8";
/* CSS Document */
body{background: url("../images_ffwt/bodybg_bot.jpg") center bottom no-repeat #82c1fc; background-size: 100% auto;}
.container{width: 1248px;}
.ls-special-body{ background: url("../images_ffwt/bodybg_top.jpg") center top no-repeat; background-size: 100% auto;}
/*logo*/
.ls-special-logo{ padding: 20px 0 0 24px;}
.ls-special-logo span{display: none;}
.ls-special-logo img{height: 60px; width: auto;}
/*头部右侧*/
.ls-special-right{ font-size: 0; text-align: right; margin: 24px 24px 0 0; line-height: 0;}
.ls-special-right li{display: inline;}
.ls-special-right li > a,.ls-special-right li.ls-user > span{display: inline-block; margin-left: 10px; position: relative; padding: 0 15px; background: rgba(255, 255, 255, 0.15); border-radius: 8px; color: #fff; transition: 0.4s all; font-size: 16px; line-height: 2;}
.ls-special-right li > a:hover,.ls-special-right li.ls-user > span:hover{ background: rgba(0, 0, 0, 0.2);}
.ls-special-right li a:hover,.ls-special-right li a{color: #fff;}
.ls-special-right li > a.old_btn,.ls-special-right li.num-wza > a{ padding-left: 37px; background-repeat: no-repeat; background-size: auto 16px;}
.ls-special-right li > a.old_btn{background-position: 16px center; background-image: url("../images-myxq/ico_old.png") !important;}
.ls-special-right li.num-wza > a{background-position: 17px center; background-image: url("../images-myxq/ico_wza.png") !important;}
/*banner*/
.ls-special-banner{ padding: 86px 0 106px 10px; text-align: left; background: url("../images_ffwt/banimg.png?v") center bottom no-repeat; background-size: auto 350px;}
.ls-special-banner li span{display: none;}
.ls-special-banner img{ height: 163px; width: auto; max-width: 100%;}
@media (min-width: 992px) and (max-width:1247px) {
    .container{width: 992px;}
    .ls-special-banner{background-size: auto 310px;}
}
@media (max-width:991px) {
    .container{width: 768px;}
    .ls-special-header{height: auto;}
    .ls-special-logo{padding: 8px 0 0 5px;}
    .ls-special-right{margin: 8px 5px 0 0;}
    .ls-special-right li > a, .ls-special-right li.ls-user > span{ font-size: 14px; padding: 0 10px;}
    .ls-special-banner{background-size: auto 220px; padding: 50px 0 60px 10px;}
    .ls-special-banner img{max-width: 90%; height: auto;}
}
@media (max-width:767px) {
    .container{width: auto;}
    .ls-special-logo img{height: 30px;}
    .ls-special-right li > a, .ls-special-right li.ls-user > span{ font-size: 12px; padding: 0 8px; margin-left: 5px;}

}

.ls-special-bigTitle{background: url("../images_ffwt/titbg1.png") center 0 no-repeat; height: 82px; line-height: 64px; text-align: center; font-size: 26px; font-weight: bold; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); color: #fff; letter-spacing: 2px;}
.ls-bg-fff{ background:url("../images_ffwt/con_bg.png") center 0 repeat-y; background-size: 100% auto;}
.ls-ffwt-bgt{ margin-top: -38px; position: relative; z-index: 1; background:url("../images_ffwt/con_bgt.png") center 0 no-repeat; height: 47px;}
.ls-ffwt-bgb{ background:url("../images_ffwt/con_bgb.png") center bottom no-repeat; height: 51px;}

.ls-special-title{background: url("../images_ffwt/con_titbg.png") center center no-repeat; height: 76px; text-align: center; position: relative; font-size: 0; line-height: 0;}
.ls-special-title:after{ display: block; content: ""; position: absolute; left: 84px; right: 84px; top: 50%; margin-top: -1px; height: 1px; background: #0063dd;}
.ls-special-title span{display: inline-block; height: 76px; line-height: 72px; font-size: 32px; font-weight: bold; color: #0063DD; background: #fff; position: relative; z-index: 1; padding: 0 19px;}
.ls-special-title span:after,.ls-special-title span:before{display: block; content:""; position: absolute; top: 50%; width: 2px; height: 13px; margin-top: -7px; background: #0063DD;}
.ls-special-title span:before{left: 0;}
.ls-special-title span:after{right: 0;}
@media (min-width: 992px) and (max-width:1247px) {
    .ls-ffwt-bgt,.ls-ffwt-bgb{ background-size: 100% auto;}
    .ls-ffwt-bgt{height: 36px;}
    .ls-ffwt-bgb{height: 40px;}
    .ls-special-title{background-size: 100% 100%;}
    .ls-special-bigTitle{background-size: 954px 100%;}
    .ls-special-title{height: auto;}
    .ls-special-title span{height: 66px; line-height: 62px;}
}
@media (max-width:991px) {
    .ls-ffwt-bgt,.ls-ffwt-bgb{ background-size: 100% auto;}
    .ls-ffwt-bgt{height: 29px;}
    .ls-ffwt-bgb{height: 31px;}
    .ls-special-title{background-size: 100% 100%;}
    .ls-special-bigTitle{border-radius: 16px 16px 0 0; background: linear-gradient(270.00deg, rgb(85, 131, 255),rgb(61, 145, 255) 20.519%,rgb(16, 228, 233) 100%); margin: 0 15px; border: 1px rgba(255, 255, 255, 0.5) solid;}
    .ls-special-title{height: auto;}
    .ls-special-title span{height: 50px; line-height: 50px;}
}
@media (max-width:767px) {
    .ls-ffwt-bgt,.ls-ffwt-bgb{display: none;}
    .ls-special-bigTitle{ height: auto; padding: 10px 10px 20px; line-height: 1.5; font-size: 24px; margin: 0 10px;}
    .ls-special-title{background: none;}
    .ls-special-title{height: auto;}
    .ls-special-title:after{left: 10px; right: 10px; background: #fff;}
    .ls-special-title span{height: 60px; line-height: 60px; font-size: 24px; background: #82c1fc; color: #fff;}
    .ls-special-title span:after,.ls-special-title span:before{background: #fff;}
    .ls-bg-fff{border-radius: 8px; position: relative; z-index: 10; background: rgb(255, 255, 255); margin: 0 10px; box-shadow: 0px 2px 24px 0px rgba(0, 101, 223, 0.8);}
}

/*描述*/
.ls-special-introduction{padding: 13px 84px 39px; font-size: 18px; line-height: 2.3; text-align: justify;}

@media (max-width:991px) {
    .ls-special-introduction{padding: 22px 40px 15px; font-size: 16px;}
}
@media (max-width:767px) {
    .ls-special-introduction{padding: 12px 15px; font-size: 16px; line-height: 2; margin-top: -10px;}
}
/*表单*/


.ls-special-formBox{ padding: 0 84px 60px;}
.ls-collect-form li { height: auto; margin-bottom: 16px;}
.ls-collect-form li.clear{ margin: 0; height: 0; line-height: 0;}
.ls-collect-form li.full{clear: both;}
.ls-collect-form li p {position: relative; margin: 0;}
.ls-collect-form li p.poll_txt, .ls-collect-form li p.poll_con { float: none; width: auto; text-align: left; line-height: 42px; padding-bottom: 12px; font-size: 20px; }
.ls-collect-form li p.poll_input{max-width: 100%;}

.ls-collect-form li p.poll_input, .ls-collect-form li p.poll_yzm { height: 46px;margin-left:0;}
.ls-collect-form li p input {box-sizing: border-box; border: 1px solid #eee; padding: 0 16px; border-radius: 4px; background: #fff; width: 100%; height: 44px; line-height:44px; font-size: 16px; transition: 0.4s all;}
.ls-collect-form li p input::-webkit-input-placeholder{color:#999;}
.ls-collect-form li p input:-moz-placeholder{color:#999;}
.ls-collect-form li p input:-ms-input-placeholder{color:#999;}
.ls-collect-form li p.poll_con{height:auto;}
.ls-collect-form li p.poll-select select{position:relative;z-index:2;width:100%;height: 46px;line-height: 46px;box-sizing: border-box; border: 1px solid #eee; padding: 0 60px 0 16px; color:#999; border-radius: 4px;vertical-align: top;  background:none; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size: 16px; transition: 0.4s all;}
.ls-collect-form li p.poll-select select option {height: 38px;line-height: 38px;}
.ls-collect-form li p.poll-select:before{content:''; position: absolute; z-index:1;right: 4px;top: 50%;margin-top: -15px;width:60px;height:30px;background: url("../images_ffwt/arrow.png") center center no-repeat; background-size: auto 10px; cursor: pointer; overflow: hidden;transition: all .3s;-webkit-transition: all .3s;}
.ls-collect-form li p.poll_conts {margin-left: 0; position: relative;}
.ls-collect-form li p.poll_conts textarea {width: 100%; border: 1px solid #eee; border-radius: 4px; padding: 8px 17px 40px; background: #fff; line-height: 2; height: 198px; box-sizing: border-box; outline: none; color:#999; transition: 0.4s all; font-size: 16px;}
.ls-collect-form li p.poll_conts .tips {position: absolute; z-index: 1; right: 20px; line-height: 1; font-size: 16px; bottom: 14px; color: #999;}
.ls-collect-form li p.poll_conts .tips i{ font-style: normal; color: #1671e0;}
.ls-collect-form li p.poll_label{line-height: 28px; font-size: 18px; padding-top: 10px;}
.ls-collect-form li p.poll_label label{margin-right: 40px;}
.ls-collect-form li p.poll_label input{ display: inline-block; vertical-align: -0.25em; width: 20px; margin-right: 10px; height: 20px;}
.ls-collect-form li p input:focus,.ls-collect-form li p.poll-select select:focus,.ls-collect-form li p.poll_conts textarea:focus{ border: 1px solid #0f5aa5; outline: 0 none !important; box-shadow: 0 0 8px rgba(15, 90, 165, 0.2);}

.ls-collect-form li.ss3,.ls-collect-form li.ss2{width: 500px; float: left;}
.ls-collect-form li.ss2{float: right;}

.ls-collect-form li.li_upload{height: auto;}
.ls-collect-form li.li_upload p.poll_input{height: auto;}
.ls-collect-form li.li_upload p.poll_input button{ height: 38px; line-height: 38px; font-size: 18px; padding: 0 20px; border-radius: 38px; background: #0f5aa5; color: #fff; border: 0 none;}
.ls-collect-form li.li_upload p.poll_input .tips{ font-size: 16px; color: #666; line-height: 38px; padding-left: 10px;}
.ls-collect-form li.li_upload p.poll_input .file-list{ font-size: 16px; display:block;}
.ls-collect-form li.li_upload p.poll_input .file-list .btn-file-delete{color: #999; margin-left: 5px; cursor: pointer;}
.ls-collect-form li.li_upload p.poll_input .file-list ..ls-special-bannerbtn-file-delete:hover{color: #d00;}


.ls-collect-form .poll_area {height: auto;}
.ls-collect-form li p.poll_yzm input {width: 248px;float: left;}
.ls-collect-form li p.poll_yzm img {float: left; margin-left:10px; vertical-align: middle; height: 48px; width: auto;}
.ls-collect-form li p.poll_yzm .ttinfo{ margin-left: 14px; float: left; line-height: 48px;color: #E83652; font-size: 18px;}
.ls-collect-form li.btn-group { text-align: center;height: 42px; margin-top: 50px;}
.ls-collect-form li.btn-group input {float: none;border-radius: 24px; height: 42px; line-height: 42px; background:#0063dd; color: #ffffff;font-size:20px;text-align: center;cursor: pointer;border: 0;width: 250px; padding: 0; letter-spacing: 10px;}
.ls-collect-form li p textarea::-webkit-input-placeholder{color:#999;}
.ls-collect-form li p textarea:-moz-placeholder{color:#999;}
.ls-collect-form li p textarea:-ms-input-placeholder{color:#999;}
.ls-collect-form li p.poll_yzm .msg-box{position: absolute;left:0; }

.ls-collect-form li .poll-select-half{ width: 500px;}


/*意见*/
.collection-theme-list { background:#fff; border-radius:24px;padding:20px 30px; margin-bottom:30px;}
.collection-theme-list ul li .collection-body {border-top: #dddddd 1px dotted;padding: 10px 0;font-size: 16px;line-height: 1.875;}
.collection-theme-list ul li .collection-body .collection-username {color: #e60012;}
.collection-theme-list ul li .collection-body .collection-info {color: #555555;word-break: break-all;word-wrap: break-word;}
.collection-theme-list ul li .collection-body .collection-datetime {color: #999999;}
.collectit {font-size: 20px;color: rgb(15, 90, 165);font-weight: bold;height: 60px;line-height: 60px; }
@media (min-width: 992px) and (max-width:1247px) {
    .ls-collect-form li p.poll_txt, .ls-collect-form li p.poll_con,.ls-collect-form li p.poll_yzm .ttinfo{font-size: 16px;}
    .ls-collect-form li.ss3,.ls-collect-form li.ss2{width: 390px;}
    .ls-collect-form li .poll-select-half{width: 390px;}
}
@media (max-width:991px) {
    .ls-special-formBox{ padding: 0 40px 30px;}
    .ls-special-formBox .title h2{ padding: 0 20px; font-size: 26px;}
    .ls-collect-form{padding: 10px 0 0;}
    .ls-collect-form li p.poll_txt, .ls-collect-form li p.poll_con,.ls-collect-form li.ss2 p.poll_txt,.ls-collect-form li p.poll_label{font-size: 16px;}
    .ls-collect-form li p.poll_input{max-width: 100%;}
    .ls-collect-form li.ss1,.ls-collect-form li.ss3,.ls-collect-form li.ss2{width:auto; float: none;}
    .ls-collect-form li p.poll-select select,.ls-collect-form li p input,.ls-collect-form li p.poll_conts textarea{font-size: 14px;}
    .ls-collect-form li p.poll_conts textarea{padding: 10px 10px 30px; height: 112px;}
    .ls-collect-form li p.poll_conts .tips{font-size: 14px; bottom: 8px; right: 12px;}
    .ls-collect-form li p.poll_con{height: auto;}
    .ls-collect-form li.btn-group{margin-top: 20px;}
    .ls-collect-form li.btn-group input{font-size: 18px; letter-spacing: 0;}
    .ls-collect-form li .poll-select-half{width: auto; float: none !important;}
    .ls-collect-form li .poll-select-half.fr{ margin-top: 10px;}
    /*意见*/
    .collection-theme-list {  padding:20px; margin-bottom:20px;}
}
@media (max-width:767px) {
    .ls-special-formBox {padding: 0 10px 20px;margin-bottom:10px;}
    .ls-special-formBox .title h2{ padding: 0 10px; font-size: 24px;}
    .ls-collect-form li{margin-bottom: 0;}
    .ls-collect-form li p.poll_txt, .ls-collect-form li p.poll_con,.ls-collect-form li p.poll_label, .ls-collect-form li.ss2 p.poll_txt,.ls-collect-form li p.poll_yzm .ttinfo{padding-bottom: 0; font-size: 14px;}
    .ls-collect-form li p.poll_yzm input{width: 160px;}
    .ls-collect-form li p.poll_conts textarea{line-height: 1.6;}
    .ls-collect-form li p.poll_label{padding-top: 0;}
    .ls-collect-form li p.poll_label input{width: auto; height: auto; margin-right: 0; vertical-align: middle;}
    .ls-collect-form li p.poll_label label{margin-right: 1em;}
    .ls-collect-form li.btn-group input{width: auto; padding: 0 30px;}
    /*意见*/
    .collection-theme-list {  padding:10px; margin-bottom:15px;}
}
@media (max-width:580px) {
    .ls-collect-form li{height: auto !important; margin-top: 0;}
    .ls-collect-form li p.poll_txt, .ls-collect-form li p.poll_con, .ls-collect-form li.ss2 p.poll_txt{float: none; width: auto; text-align: left; padding-right: 0; line-height:2.4;}
    .ls-collect-form li p.poll_input, .ls-collect-form li p.poll_yzm,.ls-collect-form li p.poll_conts{margin-left:0;}
    .ls-collect-form li p.poll_yzm input{width: 100px;}
    .ls-collect-form li p.poll_yzm img{height: 30px; margin-top: 4px;}
}
@media (max-width:400px) {
    .ls-xc-title p{ font-size:26px; }
    .ls-collect-form li.btn-group input{ width: 150px;}
}

/*底部*/
.footbg{border: 0 none;}
.foot_nav{display: none;}
.footbg .foot-con{text-align: left; line-height: 2; font-size: 16px; color: #fff;}
.footbg .foot-con a{color: #fff;}
.footbg .foot-con a:hover{color: #fff; font-weight: bold;}
.footbg .oldico{right:40px; top: 40px; position: absolute; display: block;}
.footbg .dzico{ left: auto; right: 267px; top: 28px;}
.footbg .jcico{right: 160px;}
@media (min-width: 992px) and (max-width:1279px) {
    .footbg .foot-con{text-align: center;}
    .footbg .oldico,.footbg .dzico,.footbg .jcico{ display: inline; position: static;}

}

@media (max-width:991px) {
    .footbg .foot-con{ font-size: 14px;text-align: center;}
    .footbg .oldico{ position: static; display: inline;}
}