* {
    padding: 0px;
    margin: 0px;
}

html {
    background: #eeecee;
}

#content {
    position: relative;
	width: 360px;
	top:60px;
    margin: 0 auto;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}
content::-webkit-scrollbar {
    width: 0 !important
}

/* ---------------head------------------- */
#head_nav {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 60px;
    background-color: white;
    z-index:999;
    border-bottom: 1px solid #F2F2F2;
}

#group_head {
	position: relative;
    margin: auto;
    width: 360px;
    height: 60px;
    overflow: visible;
    z-index:999;
}
.bg_head {
	position: absolute;
	overflow: visible;
	width: 360px;
	height: 60px;
	left: 0px;
	top: 0px;
}
#ui_title {
	position: absolute;
	left: 48px;
	top: 14px;
	overflow: hidden;
	width: 265px;
	height: 33px;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	color: rgba(0,0,0,1);
}
#btn_return {
	position: absolute;
	width: 48px;
	height: 43px;
	left: 0px;
	top: 9px;
	overflow: visible;
}
.bg_return {
	position: absolute;
	overflow: visible;
	width: 48px;
	height: 43px;
	left: 0px;
	top: 0px;
}
.ui_return {
	overflow: visible;
	position: absolute;
	top: 11px;
	left: 20px;
	width: 12px;
	height: 22px;
	transform: matrix(1,0,0,1,0,0);
}

/* ---------------buy------------------- */

#group_buy {
	position: relative;
    margin: auto;
	bottom: 0px;
	width: 360px;
	height: 50px;
	overflow: visible;
	z-index:999;
}
.bg_buy {
	position: absolute;
	overflow: visible;
	width: 360px;
	height: 50px;
	left: 0px;
	top: 0px;
}
.btn_buy {
	position: absolute;
	width: 100px;
	height: 34px;
	left: 250px;
	top: 8px;
	overflow: visible;
}
.bg_buy_A39_Rectangle_18 {
	position: absolute;
	overflow: visible;
	width: 100px;
	height: 34px;
	left: 0px;
	top: 0px;
}
#ui_buy {
	position: absolute;
	left: 0px;
	top: 6px;
	overflow: hidden;
	width: 101px;
	height: 22px;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: rgba(255,255,255,1);
}
#group_price {
	position: absolute;
	width: 106px;
	height: 38px;
	left: 20px;
	top: 6px;
	overflow: visible;
}
#ui_original_price {
	position: absolute;
	left: 42px;
	top: 0px;
	overflow: visible;
	width: 49px;
	white-space: nowrap;
	text-align: left;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: rgba(153,153,153,1);
}
#ui_discount {
	position: absolute;
	left: 42px;
	top: 13px;
	overflow: visible;
	width: 65px;
	white-space: nowrap;
	text-align: left;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	color: rgba(8,74,255,1);
}
.icon_price {
	overflow: visible;
	position: absolute;
	top: 2px;
	left: 0px;
	width: 31.369px;
	height: 34px;
	transform: matrix(1,0,0,1,0,0);
}

/* ------------------------------------------- */

#group {
	position: absolute;
	width: 360px;
    /* height: 100%; */
	margin-top: 10px;
	/* padding-right: 10px; */
    /* padding-bottom: 128px; */
}

#group input{
	border: 0px;
    /* left: 20px;
    top: 11px; */
    overflow: visible;
    white-space: nowrap;
    text-align: left;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: bold;
	font-size: 20px;
	color: #333333;
	outline:none;
}

#group span{
	border: 0px;
	width: 340px;
	height: 112px;
	overflow: visible;
	resize: none;
    font-family: PingFang SC;
    font-style: normal;
    text-align:justify;
    font-weight: bold; 
	font-size: 18px;
	color: #333333;
	outline:none;
}

/* 编辑框提示文字颜色 */
input::-webkit-input-placeholder {
    color: rgba(153,153,153,1);
}
input:-moz-placeholder {
    color: rgba(153,153,153,1);
}

/* 去掉谷歌数字编辑框箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
}

/* 去掉火狐数字编辑框箭头 */
input[type="number"]{-moz-appearance:textfield;}

/* ------------------------------------------- */

