/*

 * 2019-2-18 

 * xiaomingying

 * 

 * */

@charset "utf-8";

body {
	background: #f5f5f5
}



/*绿色字体*/

.m_green {
	color: #1b82d1 !important;
}

/*黄色字体*/

.m_yellow {
	color: #FF5722 !important;
}

/*红色色字体*/

.m_red {
	color: #ff0000 !important;
}

/*蓝色字体*/

.m_blue {
	color: #1E9FFF !important;
}



/*橙色字体*/

.m_orange {
	color: #ff850a !important;
}



.m_fr {
	float: right !important;
}

.m_fl {
	float: left !important;
}





.nexDL_unknown img {

	border-radius: 50%;

	object-fit: cover;

}

/*个人中心*/

.nex_bghs {
	width: 100%;
	height: 120px;
	position: relative;
	overflow: hidden;
	background: #ddd url(../images/pro_bg.jpg) center repeat-x;
	min-width: 1180px;
}

.nex_bghs h5 {
	position: absolute;
	width: 100%;
	top: 0;
	height: 120px;
	line-height: 120px;
	font-size: 26px;
	color: #fff;
	font-weight: 500;
	text-align: center;
}



/*个人中心左边公共*/

.user_top {
	background: #fff;
	padding: 20px 0;
	box-sizing: border-box;
}

.user_top p {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	color: #666666;
}

.user_top .user_topImg {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	object-fit: cover;
}

.user_top .user_topImg img {
	width: 168px;
	height: 168px;
	border-radius: 50%;
	overflow: hidden;
}



.homeRight_user_top {
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
}



.left_nav {
	width: 100%;
	background: #fff;
	padding: 0 0 20px 0;
	box-sizing: border-box;
}

.left_nav ul {}



#show_nav {

	font-size: 16px;
	color: #333;
	cursor: pointer;
	padding: 20px 20px 20px 40px;
	box-sizing: border-box;
	border-top: 1px dashed #eee;

}

#show_nav .layui-icon-right {
	transition: all .5s;
}

#show_nav.active {

	color: #1b82d1;
	font-weight: bold;

	border-bottom: 1px dashed #eee;



}

#show_nav.active .layui-icon-right {
	transform: rotate(90deg);
}



.left_nav ul li {
	border-bottom: 1px dashed #eee;
	position: relative;
}

.left_nav ul li:last-child {
	border-bottom: none;
}

.left_nav ul li>a {
	display: block;
	padding: 20px 20px 20px 40px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 16px;
	border-left: 5px solid #fff;
}

.left_nav ul li.active {
	color: #1b82d1;
	background: #f9f9f9;
}

.left_nav ul li.active>a {
	color: #1b82d1;
	font-weight: bold;
	border-left: 5px solid #1b82d1;
}

.left_nav ul li>a i:nth-child(1) {

	margin-right: 5px;

}

.left_nav ul li .layui-icon-right {
	transition: all .5s;
}

.left_nav ul li.two_active .layui-icon-right {
	transform: rotate(90deg);
}

.left_nav ul li .nav_list_a {
	padding-left: 72px;
	display: none;
	padding-right: 20px;
}

.left_nav ul li.active .nav_list_a {
	display: block;
}

.left_nav ul li .nav_list_a a {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #999;
}

.left_nav ul li .nav_list_a a:last-child {}

.left_nav ul li .nav_list_a a.active {
	color: #1b82d1;
}

.left_nav ul li .nav_list_a a:hover {
	color: #1b82d1;
}

/*.left_nav ul li:hover{border-left: 5px solid #1b82d1;background: #eee;}*/



.site-demo-laydate {
	width: 100%;
	margin: 0 auto 10px;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
}

.site-demo-laydate .layui-laydate-footer {
	display: none;
}

#test-n1 {
	width: 600px;
	left: 10%;
}

.layui-laydate-main {
	width: 600px;
}

#test-n1 .layui-laydate-content table {
	width: 600px;
}

#test-n1 .layui-laydate-main {
	width: 620px;
}







.member_header {

	height: 60px !important;

	line-height: 60px !important;

	font-size: 20px;

	font-weight: 700;

	padding: 0 28px;

	box-sizing: border-box;

	background-image: linear-gradient(to top, #f2f2f2, #ffffff);

	border-bottom: 1px solid #dbdbdb;

	color: #666666;

}

.member_title {

	padding: 0 28px !important;

}





/*个人中心日历课程*/

.grid-demo {

	padding: 10px;

	text-align: center;

	background-color: #15bf80;

	color: #fff;

	font-size: 14px;

}

.date_list tr th {

	text-align: center;

}





.homeBox {
	margin: 20px auto 0;
	width: 1180px;
	padding-bottom: 0 !important;
}

.homeBox:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}



#homeBox_Down {
	margin-top: 10px;
	position: relative;
}

#homeBox_Down:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}



.homeRight {
	float: left;
	position: relative;
	width: 255px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.homeRight .homeRight_top {
	display: block
}

.homeRight .homeRight_top img {
	display: block;
	width: 280px;
	height: 156px;
}

.homeRight .homeRight_top p {
	padding: 15px 0;
	text-align: center;
	line-height: 12px;
	font-size: 12px;
	color: #666;
	background: #fff;
}

.homeRight .homeRight_history {
	margin: 10px 0;
	padding-bottom: 18px;
	background: #fff;
}

.homeRight .homeRight_history:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.homeRight .homeRight_history a {
	float: left;
	height: 70px;
	width: 93px;
	text-align: center;
	vertical-align: bottom;
	font-size: 12px;
	line-height: 12px;
	color: #666;
}

.homeRight .homeRight_history a img {
	margin-top: 16px
}

.homeRight .homeRight_history a span {
	display: block;
	margin-top: 10px;
}

.homeRight .homeRight_history .aBorder {
	display: block;
	width: 1px;
	height: 40px;
	background: #eee;
	position: absolute;
	top: 24px
}

.homeRight .homeRight_history .leftBor {
	left: 0
}

.homeRight .homeRight_history .rightBor {
	right: 0
}

.homeRight .homeRight_rank {
	padding: 30px 20px 8px 20px;
	background: #fff;
}

.homeRight .homeRight_rank h3 {
	line-height: 14px;
	color: #333;
	border-bottom: 1px solid #eee;
	padding-bottom: 9px
}



.homeLeft {
	float: right;
	width: 900px;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}



.home_top {
	float: left;
	width: 902px;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
	background: #fff;
}



.home_top span {
	font-size: 14px;
	color: #666;
	padding: 0 20px 0 10px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

.home_top span::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-top: 2px solid #dbdbdb;
	border-radius: 5px;

	border-right: 2px solid #eee;
	transform: rotate(45deg);
}

.home_top span:last-child::after {
	display: none;
}



.member_user {
	background: #fff;
	clear: both;
	overflow: hidden;
	min-height: 764px;
}



/*个人中心--数据中心*/

.menber_num {
	margin-top: 20px;
	width: 255px;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	top: 855px;
	text-align: center;
}

.menber_num .menber_num_list {
	background: #FFF;
}

.menber_num .menber_num_list a {
	display: block;
	border-bottom: 1.5px dashed #cccccc;
	padding: 20px 0;
	box-sizing: border-box;
}

.menber_num .menber_num_list a:last-child {
	border-bottom: none;
}

.menber_num .menber_num_list a h6 {
	font-size: 60px;
	margin-bottom: 0;
	line-height: 60px;
}

.menber_num .menber_num_list a p {
	font-size: 16px;
	color: #666666;
}

.menber_num .menber_num_list a p i {
	margin-right: 3px;
}







/*-个人中心-公告/通知-*/

.member_notice {}

.member_notice dl {}

.member_notice dl dt {
	background: #f1f1f1;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
}

.member_notice dl dt span {
	font-size: 14px;
	width: 8%;
	padding: 10px 15px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;

	color: #666666;
	border-right: 1px solid #dbdbdb;
}

.member_notice dl dt span.notice_title {
	width: 65%;
}

.member_notice dl dt span.class_title {
	width: 33%;
}

.member_notice dl dt span:last-child {
	border-right: none;
	width: 16%;
}



.member_notice dl dd {
	cursor: pointer;
	border-bottom: 1px dashed #eee;
}

.member_notice dl dd span {
	font-size: 14px;
	width: 8%;
	padding: 10px 1px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	color: #666666;

	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.member_notice dl dd span.notice_title {
	width: 65%;
	position: relative;
	padding: 10px 8px;
	text-align: left;
}

.member_notice dl dd span.class_title {
	width: 33%;
	position: relative;
}

.member_notice dl dd span.notice_title i {
	background: #FF0000;
	font-size: 12px;
	top: 0;
	right: 5px;
	color: #fff
}

.member_notice dl dd span:last-child {
	border-right: none;
	width: 16%;
}



.member_notice dl dd:hover .notice_title {
	color: #1b82d1;
}

.member_notice dl dd:hover .class_title {
	color: #1b82d1;
}





.member_kecheng {}

.member_kecheng dl {}

.member_kecheng dl dt {
	background: #f1f1f1;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
}

.member_kecheng dl dt span {
	font-size: 14px;
	width: 10%;
	padding: 10px 15px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;

	color: #666666;
	border-right: 1px solid #dbdbdb;
}

.member_kecheng dl dt span.notice_title {
	width: 65%;
}

.member_kecheng dl dt span.class_title {
	width: 44%;
}

.member_kecheng dl dt span:nth-child(3) {
	width: 7%;
}

.member_kecheng dl dt span:last-child {
	border-right: none;
	width: 16%;
}



.member_kecheng dl dd {
	cursor: pointer;
	border-bottom: 1px dashed #eee;
}

.member_kecheng dl dd span {
	font-size: 14px;
	width: 10%;
	padding: 10px 1px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	color: #666666;

	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.member_kecheng dl dd span.notice_title {
	width: 65%;
	position: relative;
	padding: 10px 8px;
	text-align: left;
}

.member_kecheng dl dd span.class_title {
	width: 44%;
	position: relative;
	text-align: left;
}

.member_kecheng dl dd span.class_left {
	text-align: left;
}

.member_kecheng dl dd span:nth-child(3) {
	width: 7%;
}

.member_kecheng dl dd span.notice_title i {
	background: #FF0000;
	font-size: 12px;
	top: 0;
	right: 5px;
	color: #fff
}

.member_kecheng dl dd span:last-child {
	border-right: none;
	width: 16%;
}



.member_kecheng dl dd:hover .notice_title {
	color: #1b82d1;
}

.member_kecheng dl dd:hover .class_title {
	color: #1b82d1;
}













/*数据分--页样式*/



.pagination p {

	margin: 0;

	cursor: pointer
}



.pagination {

	height: 40px;

	padding: 20px;

}



.pagination a {

	display: block;

	float: left;

	margin-right: 10px;

	padding: 2px 12px;

	height: 24px;

	border: 1px #cccccc solid;

	background: #fff;

	text-decoration: none;

	color: #808080;

	font-size: 12px;

	line-height: 24px;

}



.pagination a:hover {

	color: #1b82d1;

	background: white;

	border: 1px #1b82d1 solid;

}



.pagination a.cur {

	border: none;

	background: #1b82d1;

	color: #fff;

}



.pagination p {

	float: left;

	padding: 2px 12px;

	font-size: 12px;

	height: 24px;

	line-height: 24px;

	color: #bbb;

	border: 1px #ccc solid;

	background: #fcfcfc;

	margin-right: 8px;

}



.pagination p.pageRemark {

	border-style: none;

	background: none;

	margin-right: 0px;

	padding: 4px 0px;

	color: #666;

}



.pagination p.pageRemark b {

	color: red;

}



.pagination p.pageEllipsis {

	border-style: none;

	background: none;

	padding: 4px 0px;

	color: #808080;

}



.dates li {

	font-size: 14px;

	margin: 20px 0
}



.dates li span {

	float: right
}





































.member_basic_user {
	background: #fff;
	padding: 20px 30px;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	min-height: 705px;
}

/*个人中心基础资料页面*/

.member_basic {
	background: #fff;
	padding: 20px 30px;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	min-height: 764px;
}



.mem_basic {
	background: #fff;
	padding: 20px 30px;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
}

.member_basic h3 {
	font-size: 26px;
	margin-bottom: 20px;
}

.member_basic_title {
	background: #e6e7e8;
	font-size: 14px;
	padding: 12px 30px;
	box-sizing: border-box;
}

.member_basic_title .icon_right {
	float: right;
	font-size: 24px;
	transition: all 1s;
}

.member_basic_title .icon_right.on {
	transform: rotate(135deg);
}



/*.member_basic ul{}*/

/*.member_basic ul li{clear: both;overflow: hidden;margin-bottom: 20px;}*/

/*.member_basic ul li p{width: 100px;float: left;font-size: 14px;text-align: right;line-height: 40px;}*/

/*.member_basic ul li input{width: 200px;float: left;font-size: 14px;margin-left: 20px; }*/

/*.member_basic ul li button{width: 80px;height: 38px;background: #09cc5f;color: #fff;border: none;outline: none;border-radius: 3px;margin-left: 20px;cursor: pointer;}*/

#submit_basic {
	width: 120px;
	height: 40px;
	color: #fff;
	border: none;
	outline: none;
	border-radius: 3px;
	background-color: #09cc5f;
	font-size: 16px;
	cursor: pointer;
	margin-left: 120px;
	margin-top: 20px;
}

.member_basic_data .layui-upload-list {
	float: left;
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;

	border: 2px solid #cccccc;
}

#demoText {
	position: absolute;
	bottom: 0;
	width: 100px;
	text-align: center;
	font-size: 14px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	height: 30px;
	line-height: 28px;
}

.member_basic_data .layui-upload {
	position: relative;
	float: left;
}

.layui-upload-img {
	width: 100px;
	height: 100px;
	margin: 0 10px 10px 0;
	border-radius: 50%;
}

#test1 {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100px;
	height: 100px;
	opacity: 0;
}

