@charset "utf-8";
html{
    margin-bottom: constant(safe-area-inset-bottom) !important;
    padding-bottom: constant(safe-area-inset-bottom) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;    
}
*{
    box-sizing: border-box;

}
body {
    padding: 0 !important;
    /* position: absolute; */
    width: 100%;
    box-sizing: border-box;
    margin-bottom: env(safe-area-inset-bottom) !important; 
}
body,
p,
h1,
h2,
h3,
h4,
h5,
img,
ul,
li,
table,
dl,
dd,
dt,
button {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: "Microsoft YaHei", "微软雅黑", Tahoma, Helvetica;
}
button {
    outline: none;
}

hr {
    border-top: 1px solid #d0d0d0;
}
.linkp {
    font-size: 14px;
    line-height: 20px !important;
    /*margin: 0 0 10px;*/
}
.linkp a {
    color: #1857ff !important;
    text-decoration: underline;
}
a:hover {
    text-decoration: none !important;
}
#navBar {
    width: 100%;
    z-index: 999;
    margin-bottom: 0px !important;
}
.xiang img {
    width: 100%;
}
.nav-collapse {
    width: 24%;
    text-align: center;
    top: 70px;
    right: 0px;
    position: absolute;
    z-index: 999;
    background-color: #f8f8f8;
    display: none;
}
img {
    border: 0 none;
}
a {
    text-decoration: none;
    color: #333;
}
a:hover {
    text-decoration: none;
}
ul,
ol {
    list-style: none;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.right {
    float: right;
}
.left {
    float: left;
}
.navmenu {
    position: fixed;
    top: 0;
    left: 50%;
    right: 0;
    background-color: #eee;
    bottom: 0;
}
.navmenu ul {
    margin-top: 20px;
}
.navmenu > ul > li > a {
    padding: 18px;
    color: #666;
    display: block;
    border-bottom: solid 1px #ddd;
    font-size: 16px;
}
.logogif {
    width: auto;
    height: 100%;
    position: absolute;
    right: 10px;
}
.big-b {
    overflow: auto;
    margin: auto;
    bottom: 0;
    width: 100%;
    background-color: #fff;
}
.big-b-left {
    left: -50%;
}
.big-b1 {
    overflow: hidden;
    /* max-width: 740px; */
    margin: auto;
    top: 90px;
    bottom: 0;
    width: 100%;
    background-color: #fff;
}
.bigg-box {
    width: 100%;
    height: 99vh;
    z-index: 2;
    background: url(../images/background@2x.png) no-repeat;
    background-size: 100% 100%;
}
.top-content {
    width: 100%;
}


.address {
    position: absolute;
    /* display: inline; */
    /* width: fit-content; */
    left: 20px;
    top: 50px;
    /* margin-top: 80px; */
}

.search_zdCode {
    text-align: center;
    cursor: pointer;
    border: 1px solid #015293;
    height: 25px;
    border-radius: 50px;
    padding: 0 0px;
    background-color: rgba(255, 255, 255, 0.4);
}

.search_zdCode input {
    border: 1px solid #c22c38;
    width: 175px;
    text-align: center;
    height: 34px;
    border-radius: 5px 0 0 5px;
    line-height: 34px;
    color: #c22c38;
    outline: none;
    float: left;
}

.input_p {
    width: auto;
    color: #333;
    font-size: 15px;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 11px;
}

.icon_choose {
    width: 30px;
    height: 25px;
    display: block;
    /* background: url(../images/znwd-icon1.png) no-repeat; */
    background: url(../images/dw@2x.png) no-repeat center;
    float: left;
    background-position: 8px 2px;
    /* margin-top: 2px; */
}

.icon_zd {
    width: 20px;
    height: 20px;
    display: block;
    /* background: url(../images/znwd-icon1.png) no-repeat; */
    background: url(../images/jiantou@2x.png) no-repeat;
    float: left;
    background-position: 3px 8px;
    margin-top: 2px;
    border-left: 1px solid #a3adb7;
}

.b-content {
    box-sizing: border-box;
    height: 90%;
    bottom: 50px;
    top: 50px;
    width: 100%;
    /* max-width: 740px; */
}
.b-content1 {
    box-sizing: border-box;
    width: 100%;
    /* max-width: 740px; */
}
.con-l {
    height: 100%;
    /* padding-left:10px; */
    /* max-width: 740px; */

    box-sizing: border-box;
}
#message {
    width: 100%;
    height: calc(100vh - 190px);
    /* margin-top: -5px; */
    /* padding-bottom: 30px; */
    box-sizing: border-box;
    overflow-y: scroll !important;
    /* background: #f8fafa;*/
}
#navBar {
    position: fixed;
    border-bottom: 2px solid #2f5398;
    background: #356da9;
}
.help-box1 {
    float: right;
}
.header {
    /* max-width: 740px; */
    width: 100%;
    /* padding:0px 10px; */
    margin: 0 auto;
    height: 34px;
    /* background-color: #138df5; */
    /* position: fixed; */
    box-sizing: border-box;
    /* z-index: 99; */
}
.header .content {
    height: 50px;
    width: auto;
}
.header-logo {
    width: 100%;
    float: left;
}
.header-logo p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    background: url(../images/znwdlogo.png) no-repeat;
    background-size: 35px;
    padding-left: 40px;
    background-position: 30% 80%;
}
.header-logo img {
    position: absolute;
    width: 12px;
    height: auto;
    left: 16px;
    top: 10px;
    display: none;
}
.login {
    width: 80%;
    height: 52px;
    margin: 10px auto;
}
.login img {
    float: left;
    width: 52px;
    height: 52px;
    /*border-radius: 50%;*/
}
.login ul {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}
.login_name {
    color: #333;
    font-size: 14px;
    line-height: 24px;
}
.login_data {
    color: #777;
    font-size: 12px;
    line-height: 20px;
}
.login h5 {
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
}
.login a {
    float: right;
    background: #fff;
    color: #cd3e45;
    font-size: 12px;
    padding: 5px 20px;
    border-radius: 15px;
    margin-top: 10px;
    box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.1);
}
.header .content .home-h {
    float: left;
    height: 32px;
    margin-top: 10px;
    width: 15%;
    margin-left: 5%;
    background-color: #2f6ea2;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}
.con-l-t {
    padding: 10px;
}
.right_arrow {
    position: absolute;
    left: -12px;
    top: -22px;
    width: 40px;
    height: 40px;
    background: url(../images/tx-1@2x.png) no-repeat;
    background-size: 100%;
    /* display: none; */
}
.triangle {
    /* display: block;
    width: 15px;
    height: 25px;
    background: #fff url(../images/trangle.jpg) no-repeat;
    position: absolute;
    left: -12px;
    top: 2px; */
    display: none;
    width: 17px;
    height: 27px;
    background: url(../images/triangle.png) no-repeat;
    position: absolute;
    left: -11px;
    top: 0px;
}
.trangle2 {
    /* display: block;
    width: 25px;
    height: 30px;
    background: url(../images/trangle2.png) no-repeat;
	background-size: 25px 30px;
    position: absolute;
    right: -21px;
    top: 1px;
    background-position: -10px 0; */
    /* display: none; */
    width: 40px;
    height: 40px;
    background: url(../images/tx-2@2x.png) no-repeat;
    position: absolute;
    right: -3px;
    top: 0;
    background-size: 100%;
    z-index: 1;
    position: absolute;
}

.dialog_none {
    background: none;
    box-shadow: none;
    border: none;
    margin: 0;
}

.dialog {
    overflow: hidden;
    padding-right: 6px;
    position: relative;
    margin: 10px 0px;
    background-size: 32px;
    margin-right: 0px;
    background-position: right 3px;
    animation-duration: 1s;
    animation-name: fadeInRight;
    background-position: right -8px;
}
.dialog li {
    float: right;
    max-width: 85%;

    position: relative;
    cursor: pointer;
}
.center a {
    max-width: 100%;
    color: #000;
    display: block;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px 18px 5px 10px;
    border-radius: 15px 0px 15px 15px;
    line-height: 24px;
    /* border: 5px solid #e8edff; */
}
.onoff {
    right: 0;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    margin-top: 10px;
    background: url(../images/chat_open.png) no-repeat 0px 2px;
    position: absolute;
    top: 15px;
    left: -9px;
    background-size: 15px;
    width: 20px;
}
.center {
    float: right;
    /* background: #4788ff; */
    color: #fff;
    font-size: 14px;
    line-height: 33px;
    margin: 3px 0px;
    padding: 15px 25px 0 10px;
    border-radius: 5px;
}
.hottags {
    padding-bottom: 10px;
}
.hottags h2 {
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
    background: url(../images/djdzw.png) no-repeat left;
    padding-left: 30px;
}
.change {
    /*width: 100%;*/
    text-align: center;
    height: 26px;
    color: #4672c8;
    font-size: 13px;
    background: #fff;
    display: flex;
    line-height: 26px;
    border-radius: 26px;
    border: 1px solid #4672c8;
    right: 13px;
    /* border: 1px solid #79abf1; */
    padding: 3px 10px;
    align-items: center;
    justify-content: center;
}
.change img {
    width: 100%;
    /* box-shadow: 0px 3px 5px rgba(0,0,0,0.1); */
    /* margin-top: -5px; */
    width: 10px;
    vertical-align: text-bottom;
    margin-right: 5px;
}
.hottags-ul {
    display: none;
    overflow: hidden;
    height: 175px;
    width: 100%;
    padding: 13px 13px;
    animation: slideInRight 0.5s ease-in-out both;
}
.swiper-content .hottags-ul:nth-of-type(1) {
    display: block;
}
.prolocaUl .hottags-ul:nth-of-type(1) {
    display: block;
}
#hottags-box ul li a {
    color: #4494de;
    line-height: 24px;
    font-size: 16px;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.dialog_tab {
    padding: 10px 12px;
    color: #343434;
    border: 1px solid #fff;
    margin-bottom: 30px;
    position: relative;
    margin-right: 27px;
    border-radius: 4px;
    position: relative;
    border-radius: 0px 15px 14px 15px;
    position: relative;
    padding-bottom: 10px;
    background: rgba(255, 255, 255, 0.7);
    padding-bottom: 10px;
    animation-name: fadeInLeft;
    animation-duration: 2s;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 10px 20px !important;
    margin-left: 15px;
    font-size: 14px;
    margin-top: 20px;
}
/* .tabmore{
	margin-bottom: 25px!important;
}
.tabmore0{
	margin-bottom: 25px;
	animation-duration: 1s;
} */

.bszn{
    /* display: none; */
    /* opacity: 0; */
}
.tabmore0 {
    margin-bottom: 50px;
    animation-duration: 1s;
}
.tabmore {
    margin-bottom: 40px !important;
    opacity: 0;
    margin-bottom: 10px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
.tabmore2 {
    opacity: 0;
    margin-bottom: 50px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    /* animation-delay: 1s; */
}
.tabmore3 {
    opacity: 0;
    margin-bottom: 50px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    /* animation-delay: 1s; */
}
.tabmore4 {
    opacity: 0;
    margin-bottom: 50px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    /* animation-delay: 1s; */
}
.tabmore5 {
    opacity: 0;
    margin-bottom: 50px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    /* animation-delay: 1s; */
}

.dialog_tab p {
    color: #333;
    font-size: 14px;
    line-height: 22px;
}
.dialog_tab p span {
    color: #5392c7;
    max-width: 100%;
    min-width: 60%;
}
.tab2_content .news li button {
    background: 0 none;
    outline: none;
    border: 0 none;
    float: left;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    color: #212121;
    font-family: "Microsoft YaHei";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* max-width: 53%; */
    text-align: left;
    padding-left: 6px;
}
.tab2_content .news li a {
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    font-family: "Microsoft YaHei";
    color: #212121;
    padding-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* max-width: 95%; */
    text-align: left;
}
.tab2_content .news li span {
    /* margin-left: 10px; */
    color: #297fff;
    /* font-size: 16px; */
    font-size: 14px;
    line-height: 24px;
    /*display: none;*/
    word-wrap: normal;
    word-break: keep-all;
}
.tab2_content .news li {
    background: url(../images/list_bg.png) no-repeat 3px 10px;
    padding: 0;
    overflow: hidden;
    /* padding-left:5px; */
    /* padding-left: 13px; */
    display: flex;
}
.tab2_title {
    width: 100%;
}
.tab2_title ul {
    width: 100%;
    height: 34px;
    /* float:left; */
    margin-bottom: 5px;
    /* padding: 9px 0; */
    box-sizing: border-box;
    border-bottom: 1px solid #297fff;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    overflow-x: auto;
}

.tab2_title ul li {
    padding: 7px 5px;
    float: left;
    /* line-height: 34px; */
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    color: #727272;
    font-size: 14px;
    margin: 0 5px 0 0;
}
.dialog_tab > ul > li {
    /* border-bottom: 1px dashed #eee; */
    /* line-height: 25px; */
    /* padding-top: 7px; */
    padding: 2px 0;
    background: url(../images/li_bg.png) no-repeat left;
    padding-left: 15px;
    display: flex;
    padding: 7px 0 7px 20px;
}

.dialog_tab > ul > li:nth-child(1) {
    border-top: 1px dashed #eee;
    margin-top: 10px;
}

.list_info_tab .tab2_content .news li:nth-child(1) {
    border-top: 1px dashed #eee;
    margin-top: 10px;
}

.dialog_tab li a {
    display: inline-block;
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

li .bszn {
    color: #387dbf;
    flex-shrink: 0;
}

.dialog_tab li button {
    background: 0 none;
    outline: none;
    border: 0 none;
    float: left;
    cursor: pointer;
    font-size: 14px;
    /* line-height: 19px; */
    color: #333;
    font-family: "Microsoft YaHei";
    padding: 0 !important;
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    /* margin-right: 10px; */
    /* border-bottom: 1px; */
}

.friendly_p {
    line-height: 28px;
    /* color: #2a84ff; */
    color: #4788ff !important;
    font-size: 16px;
}
.slected2 {
    background: #5c9af5 !important;
    border-radius: 5px 5px 0 0;
    box-shadow: 4px 0 0px #297efe;
    color: #fff !important;
}
.dialog_tab p.more-new,
p.more-new2 {
    color: #ffffff !important;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    background: #297fff;
    border-radius: 15px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    width: 100px;
    height: 32px;
    font-size: 13px;
    margin: 10px 0;
}
.xg-qus ul li {
    float: left;
    padding: 0 10px;
    line-height: 24px;
    cursor: pointer;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.c_text {
    line-height: 26px;
    height: 134px;
    overflow: hidden;
    color: #666;
}
.c_text img {
    height: 160px !important;
    width: auto !important;
    display: block;
    margin: 0 auto;
    float: left;
    margin-right: 8px;
}
.adwz {
    color: #5392c7;
    font-size: 12px;
    font-size: 14px;
    line-height: 28px;
}
.more-dan {
    color: #5392c7 !important;
    cursor: pointer;
    line-height: 20px !important;
}

.wntj {
    font-weight: 900;
    /* margin-left: 40px; */
    font-size: 15px;
    color: #0d89e1;
    /* margin-bottom: 25px; */
    bottom: -50px;
    display: inline-block;
    left: 0px;
}

.wntj > span {
    display: inline-block;
    margin-right: 25px;
    padding: 0 15px;
    line-height: 30px;
    color: #666 !important;
    font-size: 15px;
    margin-top: 10px;
    position: relative;
    /* background-color: #fff; */
    border: 1px solid #dcdfe6;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
}

.wntj > span > span {
    /* display: inline-block; */
    position: absolute;
    width: 25px;
    line-height: 25px;
    background-color: #fff;
    border-radius: 50%;
    top: -10px;
    /* left: 77px; */
    text-align: center;
    z-index: 0;
    background-color: #58a8f5;
    color: #fff;
}

/*prompting-start*/
.prompting {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
.prompting1 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
.pro-box {
    width: 90%;
    min-height: 235px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    /* margin-left: -170px; */
    /* margin-top: -150px; */
    /* padding:15px; */
    box-sizing: border-box;
    transform: translate(-50%,-50%);
}
.pro-box h5 {
    line-height: 32px;
    color: #5392c7;
}
.pro-box textarea {
    width: 95%;
    border: 0 none;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-width: 305px;

    line-height: 24px;
    min-height: 24px;
    outline: none;
    resize: none;
}
.pro-box .modal-body {
    padding: 0;
}
.pro-box .modal-body label.radio {
    padding-left: 12px;
}
.pro-box .modal-body input {
    margin: 0;
    vertical-align: inherit;
    margin-right: 3px;
}
.pro-box .modal-footer {
    margin-top: 18px;
    text-align: center;
    border-top: 0 none;
    padding: 0;
    background-color: #fff;
}
#submitBtn,
#cancelBtn {
    border: 0 none;
    outline: none;
    color: #fff;
    width: 60px;
    height: 30px;
    cursor: pointer;
    background-color: #4788ff;
}
#submitBtn1,
#cancelBtn1 {
    border: 0 none;
    outline: none;
    color: #fff;
    width: 60px;
    height: 30px;
    cursor: pointer;
    background-color: #2f5398;
}
#cancelBtn {
    background-image: none;
    background-color: #777;
    margin-right: 10px;
}
#cancelBtn1 {
    background-image: none;
    background-color: #777;
    margin-right: 10px;
}
/*prompting-end*/
/*help-con-start*/
.help-con {
    background-color: #fff;
    width: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 138px;
    left: 50%;
    margin-left: -500px;
    bottom: 0;
    margin-bottom: 25px;
}
.help-l {
    padding-left: 20px;
    background-color: #f5f5f5;
    padding-right: 20px;
}
.help-l .post h3 {
    margin: 0;
    border-bottom: 1px solid #ababab;
    position: relative;
    font-size: 16px;
    color: #2f5398;
    font-weight: normal;
    height: 46px;
    line-height: 46px;
}
.help-l .post h3 i {
    display: block;
    font-style: normal;
    background: url("../images/attention.png") no-repeat;
    width: 19px;
    height: 19px;
    margin-top: 13px;
    position: absolute;
    left: 8px;
}
.help-l .post h3 span {
    border-bottom: 3px solid #2f5398;
    line-height: 45px;
    display: block;
    position: absolute;
    padding-left: 30px;
    padding-right: 10px;
}
.help-l {
    padding-bottom: 30px;
}

.h-tit p {
    line-height: 24px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 10px;
    background: url(../images/dotted.gif) no-repeat 8px 10px;
    padding-left: 20px;
    list-style: circle;
}
.h-tit img {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    height: auto;
}
.help-r ul li {
    background: url(../images/attention.png) no-repeat 5px center;
    height: 45px;
    line-height: 45px;
}
.help-r ul li a {
    padding-left: 30px;
}
.help-r ul li a:hover {
    text-decoration: none;
}
.help-r ul li a.h-act {
    color: #2f5398;
}
/*help-con-end*/
.span12 img {
    width: 200px;
    margin-top: -10px;
    margin-left: 10px;
}
.span12 {
    width: 60%;
    float: left;
}
.span13 {
    text-align: center;
    width: 45px;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    margin-right: 7px;
    float: right;
}
.nav {
    line-height: 30px;
}
.nav li {
    border-bottom: 1px dashed #eee;
}
.span13 img {
    width: 45px;
}
.choosebtn {
    background: #4788ff;
    border: 1px solid #fff;
    border-radius: 5px;
    line-height: 21px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    padding: 6px 10px;
    text-align: left;
    /*width: 100%;*/
    margin: 5px 5px 5px 0;
    color: #fff;
}
.bcontext-c {
    height: 148px;
    line-height: 24px;
    overflow: hidden;
    color: #666;
}
.bcontext img {
    width: auto !important;
    height: 160px;
    display: block;
    margin: 0 auto;
    float: left;
    margin-right: 8px;
}
/*图文上下展示*/
.styleone {
    /*margin-top: -20px;*/
}
.styleone p {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 2em;
}
.styleone img {
    width: 80%;
    height: auto;
    border-radius: 5px;
    border: 1px solid #eee;
    margin: 0 10%;
}
/*图文左右展示*/
.styletwo {
    /*display: flex;*/
    /*margin-top: -20px;*/
    min-height: 200px;
}
.styletwo img {
    height: 160px !important;
    width: auto !important;
    display: block;
    margin: 0 auto;
    float: left;
    margin-right: 8px;
}
.styletwo p {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 2em;
    line-height: 24px;
}
/*只展示图片*/
.stylethree {
    /*margin-top: -20px;*/
}
.stylethree img {
    width: 100%;
    height: auto;
}
/*图文列表展示*/
.stylefour div {
    float: left;
    margin: 0 2%;
    width: 45%;
}

.stylefour p {
    text-align: center;
    line-height: 22px;
    height: 22px;
}

.stylefour img {
    width: 100%;
    height: 80px;
}
.device {
    width: 100%;
    position: relative;
    /* overflow: hidden; */
    /* height: 255px !important; */
    /* padding: 10px; */
    margin: 0 auto;
    /* background: #fff; */
    /* background: rgba(255, 255, 255, 0.5); */
    margin-top: 10px;
    /* box-sizing: border-box; */
    /* padding: 10px; */
    border-radius: 20px;
    /* border: 1px solid #fff; */
}
.content-slide {
    padding: 20px;
    /* color: #fff; */
}
.title {
    font-size: 25px;
    margin-bottom: 10px;
}
.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 10px;
    width: 100%;
}
.wjk {
    /*display: flex;*/
    /* background: url(../images/xia@2x.png) no-repeat center bottom; */
    background-size: 100%;
}
.swiper-title {
    width: 96%;
    /* height: 40px; */
    position: relative;
    display: flex;
    z-index: 1;
    /* margin-top: 0px; */
    /* background: url(../images/shang@2x.png) no-repeat; */
    /* background-size: 100% 100%; */
    /* border-bottom: 1px solid #fff; */
    align-items: flex-start;
}
.swiper-title h5 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.swiper-title img {
    height: 120px;
    /*margin-top: 35px;*/
    margin: 0 auto;
    display: block;
}
.bmfw-box{
    width: 100%;
    margin: 0 auto;
}

