.fl{float:left;}
.fr{float:right;}
.mr-20{
	margin-right:20px;
}
.mr-30{
	margin-right:30px;
}
.mt-15{
	margin-top:15px;
}
.mt-10{
	margin-top:10px;
}
.pan-purple-color{
	color:#9981b4;
}

.pan-blue-color{
	color:#3f51b5;
}

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

/* 预约上课页 */

.pan-header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	background:white;
	-moz-box-shadow:0px 4px 10px #EDECF0; 
	-webkit-box-shadow:0px 4px 10px #EDECF0; 
	box-shadow:0px 4px 10px #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:#ad7ab5;
	border-bottom:2px solid #ad7ab5;
	padding-bottom:8px;
}
.pan-nav ul a.selected{
	color:#ad7ab5;
	border-bottom:2px solid #ad7ab5;
	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: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-hw-right a:hover{
	/*color:#ad7ab5;*/
}
.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:#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:#6758ef;
	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:#6758ef;
}

.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:#9981b4;
	display:block;
	font-size:14px;
	border:1px solid #9981b4;
	border-radius:80px;
}

a.pan-yuyue-a:hover{
	background:#9981b4;
	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:#9981b4;
	border:1px solid #9981b4;
	right:10px;
	top:10px;
}

a.pan-time-twi-yy:hover{
	background:#9981b4;
	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:#9981b4;
	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:#ad7ab5;
	border-right:3px solid #ad7ab5;
}

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

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

.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-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:#9981b4;
	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:#9981b4;
	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-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: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:#3f51b5;
	font-size:13px;
	width:68px;
	margin:0 auto;
	margin-top:12px;
	height:25px;
	line-height:25px;
	border:1px solid #3f51b5;
	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:#3f51b5;
	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;
	text-align: center;
	width: 100%;
	display: block;
	line-height: 50px;
}

.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-content-wrap{
	display:none;
	width:340px;
	height:152px;
	margin:0 auto;
	background:white;
	z-index:102;
	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 #9981b4;
	font-size:14px;
	color:#9981b4;
}

.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 #9981b4;
	font-size:14px;
	color:white;
	background:#9981b4;
}


/* 个人信息 end */

