input {
	/*padding-left: 0.5rem;*/
	-webkit-appearance: none;
	border: none;
	outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #cecece;
	font-size: 0.9375rem;
}

.mar-auto {
	margin: 0 auto;
}

.h-2e5 {
	height: 2.5rem;
}

.l-h-2e5 {
	line-height: 2.5rem;
}

.h-100 {
	height: 100%;
}

.pad-r-2e {
	padding-right: 2rem;
}

.b-r-50 {
	border-radius: 50px;
}

.w-2e {
	width: 2rem;
}

.right-0 {
	right: 0;
}

.top-0 {
	top: 0;
}

.mar-t-1e {
	margin-top: 1rem;
}

.mar-b-1e {
	margin-bottom: 1rem;
}

.text-ac {
	text-align: center;
}

.dis-blo {
	display: block;
}

.b-b-0e5 {
	border-bottom: 0.5rem solid #f6f6f6;
}

.pad-le {
	padding: 1rem;
}

.pad-l-2e {
	padding-left: 2rem;
}

.b-r-6 {
	border-radius: 6px;
}

.mar-l-1e {
	margin-left: 1rem;
}

.font-bold {
	font-weight: bold;
}

.mar-l-0e5 {
	margin-left: 0.5rem;
}

.mar-t-0e2 {
	margin-top: 0.2rem;
}

.mar-b-0e5 {
	margin-bottom: 0.5rem;
}

.h-1e5 {
	height: 1.5rem;
}

.l-h-1e5 {
	line-height: 1.5rem;
}

.pad-l-1e {
	padding-left: 1rem;
}

.pad-r-1e {
	padding-right: 1rem;
}

.pad-b-1e {
	padding-bottom: 1rem;
}

.mar-t-0e5 {
	margin-top: 0.5rem;
}

.b-b-eee {
	border-bottom: 1px solid #eee;
}

.w-1e5 {
	width: 1.5rem;
}

.mar-r-1e {
	margin-right: 1rem;
}

.pad-1e {
	padding: 1rem;
}

.w-1e2 {
	width: 1.2rem;
}

.w-1e3 {
	width: 1.3rem;
}

.pad-t-1e {
	padding-top: 1rem;
}

.pad-l-0e5 {
	padding-left: 0.5rem;
}

.pad-r-0e5 {
	padding-right: 0.5rem;
}

.color-2dc288 {
	color: #2dc288;
}

.pad-b-0e5 {
	padding-bottom: 0.5rem;
}

.mar-t-2e {
	margin-top: 2rem;
}

.mar-l-0e3 {
	margin-left: 0.3rem;
}

.left-0 {
	left: 0;
}

.b-0 {
	bottom: 0;
}

.pad-t-0e8 {
	padding-top: 0.8rem;
}

.pad-b-0e8 {
	padding-bottom: 0.8rem;
}

.color-fff {
	color: #fff;
}

.mar-r-10 {
	margin-right: 10%;
}

.pad-t-0e5 {
	padding-top: 0.5rem;
}

.pad-t-0e3 {
	padding-top: 0.3rem;
}

.pad-b-0e3 {
	padding-bottom: 0.3rem;
}

.bgc-fff {
	background-color: #fff;
}

.h-2e {
	height: 2rem;
}

.l-h-2e {
	line-height: 2rem;
}

.mar-b-0e2 {
	margin-bottom: 0.2rem;
}

.mar-t-1e5 {
	margin-top: 1.5rem;
}

.mar-r-0e5 {
	margin-right: 0.5rem;
}

.w-3e {
	width: 3rem;
}

.color-666 {
	color: #666;
}

.w-1e {
	width: 1rem;
}

.mar-l-0e2 {
	margin-left: 0.2rem;
}

.pad-r-0e3 {
	padding-right: 0.3rem;
}

.w-3e {
	width: 3rem;
}

.w-0e5 {
	width: 0.5rem;
}

.mar-r-0e2 {
	margin-right: 0.2rem;
}

.mar-b-1e5 {
	margin-bottom: 1.5rem;
}

.text-ar {
	text-align: right;
}

.color-fdac11 {
	color: #fdac11;
}

.mar-r-1e5 {
	margin-right: 1.5rem;
}

.w-3e {
	width: 3rem;
}

.mar-t-3e {
	margin-top: 3rem;
}

.w-33 {
	width: 33%;
}

.w-4e {
	width: 4rem;
}

.pad-t-2e {
	padding-top: 2rem;
}

.mar-t-5e {
	margin-top: 5rem;
}

.color-2a2a2a {
	color: #2a2a2a;
}

.color-9b9b9b {
	color: #9b9b9b;
}

.color-3D7EFF {
	color: #3D7EFF;
}

.mar-b-0e8 {
	margin-bottom: 0.8rem;
}

.h-2e2 {
	height: 2.2rem;
}

.l-h-2e2 {
	line-height: 2.2rem;
}

.bgc-F6F6F6 {
	background-color: #F6F6F6;
}

.b-fff {
	border: 1px solid #fff;
}

.pad-0e5 {
	padding: 0.5rem;
}

.b-r-4 {
	border-radius: 4px;
}

.h-3e {
	height: 3rem;
}

.l-h-3e {
	line-height: 3rem;
}

.pad-b-2e {
	padding-bottom: 2rem;
}

.pad-t-1e5 {
	padding-top: 1.5rem;
}

.mar-b-2e {
	margin-bottom: 2rem;
}

.b-r-10 {
	border-radius: 10px;
}

.pad-b-1e5 {
	padding-bottom: 1.5rem;
}

