body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
table,
th,
td,
iframe {
	margin: 0;
	padding: 0;
}

body {
	font-size: 1.458333rem;
	font-family: Microsoft Yahei, -apple-system-font, Helvetica Neue, sans-serif;
	color: #333;
	word-break: break-all;
	background-color: #fafafa;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
	vertical-align: top;
	display: block;
}

option {
	padding-left: 0.520833rem;
	*padding: 0;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
	display: block;
}

a:link,
a:visited,
a:hover {
	text-decoration: none;
	color: #333;
	display: block;
	/*超链接无下划线*/
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

.clear {
	clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal
}

.flex_a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex_b {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.titleTop {
	background: #007EE2;
	/*height: 9.375rem;*/
	left: 0;
	right: 0;
	top: 0;
	z-index: 998;
	position: fixed;

}

.titleTop_a .layui-nav-more {
	border-color: #000 transparent transparent;
	border-top-color: rgba(0, 0, 0, .7);
}

.titleTop_a .layui-nav-mored {
	border-color: transparent transparent #000;
}

/*.tocenter:hover .tocenter>.layui-nav-more{*/
/*	border-color: #1E9FFF transparent transparent ;*/
/*	border-top-color: rgba(30, 159, 255,0.7) ;*/
/*}*/
/*.tocenter:hover .tocenter>.layui-nav-mored{*/
/*	border-color: transparent transparent  #1E9FFF ;*/
/*}*/

/*.titleTop_a .layui-this .layui-nav-more{*/
/*	border-color: #1E9FFF transparent transparent ;*/
/*	border-top-color: rgba(30, 159, 255,0.7) ;*/
/*}*/
/*.titleTop_a .layui-this .layui-nav-mored{*/
/*	border-color: transparent transparent  #1E9FFF ;*/
/*}*/

.shadow_a {
	-moz-box-shadow: 0 0.520833rem 0.520833rem rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0.520833rem 0.520833rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.520833rem 0.520833rem rgba(0, 0, 0, 0.1);
}

.titleTop_a .layui-nav-item a:hover,
.titleTop_a .layui-this>a {
	color: #1E9FFF !important;
	font-weight: bold;
	font-size: 1.875rem !important;
}

.titleTop_a .layui-this:after,
.titleTop_a .layui-nav-bar {
	background-color: #1E9FFF !important;
}

.titleTop_a .layui-nav-item a {
	color: #000;
}

.titleTop_a {
	max-width: 135.416666rem;
	margin: 0 auto;
	height: 4.166666rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.layui-nav-child{
	top: 5.208333rem;
}
.layui-btn-sm{
	font-size:1.3rem  !important;
}
.layui-laypage span{
	background: unset;
	height: 5.125rem;
	line-height: 5.125rem;
	font-size: 1.4rem;
}
.layui-laypage a {
	padding: 0 2rem;
	height: 5.125rem;
	line-height: 5.125rem;
	font-size: 1.4rem;
}
.layui-nav-item {
	line-height: 6.25rem !important;
	cursor: pointer;
}

.layui-nav-item a {
	line-height: 5.208333rem !important;
	font-size: 1.7rem !important;
}

.main_title {
	width: 135.416666rem;
	margin: 4.166666rem auto 2.083333rem;
	color: #333;
	font-size: 2.083333rem;
	border-bottom: 1px solid #eee;
	padding: 2.083333rem 0 1.5625rem;
}

.layui-icon {
	font-size: 1.666666rem !important;
}

.title_cell {
	position: relative;
	padding-left: 1.5625rem;
}

.slider-item {
	height: 4.5rem !important;
	line-height: 4.5rem !important;
}

.slider-text {
	font-size: 1.458333rem !important;
}

.title_cell::before {
	content: "";
	position: absolute;
	border-radius: 0.520833rem;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.416666rem;
	height: 2.395833rem;
	background-color: #1E9FFF;
}

.layui-btn {
	height: 4.5rem;
	line-height: 4.5rem;
}

.footer {
	color: #fff;
	font-size: 1.458333rem;
	background-color: #2F4056;
	padding: 0.833333rem 0;
	/*z-index: 999;*/
	/*bottom: 0;*/
	/*position: absolute;*/
	/*left: 0;*/
	/*right: 0;*/
	/*height: 11.458333rem;*/

}

.footer a {
	text-decoration: underline;
	color: #fff;
	margin-right: 1.041666rem;
}

.footer .flex_b {
	justify-content: space-around;
}

#login_mask,
#province_pop,
#addaddress_mask,
#editaddress_mask,
#paytype_mask,
#yearpaytype_mask,
#thisRelation_mask,
#skuCombination_mask,
#combinationSku_mask
{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: rgba(0, 0, 0, .3);
	z-index: 1050;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.province {
	border-bottom: 1px solid #dee2ea;
	font-size: 1.875rem;
	margin: 3.125rem auto 2.083333rem;
	line-height: 2.083333rem;
	color: #636e92;
	padding-bottom: 0.833333rem;
	justify-content: flex-start !important;
}

.province_dialog {
	width: 53.125rem !important;
	height: auto !important;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	padding: 2.083333rem 0;
	background-color: #fff;
	border-radius: 0.833333rem;
	-webkit-box-shadow: 0 0.208333rem 1.25rem 0 rgba(45, 50, 60, .5);
	box-shadow: 0 0.208333rem 1.25rem 0 rgba(45, 50, 60, .5);
}

.close_province_pop {
	position: absolute;
	right: 0;
	top: 1.5625rem;
	font-size: 2.916666rem !important;
	width: 3.125rem !important;
	height: 3.125rem !important;
}
.close_combinationSku_pop{
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	color: #999;
	font-weight: 800;
	cursor: pointer;
}
.location {
	font-size: 2.083333rem;
	color: #333;
	letter-spacing: 0;
	line-height: 2.395833rem;
	font-weight: 400;
	padding: 0 3.125rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 2.5rem;
}

.desc-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #dfdfdf;
	padding: 1.041666rem 3.125rem;
	font-size: 1.666666rem;
	color: #999;
	letter-spacing: 0;
	text-align: justify;
	line-height: 1.666666rem;
}

.labels-wrapper {
	width: 47.916666rem;
	margin: 0 auto;
	max-height: 40vh;
	overflow-x: auto;
	overflow-y: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.labels-wrapper .active {
	border-color: #f60;
	color: #f60;
}



#choose_province {
	width: 45.833333rem !important;
	height: 4.583333rem !important;
	line-height: 4.583333rem !important;
	font-size: 2.083333rem !important;
	margin: 2.083333rem auto 0;
	width: 47.916666rem;
	margin: 0 auto;
	max-height: 40vh;
	overflow-x: auto;
	overflow-y: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.labels-wrapper .active {
	border-color: #f60;
	color: #f60;
}
.province_item {
	border: 1px solid #dfdfdf;
	margin-right: 1.25rem;
	margin-top: 1.25rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 10.104166rem;
	height: 4.583333rem;
	line-height: 4.583333rem;
	font-size: 1.666666rem;
	color: #333;
	text-align: center;
	cursor: default;
}

.province_item:nth-child(4n) {
	margin-right: 0;
}

#choose_province {
	width: 45.833333rem !important;
	height: 4.583333rem !important;
	line-height: 4.583333rem !important;
	font-size: 2.083333rem !important;
	margin: 2.083333rem auto 0;
	display: block;
}
.combinationSku_pop{
	width: 50rem;
	max-height:50rem;
	overflow: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff;
	transform: translate(-50%, -50%);
	border-radius: 0.833333rem;
	padding:3rem;
}
.login_dialog {
	width: 62.5rem;
	height: 33.333333rem;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff;
	transform: translate(-50%, -50%);
	border-radius: 0.833333rem;
}

.login_form {
	width: 32.8125rem;
	padding: 1.5625rem;
	height: 17.708333rem;
	color: #333;
	font-weight: 700;
	font-size: 1.458333rem;
	justify-content: space-around !important;
}

.login_form p {
	width: 100%;
}

.login_form input {
	display: block;
	width: 100%;
	height: 3.541666rem;
	padding: 0.625rem 1.25rem;
	font-size: 1.458333rem;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0.416666rem;
}

#close,
#close1,
#close2,
#close3,
#close4,
#close5,
#close6
{
	font-weight: bolder;
	font-size: 2.083333rem;
	color: #1E9FFF;
	opacity: 0.3;
	margin-right: 1.5625rem;
	cursor: pointer;
	width: 2.083333rem;
	height: 2.083333rem;
	border-radius: 50%;
	text-align: center;
}
#close5{
	position: absolute;
	right: 2rem;
	top:1.5rem;
	width: 2.3rem !important;
	height: 2.3rem !important;
	font-size:2.3rem !important;
}


@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(90deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(90deg);
	}
}

#close:hover,
#close1:hover {
	opacity: 1;
	/* -webkit-animation: spin 1s linear 1s 5 alternate;
	animation: spin 1s linear infinite; */
}