.bmfw-box ul {
    width: 100%;
    display: flex;
    align-items: center;
}

.bmfw-box ul li {
    width: 25%;
    text-align: center;

}

.bmfw-box ul li a{
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
}

.bmfw-box ul li a i{
    width: 60px;
    height: 60px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.bmfw-box ul li a span{
    font-size: 12px;
    display: block;
}

.bmfw-box ul li:nth-child(1) i{
    background: url(../images/hz@2x.png) no-repeat center;
    background-size: 100% 100%;
    background-position-x: 1px;
}

.bmfw-box ul li:nth-child(2) i{
    background: url(../images/sb@2x.png) no-repeat center;
    background-size: 100% 100%;
    background-position-x: 1px;
}

.bmfw-box ul li:nth-child(3) i{
    background: url(../images/jffw@2x.png) no-repeat center;
    background-size: 100% 100%;
    background-position-x: 1px;
}

.bmfw-box ul li:nth-child(4) i{
    background: url(../images/qybg@2x.png) no-repeat center;
    background-size: 100% 100%;
    background-position-x: 1px;
}

.bmfw-box ul li:nth-child(5) i{
    background: url(../images/qycl@2x.png) no-repeat center;
    background-size: 100% 100%;
    background-position-x: 1px;
}

.cjwt-box{
    background: url(../images/znwdk@2x.png) no-repeat center;
    background-size: 100% 100%;
    width: 96%;
    padding: 8px;
    margin: 0 auto;
    border-radius: 18px;
    margin-top: 15px;
    position: relative;
    z-index: 1;
    height: 270px;
}
.cjwt-choose{
    width: 100%;
    height: 45px;
    display: flex;
    border-radius: 25px;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
}
.cjwt-choose ul{
    white-space: nowrap;
    overflow: auto;
    width: 87%;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.cjwt-choose ul::-webkit-scrollbar {
    display: none;
  }
.cjwt-choose ul li{
    /* float: left; */
    display: inline-block;
    line-height: 40px;
    padding: 0 15px;
    font-size: 13px;
    border-radius: 20px;
}
.cjwt-choose-next,
.cjwt-choose-back{
    border: none;
    width: 20px;
    /* display: inline-block; */
    height: 20px;
}
.cjwt-choose-back{
    background: url(../images/7@2x.png) no-repeat center;
}
.cjwt-choose-next{
    background: url(../images/8@2x.png) no-repeat center;

}

.cjwt-choose ul li.active{
    display: inline-block;
    background-image: linear-gradient(118deg, #6cdbfa, #5793fe);
    color:#fff;
}
.rdwt-title{
    display: flex;
    align-items: center;
    height: 45px;
    width: 95%;
    line-height: 0px;
    padding: 0px 10px;
    padding-bottom: 5px;
    margin: 0 auto;
    margin-top: 15px;
    background: url(../images/r-bt@2x.png) no-repeat center;
    background-size: 100% 100%;
    /* margin-bottom: 15px; */
    justify-content: space-between;
}

.rdwt{
}
.rdwt img{
    width: 20px;
    vertical-align: text-bottom;
}
.rdwt span{
    font-size: 16px;
    /* font-style: italic; */
    color: #fff;
    font-weight: 700;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 25px;
    height: 7px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
    /* box-shadow: 0px 1px 2px #555 inset; */
    margin: 0 -2px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}
.swiper-content .bmfw_ul li {
    float: left;
    width: 25%;
    height: 85px;
    overflow: hidden;
}
.swiper-content .bmfw_ul li a {
    display: block;
    line-height: 18px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
}
.swiper-content .bmfw_ul li a img {
    width: 48px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.swiper-content .bmfw_ul li a span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
/* 常见问题的固定在顶部的样式 */
.proloca {
    display: none;
    width: 100%;
    height: 45px;
    padding-top: 5px;
    padding-bottom: 3px;
    text-align: center;
    color: #333;
    /*background: #fff;*/
    transition: all 1s ease 0s;
    overflow: hidden;
    z-index: 2;
}
.prolocaLo {
    display: block;
    position: fixed;
    top: 0px;
}
.proloca .prolocaDiv {
    display: inline-block;
    width: 90%;
    height: 25px;
    padding: 10px 0px;
    text-align: left;
    border-radius: 5px;
    box-shadow: 0px 2px 3px #eaeaea;
    background: #fff;
    transition: all 1s ease 0s;
    text-align: center;
    overflow: hidden;
}
.proloca .prolocaDiv .proloca_title {
    line-height: 25px;
    display: flex;
    padding: 0 15px;
    justify-content: space-between;
}
.proloca .prolocaDiv .proloca_title h5 {
    font-size: 16px;
    color: #297fff;
}
.proloca .proloca_title i {
    display: inline-block;
    width: 14px;
    height: 8px;
    margin-top: 8px;
}
.proloca .prolocaDiv .proloca_itop {
    background: url(../images/proloca_itop.png) no-repeat;
    background-size: 100%;
}
.proloca .prolocaDiv .proloca_ibottom {
    display: none;
    background: url(../images/proloca_ibottom.png) no-repeat;
    background-size: 100%;
}
.prolocaUl {
    display: none;
    width: 100%;
    padding-bottom: 5px;
    /*border-bottom: 1px dashed #bebebe;*/
    margin: 0 auto;
}
.proloca .prolocaDiv .change {
    display: block;
    background: #ffffff;
    position: relative;
    line-height: 26px;
    border-radius: 100px;
    border: 1px solid #2776e9;
    width: 90%;
    margin: 10px auto;
}
.prolocaUl ul {
    height: 118px !important;
}
.prolocaUl ul li {
    margin: 4px auto !important;
}
.proloca_ul li a {
    /* background: #f7f7f7!important; */
    color: #333;
}
/* 左侧特殊判断  输入框：医保等 */
/* 医保 */
.dialog_tab .speUidBack {
    position: relative;
}
.dialog_tab .speUidBack img {
    width: 100%;
}
.dialog_tab .speUidBack .speDiv {
    position: absolute;
    bottom: 10px;
    width: 70%;
    left: 15%;
    /*margin-left: -64px;*/
    /*transform: translate(-50%, 0px);
    display: inline-table;*/
}
.dialog_tab .speUidBack .speDiv button {
    width: 100%;
    padding: 5px 0;
    background: #fff;
    color: #346be9;
    margin: 0;
}
.dialog_tab .span_long span {
    margin-bottom: 0 !important;
}
.dialog_tab .span_long input[type="text"] {
    width: calc(100% - 0px) !important;
}

.dialog_tab .spe_content h6 {
    margin: 0;
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    line-height: 24px;
}
.dialog_tab .speYiBao .speDiv,
.dialog_tab .speMinZheng .speDiv,
.dialog_tab .speShiJian .speDiv,
.dialog_tab .specialDiv .speDiv {
    padding: 13px;
    text-align: center;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
}
.dialog_tab .speDiv span {
    float: left;
    margin-bottom: 15px;
    font-size: 14px;
    color: #2995f5;
    line-height: 30px;
    text-align: left;
}
.dialog_tab .speDiv .speRadioDiv {
    float: left;
    text-align: left;
    /*margin-bottom: 10px;*/
    font-size: 14px;
    line-height: 30px;
}
.dialog_tab .speRadioDiv label {
    display: inline-block;
}
.dialog_tab .speRadioDiv input[type="radio"] {
    vertical-align: text-top;
}
.dialog_tab .speDiv input[type="text"] {
    float: right;
    width: calc(100% - 75px);
    height: 30px;
    padding: 0 6px;
    margin-right: 0;
    margin-bottom: 15px;
    border: none;
    border-radius: 3px;
    background: #efefef;
    box-sizing: border-box;
}
.dialog_tab .speDiv button {
    font-size: 12px;
    color: #fff;
    background: #346be9;
    padding: 5px 30px;
    margin-top: 6px;
    margin-bottom: 6px;
    border: 1px solid #346be9;
    border-radius: 15px;
    vertical-align: bottom;
    float: right;
}

/* 民政 */
/* 民政：后台返回信息展示 */
.dialog_tab .showDiv ul {
    padding-right: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    background: #fff;
}
.dialog_tab .showDiv ul li {
    display: flex;
}
.dialog_tab .showDiv ul li em {
    display: inline-block;
    width: 1px;
    height: auto;
    margin: 0 12px;
    background: #ececec;
    position: relative;
}
.dialog_tab .showDiv ul li i {
    display: inline-block;
    width: 5px;
    height: 34px;
    margin-left: -2px;
    background: url(../images/mz_back.png) no-repeat;
    background-size: 100%;
}
.dialog_tab .showDiv ul li:first-child i {
    background: url(../images/mz_back_top.png) no-repeat;
    background-size: 100%;
}
.dialog_tab .showDiv ul li:last-child i,
.dialog_tab .showDiv ul li .lastI {
    background: url(../images/mz_back_top.png) no-repeat;
    background-size: 100%;
    transform: rotate(180deg);
    position: absolute;
    bottom: 0;
}
.dialog_tab .showDiv ul li div {
    width: 100%;
    padding: 6px 0;
    line-height: 24px;
    border-bottom: 1px dashed #eee;
    overflow: hidden;
}
.dialog_tab .showDiv ul li label {
    display: inline-block;
    /*width: 65px;*/
}
.dialog_tab .showDiv ul li span {
    /*float: right;*/
    /*width: calc(100% - 70px); */
    font-weight: 100;
    font-size: 12px;
    color: #000;
    word-wrap: break-word;
    word-break: break-all;
}
/* 分页 */
.dialog_tab .showDiv .showMinZhengPage {
    /* overflow: hidden; */
}
.dialog_tab .showDiv .showMinZhengPage span {
    display: inline-block;
    border: 1px solid #e9e9e9;
    font-size: 12px;
    color: #848484;
    background: #fff;
    padding: 3px 6px;
    margin: 2px;
}
.dialog_tab .showDiv .showMinZhengPage .showMinZhengPageClick {
    color: #fff;
    background: #346be9;
}
.dialog_tab .showDiv button {
    display: block;
    padding: 5px 26px;
    margin: 20px auto;
    font-size: 12px;
    color: #fff;
    background: #346be9;
    border: none;
    border-radius: 15px;
}

/* app表格 */
.ul_appCon table {
    background: #ccc;
    width: 100%;
    table-layout: fixed;
}
.ul_appCon table tr td:nth-child(1) {
    background: #4788ff;
    width: 65px;
    text-align: center;
    color: #fff;
}
.ul_appCon table td {
    background: #fff;
    line-height: 24px;
    font-size: 13px;
    padding: 5px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 市长配置的图片 */
.styletwo1 {
    display: inline-block !important;
}

.tab2_content {
    width: 100%;
    height: auto;
    overflow: hidden;
}
/* 预设htmlOne的表格 */
.tab2_content table {
    background: #ccc;
    width: 100%;
    table-layout: fixed;
}
.tab2_content table tr td:nth-child(1) {
    background: #f3f3f3;
    width: 25%;
    width: 60px;
    text-align: center;
    color: #333;
}
.tab2_content table td {
    background: #fff;
    line-height: 24px;
    font-size: 13px;
    padding: 5px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table_div {
    background: #f0f0f0;
}
.table_ul {
    width: 100%;
    padding: 0px 10px;
}
.table_ul li {
    width: 100%;
    display: flex;
    margin: 2.8% 0;
}
.table_ul li span {
    background: #346ceb;
    color: #fff;
    width: 40%;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-radius: 5px 0 0 5px;
    font-size: 15px;
}
.table_ul li p {
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 60%;
    text-align: left;
    height: 34px;
    line-height: 34px;
    border-radius: 0 5px 5px 0;
    padding-left: 5px;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table_more,
.showMinZheng_butS {
    width: 100px;
    height: 30px;
    /*line-height: 30px;*/
    background: #fff;
    color: #346ceb;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #346ceb;
    margin: 10px auto;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    outline: none;
    font-size: 15px;
}
.showMinZheng_butS {
    margin-left: 41%;
}

/*.znwdhead img.logo{
    position: absolute;
    left: 90px;
    bottom: -18px;
}
.znwdhead img.logo_word{
    position: absolute;
    left: 165px;
    bottom:-15px;
}*/
.dialog_none {
    background: none;
    box-shadow: none;
    border: none;
    margin: 0;
}
.swiper-wrapper {
    /* height: 185px!important; */
    /* background: #fff; */
}
.swiper-container {
    /* background: rgba(255,255,255,0.3); */
    /* border-radius: 15px; */
}
.swiper-slide {
    /* height: 185px!important; */
    overflow: hidden;
    float: none !important;
}
.swiper-content .wjk_ul li,
.proloca .prolocaDiv .proloca_ul li {
    /* float: left; */
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0px 14px;
    margin: 3px auto 5px;
    /* background: #fff; */
    border-radius: 16px;
    display: flex;
    background: #f5f5fd url(../images/diankai@2x.png) no-repeat right;
    background-position-x:98%;
}
.swiper-content .wjk_ul li span,
.proloca .prolocaDiv .proloca_ul li span{
    float: left;
    /* margin-left: 5px; */
    background: url(../images/bq@2x.png) no-repeat center;
    background-size: 100% 100%;
    height: 75%;
    padding: 0px 10px;
    margin-top: 5px;
    line-height: 28px;
    color: #007bff;
    margin-right: 15px;
    border-radius: 6px;
}
.swiper-content .wjk_ul li a,
.proloca .prolocaDiv .proloca_ul li a {
    /* display: block; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    font-size: 14px;
    /* background:#f5f5fd; */
}
.bmfw_con {
    padding: 10px 0 0 0;
}
.bmfw-title {
    /* width: 90%; */
    /* margin: 0 auto; */
}
.bmfw_con ul {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    /* height: 65px; */
    justify-content: space-around;
}

.bmfw_con ul li {
    /* width: 60px; */
    /* margin: 0 19px; */
    float: left;
}

.bmfw_con ul li a {
    display: block;
    width: 100%;
    /* padding: 0 5px; */
    text-align: center;
}

.bmfw_con ul li a img {
    width: 60px;
    text-align: center;
}
.bmfw_con ul li a p {
    font-size: 12px;
    text-align: center;
}

/*语音需要*/

.talk_btn {
    position: absolute;
    left: 10px;
    top: 26px;
    width: 20px;
    height: 20px;
    z-index: 6;
    /* background: linear-gradient(to bottom, #4d8dfe, #7ddffc); */
    border-radius: 50%;
}
.talk_btn button {
    width: 35px;
    display: inline-block;
    height: 35px;
    background:  url(../images/yuyin@2x.png) no-repeat center;
    color: #fff;
    margin: 2px;
    border: 0 none;
    outline: none;
    border-radius: 50%;
    background-size: 200%;
}


.keybord_btn {
    position: absolute;
    left: 14px;
    /* transform: translateX(-50%); */
    top: 14px;
    width: 15%;
    /* display: none; */
}
.keybord_btn button {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.4) url(../images/sr@2x.png) no-repeat center;
    color: #fff;
    border: 0 none;
    outline: none;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    background-size: 100% 100%;
    border-radius: 50%;
    display: none;
}


#talkmess_btn {
    margin-top: 15px;
    width: 99%;
    height: 60%;
    margin: 0 auto;
    border: none;
    /* right: 15px;
    top: 20px; */
    text-align: center;
    cursor: pointer;
    background: #adccfc;
    /* padding-top: 26px; */
    border-radius: 30px;
    position: relative;
    line-height: 2;
    margin-top: 5px;
    z-index: 5;
    /* color: #fff; */
    margin-top: 19px;
}


#audiobg {
    width: 100%;
    height: 100%;
    bottom: 50px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 22;
}
#audiobg p {
    color: #fff;
    left: 40%;
    font-size: 18px;
    bottom: 40px;
    position: absolute;
}
#audiobg img {
    width: 30%;
    bottom: 80px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -15%;
}
/*语音播放*/
#audio,
#audio2 {
    width: 0;
    height: 0;
    overflow: hidden;
}
.vocalimg {
    width: 20px;
    height: 18px;
    margin-left: 90%;
}

/* ysCrawler */
.more-dann {
    color: #0d6dc3 !important;
    cursor: pointer;
    line-height: 34px !important;
    background: #f3f9ff url(../images/zhankai.png) 75px center no-repeat;
    border-radius: 15px;
    width: 75px;
    height: 34px;
    font-size: 13px;
    margin: 10px 0;
    font-weight: initial !important;
    text-align: center;
}
ul.answer_btn {
    width: 100%;
    height: 35px;
    margin: 10px 0;
}
ul.answer_btn li {
    float: left;
    margin: 0 5px;
}
ul.answer_btn li a {
    text-decoration: none;
    /* display: block; */
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    padding: 3px 10px;
    border-radius: 16px;
    color: #409eff;
    border: 1px solid #f1f1f1;
    display: inline-block;
    margin-right: 15px;
    width: 80px;
}
div.con-overflow {
    overflow: hidden;
    position: relative;
    height: 90px;
    line-height: 24px !important;
}
.answer_li {
    overflow: hidden;
    position: relative;
    /* height: 90px!important; */
    line-height: 24px !important;
}

.answer_li li {
    padding-left: 18px;
    background: url(../images/li_bg1.png) no-repeat left 1px;
    background-size: 10px auto;
}
.answer_li li p {
    line-height: 20px;
}
.answer_li li p:nth-child(2) {
    overflow: auto;
    max-height: 150px !important;
    margin: 5px 0;
    font-weight: 400;
    font-size: 14px;
}

.answer_li a {
    display: inline !important;
}
/* ysCrawler */

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.loading {
    animation: rotate 3s linear infinite;
    width: 21px;
    border-radius: 10px;
}

/* 预设卡片 */
.National_friendly {
    color: #305d92;
    font-weight: 400;
    /* background: #fff; */
    /* display: none; */
    /* padding: 5px 5px; */
    border-radius: 5px;
}

.NationalAnswer_box {
    /* height: 30px !important; */
    color: #015293;
    font-weight: 700;
    /* display: none; */
    margin-bottom: 25px;
}

.NationalAnswer_comefrom {
    color: #015293 !important;
}

.NationalAnswer_comefrom button{
    text-align: center;
    border-radius: 32px;
    height: 32px;
    background: rgb(253, 253, 254);
    line-height: 32px;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-top: 5px;
    width: 96%;
    height: 32px;
    color: rgb(126, 130, 161);
    overflow: hidden;
    text-overflow: ellipsis;
    border:none;
}

.NationalAnswer_comefrom a{
    display: block;
    text-align: center;
    border-radius: 32px;
    height: 32px;
    background: rgb(253, 253, 254);
    line-height: 32px;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-top: 5px;
    width: 96%;
    height: 32px;
    color: rgb(126, 130, 161);
    overflow: hidden;
    text-overflow: ellipsis;
}
.styleone .content_jump li {
    font-size: 13px;
    /* float: left; */
    color: #007dce;
    /* padding: 1px 29px; */
    /* line-height: 11px; */
    /* background: #fff; */
    /* line-height: 11px; */
    margin-right: 10px;
}

.styleone .content_jump li a {
    color: #007dce;
    width: 100%;
    /* line-height: 24px; */
    display: block;
}

.styleone .content {
    /* display: flex; */
    justify-content: space-around;
}

.styleone .content img {
    width: 98%;
    margin: 0;
}

.styleone .ys_content {
    width: 96%;
    background: rgba(0, 0, 0, 0.2);
    font-size: 15px;
    margin-bottom: 0px;
    color: #fff;
    border-radius: 10px;
    padding: 3px 4px;
    margin: 0;
}

.styleone .content_jump {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ys_content a {
    color: #007dce;
}

.styleone .small_title {
    color: #007dce;
    border-bottom: 1px solid #007dce;
    margin-top: 5px;
    font-size: 16px;
    width: 26%;
    text-indent: 0px;
    text-align: center;
    margin-left: 8px;
}

.card-container {
    display: flex;
    width: 100%;
    /* flex-direction: column; */
}

.cardbox {
    /* width: 150px; */
    /* height: 200px; */
    background: #f9f9f9;
    /* margin: 6px 10px; */
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    color: #0074ce;
    padding: 10px 4px;
}

.image-container {
    margin-top: 20px;
}
.image-container {
    margin-top: 20px;
    width: 102%;
    overflow: auto;
}
#displayedImage {
    max-width: 100%;
    height: 350px;
}

.tongji {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.tongji h2 {
    font-size: auto;
}

.tongji br {
    display: none;
    height: 0px;
}

.cardbox p {
    margin-bottom: 0px;
}

.cardbox:hover {
    background-color: #2575cc;
    color: #fff;
}

.card_box2 .content {
    /* display: flex; */
    justify-content: space-around;
    align-items: center;
}

.card_box2 .content img {
    width: 100%;
    height: 73px;
    margin-bottom: 20px;
}

.card_box2 {
    margin-top: 10px;
}

.card_box2 br {
    display: none;
}

.card_jump {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    display: flex;
    /* grid-template-columns:  repeat(3, 1fr);
    grid: 5px; */
    flex-wrap: wrap;
    justify-content: space-around;
}

.card_jump li {
    font-size: 14px;
    color: #007dce;
    padding: 1px 3px;
    /* line-height: 11px; */
    /* background: #fff; */
    /* line-height: 11px; */
}

.card_jump li a {
    color: #007dce;
    width: 100%;
    /* line-height: 24px; */
    display: block;
}

.card_box3 br {
    display: none;
}

.card_box3 .content {
    /* display: flex; */
    justify-content: space-around;
    align-items: center;
}

.card_box3 .content img {
    width: 100%;
    /* height: 200px; */
}

.card_jump li {
    font-size: 14px;
    color: #007dce;
    padding: 1px 3px;
    /* line-height: 11px; */
    /* background: #fff; */
    /* line-height: 11px; */
}

.card_jump li a {
    color: #007dce;
    width: 100%;
    /* line-height: 24px; */
    display: block;
}
#chartbox1,
#chartbox2,
#chartbox3,
#chartbox4,
#chartbox5,
#chartbox6 {
    height: 400px;
    width: 300%;
}
/* 预设卡片 */

.transition_content,
.main_content {
    max-height: 400px;
    overflow-y: auto;
}

.transition_content {
    top: 50px;
}

.tools {
    /* float: right; */
    position: absolute;
    right: 5px;
    bottom: 5px;
    /* width: 30%; */
    display: flex;
    justify-content: center;
    align-items: center;
}

#main_content {
    padding: 4px 9px;
    padding-left:0px;
    border: 1px solid #fff;
    border-radius: 15px;
    background: #f9fafc;
    color: #000;
}

