@font-face {
	font-family: 'DouyinBeautiful';
	src: url('../common/font/DouyinSansBold.otf');
}
* {
	margin: 0;
	padding: 0;
	border: none;
	/*去除默认样式*/
    /*长按时不触发系统菜单*/
	/*-webkit-touch-callout: none;*/
	/*用户不能选择元素间的任何内容*/
	/*-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
	/*取消轮廓*/
	outline: 0 none;
	/*指定盒子模型*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* 滑动不阻塞 */
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	/* Firefox-隐藏滚动条 */
	scrollbar-width: none;
	/* IE 10+-隐藏滚动条 */
	-ms-overflow-style: none;
	font-size: 0.28rem;
}
/*隐藏滚动条*/
*::-webkit-scrollbar {
  	display: none; /* Chrome Safari */
}
html,body {
	width: 100%;
	height: 100%;
}
.douyin {
	font-family: 'DouyinBeautiful';
}
select::-ms-expand { display: none; }
select {
	vertical-align: middle;
	border: 1px solid #94c1e7;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #ffffff;
	font-family: SimHei;
	color: RGBA(102, 102, 102, 0.7);
	cursor: pointer;
}
body {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/*font-family: sans-serif, 'Arial', 'Georgia', 'monospace';*/
}
input,textarea,select {
	border: 0;
	background-color: transparent;
	/*-webkit-user-select: auto;*/
	color: #fff;
}
ul,li {
	list-style: none;
}
a {
	text-decoration: none !important;
	color: black;
}
a:link {
	text-decoration: none !important;
	color: black;
}
a:visited {
	text-decoration: none !important;
	color: black;
}
a:hover {
	text-decoration: none !important;
	color: black;
}
a:active {
	text-decoration: none !important;
	color: black;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	background-color: transparent;
}
td,th {
	padding: 0;
}
td {
	border: 1px solid #efefef;
}
img {
	vertical-align: middle;
	border: 0;
	height: auto;
	width: auto;
}
[v-cloak]{
    display: none!important;
}
.container{
	width: 100%;
	height: 100%;
}
.content {
	width: 100%;
}
/*字体颜色*/
/*白色*/
.fontWhite {
	color: #fff;
}
.fontWhiteYellow{
	color: #FFFCF6;
}
/*黑色*/
.fontBlack{
	color: #000;
}
.fontBlack0a{
	color: #0a0a0a;
}
.fontBlack14{
	color: #141414;
}
.fontBlack2{
	color: #222;
}
.fontBlack2a{
	color: #2a2a2a;
}
.fontBlack3 {
	color: #303030;
}
.fontBlack3B {
	color: #3B3B3B;
}
.fontBlack4{
	color: #444;
}
.fontBlack43{
	color: #434343;
}
.fontBlack4F{
	color: #4F4F4F;
}
/*灰色*/
.fontGray5{
	color: #555;
}
.fontGray6{
	color: #666;
}
.fontGray69{
	color: #696969;
}
.fontGray7{
	color: #777;
}
.fontGray8c{
	color: #8c8c8c;
}
.fontGray9{
	color: #999;
}
.fontGray646566{
	color: #646566;
}
.fontGrayA{
	color: #aaa;
}
.fontGrayB {
	color: #BDBDBD;
}
/*红色*/
.fontRed{
	color: #EA3D1E;
}
.fontRedPrice{
	color: #FF3434;
}
.fontRedTab{
	color: #FA3327;
}
/*橘色*/
.fontOrange{
	color: #FF9514;
}
.fontOrangeBtn{
	color: #F27F00;
}
.fontOrderOrange{
	color: #F38000;
}
/*绿色*/
.fontGreen{
	color: #0EA857;
}
.fontGreenBtn{
	color: #00B154;
}
.fontGreenBlue{
	color: #00AEB7;
}


