/*绑定手机号*/

#header{

	height: 44px;

	width: 100%;

	background-color: #337ce8;

	position: relative;

	z-index: 999;

}

#header .back{

	position: absolute;

	width: 36px;

	height: 44px;

	background-image: url(../img/icon4.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 14px 14px;

}

#header .title{

	text-align: center;

	font-size: 18px;

	line-height: 44px;

	color: #fff;

}

#txt1{

	text-align: center;

	margin-top: 59px;

	margin-bottom: 38px;

	color: #9b9b9b;

	font-size: 14px;

}

#phone{

	width: 290px;

	margin:  0 auto;

	font-size: 14px;

	margin-bottom: 42px;

}

#phone input{

	font-size: 14px;

	height: 38px;

}

#phone li{

	height: 38px;

	margin-bottom: 8px;

	box-sizing: border-box;

	border-bottom: 1px solid #dbdbdb;

	padding-left: 25px;

	position: relative;

	background-position: left center;

	background-repeat: no-repeat;

	background-size: 16px;

}

#phone li:first-child{

	background-image: url(../img/list1.png);

}

#phone li:first-child + li{

	background-image: url(../img/list2.png);

}

#phone li:first-child + li + li{

	background-image: url(../img/list3.png);

}



#phone li:first-child + li + li +li{

	background-image: url(../img/list4.png);

	margin-top: 14px;

}

#get{

	position: absolute;

	right: 0;

	width: 90px;

	height: 38px;

	border-radius: 2px;

	background-color: #d7d7d7;

	color: #fff;

}

.ent{

	display: block;

	width: 316px;

	height: 40px;

	border-radius: 20px;

	background-color: #337ce8;

	margin: 0 auto;

	font-size: 16px;

	color: #fff;

	text-align: center;

}

#phone li:first-child + li > select{

	border: 0;

	width: 262px;

	height: 37px;

	color: #a6a6a6;

	font-size: 14px;

	outline: none;

	appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    background-image: url(../img/select.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: 12px;

    

}

.xing{

	position: absolute;

	left: -16px;

	top: 13px;

	width: 11px;

}

/*拍题*/

#sou{

	width: 70px;

	height: 22px;

	border-radius: 11px;

	box-sizing: border-box;

	border: 1px solid #fff;

	position: absolute;

	right: 8px;

	top: 55px;

}

#sou a{

	color: #fff;

	font-size: 12px;

	width: 100%;

	height: 22px;

	text-align: center;

	line-height: 22px;

	display: block;

}

#txt2{

	font-size: 12px;

	text-align: center;

	margin-top: 76px;

	color: #fff;

}

#photo{

	width: 270px;

	height: 270px;

	border-radius: 50%;

	margin:  0 auto;

	margin-top: 20px;

	background-color: #5fa0fb;

	padding-top: 1px;

}

#photo > li{

	width: 234px;

	height:234px;

	border-radius: 50%;

    background-color: #9fc6fd;	

    margin: 0 auto;

    margin-top:17px;

    padding-top: 1px;

}

#photo > li >button{

	display: block;

	width: 200px;

	height: 200px;

	border-radius: 50%;

	background-color: #fff;	

	margin: 0 auto;

	margin-top: 16px;

	background-image: url(../img/photo.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 93px;

}

#num{

	margin: 0 auto;

	margin-top: 37px;

	line-height: 34px;

	width: 217px;

	height: 34px;

	border-radius: 17px;

	background-color: #fff;

	text-align: center;

	color: #4189f2;

}

#num > span{

	font-size: 16px;

	font-weight: bold;

	color: #4189f2;

}

#footer{

	display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-around;

    justify-content: space-around;

	position: fixed;

	width: 100%;

	height: 31px;

	background-color: #fff;

	bottom: 0;

	padding: 9px 0;

	z-index: 999;

}

#footer li{

	width: 56px;

}

#footer li a{

	display: block;

	width: 56px;

	text-align: center;

	color: #999999;

	font-size: 12px;

}