.maincontent_icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/zhaiyao@2x.png) no-repeat center;
    background-size: 100%;
}

.translation_icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/auzixun@2x.png) no-repeat center;
    background-size: 100%;
    margin-right: 0px;
}

.main_contentbox,
.translation {
    display: flex;
    background: #f9fafc;
    border: 1px solid #fff;
    border-radius: 15px;
    background: #f9f9f9;
    display: flex;
    margin-top: 5px;
}

#languageSelect {
    border: none;
    background: transparent;
    cursor: pointer;
}
#Disclaimer {
    /* display: none; */
    float: right;
    /* position: absolute; */
    /* width: 26px; */
    background: #eff5f8;
    color: #2669a0;
    border: none;
    padding: 3px 7px;
    cursor: pointer;
    /* right: -35px; */
    /* top: 3px; */
    border-radius: 15px;
}

.prompting1,
.prompting2,
.prompting3,
.prompting4,
.prompting5,
.prompting6,
.prompting7,
.prompting8,
.prompting9{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999999999999999;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}



.pro-box h5 {
    line-height: 36px;
    color: #d1474e;
    line-height: 36px;
    background: #1e76d1;
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.pro-box textarea {
    /* width: 100%; */
    /* padding-left: 5px; */
    /* border: 0 none; */
    /* margin: 0 auto; */
    border: 1px solid #ccc;
    /* border-radius: 4px; */
    /* max-width: 328px; */
    /* min-width: 305px; */
    /* line-height: 24px; */
    /* min-height: 24px; */
    /* outline: none; */
    /* resize : none; */
    margin: 26px 14px;
    /* margin: 12px 0px; */
}

.modal-footer {
    border-top: 1px solid #ccc;
    padding-top: 8px;
    text-align: right;
    /* padding-right: 30px; */
}



#submitBtn,
#cancelBtn {
    border: 0 none;
    outline: none;
    color: #fff;
    width: 60px;
    height: 30px;
    cursor: pointer;
    background-color: #2877e9;
}