.text-al {
	text-align: left;
}

.h-1e8 {
	height: 1.8rem;
}

.l-h-1e8 {
	line-height: 1.8rem;
}

.w-0e8 {
	width: 0.8rem;
}

.pad-t-4e {
	padding-top: 4rem;
}

.b-efefef {
	border: 1px solid #efefef;
}

.bgc-36CFCA {
	background-color: #5f92fa;
}

.pad-t-3e {
	padding-top: 3rem;
}

.mar-l-3e {
	margin-left: 3rem;
}

.b-36CFCA {
	border: 1px solid #5f92fa;
}

.w-75 {
	width: 75%;
}

.pad-r-1e5 {
	padding-right: 1.5rem;
}

.mar-b-4e {
	margin-bottom: 4rem;
}

/*input[type='checkbox'] {
	width: 20px;
	height: 20px;
	opacity: 0;
}

.radioIcon {
	width: 20px;
	height: 20px;
	background-image: url(../img/not.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

input[type='checkbox']:checked+.radioIcon {
	background-image: url(../img/selected.png);
}*/

input[type='radio']{
		width:20px;
		height: 20px;
		opacity:0;
		z-index: 99;
	}
	
.radioIcon{
	width: 20px;
	height: 20px;
	background: url(../img/radio-pre.png) no-repeat center;
	background-size: 100% auto;
}

input[type='radio']:checked+.radioIcon {
	background-image: url(../img/radio.png);
}

.z-index {
	z-index: 999;
}

.mar-l-2e5 {
	margin-left: 2.5rem;
}

.mPicker-header {
	font-size: 1.1rem !important;
}

.mPicker-content li {
	font-size: 1rem !important;
}

.mPicker-confirm,
.mPicker-cancel {
	font-size: 1rem !important;
}

.h-1e5 {
	height: 1.5rem;
}

.mar-b-2e {
	margin-bottom: 2rem;
}

.color-eac43a {
	color: #E8BB61;
}
.color-3C8FFf{
	color: #3C8FFF;
}
.b-3C8FFF{
    border:1px solid #3C8FFF;	
}
.pad-b-48{
	padding-bottom: 48%;
}
.mars{
	margin: 0.5rem 2.5% 0.5rem;
}
.text_o_f{
	overflow:hidden;
	text-overflow:ellipsis;  
	white-space:nowrap;  
}
.pad-b-58{
	padding-bottom: 58%;
}
.bgc-000{
	background: rgba(0,0,0,0.49);
}
.bg-perCenter {
    background-image: url(../img/personal-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    }
.box-shadow{
	box-shadow: 0 0 26px 0 rgba(60,143,255,0.40);
}
.bg-study{
   background: url(../img/study-o-bg.png) no-repeat left top;
   background-size: 100% 100%;
}
.bg-test{
	background: url(../img/study-b-bg.png) no-repeat left top;
	background-size: 100% 100%;
}
.choosed{
	background:#3C8FFF;
	color: #fff;
	
}
.unchoosed{
	
	color: #3C8FFF;
}
.b-b-F2F2F2{
	border-bottom: 1px solid #F2F2F2;
}
.h-1e{
	height: 1rem;
}
.bgc-zhuanTi{
	background: #FF835B; 
}
.bgc-biuXiu{
	background: #FFB06D; 
}
.bgc-fangTan{
	background: #8E84FF; 
}
.bgc-miJi{
	background: #20B3F8;
}
.bgc-yueDu{
	background: #19D9A4;
}
.dis-none{
	display: none;
}
.bg-arrow{
	background: url(../img/choose.png) no-repeat right;
	background-size: 1rem;
	padding-right: 1.5rem;
}
.w-3e5{
	width: 3.5rem;
}
.w-0e6{
	width: 0.6rem;
}
.gradeChoosed{
	color:#3C8FFF;
	background: url(../img/line.png) no-repeat bottom;
	background-size:100%;
}
.bgc-1EC1B3{
	background: #1EC1B3;
	padding: 0.1rem 0.2rem;
	border-radius: 4px;
}
.top-50{
	top: 50%;
}
.bgc-3C8FFF{
	background-color: #3C8FFF;
}
.pupBox{
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}
.pupCon{
	background: #fff;
	position: absolute;
	width: 80%;
	left: 10%;
	
}
.color-FF6C06{
	color: #FF6C06;
}
.b-A9D1FF{
	border-bottom: 1px dashed #A9D1FF;
}
.pad-r-2e5{
	padding-right: 2.5rem;
}
html, body {
        position: relative;
        height: 100%;
    }
    /*body {
        background: #fff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }*/
    .swiper-container{
       
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        overflow: hidden;
        /*font-size: 18px;*/
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        /*-webkit-align-items: center;*/
        /*align-items: center;*/
    }
.swiper-container-horizontal>.swiper-pagination {
    bottom: -4px !important;
    }
.swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
}
.swiper-pagination-bullet-active {
    width: 16px !important;
    border-radius: 6px; !important;
    background: #007aff;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 3px !important;
}
.swiper-pagination-bullet-active {
    background: #28c9d6 !important;
}
.color-e4e2e2{
	color: #e4e2e2;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	border-radius: 6px;
}
.swiper-container1{
	height: 74px;
	overflow: hidden;
}
.swiper-container {
	height: 220px;			
}
.refreshWrap .loadingBox {
    width: 100%;
    height: 40px;
    text-align: center;
    padding: 10px;
    position: relative;
    background-color: #fff;
    z-index: 2;
}
.refreshWrap .refresh {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
}