body{width: 100%;background: #F5F5F5;}

/*我的关注*/
.person-index-page .head {background: #FFFFFF;height: 80px;width: 100%;}
.person-index-page .head .int {width: 1200px;margin: 0 auto;}
.person-index-page .head .int .log {float: left;width:182px;height:42px;line-height: 80px;}
.person-index-page .head .int .log img {width: 100%;height: 100%;}
.person-index-page .head .int .back {display: block;font-size: 14px;color: #000000;float: left;line-height: 80px;margin-left: 80px;}
.person-index-page .head .int .back a span{margin-right:3px;color: #999999;}
.person-index-page .head .int .infor{float: left;margin-left: 650px;display: block;line-height: 80px;cursor: pointer;}
.person-index-page .head .int .infor .img{display:inline-block;width:34px;height:34px;border-radius: 50%;}
.person-index-page .head .int .infor .img img{width: 100%;height: 100%;border-radius: 50%;}
.person-index-page .head .int .infor .name{font-size: 14px;color: #000000;margin-left: 6px;}
.person-index-page .head .int .out{font-size: 14px;float:left;line-height: 80px;color: #666666;margin-left: 30px;cursor: pointer;}

.person-index-page .main{width: 1200px;margin: 0 auto;margin-top: 80px;margin-bottom: 30px;overflow: hidden;}
.person-index-page .main .option{background: #ffffff;width:240px;height:944px;float: left;border-radius: 6px;}
.person-index-page .main .follow-content{background: #ffffff;width:940px;height:944px;float: left;margin-left: 20px;}

.person-index-page .main .option .top {height: 60px;display: block;border-bottom: 1px solid #F4F4F4;}
.person-index-page .main .option .top i {display:block;width: 4px;height:17px;float: left;background: #FF4350;margin-left: 20px;margin-top: 23px;}
.person-index-page .main .option .top span{font-size: 18px;color: #FF4350;margin-left: 4px;float: left;line-height: 60px;font-weight:600;}
.person-index-page .main .option ul {padding: 0 20px;}
.person-index-page .main .option ul li {height: 54px;line-height: 54px;border-bottom:1px solid #F4F4F4;cursor: pointer;font-size: 14px;color: #333333;}
.person-index-page .main .option ul li a {display: block;width: 100%;height: 54px;}
.person-index-page .main .option ul li .iconfont{color: #999999;display: inline-block;margin:0 8px 0px 55px;}
.person-index-page .main .option ul .on{color: #FF4350;}
.person-index-page .main .option ul .on i {color: #FF4350;}

.person-index-page .main .follow-content ul{padding: 0 40px;}
.person-index-page .main .follow-content ul li {cursor:pointer;float:left;position:relative;width:360px;padding: 20px;background:rgba(255,255,255,1);margin-top:20px;border-radius:6px;border:1px solid rgba(228,226,226,1);}
.person-index-page .main .follow-content ul li:nth-child(2n){margin-left: 54px;}
.person-index-page .main .follow-content ul li .img {width:100px;height: 100px;display: inline-block;float: left;}
.person-index-page .main .follow-content ul li .img a {display: block;width: 100px;height: 100px;}
.person-index-page .main .follow-content ul li .img a img {width: 100%;height: 100%;border-radius: 50%;transition: all 0.2s;}
.person-index-page .main .follow-content ul li .img a img:hover{transform: scale(1.1);}
.person-index-page .main .follow-content ul li .img .bigV {width: 22px;height: 22px;position: relative;top: -30px;left: 75px;}
.person-index-page .main .follow-content ul li .img .bigV img {width: 100%;height: 100%;}
.person-index-page .main .follow-content ul li .right {display: inline-block;padding: 0px 0px 0px 20px;width: 163px;}
.person-index-page .main .follow-content ul li .name {margin-top:9px;display: inline-block;padding-left: 20px;}
.person-index-page .main .follow-content ul li .name a span {height:24px;font-size:18px;font-weight:500;color:rgba(0,0,0,1);line-height:24px;}
.person-index-page .main .follow-content ul li .name .company {height:20px;font-size:14px;font-weight:400;color:rgba(102,102,102,1);line-height:20px;padding-left: 7px;}
.person-index-page .main .follow-content ul li .right .content {height:20px;padding:10px 0px;font-size:14px;font-weight:400;color:rgba(51,51,51,1);line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.person-index-page .main .follow-content ul li .right .bottom {height:25px;font-size:14px;font-weight:500;color: #333333;line-height:25px;}
.person-index-page .main .follow-content ul li .right .bottom a span font {color: #FF7E00;font-size: 18px;}
.person-index-page .main .follow-content ul li .watch{position: absolute;top:70px;font-size: 14px;font-weight:400;color: #fff;padding: 7px 13px;background:linear-gradient(131deg,rgba(255,86,21,1) 0%,rgba(226,5,5,1) 100%);border-radius:4px;vertical-align: middle;}

.person-index-page .main .follow-content ul li .VIP{display: inline-block;position: absolute;top: 30px;}
.person-index-page .main .follow-content ul li .VIP .img{width: 100%;height: 100%;}

/*下拉查看全部*/

.person-index-page .main .follow-content .allMore{font-size:14px;line-height: 20px;height: 20px;color: #666666;text-align: center;font-weight: 500;padding-top: 60px;}


/*我的收藏*/

/*资讯*/
.person-index-page .main .collect-content{background: #ffffff;width:940px;height:944px;float: left;margin-left: 20px;overflow: hidden;}
.person-index-page .main .collect-content .top{height: 60px;border-bottom: 1px solid #F4F4F4;}
.person-index-page .main .collect-content .top span {font-size: 14px;color: #333333;float: left;cursor: pointer;margin: 0 50px;line-height: 50px;font-weight: 500;}
.person-index-page .main .collect-content .top span:first-child{margin-left: 90px;}
.person-index-page .main .collect-content .top .select{font-size: 18px;color: #FF4350;border-bottom: 2px solid #FF4350;font-weight: 600;}
.person-index-page .main .collect-content .article-list>ul{padding: 0 30px;}
.person-index-page .main .collect-content .article-list>ul>li{height: 150px;padding:20px 0;border-bottom:1px solid #eee;cursor: pointer;}
.person-index-page .main .collect-content .article-list>ul>li:last-child{border-bottom: 0;}
.person-index-page .main .collect-content .article-list>ul>li>img{width: 200px;height: 150px;float: left;}
.person-index-page .main .collect-content .article-list>ul>li div{float: left;margin-left: 14px;width: 655px;}
.person-index-page .main .collect-content .article-list>ul>li div p:first-child{font-family:PingFangSC-Medium;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000;font-size: 18px;height: 52px;line-height: 52px;font-weight: 500;}
.person-index-page .main .collect-content .article-list>ul>li div p.main_content{font-size: 12px;color: #666;font-weight:400;width: 100%;font-family:PingFangSC-Regular;height: 44px;line-height:22px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.person-index-page .main .collect-content .article-list>ul>li div p:last-child{color: #666;font-size: 12px;font-weight: 400;height: 24px;line-height: 24px;margin-top: 20px;}
.person-index-page .main .collect-content .article-list>ul>li div p:last-child img{width: 24px;height: 24px;float: left;border-radius: 50%;}
.person-index-page .main .collect-content .article-list>ul>li div p:last-child span{display: block;float: left;margin-left: 14px;}
.person-index-page .main .collect-content .article-list>ul>li div p:last-child span i{color: #FF4350;font-weight: 500;font-family:PingFangSC-Medium;}
.person-index-page .main .collect-content .article-list>ul>li div p:last-child span:last-child,.person-index-page .main .collect-content .article-list ul li div p:last-child span:nth-child(4){float: right;}
.person-index-page .main .collect-content .article-list>ul>li div p:last-child span:last-child{margin-right: 10px;}

/*视频*/
.person-index-page .main .collect-content .video-list>ul {padding: 20px 0;}
.person-index-page .main .collect-content .video-list>ul>li {float: left;width: 250px;height:235px;margin:0 0 30px 30px;background-color: #fff;box-shadow: 0 2px 8px 0 rgba(187,187,187,0.86);}
.person-index-page .main .collect-content .video-list>ul>li .img {display: block;width: 250px;height: 140px;}
.person-index-page .main .collect-content .video-list>ul>li img {width: 100%;height: 100%;}
.person-index-page .main .collect-content .video-list>ul>li .title {height:20px;font-size:16px;font-weight:500;color:rgba(0,0,0,1);line-height:20px;padding:8px 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.person-index-page .main .collect-content .video-list>ul>li .title a {width: 100%;}
.person-index-page .main .collect-content .video-list>ul>li .author{font-size:16px;color:rgba(51,51,51,1);line-height:22px;height:22px;padding:0px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.person-index-page .main .collect-content .video-list>ul>li .bottom{padding: 10px 10px;line-height: 17px;height: 17px;}
.person-index-page .main .collect-content .video-list>ul>li .bottom span {font-size:12px;color:rgba(51,51,51,1);line-height:17px;}
.person-index-page .main .collect-content .video-list>ul>li .bottom .iconfont{color: #FF7E00;font-size:16px;}
.person-index-page .main .collect-content .video-list>ul>li .bottom .people{color: #333333;float: left;}
.person-index-page .main .collect-content .video-list>ul>li .bottom .time {color: #333333;float: right;}

/*课程*/
.person-index-page .main .collect-content .course-list>ul{padding: 20px 0;}
.person-index-page .main .collect-content .course-list>ul>li {float: left;width: 223px;height:235px;margin:0 0 30px 30px;background-color: #fff;border:1px solid rgba(229,229,229,1);box-sizing: border-box;}
.person-index-page .main .collect-content .course-list>ul>li:hover{box-shadow:0px 0px 6px 1px rgba(187,187,187,0.61);}
.person-index-page .main .collect-content .course-list>ul>li .img {display: block;width: 223px;height: 142px;}
.person-index-page .main .collect-content .course-list>ul>li img {width: 100%;height: 100%;}
.person-index-page .main .collect-content .course-list>ul>li .title {height:20px;font-size:14px;font-weight:500;color:rgba(0,0,0,1);line-height:20px;padding:8px 10px 0px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.person-index-page .main .collect-content .course-list>ul>li .title a {width: 100%;}
.person-index-page .main .collect-content .course-list>ul>li .content{height:34px;font-size:12px;font-weight:400;color:rgba(51,51,51,1);line-height:17px;padding:4px 10px 0px 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.person-index-page .main .collect-content .course-list>ul>li .bottom{padding: 4px 10px 0px 10px;line-height: 17px;height: 17px;}
.person-index-page .main .collect-content .course-list>ul>li .bottom span {height:17px;font-size:12px;font-weight:500;color:#333333;line-height:17px;}
.person-index-page .main .collect-content .course-list>ul>li .bottom .cost_course {color:rgba(255,126,0,1);float: left;}
.person-index-page .main .collect-content .course-list>ul>li .bottom .pay_course {color: #FF4350;}
.person-index-page .main .collect-content .course-list>ul>li .bottom .author {float: right;}


/*订单*/

.person-index-page .main .order-content{background: #ffffff;width:940px;/*height:944px;*/float: left;margin-left: 20px;overflow: hidden;}
.person-index-page .main .order-content .top{height: 60px;border-bottom: 1px solid #F4F4F4;}
.person-index-page .main .order-content .top span {float: left;font-size: 14px;color: #333333;cursor: pointer;font-weight: 500;margin: 0 50px;line-height: 50px;}
.person-index-page .main .order-content .top span:first-child{margin-left: 90px;}
.person-index-page .main .order-content .top .select{font-size: 18px;color: #FF4350;border-bottom: 2px solid #FF4350;font-weight: 600;}

.person-index-page .main .order-content .order-detail ul{padding: 20px 30px;}
.person-index-page .main .order-content .order-detail ul li{padding-top: 20px;border-bottom: 1px solid #F4F4F4;}
.person-index-page .main .order-content .order-detail ul li:first-child{padding-top: 0;}
.person-index-page .main .order-content .order-detail ul li .order-top span{cursor: pointer;height:20px;line-height:20px;font-size: 14px;color: #333333;font-weight: 400;}
.person-index-page .main .order-content .order-detail ul li .order-top span i{font-size: 12px;color: #999999;padding-left: 5px;}
.person-index-page .main .order-content .order-detail ul li .order-top span:last-child{float: right;}
.person-index-page .main .order-content .order-detail ul li .order-top .wait{color: #FF7E00;}
.person-index-page .main .order-content .order-detail ul li .content{cursor: pointer;padding: 12px 0 20px 0;}
.person-index-page .main .order-content .order-detail ul li .content .img{float: left;width: 200px;height: 127px;margin-right: 20px;}
.person-index-page .main .order-content .order-detail ul li .content .img img{width: 100%;height: 100%;}
.person-index-page .main .order-content .order-detail ul li .content .int{float: left;width: 660px;}
.person-index-page .main .order-content .order-detail ul li .content .int p{height:25px;font-size:14px;font-weight:500;line-height: 25px;max-width: 600px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 10px;}
.person-index-page .main .order-content .order-detail ul li .content .int p:first-child{font-size: 18px;font-weight: 400;height: 33px;line-height: 33px;padding-top: 0;}

.person-index-page .main .order-content .order-detail ul li .content .int .bottom{padding-top: 26px;}
.person-index-page .main .order-content .order-detail ul li .content .int .bottom span{float: left;cursor: pointer;}
.person-index-page .main .order-content .order-detail ul li .content .int .bottom span img{width: 24px;height: 24px;padding:0 5px 10px 0;}
.person-index-page .main .order-content .order-detail ul li .content .int .bottom span:first-child i{font-size: 20px;color: #EE762E;height: 33px;line-height: 33px;font-weight: 400;}
.person-index-page .main .order-content .order-detail ul li .content .int .bottom span:last-child{float:right;color:#666666;font-size:14px;font-weight:500;border: 1px solid #dddddd;width: 75px;height: 30px;border-radius:4px;text-align: center;line-height: 30px;}
.person-index-page .main .order-content .order-detail ul li .content .int .bottom span:nth-child(2){float:right;color:#FF7E00;font-size:14px;font-weight:500;border: 1px solid #FF7E00;width: 75px;height: 30px;border-radius:4px;text-align: center;line-height: 30px;margin-left: 20px;}
.person-index-page .main .order-content .order-detail ul li .content .int .bottom span:nth-child(3){float:right;margin-left:20px;color:#333;font-size:14px;font-weight:500;border: 1px solid #dddddd;width: 75px;height: 30px;border-radius:4px;text-align: center;line-height: 30px;}

/*直播间VIP订单*/
.person-index-page .main .order-content .order-detail ul .VIP .content .img{float: left;width: 100px;height: 100px;margin-right: 20px;border-radius: 50%;}
.person-index-page .main .order-content .order-detail ul .VIP .content .img img{width: 100%;height: 100%;border-radius: 50%;}
.person-index-page .main .order-content .order-detail ul .VIP .content .int {width: 760px;}


/*评价弹窗*/
.person-index-page .main .order-content .evaluatePopup{display:none;width:100%;height:100vh;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:99;}
.person-index-page .main .order-content .evaluatePopup .eva_popup{width:10rem;border-radius:0.106667rem;position:absolute;top:50%;left:50%;margin-left:-3.6rem;margin-top:-1.92rem;background:#fff;}
.person-index-page .main .order-content .evaluatePopup .eva_popup h3{}









/*相关推荐*/

.person-index-page .main .course-content {background: #ffffff;width:940px;height:944px;float: left;margin-left: 20px;overflow: hidden;}
.person-index-page .main .course-content .top{height: 60px;border-bottom: 1px solid #F4F4F4;line-height: 60px;}
.person-index-page .main .course-content .top p {padding-left: 30px;}
.person-index-page .main .course-content .top p span {float: left;font-size: 14px;color: #666666;font-weight: 500;}
.person-index-page .main .course-content .top p span a {display: inline-block;}
.person-index-page .main .course-content .top p span:last-child{color: #FF4350;}

.person-index-page .main .course-content .course-list h1{font-size: 18px;color: #333333;font-weight: 500;height: 25px;line-height: 25px;padding: 20px 0 14px 30px;}
.person-index-page .main .course-content .course-list ul li {cursor: pointer;float: left;width: 223px;height:235px;margin:0 0 20px 30px;background-color: #fff;border:1px solid rgba(229,229,229,1);box-sizing: border-box;}
.person-index-page .main .course-content .course-list ul li:hover{box-shadow:0px 0px 6px 1px rgba(187,187,187,0.61);}
.person-index-page .main .course-content .course-list ul li .img {display: block;width: 223px;height: 142px;}
.person-index-page .main .course-content .course-list ul li img {width: 100%;height: 100%;}
.person-index-page .main .course-content .course-list ul li .title {height:20px;font-size:14px;font-weight:500;color:rgba(0,0,0,1);line-height:20px;padding:8px 10px 0px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.person-index-page .main .course-content .course-list ul li .title a {width: 100%;}
.person-index-page .main .course-content .course-list ul li .content{height:34px;font-size:12px;font-weight:400;color:rgba(51,51,51,1);line-height:17px;padding:4px 10px 0px 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.person-index-page .main .course-content .course-list ul li .bottom{padding: 4px 10px 0px 10px;line-height: 17px;height: 17px;}
.person-index-page .main .course-content .course-list ul li .bottom span {height:17px;font-size:12px;font-weight:500;color:#333333;line-height:17px;}
.person-index-page .main .course-content .course-list ul li .bottom .cost_course {color:rgba(255,126,0,1);float: left;}
.person-index-page .main .course-content .course-list ul li .bottom .pay_course {color: #FF4350;}
.person-index-page .main .course-content .course-list ul li .bottom .author {float: right;}

/*订单详情*/
.person-index-page .main .detail-content {width:940px;height:944px;float: left;margin-left: 20px;overflow: hidden;}
.person-index-page .main .detail-content .top{background: #ffffff;height: 60px;}
.person-index-page .main .detail-content .top p{height: 60px;line-height: 60px;padding-left: 30px;}
.person-index-page .main .detail-content .top p span{font-size: 14px;color: #666666;font-weight: 500;}
.person-index-page .main .detail-content .top p span:last-child{color: #FF4350;}

.person-index-page .main .detail-content .content .tit{height: 42px;}
.person-index-page .main .detail-content .content .tit ul li{float:left;width:10%;height: 42px;line-height: 42px;font-size: 14px;color: #666666;font-weight: 500;text-align: center;}
.person-index-page .main .detail-content .content .tit ul .name{width: 30%;}
.person-index-page .main .detail-content .content .tit ul .dis{width: 20%;}

.person-index-page .main .detail-content .content .type{background:#ffffff;height: 140px;border-bottom: 1px solid #F0F0F0;display: flex;justify-content: center;align-items: center;}
.person-index-page .main .detail-content .content .type ul{width: 100%;display: flex;align-items: center;}
.person-index-page .main .detail-content .content .type ul li{float: left;width:10%;font-size: 14px;color: #333333;text-align: center;}
.person-index-page .main .detail-content .content .type ul li .com{cursor: pointer;color:#FF7E00;border: 1px solid #FF7E00;width: 54px;height: 21px;border-radius: 4px;text-align: center;margin: 0 auto;margin-top: 6px;}
.person-index-page .main .detail-content .content .type ul .name{width: 30%;}
.person-index-page .main .detail-content .content .type ul .dis{width: 20%;}
.person-index-page .main .detail-content .content .type ul .name div:first-child{float:left;width: 60px;height: 38px;border-radius: 4px;padding-right: 10px;}
.person-index-page .main .detail-content .content .type ul .name div:first-child img{width: 100%;height: 100%;border-radius: 4px;}
.person-index-page .main .detail-content .content .type ul .name div:last-child{float: left;width: 200px;text-align: left;}
.person-index-page .main .detail-content .content .type ul .name div:last-child p{font-size: 14px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.person-index-page .main .detail-content .content .type ul .name div:last-child p:last-child{color: #666666;padding-top: 4px;}


.person-index-page .main .detail-content .content .news{background:#ffffff;height: 159px;border-bottom: 1px solid #F0F0F0;}
.person-index-page .main .detail-content .content .news p{font-size: 18px;color: #333333;padding: 30px 0 14px 30px;}
.person-index-page .main .detail-content .content .news div span{font-size: 14px;color: #666666;font-weight: 500;}
.person-index-page .main .detail-content .content .news div {width:100%;padding-left: 30px;}
.person-index-page .main .detail-content .content .news div:last-child{padding: 20px 0 30px 30px;}
.person-index-page .main .detail-content .content .news div span{width: 50%;}
.person-index-page .main .detail-content .content .news div span:first-child{display: inline-block;}
.person-index-page .main .detail-content .content .news div span i:last-child{cursor: pointer;font-size: 14px;color: #FF7E00;padding-left: 10px;font-weight: 500;}

.person-index-page .main .detail-content .rec{background: #ffffff;height: 540px;}
.person-index-page .main .detail-content .rec p {font-size: 18px;color: #333333;font-weight:500;padding: 30px 0 14px 30px;}
.person-index-page .main .detail-content .rec ul li {cursor: pointer;float: left;width: 223px;height:235px;margin:0 0 20px 30px;background-color: #fff;border:1px solid rgba(229,229,229,1);box-sizing: border-box;}
.person-index-page .main .detail-content .rec ul li:hover{box-shadow:0px 0px 6px 1px rgba(187,187,187,0.61);}
.person-index-page .main .detail-content .rec ul li .img {display: block;width: 223px;height: 142px;}
.person-index-page .main .detail-content .rec ul li img {width: 100%;height: 100%;}
.person-index-page .main .detail-content .rec ul li .title {height:20px;font-size:14px;font-weight:500;color:rgba(0,0,0,1);line-height:20px;padding:8px 10px 0px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.person-index-page .main .detail-content .rec ul li .title a {width: 100%;}
.person-index-page .main .detail-content .rec ul li .content{height:34px;font-size:12px;font-weight:400;color:rgba(51,51,51,1);line-height:17px;padding:4px 10px 0px 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.person-index-page .main .detail-content .rec ul li .bottom{padding: 4px 10px 0px 10px;line-height: 17px;height: 17px;}
.person-index-page .main .detail-content .rec ul li .bottom span {height:17px;font-size:12px;font-weight:500;color:#333333;line-height:17px;}
.person-index-page .main .detail-content .rec ul li .bottom .cost_course {color:rgba(255,126,0,1);float: left;}
.person-index-page .main .detail-content .rec ul li .bottom .pay_course {color: #FF4350;}
.person-index-page .main .detail-content .rec ul li .bottom .author {float: right;}


/*信息管理*/
.person-index-page .main .infor-content{background: #ffffff;width:940px;height:944px;float: left;margin-left: 20px;overflow: hidden;}
.person-index-page .main .infor-content ul{padding: 50px;width: 450px;}
.person-index-page .main .infor-content ul li {padding: 25px 0;}
.person-index-page .main .infor-content ul li p{float: left;}
.person-index-page .main .infor-content ul li p:first-child{width:40%;font-size: 14px;color: #999999;font-weight: 500;}
.person-index-page .main .infor-content ul li p:last-child{max-width:60%;font-size: 14px;color: #4A4A4A;font-weight: 500;}
.person-index-page .main .infor-content ul li .img{width: 88px;height: 88px;border-radius: 50%;position: relative;}
.person-index-page .main .infor-content ul li .img img {width: 100%;height: 100%;border-radius: 50%;}
.person-index-page .main .infor-content ul li:first-child span{font-size: 14px;color:#2D8DED;position: relative;top: 75px;right: 16px;cursor: pointer;}
.person-index-page .main .infor-content ul li:first-child p:first-child{margin-top: 34px;}
.person-index-page .main .infor-content ul li:nth-child(2) span {cursor: pointer;font-size: 14px;color: #2D8DED;padding-left: 8px;}



/*我的账户*/
.person-index-page .main .login-content{width:940px;height:944px;float: left;margin-left: 20px;overflow: hidden;}
.person-index-page .main .login-content .login-int{background: #ffffff;margin-bottom: 20px;height: 140px;}
.person-index-page .main .login-content .login-int .img{float: left;width: 60px;height: 60px;border-radius: 50%;margin: 40px 20px 0 40px;}
.person-index-page .main .login-content .login-int .img img{width: 100%;height: 100%;border-radius: 50%;}
.person-index-page .main .login-content .login-int .info{float: left;margin-top: 43px;}
.person-index-page .main .login-content .login-int .info p:first-child{font-size: 14px;color: #333333;font-weight: 500;}
.person-index-page .main .login-content .login-int .info p:last-child{font-size: 28px;color: #E70F1D;font-weight: 600;padding-top: 3px;}
.person-index-page .main .login-content .login-int .info p .iconfont{cursor: pointer;font-size: 14px;color: #FF7E00;padding-left: 8px;}
.person-index-page .main .login-content .login-int .show{float: left;margin: 20px;padding:10px;width: 260px;height: 80px;background: #FFF8F0;}
.person-index-page .main .login-content .login-int .show p{font-size: 12px;font-weight: 500;color: #4A4A4A;font-family:SourceHanSansCN-Medium,"微软雅黑";}

.person-index-page .main .login-content .login-main{background: #ffffff;height: 784px;}
.person-index-page .main .login-content .login-main .top{height: 60px;border-bottom: 1px solid #F0F0F0;}
.person-index-page .main .login-content .login-main .top span {float: left;font-size: 14px;color: #333333;cursor: pointer;font-weight: 500;margin: 0 50px;line-height: 50px;}
.person-index-page .main .login-content .login-main .top span:first-child{margin-left: 90px;}
.person-index-page .main .login-content .login-main .top .select{font-size: 18px;color: #FF4350;border-bottom: 2px solid #FF4350;font-weight: 600;}

.person-index-page .main .login-content .login-main .cen ul{padding: 20px 38px;}
.person-index-page .main .login-content .login-main .cen ul li{cursor: pointer;float:left;width: 260px;height: 130px;margin: 0 38px 20px 0px;border: 1px solid #EDEDED;display: flex;justify-content: center;align-items: center;}
.person-index-page .main .login-content .login-main .cen ul li:nth-child(3n){margin-right: 0;}
.person-index-page .main .login-content .login-main .cen ul li p:first-child{font-size: 24px;color: #EE762E;font-weight: 500;text-align: center;}
.person-index-page .main .login-content .login-main .cen ul li p:nth-child(2){font-size: 14px;color: #999999;font-weight: 400;text-align: center;padding-top: 7px;}
.person-index-page .main .login-content .login-main .cen ul li p:last-child{display:none;font-size: 14px;color: #ffffff;border: 1px solid #FF7E00;background: #FF7E00;width: 80px;height: 32px;border-radius: 4px;line-height: 32px;text-align: center;margin: 0 auto;margin-top: 10px;}
.person-index-page .main .login-content .login-main .cen ul li:hover p:last-child{display: block;}

.person-index-page .main .login-content .login-main .cen .int {margin: 20px 0 20px 40px;}
.person-index-page .main .login-content .login-main .cen .int p {font-size: 14px;font-weight: 400;padding-top:2px;color: #4A4A4A;font-family:SourceHanSansCN-Medium,"微软雅黑";}
.person-index-page .main .login-content .login-main .cen .int .tit {font-size: 18px;font-weight: 500;padding-top:0;color: #333333;margin-bottom: 8px;}
.person-index-page .main .login-content .login-main .cen .int p a{display: inline-block;color: #FF7E00;}

.person-index-page .main .login-content .login-main .exp ul{padding: 20px 40px;overflow: hidden;}
.person-index-page .main .login-content .login-main .exp ul li {padding:10px 0;width: 100%;}
.person-index-page .main .login-content .login-main .exp ul li span{float: left;font-size: 14px;color: #333333;font-weight: 500;font-family:SourceHanSansCN-Medium,"微软雅黑";}
.person-index-page .main .login-content .login-main .exp ul li span:first-child{width: 27%;}
.person-index-page .main .login-content .login-main .exp ul li span:nth-child(2){width: 44%;}
.person-index-page .main .login-content .login-main .exp ul li span:last-child{width: 29%;}
.person-index-page .main .login-content .login-main .exp ul li span font{color: #FF7E00;}
.person-index-page .main .login-content .login-main .exp ul li:first-child span{font-size: 12px;color: #666666;font-weight: 500;}

/*分页*/
.page-turning {margin: 50px auto;}
.page-turning .pageNew {width: fit-content;margin: 0 auto;}
.page-turning .pageNew .next {float: left;border-radius:4px;border:1px solid rgba(230,230,230,1);padding: 3px 12px;margin: 0 10px;height:14px;font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:#4A4A4A;line-height:14px;cursor: pointer;}
.page-turning .pageNew .on{background: #E70F1D;color: #FFFFFF;border:1px solid #E70F1D;}
.page-turning .pageNew .sever{border: 0;margin: 0;}
.page-turning .pageNew .last{background: #E70F1D;color: #FFFFFF;}

/*我的课程*/

.courseUser{background: #ffffff;width:940px;height:944px;float: left;margin-left: 20px;overflow: auto;}
.courseUser>p{height: 65px;line-height: 65px;font-size: 18px;padding: 0 30px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color: #333333;border-bottom: 1px solid #F4F4F4;}
.courseUser>ul{padding: 20px 0;}
.courseUser>ul>li {float: left;width: 249px;height:235px;margin:0 0 30px 30px;background-color: #fff;border:1px solid rgba(229,229,229,1);box-sizing: border-box;}
.courseUser>ul>li:hover{box-shadow:0px 0px 6px 1px rgba(187,187,187,0.61);}
.courseUser>ul>li .img {display: block;width: 249px;height: 142px;}
.courseUser>ul>li img {width: 100%;height: 100%;}
.courseUser>ul>li .title {height:20px;font-size:14px;font-weight:600;color:rgba(0,0,0,1);line-height:20px;padding:8px 10px 0px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.courseUser>ul>li .title a {width: 100%;}
.courseUser>ul>li .content{height:34px;font-size:12px;font-weight:400;color:rgba(51,51,51,1);line-height:17px;padding:4px 10px 0px 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.courseUser>ul>li .bottom{padding: 4px 10px 0px 10px;line-height: 17px;height: 17px;}
.courseUser>ul>li .bottom span {height:17px;font-size:12px;font-weight:500;color:#333333;line-height:17px;}
.courseUser>ul>li .bottom .cost_course {color:rgba(255,126,0,1);float: left;}
.courseUser>ul>li .bottom .pay_course {color: #FF4350;}
.courseUser>ul>li .bottom .author {float: right;}

/*滚动条*/
.person-index-page .main .courseUser::-webkit-scrollbar { /*滚动条整体样式*/width: 5px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}
.person-index-page .main .courseUser::-webkit-scrollbar-thumb { /*滚动条里面小方块*/border-radius: 4px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #999999;}
.person-index-page .main .courseUser::-webkit-scrollbar-track { /*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #EBEBEB;}


/*收款公示*/
.person-index-page .main .pay{background: #ffffff;width: 900px;height: 2555px;float: left;margin-left: 20px;overflow: auto;padding: 20px 20px;}
.person-index-page .main .pay .title{height:30px;font-size:20px;font-family:SourceHanSansCN-Medium,"微软雅黑";font-weight:500;color:rgba(74,74,74,1);line-height:30px;text-align: center;}
.person-index-page .main .pay .top>p:first-child{height:30px;font-size:16px;font-family:SourceHanSansCN-Bold,"微软雅黑";color:rgba(74,74,74,1);line-height:30px;}
.person-index-page .main .pay .top>p:last-child{height:20px;font-size:14px;font-family:SourceHanSansCN-Medium,"微软雅黑";font-weight:500;color:rgba(74,74,74,1);line-height:20px;padding-top: 20px;}
.person-index-page .main .pay .middle .first{padding-top: 30px;}
.person-index-page .main .pay .middle>p{padding-top: 10px;height:20px;font-size:14px;font-family:SourceHanSansCN-Medium,"微软雅黑";font-weight:500;color:rgba(74,74,74,1);line-height:20px;}
.person-index-page .main .pay .img{padding-top: 30px;}
.person-index-page .main .pay .img>img {width: 400px;height: 450px;}
.person-index-page .main .pay .img>img:last-child{margin-left: 40px;}
.person-index-page .main .pay .last {height:20px;font-size:14px;font-family:SourceHanSansCN-Bold,"微软雅黑";font-weight:bold;color:rgba(231,14,29,1);line-height:20px;padding-top: 30px;}

.person-index-page .main .pay .one {height: 30px;display: block;margin: 20px 0;}
.person-index-page .main .pay .one i {display:block;width: 4px;height:17px;float: left;background: #FF4350;margin-top: 8px;}
.person-index-page .main .pay .one span{font-size: 18px;color: #FF4350;margin-left: 5px;float: left;line-height: 30px;font-weight: 600;}
/*营业执照*/
.person-index-page .main .pay .prove .left{display: inline-block;float: left;width: 424px;}
.person-index-page .main .pay .prove .right{display: inline-block;float: left;margin-left: 22px;margin-top: 138px;}
.person-index-page .main .pay .prove div img {width: 424px;}
.person-index-page .main .pay .info{padding-top: 10px;height: 20px;font-size: 14px;font-family: SourceHanSansCN-Medium,"微软雅黑";font-weight: 500;color: rgba(74,74,74,1);line-height: 20px;}
.person-index-page .main .pay .fix{margin: 20px 0;}
.person-index-page .main .pay .fix>img{width: 100%;}

/*订单合同*/
.person-index-page .main .person-contract{background: #ffffff;width: 900px;min-height: 950px;float: left;margin-left: 20px;overflow: auto;padding: 20px 20px;}
.person-index-page .main .person-contract .title{height:30px;font-size:22px;font-family:SourceHanSansCN-Medium,"微软雅黑";font-weight:600;color:#0D0D0D;line-height:30px;text-align: center;}
.person-index-page .main .person-contract>ul.contractList{padding: 20px 0;}
.person-index-page .main .person-contract>ul.contractList>li{padding: 30px;border-bottom: 2px solid #F4F4F4;}
.person-index-page .main .person-contract>ul.contractList>li:last-child{border-bottom: 0;}
.person-index-page .main .person-contract>ul.contractList>li>p{height:32px;font-size:18px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;font-weight:400;color:rgba(13,13,13,1);line-height:32px;padding: 5px;}
.person-index-page .main .person-contract>ul.contractList>li>p:first-child{display: inline-block;}
.person-index-page .main .person-contract>ul.contractList>li>span{color: #F33232;float:right;height:32px;font-size:18px;line-height:32px;}
.person-index-page .main .person-contract>ul.contractList>li>span.on{color: #999999;}
.person-index-page .main .person-contract>ul.contractList>li>a{display: block;width: 300px;padding:5px 10px;margin:10px auto;text-align:center;height:32px;line-height:32px;font-size:16px;color: #ffffff;background: #F33232;border-radius: 6px;margin-top: 15px;}
.person-index-page .main .person-contract>ul.contractList>li>a.on{background: #4A4A4A;}
.person-index-page .main .person-contract .null{font-size: 18px; color: #999999;margin-top: 60px;text-align: center;}


/*我的订单订单 "早八点资讯订单"*/
.orderAM{background: #ffffff;width:900px;height:944px;float: left;margin-left: 20px;border-radius: 6px;}
/*订单类型切换选择*/
.orderAM .choiceType {background: #FFFAFA;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.03);}
.orderAM .choiceType p{display: inline-block;font-size: 16px;color: #333333;height: 62px;line-height: 62px;padding: 0 30px;cursor: pointer;}
.orderAM .choiceType p:first-child{padding-left: 50px;}
.orderAM .choiceType p.on{font-size: 18px;font-weight: bold;}

.orderAM .top{height: 60px;line-height: 75px;border-bottom: 1px solid #EBEBEB;padding: 0 20px;}
.orderAM .top span{cursor: pointer;padding: 0 30px;font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #333333;border-right: 2px solid #EBEBEB;}
.orderAM .top span:first-child{padding-left: 50px;}
.orderAM .top span:last-child{border-right: 0;}
.orderAM .top span.select{font-size: 18px;font-weight: 600;color: #FF4350; /*border-bottom:1px solid #FF4350;*/}
.orderAM .orderAMlist {overflow: auto;height: 815px;padding: 0 20px;}
.orderAM .orderAMlist li{border: 1px solid #FFD4D7;margin-bottom: 20px;}
.orderAM .orderAMlist li:first-child{margin-top: 10px;}
.orderAM .orderAMlist li .infoAM{background: #FFE8EA;border: 1px solid #FFD4D7;height: 36px;line-height: 36px;}
.orderAM .orderAMlist li .infoAM p.name{font-size: 14px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #333333;float: left;padding-left: 20px;}
.orderAM .orderAMlist li .infoAM p.name img{width: 16px;height: 16px;padding-right: 5px;padding-bottom: 3px;}
.orderAM .orderAMlist li .infoAM p.state{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #999999;float: right;padding-right: 20px;}
.orderAM .orderAMlist li .conAM{padding: 0 20px 20px 20px;}
.orderAM .orderAMlist li .conAM div.left{float: left;width: 50%;}
.orderAM .orderAMlist li .conAM div.right{float: right;width: 35%;}
.orderAM .orderAMlist li .conAM p{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #333333;padding-top: 20px;}
.orderAM .orderAMlist li .conAM p i{font-size: 16px;letter-spacing:2px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #999999;}
.orderAM .orderAMlist li .conAM p span{float: right;}
.orderAM .orderAMlist li a{float: right;width:97px;text-align:center;letter-spacing:1px;margin: 0 20px 20px 0;border-radius: 6px;padding: 8px 16px;color: #ffffff;font-weight: 500;font-size: 16px;}
.orderAM .orderAMlist li a.zhifu{background: #FF4350;}
.orderAM .orderAMlist li a.tuikuan{border: 1px solid #EBEBEB;color: #999999;}

/*无数据提示*/
.tipsShow{display: none;width: 100%;padding: 200px 0;text-align: center;}
.tipsShow img{width: 188px;}


/*微信扫码*/

.payCode{
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
}
.payCode #qrcode{
    position: fixed;
    bottom: 30%;
    left: 50%;
    z-index: 1001;
    width: 375px;
    height: 392px;
    margin-left: -185px;
    background: #FFFFFF;
    box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.0600);
    border-radius: 3px;
}
.payCode #qrcode h2{
    text-align: center;
    padding-top: 60px;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}

.payCode #qrcode img{
    margin: 0 auto;
    margin-top: 30px;
    width: 224px;
    height: 224px;
}
.payCode #qrcode span{
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.5);
    cursor: pointer;
}

/*支付宝支付*/

.payZFB{
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
}
.payZFB #zfbCode{
    position: fixed;
    bottom: 40%;
    left: 50%;
    width: 200px;
    min-height: 200px;
    margin-left: -100px;
    background-color: #fff;
    z-index: 1001;
}