#submitBtn1,
#cancelBtn1,
#cancelBtn2 {
    border: 0 none;
    outline: none;
    color: #fff;
    width: 85px;
    height: 30px;
    cursor: pointer;
    background-color: #1e76d1;
    border-radius: 5px;
    font-size: 14px;
}

#cancelBtn3,
#cancelBtn4,
#cancelBtn5,
#cancelBtn6 {
    position: absolute;
    right: 0px;
    z-index: 2;
    float: right;
    padding-top: 5px;
    background: url(../images/helpclose.png) no-repeat;
    background-size: 80%;
    margin-right: 5px;
    color: #fff;
    cursor: pointer;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 24px;
    top: 0px;
    border: none;
    color: #000;
    margin-top: 7px;
}

#stopbuild {
    border: 0 none;
    outline: none;
    color: #fff;
    width: 85px;
    height: 30px;
    cursor: pointer;
    background-color: #4788ff;
    border-radius: 5px;
    font-size: 14px;
}

.comefromul li {
    text-align: center;
    border-radius: 32px;
    height: 32px;
    background: rgb(253, 253, 254);
    line-height: 32px;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-top: 5px;
}

.comefromul li a {
    width: 96%;
    height: 32px;
    color: rgb(126, 130, 161);
}

.comefromul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.bossMove_title {
    height: 46px;
    margin-top: 5px;
}