.nav{

	padding-top: 20px;

	background-image: url(../img/nav.png);

	background-repeat: no-repeat;

	background-size: 200px 17px;

}

#footer li a.active{

	background-image: url(../img/nav2.png);

	color: #30a6ff;

}

#nav1{

	background-position: 17px 0;

}

#nav2{

	background-position: -42px 0;

}

#nav4{

	background-position: -105px 0;

}

#nav5{

	background-position:-165px 0;

}

#home{

	background: 0 !important;

	position: relative;

	top: -22px;

	padding-top: 41px;

}

#home ul{

	position: absolute;

	top: -9px;

	left: 2px;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background-color: #fff;

}

#home ul li{

	width: 40px;

	height: 40px;

	border-radius: 50%;

	background-color: #30a6ff;

	background-image: url(../img/home.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: 17px;

	margin: 0 auto;

	margin-top: 5px;

}

/*遮罩弹窗*/

#mask{

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	background-color: rgba(0,0,0,0.7);

	

}

#mask ul{

	width: 204px;

	height: 154px;

	border-radius: 5px;

	background-color: #fff;

	padding: 25px 21px;

	margin: 0 auto;

	margin-top: 200px;

	font-size: 12px;

}

#mask ul li{

	margin-bottom: 19px;

	text-align: center;

}

#mask ul li:first-child img{

	width: 50px;

}

#up a{

	display: block;

	width: 100%;

	height: 30px;

	border-radius: 3px;

	background-color: #337ce8;

	color: #fff;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

}

/*付费课程*/

#pay{

	margin-top: 135px;

	text-align: center;

	font-size: 12px;

	color: #999999;

}

#pay li{

	color: #999999;

}

#pay li img{

	width: 241px;

}

#pay li:first-child{

	padding-left: 22px;

	margin-bottom: 15px;

}



/*支付成功*/

.success{

	padding: 18px 0;

	border-bottom: 1px solid #eef2f5;

}

.success li{

	width: 280px;

	margin: 0 auto;

	margin-top: 5px;

	margin-bottom: 10px;

}

.bj{

	text-align: center;

}

.bj li img{

	margin-top: 22px;

	width: 60px;

}

.txt li,.txt span{

	font-size: 12px;

	color: #999999;

}

.txt #money{

	color: #ff993e;

}

.btn1{

	margin-top: 39px;

	background: 0;

	color: #333;

	line-height: 40px;

	font-size: 14px;

	box-sizing: border-box;

	border: 1px solid #d7d7d7;

	margin-bottom: 11px;

}

.btn2{

	line-height: 40px;

	font-size: 14px;

}

/*勋章墙*/

#wall{

	background-color: #337ce8;

	background-image: url(../img/bj2.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 325px;

	height: 185px;

}

#wall-box{

	position: relative;

	width: 325px;

	margin: 0 auto;

}

#no2{

	position: absolute;

	width: 72px;

	top: 57px;

	left: 20px;

}

#no2 li:first-child{

	border-radius: 50%;

	width: 62px;

	height: 62px;

	overflow: hidden;

	text-align: center;

	margin: 0 auto;

}

#no2 li:first-child img{

	width: 62px;

	height: 62px;

}

#no2 li:first-child + li{

	position: relative;

	width: 72px;

	z-index: 2;

	top: -10px;

}

#no2 li:first-child + li img{

	width: 72px;

}

#no2 li:first-child + li + li{

	left: -20px;

	position: relative;

	width: 108px;

	text-align: center;

	overflow: hidden;

	white-space:nowrap;

}

#no1{

	position: absolute;

	width: 88px;

	top: 42px;

	left:calc(50% - 42px);

}

#no1 li:first-child{

	border-radius: 50%;

	width: 78px;

	height: 78px;

	overflow: hidden;

	text-align: center;

	margin: 0 auto;

}

#no1 li:first-child img{

	width: 78px;

	height: 78px;

}

#no1 li:first-child + li{

	position: relative;

	width: 88px;

	z-index: 2;

	top: -12px;

}

