.appeal-container {
    width: 100%;
    /* display: flex;
    justify-content: space-between; */
    
}

.appeal-tit {
    width: 100%;
    font-size: 20px;
    color: #1B1B1B;
    line-height: 20px;
    margin: 22px 0;
    padding-left: 7px;
    position: relative
}

.appeal-tit::after {
    content: "";
    display: block;
    width: 3px;
    height: 18px;
    background: #324ED5;
    position: absolute;
    left: 0;
    top: 1px
}

.appeal-l {
    width: 1300px;
    background: #fff;
    position: relative;
    margin: 0 auto;
}
.appeal-l .appeal-form {
    width: 100%;
    margin: 0 auto;
    padding: 20px 56px 0;
    height: 521px;
}

.appeal-l .appeal-types {
    width: 100%;
    height: 120px;
    padding: 15px 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.appeal-l .appeal-types .appeal-type-item {
    width: 211px;
    height: 102px;
    /* border: 1px solid #e3e3e3; */
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.11);
    border-radius: 10px;
}
.appeal-l .appeal-types .appeal-type-item .appeal-type-txt{
    margin-left: 37px;
    font-size: 24px;
    color: #000000;
}
.appeal-l .appeal-types .appeal-type-item img{
    width: 63px;
    height: 63px;
}
.appeal-l .appeal-types .appeal-type-item .appeal-type-icon {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.appeal-l .appeal-types .appeal-type-item .appeal-type-icon img {
    width: auto;
    height: 26px
}

.appeal-l .appeal-types .appeal-type-item p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 6px
}

.appeal-l .appeal-types .appeal-type-item .appeal-type-select {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: none;
    border-bottom-right-radius: 8px;
}

.appeal-l .appeal-types .appeal-type-item .appeal-type-select::after {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border: 40px transparent solid;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-color: #324ED5;
    position: absolute;
    top: 0;
    left: 0
}

.appeal-l .appeal-types .appeal-type-item .appeal-type-select span {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 9
}

.appeal-l .appeal-types .appeal-type-item .appeal-type-select span:after,
.appeal-l .appeal-types .appeal-type-item .appeal-type-select span:before {
    content: '';
    height: 20px;
    width: 3px;
    display: block;
    background: #fff;
    position: absolute;
    top: 19px;
    left: 29px;
    border-radius: 10px;
    transform: rotate(45deg);
}

.appeal-l .appeal-types .appeal-type-item .appeal-type-select span:before {
    height: 10px;
    transform: rotate(-45deg);
    top: 27px;
    left: 19px;
}
.appeal-l .appeal-types .appeal-type-item .icon_active{
    display: none;
}
.appeal-l .appeal-types .appeal-type-item .icon_none{
    display: block;
}
.appeal-l .appeal-types .appeal-type-item.cur {
    border: 2px solid #1478F0;
}
.appeal-l .appeal-types .appeal-type-item.cur .appeal-type-txt{
    color: #1478F0;
    font-weight: bold;
}
.appeal-l .appeal-types .appeal-type-item.cur .appeal-type-select {
    display: block
}
.appeal-l .appeal-types .appeal-type-item.cur .icon_active{
    display: block;
}
.appeal-l .appeal-types .appeal-type-item.cur .icon_none{
    display: none;
}
.appeal-l .appeal-info {
    width: 100%;
    margin: 10px 0 0
}

.appeal-l .appeal-info .appeal-info-panel {
    width: 100%;
    margin-bottom: 15px;
    display: flex
}

.appeal-l .appeal-info .appeal-info-panel .appeal-info-label {
    width: 100px;
    text-align: right;
    margin-right: 15px;
    line-height: 36px;
    color: #595961;
}

.appeal-l .appeal-info .appeal-info-panel .appeal-info-label span {
    color: red
}

.appeal-l .appeal-info .appeal-info-panel .appeal-info-input {
    flex: 1
}

.appeal-l .appeal-info .appeal-info-panel .appeal-info-input input {
    width: 100%;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding: 0 10px;
    box-sizing: border-box
}

.appeal-l .appeal-info .appeal-info-panel .appeal-info-input textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding: 5px 10px;
    resize: none
}

.appeal-l .appeal-info .appeal-info-panel .appeal-info-input button {
    width: 100px;
    height: 32px;
    text-align: center;
    color: #fff;
    background-color: #0972db;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    cursor: pointer
}

.appeal-l .appeal-cominfo {
    width: 100%;
    min-height: 402px;
    /* background-color: #fff; */
    margin-top: 18px;
    padding: 20px 56px 30px
}

.appeal-l .appeal-cominfo .appeal-info-panel {
    margin-top: 25px
}

