/**电脑**/
@media screen and (min-width:1200px){
	
}

/**iPad、手机横向**/
@media screen and (min-width: 960px) and (max-width: 1199px) {

}

/**iPad、手机竖向**/
@media screen and (min-width: 768px) and (max-width: 959px) {

}

/**手机**/
@media only screen and (min-width: 480px) and (max-width: 767px){
	
}

/**手机viewport**/
@media only screen and (max-width: 479px) {
	html {
		font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/
	}
	body{
		font-size: 1rem;
	}
	.header{
		width: 100%;
		min-width: 0;
		position: fixed;
	    z-index:999;
	}
	.header .logo{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px 0 0;
		font-size: 1rem;
	}
	.header .logo .img{
	    width: 90%;
    	margin: 0 auto;
		height: auto;
		float: none;
	}
	.header .logo .img img{
		width: 100%;
		height: auto;
	}
	.header .logo .login{
		line-height: 3rem;
		text-align: left;
		padding-left: 1%;
		float: none;
		font-size: 1.25rem;
	}
	.header .logo .phone-nav{
		width: 20px;
   		height: 33px;
	    vertical-align: middle;
	    margin-right: 0;
	    display: inline-block;
	    background: url('../images/base/menu.png') no-repeat center center;
	}
	.header .logo .phone-nav.on{
	    background: url('../images/base/menu-close.png') no-repeat center center;
	}
	.header .nav {
	    position: absolute;
	    left: -100px;
	    z-index: 5;
	    width: 100px;
	    height: auto;
	    margin: 0 auto;
	    background: #8A0101;
		padding-bottom:20px;
	}
	.header .nav ul {
		width: 100%;
		float: none;
	}
	.header .nav li {
		width: 100%;
		float: none;
		line-height: 16px;
	}
	.header .nav li.tuition{
		width: 100%;
	}
	.header .nav li a{
		width: auto;
		font-size: 1.125rem;
		padding: 12% 0;
	}
	.header .nav .button a{
	    line-height: 300%;
	}
	/* ---内容--- */
	.container {
		min-width: 0;
		overflow: hidden;
	}
	.container .banner {
		width: 100%;
		height: 160px;
		margin: 0 auto;
	}
	.container .banner img{
		width: 100%;
		height: 100%;
	}
	.container .column-title {
	    padding: 3% 0;
	}
	.container .column-title .line {
		width: 25%;
	}
	.container .column-title .word {
	    margin: 0 5%;
    	font-size: 1.8rem;
	}
	/* ---课程菜单栏目选择--- */
	.container .courses .model-box {
	    width: 100%;
	    overflow: hidden;
	}
	.container .courses .model-box .transform {
		margin: 5% auto;
		width: 290px;
		height: 290px;
		float: none;
	}
	.container .courses .model-box .transform:nth-child(1) {
		margin-top:0;
	}
	.container .courses .model-box .transform .img{
		width: 25%;
        height: 29%;
    	font-size: 1.5rem;
	}
	.container .courses .model-box .transform .img img, .container .courses .model-box .transform .img span{
		margin: 0 auto;
		display: block;
	}
	 .container .courses .model-box .transform .img span{
	 	padding-top:6px;
	 }
	.container .courses .model-box .transform .introduce.human{
	    width: 70%;
    	height: 85%;
	}
	.container .courses .model-box .transform .introduce.english{
	    width: 26%;
    	height: 32%;
	}
	.container .courses .model-box .transform .introduce.commerce {
	    width: 30%;
    	height: 42%;
	}
	.container .courses .model-box .transform .introduce.science {
        width: 25%;
    	height: 42%;
	}
	.container .courses .model-box .transform .introduce.economic {
	    width: 21%;
    	height: 21%;
	}
	.container .courses .model-box .transform .introduce.math{
	    width: 50%;
    	height: 32%;
	}
	.container .courses .model-box .transform .introduce p{
		line-height: 2.5rem;
		font-size: 1rem;
	}
	
	/* ---新闻资讯--- */
	.container .news{
		width: 100%;
	}
	.container .news .infomation{
		width: 100%;
		height: 120px;
		float: none;
	    margin-bottom: 5%;
	}
	.container .news .infomation .img{
		width: 50%;
		height: 100%;
	}
	.container .news .infomation .text {
	    width: 50%;
		height: 100%;
		margin-left: 0;
	}
	.container .news .infomation .text .title {
	    margin: 2% 5% 5%;
	    height: 3.1rem;
	    font-size: 1rem;
	}
	.container .news .infomation .text .content{
		font-size: 0.875rem;
	    height: 4.1rem;
	    margin: 5%;
	}
	.container .news .infomation .text .datetime{
		font-size: 0.75rem;
		margin: 5%;
	}
	.container .news .button {
		width: 33%;
    	padding: 3% 0;
		margin-top:10px;
	}
	.container .news .button a{
		padding:0;
	}
	/* ---学分转换--- */
	.container .score-notify {
	    height: auto;
   		margin-top: 5%;
	}
	.container .score-notify .credit {
		width: 100%;
		height: 100%;
	}
	.container .score-notify .credit .title{
	    width: 90%;
	    margin: 0;
	    padding: 5%;
	    height: 17rem;
	    background-size: 90%;
	    float: none;
	    position: relative;
	}
	.container .score-notify .credit .title span{
		position: absolute;
		margin-left: 0;
		top: 45%;
		left: 29%;
		font-size: 2.5rem;
	}
	.container .score-notify .credit .title span:nth-child(1) {
		top: 30%;
		margin-top:0;
		letter-spacing: 2px;
	}
	.container .score-notify .credit .words{
		width: 90%;
	    font-size: 1rem;
	    margin: 3% auto 3%;
	    line-height: 2rem;
	    float: none;
	}
	/* ---常见问题--- */
	.container .problem-bg{
		background-size: 100% 100%;
		padding-bottom: 5%;
	}
	.container .problem {
		width: 100%;
		font-size: 1rem;
	}
	.container .problem .module {
		width: 100%;
		height: auto;
		float :none;
	}
	.container .problem .module .question{
        width: 86%;
		margin: 2%;
	    padding: 3% 8% 3% 2%;
	    background: url('../images/base/arrow-down-g.png') no-repeat right center;
	}
	.container .problem .module .question:hover {
		background: url('../images/base/arrow-down.png') no-repeat right center;
	}
	.container .problem .module .question.on {
	    background: url('../images/base/arrow-up.png') no-repeat right center;
	}
	.container .problem .module .answer {
		width: 90%;
    	padding: 2% 5%;
	}
	.container .problem .button{
		width: 60%;
    	padding: 3% 0;
	}
	
	.loginwrap{
		width:100%;
	}
	/*登陆注册 end*/
	.login .logtab{
		margin-bottom: 30px;
	}
	.login .logtab span{
		padding:0 24px;
	}
	.login .logtab span a{
		padding:5px 24px;
	}
	.loginwrap .log-passwtj span{
		width:76%;
		font-size:15px;
	}
	.loginwrap .log-protocol, .loginwrap .log-passwtj{
		width:81%;
	}
	.loginwrap .log-proint{
		height: 290px;
	}
	.loginwrap .log-proint p{
		width:90%;
		margin-left:5%;
		margin-top:3px;
		font-size: 14px;
		line-height: 20px;
	}
    .loginimg img{
        width: 100%;
    }
    .layui-layer-setwin {
    position: absolute;
    right: 32px;
    top: 33px;
    font-size: 0;
    line-height: initial;
    }
	/*登陆注册 end*/
	.contactus h2{
		margin: 25px 0;
		font-size: 16px;
	}
	.contactus .map{
		height:300px;
	}
	.contactus .schoolplc{
		font-size:14px;
		text-align:left;
	    margin-top: 20px;
	}
	.contactus .cnttus-way li{
		width:50%;
		margin-bottom:5px;
	}
	.contactus .cnttus-way li p{
		font-size:14px;
	}
    .login-btn.janurary input {
        font-size: 10px;
    }
	
	/* ---底部--- */
	.footer {
		width: 100%;
		height: auto;
		min-width: 0;
		background: url('../images/base/footer.jpg') no-repeat center center;
		background-size: 100% 100%;
		color: #fff;
		font-size: 0.875rem;
	}
	.footer .details {
		width: 100%;
	}
	.footer .details .contact, .footer .details .foot-line {
		display: none;
	}
	.footer .details .logo, .footer .details .info {
		width: 90%;
		margin: 0 auto;
	    padding: 3% 0;
		display: block;
		text-align: left;
	}
	.footer .details .logo img{
		width: 100%;
		height: auto;
	}
	.footer .details .info .v-line {
		display: none;
	}
	.footer .details .info .location, .footer .details .info .phone, .footer .details .info .blog, .footer .details .info .wechat, .footer .details .info .email, .footer .details .info .join {
	    padding-left: 7%;
	    background-repeat: no-repeat;
	    background-position: left 50%;
	}
	.footer .details .info .location {
		width: 93%;
	    background-position: left 14%;
	}
	.footer .details .info .phone, .footer .details .info .email {
		width: 50%;
	}
	.footer .details .info .blog{
		width: 15%;
	}
	.footer .details .address {
	    width: 85%;
	    margin: 0 auto;
	    padding: 3% 0;
	}
	.footer .details .address div{
		line-height: 30px;
	}
	/* ---分享图--- */
	.container .shareimg{
		font-size: 0;
	}
	.container .shareimg img {
		width: 50%;
		float: none;
		display: inline-block;
	}
	/* ---二维码--- */
	.qrcode {
		display: none;
	}
	/* ---二级页面样式--- */
	.container .details{
		width: 100%;
		min-height: 0;
		background: #F7F5F5;
	}
	/* ---左侧菜单--- */
	.container .details .left-menu {
		width: 100%;
		min-height: 0;
	}
	.container .details .left-menu .options{
	    width: 20%;
        margin: 4% 13% 0;
        padding-left:0;
	    padding-bottom: 3%;
	    font-size: 1.125rem;
	    display: inline-block;
	}
	.container .details .left-menu .options a, .container .details .left-menu .options a:hover{
		color: #999;
		font-weight: inherit;
	}
	.container .details .left-menu .options.on a{
		font-weight: 500;
		color: #8a0101;
	}
	.container .details .left-menu .options.on{
	    background-size: 0.875rem 0.875rem;
	    background-position: 0 20%;
	    border-bottom: 1px solid #8a0101!important;
		background:none!important;
	}
	/* ---右侧内容--- */
	.container .details .right-contents {
		width: 100%;
		min-height: 0;
		font-size: 0.875rem;
	}
	.container .details .right-contents .position{
		text-align: left;
    	padding: 3%;
	}
	.container .details .right-contents .title{
		font-size: 1.5rem;
		padding: 3%;
		background-position: 4% 90%;
	    background-size: 5rem 0.4rem;
	}
	.container .details .right-contents .content{
		padding:0 3%;
	}
	.container .details .right-contents .content p{
		text-indent: 2em;
		line-height: 2.25rem;;
		margin-bottom: 2%;
	}
	/* ---联系信息--- */
	.container .details .right-contents .contacts {
		width: 33%;
	    text-align: center;
	    float: left;
	    color: #8a0101;
	    padding-top: 70px;
	}
	.container .details .right-contents .phone {
		background: url('../images/base/c-phone.png') no-repeat top center;
	}
	.container .details .right-contents .email {
		background: url('../images/base/c-email.png') no-repeat top center;
	}
	.container .details .right-contents .wechat {
		background: url('../images/base/c-wechat.png') no-repeat top center;
	}
	/* ---地图--- */
	.container .details .right-contents .content #bdmap{
		width:100%;
		height:300px;
	}
	.container .details .right-contents .content .img{
		width: 100%;
	}
	.container .details .right-contents .content .img img{
		width: 100%;
	}
	.container .details .right-contents .content .search{
		width: 50%;
	}
	.container .details .right-contents .label{
		margin: 10px auto;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
	}
	.container .details .right-contents .table{
		margin-bottom: 3%;
		border: 1px solid #C88787;
	}
	.container .details .right-contents .table th{
	    padding: 1% 0;
	    font-size: 0.875rem;
	    border-right: 1px solid #c88787;
	}
	.container .details .right-contents .table td{
	    padding:6px 2%;
	    line-height:16px;
	    font-size: 0.75rem;
	    border-right: 1px solid #fff;
	}
	.container .details .right-contents .table-simple{
		width: 95%;
		margin: 0 auto 4%;
	}
	/* ---内容头像信息--- */
	.container .details .right-contents .professor{
	   	width: 96%;
		height: auto;
		display: block;
		margin: 2%;
		font-size: 1rem;
	}
	.container .details .right-contents .professor .head{
		width: 35%;
		height: 100%;
	}
	.container .details .right-contents .professor .head img{
		width: 100%;
		height: 100%;
	}
	.container .details .right-contents .professor .intro{
		width: 63%;
		padding: 0 0 0 2%;
	}
	.container .details .right-contents .professor .intro p{
		line-height: 1.3rem;
	}
	/* ---标签切换--- */
	.container .details .tab{
		width: 100%;
		height: auto;
	    padding:0;
	    font-size: 0.75rem;
	}
	.container .details .tab-year{
		width: 12%;
		line-height: 260%;
	}
	.container .details .tab-year.la{
		/* padding-left: 3.5%; */
		background-position: left 55%;
	}
	.container .details .tab-year.ra{
		/* padding-right: 3.5%; */
		background-position: right 55%;
	}
	.container .details .tab-year a{
		font-size: 1.5rem;
	}
	.container .details .tab-course {
        width: 66%;
	    height: 100%;
	}
	.container .details .tab-course div{
		width: 50%;
		height: 100%;
		font-size: 1rem;
		background-size: 100% 100%;
	}
	.container .details .tab-course div span{
	    line-height: 350%;
	}
	.container .details .tab-course div.on{
		width: 50%;
		height: 100%;
		padding-bottom: 4%;
		background-size: 100% 100%;
	}
	.container .details .tab-course div.on span{
		line-height: 250%;
	}
	/* ---分页器--- */
	.container #pagelist{
		font-size: 0;
		text-align: center;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.container #pagelist .pageinfo {
		display: none;
	}
	.container #pagelist .pagenum {
		font-size: 1rem;
		width: 100%;
	}
	.container #pagelist .pagenum{
		text-align: inherit;
	    line-height: 2rem;
	}
	.container #pagelist .pagenum .pager,.container #pagelist .pagenum .page_prev{
		display:inline-block;
		*display:inline;
		*zoom:1;
		cursor:pointer;
		background:#ccc;
		border-radius:3px;
		-ms-border-radius:3px;
		-khtml-border-radius:3px;
		margin:0 3px;
	}
	.container #pagelist .pagenum .pager a, .container #pagelist .pagenum .page_prev a{
		color: #fff!important;
		padding:5px 10px;
	}
	.container #pagelist .pager.active{
	    display:inline-block;
		*display:inline;
		*zoom:1;
		cursor:pointer;
		border-radius:3px;
		-ms-border-radius:3px;
		-khtml-border-radius:3px;
		margin:0 3px;
	    background: #8A0101;
	}
	/* ---交通图及校园图片--- */
	#baidu{
		width: 100%;
		height: 100%;
		display: none;
	}
	#baidu #bdmap1{
		width: 100%;
		height: 100%;
	}
	#image {
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: none;
	}
	#image img{
		width: 100%;
		height: 100%;
	}
