.fl{float:left;}
.fr{float:right;}
.mr-20{
	margin-right:20px;
}
.mt-15{
	margin-top:15px;
}

.mb-20{
	margin-bottom:20px;
}

.mb-15{
	margin-bottom:15px;
}

.mb-30{
	margin-bottom:30px;
}
.mt-40{
	margin-top:40px;
}
.mt-35{
	margin-top:35px;
}
.mt-30{
	margin-top:30px;
}
.mt-20{
	margin-top:20px;
}

.mt-40{
	margin-top:40px;
}
.mr-30{
	margin-right:30px;
}
.mt-15{
	margin-top:15px;
}
.mt-10{
	margin-top:10px;
}
.pan-purple-color{
	color:#24A25B;
}

.pan-blue-color{
	color:#24A25B;
}

.pan-orange-color{
	color:#f5a564;
}

.pan-green-color{
	color:#89e790;
}

.mt-50{
	margin-top:50px;
}
.clearfix:after{
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.clearfix{
    zoom:1;
}

body{
	background:#F8F8FA;
}

/* 预约上课页 */

.pan-header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	background:white;
	-moz-box-shadow:0px 4px 8px #EDECF0; -webkit-box-shadow:0px 4px 8px #EDECF0; box-shadow:0px 4px 8px #EDECF0;
}

.pan-header-wrap{
   height:70px;
   width:100%;
   border-bottom:1px solid #eee;
}
.pan-logo a img{
	width:150px;
}
.pan-logo{
	padding-left:56px;
	padding-top:18px;
}
.pan-nav ul{
	font-size:0;
	padding-left:34px;
	padding-top:23px;
}
.pan-nav ul li{
	margin-right:36px;
	display:inline-block;
}
.pan-nav ul a{
	display:block;
	font-size:16px;
	color:#282828;
	text-decoration:none;
}
.pan-nav ul a:hover{
	color:#24A25B;
	border-bottom:2px solid #24A25B;
	padding-bottom:8px;
}
.pan-nav ul a.selected{
	color:#24A25B;
	border-bottom:2px solid #24A25B;
	padding-bottom:8px;
}

.pan-hw-right{
	padding-right:56px;
	padding-top:15px;
}
.pan-user{
	margin-right:17px;
}
.pan-user a{
	font-size:14px;
	color:black;
}
.pan-user img{
	margin-right:8px;
	vertical-align:middle;
	border-radius:200px;
	width:38px;
}
.pan-logout{
	padding-top:2px;
}
.pan-logout a{
	font-size:13px;
	color:white;
	background:#8c94a4;
	display:block;
	text-align:center;
	line-height:35px;
	border-radius:5px;
	width:83px;
	height:35px;
}
.pan-x-wechat{
	padding-top:9px;
}
.pan-x-wechat a{
	color:black;
	font-size:14px;
}
.pan-hw-right a:hover{
	/*color:#24A25B;*/
}
.pan-logout a:hover{
	color:white;
}

.pan-header-child{
	height:70px;
	max-width:1140px;
	margin:0 auto;
}

.pan-hcl-item{
	margin-right:4px;
	padding-top:17px;
	display:inline-block;
}

.pan-hcl-item a{
	width:180px;
	font-size:16px;
	height:36px;
	color:#77b49b;
	text-align:center;
	line-height:36px;
	border:1px solid #77b49b;
	display:block;
	border-radius:8px;
}

.pan-hcr-condition{
	padding-top:15px;
}


.pan-hcl-item a.selected{
	color:#3a9771;
	background:#d1ece1;
	border:1px solid #d1ece1;
}

.pan-hcr-select{
	margin-right:30px;
	margin-top:2px;
}

.pan-hcr-condition h4{
	color:#999999;
	padding-top:10px;
	margin-right:15px;
	font-size:15px;
	font-weight:normal;
}

.pan-search-wrap{
	border:1px solid black;
	border-radius:200px;
	position:relative;
	height:33px;
	width:215px;
}
.pan-search-wrap input{
	border:none;
	margin-top:9px;
	margin-left:14px;
	width:200px;
}
.pan-search-wrap input:focus{
	outline:none;
}
.pan-search-wrap a img{
	width:18px;
	position:absolute;
	top:7px;
	right:18px;
}

.pan-content{
	max-width:1140px;
	margin:0 auto;
}

.pan-content h3{
	font-size:22px;
	font-weight:normal;
	padding-top:24px;
	padding-bottom:24px;
}

.pan-card-l-item{
	width:23.5%;
	background:white;
	border-radius:15px;
	height:280px;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	-moz-box-shadow:0px 0px 3px #EDECF0; -webkit-box-shadow:0px 0px 3px #EDECF0; box-shadow:0px 0px 3px #EDECF0;
}
.pan-card-l-item:nth-child(4n){
	margin-right:0%;
}

.pan-card-li-top{
	padding-top:16px;
	padding-left:19px;
	padding-right:19px
}

.pan-card-lt-face a img{
	width:50px;
	height:50px;
	border-radius:200px;
}

.pan-card-lt-face{
	margin-right:15px;
}
.pan-card-lt-txt{
	padding-top:5px;
}
.pan-card-lt-txt a.p-card-usertxt{
	font-size:15px;
	color:#3c3c3c;
}

.pan-card-li-top{
	position:relative;
}

.pan-card-lt-wrap{
	padding-bottom:10px;
	border-bottom:1px solid #d9d9d9;
}

.pan-card-lt-wrap.pan-card-lt-detail-wrap{
	border-bottom:none;
}

.pan-card-ltt-sc{
	margin-top:4px;
}
.pan-card-star{
	margin-right:8px;
}
.pan-card-star span{
	color:#24A25B;
	font-weight:bold;
	font-size:13px;
	padding-left:5px;
}
.pan-card-comment{
	font-size:13px;
	padding-left:8px;
	border-left:1px solid #ababab;
}
.pan-card-comment span{
	color:#24A25B;
}

