@charset "utf-8";

/*
 * project: 江玲建材
 * 
 */



/*
 *=====================================================
 * 项目特殊样式
 *=====================================================
 */
	a,a:active {color: #FF7E00;}
	.bar-tab .tab-item.active, .bar-tab .tab-item:active {color: #FF7E00;}
	label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
	label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {background-color: #FF7E00;}


	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {color: #FF7E00;}
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {border-bottom: .11rem solid #FF7E00;font-size: .85rem;font-weight: 700;}
	.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after {right: .5rem;color: #FF7E00;font-size: 1.5rem;}	

	.modal-button {color: #FF7E00;}
	/*日期选择*/
	.picker-calendar-day.picker-calendar-day-selected span {background: #FF7E00;}
	.modal { width: 70vw;margin-left: -35vw; }
	.modal-inner { padding: 0; }
/*
 *=====================================================
 * 通用样式
 *=====================================================
 */

/*首页 index-jiangling*/
	/*头部Bar*/
	.bar-nav-t2 {display: flex;padding: 0;background-color: #FF7E00;}
	.bar-icon {display: flex;width: 2.2rem;height: 2.2rem;}
	.bar-icon .fa {margin: auto;color: #FFFFFF;font-size: 1.2rem;}
	.bar-nav-t2 .searchbar {flex: 1;background: transparent;}
	.bar-nav-t2 .searchbar .search-input {background-color: #FFFFFF;border-radius: .15rem;}
	
	/*首页轮播图*/
	.pic-swiper {overflow: hidden;}
	.pic-swiper .swiper-pagination-bullet {width: .8rem;height: .2rem;border-radius: 0;background: #FFFFFF;opacity: .9;}
	.pic-swiper.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {bottom: 10%;}
	.pic-swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 .1rem;}
	.pic-swiper .swiper-pagination-bullet-active {background: #FF7E00;}
	.pic-swiper::before {
	    content: '辣鸡芥面';
	    position: absolute;
	    bottom: 0;
	    margin-top: 50%;
	    width: 100%;
	    height: 10%;
	    border-radius: 100% 100% 0 0;
	    background: #f1f2f6;
	    color: #f1f2f6;
	    text-align: center;
	    z-index: 2;
	    
	}
	
	/*首页card*/
	.card-t3 {
		margin-bottom: 0;
		margin-top: .3rem;
		box-shadow: none;
		overflow: hidden;
	    background-color: #0EC8C3;
	}
	.card-blcok {
		padding: .5rem .3rem;
	    text-align: center;
	    color: #FFFFFF;
	    outline: 1px solid #FFFFFF !important;
	}
	.card-group .card-t3:nth-child(2) {background-color: #FE8F23;}
	.card-group .card-t3:nth-child(3) {background-color: #3AA1FE;}
	.card-group .card-t3:nth-child(4) {background-color: #FA5039;}
	
	/*首页导航图标*/
	.blcok-icon {
		position: relative;
		display: block;
		margin: 0 auto .3rem;
		width: 2rem;
	}
	.blcok-icon-content {padding-bottom: 100%;}
	.blcok-icon-content img {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.apply-choice {
		position: relative;
		border-radius: 5px;
	    border: 1px solid #ffb27e;
	    overflow: hidden;
	}
	.apply-choice.active {
		background: rgba(255,102,0,.3);
		color: #f60;
	}

/*商品详情 commodity-detail-jiangling*/
	.logo-wrap {
	    line-height: 0;
	}
	.logo-wrap img {
	    height: 1rem;
	}

/*代金券样式*/
	.c-coupon {
	    margin: .32rem 0;
	}
	.c-coupon .coupon-main {
	    display: flex;
	    display: -webkit-box;
	    justify-content: flex-start;
	    -webkit-box-pack: start;
	    align-items: stretch;
	    -webkit-box-align: stretch;
	    flex-direction: row;
	    -webkit-box-orient: horizontal;
	    color: #fff;
	    font-size: .6rem;
	    /*height: 3.5rem;*/
	    overflow: hidden;
	    position: relative;
	}
	.c-coupon .coupon-main {
		background-color: rgb(252, 58, 52);
		color: rgb(255, 243, 177);
	}
	.c-coupon .coupon-main.disable-redpacket {
	    background-color: #999;
	}
	.c-coupon .coupon-main.used-redpacket {
	    background-color: #b56c6c;
	}
	.c-coupon .coupon-main .detail {
	    padding: .37333rem;
	    display: block;
	    width: 70%;
	    white-space: nowrap;
	    position: relative;
	    color: inherit;
	}
	.coupon-a {
		color: rgb(255, 243, 177);
		-webkit-tap-highlight-color:transparent;
	}
	.coupon-a:active {
		color: inherit;
	}
	.c-coupon .coupon-main .detail .main {
	    line-height: .77333rem;
	}
	
	.c-coupon .coupon-main .detail .unit {
	    font-size: .6rem
	}
	.c-coupon .coupon-main .detail .value {
	    font-size: .90667rem;
	    margin-right: .05333rem
	}
	.c-coupon .coupon-main .detail .tap {
		padding: 0 .2rem;
	    font-size: .65rem;
	    border: 1px solid rgb(255, 243, 177);
	    border-radius: .1rem;
	}
	.c-coupon .coupon-main .detail .tag {
	    border: 1px solid #fff;
	    border-radius: .05333rem;
	    margin-left: .08rem;
	    padding: .02667rem .05333rem;
	    vertical-align: super
	}
	.c-coupon .coupon-main .detail .rule {
	    -webkit-transform: scale(1);
	    -webkit-transform-origin: 0 0
	}
	.c-coupon .coupon-main .detail .rule-0 {
	    opacity: 1;
	    margin-top: .13333rem
	}
	.c-coupon .coupon-main .divider {
	    width: .37333rem;
	    position: relative;
	}
	.c-coupon .coupon-main .divider .dash {
	    height: 100%;
	    width: .18667rem;
	    position: absolute;
	    left: 0;
	    border-right: 1px dashed #fff
	}
	.c-coupon .coupon-main .op {
	    width: 25%;
	    display: flex;
	    display: -webkit-box;
	    justify-content: center;
	    -webkit-box-pack: center;
	    align-items: center;
	    -webkit-box-align: center;
	    flex-direction: column;
	    -webkit-box-orient: vertical;
	    text-align: center;
	    color: inherit;
	}
	
	.c-coupon .coupon-main .op .apply {
	    position: relative;
	    font-size: .6rem;
	    margin: .06667rem 0
	}
	.c-coupon .coupon-main .apply .fa-stack {
	    font-size: .64rem;
	    margin: auto;
	    display: block
	}
	.c-coupon .coupon-main .op .count {
	    opacity: .6;
	    -webkit-transform: scale(1);
	    -webkit-transform-origin: 50% 50%
	}
	
	.c-coupon .coupon-main .op.disabled {
	    opacity: .5
	}
	.c-coupon .coupon-main {
	    border-radius: .10667rem
	}
	
	.c-coupon .coupon-main .op {
	    position: relative
	}
	.c-coupon .coupon-main .op:before {
	    content: '';
	    width: 4.62667rem;
	    height: 4.62667rem;
	    background: #e1322e;
	    position: absolute;
	    top: -.64rem;
	    right: -3.93333rem;
	    border-radius: 50%
	}
	.c-coupon .coupon-main.disable-redpacket .op:before {
	    background: #777;
	}
	.c-coupon .coupon-main.used-redpacket .op:before {
	    background: #9e4644;
	}
	.c-coupon .coupon-main .apply .fa-stack .fa-jpy {
	    color: rgb(252, 58, 52);
	}
	.c-coupon .coupon-main.disable-redpacket .apply .fa-stack .fa-jpy {
	    color: #999;
	}
	.coupon-detali-mian.content {
		background-color: #fff;
	}
	.coupon-detali-mian .activity-name-wrap .activity-name {
	    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(243,152,0)), to(#c73f3f));
	}
	.coupon-detali-mian .section-title {
		border-left: .3rem solid #c73f3f;
	}
	.c-coupon .coupon-receive-status {
	    display: inline-block;
	    padding: .2rem;
	    font-weight: 700;
	    border-radius: 10%;
	    border: 1px solid rgb(255,243,177);
	    z-index: 100;
	    -webkit-transform: rotate(7deg);
	    transform: rotate(7deg);
	    -webkit-appearance: none;
	    text-shadow: 0 0 0.05rem rgb(255,243,177);
	    -webkit-box-shadow: 0 0 0.05rem rgb(255, 243, 177);
	    box-shadow: 0 0 0.05rem rgb(255,243,177);
	}
	.no-coupon-city {
	    display: inline-block;
	    padding: .2rem .4rem;
	    background-color: #999;
	    border-radius: .6rem;
	    color: #fff;
	    font-size: .75rem;
	    font-weight: 700;
	    background-image: url(../images/product_library/pat21.png);
	    border: 2px dotted #fff;
	    box-shadow: 0 0 0 0.2rem #999;
	}


/*设计师主页  designer-index*/
	.img-square {
		position: relative;
		display: block;
		width: 100%;
	    border-radius: .3rem .3rem 0 0;
	    border: 1px solid #eee;
	    overflow: hidden;
	}
	.img-square-content {padding-bottom: 100%;}
	.img-square-content img {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

/*help*/

	.b-25 {bottom: 2.5rem;}
	.b-40 {bottom: 5rem;}
	
	.p-r-5 {padding-right: .5rem;}
	.p-b-20 {padding-bottom: 2rem;}
	.p-b-30 {padding-bottom: 3rem;}
	
	.min-h10 {min-height: 10rem;}
	/*c0为主色调*/
    .bg-c0 {background-color: #FF7E00 !important;}
    .bg-type2.bg-c0,
    .bg-type2.btn-c0 {background-image: linear-gradient(to right,#fbb771,#FF7E00) !important;}
    
	.txt-c0 {color: #FF7E00 !important;}

    .btn-c0 {border-color: #FF7E00; color: #FF7E00;}
    .btn-white {border-color: #FFFFFF; color: #FFFFFF;}
    
    .button-fill.btn-c0 {background: #FF7E00;}