#no1 li:first-child + li img{

	width: 88px;

}

#no1 li:first-child + li + li{

	top: -3px;

	left: -10px;

	position: relative;

	width: 108px;

	text-align: center;

	overflow: hidden;

	white-space:nowrap;

}

#no3{

	position: absolute;

	width: 69px;

	top: 57px;

	right: 18px;

}

#no3 li:first-child{

	border-radius: 50%;

	width: 60px;

	height: 60px;

	overflow: hidden;

	text-align: center;

	margin: 0 auto;

}

#no3 li:first-child img{

	width: 60px;

	height: 60px;

}

#no3 li:first-child + li{

	position: relative;

	width: 69px;

	z-index: 2;

	top: -10px;

}

#no3 li:first-child + li img{

	width: 69px;

}

#no3 li:first-child + li + li{

	left: -20px;

	position: relative;

	width: 108px;

	text-align: center;

	overflow: hidden;

	white-space:nowrap;

}

#hui{

	width: 100%;

	height: 10px;

	background-color: #eef2f5;

}

.user{

	height: 60px;

	box-sizing: border-box;

	border-bottom: 1px solid #eef2f5;

	padding:7px 10px;

}

.user li{

	float: left;

	height: 44px;

	line-height: 44px;

}

.user li.user-num{

	width: 20px;

	text-align: center;

}

.user li.user-txt{

	float: right;

	font-size: 12px;

	color: #565656 !important;

}

.user li.user-tou{

	width: 44px;

	border-radius: 50%;

	overflow: hidden;

	text-align: center;

	margin: 0 8px;

}

.user li.user-tou img{

	width: 44px;

	height: 44px;

}

/*充值*/

#top{

	height: 40px;

	padding: 0 10px;

	margin: 7px 0;

	background: #fff;

	line-height: 40px;

	position: relative;

}

#top select{

	border: 0;

	width: calc(100% - 84px);

	font-size: 14px;

	color: #999;

	outline: none;

	appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    background-image: url(../img/select2.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: 54px;

}

#shop{

	padding-top: 10px;

	background: #fff;

}

#shop ul{

	font-family: "微软雅黑";

    width: 48%;

    height:89px;

    background-color: #eef2f5;

    float: left;

    margin: 0 1%;

    text-align: center;

	margin-top: 1px;

	margin-bottom: 8px;

	padding: 7px 0;

	box-sizing: border-box;

	position: relative;

}

#shop ul li{

	margin: 4px 0;

}

#shop ul .yuan{

	font-size: 18px;

	color: #ff993e;

	font-weight: bold;

}

#shop ul .day{

	font-size: 12px;

	

}

#shop ul .label{

	position: absolute;

	right: 0;

	top: -4px;

}

#shop ul .label img{

	width: 35px;

	height: 17px;

}

#shop ul.active{

	border: 2px solid #ff993e;

	background-image: url(../img/bj3.png);

	background-position: right bottom;

	background-repeat: no-repeat;

	background-size: 26px; 

}

.serve{

	padding: 0 10px;

	padding-bottom: 10px;

	margin: 10px auto;

	background-color: #fff;

	color: #26304c;

}

.serve dt{

	height: 36px;

	line-height: 36px;

	border-bottom: 1px solid #eef2f5;

}

.serve dd{

	margin: 8px 0;

	font-size: 12px;

}

.bot-pad{

	width: 100%;

	height: 54px;

}

#way{

	padding: 0 10px;

	background-color: #fff;

	padding-bottom: 10px;

}

#way dt{

	height: 39px;

	line-height: 39px;

	border-bottom:1px solid #eef2f5;

}

#way dd{

	height: 42px;

	line-height: 42px;

	position: relative;

}

#way dd input{

	display: none;

}

#way dt:first-child + dd{

	border-bottom: 1px dashed #eef2f5;

}

.way{

	width: 21px;

	margin-right: 5px;

	margin-bottom: -6px;

}



