@font-face {
    font-family: 'MyFont';
    src: url('../font/AAGUDIANKEBENSONG.TTF') format('truetype');
}
@font-face {
    font-family: 'MyFont1';
    src: url('../font/TpldKhangXiDictTrial.otf') format('truetype');
}
.h_Bg{
    background: #fdfaf6;
    padding-bottom: 50px;
}
.b_bg{
    background: #fefefe;
    padding-bottom: 55px;
}
.l_Bg{
    background: #eff9f9;
    padding-bottom: 55px;
}
.headerForm{
    width: 100%;
    height: 773px;
    background: url(../img/bg.jpg) repeat-x center;
}
.logo_search{
    align-items: center;
    padding-top: 31px;
}
.logo_search a{
    display: flex;
    align-items: center;
}
.logo_search span{
    margin-left: 15px;
}
.logo_search span em{
    font-size: 18px;
    color: #f0ddc7;
    display: block;
    margin-top: 3px;
}
.logo_search a strong{
    display: block;
    font-size: 24px;
    font-weight: 450;
    color: #ffffff;
    letter-spacing: 3px;
}

.search_box{
    width: 321px;
    height: 43px;
    background: #ffffff;
    border-radius: 30px;
    position: relative;
}
.search_box input{
    height: 100%;
    border: 0;
    font-size: 20px;
    padding-left: 20px;
    background: none;
}
.search_box button{
    width: 59px;
    height: 37px;
    border: 0;
    position: absolute;
    right: 4px;
    top: 3px;
    background-position: -103px -3px;
}
.search_r span{
    width: 92px;
    height: 41px;
    display: inline-block;
    cursor: pointer;
}
.search_r span.kf_icon{
    background-position: 0 -359px;
}
.search_r span.dd_icon{
    background-position: 0 -410px;
}


/* nav */
.tpIdxNav{
    padding: 0 17px;
    box-sizing: border-box;
    margin-top: 30px;
}
.tpIdxNav a{
    font-size: 20px;
    color: #fcfcfe;
    position: relative;
}
.tpIdxNav a.hot:before{
    content: '';
    width: 24px;
    height: 17px;
    position: absolute;
    right: -27px;
    top: -10px;
    background: url(../img/sur.png) no-repeat center;
    background-position: -1px -48px;
}
.tpIdxNav a.ds i{
    content: '';
    width: 60px;
    height: 26px;
    position: absolute;
    right: 8px;
    top: -23px;
    background: url(../img/ds_hot.png) no-repeat center;
    background-size: 48px auto;
    font-size: 13px;
    text-align: center;
    line-height: 22px;
    font-style: normal;
}
.tpIdxNav a:hover:after {
    width: 100%;
}
.tpIdxNav a.active:after {
    width: 100%;
}
.tpIdxNav a:after {
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    display: block;
    width: 0px;
    height: 6px;
    position: absolute;
    bottom: -14px;
    background: #b06d64;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.formIptCen{
    width: 1400px;
    margin: 40px auto 43px;
    height: 650px;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px 0px #EBEBF6;
    border-radius: 10px;
    padding: 0 71px;
    position: relative;
    z-index: 555;
    box-sizing: border-box;
}