.bossMove_title a {
    /* float: left; */
    display: block;
    padding: 0 20px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    background: #1e51b1;
    color: #fff;
    line-height: 46px;
    font-size: 1.25rem;
}
/* 市长活动 */
.wdzsk a {
    display: block;
}

.wdzsk {
    text-align: center;
}

.fsz li {
    height: 30px;
    cursor: pointer;
    margin: 10px 10px 10px 0;
    background: #f8f9fb;
    font-size: 14px;
    color: #999;
    border-radius: 30px;
    line-height: 30px;
    outline: none;
    border: 0;
    padding: 0px 15px;
    cursor: pointer;
    float: left;
}

.fsz li:hover {
    color: #0074ce;
}

.xiang_content {
    /* margin-bottom: 28px; */
}

.NationalAnswer_content {
    margin-bottom: 30px;
    margin-top: 15px;
}

#audiobg {
    width: 100%;
    height: 100%;
    bottom: 105px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 22;
}

#audiobg p {
    color: #fff;
    left: 40%;
    font-size: 18px;
    bottom: 78px;
    position: absolute;
}

#audiobg img {
    width: 30%;
    bottom: 120px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -15%;
}

.daan {
    margin-bottom: 50px;
}

.tipDiv ul li {
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
}

.tipDiv {
    background-color: #fff;
    width: 100%;
    z-index: 9;
    position: absolute;
    bottom: 120px;
    /* border-bottom: 3px solid #015293; */
    color: #333;
}

