@media screen and (max-width: 768px){
	#zhichiBtnBox{ bottom: .9rem!important; right: 0!important; }
}
.cards .card:first-child{ margin-top: 0; }
.dinfont{ font-family: DIN,DINAlternate-Bold, sans-serif-condensed, sans-serif;  }

#hide29{display: none!important;}
#hide59{display: none!important;}
#hide61{display: none!important;}
#hide71{display: none!important;}
#hide90{display: none!important;}

/* header */
.header{
    position: relative;
    z-index: 6;
    width: 100%;
    height: 44px;
    background-color: #0085fe;
	background: -webkit-linear-gradient(to right, #00aaff 0%, #0085fe 100%);
    background: linear-gradient(to right,  #00aaff 0%, #0085fe 100%);
}
    /* header btn */
	.header > .btn{
        z-index: 3;
		width: 44px;
		height: 44px;
		line-height: 44px;
		padding: 0;
		margin: 0;
		border-radius: 0;
		color: rgba(255,255,255,.9)!important;
		background-color: transparent!important;
	}
		.header > .btn-link{ font-size: 16px; width: auto; padding: 0 15px;}
		.header > .btn-back{ text-indent: -5px; }
		.header > .btn::after{ display: none; }
        .header > .btn:active{ opacity: .5; }
        .header > .btn .iconfont{ font-size: 21px; }
        .header > .btn .iconfont-back{ font-size: 18px; }
        .header > .btn .iconfont-service{ font-size: 24px; }
        .header > .btn-guide{ display: none; }
        .header-floorbar > .btn-guide{ display: block; }
        .header-floorbar > .btn-back{ display: none; }
        .header-nobtn > .btn{ display: none; }

    /* header-title */
    .header-title{
        position: absolute;
        z-index: 2;
        top: 0px;
        left: 88px;
        right: 88px;
        height: 44px;
        overflow: hidden;
        transition: all .3s;
    }
        .header-title > .title{
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            z-index: 0;
            width: 100%;
            height: 44px;
            line-height: 44px;
            text-align: center;
            font-size: 18px;
            font-weight: 400;
            overflow: hidden;
            color: #fff;
            text-overflow: ellipsis;
            word-wrap: normal;
            white-space: nowrap;
        }
            .header-sm .header-title > .title{ font-size: 14px; opacity: .75; }
            .header-title > .title > a{ color: #fff; }
            .header-title > .title .header-toggle{ display: inline-block; padding: 0 20px; }
            .header-title > .title .header-logo{
                display: block;
				margin: 7px auto;
				width: 104px;
				height: 30px;
				overflow: hidden;
				background: url(../images/svg/logo_white.svg) transparent no-repeat;
				background-size: 100%;
            }
			.header-title > .title .caret{ margin-left: 5px; margin-top: -2px;}
			.header-title > .title.owl .caret{
				-webkit-transform: rotate(180deg);
						transform: rotate(180deg);
			}

/* header-white */
.header-white{ background: #fff; }
.header-white > .btn{ color: #333!important;}
.header-white > .header-title > .title{  color: #000;}

/* pb5 */
.pb5{ padding-bottom: .05rem;}
.gradient{
    background-color: #0085fe;
	background: -webkit-linear-gradient(to right, #00aaff 0%, #0085fe 100%);
    background: linear-gradient(to right,  #00aaff 0%, #0085fe 100%);
}

/* modal */
.modal:not(.matte){
    display: none;
    width: auto!important;
	left: .3rem!important;
	right: .3rem!important;
    margin-left: auto!important;
	opacity: 1;
    box-shadow: 0 0 10px rgba(0,0,0, .08);
	-webkit-backface-visibility: visible;
            backface-visibility: visible;
    -webkit-transform: translateY(0) scale(1);
        	transform: translateY(0) scale(1);
}    
    .modal:not(.matte).in{ display: block; } 
    .modal:not(.matte) .modal-body{ padding: 0 .25rem .25rem .25rem; }
    .modal:not(.matte) .modal-header::after{ display: none; }   

/* modal-alert */
.modal-alert:not(.matte){
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
}


/* form-control */
.form-tips{ text-align: center; font-size: .12rem; color: #999; padding: .1rem 0 .15rem 0; }
.form-tips:empty{ display: none;}
.form-control + .form-tips{ padding: .1rem 0 0 0;}
.form-group{ position: relative; padding: 0; }
.form-group + .form-group{ margin-top: .2rem; }
.form-group .control-clear{ right: .15rem; }
.form-group .passeye{ position: absolute; right: .13rem; top: 50%;  z-index: 3; margin: -.13rem 0 0 0; }
.form-group .passeye + .control-clear{ right: .6rem; }
.form-group .form-action{ position: absolute; top: 0; right: .05rem; line-height: .44rem; font-size: .13rem; }
.form-group .form-action a{ padding: .1rem .1rem .1rem .05rem; }
.form-group .form-action a.disabled{ color: #ccc!important; }
.form-group .form-action img{ display: block; margin: .05rem 0; height: .34rem; border-radius: 0 .34rem .3rem 0;}
.form-group .form-control{
    height: auto;
    line-height: .2rem;
    font-size: .15rem;
    padding: .11rem .20rem;
    border: .01rem solid #f4f8f9;
    background-color: #f4f8f9;
    border-radius: .5rem;
}
.form-group .form-control::-webkit-input-placeholder{ color: #9a9c9f; }
.form-group .form-control:focus::-webkit-input-placeholder{ color: #eaecef; }
.form-group .form-textarea::-webkit-input-placeholder{ color: #9a9c9f; }
.form-group .form-textarea:focus::-webkit-input-placeholder{ color: #eaecef; }
.form-group .form-control[disabled], 
.form-group .form-control[readonly]{ color: #ccc; }
.form-group .select-arrow{ 
    position: absolute;
    top: 0;
    right: .15rem;
    height: .44rem; 
    line-height: .44rem; 
    white-space: nowrap;
    font-size: .12rem;
    padding-right: .15rem;
    color: #9a9c9f;
    pointer-events: none;
}
.form-group .select-arrow::after{
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.04rem;
    display: inline-block;
    height: .08rem;
    width: .08rem;
    border-width: 1.5px 1.5px 0 0;
    border-color: #ddd;
    border-style: solid;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.form-group .help-block{ 
    color: #f00; 
    z-index: 2;
    font-size: .1rem;
    position: absolute;
    width: 100%;
    text-align: center;
    margin: .02rem 0 0 0;
    background-color: #fff;
    display: none;
}
/* address-form */
.address-form{ margin: -.15rem; }
.address-form .cells{ margin: 0; }
.address-form .cells::before{ display: none; }
.address-form .cell-hd{ color: #666; }

/* address-list */
.address-list .card-footer .tabs{ background-color: #fafcff; font-size: .13rem; }
.address-list .card-footer .tabs > .tab-item{ font-size: .13rem; }

/* security-level */
.security-level{ 
	 position: absolute;
    text-align: center; 
    clear: both; 
    width: 100%; 
    font-size: 0;
    margin-top: .07rem; 
    white-space: nowrap;
}
    .security-level span.lev + span.lev{ margin-left: .05rem; }
	.security-level span.lev{
		display: inline-block;
		width: .5rem;
		height: .03rem;
		line-height: .03rem;
		overflow: hidden;
		text-indent: -999px;
		background-color: #e5e5e5;
        border-radius: .1rem;
		transition: background-color .3S;
	}
	.security-level-weak span.lev1,
	.security-level-medium span.lev1,
	.security-level-strong span.lev1{ background-color: #ec3701; }
	.security-level-medium span.lev2,
	.security-level-strong span.lev2{ background-color: #f78115; }
	.security-level-strong span.lev3{ background-color: #6d9e06; }

	.security-level span.text{ padding-left: 5px; color: #fff;}
	.security-level span.text span{display: none;}
	.security-level-weak span.text span.txt1{display: inline; color: #ec3701;}
	.security-level-medium span.text span.txt2{display: inline; color: #f78115;}
	.security-level-strong span.text span.txt3{display: inline; color: #6d9e06;}   
	.security-level span.lev2{ margin-left: .07rem; }
	.security-level-weak span.lev1{ background-color: #f76260; }
	.security-level-medium span.lev1,
	.security-level-medium span.lev2{ background-color: #f78115; }
	.security-level-strong span.lev1,
	.security-level-strong span.lev2,
	.security-level-strong span.lev3{ background-color: #08b73a; }

/* slider-panel */
.slider-panel{ position: relative; }
.slider-panel > .slider{ background: transparent; padding: 0; margin: 0 0 -.1rem 0; }
.slider-panel > .arch-mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: .8rem;
    background-color: #0085fe;
    background: -webkit-linear-gradient(to right, #00aaff 0%, #0085fe 100%);
    background: linear-gradient(to right, #00aaff 0%, #0085fe 100%);
}


/* slider */
.slider{ 
    position: relative; 
    padding: .1rem 0 0 0;
    margin-bottom: -.1rem;
    background-color: #f4f8f9; 
    background: -webkit-linear-gradient(#fff 0%, #f4f8f9 100%);
    background: linear-gradient(#fff 0%, #f4f8f9 100%);
}
.slider-imgs{ position: relative; }
.slider-imgs li{ padding: 0 .1rem .1rem .1rem; }
.slider-imgs li + li{ display: none; }
.slider-imgs img{ display: block; width: 100%; border-radius: .1rem; }
.slider-pager{ font-size: 0; position: absolute; z-index: 3; width: 100%; bottom: .2rem; text-align: center; }
.slider-pager ul{ display: inline-block; position: relative; height: .04rem; border-radius: .1rem; background-color: rgba(255,255,255,.3);  }
.slider-pager li{ 
    display:inline-block; 
    width: .2rem;    
    height: .04rem; 
    overflow: hidden;  
    text-indent: -9rem;
    border-radius: .1rem;      
}
.slider-pager ul::after{ 
    content: "";
    position: absolute; 
    top: 0;
    left: 0;
    width: .2rem;
    height: .04rem;  
    transition: .3s;
    background-color: #f5465a;
    border-radius: .1rem; 
    display: none;
}
    .slider-pager .pager-0::after{ left: 0; display: block; background-color: #11a6d6; background-color: #fff;}
    .slider-pager .pager-1::after{ left: .2rem; display: block; background-color: #15ca8c; background-color: #fff;}
    .slider-pager .pager-2::after{ left: .4rem; display: block; background-color: #255673; background-color: #fff;}
    .slider-pager .pager-3::after{ left: .5rem; display: block; background-color: #f5465a; background-color: #fff; }
    .slider-pager .pager-4::after{ left: .8rem; display: block; }
    .slider-pager .pager-5::after{ left: 1rem; display: block; }

/* shadow */
.shadow-green { box-shadow: 0 .05rem .1rem -.05rem rgba(90,230,185,.9); }
.shadow-orange{ box-shadow: 0 .05rem .1rem -.05rem rgba(253,167,93,.9); }
.shadow-red   { box-shadow: 0 .05rem .1rem -.05rem rgba(254,85,104,.9); }
.shadow-blue  { box-shadow: 0 .05rem .1rem -.05rem rgba(85,162,250,.9); }
.shadow-yellow{ box-shadow: 0 .05rem .1rem -.05rem rgba(254,209,80,.9); }
.shadow-purple{ box-shadow: 0 .05rem .1rem -.05rem rgba(131,91,252,.9); }
.shadow-black { box-shadow: 0 .05rem .1rem -.05rem rgba(0,23,38,.9); }

/* kaka-notice */
.kaka-notice::before{ display: block!important; left: 0; }
.kaka-notice{ line-height: 1.2; padding: .15rem .1rem .15rem .12rem; border-radius: 0 0 .05rem .05rem; }
.kaka-notice > .cell-hd img{ height: .14rem; vertical-align: -3px; }
.kaka-notice > .cell-bd p{ padding: .01rem .05rem 0 0; height: .16rem; }
.kaka-notice > .cell-ft{ padding-right: .13rem; font-weight: 300; font-size: .12rem; padding-top: .02rem; }

/* feature-group */
.feature-group{ padding: .1rem 0 0 0 ; text-align: center;}
.feature-group > li{ float: left; width: 33.33333%; white-space: nowrap; padding: 0 0 .15rem 0; }
.feature-group > li > a{ display: block; color: #666; font-size: .13rem; }
.feature-group > li > a > .svgcard{
	border-radius: .04rem;
	margin: 0 auto;
	margin-bottom: .1rem;
	width: .8rem;
	height: .5rem;
	line-height: .5rem;
	font-size: .28rem;
}
.actionsheet-body .feature-group{ padding: 0 .1rem .1rem .1rem;}

/* svgcard */
.svgcard{
    position: relative;
	display: block;
	width: .36rem;
	height: .36rem;
	line-height: .36rem;
	text-align: center;
    border-radius: .05rem;
	color: rgba(255,255,255,.9);
	font-size: .2rem;
	background-color: #f9f9f9;
}
    .svgcard::before,
    .svgcard::after{
        content: "";
        position: absolute;  
        height: .02rem;
        border-radius: 0 0 .03rem .03rem;
    }
    .svgcard::before{        
        left: .05rem;
        right: .03rem;
        bottom: -.02rem;        
    }
    .svgcard::after{
        left: .1rem;
        right: .1rem;
        bottom: -.04rem;
        opacity: .4;
    }
    .svgcard-ecard::before,.svgcard-ecard::after{ background-color: rgba(240,73,72,.4); }
	.svgcard-ecard,
	.svgcard-6{
		background-color: #f5465a;
		background: -webkit-linear-gradient(left, #fd6677 0%, #f5465a 100%);
		background: linear-gradient(to right, #fd6677 0%, #f5465a 100%);
	}  
    .svgcard-cost::before,.svgcard-cost::after{ background-color: rgba(146,109,222,.4); }
	.svgcard-cost,
	.svgcard-2{
		background-color: #f96197;
		background: -webkit-linear-gradient(left, #fd84af 0%, #f96197 100%);
		background: linear-gradient(to right, #fd84af 0%, #f96197 100%);
	}    
    .svgcard-foods::before,.svgcard-foods::after{ background-color: rgba(253,116,0,.4); }
	.svgcard-foods,
	.svgcard-8{
		text-indent: .01rem;
		background-color: #fd7400;
		background: -webkit-linear-gradient(left, #f9ae6f 0%, #fd7400 100%);
		background: linear-gradient(to right, #f9ae6f 0%, #fd7400 100%);
	}
    .svgcard-game::before,.svgcard-game::after{ background-color: rgba(20,116,251,.4); }
	.svgcard-game,
	.svgcard-1{
		background-color: #10aeff;
		background: -webkit-linear-gradient(left, #1eb0fc 0%, #10aeff 100%);
		background: linear-gradient(to right, #1eb0fc 0%, #10aeff 100%);
	}
    .svgcard-oils::before,.svgcard-oils::after{ background-color: rgba(141,102,88,.4); }
	.svgcard-oils,
	.svgcard-3{
		text-indent: .02rem;
		background-color: #926dde;
		background: -webkit-linear-gradient(left, #b292f3 0%, #926dde 100%);
		background: linear-gradient(to right, #b292f3 0%, #926dde 100%);
	}
    .svgcard-trip::before,.svgcard-trip::after{ background-color: rgba(12,199,65,.4); }
	.svgcard-trip,
	.svgcard-4{
		background-color: #0cc741;
		background: -webkit-linear-gradient(left, #30d8a2 0%, #0cc741 100%);
		background: linear-gradient(to right, #30d8a2 0%, #0cc741 100%);
	}
    .svgcard-video::before,.svgcard-video::after{ background-color: rgba(12,199,65,.4); }
	.svgcard-video,
	.svgcard-7{
		background-color: #20d071;
		background: -webkit-linear-gradient(left, #4ee694 0%, #20d071 100%);
		background: linear-gradient(to right, #4ee694 0%, #20d071 100%);
	}
    .svgcard-more::before,.svgcard-more::after{ background-color: rgba(102,102,102,.4); }
	.svgcard-more{
		background-color: #666;
		background: -webkit-linear-gradient(left, #999 0%, #666 100%);
		background: linear-gradient(to right, #999 0%, #666 100%);
	}

/* cardnav-group */
.actionsheet-body .cardnav-group{ padding: 0 .1rem .1rem .1rem;}
.cardnav-group{ padding: .2rem .1rem .05rem .1rem; text-align: center;}
.cardnav-group > li{ float: left; width: 33.33333%; white-space: nowrap; padding: 0 0 .15rem 0; }
.cardnav-group > li > a{ display: block; padding: 0 .13rem; font-size: .12rem; color: #666; }
.cardnav-group > li > a > img{
    display: block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: .05rem;
	border-radius: .06rem;
}

/* typeicon-group */
.typeicon-group{ padding: .15rem .05rem 0 .05rem ; text-align: center;}
.typeicon-group > li{ float: left; width: 25%; white-space: nowrap; padding: 0 0 .15rem 0; }
.typeicon-group > li > a{ display: block; color: #666; font-size: .12rem; }
.typeicon-group > li > a > .typeicon{
    position: relative;
    display: block;
	margin: 0 auto;
	width: .48rem;
	height: .48rem;
	line-height: .48rem;
    overflow: hidden;
	font-size: .32rem;
	margin-bottom: .07rem;
	border-radius: 1rem;  
}
    .typeicon-group > li > a:active{ opacity: .85; }
    .typeicon{ color: #fff; background-color: #ccc; text-shadow: 0 .05rem .1rem rgba(0,0,0,.1); }
    .typeicon-bg-red{
        background-color: #f04948;
        background: -webkit-linear-gradient(#ff7cb3 0%, #f04b49 100%);
        background: linear-gradient(#ff7cb3 0%, #f04b49 100%);
        box-shadow: 0 .05rem 0.1rem -.03rem rgba(240,75,73,.5);
    }
    .typeicon-bg-purple{
        background-color: #5b67ef;
        background: -webkit-linear-gradient(#c189ff 0%, #5b67ef 100%);
        background: linear-gradient(#c189ff 0%, #5b67ef 100%);
        box-shadow: 0 .05rem 0.1rem -.03rem rgba(91,103,239,.5);
    }
    .typeicon-bg-cyan{
        background-color: #009cff;
        background: -webkit-linear-gradient(#75f8db 0%, #009cff 100%);
        background: linear-gradient(#75f8db 0%, #009cff 100%);
        box-shadow: 0 .05rem 0.1rem -.03rem rgba(0,156,255,.5);
    }
    .typeicon-bg-green{        
        background-color: #1dc6b2;
        background: -webkit-linear-gradient(#a3ff87 0%, #1dc6b2 100%);
        background: linear-gradient(#a3ff87 0%, #1dc6b2 100%);
        box-shadow: 0 .05rem 0.1rem -.03rem rgba(29,198,178,.5);
    }
    .typeicon-bg-orange{
        background-color: #f56d1d;
        background: -webkit-linear-gradient(#ffa099 0%, #f56d1d 100%);
        background: linear-gradient(#ffa099 0%, #f56d1d 100%);
        box-shadow: 0 .05rem 0.1rem -.03rem rgba(245,109,29,.5);
    }  
    .typeicon-bg-yellow{
        background-color: #ff8c00;
        background: -webkit-linear-gradient(#ffde00 0%, #ff8c00 100%);
        background: linear-gradient(#ffde00 0%, #ff8c00 100%);
        box-shadow: 0 .05rem 0.1rem -.03rem rgba(255,140,0,.5);
    }
    .typeicon-bg-pink{
        background-color: #e115da;
        background: -webkit-linear-gradient(#d285ff 0%, #e115da 100%);
        background: linear-gradient(#d285ff 0%, #e115da 100%);
        box-shadow: 0 .05rem 0.1rem -.03rem rgba(225,21,218,.5);
    }  
    .typeicon-bg-brow{
        background-color: #9c6748;
        background: -webkit-linear-gradient(#f97682 0%, #9c6748 100%);
        background: linear-gradient(#f97682 0%, #9c6748 100%);
        box-shadow: 0 .05rem 0.1rem -.03rem rgba(156,103,72,.5);
    }    
    .typeicon-bg-disabled{
        background-color: #9c6748;
        background: -webkit-linear-gradient(#eee 0%, #ccc 100%);
        background: linear-gradient(#eee 0%, #ccc 100%);
        box-shadow: 0 .05rem 0.1rem -.03rem rgba(153,153,153,.5);
    }
        .typeicon-bg-disabled .iconfont{ -webkit-filter: blur(1px); filter: blur(1px); }
        .typeicon-bg-disabled + span{ color: #ccc; }
        .typeicon-bg-disabled::before{
            content: "维护";
            position: absolute;
            z-index: 3;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            font-size: .14rem;
            text-shadow: 0 1px 1px rgba(0,0,0,.5);
            border-radius: 50%;
            background-color: rgba(0,0,0,.3);
        }

/* vipcards */
.vipcards .panel-heading{ margin-bottom: -.1rem; }
.vipcards .panel-heading::after{ display: none; }
.vipcards .tabs{ padding: .1rem .05rem; }
.vipcards .tabs > .tab-item:not(.active):active{ background-color: transparent; }
.vipcards .tabs > .tab-item{ padding: 0 .05rem; }
.vipcards .tabs > .tab-item img{ display: block; width: 100%; border-radius: .08rem;}

/* hotcards */
.hotcards + .card{ margin: .1rem; } 
.hotcards .panel-heading::after{ display: none; }
.hotcards .grid{ padding: .18rem .1rem; font-size: .11rem; color: #999;}
.hotcards .grid img{ display: block; margin: 0 auto; margin-bottom: .07rem; height: .2rem; }
.hotcards .grid .title{ display: block; overflow: hidden; white-space: nowrap; font-size: .12rem; }
.hotcards .grid .discount{ color: #d6494b; white-space: nowrap; height: .14rem; display: block; font-size: .1rem; overflow: hidden;}
.hotcards .grids::after,
.hotcards .grids .grid:nth-child(3n+3)::before{ display: none; }

/* recharge-listing */
.recharge-listing .cell-condensed{ font-size: .14rem; }
.recharge-listing .cell-condensed > .cell-bd{ color: #999; }
.recharge-listing .cell-condensed > .cell-ft{ font-size: .12rem; }
.recharge-listing img{ margin-right: .05rem!important; }
.recharge-listing h5{ font-size: .14rem; line-height: 1.2; }
.recharge-listing p { margin-top: .05rem; line-height: 1; color: #ff3b30; font-size: .168rem; }
.recharge-listing p small{ font-size: .13rem; vertical-align: 1px; }


/* categorys-slider */
.categorys-slider{ padding-bottom: 0; }
.categorys-slider .navbar > .tab-item{ font-size: 13px; }

/* cardlists */
.cardlists{}
.cardlists > li{
	position: relative;
	display: block;
	overflow: hidden;
	height: .9rem;
	padding: .15rem .15rem 0 .15rem;
}
	.cardlists > li::before{
		content:"";
		position: absolute;
		left: .05rem;
		right: .05rem;
		bottom: -.1rem;
		z-index: 2;
		height: .1rem;
		overflow: hidden;
		pointer-events: none;
		background-color: #f4f8f9;
		border-radius: .5rem;
		box-shadow: 0 0 15px rgba(0,0,0,.3);
	}

	/* cardlist */
	.cardlist{
		position: relative;
		height: .75rem;
		overflow: hidden;
		padding: .15rem;
		color: #fff;
		background-color: #0085fe;
		border-radius: .1rem .1rem 0 0;
		box-shadow: inset 0 3px 15px rgba(255,255,255,.15);
	}
		.cardlist::before{
            display: block!important;
			left: 0;
			right: 0;
			bottom: 0;
            height: 100%;
			z-index: 1;
            border: 0 none;
			border-radius: .05rem .05rem 0 0;
			background: -webkit-linear-gradient(left, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 70%);
			background: linear-gradient(to right, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 70%);
		    -webkit-transform: none;
				    transform: none;
        }
        .cardlist > .cell-ft::after {
            margin-top: -.05rem;
            height: .1rem;
			width: .1rem;
            border-width: 1px 1px 0 0;
            border-color: rgba(255,255,255,.5);
        }
		.cardlist .brand img{ display: block; height: .18rem; margin: 0 auto; margin-top: .13rem; }
		.cardlist .brand{
			display: block;
			width: .8rem;
			height: .45rem;
			overflow: hidden;
			text-align: center;
			background-color: rgba(255,255,255,.75);
			border-radius: .06rem;
            opacity: .95;
		}
		.cardlist .title{ font-size: .16rem; line-height: 1.2; margin-bottom: .03rem; }
		.cardlist .discount{ font-size: .12rem; color: rgba(255,255,255,.8); }
		.cardlist .discount small{ opacity: .8;}

		/* .cardlist bgcolor */
		.cardlist-2 { background-color: #cc1420; }
		.cardlist-3 { background-color: #dd1d31; }
		.cardlist-4 { background-color: #ffaa00; }
		.cardlist-5 { background-color: #dd1f37; }
		.cardlist-6 { background-color: #060203; }
		.cardlist-7 { background-color: #c0d900; }
		.cardlist-8 { background-color: #fa3d41; }
		.cardlist-9 { background-color: #db261f; }
		.cardlist-10{ background-color: #0061ae; }
		.cardlist-11{ background-color: #2b499c; }
		.cardlist-12{ background-color: #fc6e07; }
		.cardlist-13{ background-color: #2a62b0; }
		.cardlist-14{ background-color: #ea0285; }
		.cardlist-15{ background-color: #09308a; }
		.cardlist-16{ background-color: #e00322; }
		.cardlist-17{ background-color: #0085d0; }
		.cardlist-18{ background-color: #fe4f00; }
		.cardlist-19{ background-color: #007fff; }
		.cardlist-20{ background-color: #e34947; }
		.cardlist-21{ background-color: #a9c902; }
		.cardlist-22{ background-color: #c8020b; }
		.cardlist-23{ background-color: #d82b26; }
		.cardlist-24{ background-color: #eb348d; }
		.cardlist-25{ background-color: #fa2507; }
		.cardlist-26{ background-color: #dd0627; }
		.cardlist-27{ background-color: #15529d; }
		.cardlist-28{ background-color: #0f52a8; }
		.cardlist-29{ background-color: #12b7f5; }
		.cardlist-30{ background-color: #306aa0; }
		.cardlist-31{ background-color: #1991ae; }
		.cardlist-32{ background-color: #e40885; }
		.cardlist-33{ background-color: #28aca1; }
		.cardlist-34{ background-color: #0e7342; }
		.cardlist-35{ background-color: #253794; }
		.cardlist-36{ background-color: #0c5593; }
		.cardlist-37{ background-color: #df0112; }
		.cardlist-38{ background-color: #e95412; }
		.cardlist-39{ background-color: #c42635; }
		.cardlist-40{ background-color: #febe45; }
		.cardlist-41{ background-color: #268ce6; }
		.cardlist-42{ background-color: #da1f16; }
		.cardlist-43{ background-color: #e11687; }
		.cardlist-44{ background-color: #f0771d; }
		.cardlist-45{ background-color: #0088a5; }
		.cardlist-46{ background-color: #eb151f; }
		.cardlist-47{ background-color: #099b48; }
		.cardlist-48{ background-color: #f07b0b; }
		.cardlist-49{ background-color: #0062a9; }
		.cardlist-50{ background-color: #028c32; }
		.cardlist-51{ background-color: #d4c174; }
		.cardlist-52{ background-color: #c01024; }
		.cardlist-53{ background-color: #ff9800; }
		.cardlist-54{ background-color: #e40311; }
		.cardlist-55{ background-color: #ff6600; }
		.cardlist-56{ background-color: #e00025; }
		.cardlist-57{ background-color: #e30184; }
		.cardlist-58{ background-color: #c02c33; }
		.cardlist-59{ background-color: #242021; }		
		.cardlist-60{ background-color: #00be06; }
		.cardlist-61{ background-color: #6ccc00; }
		.cardlist-62{ background-color: #33a6ff; }
		.cardlist-63{ background-color: #c52e35; }
		.cardlist-64{ background-color: #cf1c20; }
		.cardlist-65{ background-color: #cf1c20; }
		.cardlist-66{ background-color: #33a6ff; }
		.cardlist-67{ background-color: #f56900; }
		.cardlist-68{ background-color: #d91627; }
		.cardlist-69{ background-color: #006e47; }
		.cardlist-70{ background-color: #a69550; }
		.cardlist-71{ background-color: #a00026; }
		.cardlist-72{ background-color: #f5491b; }
		.cardlist-73{ background-color: #f6303f; }
		.cardlist-74{ background-color: #ed1e24; }
		.cardlist-75{ background-color: #0267b5; }
		.cardlist-76{ background-color: #0471b2; }
		.cardlist-77{ background-color: #dd2726; }
		.cardlist-78{ background-color: #0061ae; }
		.cardlist-79{ background-color: #e5790d; }
		.cardlist-80{ background-color: #c1082a; }
		.cardlist-81{ background-color: #f45700; }
		.cardlist-82{ background-color: #950a34; }
		.cardlist-83{ background-color: #f08a04; }
		.cardlist-84{ background-color: #db000b; }
		.cardlist-85{ background-color: #dc2216; }
		.cardlist-86{ background-color: #eb6a02; }
		.cardlist-87{ background-color: #2381b4; }
		.cardlist-88{ background-color: #f48631; }
		.cardlist-89{ background-color: #074580; }
		.cardlist-90{ background-color: #d81ecc; }
		.cardlist-91{ background-color: #004098; }
		.cardlist-92{ background-color: #2a8fcc; }
		.cardlist-93{ background-color: #3c50a0; }
		.cardlist-94{ background-color: #e00200; }
		.cardlist-95{ background-color: #b18949; }
		.cardlist-96{ background-color: #0daeff; }
		.cardlist-97{ background-color: #008aff; }
		.cardlist-98{ }
		.cardlist-99{ background-color: #34a5f3; }
		.cardlist-100{ background-color: #169290; }
		.cardlist-101{ background-color: #e60012; }
		.cardlist-102{  }
		.cardlist-103{ background-color: #00b0ec; }
		.cardlist-104{ background-color: #005fff; }
		.cardlist-105{ background-color: #f86442; }
		.cardlist-106{ background-color: #e72e35; }
		.cardlist-107{ background-color: #ec6c00; }
		.cardlist-108{ background-color: #08080a; }
		.cardlist-109{ background-color: #4aaa49; }
		.cardlist-110{ background-color: #edae00; }
		.cardlist-111{ background-color: #f44336; }
		.cardlist-112{ background-color: #1e84e4; }
		.cardlist-113{ background-color: #0d6cee; }
		.cardlist-114{ background-color: #182890; }
		.cardlist-115{ background-color: #e60026; }
		.cardlist-116{ background-color: #3c3c3c; }
		.cardlist-117{ background-color: #ff6634; }

/* cardlists-placeholder */
.cardlists-placeholder > li::before{ box-shadow: 0 0 10px rgba(0,0,0,.03); }
.cardlists-placeholder > li::after { border-bottom-color: #f5f5f5; }
.cardlists-placeholder .cardlist{ background-color: #f9fafe; }
.cardlists-placeholder .cardlist::before{ display: none; }
.cardlists-placeholder .cardlist::after { border-color: #fff; }
.cardlists-placeholder .cardlist > .title{
    margin: .02rem 0 .1rem 0;
    width: 1.3rem;
    height: .24rem;
    background-color: #fff;
    border-radius: .03rem;
}
.cardlists-placeholder .cardlist > .desc{
    height: .1rem;
    background-color: #fff;
    border-radius: .03rem;
}


/* account-preview */
.account-profile{ background-color: transparent!important; padding-top: .05rem; }
.account-profile > .cell-bd h3{ font-size: .16rem; color: #fff; }
.account-profile > .cell-bd p { font-size: .12rem; color: rgba(255,255,255,.75); }
.account-profile > .cell-ft{ color: rgba(255,255,255,.3); }
.account-profile > .cell-ft::after{ border-width: 1px 1px 0 0; border-color: rgba(255,255,255,.3); }
.account-profile > .cell-hd{ padding-right: .13rem; }
.account-profile > .cell-hd .avatar-default::before{ width: .24rem; height: .24rem; left: .12rem; }
.account-profile > .cell-hd .avatar-default::after{ width: .36rem; height: .36rem; margin-top: .28rem; }
.account-profile > .cell-hd .avatar{ width: .48rem; height: .48rem; }

/* account-realname */
.account-realname{
    display: block;
    text-align: center;
    font-size: .12rem;
    font-weight: 100;
    padding: .13rem 0 .23rem 0;
    color: #fff;
    background-color: rgba(255,255,255,.15);
    background-color: #f39c35;
    background: -webkit-linear-gradient(left, #f5a950 0%, #f4845d 100%);
    background: linear-gradient(to right, #f5a950 0%, #f4845d 100%);
    margin-bottom: -.1rem;
}

/* account-balance */
.account-balance{ padding: .2rem 0 .2rem .2rem; }
.account-balance .cell-hd{}
.account-balance .cell-hd h5{ color: #666; margin-bottom: .05rem; font-size: .13rem; }
.account-balance .cell-hd p{ font-size: .28rem; line-height: 1; color: #000; margin-left: -.01rem; }
.account-balance .cell-bd{ font-size: 0; text-align: right; white-space: nowrap; }
.account-balance .cell-bd .btn-secondary{ border-radius: 1rem 0 0 1rem; padding: .1rem .13rem; }
.account-balance .cell-bd .btn-default{ padding: .05rem .15rem; }
.account-balance .cell-bd .btn .iconfont{ margin-right: .05rem; }
.account-balance .cell-bd .btn + .btn{ margin-left: .12rem; }

/* account-deal */
.account-deal{ padding: 0 .05rem; }
.account-deal > .cell-bd{ text-align: center; padding: .18rem 0; font-size: .12rem; white-space: nowrap; }
.account-deal > .cell-bd .iconfont{
    display: block;
    margin: 0 auto;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    overflow: hidden;
    margin-bottom: .05rem;
    font-size: .24rem;
    color: #fff;
    border-radius: 50%;
}
.account-deal > .cell-bd .iconfont-mall{ font-size: .26rem; }
.account-deal > .cell-hd .iconfont-cash { font-size: .2rem; }
.account-deal > .cell-hd .iconfont-mall { font-size: .26rem; text-indent: -.01rem;}
.account-deal + .cell > .cell-hd .iconfont-cards{ font-size: .16rem; margin-top: -.04rem; }
.account-deal + .cell > .cell-hd{ padding-right: .1rem; }

/* cashcards-empty */
.cashcards-empty{
    display: block;
    text-align: center;
    padding: .25rem .18rem;
    color: #c9cacf;
    border: 1px dashed rgba(144,144,144,.1);
    background-color: #f9fafc;
    border-radius: .04rem;
}
.cashcards-group{ padding: 0 .15rem .15rem .15rem; }
.cashcards-group > .cell::before{ display: none; }
.cashcards-group > .cell + .cell{ margin-top: .15rem; }
.cashcards-group > .cell{
	padding: .18rem;
	color: #fff;
    background-color: #00aaef;
	border-radius: .08rem;
}
	.cashcards-group > .cashcard-alipay{ background-color: #00aaef; height: auto; }
	.cashcards-group > .cashcard-1{ background-color: #dd4659;}
	.cashcards-group > .cashcard-2{ background-color: #0573b3;}
	.cashcards-group > .cashcard-3{ background-color: #19a48f;}
	.cashcards-group > .cashcard-4{ background-color: #27a857;}
	.cashcards-group > .cashcard-5{ background-color: #254480;}
	.cashcards-group > .cashcard-6{ background-color: #d53f44;}
	.cashcards-group > .cashcard-7{ background-color: #a9262c;}
	.cashcards-group > .cashcard-8{ background-color: #aa5198;}
	.cashcards-group > .cashcard-9{ background-color: #de3e44;}
	.cashcards-group > .cashcard-12{ background-color: #1f5294;}
	.cashcards-group > .cashcard-13{ background-color: #d24245;}
	.cashcards-group > .cashcard-14{ background-color: #d93b41;}
	.cashcards-group > .cashcard-15{ background-color: #da4b27;}
	.cashcards-group > .cashcard-16{ background-color: #223f74;}
	.cashcards-group > .cashcard-17{ background-color: #aa7d34;}
	.cashcards-group > .cashcard-18{ background-color: #d64044;}

    /* cell */
	.cashcards-group > .cell > .cell-bd{ font-size: .18rem; }
	.cashcards-group > .cell > .cell-bd h5{ font-size: .18rem; }
	.cashcards-group > .cell > .cell-bd p{ font-size: .15rem; padding: .04rem 0; }
	.cashcards-group > .cell > .cell-hd img{
		display: block;
		width: .4rem;
		height: .4rem;
		padding: .05rem;
		overflow: hidden;
		background-color: #fff;
		border-radius: .5rem;
	}
	.cashcards-group > .cell > .cell-ft::after { margin-right: .03rem; border-color: rgba(255,255,255,.3); }
	
    .cashcard-item .cashcard-number{ padding: .13rem .03rem .1rem 0; width: 100%; clear: both;}
	.cashcard-item .cashcard-number > li{
		float: left;
		width: 19%;
		height: .2rem;
		line-height: .18rem;
		text-align: center;
		margin-right: 8%;
		font-size: .5rem;
		text-align: right;
		white-space: nowrap;
		color: rgba(255,255,255,.6);
	}
		.cashcard-item .cashcard-number > li.tail{
			line-height: .24rem;
			font-size: .24rem;
			color: #fff;
			margin: 0;
		}
		.cashcard-item div.cashcard-number{ color: #fff; }
		.cashcard-item div.cashcard-number > p{
			float: none;
			width: auto;
			line-height: .2rem;
			font-size: .18rem;
			text-align: right;
			white-space: nowrap;
		}

/* cash-primary */
.cash-primarys{ padding-right: 0; padding-top: .1rem; }
.cash-primary .form-control{ text-align: left; height: .36rem; line-height: .36rem; font-size: .3rem; color: #666; }
.cash-primary .form-control:focus,
.cash-primary .form-control[readonly]{ color: #000; }

/* modal-realname */
.modal-realname{ left: .3rem!important; right: .3rem!important;}
.modal-realname .modal-body{ text-align: center; padding-top: .25rem; }
.modal-realname h3{ margin: .15rem 0 .1rem; font-size: .16rem; }
.modal-realname p{ font-size: .12rem; }

/* realname-status */
.realname-show{ margin-top: -.6rem; margin-bottom: 0; border-radius: .1rem; }
.realname-show .logo-brand{ margin-top: .4rem; }
.realname-status{
    position: relative;
	width: 100%;
	overflow: hidden;
	padding: .45rem 0 1rem;
	text-align: center;
    color: #fff;
	background-color: #0085fe;
	background: -webkit-linear-gradient(to right, #00aaff 0%, #0085fe 100%);
    background: linear-gradient(to right,  #00aaff 0%, #0085fe 100%);
}
	.header-verify,
	.realname-status-verify{
		background-color: #fb922f;
		background: -webkit-linear-gradient(to right, #fbba2f 0%, #fb922f 100%);
		background: linear-gradient(to right, #fbba2f 0%, #fb922f 100%);
	}
	.header-failed,
	.realname-status-failed{
		background-color: #ef2e69;
		background: -webkit-linear-gradient(to right, #f76260 0%, #ef2e69 100%);
		background: linear-gradient(to right, #f76260 0%, #ef2e69 100%);
	}

	/* .realname-status-icon */
	.realname-status-icon{
		position: relative;
		display: block;
		width: 1.3rem;
		height: 1.15rem;
		overflow: hidden;
		margin: auto;
		margin-bottom: .1rem;
	}
		.realname-status-icon::before{
			content: "";
			display: block;
			width: 1.3rem;
			height: 1.15rem;
			overflow: hidden;
			background-image: url(data:image/png;base64,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);
			background-size: 1.3rem 1.15rem;
		}
		.realname-status-icon > h2{
			position: absolute;
			top: .79rem;
			left: .15rem;
			z-index: 3;
			width: 1rem;
			height: .2rem;
			line-height: .2rem;
			font-size: .14rem;
			overflow: hidden;
			color: #fff;
			font-weight: 300;
			text-shadow: 0 1px 1px rgba(0,0,0,.2);			
		}
		.realname-status-text{ padding: 0 .2rem;; }
		.realname-status-text > h5{ font-size: .18rem; }
		.realname-status-text > h5 + p{ margin-top: .1rem;}
		.realname-status-text > p { color: rgba(255,255,255,.8); font-weight: 300; font-size: .12rem;}
		.realname-status-action{ padding: .2rem; }
		.realname-status-action > .btn{ padding: .1rem .3rem; font-size: .16rem; }

/* realname-upload */
.realname-upload-group{ margin: 0 0 .03rem 0; }
.realname-upload-group > li{ float: left; width: 50%; padding: 0 .07rem 0 0; }
.realname-upload-group > li:nth-child(2n){ padding: 0 0 0 .07rem; }
.realname-upload-group > li:nth-child(n+3){ margin-top: .1rem; }
.realname-upload-group > li > h5{ padding-bottom: .05rem; text-align: center; color: #666; font-size: .12rem; font-weight: 300; }
.realname-upload{
	position: relative;
    height: 1rem;
    overflow: hidden;
	text-align: center;
    border: 1px solid #eee;
    border-radius: .04rem;
}

/* realname-upload-thumbnail */
.realname-upload-thumbnail{
	position: absolute;
	left: 0;
	z-index: 1;
	top: 50%;
	display: block;
	width: 100%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
}

/* realname-upload-preview */
.realname-upload-preview img{ max-width: 100%; margin: 0 auto; display: block; }
.realname-upload-preview{
    position: relative;
    width: 100%;
    height: 1.1rem;
}

/* realname-upload-desc */
.realname-upload-desc{ line-height: .2rem; font-size: .13rem; color: #666;}
.realname-upload-tips{
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 1.1rem;
	overflow: hidden;
	text-align: center;
	font-size: .1rem;
	padding: .28rem 0 0 0;
	color: #ccc;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	border-radius: .03rem;
}
	.realname-upload-tips-front{ background-image: url(../images/icon/identity-front.png); }
	.realname-upload-tips-back { background-image: url(../images/icon/identity-back.png); }
	.realname-upload-tips-hand { background-image: url(../images/icon/identity-hand.png); }
	.realname-upload-tips > h5{ font-size: .16rem; color: #000; margin-top: 10px; opacity: .8;}
	.realname-upload-tips > .camera{
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		z-index: 3;
		width: 100%;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	.realname-upload-tips > .camera > .iconfont{
		display: block;
		margin: auto;
		width: .5rem;
		height: .5rem;
		line-height: .5rem;
		text-align: center;
		font-size: .26rem;
		overflow: hidden;
		color: #fff;
		background-color: #108ee9;
		box-shadow: 0 3px 10px rgba(16,142,233,.4);
		border-radius: 50%;
		opacity: .8;
	}
	.realname-upload-tips-nocamera > .camera{ display: none; }

/* realname-upload-tips-again */
.realname-upload-tips-again::before{
    content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding-top: .2rem;
	color: #fff;
	text-shadow: none;
	background: rgba(0,0,0,.5);
}
	.realname-upload-tips-again > .camera::after{
		content: "重新上传";
		display: block;
		margin-top: .05rem;
		font-size: .12rem;
		font-weight: 300;
		color: #fff;
	}

/* realname-upload-btn */
.realname-upload-btn{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	opacity: 0;
	background-color: transparent;
}
	.realname-upload-btn .webuploader-pick{ display: none;}
	.realname-upload-btn .form-upload{
		position: absolute;
		bottom: -.05rem;
		right: -.05rem;
		z-index: 3;
		width: 10rem;
		height: 10rem;
		font-size: 10rem;
		cursor: pointer;
		clip: rect(1px 1px 1px 1px);
	}
	.realname-upload-btn > div{
		top: 0!important;
		left: 0!important;
		right: 0!important;
		bottom: 0!important;
		width: 100%!important;
		height: 100%!important;
	}


/* realname-upload-status */
.realname-upload-status{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	border-radius: .03rem;
	display: none;
}
	.realname-upload-status .progress{ width: 100%; height: 1.1rem; background-color: rgba(0,0,0,.3); border-radius: .03rem; }
	.realname-upload-status .progress-bar{ background-color: rgba(50,218,145,.7);border-radius: 0; }
	.realname-upload-status .success,
	.realname-upload-status .error{
		width: 100%;
		height: 1.1rem;
		overflow: hidden;
		color: #fff;
		font-size: .16rem;
		border-radius: .03rem;
		text-shadow: 0 1px 1px rgba(0,0,0,.1);
	}
		.realname-upload-status .success .owlicon-success,
		.realname-upload-status .error .owlicon-warn{ display: block; font-size: .32rem; padding-top: .1rem; }
		.realname-upload-status .success{ background-color: rgba(50,218,145,.7); }
		.realname-upload-status .error  { background-color: rgba(249,104,104,.7);}
		.realname-upload-status .success::after,
		.realname-upload-status .error::after{
			content: "重新上传";
			display: block;
			font-size: .12rem;
			font-weight: 300;
			color: rgba(255,255,255,.8);
		}

/* sellrecord-tips */
.sellrecord-tips{ padding: .15rem 0; color: #666;  }
.sellrecord-info > .cell{ padding-top: .1rem; padding-bottom: .1rem;}
.sellrecord-info h5{ color: #999;}
.sellrecord-info p { font-size: .13rem; line-height: .20rem; }

.sellrecord-verify{ padding-left: .15rem; line-height: .16rem; }
.sellrecord-verify h6{ color: #666; margin-top: .09rem;}
.sellrecord-verify .btn-primary {
    position: absolute;
    right: 0;
    top: 0;
}
/* filters */
.filters{ border-radius: 0 0 .04rem .04rem; }
.filter-search .control-clear{ right: .05rem; }
.filter-search .cell{ padding-right: 0; }
.filter-search .cell-select-before .form-select{ width: 1rem; }
.filter-search .cell-select-before .form-control{ padding-right: .3rem;  }
.filter-export > .grid:nth-child(2){ width: 66.6666666%; }

/* aboutus */
.aboutus .messager-icon{ margin-bottom: .15rem;}
.aboutus .qr{
	display: block;
	margin: auto;
	width: 1.6rem;
	height: 1.6rem;
	padding: .1rem;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
}

/* .recycle-loader */
.recycle-primary{ position: relative; }
.recycle-loader{ position: relative;  }
.recycle-placeholder{ -webkit-filter: blur(2px); filter: blur(2px); }
.recycle-placeholder > .card:first-child{ margin-top: 0; }
.recycle-loading {
    position: absolute;
    z-index: 10;
    top: 4%;
    left: 5%;
    right: 5%;
    padding: .3rem 0;
    text-align: center;
    border-radius: .1rem;
}
    .recycle-loading .loader{ width: .48rem; height: .48rem; }
    .recycle-loading h3{ margin-top: 1.43rem; font-size: .18rem; }
    .recycle-loading p{ color: #808080; font-size: .14rem; }
    .recycle-loading p .btn{ margin-top: .15rem; padding-left: .2rem; padding-right: .2rem; }

/* recycle-former */
.recycle-former .cell-hd{}
.recycle-former .cell-hd > .control-label{ width: .4rem; color: #666; white-space: nowrap; }
.recycle-former .cell-hd > .control-label.long{ width: .6rem; }

/* recycle-former-cards */
.recycle-former-cards{ padding: .02rem 0; margin-top: 0; }
.recycle-former-cards .svgcard::before,
.recycle-former-cards .svgcard::after{ display: none;}
.recycle-former-cards .svgcard{
	width: .32rem;
	height: .26rem;
	line-height: .26rem;
	margin: -.05rem 0;
	font-size: .2rem;
	border-radius: .05rem;
}
.recycle-former-cards .types p:not(.active){ display: none; }
.recycle-former-cards .cell-hd-selected{ line-height: .18rem; white-space: nowrap; }
.recycle-former-cards .cell-hd-selected img{ display: none; }
.recycle-former-cards .cell-hd-selected a img{ position: absolute; display: block; right: 0; top: -.05rem; height: .28rem; border-radius: 3px; }
.recycle-former-cards .cell-hd-selected strong{ font-size: .2rem; font-weight: 400; }
.recycle-former-cards .cell-hd-selected strong.sm{ font-size: .14rem; }
.recycle-former-cards .cell-hd-selected small{ position: absolute; right: 0; font-size: .14rem; color: #666; padding-left: .1rem; }
.recycle-former-cards .cell-hd-selected small em{ color: #999; padding: 0 .03rem; }
.recycle-former-cards .cell-hd-selected .discount{ font-size: .12rem; margin-left: .05rem; color: #f04848; }
.recycle-former-cards .cell-hd-selected .dispose-auto{ 
    position: absolute; 
    right: 0; 
    margin: 0;
    font-style: normal;
    font-size: .1rem;
    line-height: 1;
    color: #fff;
    padding: .04rem .04rem .02rem .04rem;
    background-color: #ef2e69;
    background: -webkit-linear-gradient(to right, #f76260 0%, #ef2e69 100%);
    background: linear-gradient(to right, #f76260 0%, #ef2e69 100%);
    border-radius: .02rem;
}

/* recycle-former-check */
.recycle-former-check{ font-size: .13rem; }
.recycle-former-check .cell{}
.recycle-former-check .cell .cell-hd{ padding: 0 .12rem 0 .03rem; }

/* recycle-former-tips */
.recycle-former-tips{
    margin: 0 .15rem .15rem .15rem;
    text-align: center;
    color: #fd7400;
    padding: .07rem 0;
    white-space: nowrap;
    font-size: .12rem;
    background-color: #fff5eb;
    border-radius: .06rem;
}

/* recycle-btn-group */
.recycle-btn-group{ margin: -.05rem .1rem .1rem .1rem; }
.recycle-btn-group > li.long{ 
    float: none!important; 
    width: 100%!important; 
    padding: .2rem!important;
    text-align: center;
    color: #999;
}
.recycle-btn-group > li{ float: left; width: 33.33333333%; padding: .05rem; }
.recycle-btn-group > li > a{ 
    position: relative;
    display: block;
    height: .6rem;
    border-radius: .06rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    background-color: #f4f8f9;
}  
    .recycle-btn-group > li.active a,
    .recycle-btn-group > li a:active{ color: #fe5339; background-color: #fff; }
    .recycle-btn-group > li.active a::after,
    .recycle-btn-group > li a:active::after{ 
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 1.5px solid #fe5339;
        border-radius: .06rem;
    } 

/* recycle-btn-group-species */
.recycle-btn-group-species > li{ width: 50%; }
.recycle-btn-group-species > li > a{ height: .64rem; }
.recycle-btn-group-species img{ height: .2rem; margin: .12rem 0 .03rem 0; }
.recycle-btn-group-species .title{ 
    display: block;
    height: .18rem;
    line-height: .18rem;
    font-size: .12rem;
    margin: 0 .05rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    color: #666;
} 
.recycle-btn-group-species .discount,
.recycle-btn-group-species .dispose-auto{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    white-space: nowrap;
    font-style: normal;
    font-size: .1rem;
    line-height: 1;
    padding: .03rem .03rem .02rem .03rem;
    color: #666;
    background-color: #eee;
    border-radius: .06rem 0 .06rem 0;
} 	
.recycle-btn-group-species a:active .discount,
.recycle-btn-group-species .active .discount{ color: #fff; background-color: #fe5339; }
.recycle-btn-group-species .dispose-auto { left: auto; right: 0; color: #f60; border-radius: 0 .06rem 0 .06rem; }
.recycle-btn-group-species a:active .dispose-auto,
.recycle-btn-group-species .active .dispose-auto{ color: #fff; background-color: #fe5339; }

/* recycle-btn-group-value */
.recycle-btn-group-value strong{ color: #000; display: block; line-height: 1.2; font-size: .18rem; padding: .1rem 0 0 0; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.recycle-btn-group-value strong.sm{ font-size: .15rem; padding: .1rem 0 .02rem 0; }
.recycle-btn-group-value small{ color: #888; font-size: .12rem; }
.recycle-btn-group-value em{ color: #ccc; padding: 0 .03rem;  }
.recycle-btn-group-value > li.active strong{ color: #fe5339;} 

/* recycle-btn-group-long */
.recycle-btn-group-long > li{ width: 50%; }

/* recycle-mode */
.recycle-mode .sep{ font-size: 100%; padding: 0 .05rem; }
.recycle-mode .verifycode-input{ display: none; }
.recycle-mode-verifycode .verifycode-input{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

/* recycle-example */
.recycle-example{ padding-top: .2rem!important; }
.recycle-example .messager-icon{ margin-bottom: .3rem; font-size: .8rem; }
.recycle-example .messager-text{ padding: 0; }
.recycle-example .messager-text .h6{ margin-top: .2rem; }

/* allcards */
.allcards{ position: relative; overflow: hidden; padding-left: .9rem; border-radius: 0 0 .04rem .04rem; }
.allcards::before,
.allcards-tabs::after{
    content:"";
    position: absolute;
    top: 0;    
    right: 0;
    z-index: 3;    
    border-style: solid;
    border-color: #eee;    
    color: #eee;    
}
    .allcards::before{
        left: 0;
        width: 100%;
        height: 1px;
        border-width: 1px 0 0 0;
        -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5);    
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }
    .allcards-tabs::after{
        z-index: 1;
        bottom: 0;
        width: 1px;
        height: 100%;
        border-width: 0 1px 0 0;
        -webkit-transform: scaleX(0.5);
                transform: scaleX(0.5);    
        -webkit-transform-origin: 100% 0;
                transform-origin: 100% 0
    }

/* allcards-tabs */
.allcards-tabs{ 
    position: absolute;
    top: 0;
    left: 0;
    width: .9rem; 
    height: 3rem;
    overflow: hidden; 
    background-color: #f9fafc; 
}
    .allcards-tabs > a{
        position: relative;
        z-index: 2;
        display: block;
        height: .5rem;
        line-height: .5rem;
        overflow: hidden;
        text-align: center;
    }
        .allcards-tabs > a.active,
        .allcards-tabs > a:active{ background-color: #fff; }
        .allcards-tabs > a:last-child::after{ display: none; }
        .allcards-tabs > a::after{
            content:"";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 1px;
            z-index: 3;
            border-style: solid;
            border-color: #eee;
            border-width: 0 0 1px 0;
            color: #eee;
            -webkit-transform: scaleY(0.5);
                    transform: scaleY(0.5);
            -webkit-transform-origin: 0 100%;
                    transform-origin: 0 100%;
        }

/* allcards-body */
.allcards-body{ height: 3rem; overflow-x: hidden; overflow-y: auto; }
.allcards-group > li > a{
    position: relative;
    display: block;
    height: .5rem;
    line-height: .5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 .15rem;
}
    .allcards-group > li > a::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        z-index: 3;
        border-bottom: 1px solid #f5f5f5;
        color: #f5f5f5;
        -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5);
        -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%;
    }
	.allcards-group > li > a.active{ color: #f04848; }
    .allcards-group > li > a:active{ background-color: #f9fafc; }
    .allcards-group img{ height: .2rem; vertical-align: -.05rem; }
    .allcards-group .title{ float: right; }
    .allcards-group .discount{
        position: relative;
        float: right;
        font-size: .1rem;
        padding: 0 .05rem 0 0;
        color: #f04848;
    }
    
/* login-modal */
.login-modal{ }
.login-modal-title{ text-align: center; padding: .15rem 0 .1rem 0; color: #666; }
.login-tabs::after{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 2rem;
}
    .login-tabs > .tab-item{ height: .36rem;line-height: .36rem; overflow: hidden; }
    .login-tabs > .tab-item:first-child{ border-radius: .3rem 0 0 .3rem; }
    .login-tabs > .tab-item:last-child { border-radius: 0 .3rem .3rem 0; }
    .login-tabs > .tab-item + .tab-item::before{border-color: rgba(0,0,0,.1);} 
    .login-tabs > .tab-item span{ display: block; color: #999; }
    .login-tabs > .tab-item .active{ color: #007dfe;}

/* sign-form-content */
.sign-form-content{ position: relative; }
.sigin-error{
    height: .15rem;
    font-size: .12rem;
    line-height: .15rem;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin: .05rem 0;
    color: #fd7400;
}
.sign-links{ text-align: center; padding-top: .2rem; color: #999; font-size: .13rem; }
.sign-other{ margin-top: .15rem; text-align: center; }
.sign-other .btn{ margin-top: .1rem; padding-left: .2rem; padding-right: .2rem; }

/* logo-brand */
.logo-brand{
	display: block;
	margin: 0 auto;
	margin-top: .15rem;
	margin-bottom: .4rem;
	width: 2rem;
	height: .58rem;
	overflow: hidden;
	background: url(../images/svg/logo.svg) transparent no-repeat;
	background-size: 100%;
}
.logo-brand-white{
    background-image: url(../images/svg/logo_white.svg);
}


/* sign-form */
.sign-form{ padding: .3rem .3rem 0 .3rem; }
.sign-form .sign-alert{ margin: .3rem 0 0 0; text-align: center; }
.sign-form .login-tabs > .tab-item { height: .44rem; line-height: .44rem; }
.sign-form .sign-links{ padding-top: .2rem; font-size: .14rem; }
.sign-form .sign-other{ margin-top: .2rem; }
.sign-form .form-group.btn-group{ margin-bottom: .3rem; }
.sign-form .geetest{  }
.sign-form .geetest-wait,
.sign-form .geetest-notice{ height: .44rem; line-height: .42rem; padding: 0 .15rem; color: #999; border: 1px solid #e5e5e5; border-radius: 1rem; background-color: #f9fafc; }
.sign-form .geetest-wait img{ width: .16rem; height: .16rem; vertical-align: -3px; margin-right: .1rem; }
.sign-form .geetest-notice .owlicon{ vertical-align: -.04rem; margin-right: .1rem; font-size: .18rem; } 
.sign-form .geetest-notice { color: #f83232; border-color: #ffcdcd; background-color: #fff2f2; }
.sign-form .geetest_holder.geetest_wind .geetest_radar_btn,
.sign-form .geetest_holder.geetest_wind .geetest_success_btn{ border-radius: 1rem; }


/* guide-panel */
.guide-panel.last{ margin-bottom: .7rem; }
.guide-panel{ text-align: center; }
.guide-panel > .article{ padding-bottom: .35rem; }
.guide-panel > .article h3{ font-weight: 700; font-size: .24rem; margin-bottom: .3rem; }
.guide-panel > .article img{ width: 1.5rem; margin-bottom: .3rem; }
.guide-panel > .article p{
	text-indent: 0;
	line-height: 1.8;
	color: #333;
	font-size: .15rem;
}

/* card-appdown */
.card-appdown h4{ font-weight: 500; color: #007dfe; }
.card-appdown p { color: #666; padding-top: .03rem; }
.card-appdown .close{
    position: absolute;
    top: 50%;
    right: .15rem;
    z-index: 3;
    margin-top: -.16rem;
    width: .32rem;
    height: .32rem;    
    background-color: rgba(0,0,0,.1);
    opacity: .5;
}


/* special */
.special-former > .card:first-child{ margin-top: 0; }
.special{ position: relative; margin-bottom: -.1rem; }
.special > .arch-mask{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
	height: 1rem;
}
    .header-blue,
    .special-blue{
        background-color: #07c0da;
        background: -webkit-linear-gradient(left, #00aeff 0%, #1bdbbe 100%);
        background: -o-linear-gradient(left, #00aeff 0%, #1bdbbe 100%);
        background: linear-gradient(to right, #00aeff 0%, #1bdbbe 100%);        
    }
    .header-orange,
    .special-orange{
        background-color: #f39c35;
        background: -webkit-linear-gradient(left, #f5a950 0%, #f4845d 100%);
        background: -o-linear-gradient(left, #f5a950 0%, #f4845d 100%);
        background: linear-gradient(to right, #f5a950 0%, #f4845d 100%);
    }
    .header-purple,
    .special-purple{
        background-color: #ef4b63;
        background: -webkit-linear-gradient(left, #cf6fe4 0%, #aa74e7 100%);
        background: -o-linear-gradient(left, #cf6fe4 0%, #aa74e7 100%);
        background: linear-gradient(to right, #cf6fe4 0%, #aa74e7 100%);
    }
    .header-red,
    .special-red{
        background-color: #ea5f5f;
        background: -webkit-linear-gradient(left, #ed727e 0%, #ea5f5f 100%);
        background: -o-linear-gradient(left, #ed727e 0%, #ea5f5f 100%);
        background: linear-gradient(to right, #ed727e 0%, #ea5f5f 100%);
	}

    /* special-caption */
    .special-caption{ padding-bottom: .05rem; text-align: center; color: #fff; text-shadow: 1px 2px 0 rgba(0,0,0,.2); }
    .special-caption > h2{ font-size: .20rem; margin-bottom: .05rem; font-weight: 400; }
    .special-caption > p { font-size: .15rem; color: rgba(255,255,255,.75); position: relative; display: inline-block; max-width: 80%; line-height: 1; }
    .special-caption > p:after, 
    .special-caption > p:before{
        content: "";
        position: absolute;
        top: 50%;
        width: .5rem;
        height: 1px;
        background-color: rgba(255,255,255,.2);
    }    
        .special-caption > p:before{ left: 100%; margin-left: .16rem; }
        .special-caption > p:after{ right: 100%; margin-right: .16rem; }

/* qbi-step */
.qbi-step{ padding: .05rem 0 0 .02rem; font-size: 0; white-space: nowrap; text-align: center; }
.qbi-step > li{  display: inline-block; width: 25%; text-align: center; }
.qbi-step > li > .title{ padding-top: .07rem; font-size: .12rem; color: #333; }
.qbi-step > li > .num { font-size: .24rem; color: #ddd; line-height: 1.2; font-weight: 300; }
.qbi-step > li > .iconimg{
    display: block;
    width: .68rem;
    height: .64rem;
    margin: auto;
    background-image: url(../images/qbistep.png?20190603);
    background-size: 2.79rem .64rem;
}
    .qbi-step > li > .iconimg-1{ background-position: 0 0; }
    .qbi-step > li > .iconimg-2{ background-position: -.71rem 0; }
    .qbi-step > li > .iconimg-3{ background-position: -1.43rem 0; }
    .qbi-step > li > .iconimg-4{ background-position: -2.15rem 0; width: .64rem; }

/* recycle-former-qbi */
.qbienter{ box-shadow: 0 0 .1rem rgba(0,111,147,.3); }
.recycle-former-qbi .cell-hd > .control-label { width: .6rem; text-align: right; padding-right: .03rem; }
.recycle-former-qbi .cell-bd .discount { display: none; }
.recycle-former-qbi .btn + p{ margin: .15rem 0 0 0; }
.recycle-former-qbi .recycle-former-link{ display: none!important; }
.recycle-former-qbi .qbi-cell{ display: none!important; }
.recycle-former-qbi .cells{ margin-top: 0; }
.recycle-former-qbi .cells::before,
.recycle-former-qbi .cells::after{display: none; }
.recycle-former-qbi .cells .cell::before{display: block; }
.recycle-former-qbi .recycle-loading h3{ margin-top: .3rem;}
.recycle-former-qbi .card .messager{ padding: .15rem .1rem; }
.recycle-former-qbi .recycle-opening .cell{ font-size: .14rem; }
.recycle-former-qbi .recycle-opening .cell::before{ display: block; }
.recycle-former-qbi .recycle-btn-group{ margin: 0; }
.recycle-former-qbi .recycle-btn-group > li{ float: none; width: 100%; padding: 0; }
.recycle-former-qbi .recycle-btn-group > li > a{ height: .3rem; line-height: .3rem; padding: 0; text-align: left; background-color: transparent; }
.recycle-former-qbi .recycle-btn-group > li > a::after{ display: none!important; } 
.recycle-former-qbi .recycle-btn-group-value strong{ display: inline; margin-right: .1rem; padding: 0; line-height: inherit; }
.recycle-former-qbi .recycle-btn-group-value strong.sm{ padding: 0; line-height: inherit; }
.recycle-former-qbi .recycle-btn-group-value strong.sm{ display: none; }
.recycle-former-qbi .recycle-btn-group-value strong.sm + small{ font-size: 0; }
.recycle-former-qbi .recycle-btn-group-value strong.sm + small::before{ content: "请输入Q币寄售金额"; color: #ccc; font-size: .14rem; margin-right: .3rem; }
.recycle-former-qbi .cell-access{ padding: .1rem .15rem; }
.recycle-former-qbi #facevalue-selected{ position: absolute; top: 100%; height: 0; overflow: hidden; font-size: 0; }

/* qbilogin-guide */
.qbilogin-guide{ text-align: center; font-size: 0; }
.qbilogin-guide h5{ text-align: left; }
.qbilogin-guide img{ width: 50%; border-radius: .04rem;  margin: .1rem 0; }

/* modal-qbi */
.modal-qbi{ text-align: center; }
.modal-qbi .getqbi-loading{ padding: .1rem 0; }
.modal-qbi .getqbi-loading h4{ padding-top: .2rem; }
.modal-qbi .getqbi-loading .loader{ width: .32rem; height: .32rem; }
.modal-qbi .getqbi-qrcode-show{ 
    position: relative; 
    width: 1.5rem;
    height: 1.5rem;
    margin: auto;
    margin-top: .1rem; 
    padding: .1rem;
    background-color: #fff;
    border-radius: .03rem;
    box-shadow: 0 0 .25rem -.05rem rgba(0,0,0,.15);
}
.modal-qbi .getqbi-qrcode-error{ background-color: rgba(255,255,255,.9); padding: .3rem .1rem; }	
.modal-qbi .getqbi-qrcode-error h5{ padding: 0 0 .1rem 0; font-size: .16rem; color: #f00; }
.modal-qbi .getqbi-qrcode-img img{ width: 1.3rem; height: 1.3rem; }
.modal-qbi .getqbi-qrcode-img,
.modal-qbi .getqbi-qrcode-error{ 
	position: absolute;
    top: .1rem;
	left: .1rem;
    width: 1.3rem;
    height: 1.3rem;
    text-align: center;
}


/* qbi-flotage */
.qbi-flotage{
	position: absolute;
	right: -.15rem;
	font-size: .12rem;
}

/* jifen-stepflow */
.recycle-former-jifen .cell-bd .discount { display: none; }
.recycle-former-jifen .recycle-former-link{ display: none!important; }
.recycle-former-jifen .recycle-hint{ white-space: nowrap; }
.jifen-stepflow{ font-size: .12rem; }
.jifen-stepflow h5{ font-weight: 700; }
.jifen-stepflow h5 + p,
.jifen-stepflow h5 + img{ margin-top: .05rem; }
.jifen-stepflow .table{ white-space: normal; margin-top: .1rem; }

/* textarea-tips-list */
.textarea-tips-list > li{ color: #f00; }
.textarea-tips-list > li.card-error{ color: #f00; }
.textarea-tips-list > li.card-edit{ color: #06c; }
.textarea-tips-list{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 1.16rem;
    line-height: .22rem;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: right;
    font-size: .1rem;
    font-weight: 300;
    pointer-events: none;
}

/* cells-diy */
.cells-diy .cell-bd{ line-height: .2rem; }
.cells-diy .cell-ft{ width: .3rem; text-align: right; }
.cells-diy strong{ font-size: .2rem; margin-right: .1rem; font-weight: 400; float: left; }
.cells-diy strong.sm{ font-size: .16rem; }
.cells-diy small{ font-size: .14rem; color: #666; float: right; }
.cells-diy small em{ padding: 0 .05rem; }
.cells-diy .discount { font-size: .12rem; margin-right: .05rem; }


/* uploadimg-group */
.uploadimg-group{ padding: 0 0 .15rem 0;}
.uploadimg-group li,
.uploadimg-group .uploadimg-btn{
    float: left;
    position: relative;
    width: .9rem;
    height: .9rem;
    margin: .15rem 0 0 .15rem;
    border-radius: .03rem;
}
    .uploadimg-group li img,
    .uploadimg-group li .error,
    .uploadimg-group li .success,
    .uploadimg-group .btn-uploadfile{   
        display: block;
        width: .9rem;
        height: .9rem;
        line-height: .86rem;
        text-align: center;
        overflow: hidden;
        color: #fff;
        border: 1px dashed rgba(0,0,0,.1);
        border-radius: .03rem;
    }
	.uploadimg-group li .close{
        z-index: 6;
        top: -.05rem;
        right: -.05rem;
        width: .16rem;
        height: .16rem;
        background-color: rgba(255,0,0,.6);
	}
	.uploadimg-group li .close::before, 
	.uploadimg-group li .close::after{ background-color: rgba(255,255,255,.9); }
    .uploadimg-group .btn-uploadfile{ 
        position: relative;
        width: .9rem;
        height: .9rem;
        background-color: #f9fafe;
    }
        .uploadimg-group .btn-uploadfile .webuploader-element-invisible{
            position: absolute;
            bottom: -.05rem;
            right: -.05rem;
            z-index: 3;
            width: 10rem;
            height: 10rem;
            font-size: 10rem;
            cursor: pointer;
            clip: rect(1px 1px 1px 1px);
        }
        .uploadimg-group .btn-uploadfile div{ width: .9rem; height: .8rem; }  
        .uploadimg-group .btn-uploadfile:active{ color: #fe5339; border-color: #fe5339; background-color: #fff; }  
        .uploadimg-group .btn-uploadfile .plus{ display: block; width: 50%; height: 50%; margin: 25%; opacity: .75; }
        .uploadimg-group .btn-uploadfile .plus::before,
        .uploadimg-group .btn-uploadfile .plus::after { background-color: #ddd;}
        .uploadimg-group .btn-uploadfile .plus::before{ width: 100%; height: 2px; }
        .uploadimg-group .btn-uploadfile .plus::after { width: 2px; height: 100%; }
        .uploadimg-group .btn-uploadfile:active .plus::before,
        .uploadimg-group .btn-uploadfile:active .plus::after{ background-color: #fe5339; }

    /* error */
    .uploadimg-group li .error,
    .uploadimg-group li .success{ position: absolute; top: 0; left: 0; z-index: 4; font-size: .12rem; line-height: 1;}
    .uploadimg-group li .success .owlicon,
    .uploadimg-group li .error .owlicon{ display: block; font-size: .24rem; padding: .16rem 0 .07rem 0; text-shadow: 0 1px 5px rgba(0,0,0,.1);}
    .uploadimg-group li .success{ background-color: rgba(70,190,138,.75); }
    .uploadimg-group li .error  { background-color: rgba(249,104,104,.75); }

    /* status */
    .uploadimg-group .progress{
        position: absolute; 
        top: 0; 
        left: 0; 
        right: 0; 
        z-index: 3;
        width: .9rem;
        height: .8rem;
        background-color: rgba(0,0,0,.2);
        border-radius: .02rem;
    }
    .uploadimg-group .progress-bar{ border-radius: 0; background-color: rgba(70,190,138,.5); }
    .uploadimg-group .progress-bar .percent{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        width: .9rem;
        height: .8rem;
        font-size: 24px;
        line-height: 88px;
        text-shadow: 0 1px 1px rgba(0,0,0,.8);
    }

/* card-page */
.card-page{ position: relative; }
.card-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 1px;
    border-top: 1px solid #f0f2f4;
    color: #f0f2f4;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
/* page */
.page{
	padding: .15rem;
	text-align: center;
    font-size: 0;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}
	.page a,
	.page em,
	.page strong{
		overflow: hidden;
		padding: .07rem .15rem;
		font-size: .14rem;
		display: inline-block;
		vertical-align: middle;
		border: 1px solid #f0f0f0;
        margin-left: -1px;
        margin-bottom: -1px;
	}
	.page a:hover{
        color: #007def;
		background-color: #eee;
	}
	.page strong.bc{
        position: relative;
		color: #fff;
		cursor: default;
		border-color: #007dfe;
		background-color: #007dfe;
	}
	.page span.disabled{
		color: #999;
		cursor: default;
		border-color: #ddd;
		background-color: #eee;
	}
	.page em{
		color: #666;
		border-color: #eee;
		background-color: #eee;
        border-radius: .05rem 0 0 .05rem;
	}
    .page strong:last-child,
    .page a:last-child{
        border-radius: 0 .05rem .05rem 0;
	}

/* breadcrumbs */
.breadcrumbs{ margin: .1rem .15rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.breadcrumbs + .card{ margin-top: .1rem; }

/* news-panel */
.news-title{ text-align: center; padding: .1rem 0 .2rem 0; }
.news-title h2{ font-weight: 700; font-size: .18rem; margin: 0 .1rem; line-height: 1.3;}
.news-title p{ font-size: .12rem; margin-top: .05rem; }
.news-title p a{ color: #999; }
.news-detail{ border-top: 1px dotted #eee; padding-top: .2rem; line-height: 1.6; }
.news-detail p + p{ margin-top: .07rem!important; }
.news-detail img{ display: block; margin: auto; margin-top: .1rem; margin-bottom: .1rem; max-width: 100%; border-radius: .02rem; }
.enquire-card .news-title { padding: .1rem 0 .1rem .15rem; text-align: left; }
.enquire-card .news-title h2{ margin: 0; }
.enquire-card .news-detail{ border-top: 0 none; padding-top: .15rem; }
.enquire-card .medal{ 
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: .14rem;
    font-weight: 700;
    width: .24rem;
    height: .24rem;
    text-align: center;
    line-height: .26rem;
    background-color: #390;
    border-radius: .1rem 1rem 1rem 0;
}
    .enquire-card .medal-wen{ background-color: #03dd83; } 
    .enquire-card .medal-da { background-color: #fea100; } 

/* video-group */
.video-group > li + li{ padding: .15rem 0 0 0; }
.video-group > li img{ display: block; width: 100%; border-radius: .05rem; }
.video-group > li > a.disabled{ display: block; position: relative; overflow: hidden; border-radius: .05rem;}
.video-group > li > a.disabled > img{ -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); }
.video-group > li > a.disabled::after{
    content: "暂未开放";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    font-size: .24rem;
    line-height: 1.7rem;
    color: rgba(255,255,255,.4);
    overflow: hidden;
    text-align: center;
    background-color: rgba(0,0,0,.75);
}

/* buyform-tabs */
.buyform-tabs{ margin: -.05rem; }
.buyform-tabs > li{ float: left; width: 33.3333333333%; padding: .05rem; }
.buyform-tabs > li > a{ 
    position: relative; 
    z-index: 3; 
    display: block; 
    width: 100%; 
    height: .64rem;  
    text-align: center;
    overflow: hidden;
    background-color: #fff; 
}
    .buyform-tabs > li > a.disabled::after{
        content: "暂未开放";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        width: 100%;
        height: 100%;
        line-height: .6rem;
        font-size: .14rem;
        color: #666;
        overflow: hidden;
        text-align: center;
        background-color: rgba(255,255,255,.6);
    }
    .buyform-tabs > li > a.disabled > img{ -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); }
    .buyform-tabs > li > a > img{ display: block; margin: 0 auto; height: .36rem; border-radius: .04rem; } 
    .buyform-tabs > li > a > img.sm{ width: auto; height: .24rem; margin-top: .11rem; margin-bottom: .02rem; border-radius: 0; }
    .buyform-tabs > li > a > img.logo{ width: auto; height: .5rem; }
    .buyform-tabs > li > a > .title{ font-size: .12rem; }
    .buyform-tabs > li > a::before,
    .buyform-tabs > li.active > a::after{
        content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: .02rem solid #f04848;
		border-radius: .08rem;
    }
    .buyform-tabs > li > a::before{
        border-width: .01rem;
        border-color: #eee;
    }

/* buyform */
.buyform .buyform-product{ padding: .1rem 0 0 0; }
.buyform .buyform-product .card-heading{ padding-top: 0; padding-bottom: .1rem; }
.buyform .buyform-product .card-heading::after{ display: none; }
.buyform .buyform-product .card-body{ padding: 0 .15rem .15rem .15rem; }
.buyform .buyform-account .card-body{ padding: 0; }
.buyform .buyform-account .input-lg{ font-size: .22rem; height: auto; }
.buyform .buyform-payment .card-body{ padding: 0; }
.buyform .grids{ margin: 0 -.15rem; }
.buyform .grids > .grid{ color: #999; padding: .13rem 0; font-size: .12rem; }
.buyform .grids > .grid > strong{ display: block; font-weight: 400; color: #333; font-size: .16rem; }  
.buyform .grids > .grid.active{ color: #f04848; }
.buyform .grids > .grid.active > strong{ color: #f04848; }
.buyform .grids > .grid.active > span{ opacity: .7; }
.buyform .grids > .grid.active::after{ width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); }
.buyform .buyform-money{ position: absolute; top: .1rem; right: .15rem; z-index: 5; } 
.buyform .moneys{ font-size: .24rem; vertical-align: -.03rem; } 
.buyform .buyform-myaction{ bottom: 49px; }

/* buyform-cash */
.buyform-cash .form-control{ text-align: left; height: .3rem; line-height: .3rem; font-size: .3rem; color: #666; }
.buyform-cash .form-control:focus,
.buyform-cash .form-control[readonly]{ color: #000; }
.buyform-cash .form-control small{ font-size: .16rem; margin-left: .05rem; color: #333; vertical-align: .03rem; }

/* buyform-desc */
.buyform-desc .list{ margin-left: .15rem; }


/* price-group */
.price-group{ margin: -.05rem; }
.price-group > li{ float: left; width: 33.333333333%; padding: .05rem; }
.price-group > li > a{
    position: relative;
    display: block;
    text-align: center;
    color: #666; 
    height: .6rem;
    overflow: hidden;
    padding: .05rem 0 .1rem 0; 
    font-size: .12rem;
    border-radius: .08rem;    
}    
    .price-group > li > a::after{
        content: " ";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		height: 100%;
		border: .01rem solid #ddd;
		border-radius: .08rem;
    }
	.price-group > li > a.disabled .price-value{ color: #999; }
	.price-group > li > a.disabled .price-selling{ display: none; }
	.price-group > li > a.disabled{ opacity: .4; pointer-events: none; }
	.price-group > li > a.disabled::before{ 
		content: "已售完";
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		color: #f00;
		padding-top: .2rem;
		font-size: .12rem;
		line-height: .6rem;
	}
	.price-group > li > a:active::after{ border-color: #f04848; }
    .price-group > li .price-value{ padding: .07rem 0 .03rem 0; font-size: .18rem; line-height: 1.1; display: block; font-weight: 400; color: #333; }  
    .price-group > li .price-selling{ font-size: .12rem; }  
    .price-group > li.active > a,
    .price-group > li.active .price-value{ color: #f04848; }
    .price-group > li.active .price-selling{ opacity: .8; }
    .price-group > li.active > a::after{ border-width: .02rem; border-color: #f04848; }
    .price-group > li.disabled > a{ color: #999; opacity: .3; }
    .price-group > li.disabled .price-value{ color: #999; margin-top: .08rem; }
    .price-group > li.disabled .price-selling{ opacity: .8; display: none; }
    .price-group-type > li{ width: 50%; }
    .price-group-long > li{ width: 50%; }
    .price-group-viptype > li{ width: 50%; }
    .price-group-viptype > li > a{
        height: .5rem;
        line-height: .5rem;
        padding: 0; 
        font-size: .18rem;  
    }


/* price-group */
.price-group{ }
.price-group > label{ 
    float: left;
    position: relative; 
    display: block; 
    width: 33.333333333%; 
    overflow: hidden; 
    padding: .05rem; 
}
    .price-group-type > label{ width: 50%; }
    .price-group > label > input[type=radio]{
        position: absolute;
        z-index: 5;
        width: 10rem;
        height: 10rem;
        border: 0 none;
        border-radius: 0;
        opacity: 0;
    }
    .price-group > label > .price-text{
        position: relative;
        display: block;
        text-align: center;
        color: #999; 
        padding: .1rem 0; 
        font-size: .12rem;
        border-radius: .05rem;    
    }    
    .price-group > label > .price-text::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid rgba(0,0,0,.12);
        border-radius: .05rem;
        transition: border .3s;
    }
    .price-group > label .price-value{ display: block; font-weight: 400; color: #333; font-size: .16rem; line-height: 1.2; }  
    .price-group > label > input[type=radio]:checked + .price-text{ color: #f04848; }
    .price-group > label > input[type=radio]:checked + .price-text .price-value{ color: #f04848; }
    .price-group > label > input[type=radio]:checked + .price-text .price-selling{ opacity: .8; }
    .price-group > label > input[type=radio]:checked + .price-text::after{ border-width: 2px; border-color: #f04848; }
    .price-group > label > input[type=radio]:disabled + .price-text{ color: #999; opacity: .3; }
    .price-group > label > input[type=radio]:disabled + .price-text .price-value{ color: #999; }
    .price-group > label > input[type=radio]:disabled + .price-text .price-selling{ opacity: .8; }

/* weixin-browser */
.weixin-browser,
.weixin-browser .weixin-mask{ 
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../images/zmxy.jpg) 0 0 no-repeat;
	background-size: contain;
}
	.weixin-browser-appdown{ background: url(../images/appdownload.jpg) 0 0 no-repeat; background-size: 100%;}
	.weixin-browser .weixin-mask{ background: rgba(0,0,0,.7); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);   }
	.weixin-browser img{ display: block; margin: 0 auto; width: 100%; } 
	.weixin-browser .weixin-guide{ margin: .2rem .3rem;}
	.weixin-browser .weixin-appdown{ margin: .3rem .1rem;}
	.weixin-browser .weixin-tips{ 
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		margin: .2rem .3rem;
	}
	.weixin-browser .weixin-tips-appdown{ margin-bottom: 0; bottom: -.2rem; }
	.weixin-browser .weixin-tips-appdown img{ margin-top: -.6rem; }
	.weixin-browser .weixin-text{ 
		text-align: center; 
		color: #f04848; 
		margin: 0 .3rem;
		font-size: .22rem;
		padding: .15rem;
		background-color: #fff;
		border-radius: .1rem;
	}



/* social-enter */
.social-enter .cell-tips{ padding: .1rem .15rem; }
.social-enter .cell-tips h2{ font-size: .18rem;}
.social-enter .cell{ padding-top: 0;}
.social-enter .cell::before{ display: none; }
.social-enter .form-control{ font-size: .18rem; border-radius: .5rem 0 0 .5rem; }
.social-enter .control-clear{ right: .15rem; }
.social-enter .btn-primary{ border-radius: 0 .5rem .5rem 0; padding-left: .23rem; padding-right: .25rem; }

/* social-table */
.social-table .owl .cell-ft::after{-webkit-transform: rotate(135deg); transform: rotate(135deg);}
.social-table .table-responsive{ background-color: #f9fafc; }
.social-table .table th,
.social-table .table td{ text-align: center; padding: .05rem .03rem; font-size: .1rem; }
.social-table-show{ display: none; }

/* social-myaction */
.social-myaction{ min-height: .85rem; }
.social-myaction .alert{ text-align: center; margin: 0 .15rem; padding: .05rem 0; font-weight: 700; background-color: transparent; }
.social-myaction .btn-group{ padding-top: 0; }

/* xxfilters-group */
.xxfilters-group{
    clear: both;
    overflow: hidden;
    padding: .05rem;
}
    .xxfilters-group li{
        width: 50%;
        overflow: hidden;
        float: left;
        padding: .05rem;
        text-align: center;
    }				
    .xxfilters-group li a{
        display: block;
        color: #666;
        overflow: hidden;
        padding: .05rem;
        font-size: .14rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: #f0f0f0;
        border-radius: .03rem;
    }
    .xxfilters-group li a:active{ background-color: #e5e5e5;}
    .xxfilters-group li.active a{color: #fff;background-color: #e43d3f;}

/* appdown-focus */
.appdown-focus{
	position: absolute;
	top: 44px;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center; 
	padding: .5rem .2rem 0 .2rem; 
	background-color: #0085fe;
    background: -webkit-linear-gradient(to right, #00aaff 0%, #0085fe 100%);
    background: linear-gradient(to right, #00aaff 0%, #0085fe 100%);
}
.appdown-focus img{ display: block; width: 100%; margin: 0 auto; }
.appdown-focus .btn-white{ 
    padding-left: .5rem;
    padding-right: .5rem;
	box-shadow: 0 .05rem .25rem rgba(255,255,255,.1); 
}

/* creditcard-panel */
.creditcard-img{ width: 30%; }
.creditcard-info{ padding-left: .1rem; }
.creditcard-info h3{ font-size: .18rem; color: #333; line-height: 1.2; padding: .03rem 0;}
.creditcard-info h4{ font-size: .12rem; color: #666; }

/* loading-more */
.loading-more{ display: none;text-align: center; margin-top: 0; color: #999; padding: .1rem; }

/* thumbnail-group */
.thumbnail-group{ padding: .05rem; }
.thumbnail-group li{ float: left; width: 50%; padding: .05rem; }
.thumbnail-group .thumbnail-link{
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #fff;
    border-radius: .1rem;
    box-shadow: 0 0 10px rgba(86,127,165,.03);
}
    .thumbnail-group .thumbnail-link img{ border-radius: .03rem; }
    .thumbnail-group .thumbnail-link .info{ padding: .07rem .1rem; }
    .thumbnail-group .thumbnail-link .info p{ font-size: .12rem; padding-top: .02rem; }
    .thumbnail-group .thumbnail-link .info .price{ color: #f60; }
    .thumbnail-group .thumbnail-link .info del{ color: #999; margin-left: .15rem; }

/* detail-preview */
.detail-preview{ position: relative; overflow: hidden; padding: 0; margin: 0; }
.detail-shopcart{ 
    position: fixed; 
    top: calc(.15rem + 44px);
    right: .15rem;
    z-index: 5;
    display: block;
    width: .48rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    font-size: .24rem;
    overflow: hidden;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
}
    .detail-preview .slider-imgs li{ padding: 0; }
    .detail-preview .slider-imgs img{ border-radius: 0; }
    .detail-preview .tempWrap .slider-imgs li{ 0; }
    .detail-preview .slider-pager ul{ background-color: rgba(0,0,0,.3); }
    .detail-preview .slider-pager ul li.on{ background-color: #fff; }

/* detail-info */
.detail-info{ margin-top: 0; border-radius: 0 0 .1rem .1rem; z-index: 5; box-shadow: 0 0 10px rgba(86,127,165,.03), -5px 0 15px rgba(86,127,165,.1);}
.detail-info > h2{ font-size: .18rem; font-weight: 700; padding: .15rem .15rem 0 .15rem; }
.detail-info > .cell::before{ display: none; }
.detail-info > .cell{ padding: 0 .15rem .1rem .15rem; }
.detail-info > .cell > .cell-bd{ font-size: .24rem; }

/* detail-choose */
.detail-choose{ padding: .15rem; }
.detail-choose > h5{ margin-bottom: .1rem; color: #666; } 

/* detail-choose */
.choose-item{ padding: .1rem .08rem; position: relative; } 
.choose-item h5{ padding: 0 .07rem; color: #787878; } 
.choose-item + .choose-item::before{
    content:"";
    position: absolute;
    top: 0;
    left: .15rem;
    right: 0;
    z-index: 2;
    height: 1px;
    border-top: 1px solid #f0f2f4;
    color: #f0f2f4;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
/* choose-group */
.choose-group{ margin: -.05rem -.07rem; }
.choose-group > li{ float: left; width: 20%; padding: .05rem .07rem; }
.choose-group > li > a{ 
    position: relative;
    display: block; 
    text-align: center; 
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .05rem;
    background-color: #f4f8f9;
    border-radius: 1rem;
}
    .choose-group > li > a.selected,
    .choose-group > li > a:active{ color: #fe5339; background-color: #fff; }
    .choose-group > li > a.selected::after,
    .choose-group > li > a:active::after{ 
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 1px solid #fe5339;
        border-radius: 1rem;
    } 

/* choose-group-img */
.choose-group-img > li{ width: auto; }
.choose-group-img > li > a{ border-radius: .06rem; }
.choose-group-img > li > a img{ display: block; width: .24rem; height: .24rem; }
.choose-group-img > li > a.selected::after,
.choose-group-img > li > a:active::after{  border-radius: .06rem; } 

/* choose-group-mixture */
.choose-group-mixture > li{ width: 50%; }

/* detail-notice */
.detail-service{ margin-bottom: 0; }
.detail-notice .cell{  }
.detail-notice .cell-hd{ font-weight: 700; }

/* spinner */
.spinner{
    position: relative;
    display: block;
    width: .88rem;
    height: .24rem;
    overflow: hidden;
    border-radius: 1rem;
}
    .spinner > .form-control{ 
        position: absolute;
        top: 0;
        left: .24rem;
        width: .4rem;
        height: .24rem;
        color: #333;
        text-align: center;
        font-weight: 700;
        font-size: .16rem;
    }
    .spinner > a{ 
        position: absolute;
        top: 0;
        width: .24rem!important;
        height: .24rem!important;
        overflow: hidden;
        text-indent: -9rem;
        font-size: 0;
        margin: 0!important;
		border: 1px solid #333;
        border-radius: 50%;
    }
    .spinner > a.disabled{ opacity: .5; border-color: #ccc; pointer-events: none; } 
    .spinner > a:not(.disabled):active{ background-color: rgba(0,0,0,.1);} 
    .spinner > a.minus{ left: 0; }
    .spinner > a.minus::before{ height: .02rem; width: .1rem; }
    .spinner > a.plus{ right: 0; }
    .spinner > a.plus::before{ height: .02rem; width: .1rem; }
    .spinner > a.plus::after{ width: .02rem; height: .1rem; }

/* spinner-sm */
.spinner-sm{ width: .72rem; height: .24rem; }
.spinner-sm > a{ width: .24rem; height: .24rem; }
.spinner-sm > .form-control{ left: .24rem; width: .24rem; height: .24rem; font-size: .13rem; }
.spinner-sm > a.minus::before,
.spinner-sm > a.plus::before{ height: .02rem; width: .08rem; }
.spinner-sm > a.plus::after{ width: .02rem; height: .08rem; }

/* detail-intro-item */
.detail-intro-item{ padding: .15rem; }
.detail-intro-item:empty{ padding: 0; }
.detail-intro-item img{ display: block; margin: auto; max-width: 100%; margin-bottom: .1rem; }

/* shopcart-panel */
.shopcart-panel .card-gradient::before{ height: .3rem; }
.shopcart-panel .card-gradient::after{ top: .2rem; }


/* shopcart-myaction */
.shopcart-myaction{ color: #666; }
.shopcart-myaction .cells{ padding-top: .1rem; padding-right: .1rem; background-color: transparent; }
.shopcart-myaction .cells-hd{ white-space: nowrap; padding-right: .15rem; }
.shopcart-myaction .cells-hd .owlicon-checked{ display: inline-block; vertical-align: -.05rem; }

/* shopcart-item */
.shopcart-item + .shopcart-item{ border-top: .03rem solid #f4f8f9; }
.shopcart-item{ position: relative; z-index: 3; }
.shopcart-item:first-child .cell{ border-radius: .1rem .1rem 0 0; }
.shopcart-item:last-child .cell{ border-radius: 0 0 .1rem .1rem; }
.shopcart-item .cell{ -webkit-align-items: flex-start; align-items: flex-start; }
.shopcart-item .cell::before{ display: none; }
.shopcart-item .cell .cell{ padding: 0; -webkit-align-items: center; align-items: center; }
.shopcart-item .cell + .alert{ margin-top: 0; padding: .07rem .1rem; }
.shopcart-item .shopcart-remove{ position: absolute; z-index: 3; top: .64rem; left: .15rem; width: .2rem; text-align: center; font-size: .16rem; color: #999; }
.shopcart-item .shopcart-img img{ display: block; margin: 0 .05rem 0 .03rem; width: .64rem; height: .64rem; padding: .04rem; border-radius: .05rem; box-shadow: 0 0 .05rem rgba(0,0,0,.1); }
.shopcart-action{ margin-top: .05rem; font-size: .12rem; }
.shopcart-action .cell-hd{ padding-right: 0; }
.shopcart-action .cell-bd .sep{ padding: 0 .03rem;}
.shopcart-info{ white-space: nowrap; }
.shopcart-info h5{ font-weight: 700; line-height: .18rem; overflow: hidden; max-height: .36rem; margin-bottom: .02rem; }
.shopcart-info p{ font-size: .13rem; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.shopcart-info p span + span{ margin-left: .1rem; }
.shopcart-quant{ text-align: right; font-size: .12rem; }

/* orderinfo-table */
.orderinfo-table .shopcart-item{ border-top: .02rem solid #f4f8f9; }
.orderinfo-table .shopcart-item .shopcart-img img{ margin-left: 0; }

/* invoice-box */
.invoice-box{ margin-bottom: -.1rem; }
.invoice-box .cell:first-child{ padding-top: .1rem; }
.invoice-box .tabs{ width: 60%; float: right; }


/* statistics-group */
.statistics-group{ margin-top: .1rem; }
.statistics-group > .grid{ width: 25%; padding: .1rem .05rem .08rem .05rem; white-space: nowrap; }
.statistics-group > .grid h5{ font-size: .10rem; color: #666; padding: 0; }
.statistics-group > .grid p { font-size: .14rem; }
.statistics-group > .grid p strong{ font-weight: 400; }
.statistics-group-2{ margin: 0; }
.statistics-group-2::before{ display: none; }
.statistics-group-2 > .grid{ width: 50%; min-height: .52rem; }


/* apisell-primary */
.apisell-primary{ position: relative; padding-bottom: .6rem; }
.apisell-primary::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1.2rem;
}

/* apisell-caption */
.apisell-caption{
    position: relative;
    color: #fff;
    text-align: center;
    height: .45rem;
    line-height: .45rem;
}
    .apisell-caption h3{ font-weight: 700;}  
    .apisell-user{ position: absolute; top: 0; right: 0; width: .45rem; }
    .apisell-user > a{ display: block; font-size: .18rem; width: .45rem; height: .45rem; line-height: .43rem; color: #fff; font-weight: 700; }
    .apisell-user > a:active{ opacity: .85; }
    .apisell-user .apisell-menu > a:first-child{ border-radius: .04rem .04rem 0 0; }
    .apisell-user .apisell-menu > a:last-child { border-radius: 0 0 .04rem .04rem; }
    .apisell-user .apisell-menu > a{ white-space: nowrap; line-height: .2rem; padding: .12rem .2rem; }    
    .apisell-user .apisell-menu > a > .iconfont{ margin-right: .08rem; }
    .apisell-user .apisell-menu > a > .icon-invoice{ font-size: .18rem; }
    .apisell-user .apisell-menu::before{ 
        content: "";
        position: absolute;
        top: -.06rem;
        right: .05rem;
        display: block;        
        width: 0;
        height: 0;
        overflow: hidden;
        border-bottom: .06rem dashed #fff;
        border-right: .06rem solid transparent;
        border-left: .06rem solid transparent;
    }
	.apisell-service{
		right: .45rem;
	}


/* apisell-former */
.apisell-former{ position: relative; }
.apisell-former .card{ margin-top: 0; }
.apisell-former .recycle-former-cards .svgcard{ position: absolute; right: 0; }
.apisell-former .cardtype-listing > li{ display: none; }
.apisell-former .cardtype-listing > li.usable{ display: block; }
.apisell-former .cardnav-group > li{ display: none; }
.apisell-former .cardnav-group > li.usable{ display: block; }

/* apisell-stepflow */
.apisell-stepflow{ padding: .15rem .1rem; text-align: center; }
.apisell-stepflow h5{ padding-bottom: .1rem; font-weight: 700; }
.apisell-stepflow li{ 
    position: relative; 
    width: 33.333333%; 
    float: left; 
    text-align: center; 
    white-space: nowrap;
    font-size: .14rem;
}
    .apisell-stepflow .dot{
        position: relative;
        z-index: 3;
        display: block;
        width: .12rem;
        height: .12rem;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: .1rem;
        border-radius: 50%;
        border: .03rem solid #fff;
        background-color: #cbcbcb;
        box-shadow: 0 0 0 .02rem #fff;
    }
    .apisell-stepflow li::before{
		content: " ";
		position: absolute;
		top: .045rem;
		right: 0;
		left: 0;
		z-index: 1;
		height: 1px;
		overflow: hidden;
		color: #cbcbcb;
		border-top: 1px solid #cbcbcb;
		box-sizing: content-box;
		-webkit-transform: scaleY(0.5);
				transform: scaleY(0.5);
		-webkit-transform-origin: 0 0;
				transform-origin: 0 0;
	}
    .apisell-stepflow li:first-child::before{ width: 50%; left: auto; }
    .apisell-stepflow li:last-child::before{ width: 50%; right: auto; }
    .apisell-stepflow li.active .dot{ background-color: #fff; }

/* apisell-faq */
.apisell-faq{ }
.apisell-faq .accordion + .accordion{ border-color: #f5f5f5;}
.apisell-faq .accordion-header{ font-size: .14rem; white-space: nowrap; padding: .12rem .32rem .12rem .15rem; }
.apisell-faq .accordion-header > strong{ 
    display: inline-block;
    width: .1rem;
    height: .1rem;
    vertical-align: .01rem;
    font-size: 0;
    overflow: hidden;
    margin-right: .08rem;
    text-indent: -9rem;
    border: .01rem solid #d7d7d7;
    border-radius: 50%;
}

/* apisell-cashbtn */
.apisell-cashbtn{ height: .58rem;}
.apisell-cashbtn .has-verified{ min-height: .58rem; padding: .08rem .12rem; }
.apisell-cashbtn .btn{ color: #fff; font-size: .16rem; padding: .1rem .2rem; }

/* amount-price */
.amount-price .strong{ font-size: .36rem; }

/* payment */
.payment-third .cells-title{ padding: .05rem .15rem; line-height: .34rem; }
.payment-yue .cell-condensed{ font-size: .14rem; padding: .2rem .15rem .05rem .15rem; }
.payment-yue .cell-condensed + .cell::before{ display: none; }
.payment-yue .cell-condensed + .cell{ padding-top: 0; }
.price-show{ color: #f30; font-size: .14rem; }
.price-show strong{ font-size: .24rem; vertical-align: -.03rem; margin-left: .03rem; }

/* payment-list */
.payment-list .grid{ padding: .12rem; min-height: .48rem; }
.payment-list .grid img{ display: block; height: .24rem; margin: auto; }
.payment-list [type="radio"]{ position: absolute; left: -9999em; }
.payment-list [type="radio"]:checked ~ s{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100%;
    height: 100%;
    border: 2px solid #f04848;
}

/* order-panel */
.order-panel > .cell{ padding: 0; }
.order-panel > a.cell:active{ background-color: transparent; }
.order-panel .cell-ft{ line-height: 1.2; }
.order-panel .cell-ft small{ font-size: .12rem; }
.order-panel .price{ font-size: .12rem; white-space: nowrap; color: #333;}
.order-panel .price strong{ font-size: .18rem; font-weight: 400; margin-right: -.03rem; }
.order-panel .goods-simple{ width: 100%; white-space: nowrap; font-size: 0; }
.order-panel .goods-simple li + li{ margin-left: .15rem; }
.order-panel .goods-simple li:nth-child(n+5){ display: none; }
.order-panel .goods-simple li{ display: inline-block; vertical-align: middle; }
.order-panel .goods-simple li img{ display: block; width: .48rem; height: .48rem; padding: .04rem; border-radius: .05rem; box-shadow: 0 0 .05rem rgba(0,0,0,.1); }
.order-panel .actions{ text-align: right; padding: 0 .15rem .15rem .15rem; }
.order-panel .actions .btn-inline + .btn-inline{ margin-left: .1rem; }
.order-panel .actions .btn{ font-size: .13rem; padding: .05rem .15rem; }

/* order-status */
.order-status + .card{ margin-top: -.1rem; }
.order-status{ text-align: center; color: #fff; padding: 0 0 .4rem 0; }
.order-status > h4{ margin-bottom: .1rem; font-size: .24rem; line-height: 1; } 
.order-status > h4 > .owlicon{ vertical-align: -.06rem; font-size: .28rem; } 
.order-status > h5{ margin-bottom: .1rem; font-size: .18rem; line-height: 1; } 
.order-status > p { color: rgba(255,255,255,.75); } 

/* order-detail */
.order-detail .cell-title { padding: .2rem .2rem 0 .2rem; }
.order-detail .cell-title + .cell{ padding-top: .15rem; }
.order-detail .cell{ padding: .2rem; }    
.order-detail .goods-thumb{ display: block; width: .64rem; height: .64rem; padding: .04rem; border-radius: .05rem; margin-right: .05rem; box-shadow: 0 0 .05rem rgba(0,0,0,.1); }
.order-detail .goods-title{ margin-bottom: .05rem; }
.order-detail .goods-types{ font-size: .13rem; color: #666; }
.order-detail .goods-types > span{ display: inline-block; width: 40%; }

/* order-info */
.order-info{ padding: .13rem 0; }
.order-info .cell{ padding: .07rem .2rem; }
.order-info .cell::before{ display: none; }
.order-info .cell-ft strong{ color: #333; }
.order-info .price{ font-size: .12rem; font-weight: 700; line-height: 1; }
.order-info .price strong{ font-size: .18rem; margin-left: .03rem; }

/* express-trace */
.express-trace{}
.express-trace > li{ position: relative; padding: .07rem 0 .07rem .2rem; margin-left: .08rem; }
.express-trace .express-date{ color: #666; font-size: .1rem; }
.express-trace .express-info{ margin-bottom: .05rem; font-size: .12rem; line-height: 1.3;  }
.express-trace > li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    color: #eee;
    border-left: 1px solid #eee;
	-webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
}
.express-trace > li::after{
    content: "";
    position: absolute;
    left: -.05rem;
    top: .09rem;
    width: .1rem;
    height: .1rem;
    border: .02rem solid #fff;
    background-color: #eee;
    box-shadow: 0 0 0 1px #eee;
    border-radius: 50%;
}
.express-trace > li.end{ color: #f04848;}
.express-trace > li.end::before{ top: .09rem; }
.express-trace > li.end::after{ background-color: #f04848; box-shadow: 0 0 0 1px #f04848; }
.express-trace > li.start{ color: #0cc741;}
.express-trace > li.start::before{ bottom: auto; height: .1rem; }
.express-trace > li.start::after{ background-color: #0cc741; box-shadow: 0 0 0 1px #0cc741; }

/* giftcard-item */
.giftcard-tips{ padding: .15rem .15rem .15rem .05rem; font-size: .12rem; color: #666; }
.giftcard-tips li{ padding: .03rem 0;} 
.giftcard-item .cell-title{ color: #333; font-weight: 700; padding-bottom: .1rem;}
.giftcard-item .cell-title img{ height: .16rem; vertical-align: -.03rem; margin-right: .03rem; }
.giftcard-item .cell{ padding: .1rem; border-top: .01rem solid #f4f8f9; }
.giftcard-item .cell::before{ display: none; }
.giftcard-item .btn{ padding: .05rem .18rem; font-size: .12rem; }
.giftcard-item dl{ white-space: nowrap; font-size: 0; }
.giftcard-item dl dt{ width: 16%; display: inline-block; vertical-align: middle; font-size: .2rem; }
.giftcard-item dl dd{ width: 28%; display: inline-block; vertical-align: middle; line-height: .16rem; text-align: center; position: relative; font-size: .1rem;  color: #666; }
.giftcard-item dd strong{ font-size: 16px; }
.giftcard-item dd + dd:after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 30px;
    margin-top: -15px;
    border-left: 1px dashed #f3f3f3;
}

/* drawcard-listing */
.drawcard-listing{  }
.drawcard-listing .cell::before{ display: block; }
.drawcard-listing .cell{ padding: .1rem .15rem; background-color: #fffffb; }

/* company-masthead */
.company-masthead{ margin-bottom: -.2rem; }

/* article-content */
.article-content img{ max-width: 100%; }

/* panel-arrow */
.panel-arrow{
    display: block;
	margin: 0 .2rem;
    height: 7px;
    overflow: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHBAMAAADKaWEqAAAAD1BMVEX///////////////////+Rd1MVAAAABHRSTlMAkQGSSFh3dAAAAClJREFUeF5jEHEBAWcGRTAtxMAEEnBUYAAKgLgMIAEQFygA4oIEBIFcAPcGBtr5ZMVkAAAAAElFTkSuQmCC);
    background-position: center 0;
    background-repeat: repeat-x;
	background-color: #f4f7fa;
	margin-bottom: .1rem;
}
/* line-dashed */
.line-dashed{
    position: relative;
    height: 0;
    font-size: 0;
    margin: .1rem 0;
    border-top: .02rem dashed #eee;
}
    .line-dashed:before{ left: -.12rem; }
    .line-dashed:after { right: -.12rem; }
    .line-dashed:before,
    .line-dashed:after{
        content: "";
        position: absolute;
        top: -.13rem;
        width: .25rem;
        height: .25rem;
        overflow: hidden;
        background-color: #f4f7fa;
        border-radius: 50%;
    }

/* fuli-intro */
.fuli-intro img{ display: block; width: .48rem; height: .48rem; margin-right: .05rem;  }
.fuli-intro h5{ font-size: .18rem; font-weight: 700;  }
.fuli-desc .panel-body{ padding: .15rem; text-align: center; }
.fuli-desc li{ padding-bottom: .15rem; }
.fuli-desc img{ display: block; max-width: 100%; margin: auto; }
.fuli-desc h5{ font-size: .18rem; font-weight: 700; padding-top: .1rem; }

/* coupons-group */
.coupons-group{ margin: -.1rem .05rem .05rem .05rem; }
.coupons-group > li{ padding: .1rem; }
.coupons-group .coupon{
	position: relative;
    display: block;
    height: 1rem;
    text-align: center;
    overflow: hidden;
    border: 2px solid #b7e1ef;
    border-radius: .05rem;
    transition: .3s;
}
	.coupons-group .coupon-thing{ cursor: pointer; float: left; width: 70%; height: 1rem; padding: .1rem; overflow: hidden; }
    .coupons-group .coupon-thing h5{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .12rem; }
    .coupons-group .coupon-thing .desc{ font-size: .12rem; color: #f00; white-space: nowrap;  }
    .coupons-group .coupon-thing .brand img{ display: block; height: .36rem; margin: 0 auto; margin-top: .07rem; }

 	/* coupon-action */
    .coupons-group .coupon-action{
        float: right;
        width: 30%;
        height: 1rem;
        text-align: center;
        overflow: hidden;
        transition: .3s;
        cursor: pointer;
        background: url(data:image/gif;base64,R0lGODlhBAAIALMAAAAAAP///+r5/93y+tHs9dPt9uHz+Pz+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAgALAAAAAAEAAgAAAQQkJQhwjEj2KID6d9mYRIVAQA7) 0 center repeat-y #eaf9ff;
    }
        .coupons-group .coupon:hover .coupon-action{ background-color: #fbf2ef; }
        .coupons-group .coupon-action .desc{
            font-size: .14rem; 
            color: #f00;
            white-space: nowrap;
            padding: .2rem 0 .07rem 0;
        }
        .coupons-group .coupon-action .btn{
			margin: 0 .15rem;
            height: .25rem;
            line-height: .25rem;
            padding: 0;
            font-size: .1rem;
        }

/* quan-header */
.quan-header{ overflow-x: auto; overflow-y: hidden; }
.quan-tabs{ font-size: 0; white-space: nowrap; }
.quan-tabs > li{ display: inline-block; vertical-align: middle; height: .4rem; border-bottom: 1px solid #eee; }
.quan-tabs > li > a{ display: block; padding: 0 .13rem; font-size: .14rem; }
.quan-tabs > li > a > span{ position: relative; display: inline-block; line-height: .2rem; padding: .1rem 0; }
.quan-tabs > li.active > a span{ border-bottom: 2px solid #0085fe; color: #0085fe; height: .39rem;}

/* quan-primary */
.quan-primary{ font-size: 0; }
.quan-primary > li{ display: inline-block; vertical-align: middle; width: 33.3333333%; border-bottom: 1px solid #eee;  border-right: 1px solid #eee; }
.quan-primary > li:nth-child(3n+3){ border-right: 0 none; }
.quan-primary > li > .action{ display: none; }
.quan-primary > li > a{ display: block; font-size: .12rem; padding: .1rem .1rem .15rem .1rem; text-align: center; }
.quan-primary > li > a img{ display: block; margin: auto; height: .36rem; }
.quan-primary > li > a .title{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* exchange-list */
.exchange-list{ padding: 0 .15rem; }
.exchange-list > li + li{ border-top: 1px dashed #eee; }
.exchange-list > li > a{ display: block; padding: .1rem 0; }

/* exchange-cardintro */
.exchange-cardintro{ text-align: center; padding: .2rem .15rem; }
.exchange-cardintro h3{ font-weight: 700; font-size: .22rem; }
.exchange-cardintro img{ display: block; margin: auto; height: .64rem; }






@media (min-width: 768px){
	.myheader, .myfooter, .myaction, .myfixed{
		width: 100%;
		max-width: 768px;
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	.modal:not(.matte){
		width: 3.6rem!important;
		left: 50%!important;
		right: auto!important;
		margin-left: -1.8rem!important;
		-webkit-transform: translate(0,0) scale(1);
				transform: translate(0,0) scale(1);
	}
}