.leftFormIpt {
    width: 600px;
    text-align: center;
    padding: 60px 0 0 0;
}
.up_Tab{
    padding: 0 28px;
}
.up_Tab span{
    cursor: pointer;
    font-size: 0;
}
.up_Tab span.active p{
    color: #a93121;
    font-size: 21px;
}
.up_Tab span img{
    width: 89px;
    height: 89px;
}
.img_on{
    display: none;
}
.up_Tab span.active img{
    display: none;
}
.up_Tab span.active .img_on{
    display: block;
    transform: scale(1.1);
    margin-bottom: 5px;
}
.up_Tab span p{
    font-size: 18px;
    margin-top: 8px;
    color: #121313;
}
.itemForeWarp{
    margin-top: 30px;
    position: relative;
}
.iFIpt{
    border: 1px solid #f4e7d7;
    border-radius: 5px;
    background: #faf5ee;
    height: 69px;
    line-height: 69px;
    margin-bottom: 22px;
    text-align: left;
    padding-left: 17px;
    box-sizing: border-box;
    position: relative;
}
.iFIpt span{
    font-size: 22px;
    color: #0e0e0f;
}
.iFIpt input{
    height: 83%;
    border: none;
    background: none;
    margin-top: -2px;
    font-size: 22px;
    margin-left: 5px;
    width: 64%;
}
.iFIpt input::placeholder{
    font-size: 22px;
}
.checkBoxNew{
    position: absolute;
    bottom: 185px;
    width: 100%;
}
.checkBoxNew input {
    vertical-align: middle;
    margin-right: 5px;
    width: 18px;
    height: 18px;
}
.checkBoxNew span {
    vertical-align: middle;
    color: #858383;
}
.checkBoxNew a {
    color: #858383;
    text-decoration: revert;
}
.submitAlink{
    width: 100%;
    height: 72px;
    background: linear-gradient(136deg, #a93121 0%, #bb3523 100%);
    border-radius: 10px;
    border: none;
    font-size: 28px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 32px;
}
.bottomFont{
    margin-top: 32px;
}
.bottomFont span{
    font-size: 18px;
    color: #88898b;
    margin: 0 26px;
}
.bottomFont span em{
    color: #1f59f0;
}
.xn_zx{
    margin-top: 22px;
}
.xn_zx span{
    color: #88898b;
}
.xn_zx span em{
    color: #fe835d;
}
.xn_zx span{
    font-size: 20px;
    margin: 0 10px;
}
.s_up{
    width: 18px;
    height: 16px;
    position: absolute;
    top: -16px;
    left: 61px;
}
.s_up.s2{
    left: 213px;
}
.s_up.s3{
    left: 363px;
}
.s_up.s4{
    left: 514px;
}
.calendar_my{
    width: 542px;
    margin-top: 41px;
}
.current_sj{
    width: 100%;
    height: 58px;
    line-height: 58px;
    background: #f9f2ea;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    color: #5f6769;
    position: relative;
}
.current_sj>i{
    width: 21px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    position: absolute;
    right: 35px;
    top: 25px;
    background: url(../img/sjxl.png) no-repeat center;
}
.time_sz{
    align-items: center;
    /*padding: 20px 20px 0 20px;*/
}
.time_sz i{
    width: 36px;
    height: 35px;
    display: block;
    cursor: pointer;
}
.time_sz i.l_z{
    background-position: 0 -71px;
}
.time_sz i.r_y{
    background-position: -42px -71px;
}
.time_sz em{
    color: #e8c9a3;
    font-size: 221px;
    line-height: 260px;
    /*font-family: 'MyFont', sans-serif;*/
}
.y_j{
    border-bottom: 1px solid #f4f3f3;
    padding-bottom: 20px;
}
.y_j p a{
    color: #171919;
}
.y_j p a.red{
    color: #d33520;
}
.y_j p{
    font-size: 20px;
    color: #282a2a;
    display: flex;
    margin-bottom: 13px;
    padding-left: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.y_j p i{
    width: 28px;
    height: 28px;
    line-height: 26px;
    border-radius: 50%;
    color: #fff;
    font-style: normal;
    display: inline-block;
    text-align: center;
}
.y_j p i.y{
    background: #d33520;
}
.y_j p i.j{
    background: #bebdbd;
}
.list_jr{
    flex-wrap: wrap;
    margin-top: 28px;
}
.list_jr li {
    width: 99px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #dbdbda;
    margin-bottom: 14px;
    border-radius: 5px;
}
.list_jr li:hover{
    border: 1px solid #ca321d;
}
.list_jr li a{
    font-size: 18px;
    color: #171919;
}
.list_jr li a:hover{
    color: #ca321d;
}
.g_title{
    color: #171617;
    font-size: 36px;
    letter-spacing: 4px;
}
.ds_about{
    padding-top: 135px;
    padding-bottom: 85px;
}
.ds_warp{
    margin-top: 36px;
}
.ds_about{
    background: url(../img/s_bg.jpg) right bottom no-repeat #fdfaf6;
}
.ds_bg{
    width: 607px;
    height: 846px;
    background: url(../img/ds_img.png) no-repeat center;
}
.ds_btn{
    padding-top: 762px;
    position: relative;
}
.ds_btn a{
    width: 323px;
    height: 127px;
    display: block;
    position: absolute;
}
.ds_btn a.zx_ds_hs{
    background-position: -2px -223px;
    left: -14px;
}

.ds_btn a.z_ds{
    right: -25px;
    background-position: -318px -223px;
}
.r_ds{
    width: 777px;
}
.video_ds{
    width: 100%;
    height: 435px;
    background: url(../img/video_ds.jpg) no-repeat center;
}
.tcp-skin{
    width: 100%;
}
.advantage h3{
    font-size: 32px;
    margin-top: 37px;
    padding-left: 37px;
    position: relative;
    color: #dab590;
}
.advantage h3:after{
    content: '';
    width: 7px;
    height: 28px;
    position: absolute;
    left: 4px;
    top: 8px;
    border-radius: 10px;
    background: #dab590;
}
.ys_list{
    padding: 0 26px;
}
.ys_list li{
    text-align: center;
}
.ys_list li a{
    color: #171617;
}
.ys_list li p{
    text-align: center;
}
.ys_list li i{
    width: 107px;
    height: 111px;
    display: block;
    margin: auto;
}
.ysi_1{
    background-position: -5px -112px;
}
.ysi_2{
    background-position: -117px -112px;
}
.ysi_3{
    background-position: -237px -112px;
}
.ysi_4{
    background-position: -365px -112px;
}
.ys_list li{
    width: 162px;
    text-align: center;
    margin-top: 26px;
}
.ys_list li h4{
    font-size: 20px;
    margin-bottom: 14px;
}
.ys_list li p{
    text-align: left;
    line-height: 27px;
}
.expert{
    overflow: hidden;
}
.expert_content{
    box-shadow: 0px 3px 10px 4px #eeeeee;;
    padding: 50px 35px;
    box-sizing: border-box;
    margin: 58px auto 0;
    border-radius: 10px;
}
.expert_t{
    margin-bottom: 8px;
    align-items: center;
}
.expert_t h2 a{
    font-size: 34px;
    color: #171617;
    letter-spacing: 2px;
}
.expert_t span{
    background: #e9cdaa;
    border-radius: 15px;
    height: 30px;
    padding: 0 10px;
    /*width: 122px;*/
    letter-spacing: 3px;
    text-align: center;
    line-height: 30px;
    color: #b38142;
    margin-left: 13px;
}
.expert_t span i{
    display: inline-block;
    width: 18px;
    height: 22px;
    background-position: -216px -3px;
    vertical-align: -4px;
    margin-right: 5px;
}

.expert_item{
    margin-top: 39px;
}
.expert_item li{
    width: 301px;
    height: 402px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.expert_item li:hover .ds_zz{
    bottom: 0;
}
.expert_item li img{
    width: 100%;
    transition: 0.5s all;
}
.expert_item li:hover img{
    transform: scale(1.1);
}
.ds_zz{
    width: 100%;
    height: 217px;
    background: rgba(0,0,0,0.3);
    position: absolute;
    bottom: -74px;
    left: 0;
    padding: 21px 21px;
    transition: 0.5s all;
    -ms-transition:0.5s all; /* IE 9 */
    -moz-transition:0.5s all; /* Firefox */
    -webkit-transition:0.5s all; /* Safari 和 Chrome */
    -o-transition:0.5s all; /* Opera */
    box-sizing: border-box;
}
.ds_zz h4{
    font-size: 24px;
    color: #fefefe;
    letter-spacing: 3px;
}
.ds_zz h4 i{
    width: 17px;
    height: 17px;
    display: inline-block;
    background-position: -242px -4px;
    margin-left: 8px;
}
.ds_zz em{
    font-size: 14px;
    color: #fefefe;
    margin-top: 11px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ds_zz > i{
    width: 58px;
    height: 5px;
    background: #a93121;
    display: block;
    margin: 10px 0;
}
.ds_zz p{
    color: #dad4d4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn_d{
    margin-top: 22px;
}
.btn_d a,.btn_d span{
    width: 124px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    border-radius: 20px;
    letter-spacing: 1px;
    cursor: pointer;
}
.btn_d span.hs_b{
    color: #ffffff;
    font-size: 20px;
    background: #a93121;
}
.btn_d a.yl_b{
    color: #88520d;
    font-size: 20px;
    background: #d9af78;
}
.title_sever{
    align-items: center;
    margin-top: 35px;
}
.title_sever h3{
    font-size: 36px;
    color: #171617;
    letter-spacing: 4px;
}
.title_sever a{
    width: 283px;
    height: 49px;
    line-height: 49px;
    background: #a93121;
    text-align: center;
    font-size: 22px;
    border-radius: 5px;
    color: #ffffff;
    letter-spacing: 3px;
}
.title_sever a i{
    width: 21px;
    height: 24px;
    display: inline-block;
    background-position: -36px -43px;
    vertical-align: middle;
}
.sm_zj{
    margin-top: 34px;
}
.sm_zj li{
    display: flex;
    position: relative;
    width: 254px;
    padding-left: 36px;
    cursor: pointer;
}
.sm_zj li a{
    color: #171617;
    display: flex;
    position: relative;
    width: 254px;
}
.sm_zj li:nth-child(1){
    padding-left: 0;
}
.sm_zj li:last-child:after{
    background: none;
}
.sm_zj li:after{
    content: '';
    width: 2px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 17px;
    background: #efeeee;
}
.sm_zj li .zj_font{
    margin-left: 12px;
}
.zj_font{
    color: #171617;
}
.zj_font p em{
    font-size: 30px;
}
.zx_qm{
    padding: 58px 0;
}
.tab_qm li{
    cursor: pointer;
    position: relative;
}
.tab_qm li:nth-child(1).active:after{
    border-top: 15px solid #fab58c;
}
.tab_qm li:nth-child(2).active:after{
    border-top: 15px solid #91cccb;
}
.tab_qm li:nth-child(3).active:after{
    border-top: 15px solid #a2b5fa;
}
.tab_qm li:nth-child(4).active:after{
    border-top: 15px solid #f8a8b0;
}
.tab_qm li.active:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
}
.tab_qm li.active:before{
    content: '';
    width: 46px;
    height: 47px;
    position: absolute;
    background: url(../img/gou.png) no-repeat center;
    right: 0;
    top: 0;
    border-radius: 0 10px 0 0;
}
.form_tab{
    width: 1400px;
    height: 90px;
    line-height: 90px;
    border: 1px solid #fdeeda;
    margin-top: 31px;
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.form_tab form{
    display: flex;
}
.item_form{
    padding-left: 37px;
    position: relative;
    margin-right: 51px;
}
.item_form span{
    font-size: 26px;
}
.sj_sur{
    width: 21px;
    height: 19px;
    display: block;
    position: absolute;
    right: 0;
    top: 37px;
    background-position: -266px 0;
}
.item_form input{
    font-size: 26px;
    color: #88898b;
    border: 0;
    width: 360px;
    padding-left: 5px;
}
.sexSelect{
    position: absolute;
    right: 0;
    top: 8px;
    font-size: 0;
}
.sexSelect span{
    width: 46px;
    height: 46px;
    display: inline-block;
    border-radius: 50%;
    background: #f2f2ee;
    font-size: 23px;
    text-align: center;
    line-height: 46px;
    margin-left: 10px;
    cursor: pointer;
}
.sexSelect span.active{
    background: #89c1c0;
    color: #f9f9f5;
}
.form_tab button{
    width: 316px;
    height: 90px;
    background: #89c1c0;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 36px;
}
.ys_title{
    font-size: 36px;
    margin-top: 50px;
    letter-spacing: 4px;
    color: #171617;
}

.ys_item{
    margin-top: 45px;
}
.ys_item li{
    width: 157px;
    text-align: center;
    position: relative;
}
.ys_item li:last-child:before{
    background: none;
}
.ys_item li:before{
    content: '';
    width: 1px;
    height: 83px;
    position: absolute;
    right: -54px;
    top: 27px;
    background: #f5e6d3;
}
.ys_item li p{
    margin-top: 10px;
    font-size: 25px;
}
.ph_tab{
    padding-top: 58px;
    align-items: center;
}
.r_ph span{
    font-size: 26px;
    color: #a39b9d;
    margin-right: 37px;
    cursor: pointer;
    position: relative;
}
.r_ph span.active{
    color: #171617;
    font-size: 34px;
}
.r_ph span.active:after{
    content: '';
    width: 70px;
    height: 9px;
    background: #4cb9ba;
    border-radius: 5px;
    position: absolute;
    bottom: -46px;
    left: 50%;
    margin-left: -35px;
}
.search_name{
    height: 42px;
    line-height: 42px;
    border: 1px solid #bedfda;
    background: #f2faf9;
    border-radius: 20px;
    width: 258px;
    position: relative;
}
.search_name form{
    height: 100%;
}
.search_name input{
    height: 100%;
    border: 0;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 20px;
    margin-top: 2px;
    background: none;
}
.search_name button{
    width: 59px;
    height: 38px;
    border: 0;
    position: absolute;
    right: 3px;
    top: 2px;
    cursor: pointer;
    background-position: -92px -68px;
}
.search_name button.btn_zi1{
    background-position: -103px -2px;
}
.hs_ipt{
    border: 1px solid #e7d6c0;
    background: #fff;
}
.ph_tabBody{
    box-shadow: 0px 3px 10px 4px #eeeeee;
    padding: 54px 33px;
    box-sizing: border-box;
    margin-top: 37px;
    border-radius: 10px;
    background: #fff;
}
.n_list{
    flex-wrap: wrap;
}
.n_list span{
    width: 50px;
    height: 50px;
    border: 1px solid #d4d7d7;
    display: block;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    color: #5e6667;
    margin-right: 18px;
    margin-bottom: 20px;
    cursor: pointer;
}
.n_list span.active{
    background: #4cb9ba;
    border: 1px solid #4cb9ba;
    color: #fff;
}
.n_list span:nth-child(19n){
    margin-right: 0;
}

#sex_chart{
    width: 619px;
    height: 380px;
}
#sex_chart_name{
    width: 560px;
    height: 346px;
}
.chartBox{
    margin-top: 32px;
}
.l_nameChart{
    width: 610px;
}
.yy_xj{
    width: 600px;
    background: #f4fbfb;
    border-radius: 10px;
    margin-left: 10px;
    overflow: hidden;
    margin-top: 31px;
}
.yy_xj>a{
    width: 100%;
    height: 71px;
    display: block;
    font-size: 28px;
    text-align: center;
    line-height: 71px;
    color: #feffff;
    background: #72b2ba;
}
.yy_xj>a i{
    width: 29px;
    height: 12px;
    display: inline-block;
    background-position: -170px -33px;
}
.dan_font{
    padding: 24px 39px;
    box-sizing: border-box;
}
.tian_zi strong{
    width: 55px;
    height: 55px;
    display: block;
    text-align: center;
    line-height: 55px;
    background-position: -294px 0;
    font-size: 33px;
    font-weight: 450;
    margin-right: 15px;
}
.tian_zi strong a{
    color: #0e0e0f;
}
.jie_f{
    margin-left: 8px;
}
.jie_f p{
    font-size: 18px;
}
.jie_f p em{
    /*margin-right: 34px;*/
    display: inline-block;
    margin-top: 3px;
    width: 124px;
}
.jie_f p em span{
    color: #8d8f8f;
}
.jie_f p em:nth-child(2){
    width: 155px;
}
.zc_yy p{
    font-size: 18px;
    margin-top: 12px;
}
.zc_yy p em{
    color: #8d8f8f;
}
.pie_warp{
    width: 330px;
    height: 291px;
    background: #f4fbfb;
    padding-top: 42px;
    border-radius: 10px;
    box-sizing: border-box;
}
.r_pie{
    width: 689px;
    flex-wrap: wrap;
}
#sex_pie,#occupation,#sex_pie_name,#Animal, #constellation{
    width: 100%;
    height: 237px;
}
.fen_b{
    width: 100%;
    background: #f4fbfb;
    height: 293px;
    margin-top: 32px;
    border-radius: 10px;
    padding-top: 40px;
}
.fen_b h3{
    font-size: 24px;
    color: #4c4849;
    text-align: center;
}
.zx_heng{
    width: 509px;
    height: 222px;
    margin-left: 120px;
    margin-top: 24px;
    background: url(../img/h_tj.jpg) no-repeat center;
    padding-top: 40px;
    box-sizing: border-box;
}
.li_heng{
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}
.li_heng i{
    position: absolute;
    left: -34px;
    font-size: 17px;
    font-style: normal;
}
.li_heng span{
    display: block;
    height: 39px;
    margin-right: 14px;
}
.li_heng span.first{
    background: #bfd2ff;
}
.li_heng span.second{
    background: #f8c3ca;
}
.fl_title{
    font-size: 24px;
    letter-spacing: 4px;
    margin-top: 35px;
    color: #323535;
}
.zm_list{
    flex-wrap: wrap;
}
.zm_list a{
    width: 49px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    display: block;
    border-radius: 5px;
    font-size: 24px;
    margin-right: 16px;
    margin-top: 21px;
    color: #5e6667;
    border: 1px solid #d4d7d7;
}
.zm_list em{
    width: 49px;
    height: 49px;
    text-align: center;
    line-height: 59px;
    display: block;
    margin-top: 21px;
    margin-right: 16px;
}
.zm_list em i{
    width: 1px;
    height: 21px;
    display: inline-block;
    background: #d0d2d2;
}
.zm_list a:nth-child(20){
    margin-right: 0;
}
.zm_list a.jin{
    background: #fcbb73;
    color: #feffff;
}
.zm_list a.mu{
    background: #4eb87e;
    color: #feffff;
}
.zm_list a.shui{
    background: #6dbbd5;
    color: #feffff;
}
.zm_list a.huo{
    background: #e9655c;
    color: #feffff;
}
.zm_list a.tu{
    background: #bfaf9e;
    color: #feffff;
}

.name_qh span{
    width: 92px;
    height: 47px;
    display: inline-block;
    text-align: center;
    line-height: 47px;
    font-size: 22px;
    border: 1px solid #dee0e0;
    border-radius: 5px;
    cursor: pointer;
    letter-spacing: 2px;
}
.name_qh span.active{
    background: #4cb9ba;
    border: 1px solid #4cb9ba;
    color: #fff;
}
/*.name_qh span:hover{*/
/*    color: #72b2ba;*/
/*}*/
.l_chart_name{
    width: 594px;
    padding: 35px 30px;
    box-sizing: border-box;
    background: #f4fbfb;
}
.chart_name{
    margin-top: 42px;
}
.name_yl{
    padding: 19px 24px;
    background: #ffffff;
    margin-top: 24px;
}
.r_chart_name{
    width: 694px;
    flex-wrap: wrap;
}
.r_chart_name .pie_warp{
    margin-bottom: 22px;
}
#cityData{
    height: 145px;
    margin-top: 30px;
}
.chart_t{
    font-size: 24px;
    color: #333333;
    text-align: center;
}
.bfb_btn{
    width: 100%;
    height: 71px;
    display: block;
    font-size: 28px;
    text-align: center;
    line-height: 71px;
    color: #feffff;
    background: #72b2ba;
    border-radius: 0 0 10px 10px;
}
.bfb_btn i{
    width: 29px;
    height: 12px;
    display: inline-block;
    background-position: -170px -33px;
}
.small_hz{
    background: #f4fbfb;
    padding: 13px 22px 26px 22px;
    margin-top: 21px;
    box-sizing: border-box;
    flex-wrap: wrap;
    font-size: 0;
}
.small_hz a{
    width: 52px;
    height: 51px;
    text-align: center;
    line-height: 51px;
    font-size: 30px;
    display: block;
    color: #2c2f2f;
    background-position: -356px 0;
    margin-right: 17px;
    margin-top: 14px;
}