.tipDiv li {
    line-height: 30px;
    padding-left: 10px;
    cursor: pointer;
}

#inputpanel {
    /* padding-bottom: 5px; */
    position: absolute;
    /* position: fixed; */
    bottom: 0px;
    width: 100%;
    /* max-width: 740px; */
    padding: 18px 10px 18px;
    box-sizing: border-box;
    height: 100px;
    border-radius: 20px 20px 0 0;
    background: rgba(255, 255, 255, 0.5);
    /* background: url(../images/srk@2x.png) no-repeat center;
    background-size: 100% 100%; */
    z-index: 1;
    display: flex;
    border-top: 1px solid #efefef;
    align-items: center;
}
.tipDiv {
    position: absolute;
    bottom: 0;
    bottom: 100px;
    background-color: #fff;
    /* padding-left: 15px; */
    right: 0;
    left: 0;
    z-index: 9;
    width: 100%;
}
.tipDiv ul li {
    line-height: 28px;
}
.keywords {
    /* width: 100%; */
    /* position: absolute; */
    bottom: 60px;
    /* color: #333; */
    z-index: 1;
    left: 0;
    /* display: flex; */
}
.keywords p {
    width: 130px;
    padding: 2px 0px;
    color: #297fff;
    margin: 5px 10px;
}
.fixkeywords {
    width: 100%;
    color: #333;
    z-index: 1;
    position: fixed;
    /*background: url(../images/background.png) no-repeat;*/
    top: 50px;
    background-size: 100%;
    padding-top: 10px;
}
.keywordsdiv ul {
    display: -webkit-inline-box;
    width: 100%;
    margin: 0 auto;
    /*background:#f8f8f8 url(../images/keybtn_bg.gif) no-repeat;*/
    /*height: 100px;*/
    background-size: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
.keywordsdiv ul li {
    animation: slideInRight 0.8s ease-in-out both;
    margin: 0 10px 0 0;
}
.keywordsdiv ul li a {
    display: block;
    font-size: 13px;
    color: #000;
    float: left;
}
.keywordsdiv ul li a p {
    width: auto !important;
    text-align: center;
    margin: 5px auto;
    background: #f7f7f7;
    font-size: 12px;
    padding: 4px 13px;
    border-radius: 15px;
    border: 1px solid #dfdfdf;
    color: #292929;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

#srk{
    position: relative;
    height: 66px;
    width: 100%;
    height: 100%;
    /* border-radius: 30px; */
    background: url(../images/shuruk@2x.png) no-repeat center;
    background-size: 100% 100%;
    /* background: #fff; */
}
#chatform {
    width: 64%;
    /* background-color: #fff; */
    border-radius: 30px;
    box-sizing: border-box;
    overflow: hidden;
    /* padding-left: 5px; */
    margin: 0 auto;
    height: 100%;
}
#chatform textarea {
    width: 100%;
    overflow: hidden;
    height: 100%;
    /* margin-top: 20px; */
    outline: none;
    resize: none;
    padding-left: 25px;
    box-sizing: border-box;
    /* margin-top: 14px; */
    background: transparent;
    font-size: 14px;
    /* line-height: 62px; */
    font-family: "Microsoft YaHe";
    color: #000 !important;
    /* font-weight: 700; */
    /* float: left; */
    padding-right: 25px;
    border: 0;
    /* border-radius: 100px; */
    padding-top: 23px;
}
.button {
    position: absolute;
    right: 15px;
    top: 26px;
    z-index: 6;
}
.button button {
    width: 35px;
    height: 35px;
    background: url(../images/fs@2x.png) no-repeat center;
    color: #fff;
    border: 0 none;
    outline: none;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    background-size: 180% 180%;
}

.special-button {
    display: flex;
    justify-content: space-around;
    width:80px;
    float: right;
}

#history_button button{
    background:url(../images/lsjl2@2x.png) no-repeat center;
    width: 17px;
    height: 100%;
    border:none;
    background-size: 100%;
    line-height: 17px;
    background-position-y: 2px;
}

#slide_min_button button{
    background:url(../images/gd@2x.png) no-repeat center;
    width: 18px;
    height: 100%;
    border:none;
    background-size: 20%;
    background-position-y: 3px;
}
#mute {
    width: 100px;
    height: 100px;
    background: url(../images/beijing@2x.png) no-repeat;
    background-size: 100% 100%;
    line-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.card_box3 ul {
    display: block;
    margin: 0 auto;
    height: 30px;
    width: 90%;
}
.card_box3 ul li {
    float: left;
}




.g-man-largermodel{
    position: static;
    display: flex;
    /* padding-right: 12px; */
    justify-content: flex-end;
}

.g-man-largermodel .g-man1,
.g-man-largermodel .g-man2{
    width: 31px;
    border: none;
}

.bobao{
    display: flex;
    width: auto;
    align-items: center;
    position: relative;
    margin: 0 3px;
    margin-right: 4px;
    visibility: visible;
}
.bobao button{
    background: url(../images/yuyin.png) no-repeat;
    width: 31px;
    background-size: 100% ;
    background-position: center;
    height: 31px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    outline: none;
}

.znwd-fw {
    /* position: fixed; */
    /* float: right; */
    display: flex;
    /* height: 50px; */
    margin-top: 0px;
    /* padding: 0 40px; */
    /* width: 100%; */
    top: 126px;
    right: 15px;
    justify-content: flex-end;
    flex-direction: column;
}

.znwd-fw li {
    /* width: 100px; */
    text-align: center;
    color: #000;
    background: #fff;
    padding: 0px 0px;
    height: 28px;
    line-height: 28px;
    /* margin-right: 5px; */
    padding: 0px 8px;
    /* border-radius: 32px; */
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    justify-content: center;
}

.znwd-fw li p {
    font-size: 12px;
}