.member_basic_data .layui-form-item .layui-form-label {
	font-size: 14px;
}

.member_basic_data .layui-form-item .layui_input_inline {
	width: 253px !important;
}

.member_basic_data .layui-form-item .m_input_inline {
	width: 140px !important;
}

.member_basic_data .layui-form-item .w_input_inline {
	width: 660px !important;
}

.member_basic_data .layui-upload .demoText {
	float: left;
	margin-top: 50px;
	margin-left: 20px;
}







.bangding {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

.bangding p {
	float: left;
	font-size: 16px;
	margin-right: 10px;
	line-height: 40px;
	width: 64px;
	text-align: right;
}

.bangding input {
	width: 50%;
	float: left;
}

.bangding button {}



.mem_basic h3 {
	font-size: 26px;
	margin-bottom: 20px;
}

.icon_SINA_WEIBO,
.icon_TAOBAO,
.icon_OPEN_QQ,
.icon_FB,
.icon_mifit,
.icon_kuaipan,
.icon_baidumusic,
.icon_WEIXIN {

	background: url(../images/icon_third.png) no-repeat
}



.icon_SINA_EMAIL {

	background: url(../images/email.jpg) no-repeat;
	background-size: 100%;

}

.con_SINA_WEIBO {

	background-position: 0px 0
}



.icon_TAOBAO {

	background-position: -80px 0
}



.icon_OPEN_QQ {

	background-position: -160px 0
}



.icon_FB {

	background-position: -240px 0
}



.icon_mifit {

	background-position: -320px 0
}



.icon_kuaipan {

	background-position: -400px 0
}



.icon_baidumusic {

	background-position: -480px 0
}



.icon_WEIXIN {

	background-position: -560px 0
}







.third_bindbox {

	padding-top: 25px;

	clear: both;
	overflow: hidden;

	background: #fff;

}



.third_area {

	float: left;

	width: 30%;

	padding-bottom: 50px;

	margin-left: 3%;

}



.third_area dt {

	float: left;

	margin-right: 8px;

	*width: 80px
}



.third_area dd {

	padding-right: 10px;

	overflow: hidden;

	*margin-left: 88px
}



.third_area h3 {

	height: 20px;

	line-height: 20px;

	font-size: 16px;

	color: #333;

	overflow: hidden;

	margin-bottom: 0;

}



.third_area .status_bind {

	margin: 8px 0;

	height: 19px;

	line-height: 19px;

	overflow: hidden
}



.third_area .arrow_r {

	display: none
}



.third_area a {

	color: #fff;

	background: #1b82d1;

}



.icon_bind,
.icon_auth {

	display: block;

	width: 80px;

	height: 80px;

	margin: 0 auto;

	border-radius: 6px
}



.icon_bind img,
.icon_auth img {

	width: 100%;

	height: 100%;

	overflow: hidden;

	border-radius: 6px
}



.th_action_btn {

	display: inline-block;

	height: 22px;

	line-height: 22px;

	padding: 0 8px;

	border: 1px solid #1b82d1;

	font-weight: bold;

	overflow: hidden
}



.th_action_btn:hover {

	background-color: #1b82d1
}



.icon_status {

	background: url(../images/icon_status.png) 0 0 no-repeat;

	float: left;

	width: 19px;

	height: 19px;

	margin-right: 6px;

	overflow: hidden;

}



.third_area_binded .icon_status {

	background-position: -19px 0;

}







/*忘记密码页面*/

#LAY_app {

	height: 100%
}



.layui-layout-body {

	overflow: auto
}



#LAY-user-login,
.layadmin-user-display-show {

	display: block !important
}



.layadmin-user-login {

	position: relative;

	left: 0;

	top: 0;

	padding: 110px 0;

	min-height: 100%;

	box-sizing: border-box
}



.layadmin-user-login-main {

	width: 375px;

	margin: 0 auto;

	box-sizing: border-box
}



.layadmin-user-login-box {

	padding: 20px;
	width: 450px;
	margin: 0 auto;
	box-sizing: border-box;

}



.layadmin-user-login-header {

	text-align: center
}



.layadmin-user-login-header h2 {

	margin-bottom: 10px;

	font-weight: 300;

	font-size: 30px;

	color: #000
}



.layadmin-user-login-header p {

	font-weight: 300;

	color: #999
}



.layadmin-user-login-body .layui-form-item {

	position: relative
}



.layadmin-user-login-icon {

	position: absolute;

	left: 1px;

	top: 1px;

	width: 38px;

	line-height: 36px;

	text-align: center;

	color: #d2d2d2
}



.layadmin-user-login-body .layui-form-item .layui-input {

	padding-left: 38px
}



.layadmin-user-login-codeimg {

	max-height: 38px;

	width: 100%;

	cursor: pointer;

	box-sizing: border-box
}



.layadmin-user-login-other {

	position: relative;

	font-size: 0;

	line-height: 38px;

	padding-top: 20px
}



.layadmin-user-login-other>* {

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

	font-size: 14px
}



.layadmin-user-login-other .layui-icon {

	position: relative;

	top: 2px;

	font-size: 26px
}



.layadmin-user-login-other a:hover {

	opacity: .8
}



.layadmin-user-jump-change {

	float: right
}





@media screen and (max-width: 768px) {

	.layadmin-user-login {

		padding-top: 60px
	}



	.layadmin-user-login-main {

		width: 300px
	}



	.layadmin-user-login-box {

		padding: 10px
	}

}







/******************收货地址&&&&&&&&&&&&*/

/*.shade_content_div{margin: 0px auto; text-align: center; height: 100%; width: 80%; margin-top: 20px;} 

.sub_set{border-radius: 3px;     background-color: #1b82d1;cursor: pointer;margin-left: 80px;

    background: linear-gradient(0deg, #4ba4e8, #1b82d1); color: white; width: 150px; height: 40px; border: 0px; outline: 0px; font-size: 15px;}*/





.shade_from .col-xs-12 {
	margin-top: 20px;
	clear: both;
	overflow: hidden;
	line-height: 36px;
}





.member_address_list {
	background: #fff;
	min-height: 335px;
}

.member_address_list ul {}

.member_address_list ul li {
	clear: both;
	overflow: hidden;
	padding: 15px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #dbdbdb;
}