.small_hz a:hover{
    color: #72b2ba;
}
.sc_bg{
    width: 100%;
    height: 975px;
    background: url(../img/sc_bg.jpg) no-repeat center #8e2e21;
    padding: 58px 0;
    box-sizing: border-box;
}
.bs_t{
    color: #ffffff;
    margin-top: 0;
}
.sc_form{
    box-shadow: 0px 3px 5px -1px #ccc;
    padding: 42px 38px;
    background: #fff;
    margin-top: 39px;
    box-sizing: border-box;
    border-radius: 10px;
}
.itemInput{
    width: 659px;
    height: 73px;
    line-height: 73px;
    border-radius: 8px;
    padding-left: 26px;
    box-sizing: border-box;
    font-size: 28px;
    border: 1px solid #fce9d0;
    position: relative;
    margin-bottom: 20px;
    position: relative;
}
.itemInput input{
    font-size: 28px;
    border: 0;
    padding-left: 5px;
}
.itemInput .sexSelect{
    right: 25px;
}
.itemInput .sexSelect span.active{
    background: #dfb98a;
}
.itemInput .sj_sur{
    right: 20px;
    top: 28px;
}
.sc_form .l_shici form button{
    width: 100%;
    height: 75px;
    background: #8e2e21;
    border-radius: 10px;
    font-size: 30px;
    border: 0;
    color: #fff;
    letter-spacing: 4px;
}
.l_shici{
    width: 659px;
    margin-top: 33px;
}
.s_item{
    margin-top: 10px;
}
.s_item li{
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}
.s_item li:last-child .bor_li{
    border-bottom: 0;
}
.s_item li i{
    color: #a93121;
    font-style: normal;
}
.s_item li:before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d3b18a;
    position: absolute;
    left: 0;
    top: 30px;
}
.s_item li .bor_li{
    font-size: 25px;
    padding: 15px 0;
    width: 639px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f2e4d6;
    color: #181717;
}
.s_item li .bor_li span{
    color: #949391;
    font-size: 20px;
}
.r_sc_img{
    width: 609px;
    height: 685px;
    background: url(../img/huan.png) no-repeat center;
    justify-content: center;
    position: relative;
}
.r_sc_img i{
    position: absolute;
    right: 18px;
    top: 25px;
    width: 93px;
    height: 26px;
    display: block;
    cursor: pointer;
}
.r_sc_img p,.zz_s,.poem_w{
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
}
.poem_w{
    font-size: 26px;
    letter-spacing: 3px;
}
.r_sc_img h4{
    font-family: 'MyFont1';
    font-size: 164px;
    font-weight: 450;
    margin: 0 5px;
    width: 200px;
    text-align: center;
}
.content_s{
    padding-top: 100px;
    width: 328px;
    height: 459px;
    margin: auto;
}
.content_s h4{
    position: relative;
}
.content_s h4:before{
    content: '';
    width: 36px;
    height: 36px;
    border: 4px solid #8e2e21;
    position: absolute;
    border-radius: 50%;
    right: 0;
    top: 0;
}
.content_s p{
    font-size: 22px;
    color: #444343;
    letter-spacing: 3px;
    margin-right: 10px;
}
.zz_s{
    padding-top: 126px;
    font-size: 24px;
    color: #8a8988;
    box-sizing: border-box;
}
.poem_w{
    margin-left: 5px;
}
.poem_w em{
    color: #a93121;
}
.search_poem{
    width: 539px;
    height: 73px;
    border: 1px solid #dcc7a5;
    margin: 15px auto;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.search_poem input{
    border: 0;
    font-size: 28px;
    height: 100%;
    background: none;
    width: 302px;
    padding-left: 22px;
}
.search_poem input::placeholder{
    color: #b7b8b8;
}
.search_poem button{
    width: 215px;
    height: 73px;
    background: #8e2e21;
    font-size: 28px;
    color: #feffff;
    display: block;
    border: 0;
}
.r_sc_img:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 20px solid #efe7d7;
    border-bottom: 12px solid transparent;
    position: absolute;
    left: -20px;
    top: 318px;
    transition: 0.5s all;
}
.cut_on1:before{
    top: 318px;
}
.cut_on2:before{
    top: 384px;
}
.cut_on3:before{
    top: 451px;
}
.cut_on4:before{
    top: 516px;
}
.cut_on5:before{
    top: 578px;
}
.cut_on6:before{
    top: 639px;
}
.hs_t{
    font-size: 36px;
    margin-top: 0;
}
.english_warp{
    padding: 58px 0;
}
.english_bg{
    width: 1400px;
    height: 771px;
    margin: 39px auto 0;
    background: url(../img/yw_Bg.jpg) no-repeat center;
    padding: 66px 39px;
    box-sizing: border-box;
}
.l_f_english{
    width: 665px;
    margin-top: 15px;
}
.itemEnglish{
    height: 74px;
    line-height: 74px;
    border-radius: 40px;
    padding-left: 34px;
    box-sizing: border-box;
    background: #feffff;
    position: relative;
}
.itemEnglish > span{
    font-size: 28px;
}
.itemEnglish input{
    font-size: 28px;
    color: #a1aaaa;
    border: 0;
    padding-left: 5px;
}
.itemEnglish input::placeholder{
    color: #a1aaaa;
}
.itemEnglish .sexSelect{
    right: 33px;
    top: 10px;
}
.itemEnglish .sexSelect span.active{
    background: #f92f51;
}
.ywf_item{
    width: 318px;
    height: 74px;
    line-height: 74px;
    border-radius: 40px;
    padding-left: 34px;
    box-sizing: border-box;
    background: #feffff;
    margin:23px 0;
    position: relative;
}
.ywf_item .sj_sur{
    right: 14px;
    top: 29px;
}
.ywf_item span{
    font-size: 28px;
}
.ywf_item input{
    width: 66%;
    height: 85%;
    font-size: 28px;
    border: 0;
    color: #a1aaaa;
}
/* 弹窗选择样式 */
.bqSelectBox{ position: fixed; left: 0; top: 50%; right: 0; margin: auto; width: 680px; margin-top: -235px; background: #FFFFFF; box-shadow: 0 0 5px rgba(0,0,0,.25); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 111177; display: none;}
.bqSelectBox .hd{ line-height: 30px; color: #888; padding: 20px 20px; box-sizing: border-box; border-bottom: 1px solid #282c2f; }
.bqSelectBox .hd span{ font-size: 12px; padding-left: 10px; color: #5b5b5b; }
.bqSelectBox .bd{ padding: 0 15px 20px 15px; overflow: hidden; box-sizing: border-box}
.bqSelectBox .bd a:hover{
    filter: brightness(1);
    -webkit-filter: brightness(1);
}
.bqSelectBox .bd a{
    float: left;
    width: 88px;
    height: 40px;
    line-height: 40px;
    background: #F5F5F5;
    text-align: center;

    color: #666666; margin: 20px 10px 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; font-size: 18px; }
.bqSelectBox .bd input{ display: none; }
.bqSelectBox .bd a.on{ background: #B32621; color: #fff; }
.bqSelectBox .close{ display: inline-block; width: 120px; height: 48px; text-align: center;  color: #fff; cursor: pointer; background: #B32621; border-radius: 4px; vertical-align: top; line-height: 48px; font-size: 22px; float: right; }
.bqSelectBox .close:hover{ opacity: .9; }
.bqSelectBox .none{display: none}
.my_modal_bg {
    position: fixed;
    background: rgba(0, 0, 0, 0.5)!important;
    filter: Alpha(opacity=.5);
    background: #000;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1111;
}
.upTitlePop{
    width: 92%;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
    overflow: hidden;
    line-height: 48px;
    padding: 15px 0;
}
.upTitlePop i{
    float: left;
    font-size: 24px;
    font-style: normal;
}
.upTitlePop span{ margin-left: 10px; color: #999999; margin-left: 10px}

.icon_yw{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.icon_yw a{
    width: 117px;
    display: block;
    text-align: center;
    margin-right: 13px;
}
.icon_yw a p{
    color: #0e0e0f;
    font-size: 22px;
    margin-top: 10px;
}
.icon_yw a:nth-child(8n) {
    margin-right: 0;
}
.icon_yw a img{
    width: 100%;
}
.location_top{
    margin-top: 30px;
}
.location_top a{
    color: #0a0909;
}
.qc_page{
    padding: 25px 0 65px 0;
}
.zmList{
    flex-wrap: wrap;
    margin-top: 36px;
}
.zmList span{
    /*width: 70px;*/
    /*height: 70px;*/
    /*line-height: 70px;*/
    color: #333333;
    border-radius: 5px;
    /*background: #E7E7E7;*/
    display: block;
    text-align: center;
    font-size: 28px;
    margin-right: 21px;
    /*margin-bottom: 20px;*/
    cursor: pointer;
}
.zmList span.active{
    /*background: #FF5858;*/
    color: #FF5858;
}
.zmList span:nth-child(26){
    margin-right: 0;
}
.list_qh{
    font-size: 0;
    flex-wrap: wrap;
}
.list_qh a{
    width: 116px;
    height: 37px;
    font-size: 20px;
    line-height: 37px;
    display: block;
    text-align: center;
    border: 1px solid #d8d4d4;
    margin-top: 29px;
    color: #0f0f0f;
    margin-right: 28px;
}



.l_f_english button{
    width: 662px;
    height: 74px;
    border: 0;
    font-size: 30px;
    border-radius: 50px;
    color: #fff;
    letter-spacing: 3px;
    background: linear-gradient(136deg, #91cdf4 0%, #9255f1 100%) !important;
}
.yw_szm{
    margin-top: 61px;
}
.yw_szm h3{
    font-size: 30px;
    color: #fff;
}
.szm_item{
    flex-wrap: wrap;
    margin-top: 10px;
}
.szm_item a{
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    border: 1px solid #feffff;
    border-radius: 3px;
    margin-right: 24px;
    margin-top: 19px;
}
.szm_item a:hover{
    background: #fe667b;
}
.szm_item a:nth-child(9n){
    margin-right: 0;
}
.r_tab_yw{
    width: 616px;
    padding: 37px 35px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
}
.yw_tab{
    align-items: center;
    padding: 0 14px;
}
.yw_tab span{
    font-size: 24px;
    cursor: pointer;
}
.yw_tab span.active{
    font-size: 30px;
    color: #e22f4c;
}
.yw_tab i{
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.yw_tab i.boy_i{
    background-position: -169px -75px;
}
.yw_tab i.girl_i{
    background-position: -200px -75px;
}
.ywm_item{
    font-size: 0;
}
.ywm_item a{
    width: 119px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    color: #171919;
    border: 1px solid #dbdbda;
    margin-right: 20px;
    border-radius: 5px;
    margin-top: 22px;
}
.ywm_item a:hover{
    color: #e22f4c;
}
.ywm_item a:nth-child(4n) {
    margin-right: 0;
}
.search_yw{
    border: 1px solid #e0e0df;
    margin-top: 21px;
    height: 59px;
    line-height: 59px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}
.search_yw button{
    width: 211px;
    height: 100%;
    background: #fe687d;
    color: #feffff;
    font-size: 28px;
    position: absolute;
    right: 0;
    border: 0;
    border-radius: 30px;
}
.search_yw input{
    width: 308px;
    line-height: 62px;
    padding-left: 20px;
    box-sizing: border-box;
    border: 0;
    font-size: 23px;
    color: #b7b8b8;
}
.search_yw input::placeholder{
    color: #b7b8b8;
}
.jx_tab {
    padding-top: 58px;
}
.jx_tab .r_ph span.active:after{
    background: #a93121;
}
.jx_tab .search_name{
    border: 1px solid #e7d6c0;
    background: #fff;
}
.jx_tab .search_name button{
    background-position: -103px -2px;
}

/* 精选名字大全 */
.article_wap{
    margin-top: 37px;
}
.l_article{
    width: 926px;
    box-sizing: border-box;
    box-shadow: 0px 3px 10px 4px #eeeeee;
    padding: 47px 41px 38px 41px;
    background: #fff;
    border-radius: 8px;
}
.up_ming{
    font-size: 0;
    flex-wrap: wrap;
}
.up_ming a{
    width: 80px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    display: inline-block;
    font-size: 24px;
    color: #494f4f;
    letter-spacing: 2px;
    border: 1px solid #dadcdc;
    border-radius: 5px;
}
.up_ming a:hover{
    color: #4cb9ba;
}
.tw_l img{
    width: 164px;
    height: 119px;
}
.tw_font{
    margin-top: 38px;
}
.wz_list_dq a{
    display: block;
    color: #0e0e0f;
    font-size: 22px;
    margin-bottom: 12px;
    width: 228px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.wz_list_dq a:hover,.d_article a:hover{
    color: #e22f4c;
}
.wz_list_dq{
    margin-top: 5px;
    margin-left: 15px;
}
.d_article{
    font-size: 0;
    flex-wrap: wrap;
    margin-top: 18px;
}
.d_article li{
    width: 400px;
    margin-top: 19px;
}
.d_article a{
    width: 400px;
    color: #0e0e0f;
    margin-top: 16px;
    font-size: 22px;
    /*1. 先强制一行内显示文本*/
    white-space: nowrap;
    /*2. 超出的部分隐藏*/
    overflow: hidden;
    /*3. 文字用省略号替代超出的部分*/
    text-overflow: ellipsis;
    padding-left: 15px;
    box-sizing: border-box;
    position: relative;
}
.d_article a:after{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 50%;
    background: #424040;
}
.three_tab{
    width: 446px;
    padding: 46px 32px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 3px 10px 4px #eeeeee;
    color: #0e0e0f;
}
.up_dq span,.up_dq a{
    width: 115px;
    height: 54px;
    border: 1px solid #e9b5ae;
    line-height: 54px;
    display: block;
    background: #fbf3f2;
    border-radius: 5px;
    text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
    cursor: pointer;
    position: relative;
    color: #4e5151;
}
.up_dq a{
    color: #0e0e0f;
}
.up_dq span.active{
    background: #a93121;
    color: #fff;
}
.up_dq span.active:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #a93121;
    position: absolute;
    bottom: -11px;
    left: 47px;
}
.bd_ipt{
    width: 384px;
    height: 62px;
    line-height: 62px;
    background: #fbf3f2;
    margin-top: 22px;
    padding-left: 17px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #eab7b1;
    position: relative;
}
.bd_ipt span{
    font-size: 22px;
    color: #0e0e0f;
}
.bd_ipt input{
    font-size: 22px;
    border: 0;
    background: none;
    padding-left: 5px;
}
.bd_ipt
.three_form{
    margin-top: 33px;
}
.three_form button{
    width: 100%;
    height: 71px;
    background: #a93121;
    border: 0;
    color: #fff;
    font-size: 27px;
    margin-top: 28px;
    border-radius: 5px;
}
.bd_ipt .sexSelect{
    top: 7px;
    right: 12px;
}
.bd_ipt .sexSelect span{
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #e5e5e1;
}
.bd_ipt .sexSelect span.active{
    background: #a93121;
}



.w-notice{
    border-top: 1px solid #DEDEDE;
    margin: 0 auto;
    padding-top: 25px;
    text-align: center;
}
.w-notice .mingList span{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 22px;
}
.notice-swiper.w-notice{
    height: 30px;
    overflow: hidden;
    padding-top: 38px;
}
.notice-swiper.w-notice .swiper-container{
    height: 30px;
}
.mingList a{
    font-size: 22px;
    color: #4a4747;
}

.mingList a span em{
    color: #a93121;
}
.mingList a .ysqI{
    width: 20px;
    height: 18px;
    display: inline-block;
    background-position: -425px 0;
    margin-right: 20px;
    vertical-align: middle;
}
.gy_t{
    font-size: 36px;
    color: #171617;
    letter-spacing: 4px;
    font-weight: 450;
}
.r_tab_a{
    font-size: 0;
}
.r_tab_a a{
    width: 139px;
    height: 46px;
    border: 1px solid #cbe5e1;
    color: #494f4f;
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    display: inline-block;
    border-radius: 5px;
    margin-left: 19px;
}
.r_tab_a a:hover{
    color: #4cb9ba;
}
.r_tab_a a.more_gd{
    width: auto;
    border: 0;
}

.tab_gs .up_dq span, .tab_gs .up_dq a,
.tab_shop .up_dq span, .tab_shop .up_dq a
{
    background: #f2faf9;
    border: 1px solid #bedfda;
}
.tab_gs .up_dq span.active,
.tab_shop .up_dq span.active
{
    background: #4cb9ba;
}
.tab_gs .up_dq span.active:after,.tab_shop .up_dq span.active:after{
    border-top: 12px solid #4cb9ba;
}
.tab_gs .bd_ipt,.tab_shop .bd_ipt{
    background: #f2faf9;
    border: 1px solid #c1e1dc;
}
.tab_gs .three_form button,.tab_shop .three_form button{
    background: #4cb9ba;
}
.tab_gs .mingList a .ysqI,.tab_shop .mingList a .ysqI{
    background-position: -450px 0;
}
.tab_gs .mingList a span em,.tab_shop .mingList a span em{
    color: #4cb9ba;
}
.timeMing{
    color: #b0b9b9;
}

/* 城市弹窗 */
.form_info{ padding-top: 670px; }
.form_info .input{ background: rgba(119, 61, 0, .5)!important; filter: Alpha(opacity=.1); background: #773d00; display: block; padding:0 14px; font-size: 0; border-radius: 4px; margin-left:12px;}
.form_info i.icon{ display: inline-block; vertical-align: top; _display:inline; *zoom:1;}
.form_info .input input{ background: none; border:0; padding:19px 0; height: 20px; line-height: 20px; width: 200px; font-size: 16px; color:#fff; outline: 0;}
.form_info .input input::-webkit-input-placeholder { color:#fff;}
.form_info .input input:-moz-placeholder { color:#fff;}
.form_info .input input::-moz-placeholder { color:#fff;}
.form_info .input input:-ms-input-placeholder { color:#fff;}
.form_info .area .input{ margin-left:0; }
.form_info .area i.icon{ width: 23px; height: 29px; margin: 14px 10px 0 0;}
.form_info .industry i.icon{ width: 30px; height: 30px; background-position: 0 -39px; margin: 14px 9px 0 0;}
.form_info .industry input{ width: 243px; }
.form_info .user i.icon{ width: 24px; height: 27px; background-position: 0 -79px; margin: 15px 9px 0 0;}
.form_info .submit{ overflow: hidden; }
.form_info .submit input,.form_info .submit a{ background: #5e4c33; border-radius: 4px; font-size: 20px; font-weight: bold; text-align: center; line-height: 58px; border:0; color:#fff; padding:0 20px; cursor: pointer; float: left; margin-left:12px;}
.form_info .submit input:hover,.form_info .submit a:hover{ opacity: .9;}
.form_info .area,.form_info .industry,.form_info .user{ position: relative; z-index: 3;}
.select_box{ position: absolute; left: 0; top: 47px; background: rgba(0, 0, 0, .8)!important; filter: Alpha(opacity=.1); background: #000; border-radius: 4px; width: 485px; padding: 15px 0 15px 15px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); z-index: 5555;}
.select_box .tit{float: left; width: 80px; background: #5e4c33; color: #fff; margin-right: 10px; font-size: 16px; text-align: center; line-height: 26px; margin-top: 2px; border-radius: 2px; }
.select_box li{float: left; padding: 0 2px; line-height: 20px; font-size: 15px; color: #666; text-align: center; margin: 4px; cursor: pointer; }
.select_box li a:hover{ color:#fb6304;}
.select_box li a{color: #fff;}
.select_box.menu2{ width: 635px; left:12px; padding-bottom: 9px;}
.select_box.menu2 ul,.select_box.menu3 ul{ margin-bottom: 6px; height: 28px; overflow: hidden;}
.select_box.menu3{ left: 12px; padding-right: 15px; padding-bottom: 15px; width: 635px;}
.select_box.menu3 .close{ position: absolute; top: -7px; right: -9px; width: 22px; height: 22px; text-align: center; line-height: 22px; background: #000; border-radius: 50%;}
.select_box.menu3 .close:hover{ opacity: .85; }
.form_info .menu3 .item{ background: #282c2f; border-radius: 3px; font-size: 14px; margin-bottom: 10px;}
.form_info .menu3 .input{ margin:0; background: none !important; padding:0;}
.form_info .menu3 .input input{ font-size: 14px; padding:12px 14px; width: 177px;}
.form_info .menu3 .time .input input{ width: 223px;}
.form_info .menu3 .time.on .input input{ width: 147px;}
.form_info .menu3 .sub{ text-align: right; }
.form_info .menu3 .sub a{ display: inline-block; padding: 5px 20px; color: #fff; cursor: pointer; background: #fb6304; border-radius: 4px; vertical-align: top; line-height: 20px; font-size: 14px;}
.form_info .menu3 .sub a:hover{opacity: .9;}
.form_info .menu3 .site .input input{ width: 169px;}
.form_info .menu3 .checked,.form_info .menu3 .check{ background:#232628; padding:0 14px 0 0;}
.form_info .menu3 .checked label,.form_info .menu3 .check label,.form_info .menu3 .select .s_tit{height: 20px; line-height: 20px; padding: 12px 0; float: left; margin-left: 14px; color:#fff;}
.form_info .menu3 .checked label i{width: 16px; height: 16px; background: #e2e2e2; float: left; border-radius: 50%; float: left; margin: 2px 4px 0 0;}
.form_info .menu3 .checked label.on,.form_info .menu3 .check label.on{ color: #fb6304; }
.form_info .menu3 .checked label.on i{background: #fb6304; position: relative; }
.form_info .menu3 .checked label.on em,.form_info .menu3 .check label.on em{width: 10px; height: 8px;  position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.form_info .menu3 .check label i{ width: 12px; height: 12px; border-radius: 0; border: 2px solid #e2e2e2; background: #232628; float: left; margin: 2px 4px 0 0;}
.form_info .menu3 .check label.on i{ position: relative; border-color:#fb6304;}
.form_info .menu3 .select{ position: relative; margin-right: 4px; z-index: 1;}
.form_info .menu3 .select .s_tit{ position: relative; font-size: 0; margin: 0; color:#fb6304; cursor: pointer; padding:12px 10px;}
.form_info .menu3 .select .s_tit i,.form_info .menu3 .select .s_tit p{ display: inline-block; _display: inline; vertical-align: top; *zoom:1;}
.form_info .menu3 .select .s_tit i{ width: 9px; height: 5px;  margin: 7px 0 0 3px;}
.form_info .menu3 .select .s_tit p{ font-size: 14px; }
.form_info .menu3 .select .options{ position: absolute; left: 0; top: 38px; right: 0; text-align: left; background: #232628; border-radius: 3px; padding:5px 0;}
.form_info .menu3 .select .options label {display: block; padding: 0 10px; line-height: 34px; cursor: pointer; color:#fff;}
.form_info .menu3 .select .options label:hover,.form_info .menu3 .select .options label.on{ background: #2c2f30; }
.form_info .menu3 .select .options label.on{ color: #fb6304;}
.form_info .menu3 .select.on .options {display: block; }
.match {position: absolute; left: 0; right: 0; top: 48px; z-index: 55; background: #373d41; border-radius: 4px; padding: 5px 0; text-align: left; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }
.match li{ padding-top:1px; }
.match li a {padding: 0 15px; display: block; height: 30px; line-height: 30px; font-size: 12px; color: #fff;}
.match li a:hover,.match li.active a {background: #41474b; }
.industry .match{ left: 12px; }

.two_gs .bd_ipt{
    width: 182px;
}
.two_gs .bd_ipt input{
    width: 83px;
}
.si_input input{
    width: 200px;
}
.shop_tab a{
    width: 120px;
    font-size: 24px;
}
.shop_warp .tw_font{
    margin-top: 10px;
}
.gy_pd{
    padding-top: 50px;
}
.zq_list span{
    padding: 0 21px;
    border: 1px solid #cfe8e4;
    margin-top: 34px;
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
    font-size: 22px;
    color: #494f4f;
    cursor: pointer;
}
.zq_list span:hover{
    color: #4cb9ba;
}
.zq_list span.active{
    color: #4cb9ba;
}

.content_knowledge{
    margin-top: 41px;
}
.l_tw{
    width: 456px;
    height: 335px;
}
.l_tw a{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
    display: block;
    position: relative;
}
.l_tw a img{
    width: 100%;
    height: 100%;
    display: block;
    transition: 0.5s all;
}
.t_zzc{
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 19px 29px;
    box-sizing: border-box;
}
.t_zzc p{
    font-size: 18px;
    color: #fff;
    line-height: 24px;
}
.l_tw a:hover h3{
    color: #4cb9ba;
}
.l_tw a:hover img{
    transform: scale(1.1);
}
.t_zzc h3{
    font-size: 24px;
    color: #fff;
    margin-bottom: 8px;
}
.t_zzc p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.l_article_zs{
    width: 926px;
}
.c_wen{
    width: 389px;
}
.c_wen a{
    display: block;
    margin-bottom: 32px;
    color: #1b1a1a;
}
.c_wen a h3{
    font-size: 24px;
    margin-bottom: 20px;
}
.c_wen a:hover h3{
    color: #a93121;
}
.c_wen a p{
    font-size: 22px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 35px;
    color: #0e0e0f;
}
.article_tw{
    margin-bottom: 15px;
    /*border-bottom: 1px solid #ededee;*/
}
.l_article_zs .d_article a{
    width: 450px;
}

.recommend_wz{
    width: 445px;
    box-shadow: 0px 3px 10px 4px #eeeeee;
    border-radius: 8px;
}
.recommend_wz h3{
    font-size: 34px;
    font-weight: 450;
    text-align: center;
    padding-top: 44px;
    box-sizing: border-box;
}

.tj_wen {
    padding: 5px 0 25px 35px;

}
.tj_wen a{
    font-size: 23px;
    margin-top: 22px;
    display: block;
    color: #0e0e0f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tj_wen a:hover{
    color: #4cb9ba;
}
.tj_wen a i{
    width: 27px;
    height: 27px;
    border-radius: 50%;
    line-height: 27px;
    display: inline-block;
    text-align: center;
    color: #feffff;
    font-style: normal;
    margin-right: 14px;
    font-size: 20px;
    background: #c4c7c7;
}
.tj_wen a i.yi{
    background: #4cb9ba;
}

.qmw_about{
    background: #282828;
    padding: 50px 0;
}
.js_jwf h2{
    color: #b48a5f;
}
.about_left{
    width: 841px;
}
.about_left p{
    margin-top: 32px;
    font-size: 22px;
    color: #dab590;
    line-height: 42px;
}
.about_left .s_ti{
    font-size: 32px;
    color: #dab590;
    font-weight: 450;
    margin-top: 50px;
    padding-left: 29px;
    position: relative;
}
.about_left .s_ti:after{
    content: '';
    width: 7px;
    height: 29px;
    left: 0;
    position: absolute;
    top: 10px;
    border-radius: 5px;
    background: #dab590;
}
.fw_type{
    flex-wrap: wrap;
}
.fw_type a{
    width: 144px;
    height: 47px;
    text-align: center;
    line-height: 47px;
    border-radius: 5px;
    font-size: 24px;
    display: block;
    margin-top: 30px;
    margin-right: 62px;
    color: #000;
    background: linear-gradient(136deg, #ecd3b4 0%, #deb889 100%);
}
.about_right{
    margin-top: 40px;
}
.h_gy_t{
    font-size: 32px;
    font-weight: 450;
    position: relative;
}
.Xbox_warp{
    background: linear-gradient(136deg, #edd4b5 0%, #deb889 100%);
}
.ys_warp{
    padding: 50px 0;
}
.ys_t{
    position: relative;
    padding-left: 20px;
}
.ys_t:after{
    background: #060606;
    color: #060606;
}
.hs_t_h:after{
    background: #e2bf95;
    color: #e2bf95;
}
.h_gy_t:after{
    content: '';
    width: 7px;
    height: 29px;
    left: 0;
    position: absolute;
    top: 10px;
    border-radius: 5px;
}
.ys_items{
    flex-wrap: wrap;
    margin-top: 15px;
}
.ys_items li{
    width: 242px;
    text-align: center;
    margin: 20px 50px 0 50px;
}
.ys_items li strong{
    font-size: 24px;
    font-weight: 450;
    display: block;
    margin-bottom: 5px;
}
.ys_items li img{
    display: block;
    margin: auto;
}
.ys_items li p{
    font-size: 18px;
}
.serve_warp{
    background: #07080c;
    padding: 50px 0;
}
.hs_t_h{
    padding-left: 30px;
    color: #dab590;
}
.h_em{
    color: #f7f0e9;
    font-size: 22px;
    margin-left: 19px;
}
.serveList{
    margin-top: 52px;
}
.serveList li{
    display: flex;
    align-items: center;
}
.r_sj{
    color: #ecd7bd;
    margin-left: 10px;
}
.r_sj p em{
    font-size: 32px;
    margin-right: 5px;
}
.r_sj p {
    font-size: 18px;
}
.r_sj > em{
    font-size: 18px;
}
.diamond {
    width: 100px;
    height: 150px;
    background-color: #F44336;
    transform: rotate(45deg);
}
.t_jy{
    margin-top: 62px;
    letter-spacing: 3px;
}
.jy_item{
    margin-top: 55px;
}
.jy_item li{
    width: 166px;
    height: 57px;
    background: url(../img/dbx.png) no-repeat center;
    position: relative;
    cursor: pointer;
}
.jy_item li.active{
    background: url(../img/dbx_a.png) no-repeat center;
}
.jy_item li.active h3{
    color: #fff;
}
.jy_item li img{
    position: absolute;
    top: -14px;
    left: 7px;
    width: 61px;
}
.jy_name{
    padding-left: 70px;
}
.jy_name p{
    font-size: 12px;
    color: #4c4238;
}
.jy_name h3{
    padding-top: 7px;
    color: #dab590;
}

.jy_body{
    padding: 42px 66px 0 66px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    margin-top: 57px;
}
.l_jy_t{
    position: relative;
}
.l_jy_t img{
    display: block;
    width: 267px;
    height: 267px;
    border-radius: 50%;
}
.jt_qh{
    position: relative;
    bottom: 40px;
    left: 59px;
}
.jt_qh img{
    margin-right: 18px;
    display: block;
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
.jt_qh img.active{
    width: 54px;
    height: 54px;
    border: 2px solid #dba56f;
    border-radius: 50%;
}
.l_jy_font{
    margin-left: 38px;
    padding-top: 15px;
    width: 951px;
}
.jy_body{
    margin-top: 45px;
}
.l_jy_font h4{
    font-size: 32px;
    color: #dba56f;
}
.l_jy_font p{
    margin-top: 20px;
    font-size: 22px;
    line-height: 35px;
}
.l_jy_font h4 em{
    font-size: 24px;
    color: #060606;
    margin-left: 19px;
}

/* 列表页 */

.ny_bg_list{  /* 列表页的高度*/
    height: 560px;
}
.ny_bg{    /* 详情页的高度*/
    height: 380px;
}
.crumbs_x{
    padding-left: 33px;
    margin-top: 36px;
    color: #fff;
}
.crumbs_x i{
    width: 15px;
    height: 16px;
    display: inline-block;
    background-position: -523px 0;
    vertical-align: -2px;
}
.crumbs_x a{
    font-size: 16px;
    color: #fff;
}
.l_list_warp{
    width: 984px;
}
.gap_pd{
    padding: 50px;
    box-sizing: border-box;
    box-shadow: 0px 3px 8px 1px #EBEBF6;
    background: #ffffff;
    border-radius: 15px;
    margin-bottom: 39px;
}
.company_form h1{
    font-size: 52px;
    margin-top: 10px;
    letter-spacing: 4px;
    font-weight: 450;
    text-align: center;
}
.company_form>p{
    font-size: 21px;
    margin: 29px 0;
}
.list_warp_body{
    margin-top: -313px;
}
.company_f{
    padding: 35px 35px 35px 35px;
    background: #fbf4f3;
    border-radius: 10px;
}
.company_tab{
    padding: 0 60px;
}
.company_tab span{
    font-size: 30px;
    color: #8c8988;
    padding: 0 3px;
    cursor: pointer;
    position: relative;
}
.company_tab a{
    color: #8c8988;
    font-size: 30px;
}
.company_tab span.active{
    color: #a93121;
    padding-bottom: 22px;
}
.company_tab span.active:before{
    content: '';
    width: 100%;
    height: 5px;
    border-radius: 3px;
    background: #a93121;
    position: absolute;
    bottom: 0;
    left: 0;
}
.company_ipt{
    width: 392px;
    height: 69px;
    line-height: 69px;
    position: relative;
    border: 1px solid #edd5d2;
    background: #fff;
    border-radius: 7px;
}
.company_ipt>span{
    box-sizing: border-box;
    padding-left: 29px;
    font-size: 21px;
}
.company_ipt input{
    height: 66px;
    border: 0;
    font-size: 21px;
    background: none;
    width: 200px;
}
.company_f form{
    margin-top: 26px;
}
.company_f form button{
    width: 100%;
    height: 71px;
    line-height: 71px;
    margin-top: 31px;
    border: 0;
    background: #a93121;
    color: #fff;
    border-radius: 5px;
    font-size: 30px;
}
.bf_company{
    width: 100%;
    margin-bottom: 20px;
}
.company_cm{
    margin-top: 42px;
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 40px;
}
.company_cm img{
    margin-right: 11px;
}
.hot_huo{
    width: 23px;
    height: 30px;
    display: inline-block;
    background-position: -488px 0;
    vertical-align: top;
    margin-left: 10px;
}
.hot_article .c_wen{
    width: 389px;
}
.gy_hot{
    font-size: 36px;
    font-weight: 450;
    letter-spacing: 3px;
}
.t_more{
    margin-bottom: 30px;
    align-items: center;
}
.t_more a{
    color: #88898b;
    font-size: 22px;
    display: block;

}
.all_wz_list a{
    margin-top: 40px;
    display: flex;
}
.r_all_wz{
    margin-left: 19px;
    width: 557px;
}
.r_all_wz h3{
    font-size: 24px;
}
.r_all_wz em{
    font-size: 0;
    margin-top: 6px;
}
.r_all_wz em span{
    width: 94px;
    height: 32px;
    font-size: 18px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    border: 1px solid #dedddd;
    margin-top: 12px;
    border-radius: 3px;
    margin-right: 8px;
}
.r_all_wz h3{
    font-size: 24px;
    color: #242425;
}
.r_all_wz p {
    font-size: 19px;
    line-height: 35px;
    margin-top: 13px;
    color: #88898b;
}
.r_all_wz em span{
    color: #626262;
}
.all_wz_list a>span{
    width: 302px;
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
}
.all_wz_list a img{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.all_wz_list a:hover img{
    transform: scale(1.1);
}
.all_wz_list a:hover h3{
    color: #e22f4c;
}
.paging_li{
    margin-top: 45px;
    padding: 0 15px;
    justify-content: center;
}
.paging_li li {
    margin: 0 9px;
}
.paging_li li a:hover{
    color: #a93121;
}
.paging_li a,.paging_li span,.paging_li li.thisclass{
    padding: 0 13px;
    line-height: 37px;
    color: #000000;
    font-size: 20px;
    height: 37px;
    display: inline-block;
    border: 1px solid #e6e5e4;
    border-radius: 2px;
}
.paging_li span,.paging_li li.thisclass{color: #f00;border: 1px solid #f00;}
.paging_li a.active{
    background: #a93121;
    border: 1px solid #a93121;
    color: #ffffff;
}
.wzz_form{
    margin-top: 35px;
}
.wzz_form .company_tab{
    padding: 0 10px;
}
.wzz_form .company_tab span{
    margin: 0 15px;
}
.company_ipt .sexSelect{
    right: 20px;
}
.company_ipt .sexSelect span{
    width: 32px;
    height: 32px;
    font-size: 21px;
    line-height: 32px;
}
.company_ipt .sexSelect span.active{
    background: #a93121;
}
.expert_qm ul li{
    width: 203px;
    height: 268px;
}
.expert_qm ul li img{
    width: 100%;
}
.expert_qm .ds_zz{
    padding: 21px 17px;
    height: 174px;
}
.expert_qm .ds_zz em,
.expert_qm .ds_zz p
{
    font-size: 12px;
}
.expert_qm .ds_zz p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.expert_qm .btn_d a,.expert_qm .btn_d span{
    width: 82px;
    height: 29px;
    line-height: 29px;
    font-size: 16px;
}
.expert_qm .ds_zz h4{
    font-size: 20px;
}
.expert_qm .btn_d{
    margin-top: 16px;
}
.navDetails {
    flex-wrap: wrap;
    border-bottom: 1px solid #DDE4FF;
}
.leftContentLmw .navDetails{
    border-bottom: 0;
}
.navDetails a {
    text-align: center;
    width: 20%;
    display: block;
    margin: 20px 0;
}
.navDetails a img{
    width: 150px;
    height: 150px;
}
.navDetails a i {
    width: 120px;
    height: 120px;
    background: #536DD3;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
}

.navDetails a p {
    margin-top: 5px;
    color: #333;
    font-size: 22px;
}
.bang_list a{
    font-size: 22px;
    color: #0e0e0f;
}
.bang_list a:hover{
    color: #d40002;
}
.bang_list a em{
    width: 26px;
    height: 26px;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-left: 8px;
}
.bang_list a em.red_e{
    background: #d40002;
}
.bang_list a em.huang_e{
    background: #f48814;
}
.bang_list a em.lan_e{
    background: #3db8f7;
}
.bang_list a span{
    color: #d40002;
}
.bang_list li{
    margin-bottom: 24px;
}
.bang_list i{
    font-size: 22px;
    color: #abaaa6;
    font-style: inherit;
}
.bang_list i.dy_i{
    color: #d40002;
}
.bang_list i.er_i{
    color: #f4873f;
}
.bang_list i.san_i{
    color: #fbc542;
}
.ds_list_bg{
    width: 389px;
    height: 409px;
    cursor: pointer;
    background: url(../img/y_lds.png) no-repeat center;
    box-shadow: 0px 3px 8px 1px #EBEBF6;
    border-radius: 16px;
    margin-bottom: 30px;
}
.ds_list_bg a{
    width: 100%;
    height: 100%;
    display: block;
}
.ds_list_bg ul{
    padding-left: 199px;
    padding-top: 108px;
}
.ds_list_bg ul li{
    margin-bottom: 12px;
    position: relative;
    padding-left: 8px;
    color: #b9874b;
}
.ds_list_bg ul li:after{
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    left: -3px;
    top: 8px;
    background: #9c8054;
    border-radius: 50%;
}
.prefecture_item{
    margin-bottom: 18px;
    position: relative;
}
.pre_content{
    position: absolute;
    top: 22px;
    left: 32px;
    color: #000;
}
.pre_content h3{
    font-size: 24px;
    margin-bottom: 6px;
}
.bbzq{
    color: #f67a66;
}
.xmcs{
    color: #2ec3bd;
}
.gszq{
    color: #30aee6;
}
.dpzq{
    color: #f48d0a;
}
.dszq{
    color: #cc8d3f;
}
.sczq{
    color: #49c37a;
}
.bzzq{
    color: #ee7d56;
}
.crgm{
    color: #8d74f6;
}
.ywzq{
    color: #f7669b;
}
.s_qm_tab{
    background: #fff;
    padding: 45px 20px;
    box-sizing: border-box;
    box-shadow: 0px 3px 8px 4px #EBEBF6;
    border-radius: 15px;
}
.up_tab_qm span{
    cursor: pointer;
    width: 71px;
    text-align: center;
    display: block;

}
.up_tab_qm span em{
    filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -x-filter: grayscale(100%);
    position: relative;
}
.up_tab_qm span p{
    margin-top: 6px;
}
.up_tab_qm span.active em{
    filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -x-filter: grayscale(0%);
}
.up_tab_qm span.active em:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #324463;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
}
.bz_ipt{
    border: 1px solid #c8e4e4;
    border-radius: 3px;
    height: 49px;
    margin-top: 23px;
    align-items: center;
    background: #f5fcfc;
    position: relative;
}
.bz_ipt span{
    font-size: 18px;
    padding-left: 24px;
}
.bz_ipt input{
    height: 90%;
    border: 0;
    background: none;
    font-size: 18px;
    margin-top: 1px;
}
.bz_ipt .over_hidden{
    position: absolute;
    right: -6px;
    top: -4px;
}
.ls_button{
    width: 100%;
    height: 58px;
    margin-top: 20px;
    border-radius: 5px;
    background: #6dafae;
    border: 0;
    font-size: 22px;
    color: #fff;
    letter-spacing: 3px;
}
.page_row{
    width: 389px;
    /*padding: 0 20px;*/
    margin-top: 28px;
    background: #ffffff;
    box-shadow: 0px 3px 8px 4px #EBEBF6;
    border-radius: 15px;
    overflow: hidden;
}
.up_bjx h3{
    font-size: 28px;
    color: #494744;
    font-weight: 450;
}
.up_bjx{
    padding: 18px 23px;
    box-sizing: border-box;
    background: #f2f2f2;
    align-items: center;
}
.up_bjx a{
    width: 30px;
    height: 30px;
    display: inline-block;
    background-position:-549px 0;
}
.tian_bjx_item{
    padding: 5px 20px 34px 20px;
    flex-wrap: wrap;
    font-size: 0;
    /*width: 100%;*/
}
.tian_bjx_item a{
    width: 38px;
    height: 38px;
    background: url(../img/tian.png) no-repeat center;
    text-align: center;
    line-height: 38px;
    margin-top: 17px;
    display: block;
    font-size: 22px;
    color: #2c2f2f;
}
.tian_bjx_item a:hover{
    color: #af4031;
}
.tian_bjx_item a{
    margin-right: 6px;
}
.tian_bjx_item a:nth-child(8n){
    margin-right: 0;
}
.t_sex_tab span{
    width: 208px;
    height: 71px;
    font-size: 24px;
    line-height: 71px;
    cursor: pointer;
    text-align: center;
    color: #605e5e;
}
.t_sex_tab span.active{
    background: #af4031;
    border-top-right-radius: 18px;
    color: #fff;
}
.hot_word{
    padding: 5px 20px 30px 20px;
    flex-wrap: wrap;
}
.hot_word a{
    width: 42px;
    height: 42px;
    border: 1px solid #d7dada;
    display: block;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    font-size: 24px;
    color: #5e6667;
    margin-top: 17px;
}
.hot_word a:hover{
    color: #a93121;
    border: 1px solid #a93121;
}
.hot_m_name{
    padding: 32px 21px 11px 21px;
    font-size: 0;
}
.hot_m_name a{
    width: 60px;
    height: 28px;
    display: inline-block;
    font-size: 19px;
    border: 1px solid #d4d7d7;
    text-align: center;
    line-height: 28px;
    margin-right: 8px;
    border-radius: 4px;
    margin-bottom: 18px;
    color: #5e6667;
}
.hot_m_name a:nth-child(5n) {
    margin-right: 0;
}
.hot_m_name a:hover{
    color: #a93121;
    border: 1px solid #a93121;
}
.item_hotWz{
    padding: 10px 22px;
    box-sizing: border-box;
}
.item_hotWz li{
    font-size: 20px;
    margin: 18px 0;
}
.item_hotWz li a{
    color: #202021;
}
.item_hotWz li.qs_li a{
    color: #a93121;
}
.item_hotWz li.qs_li i{
    color: #fff;
}
.item_hotWz li i{
    width: 23px;
    height: 23px;
    display: inline-block;
    text-align: center;
    font-style: normal;
    line-height: 23px;
    background: #e7e7f3;
    border-radius: 50%;
    margin-right: 6px;
    color: #88898b;
    font-size: 16px;
}
.item_hotWz li i.wz_yi{
    background: #a93121;
}
.item_hotWz li i.wz_er{
    background: #d7786b;
}
.item_hotWz li i.wz_san{
    background: #e0bdb8;
}
.hot_serveL{
    padding: 10px 21px 30px 21px;
    flex-wrap: wrap;
}
.hot_serveL a{
    width: 107px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    border: 1px solid #d7d9d9;
    color: #5e6667;
}
.hot_serveL a:hover{
    color: #a93121;
    border: 1px solid #a93121;
}
.red_footer .footer .telPhoneSz a{
    background: #a93121;
}

/* 详情 */
.five_tab span,.five_tab a{
    width: 296px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 24px;
    background: #e9e9e9;
    cursor: pointer;
    color: #6a605e;
}

.five_tab span.active{
    background: #fff;
    color: #a93121;
    font-size: 30px;
}
.banner_form{
    background: #fff;
    margin-top: 37px;
    height: 156px;
    border-radius: 15px;
    box-shadow: 0px 3px 8px 0 #EBEBF6;
    /*overflow: hidden;*/
}
.five_tab{
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}
.detail_fu{
    margin-top: -170px;
}
.detail_fu1{
    margin-top: -130px;
}
.ban_form_body{
    padding: 17px;
    align-items: center;
}
.ban_form_body span{
    font-size: 26px;
}
.ban_form_body input{
    width: 302px;
    height: 100%;
    border: 0;
    font-size: 26px;
}
.item_ban{
    position: relative;
    width: 480px;
    margin-left: 38px;
}
.item_ban .sexSelect{
    top: 0;
    right: 32px;
}
.item_ban .sexSelect span.active{
    background: #a93121;
}
.item_ban .sexSelect span{
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
}
.r_bor{
    border-right: 1px solid #f6edec;
}
.red_qm{
    width: 267px;
    height: 65px;
    background: #a93121;
    color: #fff;
    border: 0;
    border-radius: 30px;
    font-size: 26px;
    margin-left: 30px;
    font-weight: bold;
}

/* 详情 */
.article_content{
    padding:37px 50px 60px 50px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 3px 8px 1px #EBEBF6;
    margin-bottom: 39px;
}
.location_mbx{
    align-items: center;
    /*margin-bottom: 39px;*/
}
.location_mbx .crumbs_x{
    margin-top: 0;
    color: #000;
    padding-left: 0;
    width: 435px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.location_mbx .crumbs_x a{
    color: #000;
}
.location_mbx .crumbs_x i{
    background-position: -585px 0;
}
.type_article span{
    font-size: 16px;
    padding: 0 11px;
    height: 31px;
    display: inline-block;
    line-height: 31px;
    border-radius: 5px;
    margin-right: 5px;
}
.type_article span.yi_span{
    background: #fef6ed;
    color: #f7bb77;
}
.type_article span.er_span{
    background: #fff1ef;
    color: #ff9480;
}
.type_article span.san_span{
    background: #f1f0fa;
    color: #988cdd;
}
.type_article a i{
    width: 18px;
    height: 24px;
    background: url(../img/ysqRed.png) no-repeat center;
    vertical-align: middle;
    background-size: 18px auto;
    display: inline-block;
    vertical-align: -6px;
}
.article_content h1{
    font-size: 42px;
    text-align: center;
    margin-top: 22px;
    font-weight: 550;
}
.time_type{
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-top: 15px;
}
.time_type span{
    color: #88898b;
    margin: 0 10px;
}

.content_nr p{
    font-size: 22px;
    margin-top: 27px;
    color: #333;
    line-height: 38px;
    text-indent: 2em;
}
.content_nr hr{
    border: none;
    border-top: 1px dashed #ccc;
    padding-bottom: 10px;
}
.content_nr h2{
    font-size: 28px;
    margin-top: 52px;
    font-weight: 450;
    padding-left: 20px;
    position: relative;
}
.content_nr h2:before{
    content: '';
    width: 7px;
    height: 29px;
    background: #dab590;
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 5px;
}
.content_nr img{
    width: 424px;
    display: block;
    margin: 48px auto 0;
}

.tag_gjc{
    font-size: 22px;
    margin-top: 54px;
}
.tag_gjc a{
    font-size: 22px;
    color: #3a59d3;
    margin-right: 5px;
}
.tag_gjc a.fs_a{
    color: #f11140;
}
.tag_gjc a.hs_a{
    color: #e9850f;
}
.cut_article p{
    font-size: 22px;
    margin-top: 14px;
    color: #0e0e0f;
}
.cut_article p a{
    color: #1f59f0;
    border-bottom: 1px solid #1f59f0;
}
.master_about{
    padding: 16px 34px;
    background: #f8f8f8;
    margin-top: 47px;
    align-items: center;
}
.master_about img{
    width: 92px;
    height: 92px;
    border-radius: 50%;
}
.r_zp{
    margin-left: 12px;
}
.r_zp .expert_t h2{
    font-size: 22px;
}
.r_zp p{
    width: 520px;
    font-size: 18px;
    color: #848488;
}
.zx_btn{
    margin-left: 7px;
}
.zx_btn a,.zx_btn span{
    width: 173px;
    height: 39px;
    line-height: 39px;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #a93121;
    display: block;
    margin: 11px 5px;
    /* display: inline-block; */
    cursor: pointer;
}
.zx_btn .toDsUrl{
    background: #e69128 !important;
}
.wz_sm{
    font-size: 22px;
    color: #848488;
    margin-top: 36px;
    line-height: 33px;
}
.look_article a{
    font-size: 22px;
}
.my_db_jl{
    margin-bottom: 15px;
}
.suspend{
    width: 103px;
    background: #fff;
    position: fixed;
    right: 0;
    top: 150px;
    padding: 0 19px;
    z-index: 555;
    box-sizing: border-box;
    box-shadow: 0px 3px 8px 0 #EBEBF6;
}
.suspend i{
    width: 44px;
    height: 46px;
    display: block;
    margin: auto;
}
.suspend i.ds_xf{
    background-position: -622px 0;
}
.suspend i.zx_qiming{
    background-position: -621px -55px;
}
.suspend i.zx_cm{
    background-position: -621px -110px;
}
.suspend i.xx_kf{
    background-position: -621px -162px;
}
.suspend i.wd_dd{
    background-position: -678px 0;
}
.suspend a{
    padding: 17px 0;
    display: block;
    border-bottom: 1px solid #f6f6f6;
}
.suspend a:hover p{
    color: #a93121;
}
.suspend a p{
    font-size: 16px;
    margin-top: 4px;
    color: #0e0e0f;
}

/* 客服弹窗 */
/* 弹窗  */
.zzcWarp,.zzcWarp1{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
    display: none;
}
.popShow{
    width: 280px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -125px;
    background: #fff;
    text-align: center;
    padding: 50px 20px 50px 20px;
}
.popShow img{
    width: 220px;
    height: 220px;
}
.popShow p{
    margin-top: 10px;
    font-size: 20px;
}
.popShow h2{
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #333;
}
.pop-close{
    width: 60px;
    height: 60px;
    font: 40px/60px simsun;
    color: #000;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s;
}
.pop-close:hover{
    transform: rotate(360deg);
}


/*修改*/
.ys_tab1 .sexSelect span.active,
.form_tab .ys_tab1 button
{
    background: #fbb68d;
}
.ys_tab2 .sexSelect span.active,
.form_tab .ys_tab2 button
{
    background: #a2b5fa;
}
.ys_tab3 .sexSelect span.active,
.form_tab .ys_tab3 button
{
    background: #fcabb2;
}
.all_wz_list1 li{
    display: flex;
    margin-top: 40px;
}
.all_wz_list1 li > a{
    width: 302px;
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
    display: block;
}
.all_wz_list1 li > a img{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.all_wz_list1 li:hover img{
    transform: scale(1.1)
}
.all_wz_list1 .r_all_wz{
    margin-left: 19px;
    width: 557px;
}
.r_all_wz h3 a{
    font-size: 24px;
    color: #242425;
}
.r_all_wz h3 a:hover{
    color: #e22f4c;
}
.r_all_wz em a {
    /*width: 94px;*/
    padding: 0 6px;
    height: 32px;
    font-size: 18px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    border: 1px solid #dedddd;
    margin-top: 12px;
    border-radius: 3px;
    margin-right: 8px;
}
.r_all_wz p{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.r_all_wz a{
    color: #000;
}

.calendar_my img{
    width: 180px;
    display: block;
    margin: 220px auto;
}

/* 2023.12.21修改 */
.content_nr{
    font-size: 22px;
    line-height: 45px;
}
.content_nr h3{
    margin: 10px 0;
}
.hot_serveL a:nth-child(2){
    color: #1f59f0;
    border: 1px solid #1f59f0;
}
.hot_serveL a:nth-child(4){
    color: #fff;
    background: #d73d34;
    border: 1px solid #d73d34;
}
.hot_serveL a:nth-child(12){
    color: #9e0de9;
    border: 1px solid #9e0de9;
}
.tj_wen a{
    padding-right: 44px;
}
.tj_wen a:nth-child(1) i{
    background: #4cb9ba;
}
.tj_wen a:nth-child(2) i{
    background: #79cbcb;
}
.tj_wen a:nth-child(3) i{
    background: #aedfe0;
}
.type_article a{
    color: #a93121;
}
/*.fixedStyle{*/
/*    position: fixed;*/
/*    left: 50%;*/
/*    top: 0;*/
/*    background: #fff;*/
/*    box-shadow: 0px 0px 10px 0px rgb(156 156 156 / 50%);*/
/*    z-index: 555;*/
/*    margin-top: 19px;*/
/*    margin-left: -700px;*/
/*}*/
.about_right img{
    cursor: pointer;
}


.search_hz{
    width: 454px;
    height: 49px;
    margin-top: 21px;
    border: 1px solid #dcc7a5;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}
.xz_select{
    position: relative;
}
.search_hz select{
    width: 130px;
    border: 0;
    background: none;
    padding-left: 30px;
    height: 100%;
    font-size: 22px;
}
.search_hz select[name='bihua']{
    width: 160px;
}
.search_hz button{
    width: 185px;
    height: 100%;
    background: #bb3523;
    font-size: 24px;
    color: #feffff;
    display: block;
    border: 0;
    cursor: pointer;
}
.xz_select i{
    right: 12px;
    top: 18px;
}
.popDs_zz{
    z-index: 555 !important;
}
.popDs{
    width: 450px;
    background-size: 450px auto;
}
.closePop{
    top: 44px;
}
.ds_list_bg{
    position: relative;
}
.ds_list_bg span{
    width: 181px;
    height: 53px;
    background: url(../img/ztqm.png) no-repeat center;
    position: absolute;
    right: 15px;
    bottom: 115px;
}
.crumbs_x a.hs_ds{
    color: #fef3c0;
    margin-left: 20px;
}
.crumbs_x a.hs_ds i{
    width: 32px;
    height: 32px;
    background: url(../img/laba.png) no-repeat center;
    vertical-align: -10px;
}
.suspend_ceng{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 157px;
    background: url(../img/bg.jpg) repeat-x center;
    padding: 20px 0;
    z-index: 11;
    display: none;
}
.ds_span{
    cursor: pointer;
    color: #a93121 !important;
}
.two_btm{
    display: flex;
}
.two_btm .red_qm{
    width: 180px;
}
.two_btm a{
    width: 180px;
    height: 65px;
    background: #e69128;
    color: #fff;
    border: 0;
    border-radius: 30px;
    font-size: 26px;
    margin-left: 17px;
    line-height: 65px;
    text-align: center;
    font-weight: bold;
}
.sex_tab{
    margin-top: 30px;
}
.r_ph.sex_tab span:after{
    bottom: -29px;
}
.item_hotWz li:nth-child(1) i{
    background: #a93121;
    color: #fff;
}
.item_hotWz li:nth-child(1) a{
    color: #a93121;
}
.item_hotWz li:nth-child(2) i{
    background: #d7786b;
    color: #fff;
}
.item_hotWz li:nth-child(2) a{
    color: #a93121;
}
.item_hotWz li:nth-child(3) i{
    background: #e0bdb8;
    color: #fff;
}
.item_hotWz li:nth-child(3) a{
    color: #a93121;
}


/* 展开 */
.read_mask {
    height: 120px;
    background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#FFF));
    background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));
}
.cotent_wz{
    overflow: hidden;
}
.read-box {
    position: relative;
    z-index: 9;
    padding: 0 0 20px;
    margin-top: -120px;
    text-align: center;
    margin-bottom: 20px;
}
.read_mod .read-button{
    border: 1px solid #8B2829;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    color: #8B2829;
    cursor: pointer;
}
.read-box .read_mod img {
    display: inline;
    width: 14px;
    height: auto;
    margin: 15px 0 0 0.3125rem;
    vertical-align: top;
}
.read_mod span{
    width: 22.2%;
    margin: 0 1%;
    border-radius: 5px;
    font-size: 16px;
    position: relative;
}
.zx_ds{
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    cursor: pointer;
    background: #6dafae;
    font-weight: bold;
}
.zx_ds i{
    width: 8px;
    height: 8px;
    background: #0eed74;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 3px;
}
.zx_ds em{
    background: red;
    color: #e5f4ff;
    /* height: 21px; */
    line-height: 19px;
    position: absolute;
    font-style: initial;
    right: 0;
    top: -18px;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 12px;
}
.zx_ds em:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid red;
    position: absolute;
    left: 18px;
    bottom: -4px;
}

.font_tu{
    width: 269px;
    height: 179px;
    background: url(../img/tag_bg.png) no-repeat center;
    padding-top: 50px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
}
.font_tu span{
    font-size: 20px;
    display: block;
    margin-top: 10px;
}
.r_dy{
    width: 595px;
}


/* 弹窗选择样式 */
.bqSelectBox{ position: fixed; left: 0; top: 50%; right: 0; margin: auto; width: 680px; margin-top: -180px; background: #FFFFFF; box-shadow: 0 0 5px rgba(0,0,0,.25); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 11; display: none;}
.bqSelectBox .hd{ line-height: 30px; color: #888; padding: 20px 20px; box-sizing: border-box; border-bottom: 1px solid #282c2f; }
.bqSelectBox .hd span{ font-size: 12px; padding-left: 10px; color: #5b5b5b; }
.bqSelectBox .bd{ padding: 0 15px 20px 15px; overflow: hidden; box-sizing: border-box}
.bqSelectBox .bd a:hover{
    filter: brightness(1);
    -webkit-filter: brightness(1);
}
.bqSelectBox .bd a{
    float: left;
    width: 88px;
    height: 40px;
    line-height: 40px;
    background: #F5F5F5;
    text-align: center;

    color: #666666; margin: 20px 10px 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; font-size: 18px; }
.bqSelectBox .bd input{ display: none; }
.bqSelectBox .bd a.on{ background: #B32621; color: #fff; }
.bqSelectBox .close{ display: inline-block; width: 120px; height: 48px; text-align: center;  color: #fff; cursor: pointer; background: #B32621; border-radius: 4px; vertical-align: top; line-height: 48px; font-size: 22px; float: right; }
.bqSelectBox .close:hover{ opacity: .9; }
.bqSelectBox .none{display: none}
.my_modal_bg {
    position: fixed;
    background: rgba(0, 0, 0, 0.5)!important;
    filter: Alpha(opacity=.5);
    background: #000;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.upTitlePop{
    width: 92%;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
    overflow: hidden;
    line-height: 48px;
    padding: 15px 0;
}
.upTitlePop i{
    float: left;
    font-size: 24px;
    font-style: normal;
}
.upTitlePop span{ margin-left: 10px; color: #999999; margin-left: 10px}

/* 公司 */
.x_input{
    width: 288px !important;
}
.gs_san .item_ban{
    width: 390px;
}
.s_input{
    width: 180px !important;
}
.liu_input{
    width: 165px !important;
}
.gs_san .item_ban{
    margin-left: 21px !important;
}
.dg_span span,.dg_span a{
    font-size: 28px;
}

/* 类型 */
.type_item{
    height: 49px;
    border-bottom: 1px dashed #DAD9D1;
    /*padding: 12px 0;*/
    padding-bottom: 12px;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 15px;
}
.type_item:last-child{
    border-bottom: 0;
    padding-bottom: 0;
    height: 34px;
}
.type_item a{
    color: #202021;
    font-size: 19px;
    margin-top: 5px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
}
.type_item a:hover{
    color: #e22f4c;
}
.sRight{
    width: 769px;
}
.sRight a.active{
    color: #B00815;
}
.x_jt{
    margin-top: 13px;
}
.x_jt img{
    width: 15px;
    cursor: pointer;
}
.type_item.on{
    height: auto;
}
.type_item.on .x_jt{
    transform: rotate(180deg);
}
.sLeft span {
    padding-top: 5px;
    color: #000;
    font-weight: bold;
    font-size: 19px;
    display: inline-block;
}
.mt10{
    margin-bottom: 20px;
}

/* 查询工具 */
.tool_page{
    background: #fff;
    padding: 0 0 28px 0;
    box-sizing: border-box;
    box-shadow: 0px 3px 8px 4px #EBEBF6;
    border-radius: 15px;
}

.t_tool{
    background: #f3f2f2;
    padding: 20px 20px;
    box-sizing: border-box;
    align-items: center;
    margin-bottom: 25px;
}
.t_tool h3{
    color: #494744;
    font-size: 28px;
}

.list_form{
    padding: 0 19px;
}
.list_form form{
    width: 100%;
}
.bor_bor{
    width: 224px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #c8e4e4;
    background: #f5fcfc;
    border-radius: 5px;
    font-size: 18px;
    color: #0e0e0f;
    padding-left: 9px;
    box-sizing: border-box;
    position: relative;
}
.bor_bor input,.bor_bor select{
    width: 115px;
    font-size: 18px;
    border: 0;
    background: none;
}
.bor_bor select{
    width: 48px;
}
.list_form{
    margin-top: 18px;
}
.list_form button, .submit_tool{
    width: 121px;
    height: 45px;
    background: #6dafae;
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    font-size: 18px;
}
.lx_tou{
    position: absolute;
    right: 9px;
    top: 19px;
}
.two_bor .bor_bor{
    border: 0;
    background: none;
    width: 110px;
}
.two_bor .bor_bor:nth-child(1){
    border-right: 1px solid #ddefef;
}
.two_bor{
    border: 1px solid #c8e4e4;
    background: #f5fcfc;
    border-radius: 5px;
}
.two_bor{
    width: 223px;
}
.two_bor .bor_bor input{
    width: 93px !important;
}
/* 表单 */
.r_form_jsq{
    background: linear-gradient(to bottom, #fae7e7, #ffffff);
    padding: 38px 18px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0px 8px -1px rgb(156 156 156 / 50%);
}
.bsBgBorder {
    padding: 26px 0 0 0;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
}
.znqmTabNew,.znqmTabNew1 {
    border-bottom: 1px solid #dbcbcb;
    padding-bottom: 20px;
}
.znqmTabNew a,.znqmTabNew1 a {
    font-size: 24px;
    color: #0e0e0f;
    position: relative;
    width: 171px;
    text-align: center;
}
.znqmTabNew a.active {
    color: #af4031;
}
.itemXing {
    width: 100%;
    height: 58px;
    /* border: 1px solid #c4ddfc; */
    color: #0e0e0f;
    background: #ffffff;
    border-radius: 10px;
    margin-top: 16px;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 58px;
    font-size: 22px;
    position: relative;
}
.itemXing input {
    height: 80%;
    background: none;
    border: none;
    font-size: 20px;
    width: 57%;
}
.formBodyQm .tabSubmit {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    background: #d63b33;
    margin-top: 25px;
    border: 0;
    margin-top: 15px;
    /* margin-bottom: 20px; */
    font-size: 22px;
    border-radius: 10px;
}
.znqmTabNew a.active::after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -22px;
    left: 0;
    background: #af4031;
    border-radius: 5px;
}
.J_datepicker{
    width: 55% !important;
}

.hot-fuwu h2{
    font-size: 26px;
    color: #212020;
}


.r_form_jsq form button{
    width: 100%;
    height: 57px;
    line-height: 57px;
    background: #af4031;
    border-radius: 8px;
    border: 0;
    color: #fff;
    font-size: 25px;
    margin-top: 20px;
}
.r_form_jsq{
    margin-bottom: 13px;
    width: 389px;
    margin-top: 28px;
}
.bfb_ipt{
    width: 100% !important;
    margin-bottom: 20px;
}

/* 弹窗 */
.mon-layer{z-index: 99;}
.mon-pop{z-index: 100; width: 300px;}
.mon-pop .mon-content{position: relative;width: 300px;background-color: #fff;padding:40px 30px 30px;text-align: center;}
.mon-pop .mon-content .mon-close{position: absolute;top: 15px;right: 18px;width: 20px;height: 20px;   font: 29px/17px simsun;}
.mon-pop .mon-content .mon-close img{width: 20px;height: 20px;}
.mon-pop .mon-content p{font-size: 18px;}
.mon-pop .mon-content p span:last-child{color: #f66c1c;margin-left: 10px;font-weight: bold;}
.mon-pop .mon-content .wxer{margin: 40px 0;width: 200px;height: 200px;}
.mon-pop .mon-content .tip{background-color: #1aad19;color: #fff;display: flex;text-align: center;justify-content: center;align-items: center;padding: 10px;}
.mon-pop .mon-content .tip.alipay{background-color: #1985f1;}
.mon-pop .mon-content .tip img{width: 20px;height: 20px;margin-right: 20px;}
.mon-pop .mon-content .item{display: none;}
.mon-pop .mon-content .item.on{display: block;}
.mon-pop #myframe{width: 220px; height: 210px;margin: 40px 0;    margin-left: 23px;}
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #56b4f8; }
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background: #fff}
._citys span { color: #56b4f8; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #56b4f8; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #a93121; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; *float:left;}
.citySel { background-color: #a93121; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #56b4f8; }
#PoPy{ position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: auto; width: 568px!important; height: 295px !important; }
._citys{ width: auto !important; border: 0 !important; padding: 0 !important; background: #373d41 !important; border-radius: 3px !important; display: block !important; }
._citys span{position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; text-indent: -300px !important; border: 0 !important; width: auto !important; height: auto !important; cursor: auto !important; text-align: left !important; overflow: hidden !important;}
.citySel,.AreaS{background-color: #a93121 !important; color: #fff !important; }
._citys0,._citys1{position: relative !important; z-index: 1 !important; }
._citys0{ border-bottom-color: #a93121 !important; border-top-left-radius: 3px !important; overflow: hidden !important; height: auto !important;}
._citys0 li{ height: 38px !important; line-height: 38px !important; }
._citys1{ padding-top:5px !important; min-height: 80px !important; }
._citys1 a{width: 83px !important; font-size: 14px !important; background: #282c2f !important; color: #dfe0e0 !important; border-radius: 3px !important; margin: 5px 0 0 10px !important; }
._citys1 a:hover{color: #fff !important; background-color: #a93121 !important; }