#shengming i {
    width: 13px;
    height: 13px;
    display: block;
    background: url(../images/2@2x.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 4px;
    cursor: pointer;
}
#shengming{
    border-radius: 32px 0px 0px 32px;
}
#xieyi{
    border-radius: 0px;
}
#xieyi i {
    width: 13px;
    height: 13px;
    display: block;
    background: url(../images/3@2x.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 4px;
    cursor: pointer;
}



.prompting5 .pro-box,
.prompting3 .pro-box,
.prompting4 .pro-box,
.prompting8 .pro-box,
.prompting9 .pro-box{
    background: url(../images/backgroundtishi@2x.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 0px;
    width: 95%;
    /* display: flex; */
    overflow: visible !important;
    justify-content: space-between;
    height: 400px;
    text-align: center;
}

.prompting5 .modal-title,
.prompting3 .modal-title,
.prompting4 .modal-title,
.prompting8 .modal-title,
.prompting9 .modal-title {
    background: url(../images/biaoti@2x.png) no-repeat left center;
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    padding: 33px 0px;
    background-size: 28%;
    width: 94%;
    /* background-size: 100% 100%; */
    /* padding-left: 123px; */
    border-radius: 0px;
    margin: 0 auto;
    /* margin-top: -12px; */
}

.prompting5 .modal-body,
.prompting3 .modal-body,
.prompting4 .modal-body,
.prompting8 .modal-body,
.prompting9 .modal-body {
    margin: 25px 0px;
    /* padding: 0 25px; */
    width: 90%;
    margin: 0 auto;
    overflow: auto!important;
    height: 260px;
    line-height: 25px;
}

.prompting4 .modal-title ul {
    color: #000;
    margin-top: 25px;
    width: 100%;
    height: 400px;
}

.prompting4 .modal-title ul li {
    font-size: 16px;
    background-color: #659ad2;
    color: #fff;
    line-height: 50px;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 11px;
}

.prompting4 .pro-box h4 {
    text-align: start;
    font-size: 20px;
    padding-left: 15px;
    background: url(../images/biaoqian-1@2x.png) no-repeat left center;
    background-position: 28px;
}

.prompting4 .pro-box h5 {
    text-align: start;
    background-color: transparent;
    color: #000;
    font-weight: 700;
    
}

.prompting5 .modal-body label {
    color: red;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}

.prompting5 .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 9px 5px;
    background: #eaf2ff;
    box-sizing: border-box;
    border-radius: 0px 0px 20px 20px;
}

#agreeButton {
    padding: 10px 1px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}

.prompting5 .modal-footer span {
    font-size: 10px;
    color: #3573b5;
}

#agreeButton:disabled {
    background-color: #ddd;
    cursor: not-allowed;
}

#submitBtn,
#cancelBtn {
    border: 0 none;
    outline: none;
    color: #FFF;
    width: 60px;
    height: 30px;
    cursor: pointer;
    background-color: #2877e9;
}

#submitBtn1,
#cancelBtn1,
#cancelBtn2,
#cancelBtn7,
#submitBtn6 {
    border: 0 none;
    outline: none;
    color: #FFF;
    width: 85px;
    height: 30px;
    cursor: pointer;
    background-color: #1e76d1;
    border-radius: 5px;
    font-size: 14px;
}

#cancelBtn3,
#cancelBtn4,
#cancelBtn5,
#cancelBtn6,
#cancelBtn8,
#cancelBtn9 {
    position: absolute;
    right: -10px;
    z-index: 99999999999999999999999999999999999;
    /* float: right; */
    background: url(../images/guanbi@2x.png) no-repeat;
    background-size: 100% 100%;
    /* padding-top: 5px; */
    background-size: 100%;
    /* margin-right: 5px; */
    color: #e5e5e5;
    cursor: pointer;
    width: 25px;
    font-size: 25px;
    text-align: center;
    height: 25px;
    line-height: 24px;
    top: -35px;
    border: none;
    /* color: #000; */
    /* margin-top: 7px; */
}

.second-title {
    line-height: 28px;
    /* padding-left: 10px; */
    background: url(../images/biaoqian-2@2x.png) no-repeat left center;
    font-size: 16px;
    background-position-y: 17px;
    font-weight: 700;
    text-align: left;
    background-position-x: 21px;
    background-position-y: 13px;
}

.prompting5 .modal-body p {
    text-align: start;
    font-weight: 400;
    line-height: 30px;
    /* background-position-y: 13px; */
}

.prompting5 .modal-body h5 {
    text-align: start;
    background-color: transparent;
    color: #000;
    /* padding-left: 15px; */
    background: url(../images/biaoqian-1@2x.png) no-repeat left center;
    background-position: 19px;
    font-weight: normal;
}

.pro-box2{
    width: 92vw;
    /* min-height: 240px; */
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    /* overflow: auto; */
    box-sizing: border-box;
}




#cancelBtn1{
    position: absolute;
    right: -23px;
    z-index: 99999999999999999999999999999999999;
    background: url(../images/guanbi@2x.png) no-repeat;
    background-size: 100%;
    color: #e5e5e5;
    cursor: pointer;
    width: 25px;
    font-size: 25px;
    text-align: center;
    height: 25px;
    line-height: 24px;
    top: -36px;
    border: none;
}

#submitBtn1{
    border: none;
    background-color: #3573b5;
    width: 50px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
    padding: 3px 2px;
    border-radius: 5px;
}


#huanying{
    background-color: transparent;
    font-size: 14px;
    /* border-radius: 10px; */
    flex: 1;
    margin-top: 12px;
    /* padding: 10px 2px; */
    margin-left: -15px;
    line-height: 23px;
    /* border-bottom: 1px solid #e0e0e0; */
}

#huanying p:nth-child(1){
    font-size: 14px;
}
#huanying p:nth-child(2){
    font-size: 10px;
    color:#666;
    line-height: 16px;
}


.swiper-content {
    /* height: 189px; */
    /* background: #fff; */
    /* width: 90%; */
    /* padding: 0px 8px; */
    margin: 0 auto;
}


#qiehuan_old i{
    width: 13px;
    height: 13px;
    display: block;
    background: url(../images/qhjb@2x.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 4px;
    cursor: pointer;
}

#qiehuan_old a{
    display: flex;
    align-items: center;
}
.top-logo{
    width: 100%;
    /* padding-top: 10px; */
    /* display: flex; */
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.top-logo img{
    width: 100%;
    display: block;
}

.question_close{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/cancel_i.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: -1px;
    top: 22px;
    cursor: pointer;
}

.history_nav {
    position: fixed;
    opacity: 0;
    right: -100%;
    padding: 10px 5px;
    box-sizing: border-box;
    top: 0px;
    width: 100%;
    height: 100%;
    line-height: 50px;
    overflow-y: auto;
    z-index: 13;
    background: url(../images/backgroundtishi@2x.png) no-repeat center;
    background-size: cover;
    transition: all 0.8s;
}
.history{
    position: relative;
   
}

 .history-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#history {
    width: 90%;
    margin: 0 auto;
    height: 90%;
    margin-top: 10px;
}

#history li {
    line-height: 30px;
    font-size: 13px;
    color: #000;
    cursor: pointer;
    /* background: #fff; */
    display: flex;
    padding: -1px 10px;
    border-radius: 15px;
    justify-content: space-between;
}
#history li a{
    width: 100%;
}


#slide_down_button{
    width:  63px;
    height: 63px;
    background:#ffffff url(../images/slide_down.png) no-repeat center;
    color: #fff;
    border: 0 none;
    outline: none;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    background-size: 40%;
    float: right;
    margin-left: 6px;
}

.clear {
    /* position: absolute; */
    right: 13px;
    top: 0px;
    height: 25px;
    width: 25px;
    background: #fff url(../images/delete.png) no-repeat center;
    color: #000;
    text-align: center;
    border-radius: 25px;
}

#go_back_history{
    border:none;
    background:#63a1e1 url(../images/backbtn.png) no-repeat center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transform: rotate(180deg);
    float: left;
    display: block;
}

.slide_nav{
    position: fixed;
    opacity: 0;
    right: -60%;
    top: 40px;
    width: 100px;
    height: auto;
    line-height: 50px;
    z-index: 13;
    background: url(../images/backgroundtishi@2x.png) no-repeat center;
    background-size: cover;
    transition: all 0.8s;
    border-radius: 5px;
}

.cutRight{
    right: 0px;
    opacity: 1;
    display: block !important;
}

