/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
/* body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;min-width:7.5rem!important;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;} */
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;min-width:7.5rem!important;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.m-hide{display: none;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
body{width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;}
.wrap{width:6.8rem;margin: 0 auto; position: relative;}
.wrap1{width:7rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.m-show{display:block!important;}
.m-hide{display: none!important;}

@media screen and (max-width: 750px) {
	body{background: #05a362;}
}


/* .page-index{width: 100%; height: 100%; background: #04a262;padding-bottom: .5rem;} */
.page-index{width: 100%; height: 100%; float: left; background: #04a262;padding-bottom: .5rem;}

/*banner*/
/*banner*/
.ban {width: 100%; margin: 0 auto; position: relative;}
.ban img {width: 100%; height: auto;display: block;}
.ban_logo {width: 28%; position: absolute; top: 5%; left: 5%;}
.ban_logo img {width: 100%; height: auto;}

.main {width: 100%; margin: 0 auto; background: url(../images/bage.jpg) center no-repeat; background-size: 100% 100%; padding: 8px 0 34px;}
.main_li {width: 86%; margin: 10px 7%; display: inline-block; background: #fff; border-radius: 10px; padding: 0 0 20px; overflow: hidden;}
.main_li_title {width: 100%; text-align: center; background: url(../images/title_001.jpg) center no-repeat; background-size: 100% 100%;}
.main_li_p {width: 100%; margin: 0 auto; background: url(../images/title_002.png) center no-repeat; background-size: 96% auto; font-size: 2em; color: #fff; line-height: 2.4em; font-weight: bold;}
.main_li_text {width: 90%; margin: 15px auto 0;}
.main_li_p2 {width: 100%; margin: 0 auto; font-size: 1.2em; color: #333; line-height: 1.8em;}
.main_li_p3 {width: 95%; padding: 0 0 0 5%; margin: 0 auto; background: url(../images/img_002.png) left center no-repeat; background-size: .8em auto; font-size: 1.2em; color: #333; line-height: 1.8em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main_li_p4 {background: url(../images/img_003.png) left center no-repeat; background-size: .8em auto;}
.main_li_p5 {background: url(../images/img_004.png) left center no-repeat; background-size: .8em auto;}
.main_bot {
	width: 5.79rem;
    margin: .3rem auto .2rem;
    display: block;
    background: url(../images/botton_bg.png) center no-repeat;
    background-size: 100% auto;
    text-align: center;
    font-size: .34rem;
    color: #fff;
    line-height: .89rem;
    font-weight: bold;
    height: .89rem;
	background: #848484;
	border-radius: .5rem;
}
.main_bot2 {
    width: 5.79rem;
    margin: .1rem auto 0;
    display: block;
    background: url(../images/botton_bg.png) center no-repeat;
    background-size: 100% auto;
    text-align: center;
    font-size: .34rem;
    color: #fff;
    line-height: .8rem;
    font-weight: bold;
    height: .89rem;
	background: #848484;
	border-radius: .5rem;
}
/* 弹窗 */
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.pc-box {
    width: 85%;
    position: fixed;
    top: 20%;
    background: #fff;
    text-align: center;
    border-radius: 20px;
    transform: translate(-50%, 0px);
    margin-left: 50%;
	padding-bottom: 2em;
}
.pc-box font {
    width: 100%;
    color: #fff;
    float: left;
    background: url(../images/tit.png) no-repeat center top;
    font-size: 2.2em;
    line-height: 2.5em;
    font-weight: bold;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: 100% auto;
}
.pc-box p {
    width: 90%;
    color: #333;
    float: left;
    margin: 0 5%;
    font-size: 1.3em;
	line-height: 1.7em;
}
.pc-box p span{color: #ff7638;}
.pc-box p.p3{font-size: 1.1em;}
.pc-box >img {
    width: 52%;
    display: block;
    margin: 4% 23% 0 25%;
    float: left;
}
.pc-box a {
    position: absolute;
    top: -10%;
    right: -3%;
    display: block;
    width: 8%;
    height: auto;
    cursor: pointer;
}
/*--------------分享弹窗-----------*/
/* .fix-bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9;
    text-align: center;
} */
.showbox {width: 100%; max-width: 750px; display:none;position:fixed;left:0; top: 0; z-index:1000;}
.showbox .close {position:absolute;left: 0; top: 0; width: 100%; height: 100%; z-index: 1001;}
.showbox .showbox_img {
    width: 70%;
    margin: 10% auto 0;
    z-index: 9;
    position: relative;
}
.showbox .showbox_img img {width: 100%; height: auto;}
.zhezhao {background: #000;position:fixed;z-index:999;left:0;top:0;display:none;width:100%;height:100%; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8;}
/* 开课成功弹窗 */
.tipbox {
	width: 85%;
    height: auto;
    display: block;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.tipbox h3 {
    width: 100%;
    height: 5rem;
    display: block;
    background: url(../images/tctit.png) no-repeat center top;
    background-size: 100%;
    float: left;
    text-align: center;
    color: #fff;
    line-height: 4.5rem;
    font-size: 1.8rem;
}
.jsBtm {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    float: left;
	padding-bottom: 2rem;
}
#hdjs span {
    color: #f05413;
    display: inline-block;
}
.jsBtm span img {
    width: 65%;
    margin: 0 auto;
}
.tipbox p {
    width: 100%;
    clear: both;
    float: left;
    font-size: 1rem;
    color: #333;
	line-height: 1.6rem;
}
#hdjs .loginBtn {
    clear: both;
    width: 80%;
    height: 4.2em;
    display: block;
    margin: auto;
    color: #fff;
    text-align: center;
    background: url(../images/qdBtn.png) no-repeat center top;
    background-size: 100%;
    margin-top: 1em;
}
.tipbox .close {
    position: absolute;
    top: -10%;
    right: 0;
    display: block;
    width: 9%;
    height: auto;
}
.close a {
    width: 100%;
    display: block;
}
#gxkk .gxkk{font-size: 1.2rem; margin: .8rem auto .5em; font-weight: bold; color: #e55145;}
#gxkk span{display: inline-block;}
#gxkk .jswa {
    width: 87%;
    margin: 0 auto;
    color: #040404;
    font-size: 1.2em;
    text-align: left;
}
#gxkk p a{color: #e55045;}
#gxkk .loginBtn {
    clear: both;
    width: 80%;
    height: 45px;
    display: block;
    margin: auto;
    color: #fff;
    text-align: center;
    background: url(../images/yjkBtn.png) no-repeat center top;
    background-size: 100% 100%;
    margin-top: 10px;
    font-size: 18px;
    line-height: 45px;
}


@media only screen and (min-width:980px) {
body {font-size: 18px;background: #fff;}
}
@media only screen and (min-width:756px) {

.main {height: 400px;}
.main a {height: 85px;margin-top: 260px;}
}


/*pc*/
@media only screen and (min-width:960px) {

/* .main_bot {font-size: 2em;height: 4em;line-height: 3.8em;}
.main_bot2 {font-size: 2em;height: 4em;line-height: 3.8em;} */
/* .pc-box {
    max-width: 550px;
}
.pc-box p{font-size: 1.8em;}
.pc-box p.p3{font-size: 1.5em;} */
}


.demo{
	width: 200px;
	height: 300px;
	background: red;
}
.ban{
    width: 7rem;
    margin: 0 auto;
    clear: both;
    text-align: center;
    position: relative;
}