/**app.wxss**/

.container {
    width: 100%;
    box-sizing: border-box;
}

.w {
    width: 100%;
}

.bd0 {
    border: 0;
}

.bdb1 {
    border-bottom: 1px solid #e5e5e5;
}

.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0.6;
    z-index: 990;
}

.posia {
    position: absolute;
}

.posir {
    position: relative;
}

.posif {
    position: fixed;
}

.disrow {
    display: flex;
    flex-flow: row wrap;
}

.disju-sb {
    justify-content: space-between;
}

.disju-fs {
    justify-content: flex-start;
}

.disju-sa {
    justify-content: space-around;
}

.disju-fe {
    justify-content: flex-end;
}

.disju-c {
    justify-content: center;
}

.disalign-c {
    align-content: center;
}

.disco {
    display: flex;
    flex-flow: column wrap;
}

.boxb {
    box-sizing: border-box;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.lh15 {
    line-height: 1.5;
}

.lh16 {
    line-height: 1.6;
}

.lh20 {
    line-height: 2;
}

.pdlr11 {
    padding: 0 11rpx;
}

.pdlr25 {
    padding: 0 25rpx;
}

.pdlr30 {
    padding: 0 30rpx;
}

.mglr30 {
    margin: 0 30rpx;
}

.pdlr40 {
    padding: 0 40rpx;
}

.pd30 {
    padding: 30rpx;
}

.pd25 {
    padding: 25rpx;
}

.pd20 {
    padding: 20rpx;
}

.pd10 {
    padding: 10rpx;
}

.pb20 {
    padding-bottom: 20rpx;
}

.ml10 {
    margin-left: 10rpx;
}

.ml15 {
    margin-left: 15rpx;
}

.ml20 {
    margin-left: 20rpx;
}

.ml30 {
    margin-left: 30rpx;
}

.ml40 {
    margin-left: 40rpx;
}

.ml50 {
    margin-left: 50rpx;
}

.mr10 {
    margin-right: 10rpx;
}

.mr30 {
    margin-right: 30rpx;
}

.mr20 {
    margin-right: 20rpx;
}

.mt-40 {
    margin-top: -40rpx;
}

.mt-50 {
    margin-top: -50rpx;
}

.mt10 {
    margin-top: 10rpx;
}

.mt15 {
    margin-top: 15rpx;
}

.mt20 {
    margin-top: 20rpx;
}

.mt50 {
    margin-top: 50rpx;
}

.mt60 {
    margin-top: 60rpx;
}

.mb5 {
    margin-bottom: 5rpx;
}

.mb10 {
    margin-bottom: 10rpx;
}

.mb15 {
    margin-bottom: 15rpx;
}

.mb20 {
    margin-bottom: 20rpx;
}

.mb30 {
    margin-bottom: 30rpx;
}

.mb40 {
    margin-bottom: 40rpx;
}

.mb60 {
    margin-bottom: 60rpx;
}

.mb100 {
    margin-bottom: 100rpx;
}

.mb120 {
    margin-bottom: 120rpx;
}

.mb400 {
    margin-bottom: 400rpx;
}

.mt5 {
    margin-top: 5rpx;
}

.mt20 {
    margin-top: 20rpx;
}

.mt30 {
    margin-top: 30rpx;
}

.mt40 {
    margin-top: 40rpx;
}

.mt60 {
    margin-top: 60rpx;
}


.mt120 {
    margin-top: 120rpx;
}

.mt17 {
    margin-top: 17rpx;
}

.mtb10 {
    margin: 10rpx 0;
}

.mt10 {
    margin-top: 10rpx;
}

.mt100 {
    margin-top: 100rpx;
}
.mg30{
    margin: 30rpx;
}

.bgfff {
    background: #fff;
}

.fw4 {
    font-weight: 400;
}

.fw5 {
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
    "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
}

.fw6 {
    font-weight: 600;
}

.fw7 {
    font-weight: 700;
}

.fs18 {
    font-size: 18rpx;
}

.fs20 {
    font-size: 20rpx;
}

.fs22 {
    font-size: 22rpx;
}

.fs24 {
    font-size: 24rpx;
}

.fs26 {
    font-size: 26rpx;
}

.fs28 {
    font-size: 28rpx;
}

.fs30 {
    font-size: 30rpx;
}

.fs32 {
    font-size: 32rpx;
}

.fs34 {
    font-size: 34rpx;
}

.fs36 {
    font-size: 36rpx;
}

.fs38 {
    font-size: 38rpx;
}

.fs40 {
    font-size: 40rpx;
}

.fs42 {
    font-size: 42rpx;
}

.fs44 {
    font-size: 44rpx;
}

.fs46 {
    font-size: 46rpx;
}

.fs48 {
    font-size: 48rpx;
}

.cf {
    color: #fff;
}

.cr{
    color:#E54D4A;
}

.cblue{
    color: #5255FF;
}

.hong {
    color: #313132;
}

.bghong {
    background: #313132;
}

.bglan2 {
    background: #73adfe;
}

.lv {
    color: #81d8d0;
}

.bglv {
    background: #81d8d0;
}

.cf00 {
    color: #FFF;
}

.c6 {
    color: #666;
}

.c9 {
    color: #999;
}

.c3 {
    color: #333;
}

.c0 {
    color: #000;
}

.cg{
    color: #05C569;
}

.show {
    display: block;
}

.hide {
    display: none;
}

rich-text .rich-img {
    width: 100%;
    height: auto;
}

rich-text image {
    width: 100% !important;
    display: block;
    margin: 0 auto;
}

.desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.desc-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.desc-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.share_button {
    width: 125rpx;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
}

.xiangxia {
    width: 23rpx;
    height: 10rpx;
    margin: 20rpx 0 0 10rpx;
}

.in-bottom {
    position: fixed;
    bottom: 0rpx;
    height: 160rpx;
    left: 0;
    width: 100%;
    z-index: 990;
    /* background: #fff; */
    /* height: 100rpx; */
    /* border-top: 1px solid #f5f5f5; */
}

.bgbg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

/* 去除button原始样式 */

button.remove-btn-style {
    outline: none;
    border: none;
    list-style: none;
    /* border-radius: 0; */
}

button.remove-btn-style:after {
    outline: none;
    border: none;
    list-style: none;
}

/* 登录 */

.city {
    width: 510rpx;
    height: 364rpx;
    background: rgba(255, 255, 255, 1);
    border-radius: 10rpx;
    position: fixed;
    top: 20%;
    left: 120rpx;
    z-index: 999;
}

.city1 {
    margin: 76rpx 0 50rpx 0;
}

.city3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 510rpx;
    height: 88rpx;
    line-height: 88rpx;
    background: #f00;
    border-radius: 0px 0px 10rpx 10rpx;
}

