.n-panel{ padding-left: 0; background-size: cover;background-position: center; background-repeat: no-repeat}
.n-panel .panel-heading{background: #fff}
.n-panel .panel-title > a.collapsed{color: #666464;}
.n-panel .panel-title > a{ height: 45px;line-height: 1.6em; position: relative;  color: #333333; padding: 0 22px;  }
.n-panel .panel-title > a h5{width: 100%; height: 100%;line-height: 1.6em; padding-right: 90px;display: flex; align-items: center; white-space: initial; font-size: 16px;overflow: initial }
.n-panel .panel-title > a h5>span{display: inline-block;vertical-align: middle;}
.n-panel .panel-title > a h5>span:nth-child(1){width: calc(100% - 100px);  }
.n-panel .panel-title > a h5>span:nth-child(2){font-size: 14px; width: 100px;text-align: center}
.n-panel .panel-title > a h5>span i{margin-right: 10px;}
.n-panel .panel-title > a >div{ width: 90px;height: 45px; position: absolute;top:0;right: 0px;background: #53a6fd}
.n-panel .panel-title > a >div span{font-size: 14px;display: none}
.n-panel .panel-title > a >div span:nth-child(1){display: inline-block}
.n-panel .panel-title > a >div i{display: inline-block;transform:rotate(0deg);}
.n-panel .panel-title > a >div > div{width: 100%;height: 100%;position: relative;}
.n-panel .panel-title > a.collapsed >div span:nth-child(2){display: inline-block}
.n-panel .panel-title > a.collapsed >div span:nth-child(1){display: none;}
.n-panel .panel-title > a.collapsed >div i{display: inline-block;transform:rotate(90deg);}
.n-panel .panel-title > a.collapsed { }
.n-panel .panel-title > a.collapsed >div{ }
.n-panel .panel-title > a >div > div span{width: 36px; height: 2px ; display: block; background: #fff;
    position: absolute;top: 50%; left: 50%;margin-left: -18px; margin-top: -1px;}
.n-panel .panel-title > a >h5 span:nth-child(5):after{content: '-';font-size: 30px;}
/*.n-panel .panel-title > a >h5 span:nth-child(5):before{content: '+';font-size: 30px;display: none}*/
/*.n-panel .panel-title > a >div > div span:nth-child(2){transform: rotateZ(0)}*/
/*.n-panel .panel-title > a.collapsed >div > div span:nth-child(2){transform: rotateZ(90deg)}*/
.n-panel .panel-title > a.collapsed  >h5 span:nth-child(5):after{content: '+'; }
.n-panel .panel-body{padding: 20px 30px ; background: #f6f6f6;color: #666}

.n-zp1-list{margin-top: 40px;}
.n-zp1-list  .panel-default{border-bottom: 1px solid #dfdfdf}
.n-zp1-list .n-panel .panel-title > a h5{padding-right: 30px}
.n-zp1-list .n-panel .panel-title > a >div{width: 30px;}
.n-zp1-list .n-panel .panel-title > a h5>span{width: 20%;text-align: center}
.n-zp1-list .n-panel  .panel-body .panel-body-title{margin-top: 20px;}
.n-zp1-list .n-panel  .panel-body .panel-body-title h5{color: #000;font-size: 16px}
.n-zp1-list .n-panel  .panel-body p{line-height: 1.8em;}
.panel-dow{margin-top: 40px;}
.panel-dow a{display: inline-block;  margin-right: 10px; width: 120px; height: 34px; line-height: 34px;text-align: center;font-weight: bold;color: #fff;background: #68b6ee}
.panel-dow a span{width: 100%;height: 100%;}

@media (max-width:767px){
    .n-zp1-list .n-panel .panel-title > a h5{padding-right: 0}
    .n-zp1-list .n-panel .panel-title > a h5>span{width: 24%;font-size: 14px;}
    .n-zp1-list .n-panel .panel-title > a h5>span:nth-child(5){width: 4%}
    .n-panel .panel-body{padding: 16px;}
}