.appeal-l .appeal-sub {
    width: 259px;
    height: 47px;
    background: #1478F0;
    box-shadow: 0px 2px 9px 0px rgba(166,26,3,0.4);
    border-radius: 4px;
    font-size: 20px;
    color: #FDFDFF;
    text-align: center;
    line-height: 47px;
    display: block;
    margin: 60px auto;
}

.appeal-l.demand-l {
    width: 1200px
}

.appeal-l .demand-type {
    height: auto;
    padding-bottom: 30px
}

.appeal-l .demand-type .appeal-info-input {
    margin-right: 20px
}

.appeal-r {
    width: 381px
}

.appeal-r .appeal-sjgk {
    width: 100%;
    height: 200px;
    background-color: #fff;
    padding: 15px 10px
}

.appeal-r .appeal-sjgk .appeal-sjgk-m {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center
}

.appeal-r .appeal-sjgk .appeal-sjgk-m .appeal-sjgk-item {
    flex: 1;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    flex-direction: column
}

.appeal-r .appeal-sjgk .appeal-sjgk-m .appeal-sjgk-item h1 {
    font-size: 32px
}

.appeal-r .appeal-sjgk .appeal-sjgk-m .appeal-sjgk-item p {
    font-size: 14px;
    color: #8e8e93
}

.appeal-r .appeal-sjgk .appeal-sjgk-m .appeal-sjgk-item:nth-of-type(1) h1 {
    color: #40ca62
}

.appeal-r .appeal-sjgk .appeal-sjgk-m .appeal-sjgk-item:nth-of-type(2) h1 {
    color: #f80
}

.appeal-r .appeal-sjgk .appeal-sjgk-m .appeal-sjgk-item:nth-of-type(3) h1 {
    color: #666
}

.appeal-r .appeal-r-tit .appeal-r-titr {
    font-size: 14px;
    color: #999
}

.appeal-r .appeal-r-tit .appeal-r-titr a {
    width: 22px;
    height: 22px;
    margin-right: 10px
}

.appeal-r .appeal-r-tit .appeal-r-titr a img {
    width: 100%;
    height: 100%
}

.appeal-pro {
    width: 100%;
    height: 455px;
    background-color: #fff;
    margin-top: 20px;
    padding: 15px 10px
}

.appeal-pro .appeal-pro-m {
    width: 100%;
    height: 245px;
    padding: 20px 15px 0;
    position: relative
}

.appeal-pro .appeal-pro-m::after {
    content: "";
    display: block;
    width: 2px;
    height: 280px;
    background-color: #eaeaea;
    left: 20px;
    top: 24px;
    position: absolute
}

.appeal-pro .appeal-pro-m .appeal-pro-item {
    width: 100%;
    display: flex;
    height: 70px;
    position: relative;
    z-index: 9
}

.appeal-pro .appeal-pro-m .appeal-pro-item .appeal-pro-round {
    border: 2px solid #268eff;
    background-color: #268eff;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin-top: 4px
}

.appeal-pro .appeal-pro-m .appeal-pro-item .appeal-pro-mid {
    flex: 1;
    margin: 0 20px
}

.appeal-pro .appeal-pro-m .appeal-pro-item .appeal-pro-mid h3 {
    font-size: 14px;
    color: #333;
    line-height: 14px
}

.appeal-pro .appeal-pro-m .appeal-pro-item .appeal-pro-mid p {
    font-size: 14px;
    color: #aaa;
    margin-top: 5px
}

.appeal-pro .appeal-pro-m .appeal-pro-item .appeal-pro-num {
    font-size: 30px;
    color: #c7c7cc;
    font-family: SourceHanSansSC-regular;
    font-style: oblique
}

.appeal-pro .appeal-pro-m .appeal-pro-item:nth-of-type(1) .appeal-pro-num {
    opacity: 1
}

.appeal-pro .appeal-pro-m .appeal-pro-item:nth-of-type(2) .appeal-pro-num {
    opacity: .8
}

.appeal-pro .appeal-pro-m .appeal-pro-item:nth-of-type(3) .appeal-pro-num {
    opacity: .6
}

.appeal-pro .appeal-pro-m .appeal-pro-item:nth-of-type(4) .appeal-pro-num {
    opacity: .4
}

.appeal-pro .appeal-pro-m .appeal-pro-item:nth-of-type(5) .appeal-pro-num {
    opacity: .3
}

.demand-r {
    width: 100%;
    background: #fff;
    border-top-left-radius: 40%;
    border-top-right-radius: 40%;
}

.demand-r .helped {
    width: 100%;
    min-width: 1200px;
    height: 853px;
    box-sizing: border-box;
    padding: 50px 20px 0;
    background: url(../img/ptbz_bg.png) no-repeat;
    background-size: 100% 833px;
    margin-top: 105px;
}