#way dd span{

	width: 16px;

	height: 16px;

	box-sizing: border-box;

	border: 1px solid #c2c2c2;

	border-radius: 50%;

	position: absolute;

	right: 0;

	top: 13px;

}

#way dd span.active{

	border: 0;

	background-image: url(../img/input.png);

	background-repeat: no-repeat;

	background-size: 16px 16px;

	background-position: center;

}

#buy{

	position: fixed;

	bottom: 0;

	width: 100%;

	border-top: 1px solid #c2c2c2;

	height: 48px;

	background-color: #fff;

}

#buy li{

	float: left;

}

#buy li:first-child{

	width: 62%;

	height: 48px;

}

#buy li:first-child + li{

	width: 38%;

	height: 48px;

	background-color: #ff993e;

	text-align: center;

}

#buy li:first-child + li button{

	width: 100%;

	height: 100%;

	color: #fff;

}

#mai{

	font-size: 16px;

	color: #ff993e;

	width:46%;

	line-height: 48px;

	text-align: right;

	font-weight: bold;

}

#dele{

	color: #b5bbc6;

	font-size: 12px;

	width: 50%;

	line-height: 48px;

	text-align: left;

}

/*搜题*/



#move{

	height: 40px;

	background-color: #fff;

	display: -webkit-box;

	overflow-x: scroll;

	-webkit-overflow-scrolling: touch;

}

#move div{

	height: 40px;

	width: 75px;

	color: #7b7b7b;

	line-height: 40px;

	text-align: center;

}

#move div a{

    display: block;

	color: #7b7b7b;

	line-height: 40px;

	text-align: center;

}

#move div a.active{

	color: #2fa8f2;

}

#scroll{

	width: 100%;

	height: 6px;

	position: relative;

	top: -8px;

	background-color: #fff;

}

.teacher{

	margin: 10px 0;

	padding: 0 10px;

	padding-top: 21px;

	padding-bottom: 10px;

	background-color: #fff;

}

.teacher-top li {

	float: left;

}

.teacher-top li:first-child{

	height: 50px;

	width: 50px;

	border-radius: 50%;

	overflow: hidden;

	margin-right: 16px;

}

.teacher-top li:first-child img{

	height: 50px;

	width: 50px;

}

.teacher-label div{

	margin: 6px 0;

}

.teacher-label img{

	height: 14px;

}

.teacher-label div img{

	height: 16px;

}

.teacher-top .teacher-btn{

	float: right;

	width: 73px;

	height: 24px;

	border-radius: 12px;

	background-color: #ff993e;

	color: #fff;

}

.teacher-top .teacher-btn button{

	width: 100%;

	height: 100%;

	color: #fff;

}

.teacher-bottom{

	display: -webkit-box;

	width: 100%;

	margin-top: 10px;

}

.teacher-bottom ul{

	width:33%;

	text-align: center;

}

.teacher-bottom ul:first-child + ul{

	width: 34%;

	box-sizing: border-box;

	border-left: 1px solid #dadada;

	border-right: 1px solid #dadada;

}

.teacher-bottom ul li{

	padding: 2px 0;

}

.teacher-bottom ul li:first-child{

	font-size: 16px;

}

.teacher-bottom ul li:first-child +li{

	font-size: 12px;

	color: #999999;

}

/*搜题记录*/

#ti-box{

	padding: 10px 12px;

}

.ti{

	background-color: #fff;

	width: 100%;

	border-radius: 3px;

	margin-bottom: 10px;

}

.ti-top{

	padding: 10px;

}

.ti-top li{

	float: left;

	height: 32px;

	line-height: 32px;

}

.ti-top .ti-time{

	float: right;

	color: #b5bbc6;

}

.ti-top li:first-child{

	width: 32px;

	height: 32px;

	border-radius: 50%;

	overflow: hidden;

	margin-right: 6px;

}

.ti-top li:first-child img{

	width: 32px;

	height: 32px;

}

.ti-img{

	padding: 0 10px;

}