/*背景色*/
/*白色*/
.bgWhite {
	background-color: #fff;
}
/*灰色*/
.bgGrayf1{
	background-color: #F1F1F1;
}
.bgGrayf4{
	background-color: #F4F4F4;
}
.bgGrayf5{
	background-color: #F5F5F5;
}
.bgGrayf7{
	background-color: #F7F7F7;
}
.bgGrayf9{
	background-color: #F9F9F9;
}
.bgGraycf{
	background-color: #CFCFCF;
}
.bgGrayToGray{
	background: linear-gradient(to right, #CDCDCD, #C2C2C2);
}
.bgGrayf4ToGraye4{
	background: linear-gradient(to right, #f4f4f4, #e4e4e4);
}
/*红色*/
.bgNewRed{
	background-color: #F63C47;
}
.bgRed{
	background-color: #F74230;
}
.bgFontRed{
	background-color: #EA3D1E;
}
/*桔色*/
.bgOrange{
	background: linear-gradient(to right, #FE9600, #FFB607);
}
/*浅橘到浅黄*/
.bgRightOrangeYellow{
	background: linear-gradient(to right, #FFEBB5, #FFFEC1);
}
/*绿色*/
.bgDarkGreen{
	background-color: #337F57;
}
.bgMobileTopGreen{
	background-color: #4CB769;
}
/*绿色渐变*/
.bgBomGreenChange{
	background: linear-gradient(to bottom, #269451, #6EC791);
}
.bgRigthGreenChange{
	background: linear-gradient(to right, #44B777, #1FD169);
}
.bgRightGreenChangeFlag{
	background: linear-gradient(to right, #44B777, #29A425);
}
.bgPopupGreenChangeFlag{
	background: linear-gradient(to right, #50B35A, #46D055);
}
/*边框*/
.borderC4{
	border: 0.02rem solid #c4c4c4;
}
.border97{
	border: 0.02rem solid #979797;
}
.borderRed{
	border: 0.02rem solid #FA3327;
}
/*字体大小*/
.font0{
	font-size: 0;
}
.font12 {
	font-size: 0.12rem;
}
.font14 {
	font-size: 0.14rem;
}
.font16 {
	font-size: 0.16rem;
}
.font18 {
	font-size: 0.18rem;
}
.font20 {
	font-size: 0.2rem;
}
.font22 {
	font-size: 0.22rem;
}
.font24 {
	font-size: 0.24rem;
}
.font26 {
	font-size: 0.26rem;
}
.font28 {
	font-size: 0.28rem;
}
.font30 {
	font-size: 0.3rem;
}
.font32 {
	font-size: 0.32rem;
}
.font34 {
	font-size: 0.34rem;
}
.font36 {
	font-size: 0.36rem;
}
.font38 {
	font-size: 0.38rem;
}
.font40{
	font-size: 0.4rem;
}
.font42{
	font-size: 0.42rem;
}
.font43{
	font-size: 0.43rem;
}
.font44{
	font-size: 0.44rem;
}
.font50{
	font-size: 0.5rem;
}
.font52{
	font-size: 0.52rem;
}
.font58{
	font-size: 0.58rem;
}
.font60 {
	font-size: 0.6rem;
}
.font80 {
	font-size: 0.8rem;
}
/*加粗*/
.font600{
	font-weight: 600;
}
.font900{
	font-weight: 900;
}
/*字体样式*/
/*划线*/
.fontDecorat{
	text-decoration: line-through;
}
/*浮动*/
.clear {
	clear: both;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
/*对齐方式*/
.textL {
	text-align: left;
}
.textC {
	text-align: center;
}
.textR {
	text-align: right;
}
/*display*/
.disFlex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/*隐藏显示*/
.hide{
	display: none;
}
.show{
	display: block;
}

/*按钮*/
.button{
	line-height: 0.9rem;
    margin: 0 auto;
    border-radius: 0.5rem;
}
/*头部样式*/
.fixed_top {
    position: fixed;
    width: 100%;
    z-index: 7;
    background-size: 100%;
}
.van-nav-bar{
	background: none;
}
.f8 {
    background: #F8F8F8;
}
.liuhai {
    height: 0.88rem;
    width: 100%;
}

.mobileTop{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 0.88rem;
	padding-top: 0.88rem;
}
.mobileTop .title{
	line-height: 0.88rem;
}
.mobileTop .gobackIcon{
	position: fixed;
	width: 0.25rem;
	padding: 0.2rem;
	box-sizing: content-box;
}
/*底部tab栏*/
.bottomTabCon{
	position: fixed;
	bottom: 0;
	width: 100%;
	justify-content: space-around;
	padding: 0.15rem 0 0.08rem;
}
.bottomTabCon img{
	width: 0.5rem;
}
.bottomTabCon .list{
	position: relative;
}
.bottomTabCon .numCon{
	position: absolute;
    top: -0.1rem;
    right: -0.1rem;
    padding: 0 0.07rem;
    border: 0.01rem solid #fff;
    border-radius: 50%;
    background: #EA3D1E;
}
/*loading遮罩*/
.loadingOverlay{
	justify-content: center;
	z-index: 2005 !important;
}