.demand-r .helped .helped-table {
    width: 1200px;
    margin: 16px auto 0;
}

.demand-r .helped .helped-table .helped-th {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    background-color: #fff3eb;
    font-size: 14px;
    color: #6a6a6a
}

.demand-r .helped .helped-table .helped-th span {
    flex: 1;
    text-align: center
}
.demand-r .helped .helped-list{
    display: flex;
    flex-wrap: wrap;
}
.demand-r .helped .helped-table .helped-tr {
    width: 50%;
    font-size: 14px;
    color: #414141;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    padding: 26px 46px;
    margin-top: 30px;
}

.demand-r .helped .helped-table .helped-tr span {
    color: #5180FD;
}
.demand-r .helped .helped-table .helped-tr:nth-child(1){
    width: 358px;
}
.demand-r .helped .helped-table .helped-tr:nth-child(2){
    width: 475px;
    margin-left: 88px;
}
.demand-r .helped .helped-table .helped-tr:nth-child(3){
    width: 423px;
    margin-left: 123px;
}
.demand-r .helped .helped-table .helped-tr:nth-child(4){
    width: 552px;
    margin-left: 114px;
}
.demand-r .helped .helped-table .helped-tr:nth-child(5){
    width: 495px;
}
.demand-r .helped .helped-table .helped-tr:nth-child(6){
    width: 552px;
    margin-left: 28px;
}
.demand-r .helped .helped-table .helped-tr:nth-child(7){
    width: 552px;
    margin-left: 209px;
}
.demand-r .helped .helped-table .helped-tr:nth-child(8){
    width: 391px;
    margin-left: 52px;
}
.demand-r .helped .helped-table .helped-tr:nth-last-of-type(1) {
    border-bottom: 0
}

.demand-r .demand-r-tit {
    width: 100%;
    display: flex;
    height: 40px;
    align-items: center;
    color: #1d1d1d;
    font-size: 20px
}

.demand-r .demand-r-tit img {
    width: 27px;
    height: auto;
    display: block;
    margin-right: 17px
}

.demand-r .appeal-pro {
    padding: 20px
}
.zc-contair .main-r-panel-t {
    width: 100%;
    min-width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    /* margin-top: 60px;
    margin-bottom: 60px; */
    height: 120px;
    line-height: 120px;
    z-index: 9;
}

.zc-contair .main-r-knbf .main-r-panel-t{
    margin-bottom: 70px;
}
.zc-contair .main-r-panel-t .main-r-panel-tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.zc-contair .main-r-panel-t .main-r-panel-tit .p-bg{
    text-transform: uppercase;
    font-weight: bold;
    color: transparent;
    background: linear-gradient(to bottom, rgba(254, 254, 254, 1),rgba(254, 254, 254, 0.2)); 
    -webkit-background-clip: text;
    font-size: 70px;
    text-align: center;
    width: 100%;
}
.helped .zc-contair .main-r-panel-t .main-r-panel-tit .p-bg{
    color: transparent;
    background: linear-gradient(to bottom, rgba(254, 254, 254, 0.22),rgba(254, 254, 254, 0.1),rgba(254, 254, 254, 0)); 
    -webkit-background-clip: text;
}
.helped .zc-contair .main-r-panel-t .main-r-panel-tit .p-title{
    color: #fff;
}
.zc-contair .main-r-panel-t .main-r-panel-tit .p-title {
    font-size: 40px;
    color: #323232;
    margin-left: 8px;
    position: absolute;
    font-family: 'FZLanTingHei-B-GBK';
    font-weight: 600;
}
.zc-contair .main-r-panel-t .main-r-panel-tit .main-r-panel-tit-s {
    color: #324ED5;
}
.zc-contair .main-r-panel-t .main-r-panel-tit .main-r-panel-tit-help {
    color: #FFD10A;
}
.direct-tab{
    display: flex;
    align-items: center;
    width: 1200px;
    margin: 40px auto 20px;
}
.direct-tab .pn-l-nav{
    width: 141px;
    height: 42px;
    background: #EFEFEF;
    border-radius: 21px;
    font-size: 20px;
    text-align: center;
    line-height: 42px;
    color: #8B8A8A;
    margin-left: 52px;
}
.direct-tab  .cur{
    background: linear-gradient(84deg, #315FED 0%, #6CA9FE 100%);
    box-shadow: 0px 14px 14px 2px rgba(101,161,252,0.46);
    color: #fff;
}
.direct-tab .pn-l-nav:first-child{
    margin-left: 0;
}
#demand-box{
    display: none;
}
#demand-banner{
    display: none;
}