.ti-img img{

	width: 100%;

	border-radius: 3px;

}

.ti-bottom{

	width: 100%;

	display: -webkit-box;

	padding: 8px 0;

}

.ti-bottom ul{

	width: 33%;

	text-align: center;

	font-size: 12px;

}

.ti-bottom .ti-bottom-border{

	width: 34%;

	box-sizing: border-box;

	border-left: 1px solid #dadada;

	border-right: 1px solid #dadada;

}

/*详情*/

#video{

	width: 100%;

	height: 177px;

	background-color: #dbdbdb;

}

#video video{

	width: 100%;

	height: 177px;

}

#video-txt{

	padding: 10px 11px;

	background-color: #fff;

}

#video-txt ul li{

	float: left;

}

#video-txt ul li:first-child{

	width: 45px;

	height: 45px;

	overflow: hidden;

	border-radius: 50%;

	margin-right: 11px;

}

#video-txt ul li:first-child img{

	width: 45px;

	height: 45px;

}

#video-txt ul .fenxiang{

	float: right;

	padding-top: 10px;

}

#video-txt ul .fenxiang button{

	width: 67px;

	height: 21px;

	border-radius: 2px;

	background-color: #b5bbc6;

	color: #fff;

	background-image: url(../img/fenxiang.png);

	background-size: 12px 12px;

	background-repeat: no-repeat;

	background-position: 10px center;

	font-size: 12px;

	padding-left: 10px;

}

.video-teacher div{

	font-size: 12px;

	padding: 4px 0;

}

.shang{

	width: 58px;

	height: 18px;

	border-radius: 9px;

	background-color: #e86c00;

	color: #fff;

	background-image: url(../img/jia.png);

	background-size: 7px 7px;

	background-repeat: no-repeat;

	background-position: 9px center;

	padding-left: 5px;

	line-height: 18px;

}

.cang{

	height: 18px;

	color: #b5bbc6;

	background-image: url(../img/xing.png);

	background-size: 12px 12px;

	background-repeat: no-repeat;

	background-position: 9px center;

	padding-left: 26px;

	line-height: 18px;

	margin-left: 5px;

}

.video-title{

	height: 40px;

	width: 100%;

	padding-left: 10px;

	background-color: #fff;

	line-height: 40px;

	box-sizing: border-box;

	border-bottom: 1px solid #eef2f5;

}

#send-box{

	position: fixed;

	width: 100%;

	height: 46px;

	bottom: 0;

	background: #eef2f5;

}

#send{

	width: 94%;

	margin: 0 auto;

	margin-top: 7px;

}

#txt-box{

	width: 100%;

	height: 32px;

	background: #fff;

	border-radius: 16px;

	box-sizing: border-box;

	border: 1px solid #e4eaef;

	padding-left: 8px;

	position: relative;

}

.send-txt{

	height: 31px;

}

.send-btn{

	width: 66px;

	height: 32px;

	border-radius: 16px;	

	background: #c0c5ce;

	color: #fff;

	position: absolute;

	right: 0;

}

#first{

	margin-top: 62px;

	text-align: center;

	font-size: 12px;

	color: #b5bbc6;

	display: none;

}

#question-list{

	padding: 0 10px;

	font-size: 12px;

	overflow: hidden;

}

.question{

	padding: 10px 0;

	border-bottom: 1px solid #ececec;

}

.question dt{

	float: left;

	width: 32px;

	height: 32px;

	border-radius: 50%;

	overflow:hidden;

	margin-right: 10px;

	

}

.question dd{

	float: left;

	width: calc(100% - 42px);

}

.question dt img{

	width: 32px;

	height: 32px;

}

.question-time{

	color: #b5bbc6;

	margin-bottom: 5px;

}

.question-time span{

	color: #b5bbc6;

	margin-right: 6px;

}

#more{

	width: 100%;

	height: 35px;

	color: #26304c;

	font-size: 12px;

    text-align: center;

    line-height: 35px;

}

#xia{

	display: inline;

	width: 10px;

}