.member_address_list ul li p {
	float: left;
	font-size: 14px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.member_address_list ul li p.add_name {
	width: 8%;
}

.member_address_list ul li p.add_phone {
	width: 15%;
}

.member_address_list ul li p.add_address {
	width: 56%;
	padding-right: 20px;
	box-sizing: border-box;
}

.member_address_list ul li p.add_type {
	width: 10%;
	color: #1b82d1;
	cursor: pointer;
}

.member_address_list ul li p.add_open {
	width: 10%;
}



.member_address_list ul li p.add_open span {
	cursor: pointer;
}







.memebr_shade_from {
	margin-top: 0 !important;
	margin: 0 auto;
	background: #fff;
	clear: both;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;

	height: 280px;
}

.memebr_shade_from .col-xs-12 {
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
	line-height: 36px;
}



.memebr_shade_from .span_style {
	font-size: 14px !important;
	float: left;
	width: 70px;
	display: block;
	text-align: right;
	line-height: 36px;
}





.memebr_shade_from .get_address {
	width: 760px;
	float: left;
	margin-left: 10px;
}

.memebr_shade_from .get_address select {
	height: 30px;
	border-radius: 3px;
	width: 230px;
	outline: 0px;
	border: 1px solid #CCCCCC;
}

.memebr_shade_from .input_style {
	height: 30px;
	border-radius: 3px;
	width: 365px;
	outline: 0px;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	float: left;
	margin-left: 10px;

}

#address {
	width: 675px;
}



.memebr_shade_from .add_lsit_left {
	width: 262px;
	float: left;
	margin-bottom: 20px;
}

.memebr_shade_from .add_lsit_left .input_style {
	width: 150px;
}

.memebr_shade_from .add_lsit_button {
	clear: both;
	overflow: hidden;
}

.memebr_shade_from .add_lsit_button .sub_set_add {

	float: left;

	margin-left: 150px;

	background-color: #1b82d1;

	cursor: pointer;

	color: white;

	width: 220px;

	height: 40px;

	border: 0px;

	outline: 0px;

	font-size: 16px;

}

.moren_add {
	cursor: pointer;
	float: left;
}

.moren_add i {
	float: left;
	margin-right: 5px;
}









/*我的订单页面*/



/*************选项卡选择状态*/

.layui-tab-brief {
	margin-top: 0;
}

.layui-tab-brief>.layui-tab-title {
	padding: 0 15px;
	box-sizing: border-box;
}

.layui-tab-brief>.layui-tab-title li {
	font-size: 18px;
}

.layui-tab-brief>.layui-tab-title .layui-this {
	color: #1b82d1 !important;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,

.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 2px solid #1b82d1 !important;
}



.layui-tab-brief>.layui-tab-title .order_search {
	float: right;
	padding: 5px;
	box-sizing: border-box;
}

.layui-tab-brief>.layui-tab-title .order_search p {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 0 5px;
	box-sizing: border-box;
	margin-right: 10px;
}

.layui-tab-brief>.layui-tab-title .order_search p input {
	width: 175px;
	border: none;
	outline: none;
	font-size: 12px;
	padding: 2px;
	box-sizing: border-box;
}

.layui-tab-brief>.layui-tab-title .order_search p i {
	cursor: pointer;
}









.cart_cont {
	width: 100%;
	clear: both;
	overflow: hidden;
	padding: 0 30px;
	box-sizing: border-box;
	background: #fbfbfb;
}

.cart_cont dt,
.cart_cont dd {
	font-size: 13px;
	color: #535353;
}

.cart_cont dt {
	height: 42px;
	line-height: 42px;
}

.cart_cont dt.order_top span {
	display: inline-block;
	width: 10%;
	text-align: center;
	font-size: 12px;
	color: #666666;
}

.cart_cont dt.order_top span:nth-child(1) {
	display: inline-block;
	width: 54%;
	text-align: left;
}





.order_cont {
	margin-top: 10px;
}

.order_cont ul {}

.order_cont ul li {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}

.order_cont .order_cont_top {
	clear: both;
	overflow: hidden;
	height: 30px;
}

.order_cont .order_cont_top span {
	font-size: 14px;
	color: #333333;
	margin-right: 20px;
	line-height: 14px;
	display: inline-block;
}

.order_cont .order_cont_top i {
	float: right;
	margin-right: 5px;
	font-size: 20px;
	cursor: pointer;
}

.order_cont .order_cont_top span:nth-child(1) {
	border-left: 3px solid #1b82d1;
	padding-left: 10px;
}



.order_cont .order_cont_btm {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}

.order_cont .order_cont_btm .order_detail {
	width: 54%;
	float: left;
	margin-bottom: 10px;
	padding-left: 15px;
	box-sizing: border-box;
}

.order_cont .order_cont_btm .order_detail a {
	display: block;
	clear: both;
	overflow: hidden;
}

.order_cont .order_cont_btm .order_detail img {
	width: 92px;
	height: 52px;
	border-radius: 5px;
	float: left;
	display: block;
	object-fit: cover;
}

