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

.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-black-color{
	color:black;
}

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

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

.pan-green-color{
	color:#31794b;
}

.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-log{
	padding-top:2px;
	 cursor: pointer;
}
.pan-log a{
	font-size:14px !important;
	color:#282828;
	/*background:#8c94a4;*/
	display:block;
	text-align:center;
	line-height:35px;
	border-radius:5px;
/*	width:83px;
	height:35px;*/
	/*border-right:1px solid #24A25B;*/
}
.pan-x-wechat{
	padding-top:9px;
}
.pan-x-wechat1 a{
	font-size:13px;
	color:#282828;
	/*background:#8c94a4;*/
	display:block;
	text-align:center;
	line-height:35px;
	/*border-radius:5px;*/
	width:95px;
	height:35px;
	border-right:1px solid #24A25B;
	margin-top: 2px;
}
.pan-log a:hover{
    color: #24A25B;
}

.pan-hw-right a:hover{
	/*color:#24A25B;*/
}
.pan-logout a:hover{
	/*color:white;*/
}

.pan-logout{
    padding-top:2px;
}

.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:#41705d;
	text-align:center;
	line-height:36px;
	border:1px solid #41705d;
	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:300px;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	-moz-box-shadow:0px 4px 10px #EDECF0; -webkit-box-shadow:0px 4px 10px #EDECF0; box-shadow:0px 4px 10px #EDECF0;
}
.pan-card-l-item:nth-child(4n){
	margin-right:0%;
}

.pan-card-li-top{
	padding-top:20px;
	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:14px;
}

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

.pan-card-tags a{
	font-size:12px;
	display:inline-block;
	padding:1px 9px 3px 9px;
	margin-right:6px;
	background:#c8cacc;
	color:white;
	border-radius:80px;
	margin-bottom:6px;
}
.pan-card-words{
	margin-top:9px;
	height:55px;
	color:black;
	font-size:12px;
	line-height:18px;
}
a.pan-yuyue-a{
	width:90%;
	height:32px;
	line-height:32px;
	margin:0 auto;
	margin-top:22px;
	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:820px;
	background:white;
	border-radius:8px;
	-moz-box-shadow:0px 4px 10px #EDECF0; -webkit-box-shadow:0px 4px 10px #EDECF0; box-shadow:0px 4px 10px #EDECF0;
}
.pan-time-t-top{
	padding-top:30px;
	text-align:center;
}
.pan-time-teacher{
	width:300px;
	
	-moz-box-shadow:0px 4px 10px #EDECF0; -webkit-box-shadow:0px 4px 10px #EDECF0; box-shadow:0px 4px 10px #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:18px;
	color:#999999;
	font-size:13px;
}
.pan-time-t-content{
	padding-bottom:45px;
	padding-left:30px;
	padding-right:30px;
	margin-top:35px;
}

.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;
}
.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;
}

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

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

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

        border-radius: 10px;

        

        background: #e5e5e5;

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

        

        border-radius: 10px;

        background: #f3f5f7;

}

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

.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:240px;
}

.pan-time-tw-item{
	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 4px 10px #EDECF0; -webkit-box-shadow:0px 4px 10px #EDECF0; box-shadow:0px 4px 10px #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 4px 10px #EDECF0; -webkit-box-shadow:0px 4px 10px #EDECF0; box-shadow:0px 4px 10px #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 4px 10px #EDECF0; -webkit-box-shadow:0px 4px 10px #EDECF0; box-shadow:0px 4px 10px #EDECF0;
}

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

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

.pan-userd-l-item p a.selected{
	color:#24A25B;
	
}


.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 a{
	color: black;
}


.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:29%;
	border-right:1px solid #eee;
}

.pan-user-sli-txt{
	width:36.4%;
	border-right:1px solid #eee;
}

.pan-user-sli-btns{
	width:34%;
	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-ust-time-fangshi-wechat{
	font-size:11px;
	margin-top:3px;
	/*color:#00d20f;*/
}

.pan-ust-time-fangshi-skype{
	font-size:11px;
	margin-top:3px;
	color:#03A9F4;
}

.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;
	line-height: 16px;
}

.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:110px;
	color:#24A25B;
	margin-bottom:12px;
	font-size: 14px;
}

.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('../img/exchange-i-a.png') no-repeat;
	background-size:84px 28px;
}


.pan-user-coupon-btns img{width:32px;}
.pan-user-coupon-btns{
	margin-top:15px;
	padding-right:25px;
	border-right:1px solid #dddddd;
	text-align:center;
}

.pan-user-coupon-btns a{
	
	display:block;
	color:white;
	text-align:center;
	line-height:25px;
	font-size:12px;
	width:74px;
	margin-top:6px;
	height: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('../img/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('../img/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('../img/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:0px;
	padding-right:0px;
}

.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-upt-item:hover{
	background:#f6f6f6;
}

.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;
	cursor:pointer;
}

.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:16%;
	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.3;
	position:fixed;
	left:0px;
	top:0px;
	z-index:22;
}

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