/* ==================
         模态窗口
 ==================== */

.cu-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1110;
    opacity: 0;
    outline: 0;
    text-align: center;
    -ms-transform: scale(1.185);
    transform: scale(1.185);
    backface-visibility: hidden;
    perspective: 2000rpx;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.3s ease-in-out 0s;
    pointer-events: none;
}

.cu-modal::before {
    content: "\200B";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.cu-modal.show {
    opacity: 1;
    transition-duration: 0.3s;
    -ms-transform: scale(1);
    transform: scale(1);
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: auto;
}

.cu-modal.drawer-modal {
    transform: scale(1);
    display: flex;
}

.cu-modal.drawer-modal.justify-start .cu-dialog {
    transform: translateX(-100%);
}

.cu-modal.drawer-modal.justify-end .cu-dialog {
    transform: translateX(100%);
}

.cu-modal.drawer-modal.show .cu-dialog {
    transform: translateX(0%);
}
/* 
.g-m1 {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 6rpx 15rpx 0px rgba(153, 153, 153, 0.16);
    border-radius: 10rpx;
    margin: 25rpx 0rpx;
    box-sizing: border-box;
    width: 700rpx;
    height: 739rpx;
}

.h500{
    height: 500rpx;
}

.h550{
    height: 550rpx;
}

.daojishi {
    position: absolute;
    bottom: 9rpx;
    left: 0;
    z-index: 11;
    width: 320rpx;
    height: 33rpx;
    line-height: 33rpx;
    background: #00D76C;
    border-radius: 0rpx 53rpx 0rpx 0rpx;
    text-align: left;
    color: #fff;
    font-size: 20rpx;
    opacity: 0.8;
}

.desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.g-m12 {
    font-size: 24rpx;
    color: #333;
    text-align: left;
    margin-top: 10rpx;
}

.g-m13 {
    margin-top: 16rpx;
    font-size: 24rpx;
    color: #666;
    text-align: center;
}

.g-m13 text {
    font-size: 20rpx;
    background: #d22f27;
    color: #fff;
    text-align: center;
    padding: 0rpx 5rpx;
    margin-right: 10rpx;
    margin-top: 1rpx;
    border-radius: 10rpx;
    line-height: 25rpx;
}

.g-m14 {
    font-size: 24rpx;
    color: #666;
    text-align: left;
    margin-bottom: 10rpx;
}

.g-m14 text {
    font-size: 24rpx;
    color: #f00;
} */

.kong30 image {
    margin-top: 30%;
    width: 200px;
    height: 150px;
}

.kong20 image {
    margin-top: 20%;
    width: 200px;
    height: 150px;
}

.kong10 image {
    margin-top: 10%;
    width: 200px;
    height: 150px;
}

.z99 {
    z-index: 99;
}

.placeholderStyle{
    color: #C7C6C6;
}