.language-change-wrap{
	position:absolute;
	right:10px;
	top:6px;
	background:#f3f5f7;
	border-radius:80px;
	font-size:0;
	padding:2px;
}
.language-change-wrap a{
	display:inline-block;
	font-size:13px;
	border-radius:80px;
	color:#999999;
	padding:3px 5px;
}

.language-change-wrap a.selected{
	background:white;
	color:#915ba6;
}

.pan-card-li-content{
	margin-left:19px;
	margin-right:19px;
	margin-top:11px;
}

.pan-card-tags{
	font-size:0;
}

.pan-card-tags a{
	font-size:12px;
	display:inline-block;
	padding:1px 7px 3px 7px;
	margin-right:3px;
	background:#c8cacc;
	color:white;
	border-radius:80px;
	margin-bottom:6px;
}

.pan-card-words-cn{
	margin-top:5px;
	color:black;
	font-size:12px;
	width:238px;
	overflow : hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
}

.pan-card-words{
	margin-top:7px;
	height:35px;
	color:black;
	font-size:12px;
	line-height:18px;

            width:238px;
            overflow : hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
}
a.pan-yuyue-a{
	width:90%;
	height:32px;
	line-height:32px;
	margin:0 auto;
	margin-top:16px;
	text-align:center;
	color:#24A25B;
	display:block;
	font-size:14px;
	border:1px solid #24A25B;
	border-radius:80px;
}

a.pan-yuyue-a:hover{
	background:#24A25B;
	color:white;
}

.pan-footer{
	width:100%;
	height:190px;
	background:#373d41;
}

.pan-footer-wrap{
	width:1140px;
	margin:0 auto;
}

.pan-footer-wrap{
	color:white;
	font-size:14px;
}
.pan-footer-contact{
	padding-top:33px;
}
.pan-footer-contact p{
	margin-bottom:12px;
}

.pan-footer-company{
	font-size:15px;
	padding-top:18px;
	text-align:center;
}

/* 预约上课页 end */

/* 预约上课页 详情 */

.pan-time-table{
    width:780px;
	background:white;
	border-radius:8px;
	-moz-box-shadow:0px 0px 3px #EDECF0; -webkit-box-shadow:0px 0px 3px #EDECF0; box-shadow:0px 0px 3px #EDECF0;
}
.pan-time-t-top{
	padding-top:15px;
	text-align:center;
}
.pan-time-teacher{
	width:340px;
	
	-moz-box-shadow:0px 0px 3px #EDECF0; -webkit-box-shadow:0px 0px 3px #EDECF0; box-shadow:0px 0px 3px #EDECF0;
}
.pan-date-sub{
	padding-top:38px;
}
.pan-ttt-date a img{
	width:8px;
}
.pan-ttt-date span{
	font-size:18px;
	color:black;
	
}
.pan-span-date{
	padding-left:26px;
	padding-right:26px;
}
.pan-time-tip{
	margin-top:8px;
	color:#999999;
	font-size:13px;
}
.pan-time-t-content{
	padding-bottom:15px;
	padding-left:30px;
	padding-right:18px;
	margin-top:0px;
}

.pan-time-tc-table{
	height:620px;
	font-size:15px;
	color:black;
	width:100%;
	overflow-y:scroll;
}

.date-time-title .pan-date{
	position:absolute;
	right:5px;
	top:3px;
}
.date-time-title .pan-time{
	position:absolute;
	left:5px;
	bottom:3px;
}

.date-time-title .pan-table-line{
	width:97px;
	height:1px;
	background:#e6e6e6;
	position:absolute;
	left:-4px;
	top:24px;
	transform:rotate(28deg);
	-ms-transform:rotate(28deg); 	/* IE 9 */
	-moz-transform:rotate(28deg); 	/* Firefox */
	-webkit-transform:rotate(28deg); /* Safari 和 Chrome */
	-o-transform:rotate(28deg); 	/* Opera */
}

.date-time-title{
	width:88px;
	position:relative;
	float:left;
	height:49px;
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
}