/* 推荐人 */
.pan-introducer-liner{
	margin-top:25px;
	height:480px;
	width:100%;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #783eb8, #efe8f7); 
	/* Safari 4-5, Chrome 1-9 */
	/* -webkit-gradient(,  [, ]?,  [, ]? [, ]*) */
	background: -webkit-gradient(linear,top,from(#783eb8),to(#efe8f7));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #783eb8, #efe8f7);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #783eb8, #efe8f7);
}
.pan-introducer-liner-wrap{
	max-width:1124px;
	margin:0 auto;
	padding-top:110px;
	text-align:center;
}
.pan-introducer-liner-wrap h2{
	color:white;
	font-weight:normal;
	font-size:46px;
	margin-bottom:32px;
}
.pan-introducer-liner-wrap h2 span{
	font-size:60px;
}

.pan-introducer-liner-wrap a{
	display:block;
	margin-bottom:20px;
}

.pan-introducer-liner-wrap a img{
	width:270px;
}

span.pan-il-span-conner{
	font-size:14px;
	color:black;
}

.pan-grey-liner{
	position:relative;
	background:#bcbbbe;
	height:58px;
	width:100%;
}

.pan-gl-bottom-line{
	position:absolute;
	bottom:3px;
	width:100%;
	height:3px;
	background:#a39aaf;
}
.pan-grey-liner-wrap{
	text-align:center;
	line-height:56px;
}
.pan-grey-liner-wrap span{
	font-size:20px;
	color:white;
	padding-left:10px;
	padding-right:10px;
}

.pan-bg-light-blue{
	background:#f8f7ff;
}

.pan-content-line{
	text-align:cneter;
	padding-top:90px;
	padding-bottom:80px;
}
.pan-content-line-wrap{
	max-width:1124px;
	margin:0 auto;
	text-align:center;
}

.pan-content-line-wrap h2{
	font-size:34px;
	font-weight:normal;
	color:black;
}

.pan-content-line-wrap h2 span{
	font-weight:bold;
}

.pan-content-lw-p{
	color:#555555;
	font-size:16px;
	margin-top:10px;
	line-height:22px;
}

.pan-cl-q-item{
	width:240px;
	display:inline-block;
	height:180px;
	background:white;
	vertical-align:top;
	text-align:center;
	margin-right:25px;
}

.pan-cl-q-item:last-child{
	margin-right:0px;
}

.pan-cl-quan{
	position:relative;
	margin-top:40px;
}

.pan-cl-q-item img{
	width:90px;
	margin-top:40px;
	vertical-align:middle;
}

.pan-cl-q-item:last-child img{
	width:80px;
}

.pan-cl-q-item p{
	font-size:18px;
	color:black;
	margin-top:15px;
}

.pan-cl-plus-icon{
	width:45px;
	left:50%;
	top:50%;
	margin-top:-22px;
	margin-left:-22px;
	position:absolute;
}

.pan-content-bottom-p{
	font-size:16px;
	color:black;
	line-height:20px;
	padding-top:60px;
}


.pan-introducer-points .pan-u-points-li-wrap{
	background:white;
	
}

.pan-clw-box-wrap{
	border-radius:12px;
	width:700px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
	background:white;
	-moz-box-shadow:0px 4px 10px #EDECF0; -webkit-box-shadow:0px 4px 10px #EDECF0; box-shadow:0px 4px 10px #EDECF0;
}

a.pan-share-link-a{
	background-color:#9981b4;
	color:white;
	margin-top:40px;
	font-size:16px;
	background-image:url('../img/share-btn-a.png');
	background-repeat:no-repeat;
	background-position:19px 12px;
	display:inline-block;
	border-radius:8px;
	padding:10px 40px 12px 40px;
}

a.pan-share-link-a span{
	padding-left:15px;
}

/* 推荐人 end */

.pan-h-small-header{
	display:none;
	max-width:100%;
	height:48px;
	border-bottom:1px solid #eee;
    position:fixed;
	left:0px;
	z-index:32;
	top:0px;
	background:white;
	width:100%;
	text-align:center;
}

.pan-hsh-menu{
	position:absolute;
	left:16px;
	top:12px;
}

.pan-hsh-menu span{
	display:block;
	width:18px;
	margin-top:5px;
	height:1px;
	background:black;
}

.panpan-share-conner{
	width:460px;
	display:none;
	border-radius:10px;
	height:330px;
	position:fixed;
	left:50%;
	text-align:center;
	top:50%;
	margin-top:-165px;
	margin-left:-230px;
	z-index:89;
	background:white;
	-moz-box-shadow:0px 4px 8px #EDECF0; -webkit-box-shadow:0px 4px 8px #EDECF0; box-shadow:0px 4px 8px #EDECF0;
}


.panpan-share-cancel img{
	width:28px;
}

.panpan-share-c-wrap h3{
	font-size:23px;
	padding-top:50px;
	color:black;
	font-weight:normal;
}

.panpan-share-cancel{
	position:absolute;
	top:15px;
	right:15px;
}

.panpan-share-c-wrap{
	position:relative;
}

.panpan-share-list a:first-child img{
	width:90px;
	position:relative;
	top:11px;
}
.panpan-share-list{
	padding-top:20px;
}
.panpan-share-list a:nth-child(2){
	margin-right:12px;
}

.panpan-share-list img{
	width:67px;
}

.share-link-a{
	font-size:18px;
	color:black;
}
.share-link-a img{
	width:22px;
	vertical-align:sub;
	margin-right:10px;
}

.share-link-a{
	border-radius:8px;
	border:2px solid #eee;
	width:150px;
	margin:0 auto;
	height:50px;
	line-height:50px;
	text-align:center;
	display:block;
	margin-top:20px;
}

.panpan-login-inputs input{
	width:380px;
}

.pan-user-icr-input{
	width:400px;
	margin:0 auto;
}

.panpan-login-forgotpass{
	margin-left:30px;
	margin-right:30px;
}

.panpan-login-forgotpass a{
	color:black;
	text-decoration:underline;
	font-size:14px;
}

.popup-a-sub a{
	margin-left:30px;
	margin-right:30px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.popup-reg-bottom{
	margin-top:25px;
	color:black;
	font-size:16px;
	text-align:center;
}
.popup-reg-bottom a{
	font-size:20px;
	color:#196936;
	text-decoration:underline;
	margin-left:20px;
}

.panpan-share-c-wrap h3 img{
	width:100px;
	
}
.panpan-share-c-wrap h3 div{
	text-align:center;
	margin-bottom:30px;
}

.panpan-login-conner{
	height:500px;
	margin-top:-250px;
}

.panpan-fprgot-conner{
	height:440px;
	margin-top:-220px;
}

.pop-up-liner{
	width:400px;
	height:1px;
	background:#eee;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.input-middle-a{
	font-size:14px;
	color:#434cb9;
	margin-left:50px;
	text-decoration:underline;
	display:block;
	margin-bottom:10px;
	float: left;
}

.panpan-reg-conner{
	height:500px;
	margin-top:-250px;
}


@media(max-width:960px) {
	.pan-introducer-liner{
		margin-top:45px;
	}
	
	.panpan-share-conner{
		width:100%;
		left:0px;
		margin-left:0px;
	}
	
	.pan-user-icr-input{
		width:auto;
	}
	.panpan-login-inputs{
		text-align:center;
	}
	.pan-user-input-float{
	    display:inline-block;
		float:inherit;
		width:40%;
	}
	.panpan-login-inputs input{
		width:80%;
		max-width:80%;
		    margin: 0 auto;
	}
	
	.pan-h-small-m-bg{
		width:100%;
		height:100%;
		background:black;
		position:fixed;
		z-index:99;
		left:0px;
		top:0px;
		opacity:0.3;
		display:none;
	}
	
	.pan-h-small-menu-left{
		background:white;
		width:300px;
		height:100%;
		position:fixed;
		left:0px;
		top:0px;
		display:none;
		z-index:102;
	}
	
	.pan-h-small-menu-left a{
		color:black;
		
		display:block;
		width:100%;
		border-bottom:1px solid #eee;
		height:45px;
		line-height:45px;
	}
	.pan-h-small-menu-left a span{
		padding-left:10px;
	}
	
	.pan-h-small-menu-left a img{
		width:30px;
		border-radius:200px;
		margin-left:14px;
	}
	
	.pan-h-small-header{
		display:block;
	}
	.pan-header{
		display:none;
	}
	.pan-hh-reg{
		margin-top:48px;
	}
	.pan-h-small-header{
		text-align:center;
	}
	.pan-h-small-header a img{
		width:208px;
		height:38px;
		margin:0 auto;
		padding-top:1px;
	}
	
	img.pan-hh-line-maru,img.pan-hh-book-imgs,img.pan-hh-plus-img{
		width:90%;
	}
	
	.pan-hh-navs-movie-wrap{
		width:100%;
	}
	
	.pan-introducer-liner-wrap h2{
		font-size:24px;
	}
	.pan-introducer-liner-wrap h2 span{
		font-size:36px;
	}
	.pan-introducer-liner-wrap a img{
		width:180px;
	}
	.pan-introducer-liner{
		height:300px;
	}
	.pan-introducer-liner-wrap{
		padding-top:55px;
	}
	.pan-grey-liner-wrap span{
		font-size:12px;
	}
	.pan-footer{
		width:auto;
		padding-left:15px;
		padding-right:15px;
		max-width:100%;
	}
	.pan-footer-wrap{
		width:100%;
	}
	.pan-u-points-l-item{
		width:100%;
	}
	.pan-u-points-li-wrap{
		width:100%;
	}
	.pan-u-points-list{
		margin-right:24px;
	}
	.pan-clw-box-wrap{
		width:90%;
	}
	
	.pan-grey-liner-wrap span{
		padding:0px;
	}
	
	.pan-cl-q-item{
		width:40%;
		height:150px;
	}
	.pan-cl-q-item img,.pan-cl-q-item:last-child img{
		width:40%;
		margin-top:35px;
	}
	.pan-content-line-wrap h2{
		font-size:22px;
	}
	.convert-a-unaviable,.convert-a-aviable{
		right:10px !important;
	}
	.pan-footer{
		height:auto;
		padding-bottom:20px;
	}
}