#group_info {
	position: absolute;
	width: 360px;
	height: 106px;
	left: 0px;
	top: 432px;
	overflow: visible;
}
.bg_info {
	position: absolute;
	overflow: visible;
	width: 360px;
	height: 106px;
	left: 0px;
	top: 0px;
}
#ui_name {
	position: absolute;
	left: 10px;
	top: 9.951px;
	overflow: hidden;
	width: 341px;
	height: 56px;
	text-align: left;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: rgba(0,0,0,1);
	padding-top: 10px;
}
#ui_sales {
	position: absolute;
	left: 44px;
	top: 76px;
	overflow: visible;
	width: 93px;
	white-space: nowrap;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(153,153,153,1);
}
#ui_stock {
	position: absolute;
	left: 220px;
	top: 76px;
	overflow: visible;
	width: 93px;
	white-space: nowrap;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(153,153,153,1);
}
#group_intro {
	position: absolute;
	width: 360px;
	height: 132px;
	left: 0px;
	top: 548px;
	margin-bottom: 128px;
	overflow: visible;
}
.bg_intro {
	position: absolute;
	overflow: visible;
	width: 360px;
	height: 132px;
	left: 0px;
	top: 0px;
}
#ui_intro {
	position: absolute;
	left: 10px;
	top: 9.951px;
	overflow: hidden;
	width: 341px;
	height: 112px;
	text-align: left;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	color: rgba(51,51,51,1);
}
#group_pic {
	position: absolute;
	width: 360px;
	height: 432px;
	left: 0px;
	top: 0px;
	overflow: visible;
	background-color:rgba(255,255,255,1);
}
.pic_main {
	position: absolute;
	overflow: visible;
	width: 360px;
	height: 360px;
	left: 0px;
	top: 0px;
}
.pic_2 {
	position: absolute;
	overflow: visible;
	width: 72px;
	height: 72px;
	left: 72px;
	top: 360px;
}
.pic_1 {
	position: absolute;
	overflow: visible;
	width: 72px;
	height: 72px;
	left: 0px;
	top: 360px;
}
.pic_4 {
	position: absolute;
	overflow: visible;
	width: 72px;
	height: 72px;
	left: 216px;
	top: 360px;
}
.pic_5 {
	position: absolute;
	overflow: visible;
	width: 72px;
	height: 72px;
	left: 288px;
	top: 360px;
}
.pic_3 {
	position: absolute;
	overflow: visible;
	width: 72px;
	height: 72px;
	left: 144px;
	top: 360px;
}

#mask {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: auto;
	left: 0px;
	top: 0px;
	background: rgb(0,0,0,0.6);
	overflow: visible;
	/* display: none; */
	visibility: hidden;
	z-index: 997;
}

#dialog {
	position: relative;
	z-index: 998;
	width: 272px;
	height: 371px;
	margin: auto;
}

#group_dialog {
	position: absolute;
	width: 272px;
	height: 371px;
	overflow: visible;
	z-index: 999;
}
.bg_dialog {
	position: absolute;
	overflow: visible;
	width: 272px;
	height: 371px;
	left: 0px;
	top: 0px;
}
#ui_dialog_title {
	position: absolute;
	left: 0px;
	top: 30px;
	overflow: hidden;
	width: 273px;
	height: 28px;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: rgba(0,0,0,1);
}
#btn_on {
	position: absolute;
	width: 87px;
	height: 34px;
	left: 165px;
	top: 307px;
	overflow: visible;
}
.bg_on {
	position: absolute;
	overflow: visible;
	width: 87px;
	height: 34px;
	left: 0px;
	top: 0px;
}
#ui_on {
	position: absolute;
	left: 30px;
	top: 7px;
	overflow: visible;
	width: 29px;
	white-space: nowrap;
	text-align: left;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: rgba(255,255,255,1);
}
#btn_off {
	position: absolute;
	left: 40px;
	top: 314px;
	overflow: visible;
	width: 29px;
	white-space: nowrap;
	text-align: left;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: rgba(8,74,255,1);
}
#group_num {
	position: absolute;
	width: 96px;
	height: 50px;
	left: 88px;
	top: 227px;
	overflow: visible;
}
#ui_title_num {
	position: absolute;
	left: 20px;
	top: 0px;
	overflow: visible;
	width: 57px;
	white-space: nowrap;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: rgba(0,0,0,1);
}
#btn_add {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0px;
	top: 30px;
	overflow: visible;
}
.bg_add {
	position: absolute;
	overflow: visible;
	width: 20px;
	height: 20px;
	left: 0px;
	top: 0px;
}
.icon_add {
	overflow: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	transform: matrix(1,0,0,1,0,0);
}
#btn_sub {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 76px;
	top: 30px;
	overflow: visible;
}
.bg_sub {
	position: absolute;
	overflow: visible;
	width: 20px;
	height: 20px;
	left: 0px;
	top: 0px;
}
.icon_sub {
	overflow: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	transform: matrix(1,0,0,1,0,0);
}
#ui_num {
	position: absolute;
	left: 32px;
	top: 30px;
	overflow: hidden;
	width: 33px;
	height: 20px;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: rgba(0,0,0,1);
}
#group_discount {
	position: absolute;
	width: 272px;
	height: 112px;
	left: 0px;
	top: 66px;
	overflow: visible;
}
#ui_title_describe {
	position: absolute;
	left: 0px;
	top: 58px;
	overflow: hidden;
	width: 273px;
	height: 17px;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: rgba(153,153,153,1);
}
.icon_dialog_discount {
	overflow: visible;
	position: absolute;
	top: 85px;
	left: 72px;
	width: 22px;
	height: 24px;
	transform: matrix(1,0,0,1,0,0);
}
.icon_dialog_origin {
	overflow: visible;
	position: absolute;
	top: 2px;
	left: 72px;
	width: 22px;
	height: 24px;
	transform: matrix(1,0,0,1,0,0);
}
#ui_dialog_discount {
	position: absolute;
	left: 104px;
	top: 84px;
	overflow: hidden;
	width: 98px;
	height: 28px;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: rgba(8,74,255,1);
}
#ui_dialog_origin {
	position: absolute;
	left: 104px;
	top: 0px;
	overflow: hidden;
	width: 98px;
	height: 28px;
	text-align: center;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: rgba(153,153,153,1);
}