/*
 * 2019-2-18 
 * xiaomingying
 * 
 * */
@charset "utf-8";
body{background: #f5f5f5}

/*绿色字体*/
.m_green{color: #13C07E!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: #13C07E;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: #13C07E; background: #f9f9f9;}	
.left_nav ul li.active>a{color: #13C07E;font-weight: bold;border-left: 5px solid #13C07E;}	
.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: #13C07E;}
.left_nav ul li .nav_list_a a:hover{color: #13C07E;}
/*.left_nav ul li:hover{border-left: 5px solid #13C07E;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: #13C07E;}
.member_notice dl dd:hover .class_title{color: #13C07E;}


.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: #13C07E;}
.member_kecheng dl dd:hover .class_title{color: #13C07E;}






/*数据分--页样式*/
 
.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: #13C07E;
	background: white;
	border: 1px #13C07E solid;
}

.pagination a.cur {
	border: none;
	background: #13C07E;
	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: #13C07E;
}

.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 #13C07E;
    font-weight: bold;
    overflow: hidden
}

.th_action_btn:hover {
    background-color: #13C07E
}

.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: #13C07E;cursor: pointer;margin-left: 80px;
    background: linear-gradient(140deg, #00E766, #13C07E); 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: #13C07E;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: #13C07E;
    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: #13C07E!important;}
.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #13C07E!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 #13C07E;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: #13C07E;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: #13C07E;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:#13C07E} 
 
 
 
 
 
 
 
 
 
 
 
 
  
 /**********************我的购物车页面*/

 .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: #13C07E;}
     .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: #13C07E;border: 2px solid #13C07E;}
/*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: #13C07E;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: #13C07E;}
 .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: #13C07E;border: 2px solid #13C07E;}
.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: #13C07E;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: #13C07E;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: #13C07E;}
     .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: #13C07E;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: #13C07E;}
 .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: #13C07E;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: #13C07E;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: #13C07E;border: 1px solid #13C07E;border-right: none;background: #e6fef5;}
.member_shop_order .coupon_list ul li.active .coupon_list_right{color: #13C07E;border: 1px solid #13C07E;border-left: 1px dashed #13C07E;background: #e6fef5;}
.member_shop_order .coupon_list ul li.active p{color: #13C07E;}
.member_shop_order .coupon_list ul li.active h3{color: #13C07E;}
.member_shop_order .coupon_list ul li.active h5{color: #13C07E;}
.member_shop_order .coupon_list ul li.active::after{border-bottom: 1px solid #13C07E;border-right: 1px solid #13C07E;}
.member_shop_order .coupon_list ul li.active::before{border-top: 1px solid #13C07E;border-left: 1px solid #13C07E;}

.member_shop_order .coupon_list ul li.active .address_active{display: block;background: #13C07E;}
 
 
 
 
 .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 #13C07E;} 

.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: #13C07E;}
.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: #13C07E;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;  }

 
 
 
 
 /**********************我的课程页面**************/

.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: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: #13C07E;border: 1px solid #13C07E; 
}
.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: #13C07E;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: #13C07E; width: 30px;height: 30px; text-align: center;line-height: 32px; border: 1px solid #13C07E;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: #13C07E;}
.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: #13C07E!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: #13C07E;
    background: linear-gradient(140deg, #13C07E, #00E766);
}

.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: #13C07E;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: #13C07E;}
.member_popup .member_popup_cont li a:hover span{color: #13C07E;}






/**********************密保设置****************/
.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: #13C07E;
    
}

.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: #13C07E
}

.g-user-card .user-center-box ul li:hover a {
    color: #fff;
    background: #13C07E
}

 

.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: #13C07E;
    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: #13C07E;}
.test_list_type a:hover{color: #13C07E;}


.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: #13C07E;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: #13C07E;}	
/*考试*/
.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: #13C07E;}

.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: #13C07E;}
.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: #13c07e;
}
.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: #13C07E!important;} 
.test_list_zuhe .layui-this:after{border: none;border-bottom: 2px solid #13C07E!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: #13C07E;margin-top:38px; font-weight: bold;font-size: 12px;cursor: pointer;z-index: 9;}
 
.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: #13C07E;border: 1px solid #13C07E;border-radius: 3px;padding: 5px 8px;
 	box-sizing: border-box;}
.test_cont .test_cont_btm .order_shop_list li span:hover{
 	color: #fff;background: #13C07E;
}


/*个人中心修改样式*/
.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;
}
    