.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 4px 10px #EDECF0;
    -webkit-box-shadow: 0px 4px 10px #EDECF0;
    box-shadow: 0px 4px 10px #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{
	text-align: right;
    position: absolute;
    bottom: 15px;
    right: 20px;
}

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:10px;
}

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

        border-radius: 10px;

        

        background: #e5e5e5;

    }
	
	
	.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 4px 10px #EDECF0;
    -webkit-box-shadow: 0px 4px 10px #EDECF0;
    box-shadow: 0px 4px 10px #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('../img/right-study-index.png');
	z-index:999;
}

.pan-studybox-lc-all-wrap .swiper-button-prev{
	left:2px !important;
	background-image:url('../img/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 */


/*购买课程*/
.pan-buy a{
	font-size: 13px;
    color: white;
    background: #24A25B;
    display: block;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    width: 83px;
    height: 35px;
    /* display: block; */
    padding: 2px 5px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    /*margin-top: 7px;*/
}

.pan-buy a{
	color: white;
	/*margin-right: 5px;*/
}

			/*多语言选择*/
.select {
	float: left;
    position: relative;
    display: block;
    /*margin: 0 auto;*/
    width: 100%;
    width: 110px;
    color: #ffffff;
    vertical-align: middle;
    text-align: left;
    user-select: none;
    -webkit-touch-callout: none;
    margin-left: 20px;
    /*margin-top: 2px;*/
    /*padding-top: 13px !important;*/
}
.placeholder{
	margin-top: 2px;
}
.select .placeholder {
    position: relative;
    display: block;
    /* background-color: #282828; */
    z-index: 1;
    padding: 0.3em;
    border-radius: 2px;
    cursor: pointer;
    color: #282828;
    font-size: 15px;
}
.select .placeholder:hover {
    color: #24A25B;
    border-bottom: 2px solid #24A25B;
    padding-bottom: 8px;
}
.select .placeholder:after {
/*  position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    content: '\f078';
    z-index: 10;*/
/*    content: '';
    position: absolute;
    right: 6px;
    top: 45%;
    border: 8px solid transparent;
    border-top: 8px solid #00000069;
    z-index: 10;
    -webkit-transform-origin: 50% 20%;
    -moz-transform-origin: 50% 20%;
    -ms-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: all 150ms ease-in-out;
    cursor: pointer;*/
    /*border-bottom-color: #fff;*/
}
.select.is-open .placeholder:after {
    content: '';

}
.select.is-open ul {
    display: block;
}
.select.select--white .placeholder {
    background: #fff;
    color: #999;
}
.select.select--white .placeholder:hover {
    background: #fafafa;
}
.select ul {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    z-index: 100;
}
.select ul li {
    display: block;
    text-align: left;
    padding: 0.8em 1em 0.8em 1.7em;
    color: #999;
    cursor: pointer;
}
.select ul li:hover {
    background: #4ebbf0;
    color: #fff;
}



/*悬浮显示下拉框*/
.dowebok{
	/*padding-top: 10px;*/
	width: 35px;
	cursor: pointer;
	height: 35px;
	/*margin-right: -40px;*/
	/*border: 1px solid #dddddd;*/
}
.dowebok ul li a{
	color: #000000
}

.dowebok ul{
	width: 450% !important;	
}
.dowebok ul li a{
	height: 25px;
	line-height: 25px;
	list-style: none;
}

.yuyan{
	width: 35px !important;
	padding-left: 10px;
}

/*.dowebok li{
	border: 1px solid #dddddd;
}*/
.li-1{
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
.li-2{
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
.li-3{
	border: 2px solid #dddddd;
}
.dowebok ul li:hover{
	background: #eaf7fd;
}

.ml-20{
	margin-left: -10px;
}

.yuyan{
	/*width: 110px !important;*/
}

.pan-x-wechat1{
	font-size: 13px;
    color: #282828;
    /* background: #8c94a4; */
    display: block;
    text-align: center;
    line-height: 35px;
    /* border-radius: 5px; */
    width: 95px;
    height: 35px;
    border-right: 1px solid #24A25B;
    margin-top: 11px;
}
.mr-10{
	margin-right: 10px;
}


.pan-log1 a{
	font-size:13px !important;
	color:#282828;
	/*background:#8c94a4;*/
	display:block;
	text-align:center;
	line-height:35px;
	/*border-radius:5px;*/
	width:83px;
	height:35px;
	/*border-right:1px solid #24A25B;*/
}

.pan-logout a{
    font-size: 13px;
    color: black;
    /*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-x-wechat a:hover{
	color: #24A25B;
}
.bl{
	border-right: 1px solid #24A25B;
	height: 20px;
	width: 10px;
}

.hb{
	border-right: 1px solid #24A25B;
	height: 20px;
}

.line{
    display:inline-block;
    height: 22px;
    width: 1px;
    background: #24A25B;
    /*margin-top:9px;*/
    position: relative;
    right: 0px;
    top: 9px;

}
.line2{
	display:inline-block;
    height: 22px;
    width: 1px;
    background: #24A25B;
    position: relative;
    left: -47px;
    top: 9px;
}

.ml-10{
	margin-left: 10px;
}
.mr-15{
	margin-right: 15px;
}
.topDown{
	margin:20px 0 0 -10px !important;
}