.pan-time-tc-table-wrap{
	width:712px;
	text-align:center;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

.pan-date-title-item{
	height:49px;
	width:88px;
	float:left;
	
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
}

.pan-til-time{
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	float:left;
	height:49px;
	line-height:49px;
	width:88px;
}

.pan-table-item-liner{
	width:100%;
}

.pan-til-tcontent{
	
}

.pan-til-tc-l-item{
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	float:left;
	line-height:24px;
	height:24px;
	font-size:13px;
	width:88px;
	position:relative;
}

.pan-til-hover{
	width:100%;
	height:24px;
	border:1px solid #41705d;
	position:absolute;
	left:0px;
	top:0px;
}

.pan-til-hover-click{
	width:100%;
	height:24px;
	border:1px solid #41705d;
	position:absolute;
	left:0px;
	top:0px;
}

.pan-til-click-content{
	padding-top:2px;
	color:#41705d;
}
.pan-til-click-content img{
	margin-right:6px;
}

.pan-time-tw-item:hover{
	background:#f4f4f4;
}

.pan-date-title-item p:first-child{
	padding-top:6px;
}
.pan-date-title-item p{
	padding-bottom:3px;
}

.pan-bg-grey{
	background:#f1f1f1;
}
.pan-green-word{
	color:#0b602a;
}
.pan-bg-dark-grey{
	background:#e4e4e4;
	
}

.pan-red-word{
	color:#ff1e48;
}

.pan-time-tct-top{
	position:absolute;
	background:white;
	z-index:9;
}

.pan-time-t-top{
	
	background:white;
	padding-bottom:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.pan-table-all-lines{
	padding-top:50px;
}

.pan-time-tc-table::-webkit-scrollbar{
	width:5px;
}

.pan-time-tc-table::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 10px;

        

        background: #9f9f9f;

    }
	
	
	.pan-time-tc-table::-webkit-scrollbar-track {/*滚动条里面轨道*/

        

        border-radius: 10px;

        background: #f3f5f7;

}

.pan-time-teacher{
	background:white;
	border-radius:8px;
	padding-bottom:44px;
}

.pan-time-teacher-top{
	padding-top:20px;
	padding-left:22px;
}

.pan-time-teacher-top h4{
	font-size:16px;
	font-weight:normal;
	color:#2b2b2b;
}

.pan-time-teacher-top{
	position:relative;
	padding-bottom:12px;
	border-bottom:1px solid #eee;
}
.pan-time-teacher-top span{
	position:absolute;
	top:25px;
	right:20px;
	color:#2b2b2b;
	font-size:15px;
}
.pan-time-teacher-top p{
	color:#2b2b2b;
	font-size:12px;
	margin-top:14px;
}

.pan-date-sub{
	height:100%;

}

.pan-card-lt-face.pan-card-lt-f-detail{
	padding-top:10px;
}

.pan-card-lt-wrap.pan-card-lt-detail-wrap{
	padding-top:8px;
	padding-left:14px;
}

.pan-card-tags.pan-detail-card-tags{
	margin-top:5px;
	width:200px;
}

.pan-time-tw-item{
	cursor:pointer;
	position:relative;
}

a.pan-time-twi-yy{
	position:absolute;
	border-radius:80px;
	font-size:14px;
	padding:4px 18px;
	color:#24A25B;
	border:1px solid #24A25B;
	right:10px;
	top:10px;
}

a.pan-time-twi-yy:hover{
	background:#24A25B;
	color:white;
}

.pan-teacher-intro{
	padding-left:20px;
	padding-right:20px;
	border-bottom:1px solid #eee;
	padding-bottom:25px;
}

.pan-uil-detail{
	text-align:center;
	padding-bottom:23px;
}

.pan-user-info{
	padding-top:30px;
}

.pan-user-info-left{
	width:260px;
}

.pan-uil-detail img{
	width:65px;
	border-radius:200px;
}

.pan-uil-detail{
	border-radius:8px;
	padding-top:30px;
	background:white;
	-moz-box-shadow:0px 0px 3px #EDECF0; -webkit-box-shadow:0px 0px 3px #EDECF0; box-shadow:0px 0px 3px #EDECF0;
}
.pan-uil-pos{
	font-size:13px;
}
.pan-uil-pos img{
	width:10px;
}

.pan-uil-username{
	font-size:16px;
	padding-top:10px;
	color:#282828;
}

.pan-uil-uid{
	font-size:14px;
	color:#666666;
	padding-top:3px;
}

.pan-uil-pos{
	padding-top:14px;
}

.pan-uil-pos img{
	vertical-align:sub;
}

.pan-uil-pos span{
	padding-left:5px;
}

a.pan-user-yy-a{
	font-size:14px;
	color:white;
	background:#24A25B;
	display:block;
	margin-left:20px;
	margin-right:20px;
	padding-top:7px;
	padding-bottom:7px;
	border-radius:200px;
	margin-top:20px;
}

.pan-uil-nav{
    margin-top:15px;	
    background:white;
	border-radius:8px;
	-moz-box-shadow:0px 0px 3px #EDECF0; -webkit-box-shadow:0px 0px 3px #EDECF0; box-shadow:0px 0px 3px #EDECF0;
}

.pan-uil-nav ul{
	padding:15px 35px 5px 35px;;
}

.pan-uil-nav ul li a{
	color:black;
	font-size:15px;
	margin-bottom:28px;
	display:block;
}

.pan-uil-nav ul li a.selected{
	color:#24A25B;
	border-right:3px solid #24A25B;
}

.pan-uil-nav ul li a img{
	vertical-align:sub;
	margin-right:10px;
}

/*.pan-uil-nav ul li a:hover{
	color:#24A25B;
	border-right:3px solid #24A25B;
} */

.pan-user-datas{
	background:white;
	border-radius:8px;
	
	-moz-box-shadow:0px 0px 3px #EDECF0; -webkit-box-shadow:0px 0px 3px #EDECF0; box-shadow:0px 0px 3px #EDECF0;
}

.pan-user-data-wrap{
	width:855px;
}

.pan-userd-l-item{
	width:20%;
	float:left;
	text-align:center;
}

.pan-userd-title{
	font-size:16px;
	position:relative;
	color:#535353;
	border-bottom:1px solid #eee;
	padding-bottom:18px;
	padding-top:18px;
	padding-left:34px;
}

.pan-userd-title a{
	display:block;
	float:left;
	margin-right:35px;
	padding-top:18px;
	padding-bottom:18px;
	color:#3f3f3f;
	padding-left:15px;
	padding-right:15px;
	
}

.pan-userd-title a.selected{
	font-weight:bold;
	border-bottom:2px solid #1f6c3b;
}

.pan-userd-title.pan-userd-title-convert{
	padding-bottom:0;
	padding-top:0px;
}

.pan-userd-list{
	margin-top:24px;
	padding-bottom:24px;
}

.pan-userd-l-item-wrap{
	
}

.pan-userd-l-item-wrap p{
	font-size:23px;
	padding-bottom:5px;
}

.pan-userd-l-item-wrap span{
	color:#c4c4c4;
	font-size:14px;
}

.pan-userd-l-item-wrap{
	border-right:1px solid #eee;
}

.pan-userd-l-item:last-child .pan-userd-l-item-wrap{
	border-right:none;
}

.pan-user-sli-u,.pan-user-sli-txt,.pan-user-sli-btns{
	width:33.2%;
	border-right:1px solid #eee;
}

.pan-user-sli-btns{
	border-right:none;
}

.pan-user-sliu-time{
	font-size:17px;
	color:#666666;
}

.pan-user-sli-u img{
	width:50px;
	margin-right:22px;
}

.pan-user-sub-list{
	margin-top:25px;
	padding-bottom:12px;
}

.pan-ust-status{
	font-size:14px;
	margin-bottom:4px;
}

.pan-ust-time-date{
	font-size:12px;
	margin-top:3px;
}

.pan-user-sliu-wrap{
	padding-left:45px;
}

.pan-user-sli-txt{
	font-size:12px;
}

.pan-user-sli-txt p.pan-user-slit-uname span{
	font-size:14px;
	color:black;
}

.pan-user-sli-txt-wrap{
	padding-left:25px;
}

.pan-user-sli-txt-wrap p{
	margin-bottom:5px;
}

.pan-user-sli-txt-wrap span:last-child{
	padding-left:20px;
}

.pan-user-sli-btns-wrap{
	padding-left:30px;
	padding-right:30px;
	padding-top:4px;
}

.pan-user-sli-btns-wrap a{
	display:block;
	float:left;
	width:100px;
	color:#24A25B;
	margin-bottom:12px;
}

.pan-user-sli-btns-wrap a img{
	vertical-align:middle;
	margin-right:4px;
}

.pan-user-sl-item{
	padding-bottom:42px;
}

.pan-user-sli-btns-wrap a:nth-child(2n-1){
	margin-right:10px;
}

.pan-uil-course{
	height:80px;
	width:100%;
	margin-top:20px;
	
}

.pan-uil-course-wrap{
	background:#f7fafe;
	margin-left:15px;
	margin-right:15px;
	padding-bottom:15px;
}

.pan-uil-c-item{
	width:50%;
}

.pan-uil-c-item-wrap p{
	font-size:22px;
	color:#24A25B;
	margin-bottom:4px;
}
.pan-uil-c-item-wrap{
	margin-top:15px;
	border-right:1px solid #dddddd;
}
.pan-uil-c-item:last-child .pan-uil-c-item-wrap{
	border-right:none;
}
.pan-uil-c-item-wrap span{
	color:#c4c4c4;
	font-size:14px;
}
/* 预约上课页 详情 end */


/* 我的积分 */

.pan-user-points-c{
	margin-left:30px;
	margin-right:30px;
	margin-top:20px;
	height:150px;
	background:#f5f5f5;
	border:1px solid #d7e0f1;
}

.pan-user-points-c-wrap{
	padding:20px 24px;
}

.pan-user-points-content h5{
	color:black;
	font-size:16px;
}

.pan-user-points-content p{
	color:#4caf50;
	font-size:28px;
	letter-spacing:2px;
	margin-top:8px;
	font-weight:bold;
	margin-bottom:11px;
}

.pan-user-points-content span{
	color:#999999;
	font-size:12px;
}

.pan-user-points-btns img{width:32px;}

.pan-user-pcw-left{
	width:250px;
}

.pan-user-points-btns{
	margin-top:15px;
	padding-right:15px;
	border-right:1px solid #dddddd;
	text-align:center;
}

.pan-user-points-btns a{
	
	display:block;
	color:white;
	text-align:center;
	line-height:25px;
	font-size:12px;
	width:84px;
	margin-top:6px;
	height:28px;
	background:url('/static/img/learn_pc//exchange-i-a.png') no-repeat;
	background-size:84px 28px;
}

.pan-user-points-txt{
	width:480px;
}

.pan-user-points-txt p{
	line-height:22px;
	font-size:14px;
	padding-left:40px;
}

.pan-user-points-txt p img{
	vertical-align:sub;
	margin-right:8px;
}

.pan-user-datas.pan-user-points-datas{
	min-height:700px;
}

.pan-u-points-list{
	margin-left:30px;
	margin-top:24px;
	margin-right:11px;
	padding-bottom:40px;
}

.pan-u-points-l-item{
	width:50%;
	position:relative;
	float:left;
	margin-bottom:16px;
}

.pan-u-points-li-wrap{
	width:95%;
	height:130px;
	position:relative;
	border:1px solid #eee;
}

.pan-u-plw-wrap{
	padding-left:28px;
	padding-top:18px;
}

.pan-u-plw-face{
	padding-top:12px;
	margin-right:20px;
	border-radius:8px;
	width:62px;
}

.pan-u-points-txt h4{
	font-size:18px;
	margin-top:4px;
	font-weight:normal;
	color:#333333;
} 

.pan-u-plw-subtitle{
	font-size:12px;
	margin-top:2px;
	color:#8e8e8e;
}

.pan-u-plw-sub-bottom span{
	color:#555555;
	font-size:15px;
}


.pan-u-plw-sub-bottom{
	color:#8e8e8e;
	margin-top:5px;
}

.pan-u-plw-sub-bottom img{
	vertical-align:middle;
}

a.convert-a-bg-white{
	background:url('/static/img/learn_pc//exchange-i-a-white.png') no-repeat;
	background-size:73px 29px;
	display:block;
	width:73px;
	height:29px;
	color:black;
	position:absolute;
	top:50px;
	right:45px;
	text-align:center;
	line-height:26px;
}
a.convert-a-bg-green{
	background:url('/static/img/learn_pc//exchange-i-a-big.png') no-repeat;
	background-size:73px 29px;
	display:block;
	width:73px;
	height:29px;
	color:white;
	position:absolute;
	top:50px;
	right:45px;
	text-align:center;
	line-height:26px;
}

i.pan-tape-i{
	display:block;
	width:60px;
	height:60px;
	background:url('/static/img/learn_pc//popular.png') no-repeat;
	background-size:60px 60px;
	left:-3px;
	top:-3px;
	position:absolute;
}

.pan-u-points-table{
	border:1px solid #d7e0f1;
}

.pan-u-points-table-wrap{
	padding-left:20px;
	padding-right:20px;
}

.pan-u-pt-title{
	border-bottom:1px solid #d9dfe9;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}

.pan-upt-item{
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
}

.pan-u-pt-title div{
	float:left;
	font-size:14px;
	color:#282828;
}

.pan-uptt-type{
	width:25%;
	min-height:1px;
}
.pan-uptt-name{
	width:30%;
	min-height:1px;
}

.pan-uptt-point{
	width:25%;
	min-height:1px;
}
.pan-uptt-time{
	width:20%
	min-height:1px;
}
.pan-upt-item div{
	float:left;
	color:#282828;
}
.pan-upt-item span{
	font-size:12px;
}

.pan-u-points-table{
	min-height:400px;
}

/* 我的积分 end */

/* 个人信息 */

.pan-user-info-tr{
	position:absolute;
	right:24px;
	top:18px;
	color:#515151;
	font-size:14px;
}

.pan-user-ic-left{
	width:200px;
	height:300px;
	padding-top:25px;
	text-align:center;
}
.pan-user-ic-left img{
	width:86px;
	height:86px;
	border-radius:200px;
}

.pan-user-ic-left a{
	display:block;
	color:#24A25B;
	font-size:13px;
	width:68px;
	margin:0 auto;
	margin-top:12px;
	height:25px;
	line-height:25px;
	border:1px solid #24A25B;
	border-radius:6px;
}

.pan-user-ic-right{
	padding-top:30px;
}

.pan-user-icr-input h5{
	font-size:14px;
	color:black;
	font-weight:normal;
	margin-bottom:7px;
}

.pan-user-icr-input input{
	width:490px;
	padding:10px;
	border-radius:4px;
	border:1px solid #e6e6e6;
	-moz-box-shadow:0px 1px 1px #eee inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:0px 1px 1px #eee inset;            /* For Chrome5+, Safari5+ */
	box-shadow:0px 1px 1px #eee inset;                    /* For Latest Opera */
}

.pan-user-icr-input{
	padding-bottom:18px;
}

.pan-user-icr-line{
	width:514px;
	height:1px;
	margin-top:10px;
	background:#eee;
	margin-bottom:20px;
}

.pan-user-icr-input a{
	padding:9px 15px;
	border:1px solid #5362ba;
	margin-top:4px;
	display:block;
	border-radius:3px;
	float:left;
	color:#5362ba;
	font-size:14px;
}

a.pan-user-info-submit{
	width:150px;
	height:38px;
	line-height:38px;
	background:#24A25B;
	color:white;
	font-size:16px;
	border-radius:4px;
	display:block;
	text-align:center;
	margin-left:180px;
	margin-top:40px;
	margin-bottom:60px;
}

.pan-point-per-20{
	width:15.8%;
	text-align:center;
	min-height:1px;
}

.pan-point-per-13{
	width:14%;
	min-height:1px;
}

.pan-point-per-13 span{
	font-size:14px;
    text-align:center;
    display: table-cell;
    vertical-align:middle;
	height:50px;
	text-align:center;
}

.pan-upt-coupon-title{
	font-size:0;
}

.pan-upt-coupon-title div{
	display:inline-block;
	text-align:center;
}

.pan-upt-coupon-item{
	font-size:0;
}

.pan-upt-coupon-item div{
	display:inline-block;

	text-align: -webkit-center;
}

.pan-point-p-img{
	margin:0 auto;vertical-align:middle;border-radius:5px;width:55px;
}

span.pan-upc-ptxt{
	font-size:16px;
	color:#4caf50;
	font-weight:bold;
}

.progress-line-wrap{
	width:100%;
	background:#e1f6e2;
	height:5px;
	position:absolute;
	bottom:0px;
	left:0px;
}

.progress-line-wrap div{
	background:#4caf50;
	height:5px;
}

.panpan-popup-bg-wrap{
	width:100%;
	display:none;
	height:100%;
	background:black;
	opacity:0.1;
	position:fixed;
	left:0px;
	top:0px;
	z-index:22;
}

.panpan-popup-content-wrap{
	display:none;
	width:340px;
	height:152px;
	margin:0 auto;
	background:white;
	z-index:30;
	border-radius:8px;
	    -moz-box-shadow: 0px 0px 3px #EDECF0;
    -webkit-box-shadow: 0px 0px 3px #EDECF0;
    box-shadow: 0px 0px 3px #EDECF0;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-170px;
	margin-top:-76px;
}

.panpan-popup-title{
	font-size:16px;
	color:black;
	
}

.panpan-popup-content{
	padding:18px 20px;
}

.panpan-popup-txt{
	font-size:14px;
	color:black;
	margin-top:18px;
}

.panpan-popup-title img{
	margin-right:3px;
}

a.panpan-popup-a-cancel{
	display:inline-block;
	padding:3px 16px;
	border-radius:10px;
	border:1px solid #24A25B;
	font-size:14px;
	color:#24A25B;
}

.panpan-popup-btns{
	margin-top:30px;
	text-align:right;
}

a.panpan-popup-a-check{
	margin-left:4px;
	display:inline-block;
	padding:3px 16px;
	border-radius:10px;
	border:1px solid #24A25B;
	font-size:14px;
	color:white;
	background:#24A25B;
}

.pan-user-icr-input select{
	width:100%;
	padding:10px;
	border-color:#ddd;
}

/* 个人信息 end */

.pan-time-teachers-wrap{
	overflow-y:scroll;
	height:89%;
}

.pan-time-teachers-wrap::-webkit-scrollbar{
	width:5px;
}

.pan-time-teachers-wrap::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 10px;

        

        background: #9f9f9f;

    }
	
	
	.pan-time-teachers-wrap::-webkit-scrollbar-track {/*滚动条里面轨道*/

        

        border-radius: 10px;

        background: #f3f5f7;

}

.pan-bg-blue{
	background:#d9edf7;
}

.pan-til-tc-l-item:hover{
	opacity:0.7;
	cursor:pointer;
}

/* 教材目录 */
.pan-hc-left h3{
	font-weight:normal;
	font-size:18px;
	color:black;
	padding-top:20px;
	padding-bottom:6px;
}
.pan-hc-left p{
	color:#6c6c6c;
	font-size:12px;
}

.pan-teaching-list-selectw{
	padding-top:22px;
}

.pan-teaching-list-h{
	height:90px;
}

.pan-teaching-list-content{
	background:white;
	-moz-box-shadow: 0px 0px 3px #EDECF0;
    -webkit-box-shadow: 0px 0px 3px #EDECF0;
    box-shadow: 0px 0px 3px #EDECF0;
	border-radius:8px;
}

.pan-teaching-lc-wrap{
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:20px;
	
}

.pan-teaching-lc-left h4{
	color:black;
	font-weight:normal;
	font-size:18px;
}

.pan-teaching-lc-left h4 i{
	font-style:normal;
	color:white;
	display:inline-block;
	padding:2px 10px;
	border-radius:8px;
	font-size:12px;
	margin-left:5px;
	background:#7d6b94;
}

.pan-teaching-lc-left p{
	color:#969696;
	padding-top:8px;
	font-size:12px;
}

.pan-teaching-lc-all{
	font-size:0px;
	padding-top:40px;
	width:100%;
}

.pan-teaching-lca-item{
	width:20%;
	overflow:hidden;
	display:inline-block;
	position:relative;
}
.pan-teaching-lca-item b{
	border-radius:200px;
	width:50px;
	height:50px;
	line-height:60px;
	color:#8a8a8a;
	position:absolute;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	background:white;
	display:block;
	right:0px;
	top:-16px;
}

.pan-teaching-lcai-img{
    text-align:center;

}

.pan-teaching-lca-item img{
	width:174px;
	height:260px;
	margin:0 auto;
}

.pan-teaching-lca-item h5{
	font-size:16px;
	padding-top:10px;
	color:black;
	padding-bottom:5px;
	overflow: hidden;
	width:80%;
	white-space: nowrap;
	text-overflow:ellipsis;
	margin:0 auto;
}

.pan-teaching-lca-item p{
	color:#7d7d7d;
	font-size:14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	width:80%;
	margin:0 auto;
}

.pan-teaching-lca-item i{
	font-style:normal;
	color:white;
	display:inline-block;
	padding:2px 10px;
	border-radius:8px;
	font-size:12px;
	margin-left:5px;
	background:#8a8a8a;
	margin-left:22px;
	margin-top:10px;
}

.pan-teaching-lca-item{
	padding-bottom:40px;
}

/* 教材目录 end */

/* 学习机 */

.pan-teaching-list-h p a{
	display:inline-block;
	color:#7d7d7d;
	margin-top:5px;
	padding-bottom:14px;
	margin-right:20px;
	font-size:14px;
}

.pan-teaching-list-h p a.selected{
	color:black;
	border-bottom:2px solid #c39dc9;
}

h3.study-box-info-h3{
	font-size:16px;
	color:black;
	padding-bottom:30px;
}

.pan-teaching-lc-left i.bg-green{
	background:#4caf50;
}

.pan-teaching-lc-left i.bg-grey{
	background:#8a8a8a;
}

.pan-teaching-lc-left i.bg-blue{
	background:#00479d;
}

.pan-studybox-lcl-item{
	width:300px;
	
	padding-bottom:40px;
	font-size:0;
}

.pan-studybox-lcl-item h4{
	font-size:16px;
	padding-top:10px;
	color:black;
	padding-bottom:5px;
	overflow: hidden;
	width:93%;
	white-space: nowrap;
	text-overflow:ellipsis;
	padding-bottom:6px;
	margin:0 auto;
}

.pan-studybox-lcl-item p{
	color:#7d7d7d;
	font-size:14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	width:93%;
	margin:0 auto;
}

span.pan-st-lcli-line{
	width:10px;
	background:#ccc;
	height:1px;
	display:block;
	margin-left:10px;
	margin-top:18px;
}
.pan-studybox-lcli-img{
	text-align:center;
	position:relative;
}

.pan-studybox-lcli-img i{
	position:absolute;
	color:white;
	font-style:normal;
	font-size:14px;
	left:24px;
	top:10px;
}

.pan-studybox-lcli-img b{
	position:absolute;
	color:white;
	font-style:normal;
	font-size:14px;
	right:20px;
	background:#4f5a67;
	border-radius:3px;
	padding:3px 6px;
	bottom:10px;
}

.pan-studybox-lcli-img b{
	font-weight:normal;
	color:white;
	background:
}

.pan-studybox-lcli-img img{
	width:95%;
}
.pan-studybox-lcli-tags{
	width:95%;
	margin:0 auto;
	padding-top:10px;
}
.pan-studybox-lcli-tags a{
	margin-right:3px;
	color:#24A25B;
	font-size:14px;
}

.pan-studybox-lc-all{
	padding-top:17px;
	font-size:0px;

	overflow:hidden;
}
.study-box-i-list-bottom{
	text-align:center;
}
.study-box-i-list-bottom p{
	font-size:16px;
	padding-bottom:6px;
}

.study-box-i-list-bottom a{
	display:inline-block;
	background:#24A25B;
	color:white;
	padding:8px 25px;
	font-size:14px;
}

.pan-studybox-lc-all-wrap{
	position:relative;
	background:white;
	margin-bottom:17px;
}

.pan-studybox-lc-all{
	width:95%;
	margin:0 auto;
	
}

.pan-studybox-lc-all-wrap .swiper-button-next{
	right:2px !important;
	background-image:url('/static/img/learn_pc//right-study-index.png');
	z-index:999;
}

.pan-studybox-lc-all-wrap .swiper-button-prev{
	left:2px !important;
	background-image:url('/static/img/learn_pc//left-study-index.png');
	z-index:999;
}

.pan-teaching-book-img img{
	width:146px;
	height:218px;
}

.pan-teaching-book-img{
	padding-left:5px;
	margin-right:38px;
}

.pan-teaching-book-txt{
	padding-top:23px;
	
}

.pan-teaching-book-t-line{
	width:700px;
}

.pan-teaching-book-t-line h3{
	font-size:18px;
	color:black;
	padding-top:7px;
	padding-bottom:8px;
	font-weight:bold;
}
.pan-teaching-book-t-line h3 img{
	margin-left:5px;
}

.pan-teaching-book-t-line p{
	font-size:14px;
	color:black;
	line-height:18px;
}

.pan-tbtl-btns{
	padding-top:7px;
}

.pan-tbtl-btns a img{
	vertical-align:middle;
	margin-right:3px;
}

.pan-tbtl-btns a span{
	font-size:16px;
	padding-left:5px;
	padding-right:12px;
}

.pan-tblw-item{
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	
	position:relative;
}

.pan-tblw-item-wrap{
	padding-left:20px;
	border-bottom:1px solid #eee;
	padding-bottom:18px;
	padding-right:20px;
}

.pan-tblw-item h4{
	width:12%;
	color:#646464;
	font-weight:normal;
	font-size:14px;
}

.pan-tblw-item:hover{
	background:#f6f6f6;
}

.pan-tblw-item p{
	color:black;
	font-weight:bold;
	font-size:14px;
}

.pan-tblw-item img{
	margin-top:6px;
}

.pan-teaching-book-list-wrap{
	padding-bottom:35px;
}

/* 学习机 end */

/* 预约课程弹窗 */
.popup-win-black-bg{
	background:black;
	width:100%;
	height:100%;
	opacity:0.4;
	position:fixed;
	left:0px;
	top:0px;
	z-index:30;
	display:none;
}

.popup-win-sub-class-1{
	width:100%;
	display:none;
	height:100%;
	position:fixed;
	z-index:31;
	left:0px;
	top:0px;
	text-align:center;
	overflow-y:scroll;

}

.pyy-half-select-wrap select{
	width:48% !important;
}

.popup-win-sub-class-2{
	display:none;
	
	width:100%;
	height:100%;
	position:fixed;
	z-index:32;
	left:0px;
	top:0px;
	text-align:center;
	overflow-y:scroll;
}

.popup-win-sub-c-wrap{
	width:580px;
	height:742px;
	background:white;
	margin:0 auto;
	position:relative;
	top:0px;
	z-index:32;
	margin-top:30px;
	border-radius:12px;
	-moz-box-shadow:0px 0px 12px #666; -webkit-box-shadow:0px 0px 12px #666; box-shadow:0px 0px 12px #666;
}

.pop-win-sc-top h3{
	font-size:17px;
	padding-top:20px;
	color:#404040;
}

a.p-w-s-c-close{
	position:absolute;
	right:38px;
	top:22px;
}

a.p-w-s-c-close img{
	width:25px;
}

.pop-wso-maru{
	cursor:pointer;
	width:28px;
	color:#bcbcbc;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	border:1px solid #bcbcbc;
	border-radius:200px;
}
.pop-wso-deco{
	
	padding-left:15px;
	padding-right:15px;
}

.pop-wso-deco i{
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:50px;
	background:#bcbcbc;
	margin-right:7px;
}

.pop-wso-deco i:last-child{
	margin-right:0px;
}

.pop-win-sct-order{
	text-align:center;
	font-size:0px;
	padding-top:16px;
}

.pop-wso-maru.selected{
	color:white;
	border-color:#24A25B;
	background:#24A25B;
}

.pop-win-sct-order div{
	display:inline-block;
}

.pop-yy-inputs-wrap{
	width:480px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.pop-yy-inputs-wrap select{
	width: 100%;
    padding: 7px 10px;
	font-size:14px;
    border-color: #ddd;
}
.pan-pop-yy-input{
	width:100%;
	
}
.pop-yy-inputs-wrap input{
	
	width: -webkit-fill-available;
    padding: 7px 10px;
    border-radius: 4px;
	margin-top:15px;
    border: 1px solid #e6e6e6;
    -moz-box-shadow: 0px 1px 1px #eee inset;
    -webkit-box-shadow: 0px 1px 1px #eee inset;
    box-shadow: 0px 1px 1px #eee inset;
}

.pop-yy-txt-h4{
	font-size:15px;
	color:black;
}

.pan-pop-yy-inputs-bottom{
	text-align:right;
	padding-top:8px;
}

.pop-yy-line-sep{
	width:480px;
	margin-left:auto;
	margin-right:auto;
	height:1px;
	background:#eee;
}

.pop-yy-use-intro{
	width:480px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.pop-yy-uil-item{
	margin-bottom:8px;
}

.pop-yy-uil-item img{
	display:inline-block;
	vertical-align:top;
	margin-right:8px;
}

.pop-yy-uili-txt{
	display:inline-block;
	width:440px;
	font-size:14px;
	line-height:22px;
	color:black;
}

.pan-pop-yy-inputs-bottom a{
	color:#24A25B;
	font-size:14px;
}

.pop-win-sc-bottom{
	bottom:0px;
	left:0px;
	height:63px;
	position:absolute;
	border-top:1px solid #eee;
	width:100%;
}

.pop-win-sc-bottom-wrap{ 
    padding-left:50px;	
	padding-right:40px;
	padding-top:10px;
}

.pop-win-scb-sep i{
	display:block;
	width:5px;
	height:5px;
	margin-top:22px;
	border-radius:200px;
	background:#8f8f8f;
	margin-left:22px;
	margin-right:22px;
}

.pop-win-scbd-top{
	font-size:12px;
	color:#767676;
}

.pop-win-scbd-bottom{
	font-size:14px;
	color:#24A25B;
	margin-top:5px;
}

.pop-win-scb-avatar img{
	width:42px;
	height:42px;
	border-radius:200px;
}

.pop-win-scb-btn a{
	display:block;
	width: 115px;
    height: 34px;
	margin-top:3px;
	border-radius:8px;
	border:1px solid #24A25B;
	font-size:14px;
	line-height:34px;
}

.pop-yy-checkbox-wrap input[type='checkbox']{
    width: 11px;
    height: 11px;
	margin-left:1px;
	margin-top:3px;
    background-color: #fff;
    -webkit-appearance:none;
    
    border-radius: 4px;
    outline: none;
}
.pop-yy-checkbox-wrap input[type=checkbox]:checked{
   background:#24A25B;
}
.py-check-box-wrap{
	width:18px;
	margin-right:8px;
	text-align:center;
	height:16xp;
	border:1px solid #e0e0e0;
	border-radius:4px;
}

.pop-yy-checkbox-item{
	width:50%;
	float:left;
	margin-bottom:12px;
}

.py-check-box-txt{
	font-size:14px;
	font-weight:bold;
}

.py-check-box-txt p{
	font-size:12px;
	color:#7b7b7b;
	font-weight:normal;
}

.pop-yy-textarea-wrap{
	width:480px;
	margin-left:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.pop-yy-textarea-wrap textarea{
	width:-webkit-fill-available;
	height:75px;
	margin-top:10px;
	border-radius:5px;
	border-color:#dddddd;
	resize:none;
	font-size:14px;
	padding:10px;
}

a.pop-wsb-next-a{
	color:#24A25B
}

/* 预约课程弹窗 */

/* 修改 */
.save-like-btn-wrap{
	position:absolute;
	right:22px;
	top:24px;
}
.save-like-btn{
	display:block;
	width:24px;
	height:20px;
	background:url('/static/img/learn_pc//hearticon.png') no-repeat;
	background-size:24px 20px;
}

.save-like-btn.selected{
	background-image:url('/static/img/learn_pc//hearticon-ed.png');
}


.select_content b{
    font-weight:normal;	
}

span.select-tips-list{
	font-size:14px;
	font-weight:normal;
}

.contact-select-list-none{
	display:none;
}

/* 修改 end */


/* 老师 课程 laoshi-detail */

.pan-time-comment-c-item{
	position: relative;
	margin-left:20px;
	padding-top:25px;
	padding-right:20px;
	padding-bottom:25px;
	border-bottom:1px solid #eee;
}
.pan-time-cci-user img{
	width:45px;
	height:45px;
	border-radius: 200px;
}
.pan-time-cci-stars img{
	width:15px;
	margin-right:4px;
}
.pan-time-cci-stars{
	margin-top:6px;
	margin-bottom:8px;
}
.pan-time-cci-user{
	margin-right:18px;
}
.pan-time-cci-content{
	width:230px;
}

.pan-time-cci-content a{
	color:#333;
	font-size:16px;
}

.pan-time-cci-comment-c{
	font-size:12px;
	line-height:18px;
}

span.pan-time-cci-right-flag{
	font-size:12px;
	color:#24A25B;
	position: absolute;
	right:25px;
	top:25px;
}

.pan-teacher-intro-list{
	padding:20px 25px 0px 25px;
}
.pan-teacher-intro-list p{
	margin-bottom:6px;
	font-size:13px;
}
.pan-teacher-intro-list p:last-child{
	margin-bottom:0px;
}

.pan-teacher-detail-c-top{
	margin-left:22px;
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px solid #eee;
}
.pan-tdct-img{
	margin-right:16px;
}
.pan-tdct-img img{
	width:85px;
	height:85px;
	border-radius: 200px;
}

.pan-tdctti-stars{
	margin-top:8px;
}
.pan-tdctti-s-wrap{
	margin-right:8px;
}
.pan-tdctti-s-wrap img{
	margin-right:3px;
}

.pan-tdctti-s-right{
	font-size:14px;
}

.pan-tdctti-s-right i{
	padding-left:4px;
	padding-right:4px;
}

.pan-tdctti-s-right span{
	color:#24A25B;
}

.pan-tdctti-name{
	font-size:17px;
	color:#282828;
	padding-top:2px;
}

.pan-tdctti-tags{
	margin-top:10px;
}

.pan-tdctti-tags a{
	background: #f1f1f1;
	color:#474747;
	font-size:13px;
	display: inline-block;
	padding:2px 9px;
	margin-right:4px;
	border-radius: 8px;
}

.pan-teacher-detail-c-bottom{
	padding-top:20px;
	padding-left:32px;
	padding-right:20px;
	padding-bottom:32px;
}

.pan-teacher-detail-c-bottom p{
	line-height:19px;
	margin-bottom:5px;
	font-size:13px;
}

.pan-teacher-detail-c-bottom h4{
	font-size:14px;
	color:black;
	margin-bottom:15px;
}

a.pan-td-like-btn{
	width:28px;
	position: absolute;
	right:20px;
	top:20px;
	height:24px;
	background: url('/static/img/learn_pc//td-hearticon.png') no-repeat;
	background-size: 28px 24px;
	display: block;
}

a.pan-td-like-btn.selected{
	background: url('/static/img/learn_pc//td-hearticon-ed.png') no-repeat;
	background-size: 28px 24px;
}
.pan-time-hover-wrap p{
	padding-top:6px;
	font-weight: normal;
}
.pan-time-hover-wrap{
	position: absolute;
	left:90px;
	color:white;
	width:80px;
	text-align: center;

	height:40px;
	background: #636363;
	top:-19px;
	z-index: 18;
	border-radius:5px;
}

.login-none-intro-wrap{
	position:absolute;top:350px;right:0px;width:90%;text-align:center;z-index:9;color:white;font-size:18px;line-height:28px;
}

.pan-login-none-intro-bg{
	width:87.5%;height:100%;position:absolute;z-index:8;right:0;top:0;background:rgba(0,0,0,0.5);
}

/* 老师 课程 laoshi-detail end */

/* 修改密码弹窗 */
.panpan-lrc-popup-title{
	text-align: center;
	display: block;
	margin-bottom:25px;
}
.panpan-change-pass-bottom-s{
	display: block;
	font-size:13px;
	margin-top:-8px;
}
/* 修改密码弹窗 end */