/* 底部更多服务框 */
.slide_down_nav{
    width: 100%;
    height: auto;
    background: url(../images/bj@2x\ \(1\).png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: -53%;
    opacity: 0;
    transition: all 0.8s;
    display: none;
    text-align: center;
    z-index: 9999999999;
    box-sizing: border-box;
    border-radius: 15px 15px 0px 0px;
    padding: 10px 14px;
}
.cancel_slide_down{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/guanbi@2x.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 27px;
    top: 19px;
    cursor: pointer;
    border:none;
}
.cutBottom{
    opacity: 1;
    bottom: 1px;
}
.slide_down_content{
    margin-top: 15px;
}
.nav_shade {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.7s;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 13;
    background-color: rgba(0, 0, 0, 0.7);
}

.nav_shade.show {
    visibility: visible;
    opacity: 1;
}
.nav_shade2 {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.7s;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 12;
    background-color: rgba(0, 0, 0, 0.7);
}

.nav_shade2.show {
    visibility: visible;
    opacity: 1;
}

.content p{
    /* line-height: 30px; */
}
.friendly_p{
    font-weight: 700;
}

.content ol{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding: 0 16px;
    padding-left:30px;
    box-sizing: border-box;
}
.content ol li{
list-style: unset;
list-style-type: decimal;  

}
.content ol li::marker{
      unicode-bidi: isolate;
      font-variant-numeric: tabular-nums;
      text-transform: none;
      text-indent: 0px !important;
      text-align: start !important;
      text-align-last: start !important;
}

.content ol li ul{
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0 16px;
  box-sizing: border-box;
}
.content ol li ul li{
list-style-type: disc;
}

.content p{
    display: block;
      /* margin-block-start: 1em; */
      margin-block-end: 1em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      unicode-bidi: isolate;
}
.content p:last-child{
    margin-block-end: 0em;
  
}

.link_p{
    font-weight: 700;
}

.largeModel_clickmore{
    display: none;
}

.c_text{
    word-wrap: break-word; /* 旧版 */
    overflow-wrap: break-word; /* 新版 */
}


.modal_address{
    position: fixed;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}


.modal-box{
    width: 90%;
    max-height: 460px;
    background-color: #fff;
    position: fixed;
    top: 15%;
    left: 5%;
    /* border-radius: 10px; */
    /* margin-left: -300px; */
    margin-top: 0;
    box-sizing: border-box;
}


.modal-box h5 {
    line-height: 36px;
    color: #ee4349;
    line-height: 42px;
    background: #3174b6;
    color: #fff;
    text-align: left;
    margin: 0;
    font-size: 15px;
    /* border-top-left-radius: 10px; */
    /* border-radius: 10px 10px 0 0; */
    font-weight: normal;
    padding-left: 15px;
}


.icon_chongzhi {
    display: none;
    position: absolute;
    top: 50px;
    left: 30px;
    cursor: pointer;
    background: url(../images/address_right.png) no-repeat right 15px;
    background-size: 15px 15px;
    padding-right: 20px;
    font-weight: bold;
    font-size: 16px;
    height: 32px;
    line-height: 42px;
    color: #3174b6;
}

.modal-body p.add_chose {
    position: absolute;
    left: 90px;
    font-weight: bold;
    font-size: 16px;
    /* height: 32px; */
    line-height: 42px;
    color: #3174b6;
    padding-right: 25px;
    top: 50px;
}



.add_content {
    max-height: 300px;
    margin: 10px 0;
    padding: 0 15px;
    overflow: auto;
}

.add_content ul li {
    float: left;
    width: 25%;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    height: 50px;
}


.add_content ul li a {
    display: inline-table;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    padding: 0 5px;
}


.add_footer {
    height: 50px;
    text-align: center;
}


.add_footer button {
    width: 85px;
    border: 0;
    height: 30px;
    line-height: 30px;
    outline: none;
    font-size: 14px;
    background-color: #777;
    border-radius: 5px;
    color: #fff;
    margin: 0 5px;
}

.add_footer button {
    width: 85px;
    border: 0;
    height: 30px;
    line-height: 30px;
    outline: none;
    font-size: 14px;
    background-color: #777;
    border-radius: 5px;
    color: #fff;
    margin: 0 5px;
}


.add_content ul li a.active {
    background: #3174b6;
    color: #fff;
    border-radius: 15px;
}


p.add_chose span {
    /* margin-left: 25px; */
    cursor: pointer;
    /* border-bottom: 1px solid #6ba3c3; */
    /* background: url(../images/address_right.png) no-repeat right 6px; */
    /* background-size: 15px 15px; */
    /* padding-right: 18px; */
    /* text-decoration: underline;*/
}

p.add_chose {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    font-size: 18px;
    height: 32px;
    line-height: 30px;
    color: #015293;
    /* padding-right: 25px; */
    top: 50px;
}


.choosediv {
    background: none;
    box-shadow: none;
    margin: 0 !important;
    padding: 0 !important;
}


#Disclaimer {
    /* display: none; */
    /* float: right; */
    position: absolute;
    /* width: 26px; */
    background: #eff5f8;
    color: #609dff;
    border: none;
    padding: 3px 12px;
    cursor: pointer;
    right: 0px;
    top: 0px;
    border-radius: 15px 15px 0px 15px;
}

#Disclaimer::after {
    content: '';
    /* border-right: 50px solid transparent; */
    border-top: 23px solid #eff5f8;
    position: absolute;
    border-left: 16px solid transparent;
    right: 71px;
    top: 0;
}

.NationalAnswer_comefrom ul{
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: column;
} 
.NationalAnswer_comefrom ul li{
    position:relative;
    /* list-style: auto; */
    line-height: 24px;
}

.comefrom_content{
    display:none;
    width: 98%;
    background: #fff;
    border-radius: 10px;
    position:absolute;
    top:-100px;
    right: 0px;
    padding:10px;
    z-index: 999;
}
.comefrom_content p:first-child{
    border-bottom: 1px dashed #1c659f;
    font-weight:700;
    padding-bottom: 5px;
}
.comefrom_content p:nth-child(2){
    max-height: 80px;
    overflow: auto;
}
.content{
    padding-top:20px;
}

.NationalAnswer_content hr{
    border:1px dashed #1559a3;
}


.prompting5 .pro-box {
    background: #FFF;
    border-radius: 20px;
    width: 95%;
    /* display: flex; */
    overflow: visible !important;
    justify-content: space-between;
    /* height: 550px; */
}

.prompting5 .modal_title {
    text-align: center;
    color: #ffff;
    padding: 20px 0px;
    width: 100%;
    background: #1e76d1;
    /* padding-left: 123px; */
    border-radius: 20px 20px 0px 0px;
    margin: 0 auto;
}

.prompting5 .modal_body {
    margin: 25px 0px;
    /* padding: 0 25px; */
    width: 90%;
    margin: 0 auto;
    overflow: hidden !important;
    height: 269px;
}

.prompting5 .modal_body p {
    text-align: start;
    font-weight: 400;
    line-height: 30px;
    background-position-y: 13px;
}

.prompting5 .modal_body h5 {
    text-align: start;
    background-color: transparent;
    color: #000;
    padding-left: 5px;
    background: url(../images/biaoqian-1@2x.png) no-repeat left center;
    background-position: 28px;
}

.prompting5 label {
    color: red;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

#agreeButton {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}

.prompting5 .modal-footer span {
    font-size: 14px;
    color: #3573b5;
}

#agreeButton:disabled {
    background-color: #ddd;
    cursor: not-allowed;
}

.second-title {
    line-height: 28px;
    padding-left: 10px;
    background: url(../images/biaoqian-2@2x.png) no-repeat left center;
    font-size: 16px;
    font-weight: 700;
    background-position-x: 30px;
    text-align: left;
}

.prompting5 .modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    /* line-height: 82px; */
    margin: 0 auto;
    /* line-height: 34px; */
    padding: 20px 30px;
    background: #fff;
    border-radius: 0px 0px 20px 20px;
}

.text-center {
    text-align: center;
}

.prompting4 .modal_title {
    height: auto;
    padding: 10px;
}

.prompting4 .modal_body {
    height: 320px;
    padding: 5px 20px;
    overflow: auto;
}

.modal_title {
    padding: 0 50px;
    font-size: 20px;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    text-align: center;
    background-color: #1e76d1;
    position: relative;
}

.more-new, .more-new2, .more-new3 {
    color: #015293 !important;
    cursor: pointer;
    line-height: 34px !important;
    padding-left: 20px;
    background: #fff url(../images/chat_open.png) 75px center no-repeat;
    border-radius: 15px;
    background-size: 14px;
    width: 100px;
    height: 34px;
    font-size: 13px;
    margin: 10px 0;
}

.g-man {
    position: relative;
    margin: -15px 45px 15px;
    line-height: 30px;
    font-size: 13px;
    display: flex;
    animation-name: fadeInLeft;
    animation-duration: 2s;
}


.g-man1,
.g-man2 {
    width: 95px;
    height: 30px;
    margin: 0 10px;
    line-height: 30px;
    text-align: center;
    color: #666666;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 18px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 13px;
    padding: 0 15px;
}

.g-man1:hover,
.g-man2:hover {
    background: #015293;
    border: 1px solid #015293;
}

.g-man1:hover span:nth-child(1) {
    display: block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    vertical-align: unset;
    background: url(../images/znwd-icon1.png) no-repeat;
    cursor: pointer;
    margin-top: 6px;
    background-position: -50px -234px;
}

.g-man1:hover span,
.g-man2:hover span {
    color: #fff;
}

.g-man2:hover span:nth-child(1) {
    display: block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    vertical-align: unset;
    background: url(../images/znwd-icon1.png) no-repeat;
    cursor: pointer;
    margin-top: 6px;
    background-position: -50px -269px;
}

.g-man1 span:nth-child(1) {
    display: block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    vertical-align: unset;
    background: url(../images/znwd-icon1.png) no-repeat;
    cursor: pointer;
    margin-top: 6px;
    background-position: -12px -234px;
}

.g-man2 span:nth-child(1) {
    display: block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    vertical-align: unset;
    background: url(../images/znwd-icon1.png) no-repeat;
    cursor: pointer;
    margin-top: 6px;
    background-position: -12px -269px;
}

.g-man span {
    color: #959595;
    font-size: 13px;
    float: left;
}