/*basic*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;box-sizing: border-box}  body {background: #F8F8F8;min-width: 1900px;color: #333333;font-size: 14px;font-family: "Microsoft YaHei UI", Verdana, Arial, Helvetica, sans-serif;padding-top: 110px;}  td, th, caption {font-size: 14px;}  h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}i{font-style: normal;}  address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}  a {color: #555;text-decoration: none;}  img {border: none;width: 100%;}  ol, ul, li {list-style: none;}  input, textarea, select, button {font: 14px Verdana, Helvetica, Arial, sans-serif;border: none;}  button:focus, input:focus {outline: none;}
/*common*/
.d_flex {display: flex;}
.j_c {justify-content: center}
.j_b {justify-content: space-between}
.a_c {align-items: center}
.a_e {align-items: flex-end}
.flex {flex: 1;}
.flex_wrap {flex-wrap: wrap;}
.w1200{width: 1200px;margin:0 auto;}
.po_rel {position: relative;}
.float,.f_l{float: left;}
.fc_1{color: #e65a56;}
.fc_2{color: #ba4a57;}
.fc_3{color: #dab866;}
.fc_4{color: #22BD4B;}
.bg1{background-color: #fff;}
.bg2{background: #e6efee url(../images/bg000.jpg)no-repeat;background-size: 100% 100%;}
.bg3{background: url(../images/bg001.jpg)no-repeat;background-size: 100% 100%;}
.btn_2{background-color: #20bd49 !important;}
.line2{display: -webkit-box;word-break: break-all;text-overflow:ellipsis;overflow: hidden;white-space: pre-line;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.line3{display: -webkit-box;word-break: break-all;text-overflow:ellipsis;overflow: hidden;white-space: pre-line;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
/*nav */
header {height: 110px;width: 100%;background-color: #ffffff;position: fixed;top: 0;z-index: 20;border-bottom: 1px solid #F7F6F6;}
.h-content {width: 1200px;height: 100%;margin: 0 auto;}
.logo {width: 150px;height: 60px;}
.line {height: 50px;width: 1px;margin: 0 15px;border-right: 1px solid #d9d9d9;}
.city {font-size: 46px;color: #333333;font-family: NSimSun;cursor: default;}
.icon-box .icon {margin-right: 10px;position: relative;cursor: pointer;}
.icon-box .icon .n {position: absolute;bottom: 9px;left: 50%;transform: translateX(-50%);color: #a3a3a3;}
.search {display: flex;width: 170px;height: 60px;text-align: center;line-height: 60px;justify-content: center;align-items: center;background-color: #dcbf77;border-radius: 6px;color: #ffffff;font-family: MicrosoftYaHei;font-size: 18px;margin-left: 30px;cursor: pointer;}
.search .img {width: 20px;height: 20px;margin-right: 3px;}
/*banner*/
.banner h1{position: absolute;top: 320px;left: 368px;font-size: 50px;color: #ffffff;font-weight: bold;}
.banner p{position: absolute;top: 399px;left: 358px;color: #ffffff;width: 948px;font-size: 20px;line-height: 1.7;opacity: 0.9;background: #363435;padding: 0 10px 10px;border-radius: 10px; z-index: 5}
.banner p.h280{height: 137px;overflow: hidden;}
.banner p .more-btn{position: absolute;bottom: 5px;right: 0px;background: #ae0606;display: inline-block;padding: 0 11px;font-size: 16px;color: #ded6d1;text-decoration: underline;cursor: pointer;font-weight: bold;border-radius: 3px;}
.banner p .cut-btn{display: none;background-color: #464341;display: inline-block;padding: 0 11px;font-size: 16px;color: #ded6d1;text-decoration: underline;cursor: pointer;font-weight: bold;}
/*experts*/
.section{padding: 85px 0;}
.title-box h2{font-size: 50px;color: #333333;font-weight: bold;}
.title-box .desc{font-size: 12px;color: #999999;opacity: 0.99;padding: 8px 0 0 0;}
.title-box .mark{margin-top: 18px;width: 40px;height: 5px;background-color: #dab866;}
.title-box .t-btn{display:block;position: absolute;right: 0;top: 10px;width: 257px;height: 80px;background-color: #dcbf77;border-radius: 16px;color: #ffffff;font-size: 24px;font-weight: bold;text-align: center;line-height: 80px;}
.swipe{margin-top: 50px;}
.swipe .swiper-slide{overflow: hidden;}
.swipe .item{width: 585px;height: 427px;background-color: #f8f8f8;border-radius: 16px;margin-bottom: 30px;margin-right: 30px;float: left;padding: 30px;position: relative;}
.swipe .item:nth-child(2n){margin-right: 0;}
.swipe .item .avatar-box{width: 210px;height: 280px;background-color: #f8fbff;border-radius: 16px 0 16px 16px;overflow: hidden;position: relative;}
.swipe .item .avatar-box .wx-er{position: absolute;right: 0;top: 0;width: 66px;height: 66px;z-index: 7;}
.swipe .item .er{position: absolute;top: 50%;left: 50%;width: 135px;height: 135px;z-index: 6;transform: translate(-50%,-50%);display: none;}
.swipe .item .layer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;background-color: rgba(0,0,0,0.8);display: none;}
.swipe .item .e-mark{position: absolute;bottom: 0;left:0;display: inline-block;width: 100px;height: 28px;background: url('../images/icon_bg4.png') no-repeat;background-size: 100% 100%;font-size: 14px;line-height: 28px;text-align: center;padding-left: 10px;color: #fff;}
.swipe .item .e-mark.icon_bg1{background: url('../images/icon_bg1.png') no-repeat;background-size: 100% 100%;}
.swipe .item .e-mark.icon_bg2{background: url('../images/icon_bg2.png') no-repeat;background-size: 100% 100%;}
.swipe .item .e-mark.icon_bg3{background: url('../images/icon_bg3.png') no-repeat;background-size: 100% 100%;}
.swipe .item .e-mark.icon_bg4{background: url('../images/icon_bg4.png') no-repeat;background-size: 100% 100%;}
.swipe .item .info{position: absolute;left: 270px;top: 30px;width: 285px;}
.swipe .item .info h3{font-size: 24px;font-weight: bold;}
.swipe .item .info h3 .concat{cursor: pointer;position: relative;top: -3px;display: inline-block;background-color: #20bd49;font-size: 14px;width: 106px;height: 28px;line-height: 28px;color: #ffffff;border-radius: 14px;text-align: center;}
.swipe .item .info h3 .concat img{position: relative;top: 2px;width: 15px;height: 15px;margin-right: 5px;}
.swipe .item .info h4{font-size: 18px;font-weight: bold;margin: 10px 0;}
.swipe .item .info .desc{height: 70px;color: #999999;font-size: 14px;padding: 10px 0;line-height: 1.5;display: -webkit-box;word-break: break-all;text-overflow:ellipsis;overflow: hidden;white-space: pre-line;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.swipe .item .info .tag{cursor: pointer;;display: inline-block;width: 70px;height: 28px;text-align: center;line-height: 28px;background-color: #58d18e;border-radius: 4px;margin-right: 10px;margin-bottom:10px;color: #ffffff;}
.swipe .item .info .tag:nth-child(7){background-color: #dcbf77;}
.swipe .item .info .tag:nth-child(8){background-color: #826adc;}
.swipe .item .info .tag:nth-child(4){background-color: #1ac2e7;}
.swipe .item .info .tag:nth-child(5){background-color: #839dfc;}
.swipe .item .info .tag:nth-child(6){background-color: #58d18e;}
.swipe .item .info .tag:nth-child(9){background-color: #ffc24c;}
.swipe .item .info .comment{margin-top: 15px;color: #adadad;}
.swipe .item .info .star{position: relative;top: 2px;width: 80px;height: 15px;margin: 0 5px;}
.swipe .item .info .intr{margin-top: 8px;color: #adadad;font-size: 14px;}
.swipe .item .info .intr span{margin-right: 20px;}
.pop_img{width: 350px;height: 400px;text-align: center;padding: 25px;}
.pop-img-style{width: 300px; height: 300px;margin-top: 25px;}
.pop-txt-style{font-size: 30px;font-weight: bold;margin-top: 10px;}
.swipe .item .btn{display:block;margin-top: 30px;width: 525px;height: 56px;background-color: #20bd49;border-radius: 8px;text-align: center;line-height: 56px;color: #ffffff;font-size: 20px;font-weight: bold;}
/*questions*/
.questions{margin-top:60px;position: relative;height: 630px;}
.questions .item{position: absolute;width: 585px;height: 190px;background-color: #ffffff;border-radius: 16px;padding: 40px;cursor: pointer;overflow: hidden;}
.questions .item.box_sho{box-shadow: 0px 0px 29px 0px rgba(12, 3, 6, 0.17);border: solid 1px #f3f3f3;z-index:4;}
.questions .item h3{display: flex;font-size: 28px;font-weight: bold;}
.questions .item h3 .icon,
.questions .item p .icon{width: 34px;height: 34px;background-color: #dab866;border-radius: 4px;font-size: 18px;font-weight: normal;color: #fefefe;text-align: center;line-height: 34px;margin-right: 10px;}
.questions .item h3 span:last-child{flex: 1;width: 100%;}
.questions .item h3 .line2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.questions .item p{margin-top: 10px;}
.questions .item p .icon{background-color: #20bd49;}
.questions .item p span:last-child{flex: 1;width: 100%;line-height: 2;font-size: 16px;}
.questions .item p .line2{display: -webkit-box;word-break: break-all;text-overflow:ellipsis;overflow: hidden;white-space: pre-line;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.questions .item:nth-child(1){top: 0;left: 0;}
.questions .item:nth-child(2){top: 0;left: 615px;}
.questions .item:nth-child(3){top: 210px;left: 0;}
.questions .item:nth-child(4){top: 210px;left: 615px;}
.questions .item:nth-child(5){top: 430px;left: 0;}
.questions .item:nth-child(6){top: 430px;left: 615px;}
/*school*/
.school{margin-top: 60px;}
.school .item{display: flex;}
.school .type1{width: 585px;height: 224px;background-color: #f8f8f8;border-radius: 16px;padding: 30px;margin-bottom: 30px;}
.school .type2{width: 100%;height: 224px;background-color: #f8f8f8;border-radius: 16px;padding: 30px;}
.school .item .s-img{width: 230px;height: 164px;background-color: #1b1919;border-radius: 8px;margin-right: 30px;}
.school .item .info{width: 250px;}
.school .item .info .s-title{font-size: 28px;font-weight: bold;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%}
.school .item .info .s-desc{margin: 20px 0;line-height: 1.5;font-size: 15px;}
.school .item .info .txt .ac-avatar{width: 30px;height: 30px;background-color: #1a1717;border-radius: 50%;margin-right: 5px;}
.school .item .info .txt span{margin-right: 20px;}
/*example*/
.example{margin-top: 60px;}
.example .tab{margin-bottom: 25px;}
.example .tab li{width: 131px;height: 54px;margin-right: 20px;background-color: #f0f0f0;border-radius: 6px;font-size: 24px;color: #333333;text-align: center;line-height: 54px;cursor: pointer;}
.example .tab li.active{background-color: #dcbf77;color: #ffffff;}
.example .content{background-color: #fff;padding: 50px;display: none;}
.example .content.active{display: block;}
.example .content .top{justify-content: space-between;}
.example .content .top .e-ava{width: 80px;height: 80px;margin-right: 20px;border-radius: 4px;}
.example .content .top .user-info{font-size: 22px;color: #333333;line-height: 1.8;}
.example .content .top .user-info .location{width: 25px;height: 25px;margin-right: 10px;}
.example .content .top .user-info span{margin-right: 50px;}
.example .content .top .ds{display: flex;position: relative;}
.example .content .top .ds .ds-img{width: 80px;height: 80px;background-color: #121413;border-radius: 6px;margin-right: 10px;}
.example .content .top .ds .ds-name{font-size: 20px;color: #333333;font-weight: bold;}
.example .content .top .ds .btn{position: absolute;right: 0;bottom: 8px;width: 157px;height: 40px;background-color: #20bd49;border-radius: 6px;font-size: 20px;color: #ffffff;font-weight: bold;}
.example .content .info{margin-top: 25px;padding: 30px;background-color: #f6f8f7;border-radius: 8px;border: solid 1px #ebebeb;}
.example .content .info .name-intro{width: 124px;height: 169px;background-color: #d6eee1;border-radius: 6px;margin-right: 18px;overflow: hidden;}
.example .content .info .name-intro .tit{height: 49px;background-color: #58d18e;text-align: center;line-height: 49px;font-size: 20px;color: #ffffff;}
.example .content .info .name-intro .name{font-size: 40px;color: #333333;font-weight: bold;width: 100%;padding: 10px 42px;text-align: center;}
.example .content .info  .name-info p{line-height: 1.8;font-size: 18px;}
.example .content .info  .name-info p .tit,.example .content .comment .tit{color: #999;}
.example .content .info  .name-info p .con{margin-right: 60px;}
.example .content .comment{font-size: 18px;color: #333333;line-height: 1.8;margin: 30px 0 20px;}
.example .content .mark span{display: inline-block;width: 100px;height: 40px;background-color: #839dfc;border-radius: 6px;text-align: center;line-height: 40px;margin-right: 10px;color: #ffffff;}
.example .content .mark span:nth-child(2){background-color: #58d18e;}
.example .content .mark span:nth-child(3){background-color: #f1863f;}
.example .content .mark span:nth-child(4){background-color: #62a4d1;}
.example .content .mark span:nth-child(5){background-color: #9fd147;}
/*procedure*/
.procedure{margin-top: 60px;}
.procedure .item{width: 580px;height: 120px;background-color: #ffffff;border: solid 1px #f1f1f1;margin-bottom: 30px;}
.procedure .item img{float: left;width: 190px;height: 120px;}
.procedure .item h3{float: left;font-size: 20px;font-weight: bold;color: #dab866;padding: 30px 0 10px 40px;}
.procedure .item h3 span{color: #333;}
.procedure .item p{float: left;padding-left: 40px;width: 360px;}
/*from*/
.form-box {position: relative;width: 1200px;margin-top: 45px;background-color: #fff;box-shadow: 0px 0px 38px 0px rgba(12, 3, 6, 0.09);}
.form-box .form-tab {height: 80px;}
.form-box .form-tab .item {width: 200px;height: 80px;text-align: center;line-height: 80px;font-size: 24px;border-right: 1px solid #eaeaea;}
.form-box .form-tab .item a {font-size: 24px;display: inline-block;height: 100%;width: 100%;}
.form-box .form-tab .item.active a {background-color: #dab866;font-weight: bold;color: #ffffff;}
.form-box .content {padding: 50px;background-color: #fff;}
.form {flex-wrap: wrap;}
.form .item-box {width: 540px;height: 60px;margin-bottom: 20px;background-color: #f2f5f7;border-radius: 4px;border: solid 1px #e7e7e7;padding: 0 18px;}
.form .item-box:nth-child(2n+1) {margin-right: 20px;}
.form .item-box .inpt {background-color: transparent;font-size: 18px;width: 100%;}
.sex-box .sex-item {font-size: 18px;}
.sex-box .sex-item .sex {margin-left: 10px;}
.sex-img {width: 20px;height: 20px;}
.sex-box .sex-item .sex .ck1 {display: none}
.sex-box .sex-item .sex .ck2 {display: block}
.sex-box .sex-item .active .ck2 {display: none;}
.sex-box .sex-item .active .ck1 {display: block;}
.leap-box {font-size: 16px;color: #666666;}
.meal-tab .meal {width: 165px;height: 118px;margin-right: 20px;background-color: #f8f8f8;border-radius: 4px;text-align: center;overflow: hidden;border: solid 2px #f8f8f8;cursor: pointer;}
.meal-tab .meal:last-child {margin-right: 0;}
.meal-tab .meal.active {border: solid 2px #dab866;}
.meal-tab .meal .n-p {margin-top: 20px;font-size: 24px;font-weight: bold;height: 28px;}
.meal-tab .meal .o-p {margin-bottom: 6px;height: 30px;font-size: 14px;text-decoration: line-through;color: #999999;}
.meal-tab .meal .t-p {height: 32px;line-height: 30px;font-size: 18px;font-weight: bold;background-color: #4c4444;color: #ffffff;}
.meal-tab .meal.active .t-p {background-color: #dab866;}
.meal-content {margin-top: 50px;}
.meal-item {margin-bottom: 30px;}
.meal-item .tit {width: 100px;margin-right: 10px;font-size: 20px;color: #333333;cursor: default;}
.meal-item .txt {font-size: 14px;color: #999999;cursor: default;}
.meal-item .txt .star {width: 20px;height: 20px;}
.meal-item .txt .score {margin-left: 10px;font-size: 20px;color: #999999;}
.meal-item .time {margin-left: 20px;width: 129px;height: 26px;line-height: 26px;background: url("../images/sb1.png") no-repeat;background-size: 100% 100%;font-size: 12px;padding-left: 20px;text-align: center;color: #ffffff;}
.meal-li .li {display: inline-block;width: 88px;height: 34px;text-align: center;line-height: 34px;background-color: #ffffff;border-radius: 6px;border: solid 1px #dadada;font-size: 14px;color: #333;}
.meal-li .add-icon {display: inline-block;width: 30px;text-align: center;color: #E65A56;font-weight: bold;}
.meal-li .mark {width: 80px;height: 35px;text-align: center;line-height: 35px;background-color: #e65a56;margin-right: 10px;color: #ffffff;font-size: 16px;}
.meal-li .mark:nth-child(2) {background-color: #ff973d;}
.meal-li .mark:nth-child(3) {background-color: #f6c658;}
.meal-li .mark:nth-child(4) {background-color: #58d18e;}
.meal-li .mark:nth-child(5) {background-color: #1ac2e7;}
.meal-li .mark:nth-child(6) {background-color: #839dfc;}
.meal-li .mark:nth-child(7) {background-color: #59ff5c;}
.meal-li .mark:nth-child(8) {background-color: #ff59ff;}
.meal-num {font-size: 18px;color: #999;}
.meal-num .tip {font-size: 16px;color: #999;margin-left: 10px;}
.meal-info {display: none;}
.meal-info.active {display: block;}
.meal-info .line {width: 100%;margin: 40px 0;height: 1px;border-top: 1px solid #eaeaea;}
.meal-gift {padding-bottom: 40px;border-bottom: 1px solid #eaeaea;}
.meal-gift .meal-title {font-size: 24px;font-weight: bold;color: #333333;margin-bottom: 30px;}
.gift-list {flex-wrap: wrap;}
.gift-list .list {width: 40%;}
.gift-list .list:nth-child(2n) {width: 60%;}
.gift-img {margin-top: 30px;flex-wrap: wrap;}
.gift-img .g-img {width: 200px;height: 130px;margin-right: 20px;margin-bottom: 20px}
.gift-img .g-img img {width: 210px;height: 130px;}
.price-info {padding-top: 30px;}
.price-info .price .n-pr {font-family: MicrosoftYaHei;font-size: 20px;color: #e65a56;font-weight: bold;}
.price-info .price .n-pr .num_bb {font-size: 48px;}
.price-info .price .o-pr {font-size: 14px;color: #d8d8d8;text-decoration: line-through;text-align: center;}
.price-info .add-wx {margin-left: 30px;width: 248px;height: 64px;text-align: center;line-height: 64px;background-color: #00c33d;border-radius: 6px;cursor: pointer;border: solid 1px #00a132;font-size: 22px;color: #ffffff;}
.price-info .add-wx .wx-icon {width: 44px;height: 44px;}
.price-info .add-zs {margin-left: 20px;width: 136px;height: 65px;background-color: #ffffff;border-radius: 6px;border: solid 1px #dadada;font-size: 24px;color: #666666;cursor: pointer;}
.price-info .add-zs .zs-icon {width: 30px;height: 30px;margin-right: 5px;}
.box-img {position: absolute;bottom: -200px;right: -200px;}
.box-img .b-img {width: 487px;height: 556px;}
/* connection */
.connection{    margin-top: 60px;}
.connection .item{width: 270px;margin-right: 40px;margin-bottom: 40px;border-radius: 12px;overflow: hidden;}
.connection .item:nth-child(4n){margin-right: 0;}
.connection .item img{width: 270px;height: 194px;display: block;}
.connection .item .info{background-color: #fff;padding: 15px;}
.connection .item .info h2{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 10px;}
.connection .item .info p{color: #999;font-size: 16px;}

/* footer */
footer{
    width: 100%;
    padding-top: 40px;
    background-color: #282828;
    color: #fff;
}
footer .link-box ul{
    margin-right: 40px;
}
footer .link-box ul .title{
    font-size: 18px;
    color: #aaa;
    margin-bottom: 10px;
}
footer .link-box ul li a{
    display: inline-block;
    margin-right: 20px;
}
footer .link-box .wx-er{
    width: 100px;
    margin-left: 80px;
    text-align: center;
    color: #999;
}
footer .link-box .wx-er img{
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}
footer .copy-box{
    margin-top: 30px;
    border-top: 1px solid #aaa;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    color: #999;
}
footer .bottom{
    background-color: #191919;
    padding: 10px 0;
}
footer .bottom li{
    margin:0 10px;
}
footer a{color: #999;}


/* pop */
#pop{display: none;background-color: #fff;padding: 36px 50px;border-radius: 6px;width: 1200px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 81;}
#pop .top-box{padding: 30px;background-color: #f8f8f8;border-radius: 8px;margin-bottom: 30px;}
#pop .top-box .avatar{width: 140px;height: 140px;background-color: #f8fbff;border-radius: 16px;margin-right: 26px;}
#pop .top-box .info h3{font-size: 24px;font-weight: bold;color: #333333;}
#pop .top-box .info h3 span:last-child{position: relative;top: -4px;margin-left: 10px;display: inline-block;width: 96px;height: 28px;background: url(../images/sb3.png) no-repeat;background-size: 100% 100%;font-size: 14px;color: #fff;text-align: center;line-height: 28px;padding-left: 10px;}
#pop .top-box .info .mark{margin-right: 20px;}
#pop .top-box .info .mark .desc{display: inline-block;width: 100%;line-height: 1.5;color: #999;padding: 15px 0;}
#pop .top-box .info .mark .ex-mark-s span{display: inline-block;width: 70px;height: 28px;margin-right:4px;margin-bottom: 5px;border-radius: 4px;text-align: center;line-height: 28px;font-size: 14px;color: #fff;}
#pop .top-box .info .mark .ex-mark-s span:nth-child(n+1){background-color: #58d18e;}
#pop .top-box .info .mark .ex-mark-s span:nth-child(n+2){background-color: #1ac2e7;}
#pop .top-box .info .mark .ex-mark-s span:nth-child(n+3){background-color: #839dfc;}
#pop .top-box .info .mark .ex-mark-s span:nth-child(n+4){background-color: #f6c658;}
#pop .top-box .info .mark .ex-mark-s span:nth-child(n+5){background-color: #8ae996;}
#pop .top-box .info .intr{padding-top: 15px;color: #999;}
#pop .top-box .info .intr p{line-height: 2;}
#pop .top-box .info .intr p img{width: 84px;height: 18px;position: relative;top: 4px;margin: 0 5px;}
#pop .top-box .info .intr p .f-span{margin-right: 15px;}
#pop .top-box .er-box{width: 150px;font-size: 14px;color: #999999;text-align: center;}
#pop .top-box .er img{width: 120px;height: 120px;margin-bottom: 10px;}
.meal-tab-info .meal-btn{width: 165px;margin-right: 20px;padding: 20px 0;text-align: center;}
.meal-tab-info .meal-btn button{display: none;margin: 0 auto;width: 83px;height: 27px;background-color: #dab866;border-radius: 13px;text-align: center;line-height: 27px;color: #fff;}
.meal-tab-info .meal-btn.active button{display: block;}
.form-app .price{padding-top: 30px;border-top: 1px solid #eaeaea;}
.form-app .price .p{text-align: center;}
.form-app .price .p span:first-child{color: #e65a56;font-size: 20px;}
.form-app .price .p span:nth-child(2){color: #e65a56;font-size: 48px;font-weight: bold;}
.form-app .price .p span:last-child{color: #999;font-size: 20px;text-decoration: line-through;}
.form-app .price button{display: flex;width: 248px;height: 64px;background-color: #00c33d;border-radius: 6px;border: solid 1px #00a132;justify-content: center;align-items: center;color: #fff;font-size: 22px;}
.form-app .price button img{width: 40px;height: 40px;margin-right: 30px;}
.meal-layer,.pop-layer,.mon-layer{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 88;display: none;}
.pop-layer{z-index: 80;}
.meal-pop{display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1200px;padding: 30px;background-color: #fff;z-index: 99;border-radius: 16px;box-shadow: 0px 0px 38px 0px rgba(12, 3, 6, 0.09);}
.meal-pop .meal-info{position: relative;}
.meal-pop .meal-info .close{position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;}
.meal-pop .meal-info .close img{width: 30px;height: 30px;}
.meal-pop .meal-info .top{margin-bottom: 30px;}
.meal-pop .meal-info .top h3{font-size: 36px;color: #333333;font-weight: bold;margin-right:20px;}
.meal-pop .meal-info .top p{position: relative;top: -5px;}
.meal-pop .meal-info .top p span:first-child{color: #e65a56;font-size: 20px;}
.meal-pop .meal-info .top p span:nth-child(2){color: #e65a56;font-size: 48px;font-weight: bold;}
.meal-pop .meal-info .top p span:last-child{color: #999;font-size: 14px;text-decoration: line-through;}
.meal-pop .meal-gift{padding-bottom: 0;border-bottom: none;}
.pay-layer{background-color: rgba(255,255,255,0.9);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 93;display: none;}
.pay-pop,.mon-pop{display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1200px;z-index: 95;}
.pay-pop .pop-top{padding: 16px 22px;box-sizing: border-box;background: url(https://static.quwangming.com/common/topic/images/dsqm/top_bj.jpg) center 0 repeat-x;color: #eee;overflow: hidden;position: relative;display: flex;}
.pay-pop .pop-top .logobb{height: 43px;width: auto;}
.pay-pop .pop-top h3{flex: 1;font-size: 20px;padding-left: 28px;line-height: 43px;font-weight: bold;}
.pay-pop .pop-top .p-close{width: 40px;height: 40px;}
.pay-pop .pop-content .info-con{background: #fff;padding: 30px;box-shadow: 0 1px 3px rgb(34 25 25 / 20%);position: relative;margin-bottom: 13px}
.pay-pop .pop-content .info-con h3{font-size: 20px;font-weight: bold;line-height: 2;}
.pay-pop .pop-content .info-con p{font-size: 16px;color: #999;line-height: 2;}
.pay-pop .pop-content .info-con p span:last-child{color: #333;}
.pay-pop .pop-content .info-con p.w40{width: 40%;}
.pay-pop .pop-content .info-con .fj {color: #333;line-height: 1.4;}
.pay-pop .pop-content .info-con .fj input{margin-right: 10px;}
.fj .mm{width: 40px;height: 40px;position: relative;top: 14px;}
.pay-pop .pop-content .info-con .money{text-align: right;}
.pay-pop .pop-content .info-con .money span{color: #333;}
.pay-pop .pop-content .info-con .money span:nth-child(n+2){font-size: 22px;color: #f66c1c;font-weight: bold;}
.pay-pop .pop-content .info-pay{background: #fff;padding: 30px;box-shadow: 0 1px 3px rgb(34 25 25 / 20%);position: relative;}
.pay-pop .pop-content .info-pay h4{font-weight: bold;font-size: 18px;padding-bottom: 20px;border-bottom: 1px solid #eaeaea;margin-bottom: 20px;}
.pay-pop .pop-content .info-pay p span{color: #999;}
.pay-pop .pop-content .info-pay p span:nth-child(n+2){color: #f66c1c;margin-left: 5px;font-size: 20px;}
.pay-pop .pop-content .info-pay .pay-btn button{width: 200px;height: 50px;margin-right: 20px;margin-top: 20px;border-radius: 4px;border: 1px solid #eaeaea;color: #333;background-color: #fff;font-size: 18px;display: flex;align-items: center;justify-content: center;}
.pay-pop .pop-content .info-pay .pay-btn button img{width: 30px;height: 30px;margin-right: 5px;}
.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: 10px;right: 10px;width: 20px;height: 20px;}
.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;}



/*district selector*/
#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;display: block;border: 0;padding: 0;position: relative;background: #373d41;border-radius: 3px}
._citys span {background-color: rgba(0, 0, 0, 0.4);position: fixed;right: 0px;top: 0px;left: 0;bottom: 0;color: #56b4f8;height: auto;width: auto;border-radius: 3px;border: 0;cursor: auto;text-indent: -300px;text-align: left;overflow: hidden;}
._citys0 {position: relative;width: 100%;height: auto;display: inline-block;border-bottom: 2px solid #17925c;padding: 0;margin: 0;z-index: 1;overflow: hidden;border-top-left-radius: 3px}
._citys0 li {display: inline-block;height: 38px;line-height: 38px;font-size: 15px;color: #fff;width: 80px;text-align: center;cursor: pointer;*float: left;}
.citySel, .AreaS {background-color: #17925c;color: #fff;}
._citys1 {position: relative;width: 100%;min-height: 80px;display: inline-block;padding: 5px 0 10px 0;z-index: 1}
._citys1 a {width: 83px;height: 35px;display: inline-block;background-color: #282c2f;color: #dfe0e0;border-radius: 3px;margin-left: 10px;margin-top: 5px;line-height: 35px;text-align: center;cursor: pointer;font-size: 14px;overflow: hidden;}
._citys1 a:hover {color: #fff;background-color: #17925c;}
.picon-hot {margin-left: 10px;background: url(https://static.quwangming.com/tool/images/menu_icon01.png) no-repeat;width: 37px;height: 18px;display: inline-block;_display: inline;*zoom: 1;vertical-align: text-top;}


/* 2020.07.14 new */
.newBg{
    margin-top: 60px;
}
.itemBoxZyx{
    margin-top: 18px;
}
.itemBoxZyx li{
    width: 585px;
    height: 211px;
    padding: 41px 45px;
    background: url(../images/zyxItem.jpg) no-repeat center;
    overflow: hidden;
    margin-top: 30px;
}
.imgZyx1 img{
    width: 130px;
    height: 138px;
}
.imgZyx2 img{
    width: 141px;
    height: 175px;
    margin-top: -20px;
}
.leftImgZyx{
    float: left;
}
.rightFontZyx{
    float: left;
    width: 328px;
    margin-left: 23px;
}
.rightFontZyx h3{
    font-size: 27px;
}
.rightFontZyx span{
    width: 54px;
    height: 2px;
    display: block;
    background: #caa456;
    margin: 18px 0;
}
.rightFontZyx p{
    color: #666666;
    line-height: 22px;
}
.checkBoxNew{
    width: 100%;
    text-align: center;
    margin-bottom: 18px;
}
.checkBoxNew input{
    vertical-align: middle;
    margin-right: 5px;
}
.checkBoxNew span{
    vertical-align: middle;
    color: #c2c2c2;
}
.checkBoxNew a{
    color: #c2c2c2;
}
.formBanner{
    width: 622px;
    padding: 0 10px;
    background: #4b4846;
    position: absolute;
    top: 25px;
    left: 360px;
    border-radius: 10px;
}
.upTab{
    border-bottom: 1px solid #6d6767;
    height: 49px;
    line-height: 49px;
}
.upTab a {
    margin: 0 101px;
    font-size: 24px;
    color: #b3a5a5;
    padding-bottom: 9px;
}
.upTab a.active{
    color: #ececec;
    border-bottom: 1px solid #ececec;
}
.nameTest{
    padding: 20px 0 10px 0;
}
.inputItem{
    width: 295px;
    height: 50px;
    border-radius: 5px;
    background: #ffffff;
    margin-bottom: 10px;
    line-height: 50px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
}
.inputItem input{
    width: 170px;
    height: 99%;
}


.nameTest .radio,.nameTest .checkbox{ z-index: 1; padding: 6px 15px 10px 0; }
.nameTest .radio label,.nameTest .checkbox label{ line-height: 18px; float: left; font-size: 16px; color: #888; padding: 10px 0; margin-left: 10px; cursor: pointer; }
.nameTest .radio label i,.nameTest .checkbox i{ width: 18px; height: 18px; text-align: center; line-height: 35px; float: left; margin-right: 3px; background: #cecece; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative;}
.nameTest .radio label i:after,.nameTest .checkbox label i:after{ content: ""; background: url(https://static.quwangming.com/gsqm/images/gou.png) no-repeat; width: 10px; height: 8px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.nameTest .radio label input,.nameTest .checkbox input{ display: none; }
.nameTest .radio label.on i,.nameTest .checkbox label.on i{ background-color: #e55352;}
.nameTest .radio label.on i:after,.nameTest .checkbox label.on i:after{ display: block; }

.nameTest #submitPost,.nameTest #submitPostQm{
    width: 100%;
    height: 50px;
    background: #c73631;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
}
.nameTest .checkBoxNew{
    margin-bottom: 11px;
}
.inputItem{
    position: relative;
}
.inputItem em{
    position: absolute;
    right: 18px;
    top: 0;
}
.inputItem em img{
    width: 14px;
    height: 9px;
}
.TwoXing .radio{
    position: absolute;
    right: 0;
    top: 0;
}
.inputItem.houInput{
    padding: 0 5px 0 12px;
}
.inputItem.houInput input{
    width: 193px;
    margin-left: -6px;
}
.fixedCode{
    position: fixed;
    right: 30px;
    top: 200px;
}
.fixedCode a{
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: block;
    box-shadow: 1px 1px 8px #e1e1e1;
    overflow: hidden;
    margin-left: 78px;
    margin-top: 20px;
    background: #ffffff;
}
/*.fixedCode a:hover{*/
/*    background: #20bd49;*/
/*}*/
.fixedCode a img{
    width: 18px;
    height: 10px;
    display: block;
    margin: 25px auto;
}

/*印象标签选择弹层样式*/
.bqSelectBox{ position: fixed; left: 0; top: 50%; right: 0; margin: auto; width: 568px; margin-top: -105px; background: #373d41; box-shadow: 0 0 5px rgba(0,0,0,.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 11; display: none;}
.bqSelectBox .hd{ line-height: 30px; color: #888; padding: 8px 10px; border-bottom: 1px solid #282c2f; }
.bqSelectBox .hd span{ font-size: 12px; padding-left: 10px; color: #5b5b5b; }
.bqSelectBox .bd{ padding: 0 0 10px 10px; overflow: hidden}
.bqSelectBox .bd a{ float: left; padding: 0 13px; background: #282c2f; line-height: 34px; color: #dfe0e0; margin: 10px 10px 0 0; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; cursor: pointer; font-size: 14px; }
.bqSelectBox .bd input{ display: none; }
.bqSelectBox .bd a.on{ background: #00b477; color: #fff; }
.bqSelectBox .close{ display: inline-block; padding: 5px 20px; color: #fff; cursor: pointer; background: #00b477; border-radius: 4px; vertical-align: top; line-height: 20px; font-size: 14px; float: right; }
.bqSelectBox .close:hover{ opacity: .9; }
.bqSelectBox .none{display: none}