body {
    background-color: #f7f7f7;
}

.goBack {
    background-image: url("/skin/default/images/goBackbs.png");
}

.attrTit {
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.goodsHeadWrap {
    background-blend-mode: normal, normal;
    position: relative;
}

.goodsHeadWrap0 {
    background-image: linear-gradient(-29deg, #ffb2c0 0%, #f9466a 100%), linear-gradient(#ffd6c9, #ffd6c9);
}

.goodsHeadWrap1 {
    background-image: linear-gradient(-29deg, #ffd1d5 0%, #ac58fb 100%), linear-gradient(#ffd6c9, #ffd6c9);
}

.goodsHeadWrap2 {
    background-image: linear-gradient(-29deg, #b6ffe2 0%, #426afe 100%), linear-gradient(#ffd6c9, #ffd6c9);
}

.goodsHeadWrap3 {
    background-image: linear-gradient(-29deg, #acacff 0%, #b579ff 100%), linear-gradient(#ffd6c9, #ffd6c9);
}

.goodsHeadWrap4 {
    background-image: linear-gradient(-29deg, #ffdeab 0%, #fb5858 100%), linear-gradient(#ffd6c9, #ffd6c9);
}

.goodsHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 4%;
}

.goodsHeadRight {
    position: relative;
    display: flex;
    align-items: center;
}
.navPopWrap{
    display: none;
}
.navPopBox {
    position: absolute;
    right: 0;
    top: 2rem;
    width: 16rem;
    background-color: #fff;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 1rem;
}

.navPopBox a {
    padding: .7rem 0;
    font-size: 1rem;
    color: #666;
    text-align: center;
}
.navPopBox a img{
    width: 2rem;
    height: 2rem;
}

.gosearch {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("/skin/v1/img/listWhite.png");
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
    margin-left: 1.5rem;
}

.goShare {
    background-image: url("/skin/v1/img/sharebs.png");
}

.gohome {
    background-image: url("/skin/v1/img/homebs.png");
}

.goodsImg {
    display: flex;
    align-items: center;
    padding: 1rem 4% 3rem;

}

.goodsImg img {
    width: 10rem;
    height: 13rem;
    border-radius: 10px;
    /*border: solid 1px #fff;*/
    margin-right: 1rem;
}

.goodsImgName {
    width: 67%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    height: 13rem;
    /*padding: 1rem 0;*/
    font-size: 14px;
}

.goodsImgName h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 1.6rem;
    word-break: break-all;
}

.goodsStatus {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.goodsStatus .seatBtn {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("/skin/v1/img/seat.png");
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
    margin-left: 1rem;
}

.status {
    width: 100%;
    height: 2rem;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.goodsBrandWrap {
    position: relative;
    top: -1px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    margin-bottom: 5px;

}

.goodsTime {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 1rem 0;
}

.goodsBrandWrap .goodsTime:last-child {
    border-bottom: none;
}

.nopaddingTop {
    padding-top: 0;
}

a.goodsTimeLeft {
    width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}

a.goodsTimeLeft p {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.goodsTimeLeft p:first-child {
    color: #222;
    padding-bottom: .3rem;
}

.goodsTimeLeft p:first-child span {
    padding: 0 .5rem;
}

.goodsTimeRight1 {
    width: 1.8rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: 1.8rem 1.8rem;
    background-image: url("/skin/v1/img/righths.png");
}

.goodsTimeRight2 {
    width: 2.5rem;
    height: 2.5rem;
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    background-image: url("/skin/v1/img/position.png");
}

.goodsInfoWrap {
    background-color: #fff;
    /*position: relative;*/
    /*top: -5px;*/
    border-radius: 0 0 10px 10px;
    margin-bottom: 5px;

}

.fixNav {
    position: sticky;
    top: 0px;
    left: 0;
    z-index: 120;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}

.anchorNav {
    height: 48px;
    background-color: #fff;
    /*position: sticky;*/
    /*top: 0px;*/
    /*z-index: 120;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 10px 10px 0px 0px;
}

.anchorNav .nav-tab-item {
    height: 48px;
    padding-right: 2rem;
}

.anchorNav .nav-tab-item p {
    height: 48px;
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    align-items: center;
    position: relative;
    font-size: 14px;
    color: #777;
}

.anchorNav .active p {
    position: relative;
    font-size: 16px;
    color: #222;
    font-weight: bolder;
}

.anchorNav .active p::after {
    position: absolute;
    left: calc(50% - 10px);
    bottom: 5px;
    right: 0px;
    content: " ";
    width: 20px;
    height: 5px;
    background-image: linear-gradient(-29deg, #4750ff 1%, #8040fd 50%, #b131fb 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    border-radius: 3px;
}

.showBox {
    font-size: 1.4rem;
    color: #454545;
    padding: 1.8rem 0;
}

.showBox h3 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2;
    color: #454545;
}

.showBox p {
    color: #454545;
    font-size: 1.4rem;
    line-height: 2;
    word-break: break-all;
}

.showBox p span {
    color: #222;
    font-size: 1.4rem !important;
}

.showBox p strong {
    display: block;
    padding-top: .6rem;
}

.showBox img {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px;
    margin: 10px auto;
    display: block;
}

.goodsQuestion {
    background-color: #fff;
    border-radius: 10px;
}

.tipName {
    font-size: 1.6rem;
    margin: 2rem 0 1rem 0;
}

.tipName1 {
    margin-top: 0;
}

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

.questionList a {
    border: 1px solid #aaa;
    padding: 0.5rem 1rem;
    border-radius: 30px;
    color: #777;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
    background-color: #fff;
}

.moreRecommend {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.moreRecommend li {
    width: 49%;
    margin-bottom: 1.5rem;
    background-color: #fff;
    border-radius: 10px;
}

.moreRecommend li img {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;
}

.tipGoodsName {
    /*width: 88%;*/
    margin: .5rem 1rem;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #222;
}

.tipGoodsPrice {
    margin: .5rem 1rem;
    color: #777;
    font-size: 12px;
}

.tipGoodsPrice span {
    font-size: 14px;
    color: #f2023a;
    font-weight: bolder;
}

.goodsFoot {
    display: flex;
    max-width: 650px;
    min-width: 320px;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    height: 5.6rem;
    border-top: 1px solid #eee;
    z-index: 120;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
    justify-content: space-between;
    align-items: center;
    padding: 0 6%;
}

.goodsFootBtn {
    /*width: 3rem;*/
    text-align: center;
}

.goodsFootBtn img {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto .3rem;
}

.goodsFootBtn p {
    font-size: 1.2rem;
    color: #777;
}

a.guomaibtn {
    width: 20rem;
    height: 3.6rem;
    background-color: #ff90aa;

    background-blend-mode: normal, normal;
    border-radius: 36px;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 3.6rem;
}

a.guomaibtnClick {
    background-image: linear-gradient(-5deg, #f2023a 0%, #fff6e6 100%), linear-gradient(#ffffff, #ffffff);
}

.fixPadding {
    padding-bottom: 9rem;

}

.cdFixPadding {
    padding-bottom: 12rem;
}

/*选择票价*/
.choosePrice {

    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 5px;
}

.choose_attr_box ul {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.choose_attr_box ul li {
    position: relative;
    display: inline-block;
    min-width: 48%;
    font-size: 1.4rem;
    text-align: center;
    margin: 2% 1% 2% 0;
    padding: 0.8rem .5rem;
    border: 1px solid #ddd;
    /*border-radius: 7px;*/
    border-radius: .7rem;
}

.choose_attr_box ul li:nth-child(2n) {
    /*margin-right: 0;*/
}

.choose_attr_box ul li.attr_active {
    background-color: #ffdfe0;
    color: #f2023a;
    border: 1px solid #f76680;
}

.choose_attr_box ul li.attr_no {
    color: #777;
    background: #f3f3f3;
    border: none;
}

.choose_attr_box ul .discount {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 2.5rem;
    text-align: center;
    background: #f90c33;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5rem;
    /*border-radius: 7px 0px 7px 0px;*/
    border-radius: .7rem 0 .7rem 0;
}

.choiseNumWrap {
    background-color: #fff;
    border-radius: 10px;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.choose_attr_title {
    font-size: 1.6rem;
}

.choiseNum {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.choiseNum .subtract {
    color: #bbb;
    font-size: 2rem;
}

.choiseNum .add {
    color: #222;
    font-size: 2rem;
}

.goods_num {

    display: flex;
    align-items: center;
}

.goods_num span {
    /*float: left;*/
    width: 3.2rem;
    text-align: center;
    font-size: 1.6rem;
    padding: .3rem 0;
    background-color: #f3f3f3;
    border-radius: 5px;
}

.goods_num span.num {
    background-color: #fff;
}

.buyTips {
    font-size: 1.2rem;
    color: #777;
    padding-top: 1rem;
}

.totalPrice {
    display: flex;
    align-items: center;
    position: relative;
}

.totalPrice span:nth-child(2) {
    color: #f2023a;
    font-size: 20px;
    padding-left: .5rem;
}

.lzBox {
    position: absolute;
    bottom: 5.3rem;
    left: 0;
    margin: 1.5rem 4% 0 4%;
    background-color: #e1e1e1;
    border-radius: 3rem;
    padding: 1.5rem 2rem;
    z-index: 121;
}

.lzBox span {
    font-size: 1.6rem;
}

.lzBox span.lzSpan {
    font-size: 1.4rem;
}

.lzBox:after {
    content: '';
    height: 0;
    width: 0;
    border: 1.5rem solid;
    position: absolute;
    bottom: -2.5rem;
    left: 3rem;
    border-top-color: #e1e1e1;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

/*购买提醒*/
.newTips {
    border-radius: .5rem;
    color: #f65c00;
    margin-bottom: 1rem;
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffefd7;
}

.newTips-l {
    display: flex;
    align-items: center;
    width: 94%;
}

.newTips img {
    width: 1.6rem;
    height: 1.6rem;
}

.newTips img.redRight {
    width: 1.4rem;
    height: 1.4rem;
}

.scrollP {
    padding: .5rem;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.TipsLbox {
    border-radius: 10px !important;
    font-size: 1.4rem;
}

.TipsLboxTit {
    font-size: 1.6rem;
    text-align: center;
    padding-bottom: 1rem;
}

.TipsLbox .layui-layer-btn .layui-layer-btn0 {
    width: 40%;
    background-color: #fff;
    color: #f2023a;
    text-align: center;
    font-size: 1.6rem;
    border-color: #fff;
}

/*演出结束状态推荐演出*/
.showEndBox {
    background-color: #fff;
    padding: 3rem 0px 1.8rem;
    border-radius: 0px 0px 1rem 1rem;
    margin-bottom: .5rem;
}

.swiperShowEnd {
    width: 92%;
    width: 92%;
    margin-left: 4%;
    display: -webkit-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
    height: 18.4rem;
}

.swiperShowEnd .swiper_slide {
    width: 33.333%;
    margin-right: 2%;

}

.swiperShowEnd .swiper_slide img {
    width: 100%;
    border-radius: 1rem;
    border: .5px solid #eee;
}

.swiperShowEnd .swiper_slide p, .swiperShowEnd .swiper_slide .title {
    display: block;
    font-size: 1.4rem;
    color: #333;
    padding: .6rem 0px 0px 4%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*登记弹框*/
.nbody {
    position: fixed;
    overflow: hidden;
}

.zhezhao {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 121;
}

#daiding_tan {
    display: none;
    width: 90%;
    position: fixed;
    z-index: 122;
    top: 20%;
    text-align: center;
    background: #fff;
    left: 5%;
    padding-bottom: 1.4rem;
    border-radius: .5rem;
}

#daiding_tan h3 {
    height: 4rem;
    line-height: 4rem;
    font-size: 1.6rem;
    color: #222;
    /*background-color:#f4f4f4;*/
}

#daiding_tan p {
    font-size: 1.4rem;
    padding: 1rem 0;
    line-height: 2rem;
    margin: 0 1.6rem;
    text-align: left;
    color: #777;
}

.form-group input {
    padding-left: 1rem;

}

.form-control {
    height: 3.6rem;
    border-radius: .5rem;
    width: 81%;
    border: 1px solid #ddd;
    float: left;
}

.xiangmudaidingnr-centent {
    font-size: 1.4rem;
    color: #222;
    line-height: 3.6rem;
    overflow: hidden;
    margin-top: 1.6rem;
    margin-left: 1.6rem;
    margin-right: 1.6rem;
}

.form-group {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
}

.form-group label {
    margin-right: 1.4rem;
}

.tijiaodengji {
    font-size: 1.4rem;
    background-image: linear-gradient(-5deg, #f2023a 0%, #fff6e6 100%), linear-gradient(#ffffff, #ffffff);
    color: #fff;
    width: 60%;
    padding: 1.1rem 0;
    border: none;
    border-radius: 2rem;
    margin: 1.2rem 0 .8rem 0;
}

#daiding_tan .close_tan {
    position: absolute;
    right: 44%;
    bottom: -6rem;
}

#daiding_tan .close_tan img {
    width: 4rem;
}

/*座位弹框*/
.covers, .mapCovers, .onlineCovers {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 121;
}

.seatImgBox {
    display: none;
    width: 90%;
    position: fixed;
    z-index: 122;
    top: 20%;
    text-align: center;
    left: 5%;
    padding-bottom: 1.4rem;
    border-radius: 0.5rem;
}

.seatimg {
    width: 100%;
}

.closePoint img {
    width: 4rem;
    margin-top: 2rem;
}

/*城市巡演*/
.xuyanCityBox {
    background-color: #fff;
    /*padding: 3rem 0px 1.8rem;*/
    border-radius: 1rem;
    margin-bottom: 0.5rem;
}

.info_xuyanb {

    height: 9rem;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
}

.xuyanCityBox .perXy {
    display: inline-block;
    width: 11.2rem;
    height: 7.4rem;
    margin-right: .8rem;
    border: 1px solid #eee;
    border-radius: .6rem;
    background-color: #f9f9f9;
}

.info_xuyanb .xya {
    display: block;
    width: 11.2rem;
    margin: 1.6rem auto 0rem;
    color: #222;
    white-space: nowrap;
    text-align: center;
    font-size: 1.4rem;
}

.info_xuyanb .xyb {
    width: 11.2rem;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0.6rem auto;
    text-align: center;
}

/*地图弹框*/
.mapBox {
    display: none;
    background-color: #fff;
    width: 100%;
    position: fixed;
    z-index: 122;
    bottom: 0;
    text-align: center;
    left: 0;
    border-radius: 1rem 1rem 0 0;
}

.mapBox p {
    padding: 1.5rem 0;
    border-bottom: 1px solid #eee;
}

.mapBox p:last-child {
    border-bottom: 0;
}

.mapBox .mapCancel {
    border-top: 5px solid #eee;
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

/*客服弹框*/
.onlineBox {
    display: none;
    position: fixed;
    bottom: 33%;
    left: 0;
    width: 100%;
    z-index: 140;
}

.onlineList {
    background-color: #fff;
    width: 80%;
    border-radius: 10px;
    padding: 6rem 3rem;
    margin: 0 auto;
}

.onlineList a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .8rem 5.8rem;
    background-image: linear-gradient(161deg, #96c0ff 0%, #1a50ff 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    border-radius: 30px;
    color: #fff;
    font-size: 1.6rem;
    margin: 1.5rem 0;
}

.onlineList a:last-child {
    background-image: linear-gradient(161deg, #fac881 0%, #ffbc1a 100%), linear-gradient(#ffffff, #ffffff);
}

.onlineList a img {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
}

.onlineClose {
    width: 3.5rem;
    height: 3.5rem;
    margin: 2rem auto 0;
    background-image: url("/skin/v1/img/closeBs.png");
    background-repeat: no-repeat;
    background-size: 3.5rem 3.5rem;
    background-position: center;
}