/* ------------------------User Center--------------------- */
	.personcenter{
	    width:100%;
	    margin: 0;
	    padding: 0;
	}
	.topbanner{
	    width: 100%;
	    height: 160px;
	    margin: 0;
	}
	.topbanner img{
		width: 100%;
		height: 100%;
	}
	.personcenter .position{
	   font-size: 0.875rem;
	   float: none;
	   margin: 0;
	   padding: 3%;
	}
	.personcenter .leftbanner {
		width: 100%;
	    float: none;
		height:auto;
		overflow:visible;
	}
	.personcenter .leftbanner ul, .personcenter.applicant .leftbanner ul, .personcenter.option .leftbanner ul{
	    margin-top: 0;
	    padding-bottom: 0;
	    height: auto;
	    overflow: hidden;
	    background-color: #fff;
	}
	.information .w91.information, .personal .w91.applicant, .personal .w91, .myapply .w91.myapplication, .optionnalc .w91.progress, .overclass .w91, .abnews .w91.notice {
		float: none;
	    width: 96%;
	    margin: 2%;
	}
	.optionnalc .contentinttil {
		margin:0;
		padding: 0;
		float: none;
	}
	.personal .contentinttil, .contentinttil.peliapply.live, .overclass .contentinttil, .report.score .contentinttil{
		 padding: 0;
		 margin: 0;
		 float: none;
	}
	.information div{
		margin-top: 25px;
		float:none;
		text-align: center;
	}
	.info-validate ,.info-validate.error{
		top: 63%;
		right:10%;
	}
	.information input{
		width: 97%;
		font-size: 1rem;
		padding:1% 0 1% 3%;
	}
	.information .infor-sbtn{
	    padding: 0 7% 0 5%;
   		width: 100%;
	}
	.information div.w27b,.information div.w29b,.information div.w65b{
		width: 100%;
		margin-left:0;
		float:none;
	}
	.information .contentinttil {
		margin: 0;
		float: none;
		text-align: left;
	}
	.contentinttil .floatl {
		font-size: 1.75rem;
	    width: 50%;
	    height: auto;
	    line-height: 3rem;
	    margin: 2% 0;
	    padding: 0;
	}
	.report .btn-submit {
		margin: 5% auto;
	}
	.information .btmbtn .paclnext{
	    margin: 0 auto;
	    background-color: #8c0101;
	}
	a.paclnext, .myapply a.paclnext {
	    width: 60%;
	    height: auto;
	    line-height: 4rem;
	    font-size: 2rem;
	    margin: 5% auto;
	}
	.applicant .project li {
        margin: 5% auto;
    	width: 90%;
	    height: 120px;
	    float: none;
	}
	.applicantproject {
		width: 100%;
		height: auto;
		margin: 4% auto;
	}
	.applicantproject li, .accommodation{
	    padding: 3%;
	    border: 2px solid #8a0101;
	    box-shadow: 2px 2px 10px #8a0101;
	    width: 93%;
	    height:auto;
	    background: url(../images/base/logo1.png) no-repeat 101% 102%;
	}
	.applicantfee .fee .span {
	    line-height: 2rem;
   		display: block;
	    background: url('../images/base/applicant1.png') 2% center no-repeat;
	}
	.applicantfee .fee .span.on {
		line-height: 2rem;
   		display: block;
	    background: url('../images/base/applicant2.png') 2% center no-repeat;
	}
	.accommodation {
	    margin: 3% auto;
		height: auto;
	}
	.accommodation .accommodationthree .spanhotel {
	    display: block;
    	line-height: 23px;
	}
	.accommodation .accommodationtwo {
		line-height: 2rem;
	}
	.applicanthouse {
	    width: 100%;
  		margin: 0;
	}
	.applicanthouse p{
	     font-size: 1rem;
	     line-height: 1.75rem;
	}
	.sccoupon .off{
		width: 30%;
	    line-height: 2rem;
	    font-size: 1rem;
	}
	.sccoupon .coupon-text{
		width: 100%;
		margin: 3% auto;
	}
	.sccoupon .coupon-text input{
		width: 40%;
	    padding: 1% 5%;
	    border-radius: 5px;
	}
	.sccoupon .coupon-text a.paclnext{
	    width: 25%;
	    height: 30px;
	    line-height: 30px;
	    margin: 0;
	}
	.sccoupon .coupon-text #coupontype{
	    clear: both;
	    display: block;
	    margin: 3% auto!important;
	    width: 50%;
	}
	.sccoupon .coupon-tab {
		margin: 5% auto;
	}
	.sccoupon table th{
		width: 25%;
		padding: 1% 0;
		font-size: 1rem;
		line-height: 1rem;
	}
	.sccoupon table td{
		padding: 2%;
		font-size: 0.75rem;
	}
	a.paclnext.marginlf0 {
	    width: 40%;
	    height: 35px;
	    line-height: 3rem;
	    margin: 0 auto;
	}
	.overclass .sccoupon {
		width: 100%;
		margin: 3% auto;
	}
	.overclass .oclass-warn{
	    margin: 5% auto;
    	padding-top: 5%;
		border-top:1px solid #eee;
	}
	.overclass ul.oclass-btm {
		margin: 0 auto;
	}
	.overclass .oclass-btm p{
		text-align: left;
		font-size: 1rem;
		line-height:2rem;
	    padding: 5% 8%;
	}
	.contentint .tab-int {
		width: 100%;
		margin: 3% auto;
		font-size: 1rem;
	}
	.contentint .tab-int .schedule {
		font-size: inherit;
		width: 100%;
	}
	.contentint .tab-int table{
		width: 100%;
		margin-bottom:0;
	}
	.myapply .sccoupon table th {
		width: 13%;
	}
	.myapply .sccoupon td{
		padding: 3% 2%;
		font-size:1rem;
	}
	.option-classint {
		font-size: 1rem;
		padding: 0;
	}
	.option-classint .fourfive{
	    float: none;
	    font-size: 0.875rem;
	    margin: 3% auto;
	}
	.option-tab {
	    text-align: center;
	    margin: 0 auto;
	}
	.option-tabint .sccoupon{
		height:auto!important;
		overflow: hidden;
	}
	.sccoupon table {
		width: 97%;
		margin: 0 auto;
	}
	.sccoupon table tr th:nth-child(1) {
		padding: 4% 0;
	}
	.personcenter .firstone{
		width: 100%;
		margin: 0;
	    color:#fff;
	    font-size: 2rem;
	    height: 4rem;
	    line-height: 4rem;
	}
	.leftbanner ul li, .leftbanner ul li:hover{
	    height: auto;
	    width: 21%;
	    margin: 2%;
	    line-height: 1.5rem;
	    font-size:1.25rem;
	    background-color: #fff;
	    display: block;
	    float: left;
	}
	.leftbanner ul li a{
		color: #333;
	}
	.leftbanner ul li.on{
	    border-left: 0;
	}
	.leftbanner ul li.on a{
		color: #8A0101;
	}
	.leftbanner .logoimage{
		visibility: hidden;
		display: none;
	}
	.contentint.floatr, .contentint.floatr.personal, .contentint.floatr.overclass {
	    float: none;
		width: 100%;
		margin: 0;
	}
	.w91.people {
		width: 96%;
		padding: 2%;
	    margin: 0;
	    float: none;
	}
	.w91.people .inotice {
		width: 100%;
		overflow: hidden;
		margin: 5% 0;
		padding: 0;
		border: 0;
	}
	.w91.people .inotice .floatl {
		width: 40%;
		height: 100px;
		float: left;
	}
	.inotice .floatl img {
		padding: 0;
		margin: 0;
	}
	.w91.people .inotice .floatr {
		width: 60%;
		height: 100px;
		float: right;
	}
	.w91 .report.score {
		margin: 0 auto;
	}
	.w91.resetpin .input-group {
	    width: 100%;
	    height: auto;
	    padding: 0;
	    margin: 0;
	}
	.w91.resetpin .input-group .shield {
		display: none;
	}
	.input-group .resetform {
		width: 100%;
	}
	.input-group p input {
	    width: 94%;
	    padding: 2% 3%;
	    border-radius: 5px
	}
	.inotice .floatr p {
		width: 100%;
	    padding: 0;
	    font-size: 1.5rem;
	    text-indent: 0;
	}
	.inotice .floatr div {
	    width: 90%;
	    margin: 0 auto;
	    color: #999;
	}
	.inotice .floatr div p{
		font-size: 0.875rem;
	    text-indent: 0;
	    line-height: 1.5rem;
	}
	.w91.people .inotice .floatr span {
    	font-size: 0.875rem;
		line-height: 2rem;
		margin: 0 auto;
	}
	.w91.notice ul li{
	    margin: 3% auto;
	    padding: 0;
		border: none;
		height: 120px;
	}
	.abnews li .floatl {
		float: left;
		width: 40%;
		height: 100%;
	}
	.abnews li .floatl img {
		float: none;
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.abnews li .floatl1 {
	    float: right;
	    width: 56%;
	    height: 100%;
	    margin: 0;
	}
	.abnews li .floatl1 div{
		height: 92px!important;
    	font-size: 1rem!important;
	}
	.abnews li .floatl1 div p{
		line-height: 1.5rem;
	}
	.til.notice {
		margin: 0;
		font-size: 1.5rem;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	}
	.iapply, .overclass .iapply {
	    margin: 0;
	    padding: 0;
	    height: auto;
	}
	.iapply.precedure {
		padding: 0;
		margin: 3% 0;
		height: auto;
	}
	.iapply .writemessage {
		width: 40%;
	}
	.iapply .writemessage .bgon {
		width: 60px;
	    height: 60px;
	    line-height: 5rem;
	    background: url('../images/base/circle1.png') no-repeat center center;
	    background-size: 100% 100%;
	    font-size: 1rem;
	    margin: 50% 0 0;
	    padding: 0;
        vertical-align: bottom;
	}
	.iapply .writemessage .student {
		font-size: 1rem;
		display: block;
		margin: 0;
		width: 230px;
		height: 60px;
	    background: url('../images/base/circle12.png') no-repeat top left;
	    top:0;
	    bottom: 0;
	    line-height: 1.5rem;
	    z-index:20;
	}
	.iapply li p span {
	    padding: 3% 5% 0;
	}
	.iapply li {
	    width: 18%;
	    padding: 0;
	    line-height: 60px;
	    font-size: 0.5rem;
	}
	.iapply li a {
		width: 60px;
		height: 60px;
   		background: url('../images/base/circle3.png') no-repeat center center;
   		background-size: 100% 100%;
	}
	.iapply li.on a {
	    width: 60px;
		height: 60px;
   		background: url('../images/base/circle1.png') no-repeat center center;
   		background-size: 100% 100%;
	}
	.iapply li a.bgon {
		margin: 0;
	}
	.iapply li.iapply-cimg {
	    width: 21px;
    	height: 21px;
	}
	.iapplyint {
		margin: 0;
		padding: 0;
	}
	.iapplyint .iapplyint-brd {
		width: 100%;
		margin: 0;
		padding: 3% 0;
	}
	.iapplyint .iapplyint-brd .topresource .personimages {
	    width: 30%;
	    height: auto;
	    float: left;
	    margin-left: 3%;
	}
	.iapplyint .iapplyint-brd .topresource .personimages img{
		width: 100%;
	}
	.iapplyint .iapplyint-brd .topresource .personintroduce {
		margin-left:3%;
		width: 64%;
	}
	.iapplyint .iapplyint-brd .til{
		padding:0;
		margin:0;
		font-size:1.5rem;
		line-height: 2rem;
		background: none;
		text-align: center;
	}
	.iapplyint .iapplyint-brd .personintroduce .welcome .p1 {
        font-size: 1.5rem;
	    color: #333;
	    font-weight: bold;
	    margin: 0;
	}
	.iapplyint .iapplyint-brd .personintroduce .welcome .p2 {
	    font-size: 1.25rem;
	    color: #333;
	    margin-top: 1%;
	}
	.iapplyint .iapplyint-brd .personintroduce .welcome .p3 {
	    font-size: 1.25rem;
	    margin-top: 1%;
	}
	.rightmessage .achivment{
	    padding: 3%;
	    margin: 0 auto;
	}
	.achivment .chinese{
	    font-size: 2rem;
	    color: #000;
	}
	.rightmessage table{
	    border: 1px solid #000;
	    margin: 0;
		width: 100%;
	}
	.bottommessage .bottomleft{
	    float: left;
	    margin: 0;
	}
	.bottommessage .bottomright{
		float: right;
	    margin: 0;
	    width: 50%;
	}
	.rightmessage .download{
	    border: 1px solid #8a0101;
	    background-color: #8a0101;
	    padding: 10px 21px;
	    text-align: center;
	    font-size: 21px;
	    color: #fff;
	    width:129px;
	    margin: 38px auto 0;
	    border-radius: 4px;
	    -ms-border-radius: 4px;
	    -khtml-border-radius: 4px;
	    
	}
	.rightmessage .tablemessage {
	    margin: 0;
	    font-size: 1rem;
	}
	.tablemessage .firstname{
	    float: left;
	    width: 47%;
	    border-right:1px solid #000;
	}
	.tablemessage .firstname .firstspan{
	    padding: 3px 0 3px 5px;
	    display: block;
	}
	.tablemessage .firstname .secondspan{
	    padding: 3px 0 3px 5px;
	    display: block;
	}

	.tablemessage .firstsex .firstspan{
	    padding: 3px 0 3px 10px;
	    display: block;
	}
	.tablemessage .firstsex .secondspan{
	    padding: 3px 0 3px 10px;
	    display: block;
	}
	.tablemessage .firstsex{
	    float: left;
	}
	.tablemessage .secondmale .firstspan{
	    padding: 3px 0 3px 5px;
	    display: block;
	}
	.tablemessage .secondmale .secondspan{
	    padding: 3px 0 3px 5px;
	    display: block;
	}
	.tablemessage ul li{
	    margin: 0 auto;
	    border: 1px solid #000;
	}
	.tablemessage .threedate{
	    float: left;
        width: 35%;
		margin-left: 2%;
	}
	.tablemessage .threeday{
	    float: right;
    	width: 63%;
	}
	.tablemessage .threedate .firstspan{
	    padding: 0;
	    display: block;
	}
	.tablemessage .threedate .secondspan{
	    padding: 0;
	    display: block;
	}
	.tablemessage .threeday .firstspan{
        padding: 0 5%;
    	display: block;
	}
	.tablemessage .threeday .secondspan{
	    padding: 0 22%;
    	display: block;
	}
	.tablemessage table tr td{
	    border: 1px solid #000;
	    padding: 5% 3%;
	    text-align: center;
	    width: 20%;
	}
	.tablemessage table tr td:nth-child(1) {
		width: 55%;
	}
	.tablelist .coursenumber, .tablelist .coursetitle, .tablelist .coursecredit, .tablelist .coursegrade{
	    padding: 5% 3%;
	    text-align: center;
	}
	.bottomleft .issuetime{
	    margin-top: 0;
	}
	/****User Centerend******/
	/*****成绩单寄送start********/
	.personcenter .query{
	    font-size: 18px;
	    color:#8a0101;
	    width:153px;
	    line-height: 38px;
	    height:38px;
	    border: 1px solid #f3e5e5;
	    background-color: #f3e5e5;
	    text-align: center;
	    border-left: 1px solid #8a0101;
	}
	.personcenter .reportcard{
	    float: left;
	    margin-left: 56px;
	    margin-top:40px;
	}
	.personcenter .rightmessage {
		width: 94%;
    	margin: 3%;
	}
	.personcenter .rightmessage h3{
		width: 40%!important;
		font-size: 1rem;
	}
	.personcenter .noticedetail {
	    float: none;
	    width: 94%;
	    margin: 3%;
	}
	/*****成绩单寄送end********/
	.container {
		background: #fff;
	}
	.container .login {
	    width: 100%;
	    margin-top: 5%;
	}
	.container .login .loginimg {
		width: 100%;
	}
	.container .login .loginimg img{
		width: 100%;
	}
	.container .login .logtbint p input {
	    width: 93%;
	}
	/****20170217修改***/
	.header .logo .phone-nav + span + span + span + span + span + span,.header .logo .phone-nav + span + span + span + span + span + span + span{
		display:none;
	}
	.header .logo .login{
		font-size:1.5rem;
	}
	.header .logo .phone-nav {
		width:22px;
		height:18px;
		background: url('../images/base/menu.png') no-repeat center center;
		background-size:22px 18px;
		vertical-align: middle;
		margin-right:14px;
		display: inline-block;
		*display:inline;
		*zoom:1;
		margin-top:-1px;
		margin-left:14px;
	}
	.header .logo .phone-nav.on{
		 background-size:25px 25px;
	}
	.main_visual{
		width: 100%;
	}
	.container .courses{
		background-position:center center;
		background-size:auto;
	}
	.container .courses .model-box {
		font-size:0;
		text-align:center;
	}
	.container .courses .model-box .transform{
		width:146px;
		height:146px;
		display:inline-block;
		margin:10px 6px;
	}
	.container .courses .model-box .transform .img {
		width:100%;
		height:100%;
	}
	.container .courses .model-box .transform .img img{
		padding-top:38px;
		width:50px;
	}
	.container .courses .model-box .transform .introduce{
		width:83%!important;
		height:140px!important;
		overflow:hidden;
		margin:0 auto;
	}
	.container .courses .model-box .transform .introduce.human{
		padding-top:4px;	
	}
	.container .courses .model-box .transform .introduce.english{
		padding-top:43px;
	}
	.container .courses .model-box .transform .introduce.commerce{
		padding-top:20px;
	}
	.container .courses .model-box .transform .introduce.science{
		padding-top:28px;
	}
	.container .courses .model-box .transform .introduce.economic{
		padding-top:56px;
	}
	.container .courses .model-box .transform .introduce.math{
		padding-top:43px;
	}
	.container .courses .model-box .transform .introduce.english {
	  width: 26%;
	  height: 32%;
	}
	.container .courses .model-box .transform .introduce p {
		line-height:18px;
		font-size:10px;
		text-align:left;
	}
	.container .courses .model-box .transform .introduce.human p{
		line-height:14px;
	}
	.footer .details .logo,.footer .details .logo, .footer .details .info{
		padding:0;
	}
	.footer .details .info{
		margin-top:-5px;
	}
	.footer .details .info.margint10{
		margin-top:14px;
		padding-bottom:6px;
	}
	.footer .details .info.margint10 span{
		line-height:19px;
	}
	.footer .details .info.margint10 span a{
		text-decoration:none!important;
	}
	.footer{
		background-size:auto 100%;
		font-size:11px;
	}
	.footer .details .info .location, .footer .details .info .phone, .footer .details .info .blog, .footer .details .info .wechat, .footer .details .info .email, .footer .details .info .join{
		line-height:18px;
		margin-top:10px;
	}
	.footer .details .address{
		padding:8px 0;
		width:100%;
	}
	.footer .details .address div{
		line-height: 20px;
		width:90%;
		margin: 0 auto;
	}
	.container .problem .button a{
		padding:0;
	}
	.container .problem .button{
		width:33%;
		padding: 3% 0;
	}
	.container .score-notify .credit{
		padding:20px 0;
	}
	.container .score-notify .credit .title{
		width:130px;
		margin: 0 auto;
		padding:0;
		height:62px;
		background-size: 80%;
		float: none;
		position: relative;
		background-position:top center;
		display:inline-block;
		vertical-align:middle;
	}
	.container .score-notify .credit .title span:nth-child(1){
		top:12px;
	}
	.container .score-notify .credit .title span{
		top:48px;
	}
	.container .score-notify .credit .title span{
		font-size:2rem;
	}
	.container .score-notify .credit .words{
		width:85%;
		padding-bottom:10px;
	}
	.container .score-notify .credit .words p{
		line-height:20px;
	}
	.container .problem-bg{
		background-size:auto 100%;
	}
	.container .column-title {
		padding: 6% 0 3% 0;
	}
	.container .problem .module .question{
		font-size:12px;
	}
	.container .problem .module .answer{
		font-size:12px;
		line-height:20px;
	}
	.information div{
		text-align:left;
	}
	.information div.w27b, .information div.w29b, .information div.w65b{
		width:94%;
		margin:10px auto 0;
	}
	.information label{
		padding-bottom:0;
	}
	.contentinttil .floatl{
		font-size: 18px;
		color: #8a0101;
		width: 113px; 
		line-height: 38px;
		height: 38px;
		border: 1px solid #f3e5e5;
		background-color: #f3e5e5; 
		text-align: center; 
		border-left: 1px solid #8a0101;
		display:inline-block;
		float:none;
		vertical-align:middle;
	}
	.contentinttil .more{
		margin-top: 12px;
	}
	.w91.people .inotice .floatl{
		width:100px;
		height:100px;
	}
	.container .banner img{
		width:auto;
		height:100%;
		position:absolute;
		left:-32%;
		top:0;
	}
	.container .banner{
		width:100%;
		position:relative;
		z-index:1;
		height:112px;
	}
	.container .score-notify .credit .title span{
		top:28px;
		font-size:13px!important;
		letter-spacing:0!important;
		left: 32px;
		font-weight:500;
	}
	.container .score-notify .credit .words{
		width:57%;
		display:inline-block;
		vertical-align:middle;
		padding:0;
		margin:0;
	}
	.container .score-notify .credit .words p{
		font-size:8px;
		line-height:12px;
	}
	.container .shareimg{
		display:none;
	}
	.header .logo .login span{
		display:inline-block;
		vertical-align:middle;
	}
	/*****联系我们****/
	.container .details .right-contents .contacts{
		width:78%;
		float:none;
		text-align:left;
		padding-top:0;
		height:34px;
		margin:20px auto 0;
		font-size:14px;
		padding-left:50px;
	}
	.container .details .right-contents .phone {
		background: url('../images/base/c-phone.png') no-repeat left center;
		background-size:35px 34px;
		line-height:34px;
	}
	.container .details .right-contents .email{
		background: url('../images/base/c-email.png') no-repeat left center;
		background-size:35px 34px;
		line-height:18px;
	}
	.container .details .right-contents .wechat {
		background: url('../images/base/c-wechat.png') no-repeat left center;
		background-size:35px 34px;
		line-height:34px;
	}
	.container .details .right-contents .content{
		margin-top:10px;
	}
	/*****联系我们 end****/
	.container .details .right-contents .content .hotelimg{
		width:100%!important;
		height:auto!important;
		padding-top:5px;
	}
	.container .details .right-contents .content p{
		line-height:1.8rem;
	}
	/****个人中心****/
	.applicantproject li, .accommodation{
		background:none!important;
	}
	.applicantproject li p{
		line-height:20px;
		font-size:12px;
	}
	.applicantdate{
		margin-top:15px;
	}
	.applicantfee{
		margin-top:8px;
		padding-bottom:8px;
	}
	.applicantfee .fee{
		float:none;
		margin-top:4px;
		width:100%;
	}
	.applicantfee .fee .span{
		padding-left:24px!important;
		background: url('../images/base/applicant1.png') left center no-repeat;
		background-size: 15px 15px;
	}
	.applicantfee .fee .span.on{
		padding-left:24px!important;
		background: url('../images/base/applicant2.png') left center no-repeat;
		background-size: 15px 15px;
	}
	.accommodation .accommodationtwo {
  		background:url(../images/base/applicant3.png) left center no-repeat!important;
		padding-left:24px;
	}
	.accommodation .accommodationthree .spanhotel{
		float:none!important;
		width:100%!important;
		font-size:12px;
		background:url(../images/base/applicant1.png) left center no-repeat;
		background-size:15px 15px;
		padding-left:24px;
		margin-top:4px;
	}
	.accommodation .accommodationthree span.spanon {
		background: url(../images/base/applicant2.png) left center no-repeat;
		padding-left:24px;
		background-size:15px 15px;
	}
	.sccoupon1 table th{
		font-size:14px;
		padding:8px 0;
		line-height: 19px;
		width:auto;
	}
	.sccoupon1 table td {
		padding:8px 0;
		font-size:10px;
	}
	.sccoupon1 .coupon-tab .total span{
		font-size:10px;
	}
	.sccoupon1{
		padding-bottom:26px;
	}
	.accommodation{
		padding-bottom:20px;
	}
	.applicantproject p{
		font-size:12px;
	}
	.sccoupon1 .coupon-text a.paclnext{
		margin-top:18px;
		margin-left: 51px;
	}
	.applicantdate .first{
		background: url(../images/base/applicant3.png) left center no-repeat;
		padding-left: 24px;
	}
	/****个人中心 end****/
	.menubtn {
		text-align: left;
		margin-left:0;
		width:100%;
		padding-left:5%;
		display: block;
		position:relative;
		z-index:998;
		background-color:#eee;
	}
	.menubtn img {
		width: 24px;
		height:22px;
		padding:8px 0 4px 0;
		display:block;
	}
	.container .left-menu{
		float:none;
		position:absolute;
		left:-140px;
		top:40;
		z-index:998;
		background-color:#fff;
		width:90px!important;
		overflow:hidden;
		box-shadow:0 0 10px #000;
		padding-bottom:20px;
	}
	.container .left-menu .options{
		margin:12px auto 0!important;
		padding-bottom:12px!important;
		display:block!important;
		width:100%!important;
		border-bottom:1px solid #999!important;
	}
	 .container .left-menu .options a{
	 	font-weight:500!important;
		font-size:14px;
	 }
	 .leftbanner{
	 	position:relative;
		z-index:998;
	 }
	 .menubtn-p{
	 	display:block;
		padding:8px 0 2px 5%;
		background-color:#f1f0ec;
	 }
	 .menubtn-p img{
	 	width:24px;
		height:22px;
	 }
	 .personcenter .firstone{
	 	display:none!important;
	 }
	 .leftbanner ul.menuul-p{
	 	box-shadow:0 0 10px #000;
		width:120px;
		position:absolute;
		z-index:998;
		left:-140px;
		top:36px;
	 }
	 .leftbanner ul.menuul-p li{
	 	display:block;
		float:none;
		width:92%;
		margin:0;
		padding:10px 4%;
		border-bottom:1px solid #999;
		line-height:18px;
	 }
	 .leftbanner ul.menuul-p li a{
	 	font-size:14px;
		line-height:16px;
	 }
	/**二级页面导航**/
	.sc-study-hc{
	 	padding-bottom:20px;
	 }
	 .sc-study-hc .title + p,.sc-study-hc .title + p + p,.sc-study-hc .title + p + p + p ,.title + p + p + p + p ,.title + p + p + p + p +p ,.title + p + p + p + p +p+p{
	 	margin-left:3%;
		line-height:16px;
		margin-top:8px;
	 }
	 .sc-ptuition .w78.floatr p{
	 	margin:10px 3% 0 3%!important;
		line-height:22px;
	 }
	  .sc-ptuition .content p{
	  	  text-indent: 0!important;
	  }
	 .sc-ptuition  .contentinttil{
	 	  margin-left:3%;
	 }
	 .container .details .right-contents .q-a-bg p{
	 	  line-height: 25px;
		  padding-top: 2px;
	 }
	  .iapply li a{
	 	width:50px;
		height:50px;
		line-height:52px;
		font-size:10px;
	 }
	 .iapply li.on a{
		width:50px;
		height:50px;
	 }
	.information .btmbtn .paclnext,a.paclnext.marginlf0{
		width: 46%;
		height: auto;
		line-height: 3rem;
		font-size: 1.5rem;
		margin-bottom:20px;
	 }
	 	 .sccoupon1 .off{
	 	line-height:23px;
		background-size:16px 16px;
		background: url(../images/base/applicant5.png) right 0 no-repeat;
	 }
	  .sccoupon1 .coupon-text a.paclnext{
	 	width:36%;
		line-height:40px;
	 }
	 .sccoupon1 .coupon-text input{
	 	padding: 0 10px 0 9px;
	 }
	 .contentinttil .floatl.wp140{
	 	width:140px;
	 }
	/****20170217修改 end***/
}

/*****单独定义部分手机样式*****/
@media only screen and (max-width: 322px) {
	.main_visual{
		height:130px;
	}
}
/***传统320px end****/
/***小米4等320px end****/
@media only screen and (min-width: 358px) and (max-width: 378px) {
	.main_visual{
		width: 100%;
		height:138px;
	}
	.container .courses .model-box .transform{
		margin:10px 12px;
	}
	.container .banner{
		height:132px;
	}
	.container .score-notify .credit .words{
		width:62%;
	}
	.container .score-notify .credit .words p{
		font-size:9px;
		line-height:13px;
	}
}
/***苹果6、Samsung Galaxy3-5 等 end****/
@media only screen and (min-width: 400px) and (max-width: 479px) {
	.main_visual{
		width: 100%;
		height:148px;
	}
	.container .courses .model-box .transform{
		margin:10px 20px;
	}
	.w91.people .inotice .floatr{
		width:68%;
	}
	.container .banner{
		height:145px;
	}
	.container .score-notify .credit .words{
		width:64%;
	}
	.container .score-notify .credit .words p{
		font-size:9px;
		line-height:13px;
	}
}
/***苹果6s Motorola Nexus6 等 end****/