.dialog_title {
	width: 100%;
	border-bottom: 1px solid #eee;
	height: 5.729166rem;
	font-size: 1.875rem;
}

.login_footer {
	width: 32.8125rem;
	padding: 0.520833rem 1.5625rem;
	height: 5.520833rem;
	border-top: 1px solid #eee;
	justify-content: flex-end !important;
}

.name_of_syllabus {
	font-size: 1.666666rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #404040;
	font-weight: 600;
	line-height: 2.604166rem;
	overflow: hidden;
}
.layui-btn-lg{
	padding: 0 2rem;
	font-size: 1.8rem;
}
.ellipsis_1 {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ellipsis_2 {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ellipsis_3 {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.layui-laypage .layui-laypage-skip{
	height: 5.125rem;
	line-height: 5.125rem;
}
.layui-laypage button, .layui-laypage input{
	height: 5.125rem;
	line-height: 5.125rem;
}
.list_title {
	width: 135.416666rem;
	margin: 2.5rem auto;
	text-align: center;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
}

.layui-laypage {
	display: flex !important;
	justify-content: center !important;
}

.curriculum_item {
	background-color: #fff;
	margin: 0 auto 3.125rem;
	width: 27.916666rem;
	border-radius: 0.833333rem;
	border: 1px solid #eee;
	padding: 1rem 1.041666rem;
}

.group_buying2 {
	background-color: #1E9FFF;
	color: #fff;
	font-size: 1.458333rem;
	height: 2.604166rem;
	margin-bottom: 1.041666rem;
	width: 6.25rem;
	text-align: center;
	line-height: 2.604166rem;
	height: 2.604166rem;
	margin-bottom: 1.041666rem;
	width: 6.25rem;
	text-align: center;
	line-height: 2.604166rem;
}

.layui-form-select dl dd.layui-this {
	background-color: #1E9FFF;
}

/**
公共头部
 */
#logged_container {
	cursor: pointer;
}

.userinfo {
	background: #fafafa;
	border-radius: 0.833333rem;
	display: none;
	position: absolute;
	/*top: 4.166666rem;*/
	top: 30px;
	right: 0;
	padding: 1.041666rem 2.083333rem;
	word-break: normal;
	z-index: 999;
	font-size: 1.5625rem;
	width: 14.583333rem;
	/*transform: translateX(-50%);*/
}

.userinfo:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 0.833333rem solid transparent;
	border-right: 0.833333rem solid transparent;
	border-bottom: 1.041666rem solid #fafafa;
	top: -0.9375rem;
	right: 7.395833rem;
	transform: translateX(50%);
}

/**
公共底部
 */
#wechat_attention,#miniprogram,#miniprogram2 {
	padding: 0.520833rem;
	border-radius: 0.833333rem;
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 999;
	top: -17.1875rem;
	left: 50%;
	transform: translateX(-50%);
}

#wechat_attention::before ,#miniprogram::before,#miniprogram2::before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 1.041666rem solid transparent;
	border-right: 1.041666rem solid transparent;
	border-top: 1.041666rem solid #fff;
	bottom: -1.041666rem;
	left: 50%;
	transform: translateX(-50%);
}
.nav_padding{
	padding:0 3rem 0 2rem !important;
}


/*二维码展示css*/
#home_page_qr_code_area{
	width: 15rem;
	position: fixed;
	right:15rem;
	bottom: 20rem;
	text-align: center;
}
#home_page_qr_code div img{
	width: 15rem;
	height: 15rem;
}