.order_cont .order_cont_btm .order_detail p {
	float: left;
	width: 72%;
	margin-left: 20px;

	text-overflow: ellipsis;
	font-size: 14px;
	color: #999999;
	line-height: 24px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.order_cont .order_cont_btm .order_detail p span {}









.order_cont .order_cont_btm .order_detail_item {
	width: 10%;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}

.order_cont .order_cont_btm .order_detail_item.order_num {
	color: #cccccc;
}

.order_cont .order_cont_btm .order_detail_item.order_priec {
	color: #666666;
}

.order_cont .order_cont_btm .order_detail_item.order_type {
	color: #f20d10;
}

.order_cont .order_cont_top .order_play,

.order_cont .order_cont_btm .order_detail_item.order_play {
	color: #f5600f;
	margin-right: 0;
}

.order_cont .order_cont_top .order_play a,

.order_cont .order_cont_btm .order_detail_item.order_play a {
	color: #f5600f;
	font-size: 14px;
	border: 1px solid #f5600f;
	border-radius: 3px;
	width: 72px;
	height: 24px;
	text-align: center;
	box-sizing: border-box;

	line-height: 24px;
	display: inline-block;
}



.order_cont .order_cont_btm .look_order_more {
	position: absolute;
	color: #1b82d1;
	right: 15px;
	top: 20px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	z-index: 9;
}



.order_cont .order_cont_btm .order_shop_list {
	clear: both;
	overflow: hidden;
	background: #fafafa;
	border: 1px solid #eee;
	padding: 10px 5px;
	box-sizing: border-box;
	display: none;

	border-radius: 2px;
}

.order_cont .order_cont_btm .order_shop_list ul {}

.order_cont .order_cont_btm .order_shop_list li {
	border-bottom: 1px dashed #ebebeb;
	margin-bottom: 5px;
	padding: 0 10px;
	box-sizing: border-box;
}

.order_cont .order_cont_btm .order_shop_list li:last-child {
	border: none;
}

.order_cont .order_cont_btm .order_shop_list li a {
	display: block;
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

.order_cont .order_cont_btm .order_shop_list li img {
	width: 60px;
	height: 30px;
	display: block;
	float: left;
	border-radius: 5px;
	object-fit: cover;
}

.order_cont .order_cont_btm .order_shop_list li p {
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	color: #999999;
	width: 80%;
	margin-left: 15px;

	line-height: 30px;
}

.order_cont .order_cont_btm .order_shop_list li span {
	float: right;
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}



















.order_cont dl {}

.order_cont dl dt {
	padding: 0;
	box-sizing: border-box;
}

.order_cont dl dt span {
	margin-right: 25px;
	font-size: 13px;
}

.order_cont dl dt span>i {
	color: red;
}

.order_cont dl dt .go_pay {
	border: 0 none;
	background-color: #1b82d1;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	float: right;

	color: #fff;
	height: 30px;
	width: 70px;
	line-height: 30px;
	margin-top: 6px;
}



.order_cont dl dt .order_ok {
	border: 0 none;
	background-color: #999;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	float: right;

	color: #fff;
	height: 30px;
	width: 70px;
	line-height: 30px;
	margin-top: 6px;
}

.order_cont dl dd {
	padding: 10px 0;
	box-sizing: border-box;
	border-bottom: 1px dashed #eee;
	clear: both;
	overflow: hidden;
}

.order_cont dl dd:last-child {
	border-bottom: none;
}

.order_cont dl dd span {
	display: inline-block;
	width: 14%;
	text-align: center;
	float: left;
}

.order_cont dl dd span:nth-child(1) {
	width: 1%;
	text-align: right;
	line-height: 48px;
	margin-top: 15px;
}

.order_cont dl dd span:nth-child(2) {
	width: 10%;
}

.order_cont dl dd span:nth-child(3) {
	width: 35%;
}

.order_cont dl dd span {
	line-height: 48px;
}

.order_cont dl dd span img {
	width: 48px;
}

.order_cont dl dd span:nth-child(3) {
	line-height: 20px;
	margin-top: 15px;
	text-align: left;
}

.order_cont dl span a {
	width: 100%;
	display: inline-block;
	font-size: 13px;
	color: #333;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.order_cont dl span a:hover {
	color: #1b82d1
}



























/**********************我的购物车页面*/



.member_shop_cart {
	width: 1180px;
	margin: 30px auto;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

.member_shop_cart .cart_cont {
	width: 100%;
	clear: both;
	overflow: hidden;
	padding: 0 0 0 30px;
	box-sizing: border-box;
	background: #f5f5f5;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.member_shop_cart .cart_cont dt,
.cart_cont dd {
	font-size: 13px;
	color: #535353;
}

.member_shop_cart .cart_cont dt {
	height: 42px;
	line-height: 42px;
}

.member_shop_cart .cart_cont dt.order_top span {
	display: inline-block;
	width: 7.5%;
	text-align: center;
	font-size: 12px;
	color: #666666;
}

.member_shop_cart .cart_cont dt.order_top span:nth-child(1) {
	display: inline-block;
	width: 65%;
	text-align: left;
}



.member_shop_cart .cart_title {
	font-size: 20px;
	font-weight: 700;
	padding: 15px 30px;
	box-sizing: border-box;
	color: #666666;
}



.shop_cart_cont {
	margin-top: 15px;
}

.shop_cart_cont ul {}

.shop_cart_cont ul li {
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 15px;
}

.shop_cart_cont ul li:last-child {
	border: none;
	margin-bottom: 0;
}







.shop_cart_cont .order_cont_btm {
	clear: both;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
}

.shop_cart_cont .order_cont_btm .order_detail {
	width: 65%;
	float: left;
	margin-bottom: 15px;
}

.shop_cart_cont .order_cont_btm .order_detail a {
	display: block;
	float: left;
	width: 90%;
}

.shop_cart_cont .order_cont_btm .order_detail a:hover p {
	color: #1b82d1;
}

.shop_cart_cont .order_cont_btm .order_detail img {
	width: 172px;
	height: 98px;
	border-radius: 5px;
	float: left;
	display: block;
	object-fit: cover;
}

.shop_cart_cont .order_cont_btm .order_detail p {
	float: left;
	width: 68%;
	margin-left: 20px;

	text-overflow: ellipsis;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	margin-top: 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.shop_cart_cont .order_cont_btm .order_detail input[type="checkbox"] {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: relative;
	float: left;
	margin: 40px 20px 30px 30px;
}

.shop_cart_cont .order_cont_btm .order_detail input[type="checkbox"]::after {
	position: absolute;
	top: -3px;
	left: -3px;
	z-index: 99;
	background: #fff;
	border: 2px solid #ddd;
	border-radius: 50%;

	content: "";
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-size: 100%;
}

/*background: url("../images/shop_cart_check.png") no-repeat;*/

.shop_cart_cont .order_cont_btm .order_detail input[type="checkbox"]:checked::after {
	background: #1b82d1;
	border: 2px solid #1b82d1;
}

/*background: url("../images/shop_cart_checked.png") no-repeat;background-size: 100%;*/





.shop_cart_cont .order_cont_btm .order_detail_item {
	width: 8%;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 1;
	font-size: 14px;
	margin-top: 25px;
}

.shop_cart_cont .order_cont_btm .order_detail_item.order_num {
	color: #666666;
}

.shop_cart_cont .order_cont_btm .order_detail_item.order_num span {
	display: inline-block;
	border: 2px solid #eee;
	height: 20px;
	width: 20px;
	box-shadow: 0 0 15px #d4d4d4;

	line-height: 20px;
	border-radius: 50%;
	cursor: pointer;
}





.shop_cart_cont .order_cont_btm .order_detail_item.order_priec {
	color: #666666;
}

.shop_cart_cont .order_cont_btm .order_detail_item.order_type {
	color: #666666;
}

.shop_cart_cont .order_cont_btm .order_detail_item.order_play {
	color: #666666;
}

.shop_cart_cont .order_cont_btm .order_detail_item.order_play a i {
	font-size: 22px;
	cursor: pointer;
	border-radius: 3px;
	text-align: center;
	box-sizing: border-box;

	line-height: 24px;
	display: inline-block;
	margin-top: 12px;
}



.shop_cart_cont .order_cont_btm .look_order_more {
	position: absolute;
	color: #1b82d1;
	right: 130px;
	top: 75px;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	z-index: 9;
}



.shop_cart_cont .order_cont_btm .order_shop_list {
	clear: both;
	overflow: hidden;
	background: #fafafa;
	border-top: 1px solid #eee;
	display: none;

	border-bottom: 1px solid #eee;
	padding: 20px 40px;
	box-sizing: border-box;
	border-radius: 2px;
}

.shop_cart_cont .order_cont_btm .order_shop_list ul {}

.shop_cart_cont .order_cont_btm .order_shop_list li {
	border-bottom: 1px dashed #ebebeb;
	margin-bottom: 5px;
	padding: 0 25px;
	box-sizing: border-box;
}

.shop_cart_cont .order_cont_btm .order_shop_list li:last-child {
	border: none;
}

.shop_cart_cont .order_cont_btm .order_shop_list li a {
	display: block;
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

.shop_cart_cont .order_cont_btm .order_shop_list li a:hover p {
	color: #1b82d1;
}

.shop_cart_cont .order_cont_btm .order_shop_list li img {
	width: 88px;
	height: 50px;
	display: block;
	float: left;
	border-radius: 5px;
}

.shop_cart_cont .order_cont_btm .order_shop_list li p {
	float: left;
	line-height: 24px;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;
	font-size: 14px;
	color: #999999;
	width: 75%;
	margin-left: 15px;

}

.shop_cart_cont .order_cont_btm .order_shop_list li span {
	float: right;
	font-size: 14px;
	color: #999999;
	line-height: 50px;
}





.shop_cart_btm {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #d4d4d4;
	box-shadow: 0 0 15px #d4d4d4;
	padding: 10px;
	box-sizing: border-box;
}

.shop_cart_btm .cart_btm_left {
	width: 50%;
	float: left;
	padding: 15px 0;
	box-sizing: border-box;
}

.shop_cart_btm .cart_btm_left label {
	display: block;
	float: left;
	margin-right: 20px;
	color: #202020;
	font-size: 14px;
}

.shop_cart_btm .cart_btm_left label input[type="checkbox"] {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: relative;
	float: left;
	margin: 2px 20px 0 20px;
}

.shop_cart_btm .cart_btm_left label input[type="checkbox"]::after {
	position: absolute;
	top: -3px;
	left: -3px;
	z-index: 99;
	background: #fff;
	border: 2px solid #ddd;
	border-radius: 50%;

	content: "";
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-size: 100%;
}

.shop_cart_btm .cart_btm_left label input[type="checkbox"]:checked::after {
	background: #1b82d1;
	border: 2px solid #1b82d1;
}

.shop_cart_btm .cart_btm_left label input {}

.shop_cart_btm .cart_btm_left label span {}

.shop_cart_btm .cart_btm_left i {
	float: left;
	margin-right: 10px;
	color: #bbbbbb;
	font-size: 14px;
	cursor: pointer;
}

.shop_cart_btm .cart_btm_left p {
	float: left;
	margin-right: 10px;
	color: #bbbbbb;
	font-size: 14px;
	cursor: pointer;
}



.shop_cart_btm .cart_btm_right {
	width: 50%;
	float: right;
}

.shop_cart_btm .cart_btm_right p {
	float: right;
	margin-right: 20px;
	font-size: 16px;
	color: #000;
	font-weight: 700;
}

.shop_cart_btm .cart_btm_right p:nth-child(2) {
	border-left: 1px solid #ccc;
	padding-left: 20px;
}

.shop_cart_btm .cart_btm_right p i {
	color: #f20d10;
}

.shop_cart_btm .cart_btm_right p span {
	color: #999;
}

.shop_cart_btm .cart_btm_right .cart_go_pay {
	float: right;
	width: 140px;
	height: 50px;
	border: none;
	background: #1b82d1;
	color: #fff;
	font-weight: bold;
	font-size: 24px;

	text-align: center;
	line-height: 50px;
	border-radius: 8px;
	cursor: pointer;
}



.no_shop_cart {
	font-size: 22px;
	text-align: center;
	margin: 50px auto;
	min-height: 150px;
}







/**********************确认订单页面*/



.member_shop_order {
	width: 1180px;
	margin: 20px auto;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

.member_shop_order .cart_cont {
	width: 100%;
	clear: both;
	overflow: hidden;
	padding: 0 0 0 30px;
	box-sizing: border-box;
	background: #f5f5f5;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.member_shop_order .cart_cont dt,
.cart_cont dd {
	font-size: 13px;
	color: #535353;
}

.member_shop_order .cart_cont dt {
	height: 42px;
	line-height: 42px;
}

.member_shop_order .cart_cont dt.order_top span {
	display: inline-block;
	width: 10%;
	text-align: center;
	font-size: 12px;
	color: #666666;
}

.member_shop_order .cart_cont dt.order_top span:nth-child(1) {
	display: inline-block;
	width: 68%;
	text-align: left;
}



.member_shop_order .cart_title {
	font-size: 20px;
	font-weight: 700;
	padding: 15px 30px;
	box-sizing: border-box;
	background-image: linear-gradient(to top, #f2f2f2, #ffffff);
	color: #666666;
}

.member_shop_order .cart_title a {
	font-weight: normal;
	margin-top: 5px;

	color: #1b82d1;
	font-size: 14px;
	float: right;

}

.shop_order_cont {
	margin-top: 15px;
}

.shop_order_cont ul {}

.shop_order_cont ul li {
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 15px;
}

.shop_order_cont ul li:last-child {
	border: none;
	margin-bottom: 0;
}







.shop_order_cont .order_cont_btm {
	clear: both;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
}

.shop_order_cont .order_cont_btm .order_detail {
	width: 66%;
	float: left;
	margin-bottom: 15px;
	padding-left: 30px;
}

.shop_order_cont .order_cont_btm .order_detail a {
	display: block;
	float: left;
	width: 90%;
}

.shop_order_cont .order_cont_btm .order_detail a:hover p {
	color: #1b82d1;
}

.shop_order_cont .order_cont_btm .order_detail img {
	width: 92px;
	height: 52px;
	border-radius: 5px;
	float: left;
	display: block;
}

.shop_order_cont .order_cont_btm .order_detail p {
	float: left;
	width: 80%;
	margin-left: 20px;

	text-overflow: ellipsis;
	font-size: 14px;
	color: #333333;
	line-height: 24px;

	display: -webkit-box;
	overflow: hidden;
	max-height: 45px;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}





.shop_order_cont .order_cont_btm .order_detail_item {
	width: 10%;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}

.shop_order_cont .order_cont_btm .order_detail_item.order_num {
	color: #666666;
}

.shop_order_cont .order_cont_btm .order_detail_item.order_num span {
	display: inline-block;
	border: 2px solid #eee;
	height: 20px;
	width: 20px;
	box-shadow: 0 0 15px #d4d4d4;

	line-height: 20px;
	border-radius: 50%;
	cursor: pointer;
}





.shop_order_cont .order_cont_btm .order_detail_item.order_priec {
	color: #666666;
}

.shop_order_cont .order_cont_btm .order_detail_item.order_type {
	color: #666666;
}

.shop_order_cont .order_cont_btm .order_detail_item.order_play {
	color: #666666;
}

.shop_order_cont .order_cont_btm .order_detail_item.order_play a i {
	font-size: 22px;
	cursor: pointer;
	border-radius: 3px;
	text-align: center;
	box-sizing: border-box;

	line-height: 24px;
	display: inline-block;
	margin-top: 12px;
}



.shop_order_cont .order_cont_btm .look_order_more {
	position: absolute;
	color: #1b82d1;
	right: 40px;
	top: 35px;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	z-index: 9;
}



.shop_order_cont .order_cont_btm .order_shop_list {
	clear: both;
	overflow: hidden;
	background: #fafafa;
	border-top: 1px solid #eee;
	display: none;

	border-bottom: 1px solid #eee;
	padding: 20px 60px 20px 20px;
	box-sizing: border-box;
	border-radius: 2px;
}

.shop_order_cont .order_cont_btm .order_shop_list ul {}

.shop_order_cont .order_cont_btm .order_shop_list li {
	border-bottom: 1px dashed #ebebeb;
	margin-bottom: 5px;
	padding: 0 25px;
	box-sizing: border-box;
}

.shop_order_cont .order_cont_btm .order_shop_list li:last-child {
	border: none;
}

.shop_order_cont .order_cont_btm .order_shop_list li a {
	display: block;
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

.shop_order_cont .order_cont_btm .order_shop_list li a:hover p {
	color: #1b82d1;
}

.shop_order_cont .order_cont_btm .order_shop_list li img {
	width: 88px;
	height: 50px;
	display: block;
	float: left;
	border-radius: 5px;
}

.shop_order_cont .order_cont_btm .order_shop_list li p {
	float: left;
	line-height: 24px;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;
	font-size: 14px;
	color: #999999;
	width: 75%;
	margin-left: 15px;

}

.shop_order_cont .order_cont_btm .order_shop_list li span {
	float: right;
	font-size: 14px;
	color: #999999;
	line-height: 50px;
}





.shop_order_btm {
	width: 1180px;
	margin: 20px auto;
	clear: both;
	overflow: hidden;
	padding: 10px;
	box-sizing: border-box;

	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

.shop_order_btm .cart_btm_left {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-top: 5px;
	box-sizing: border-box;
}

.shop_order_btm .cart_btm_left p {
	float: left;
	margin-right: 20px;
	font-size: 12px;
	color: #7d7d7d;
	border-left: 1px solid #ccc;
	padding-left: 20px;
	text-align: center;
}

.shop_order_btm .cart_btm_left p:nth-child(1) {
	border: none;
}

.shop_order_btm .cart_btm_left p i {
	color: #f20d10;
	font-size: 18px;
	f
}

.shop_order_btm .cart_btm_left p span {
	color: #000;
	font-size: 18px;
}





.shop_order_btm .cart_btm_right {
	width: 50%;
	float: right;
}

.shop_order_btm .cart_btm_right p {
	float: right;
	margin-right: 20px;
	font-size: 16px;
	color: #000;
	font-weight: 700;
}

.shop_order_btm .cart_btm_right p:nth-child(2) {
	border-left: 1px solid #ccc;
	padding-left: 20px;
}

.shop_order_btm .cart_btm_right p i {
	color: #f20d10;
}

.shop_order_btm .cart_btm_right p span {
	color: #999;
}

.shop_order_btm .cart_btm_right .cart_go_pay {
	float: right;
	width: 140px;
	height: 50px;
	border: none;
	background: #1b82d1;
	color: #fff;
	font-weight: bold;
	font-size: 24px;

	text-align: center;
	line-height: 50px;
	border-radius: 8px;
	cursor: pointer;
}





.member_shop_order .address_list {
	clear: both;
	overflow: hidden;
	padding: 30px 30px 15px;
	box-sizing: border-box;
}

.member_shop_order .address_list ul {
	clear: both;
	overflow: hidden;
	margin-right: -30px;
}

.member_shop_order .address_list ul li {
	float: left;
	width: 48%;
	margin-bottom: 15px;
	margin-right: 15px;
	border: 1px solid #f1f1f1;
	padding: 15px 20px;
	box-sizing: border-box;
	border-radius: 8px;

	box-shadow: 0 1px 8px #ccc;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.member_shop_order .address_list ul li p {
	font-size: 16px;
	color: #999999;
	clear: both;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.member_shop_order .address_list ul li p:nth-child(1) {
	margin-bottom: 10px;
}

.member_shop_order .address_list ul li p span {
	margin-right: 30px;
}

.member_shop_order .address_list ul li p .uver_name {
	font-size: 18px;
	color: #333;
}

.member_shop_order .address_list ul li p .user_phone {}

.member_shop_order .address_list ul li p .user_detele {
	font-size: 14px;
	color: #cccccc;
	float: right;
	margin: 0;
}

.member_shop_order .address_list ul li p .user_eild {
	font-size: 14px;
	color: #cccccc;
	float: right;
}

.member_shop_order .address_list ul li .address_active {
	position: absolute;
	right: -45px;
	bottom: -8px;
	display: block;
	width: 100px;
	text-align: center;
	padding-bottom: 10px;

	background: #1b82d1;
	color: #fff;
	transform: rotate(-45deg);
	display: none;
}

.member_shop_order .address_list ul li.active .address_active {
	display: block;
}



.member_shop_order .address_list ul li h5 {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #999;
	height: 61px;
	line-height: 60px;
}







.member_shop_order .coupon_list {
	clear: both;
	overflow: hidden;
	padding: 30px 30px 10px;
	box-sizing: border-box;
}

.member_shop_order .coupon_list ul {
	clear: both;
	overflow: hidden;
	margin-right: -30px;
}

.member_shop_order .coupon_list ul li {
	float: left;
	width: 30%;
	margin-bottom: 15px;
	margin-right: 3.3%;
	padding: 0;
	box-sizing: border-box;

	cursor: pointer;
	position: relative;
}

.member_shop_order .coupon_list ul li .coupon_list_left {
	width: 82%;
	float: left;
	padding: 20px 0;
	box-sizing: border-box;
	border: 1px solid #999999;
	border-radius: 8px;
	border-right: none;
	margin-bottom: 10px;
}

.member_shop_order .coupon_list ul li .coupon_list_right {
	width: 18%;
	float: left;
	font-size: 24px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 8px;

	border: 1px solid #999999;
	border-left: 1px dashed #999999;
	color: #999999;
}



.member_shop_order .coupon_list ul li::after {
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	transform: rotate(45deg);

	position: absolute;
	top: -10px;
	right: 52px;
	background: #fff;
}

.member_shop_order .coupon_list ul li::before {
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	transform: rotate(45deg);

	position: absolute;
	bottom: 22px;
	right: 52px;
	background: #fff;
}





.member_shop_order .coupon_list ul li p {
	font-size: 16px;
	color: #999999;
	clear: both;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}

.member_shop_order .coupon_list ul li h3 {
	font-size: 36px;
	color: #999999;
	text-align: center;
	margin: 10px 0;
}

.member_shop_order .coupon_list ul li h5 {
	font-size: 12px;
	color: #999999;
	text-align: center;
}

.member_shop_order .coupon_list ul li .address_active {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;

	background: #fff;
	color: #fff;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #ddd;
}



.member_shop_order .coupon_list ul li.active {}

.member_shop_order .coupon_list ul li.active .coupon_list_left {
	color: #1b82d1;
	border: 1px solid #1b82d1;
	border-right: none;
	background: #e6fef5;
}

.member_shop_order .coupon_list ul li.active .coupon_list_right {
	color: #1b82d1;
	border: 1px solid #1b82d1;
	border-left: 1px dashed #1b82d1;
	background: #e6fef5;
}

.member_shop_order .coupon_list ul li.active p {
	color: #1b82d1;
}

.member_shop_order .coupon_list ul li.active h3 {
	color: #1b82d1;
}

.member_shop_order .coupon_list ul li.active h5 {
	color: #1b82d1;
}

.member_shop_order .coupon_list ul li.active::after {
	border-bottom: 1px solid #1b82d1;
	border-right: 1px solid #1b82d1;
}

.member_shop_order .coupon_list ul li.active::before {
	border-top: 1px solid #1b82d1;
	border-left: 1px solid #1b82d1;
}



.member_shop_order .coupon_list ul li.active .address_active {
	display: block;
	background: #1b82d1;
}









.order_pay_list p {
	margin-left: 30px;
	margin-top: 20px;
}

.order_pay_list p span {
	font-size: 14px;
	margin-right: 20px;
	cursor: pointer;
}

.order_pay_list p span:hover {
	color: #09cc5f;
}

.order_pay_list p span.active {
	border-bottom: 2px solid #09cc5f;
	color: #09cc5f;
	padding-bottom: 5px;
}

.order_pay_list ul {
	padding: 0 30px;
	clear: both;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 20px;
}

.order_pay_list ul li {
	float: left;
	height: 60px;
	line-height: 60px;
	width: 180px;
	border-radius: 5px;
	margin-right: 20px;
	border: 1px solid #eee;
	padding: 0 20px 0 40px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}

.order_pay_list ul li.active {
	border: 1px solid #1b82d1;
}



.order_pay_list ul li:after {
	width: 18px;
	height: 18px;
	display: block;
	content: '';
	border: 1px solid #eee;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 20px;
}

.order_pay_list ul li.active:after {
	background: #1b82d1;
}

.order_pay_list ul li img {
	width: 100%;
}











/*添加地址弹窗*/

.shade {
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background: black;
	opacity: 0.5;
	z-index: 9999;
}

.shade_content {
	width: 600px;
	overflow: hidden;
	border-radius: 10px;
	height: 470px;
	position: fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -300px;
	background: #FFFFFF;
}

.shade_content_div {
	margin: 0px auto;
	text-align: center;
	height: 100%;
	width: 100%;
	margin-top: 0;
}

.shade_content_div .shade_title {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	background-image: linear-gradient(to top, #f2f2f2, #ffffff);
	line-height: 30px;

	color: #666;
	padding: 15px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}

.shade_content_div .btn_remove {
	border-radius: 5px;
	background: #31B0D5;
	color: white;
	width: 150px;
	height: 40px;
	border: 0px;
	outline: 0px;
	font-size: 15px;
}

.shade_content_div .sub_set {
	border-radius: 20px;
	background-color: #1b82d1;
	cursor: pointer;

	color: white;
	width: 200px;
	height: 40px;
	border: 0px;
	outline: 0px;
	font-size: 16px;
	float: left;
}

.shade_content_div .sub_cancel {
	border-radius: 20px;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #ccc;

	color: #666;
	width: 200px;
	height: 40px;
	outline: 0px;
	font-size: 16px;
	float: right;
	margin-right: 70px;
}







.shade_content_div .input_style {
	height: 30px;
	border-radius: 5px;
	width: 365px !important;
	outline: 0px;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	float: left;
	margin-left: 10px;
}

.shade_content_div .span_style {
	font-size: 18px;
	float: left;
}

.shade_content_div .shade_from {
	margin-top: 20px;
	padding: 10px 0 0 60px;
	box-sizing: border-box;
}

.shade_content_div .shade_from .col-xs-12 {
	margin-top: 20px;
	clear: both;
	overflow: hidden;
}

.shade_content_div .shade_colse {
	text-align: right;
	margin-top: 10px;
}

.shade_content_div .shade_colse button {
	font-size: 20px;
	color: white;
	outline: 0px;
	margin-right: 10px;
	border-radius: 50px;
	background: #999;
	height: 30px;
	width: 30px;
	border: 0px;

	line-height: 30px;
	cursor: pointer;
}

.shade_content_div .open_new {
	width: 100%;
	text-align: right;
}

.shade_content_div .open_btn {
	height: 30px;
	width: 120px;
	border-radius: 10px;
	background: red;
	color: white;
	outline: 0px;
	margin-bottom: 10px;
	border: 0px;
}

.shade_content_div .shopping_content {
	width: 1210px;
	margin: auto;
	position: relative;
}

.shade_content_div .shopping_table {
	width: 100%;
}

.shade_content_div .btn_r {
	border-radius: 5px;
	background: #31B0D5;
	color: white;
	width: 60px;
	height: 30px;
	border: 0px;
	outline: 0px;
	font-size: 15px;
}

.shade_content_div .momey_input {
	border-radius: 5px;
	outline: 0px;
	height: 20px;
	width: 50px;
	border: 1px solid #CCCCCC;
	text-align: center;
}

.shade_content_div .btn_reduce {
	height: 20px;
	width: 20px;
	border: 1px solid #CCCCCC;
	background: transparent;
	border-radius: 2px;
	outline: 0px;
}

.shade_content_div .btn_add {
	height: 20px;
	width: 20px;
	border: 1px solid #CCCCCC;
	background: transparent;
	border-radius: 2px;
	outline: 0px;
}

.shade_content_div .btn_closing {
	height: 40px;
	width: 130px;
	border-radius: 5px;
	background: #31B0D5;
	outline: 0px;
	border: 1px solid transparent;
	color: white;
}

.shade_content_div .div_outMumey {
	height: 40px;
	width: 130px;
	border-radius: 5px;
	background: #CCCCCC;
	color: white;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
}

th {
	height: 40px;
	font-size: 15px;
}



.get_address {
	width: 400px;
	float: left;
	margin-left: 5px;
}

.get_address select {
	height: 30px;
	border-radius: 5px;
	width: 125px;
	outline: 0px;
	border: 1px solid #CCCCCC;
}











/**********************我的课程页面**************/

/* 20220512新增经济师按钮 */
 .study_boxbg{
 	background: url(../images/study_img.png) no-repeat;
 	width: 840px;
 	height: 147px;
 	margin-bottom: 15px;
 	padding: 25px 42px 0 42px;
 	box-sizing: border-box;
 }
  .study_boxbg .study_box{
 	
 }
.study_boxbg .study_cont{
	/* font-size: 40px; */
	/* color: #01599d; */
	margin-bottom: 15px;
	line-height: 1;
}
.study_boxbg .study_t{
	font-size: 32px;
	color: #01599d;
	margin-bottom: 5px;
	line-height: 1;
}
.study_boxbg .study_n{
	font-size: 18px;
	color: #01599d;
	padding-left: 20px;
	box-sizing: border-box;
	/* margin-bottom: 15px; */
	line-height: 1;
}
  .study_boxbg .study_more{
 	display: block;
 	width: 155px;
 	height: 38px;
 	line-height: 38px;
 	border-radius: 40px;
 	font-size: 18px;
 	color: #ffffff;
 	background: #2171c8;
 	text-align: center;
 }
  .study_boxbg .study_more:hover{
 	color: #ffffff;
 }
/* 20220512新增经济师按钮 */

.course_list {
	margin-top: 5px;
}

.course_list .course_item {
	margin-bottom: 20px;
}

.course_list .course_item .course_item_top {}

.course_list .course_item .course_item_top h3 {

	font-size: 18px;
	overflow: hidden;
	color: #333333;
	margin-bottom: 10px;
	font-weight: bold;

	text-overflow: ellipsis;
	line-height: 24px;

	white-space: nowrap;
	position: relative;

}

.course_list .course_item .course_item_top h3:after {

	display: block;
	content: "";
	color: #fff;
	position: absolute;
	left: 5px;
	top: 0;
	width: 2px;
	height: 30px;
	background: #fff;
	z-index: 9;

}

.course_list .course_item .course_item_top h3>a{
	overflow: hidden;
	display: inline-block;
	width: 80%;
	text-overflow: ellipsis; 
	white-space: nowrap;
}



/*.course_list .course_item .course_item_top h3:before{

	display: block;content: "";color: #fff;position: absolute;left: 50px;top: -10px;width: 50px;height: 30px;background: #fff;transform: rotate(-120deg);

}*/





.course_list .course_item .course_item_top h3 span {

	padding: 3px 25px 3px 15px;
	box-sizing: border-box;
	font-weight: normal;

	color: #fff;
	margin-right: 15px;
	position: relative;
	z-index: 5;
	font-size: 16px;

}

.course_list .course_item .course_item_top h3 .course_live:after {

	display: block;
	content: "";
	color: #fff;
	position: absolute;
	right: 2px;
	top: -10px;
	width: 10px;
	height: 50px;
	background: #68d7ac;
	transform: rotate(-30deg);
	z-index: 9;

}

.course_list .course_item .course_item_top h3 .course_live:before {

	display: block;
	content: "";
	color: #fff;
	position: absolute;
	right: -8px;
	top: -10px;
	width: 10px;
	height: 50px;
	background: #a1e6cb;
	transform: rotate(-30deg);
	z-index: 9;

}





.course_list .course_item .course_item_top h3 .course_lubo:after {

	display: block;
	content: "";
	color: #fff;
	position: absolute;
	right: 2px;
	top: -10px;
	width: 10px;
	height: 50px;
	background: #67b9f6;
	transform: rotate(-30deg);
	z-index: 9;

}

.course_list .course_item .course_item_top h3 .course_lubo:before {

	display: block;
	content: "";
	color: #fff;
	position: absolute;
	right: -8px;
	top: -10px;
	width: 10px;
	height: 50px;
	background: #a0d3f9;
	transform: rotate(-30deg);
	z-index: 9;

}



.course_list .course_item .course_item_top h3 .course_live {
	background: #13C07E;
}

.course_list .course_item .course_item_top h3 .course_lubo {
	background: #239af2;
}





.course_list .course_item .course_item_top p {

	font-size: 14px;
	color: #999;
	margin-bottom: 5px;

}

.course_list .course_item .course_item_top p a {

	margin-left: 30px;

}

.course_list .course_item .course_item_top .course_item_num {

	color: #999;
	font-size: 14px;

}

.course_list .course_item .course_item_top .course_item_num span {

	margin-right: 50px;

}



.course_list .course_item .course_item_top .course_item_progress {

	clear: both;
	overflow: hidden;
	margin-bottom: 5px;

}

.course_list .course_item .course_item_top .course_item_progress .layui-progress {

	float: left;
	width: 65%;
	margin-top: 12px;
	height: 5px;

}

.course_list .live_course_item .course_item_top .course_item_progress .layui-progress .layui-progress-bar {

	height: 5px;
	background: #7ad1b0;

}

.course_list .video_course_item .course_item_top .course_item_progress .layui-progress .layui-progress-bar {

	height: 5px;
	background: #239af2;
	opacity: .5;

}

.course_list .course_item .course_item_top .course_item_progress p {

	float: left;
	margin-left: 20px;
	font-size: 12px;
	margin-top: 4px;

}

/*直播状态   live_course_item*/

.live_course_item .course_item_top .course_item_progress p {



	color: #7ad1b0;

}

/*录播状态  video_course_item*/

.video_course_item .course_item_top .course_item_progress p {

	color: #82bee9;

}



.course_list .course_item .course_item_top .course_item_progress a {

	margin-left: 20px;
	border-radius: 6px;
	background: #fff;
	color: #666;
	border: 1px solid #999;
	min-width: 70px;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;

}

.course_list .live_course_item .course_item_top .course_item_progress a:hover {

	background: #fff;
	color: #1b82d1;
	border: 1px solid #1b82d1;

}

.course_list .video_course_item .course_item_top .course_item_progress a:hover {

	background: #fff;
	color: #239af2;
	border: 1px solid #239af2;

}



.course_item_circle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}



/*课程列表*/

.course_item_btm {
	overflow: hidden;
	position: relative;
	transition: all 1s;
}



.course_item_btm.show_course_item {

	height: 180px;

}

.course_item_btm .show_position {

	position: absolute;

}

.course_item_btm .show_item_btm_list {

	width: 100%;
	height: 40px;
	line-height: 40px;
	bottom: 0;
	cursor: pointer;

	font-size: 16px;
	text-align: center;
	color: #1b82d1;
	font-weight: bold;
	z-index: 99;

	background: linear-gradient(0deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .1));

}





.course_item_btm .item_btm_list {

	clear: both;
	overflow: hidden;
	background: #fafafa;
	border-bottom: 1px solid #eee;
	padding: 10px 20px;
	box-sizing: border-box;
	cursor: pointer;

}

.course_item_btm .item_btm_list .course_item_circle {

	float: left;

}

.course_item_btm .item_btm_list p {

	float: left;
	line-height: 45px;
	font-size: 18px;
	color: #666666;
	margin-left: 20px;
	width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.course_item_btm .item_btm_list p .course_live {

	color: red;
	font-size: 14px;

}

.course_item_btm .item_btm_list .layui-icon {

	float: right;
	line-height: 50px;
	font-size: 30px;
	color: #999;

}



.layui-timeline {

	padding: 20px 20px 0 40px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;



}



.layui-timeline .layui-timeline-content {

	padding-left: 50px;
	clear: both;
	overflow: hidden;

}



.video_course_item .course_video {

	color: #bed8ea;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #bed8ea;
	border-radius: 50%;
	font-weight: bold;
	background: #fff;
	z-index: 9;
	position: absolute;

	left: -14px;

}

.video_course_item .course_video.active {

	color: #239af2;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #239af2;
	border-radius: 50%;
	font-weight: bold;
	background: #fff;
	z-index: 9;
	position: absolute;

	left: -14px;

}



.live_course_item .course_video {

	color: #c3e2d6;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #c3e2d6;
	border-radius: 50%;
	font-weight: bold;
	background: #fff;
	z-index: 9;
	position: absolute;

	left: -14px;

}

.live_course_item .course_video.active {

	color: #1b82d1;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #1b82d1;
	border-radius: 50%;
	font-weight: bold;
	background: #fff;
	z-index: 9;
	position: absolute;

	left: -14px;

}







.layui-timeline .layui-timeline-content h5 {
	float: left;
	width: 35%;

	overflow: hidden;
	font-size: 14px;
	color: #999999;
	line-height: 20px;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.layui-timeline .layui-timeline-content h5 a {

	font-size: 14px;
	color: #999999;

}

.layui-timeline .layui-timeline-content h5 a:hover {

	text-decoration: none;

}

.layui-timeline .layui-timeline-content p {
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #999999;
}

.layui-timeline .layui-timeline-content p:nth-child(1) {
	width: 27%;
	line-height: 20px;
	padding-left: 0;
}

.layui-timeline .layui-timeline-content p:nth-child(3) {
	width: 38%;
	margin-top: 10px;
}

.layui-timeline .layui-timeline-content p:nth-child(3) a {
	float: right
}

.layui-timeline .layui-timeline-content p span {
	color: #cccccc;
	font-size: 12px;
	margin-right: 5px;
}

.layui-timeline .layui-timeline-content p a {
	margin-right: 4px;
	text-decoration: none;
	font-size: 14px;
	color: #999999;
	padding: 2px 3px;
	box-sizing: border-box;
}

.layui-timeline .layui-timeline-content p a:hover {
	text-decoration: none;
	color: #1b82d1;
}

.layui-timeline .layui-timeline-content p a.active {
	color: #fff;
	background: #f00706;
	border: 1px solid #f00706;
	border-radius: 5px;
}

.layui-timeline .layui-timeline-content p a.no_active {
	color: #ff850a !important;
}

.layui-timeline .layui-timeline-content p span.no_active {
	color: #ff850a !important;
}

.layui-timeline .layui-timeline-content p:nth-child(1) span {
	color: #999;
}

.layui-timeline .layui-timeline-content p .on_day {
	font-size: 12px;
	background: red;
	color: #ffffff !important;
	padding: 0 3px;
	box-sizing: border-box;
	border-radius: 3px;
}



.layui-timeline .layui-timeline-content p .on_active {
	color: #1b82d1 !important;
}





.course_video_live {

	position: absolute;

	width: 60px;

	top: 5px;

	border-radius: 25px;

	z-index: 9;

	left: -35px;

	text-align: center;

	color: #fff;

	padding: 5px 8px;

	font-size: 12px;

	background-color: #1b82d1;

	background: linear-gradient(0deg, #1b82d1, #4ba4e8);

}



.course_video_live:before {

	content: "";

	background: url(../images/icon-play2.png) no-repeat;

	-webkit-animation: living 0.52s steps(1, start) infinite;

	animation: living 0.52s steps(1, start) infinite;

	width: 13px;

	display: inline-block;

	font-size: 0;

	text-indent: -9999em;

	vertical-align: -1px;

	height: 13px;

	margin-right: 4px;

}





@keyframes living {

	0% {

		background-position: 0 0;

	}

	25% {

		background-position: -13px 0;

	}

	50% {

		background-position: -26px 0;

	}

	75% {

		background-position: -39px 0;

	}

}



@-webkit-keyframes living {

	0% {

		background-position: 0 0;

	}

	25% {

		background-position: -13px 0;

	}

	50% {

		background-position: -26px 0;

	}

	75% {

		background-position: -39px 0;

	}

}



/*我的课程弹出列表*/

.member_popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, .5);
	z-index: 9999;
	display: none;
	transition: all 1s;
}

.member_popup .member_popup_cont {
	width: 800px;
	margin: 200px auto 0;
	min-height: 300px;
	max-height: 640px;
	background: #fff;
	border: 3px solid #eee;
	border-radius: 10px;
	overflow: auto;

	padding: 20px;
	box-sizing: border-box;
}



.member_popup .member_popup_cont h5 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 10px;
}

.member_popup .member_popup_cont .close_list {
	width: 150px;
	height: 40px;
	background: #1b82d1;
	color: #fff;
	font-size: 18px;
	border: none;
	border-radius: 6px;
	display: block;
	margin: 30px auto 0;

	cursor: pointer;
}

.member_popup .member_popup_cont ul {}

.member_popup .member_popup_cont li {
	border-bottom: 1px dashed #ebebeb;
	margin-bottom: 5px;
	padding: 0 25px;
	box-sizing: ;
}

.member_popup .member_popup_cont li:last-child {
	border: none;
}

.member_popup .member_popup_cont li a {
	display: block;
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

.member_popup .member_popup_cont li img {
	width: 60px;
	height: 30px;
	display: block;
	float: left;
	border-radius: 5px;
}

.member_popup .member_popup_cont li p {
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	color: #999999;
	width: 75%;
	margin-left: 15px;
	line-height: 30px;
}

.member_popup .member_popup_cont li span {
	float: right;
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}

.member_popup .member_popup_cont li a:hover p {
	color: #1b82d1;
}

.member_popup .member_popup_cont li a:hover span {
	color: #1b82d1;
}













/**********************密保设置****************/

.layui_form_tip {
	margin-bottom: 30px;
}

.layui_form_item {
	float: left;
	width: 46%;
	margin-bottom: 30px;
}

.layui_form_item.item_margin_left {
	margin-left: 8%;
}

.layui_form_item .layui_form_label {
	font-size: 14px;
	margin-bottom: 10px;
}

.layui_form_item .layui_input_block {}











/*.************************修改密码***************/

.member_password {

	background: #fff;

	clear: both;

	overflow: hidden;

	min-height: 705px;

}



.member_password_item {}

.member_password_item .member_password_title {
	clear: both;
	overflow: hidden;
	padding: 0 15px;
	box-sizing: border-box;
	line-height: 60px;
	border-bottom: 1px solid #f1f1f1;

	box-shadow: 0 1px 8px #ededed;
	cursor: pointer;
}

.member_password_item .member_password_title.active .icon_right {
	transform: rotate(135deg);
}



.member_password_item .member_password_title .icon_left {
	float: left;
	font-size: 36px;
}

.member_password_item .member_password_title .icon_right {
	float: right;
	font-size: 32px;
	transition: all 1s;
}

.member_password_item .member_password_title p {
	float: left;
	font-size: 14px;
	color: #666;
	margin-left: 10px;
}

.member_password_item .member_password_title span {
	font-size: 14px;
	color: #999;
	margin-left: 30px;
}



.member_form_item {
	position: relative;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

.member_form_item p {
	width: 20%;
	float: left;
	text-align: right;
	line-height: 38px;
	padding-right: 10px;
	box-sizing: border-box;
	font-size: 14px;
}

.member_form_item input {
	width: 80% !important;
	float: left;
	padding-left: 30px;
}

/*输入框的图标*/

.layadmin_user_login_icon {

	position: absolute;

	/*left: 80px;*/

	top: 1px;

	width: 38px;

	line-height: 36px;

	text-align: center;

	color: #d2d2d2
}



















































.study-tl .tl-item {

	position: relative;

	padding-left: 37px;

	border-left: 1px solid #d3d7da
}





.course .course-one {

	padding: 20px 0;

	position: relative;
	float: left;
	width: 50%;

	border-bottom: 1px solid #eff1f0
}



.course-list .course-one {

	padding: 20px 0;

	position: relative;

	border-bottom: 1px solid #eff1f0
}

.course-list .course-list-img {
	float: left;
}

.course-list .course-list-img img {

	vertical-align: top
}



.course-list .study-hd {

	font-size: 18px;

	color: #12171b;

	height: 29px;

	line-height: 29px;

	position: relative;

	margin-bottom: 0;

}



.course-list .study-hd a {

	font-weight: 700;
	color: #1b82d1;



}



.course-list .span-common,
.course-list .study-hd .i-new {

	font-size: 14px;

	color: #787d82
}



.course-list .span-common i {

	color: #b5b9bc;

	font-style: normal
}



.course-list .study-points {

	margin: 10px 0 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;



}



.course-list .study-points span {

	margin-right: 14px
}



.course-list .study-points .i-left {

	color: #f01400
}



.course-list .catog-points {

	position: relative;

	padding-bottom: 10px;

	word-wrap: break-word
}

.course .catog-points span {

	display: inline-block;

	width: 135px
}

.course-list .catog-points span {

	display: inline-block;

	width: 70px
}



.course-list .catog-points a {

	color: #787d82
}



.course-list .catog-points a:hover,
.course-list .catog-points a:hover i {

	color: #14191e
}



.course-list .catog-points .continute-btn {

	display: inline-block;

	position: absolute;

	right: 0;

	bottom: 0;

	font-size: 14px;

	border: 1px solid #f01400;

	color: #f01400;

	width: 90px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	background-color: #fff
}



.course-list .catog-points .continute-btn:hover {

	background-color: #f01400;

	color: #fff
}





.course-list .course-list-cont {

	padding-left: 230px
}



.course-list .course-list-cont h3 {

	overflow: hidden;

}



.course .course-list-cont {

	padding-left: 210px
}



.not-conts {

	font-size: 18px;

	color: #b5b9bc;

	text-align: center;

	padding: 145px 0 240px
}



.not-conts .find-course {

	color: #f01400
}



.study-hd .share-box {

	top: -8px
}













/*登录后的公共头部信息*/



.g-user-card {

	position: absolute;

	right: 0;

	top: 60px;

	width: 306px;

	/* visibility:hidden; */

	box-shadow: 0 8px 16px 0 rgba(7, 17, 27, .2);

	z-index: 1000;

}



.g-user-card,
.g-user-card .card-inner {

	border-bottom-right-radius: 8px;

	border-bottom-left-radius: 8px;

}

.g-user-card .card-inner {

	background-color: #fff;

	padding: 24px;
	clear: both;
	overflow: hidden;

	box-sizing: border-box
}



.g-user-card .card-top {

	color: #93999f;

	position: relative;

	clear: both;
	overflow: hidden;

}



.g-user-card .card-top img {

	float: left;

	width: 68px;

	height: 68px;

	border-radius: 50%;

	border: 2px solid #fff;

	margin-right: 12px;

	object-fit: cover;



}



.g-user-card .card-top .name {

	display: inline-block;

	font-size: 16px;

	color: #07111b;

	width: 170px
}



.g-user-card .card-top a {

	color: #93999f;

	display: inline-block
}



.g-user-card .card-top .setup {

	position: absolute;

	right: 20px;

	top: 33px;

	opacity: .6;

	filter: alpha(opacity=60);

	font-size: 16px
}



.g-user-card .card-top .setup:hover {

	opacity: 1;

	filter: alpha(opacity=100)
}



.g-user-card .card-top .card-top-right-box {

	margin-top: 14px
}



.g-user-card .card-top .meta {

	font-size: 12px !important
}



.g-user-card .card-top .meta a {

	margin-right: 10px
}



.g-user-card .card-top .meta b {

	margin-left: 2px
}



.g-user-card .user-center-box {

	margin-top: 16px;

	margin-bottom: 14px;

	clear: both;
	overflow: hidden;

}



.g-user-card .user-center-box ul li {

	position: relative;

	width: 128px;

	width: 127px\9;

	height: 36px;

	background: #F8FAFC;

	border-radius: 2px;

	line-height: 36px;

	color: #4d555d;

	font-size: 12px;

	margin-right: 2px;

	margin-bottom: 2px;

	box-sizing: border-box
}





.g-user-card .user-center-box ul li a {

	width: 100%;

	height: 36px;
	display: block;

	line-height: 36px;

	text-align: center;

	box-sizing: border-box
}



.g-user-card .user-center-box ul li:hover {

	color: #fff;

	background: #1b82d1
}



.g-user-card .user-center-box ul li:hover a {

	color: #fff;

	background: #1b82d1
}







.g-user-card .user-center-box ul li:nth-child(2n) {

	margin-right: 0
}









.g-user-card .card-sets {

	margin-top: 16px;

	font-size: 12px;

	line-height: 12px
}



.g-user-card .card-sets a {

	border: 0 none;

	background-color: #1b82d1;

	border-radius: 2px;

	cursor: pointer;

	display: inline-block;

	font-size: 14px;

	text-align: center;

	box-sizing: border-box;

	float: right;

	color: #fff;

	height: 30px;

	width: 70px;

	line-height: 30px;

}



.l {
	float: left;
}













/**************************个人中心,我的题库页面*/



.test_list_type {
	padding: 0 0 10px 0;
	box-sizing: border-box;
}

.test_list_type span {}

.test_list_type a {
	font-size: 14px;
	color: #666;
	margin-right: 15px;
}

.test_list_type a.active {
	color: #1b82d1;
}

.test_list_type a:hover {
	color: #1b82d1;
}





.test_list_shiti li {
	font-size: 16px !important;
}

.member_test_list {
	margin-top: 10px;
}

.member_test_list .test_list_item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
}

.member_test_list .test_list_item:last-child {
	border-bottom: none;
}



.member_test_list .test_list_item .test_item_top {
	clear: both;
	overflow: hidden;
	width: 100%;
	position: relative;
	padding-left: 10px;
	box-sizing: border-box;
}

.member_test_list .test_list_item .test_item_top h3 {
	font-size: 16px;
	color: #333;
	border: 1px solid #eee;
	border-radius: 10px;
	background: #fbfbfb;
	padding: 10px 10px 10px 65px;
	box-sizing: border-box;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
}

.member_test_list .test_list_item .test_item_top h3 a {
	font-size: 16px;
	color: #333;
}

.member_test_list .test_list_item .test_item_top span {
	position: absolute;
	font-size: 16px;
	color: #fff;
	background: #1b82d1;
	min-width: 55px;
	text-align: center;
	border-radius: 10px 10px 0 0;

	left: 0;
	top: 8px;
	z-index: 9;
	padding: 0 5px;
	box-sizing: border-box;
}



/*练习*/

.member_test_list .test_list_item .test_item_top.lianxi span {
	background: #1b82d1;
}

/*考试*/

.member_test_list .test_list_item .test_item_top.kaoshi span {
	background: #ff0000;
}

/*模拟*/

.member_test_list .test_list_item .test_item_top.moni span {
	background: #1E9FFF;
}





.member_test_list .test_list_item .test_item_top:after {
	position: absolute;
	display: block;
	content: "";
	border-right: 15px solid #0b8657;
	border-top: 15px solid #fff;
	border-left: 15px solid #fff;

	border-bottom: 15px solid #fff;
	left: -18px;
	top: 13px;
}



/*练习*/

.member_test_list .test_list_item .test_item_top.lianxi:after {
	border-right: 15px solid #0b8657;
}

/*考试*/

.member_test_list .test_list_item .test_item_top.kaoshi:after {
	border-right: 15px solid #820404;
}

/*模拟*/

.member_test_list .test_list_item .test_item_top.moni:after {
	border-right: 15px solid #0b61a0;
}



.member_test_list .test_list_item .test_item_left {
	width: 172px;
	float: left;
	margin-right: 20px;
	margin-left: 15px;
	overflow: hidden;
}

.member_test_list .test_list_item .test_item_left a {
	display: block;
	margin-top: 3px;
}

.member_test_list .test_list_item .test_item_left img {
	width: 172px;
	height: 98px;
	border-radius: 10px;
}





.member_test_list .test_list_item .test_item_right {
	float: left;
	width: 630px;
}

.member_test_list .test_list_item .test_item_right h3 {

	font-size: 12px;
	color: #cccccc;
	margin-bottom: 3px;

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}

.member_test_list .test_list_item .test_item_right h3 a {

	font-size: 12px;
	color: #cccccc;

}



.member_test_list .test_list_item .test_item_right h3 a span {
	color: #999;
	margin-left: 30px;
	display: inline-block;
}

.member_test_list .test_list_item .test_item_right h3:hover span {
	color: #1b82d1;
}



.member_test_list .test_list_item .test_item_right p {

	font-size: 14px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.member_test_list .test_list_item .test_item_right p a {
	color: #999;
}

.member_test_list .test_list_item .test_item_right p a:hover {
	color: #1b82d1;
}

.member_test_list .test_list_item .test_item_right .test_item_num {

	color: #999;
	font-size: 14px;
	clear: both;
	overflow: hidden;

}

.member_test_list .test_list_item .test_item_right .test_item_num span {

	margin-right: 150px;

}

.member_test_list .test_list_item .test_item_right .test_item_num span:last-child {
	float: right;
	color: #f20d10;
	margin-right: 0;
}

.member_test_list .test_list_item .test_item_right .course_item_progress {

	clear: both;
	overflow: hidden;
	margin-bottom: 5px;

}

.member_test_list .test_list_item .test_item_right .course_item_progress .layui-progress {

	float: left;
	width: 100%;
	margin-top: 8px;
	height: 10px;

}

.member_test_list .test_list_item .test_item_right .course_item_progress .layui-progress .layui-progress-bar {

	height: 10px;
	background: #1b82d1;

}

.member_test_list .test_list_item .test_item_right .course_item_progress p {

	float: left;
	color: #ff850a;
	margin-left: 20px;
	font-size: 16px;

}





/********个人中心 -- 我的题库--组合套题列表****/

.test_list_zuhe {
	margin-bottom: 15px;
}

.test_list_zuhe li {
	font-size: 16px;
	padding: 0;
	margin-right: 20px;
}

.test_list_zuhe .layui-this {
	color: #1b82d1 !important;
}

.test_list_zuhe .layui-this:after {
	border: none;
	border-bottom: 2px solid #1b82d1 !important;
}





.test_cont {
	margin-top: 10px;
}

.test_cont ul {}

.test_cont ul li {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}



.test_cont .test_cont_btm {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}

.test_cont .test_cont_btm .order_detail {
	width: 70%;
	float: left;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.test_cont .test_cont_btm .order_detail a {
	display: flex;
	clear: both;
	overflow: hidden;
	flex-wrap: wrap-reverse;
	align-items: center;
}

.test_cont .test_cont_btm .order_detail img {
	width: 150px;
	height: 90px;
	border-radius: 5px;
	float: left;
	display: block;
}

.test_cont .test_cont_btm .order_detail p {
	float: left;
	width: 70%;
	margin-left: 20px;

	text-overflow: ellipsis;
	font-size: 14px;
	color: #999999;
	line-height: 24px;

	display: -webkit-box;
	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

}

.test_cont .test_cont_btm .order_detail p span {}



.test_cont .test_cont_btm .order_detail_item {
	width: 20%;
	float: left;
	text-align: center;
	margin-top: 40px;
	font-size: 14px;
}



.test_cont .test_cont_btm .order_detail_item.order_priec {
	color: #666666;
}



.test_cont .test_cont_btm .look_order_more {
	float: right;
	color: #1b82d1;
	margin-top: 38px;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	z-index: 9;
}
.test_cont .test_cont_btm .order_shop_list .order_shop_item:last-child{
	border-bottom:none!important;
}
.test_cont .test_cont_btm .order_shop_list .order_shop_item .itemright{
	color: #1b82d1!important;
}

.test_cont .test_cont_btm .order_shop_list {
	clear: both;
	background: #fafafa;
	border: 1px solid #eee;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	display: none;

	border-radius: 2px;
	position: relative;
}

.test_cont .test_cont_btm .order_shop_list:after {
	position: absolute;
	top: -10px;
	transform: rotate(-45deg);
	right: 40px;

	display: block;
	content: '';
	width: 20px;
	height: 20px;
	background: #fafafa;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;

}

.test_cont .test_cont_btm .order_shop_list ul {}

.test_cont .test_cont_btm .order_shop_list li {
	border-bottom: 1px dashed #ebebeb;
	margin-bottom: 5px;
	clear: both;
	overflow: hidden;
	padding-bottom: 5px;
	box-sizing: border-box;
}

.test_cont .test_cont_btm .order_shop_list li:last-child {
	border: none;
}

/*.test_cont .test_cont_btm .order_shop_list li a{display: block;margin-bottom: 5px;}*/

.test_cont .test_cont_btm .order_shop_list li img {
	width: 70px;
	height: 40px;
	display: block;
	float: left;
	border-radius: 5px;
	object-fit: cover;
}

.test_cont .test_cont_btm .order_shop_list li p {
	float: left;

	text-overflow: ellipsis;
	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	font-size: 14px;
	color: #999999;
	width: 70%;
	margin-left: 15px;

	line-height: 22px;

}

.test_cont .test_cont_btm .order_shop_list li span {

	float: right;
	font-size: 14px;
	margin-top: 5px;

	color: #1b82d1;
	border: 1px solid #1b82d1;
	border-radius: 3px;
	padding: 5px 8px;

	box-sizing: border-box;
}

.test_cont .test_cont_btm .order_shop_list li span:hover {

	color: #fff;
	background: #1b82d1;

}





/*个人中心修改样式*/

.member_header_class {

	height: 60px !important;

	line-height: 60px !important;

	font-size: 20px;

	font-weight: 700;

	padding: 0 28px;

	box-sizing: border-box;

	background-image: linear-gradient(to top, #f2f2f2, #ffffff);

	border-bottom: 1px solid #dbdbdb;

	color: #666666;

	display: flex;

	justify-content: space-between;

}