.flink {
    width: 750pt;
    height: auto;
    overflow: auto
}

.fr{
    float: right;
}
.fl{
    float: left;
}

.flink .hd {
    width: auto;
    overflow: auto;
    text-align: left!important;
    border-bottom: 1px #e4e4e4 solid
}

.flink .hd span.hd1 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    width: 75pt;
    display: block;
    float: left;
    color: #000
}

.flink .hd span.hd2 {
    width: 60px;
    height: 36px;
    line-height: 36px;
    display: block;
    float: right;
    font-size: 9pt
}

.flink .hd span.hd2 a:hover {
    text-decoration: none
}

.flink .bd {
    padding: 10px 0;
    font-size: 9pt
}

.flink .bd .image {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 8px
}

.flink .bd .image li {
    float: left;
    margin-right: 6px;
    margin-bottom: 2px
}

.flink .bd .image li img {
    border: 1px solid #ddd;
    background: #f1f1f1;
    padding: 3px;
    width: 88px;
    height: 31px;
    vertical-align: top;
    zoom: 1
}

.flink .bd .text {
    width: auto;
    height: auto;
    overflow: hidden
}

.flink .bd .text li {
    line-height: 22px;
    float: left;
    margin: 5px 10px 5px 0;
    white-space: nowrap
}

.telephone {
    margin-top: 5px
}

.telephone .hd {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px #e4e4e4 solid
}

.telephone .hd span.hdleft {
    float: left;
    text-align: left;
    padding-right: 15px;
    font-size: 18px;
    color: #000
}

.telephone .bd {
    overflow: auto;
    padding-bottom: 9pt;
    padding-top: 8px
}

.telephone .bd li {
    float: left;
    margin: 10px 13px 5px 0;
    display: block;
    width: 135px;
    height: 40px;
    text-align: center;
    border: 1px solid #eee;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 9pt;
    background-color: #fff
}

.telephone .bd li:hover {
    border: 1px solid #ccc;
    color: #000
}

.hotcity {
    width: 75pc;
    margin-bottom: 10px
}

.hotcity .hd {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px #e4e4e4 solid
}

.hotcity .hd span.hdleft {
    float: left;
    text-align: left;
    padding-right: 15px;
    font-size: 18px;
    color: #000
}

.hotcity .bd {
    overflow: auto;
    padding-bottom: 9pt;
    padding-top: 8px;
    text-align: left
}

.hotcity .bd a {
    margin: 10px 13px 5px 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 9pt
}

.focushead {
    /*margin-top: 10px;*/
    text-align: left;
    height: auto
}

.focushead .indexdh {
    width: 716pt!important;
    float: right;
    margin-top: 0!important
}

.focushead .focusnews,.foushead .focushead_right {
    width: 716pt!important;
    float: right;
    display: block
}

.focushead .focusnews {
    margin-top: 10px
}

.focushead .focustop {

    float: left;
    display: block;
    background-color: #fff;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);


}

.focushead .portalfocuslide {
    width: 550px;
    height: 194px;
    margin-bottom: 10px
}

.titleleft span {
    padding: 6px 7px 3px;
    line-height: 20px;
    display: block
}

.announcepost {
    width: 18pc;
    float: right;
    display: block;
    background: #fff;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
    padding-botom: 20px;
    height: auto;
    overflow: auto
}

.announcenews #tab1 {
    /*width: 310px;*/
    margin: 10px;
    height: 2pc;
    font-size: 14px;
    line-height: 2pc;
    border-bottom: 1px #ddd solid
}

.announcenews #tab1 li {
    display: block;
    width: 70px;
    height: 2pc;
    float: left;
    margin-right: 15px;
    text-align: center
}

.announcenews #tab1 li.now {
    background: #fff;
    border-bottom: 0;
    font-weight: 700
}

.announcenews .tablist {
    /*width: 314px;*/
    height: 293px;
    overflow: hidden;
    background-color: #fff
}

.tablist ul {
    margin: 5px 0;
    padding: 0 5px
}

.news h1,.news p {
    overflow: hidden;
    margin-bottom: 5px
}

.tablist li {
    /*width: 290px;*/
    padding-left: 5px;
    padding-right: 5px;
    height: 2pc;
    line-height: 2pc;
    overflow: hidden
}

.tablist div.nodata {
    font-size: 9pt;
    height: 14pc;
    text-align: center;
    line-height: 220px
}

.tablist li span.title {
    height: 26px;
    float: left;
    display: block;
    overflow: hidden;
    text-indent: 10px;
    width: 230px
}

.tablist li span.time {
    /*width: 60px;*/
    text-align: right;
    color: #999!important
}

.tablist li span.money,.tablist li span.time {
    height: 26px;
    float: right;
    display: block;
    font-size: 9pt
}

.tablist li span.money {

    text-align: left;
    color: red;
    overflow: hidden
}

.tablist li:hover {
    background-color: #f0f0f0;
    border-radius: 1pc
}

.tablist li span.title {
    background: url(../images/index/li_arrow.gif) 0 9pt no-repeat;
    text-indent: 10px
}

.courseschool {
    border-top: 1px #eee solid;
    height: auto;
    overflow: auto;
    margin: 3px 15px 0
}

a.postinfo {
    margin-left: 1px;
    background-color: #f90
}

a.postinfo:hover {
    background-color: #f80
}

.orange a.postinfo {
    margin-left: 1px;
    background-color: #56b02a!important
}

.orange a.postinfo:hover {
    background-color: #52a728!important
}

a.postmember {
    margin-left: 9pt
}

a.postinfo,a.postmember {
    text-align: center;
    height: 34px;
    line-height: 34px;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    margin-top: 10px;
    font-size: 14px;
    width: 93px;
    border-radius: 2px
}

.blue .hovercolor .hleft font {
    background-color: #3592e2;
    color: #fff
}

.blue .indexcatebox .bd {
    border-top: 2px #3592e2 solid
}

.blue .indexcatebox .bd .boxleft .cats a:hover {
    border: 1px #3592e2 solid;
    background-color: #3592e2
}

.green .hovercolor .hleft font {
    background-color: #2692ff;
    color: #fff
}

.green .indexcatebox .bd {
    border-top: 2px #2692ff solid
}

.green .indexcatebox .bd .boxleft .cats a:hover {
    border: 1px #2692ff solid;
    background-color: #2692ff
}

.orange .hovercolor .hleft font {
    background-color: #f90;
    color: #fff
}

.orange .indexcatebox .bd {
    border-top: 2px #f90 solid
}

.orange .indexcatebox .bd .boxleft .cats a:hover {
    border: 1px #f90 solid;
    background-color: #f90
}

.red .hovercolor .hleft font {
    background-color: #ed232f;
    color: #fff
}

.red .indexcatebox .bd {
    border-top: 2px #ed232f solid
}

.red .indexcatebox .bd .boxleft .cats a:hover {
    border: 1px #ed232f solid;
    background-color: #ed232f
}

.hover .hleft font {
    background-color: #e9e9e9
}

.hover .hleft a {
    color: #333
}

.hovercolor .hleft a {
    color: #000
}


.boxtop{overflow: hidden;border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;margin: 0 6px;}
.boxtop ul li{float: left;padding: 0px 10px;margin: 5px 10px;height: 28px;line-height: 28px;font-size: 18px;border-radius:20px ;cursor: pointer;color:#fff
}
.boxtop ul .active{background-color: #2692ff;color: white;height: 28px;line-height: 28px;}
.boxtop ul .active a{color: white !important;}
.boxtop ul li:hover{background-color: #2692ff;color: #fff!important;}

.boxtop a:hover{color: #fff!important;}



.index_box7{background-color:#fff;height:112px; width: 100%; margin: 0 auto }
.index_box7>.center{background-color:#fff;border-radius:5px; width: 1200px;margin: 0 auto}

.index_box7>.center>ul>li{float:left;margin-right:80px;position:relative;font-size:24px;font-weight:700;color:#444;line-height:112px;padding-left:51px}
.index_box7>.center>ul>li>span{height:50px;width:41px;background:url("/template/default/images/ys_bg.png") no-repeat center center;display:block;text-align:center;line-height:50px;font-size:25px;color:#0090f5;position:absolute;left:0;top:31px}





.indexcatebox {
    width: 75pc;
    height: auto;
   padding: 10px 0 0 0;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #fff;
}

.indexcatebox .hd {
    width: 75pc;
    height: 40px
}

.indexcatebox .hd span.hleft {
    overflow: hidden;
    font-size: 18px;
    color: #000;
    height: 40px;
    line-height: 40px;
    display: block;
    float: left;
    width: 150px;
    text-align: left
}

.indexcatebox .hd span.hleft font {
    padding: 0 5px;
    margin-right: 10px
}

.indexcatebox .hd span.hright {
    max-width: 885px;
    font-size: 9pt;
    float: right;
    height: 40px;
    overflow: hidden;
    width: auto;
    text-align: right
}

.indexcatebox .hd span.hright ul {
    overflow: hidden
}

.indexcatebox .hd span.hright li {
    line-height: 40px;
    height: 40px;
    display: block;
    float: left;
    padding-left: 10px
}

.indexcatebox .hd span.hright li.posting a {
    border-right: 1px #ccc solid;
    padding-right: 15px
}

.indexcatebox .hd span.hright li.currents {
    border-bottom: 1px #fff solid;
    background-color: #fff;
    padding-left: 15px;
    line-height: 36px
}

.indexcatebox .hd span.hright li.currents a {
    border: none;
    padding-right: 15px
}

.indexcatebox .hd span.hright li.mores a {
    border-right: none
}

.indexcatebox .bd {
    width: 75pc;
    height: auto;
    overflow: auto;
    margin-top: -1px
}

.indexcatebox .bd .boxleft {
    width: 200px;
    height: 470px;
    background-color: #f1f1f1;
    overflow: hidden;
    display: block;
    float: left;
    text-align: left
}

.indexcatebox .bd .boxleft .cats {
    margin: 5px 5px 10px 10px
}

.indexcatebox .bd .boxleft .cats a {
    font-size: 9pt;
    border: 1px #d4d4d4 solid;
    border-radius: 2px;
    margin: 9px 5px 0;
    display: block;
    width: 70px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    float: left;
    margin-bottom: 5px;
    background-color: #fff
}

.indexcatebox .bd .boxleft .cats a:hover {
    color: #fff
}

.indexcatebox .bd .boxright {


    height: 470px;
    overflow: hidden;
    display: block
}

.indexcatebox .bd .newcourse {
    overflow: hidden;
    height: auto
}




.boxbottom ul{width: 100%;overflow: hidden;height: auto;padding-bottom: 20px}
.boxbottom ul li{
    width: 23%;
    height: auto;
    float: left;
    margin: 20px 8px 0px 12px;
    border: 1px solid #ececec;
    text-align: left;
    border-radius: 5px;
}

.boxbottom ul li:hover{border: 1px solid #e5e5e5;}
.boxbottom .boxname{padding: 22px 0;}
.boxbottom .boxname a{color: #333333;}
.boxbottom .boxinfo{padding: 20px 0 21px;overflow: hidden;}
.boxbottom .boxinfo .price{font-size: 18px;font-weight: bold;color: #ff4513;}
.boxbottom .boxinfo .concernnum{font-size: 14px;color: #999;padding-left: 25px;background: url(../images/spr.png) no-repeat 0px bottom;}
.boxbottom .boxname,.boxbottom .boxinfo,.boxbottom .boxmethod{padding-left: 15px;padding-right: 15px;font-size: 16px;height: 16px;line-height: 16px;}
.boxbottom .boxmethod a{color:#999}
.boxbottom ul li img{width: 100%;border-bottom: 1px solid #ddd; padding: 0 0 0 0}






.indexcatebox .bd .boxright li {
    width: 228px;
    height: 213px;
    position: relative;
    margin-top: 20px;
    border: 1px solid #d4d4d4;
    float: left;
    margin-left: 20px;
    overflow: hidden
}

.indexcatebox .bd .boxright li .img i {
    display: none;
    width: 228px;
    height: 213px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .7;
    background: #333;
    z-index: 9
}

.indexcatebox .bd .boxright li .img i.on {
    display: block
}

.indexcatebox .bd .boxright li .img img {
    display: block;
    width: 228px;
    height: 175px
}

.indexcatebox .bd .boxright li p {
    width: 13pc;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 10px;
    z-index: 10
}

.indexcatebox .bd .boxright li p.active {
    height: 50px
}

.indexcatebox .bd .boxright li .sch {
    display: none
}

.indexcatebox .bd .boxright li p.active .sch {
    display: block
}

.indexcatebox .bd .boxright li .school {
    font-size: 14px;
    margin: 10px 0;
    overflow: hidden;
    height: 22px;
    display: block;
    text-align: left
}

.indexcatebox .bd .boxright li .school em {
    display: inline;
    color: #999
}

.indexcatebox .bd .boxright li .view a {
    width: 75pt;
    display: block;
    height: 26px;
    line-height: 26px;
    background: #fff;
    font-size: 1pc;
    margin: 10px auto;
    border-radius: 2px
}

.indexcatebox .bd .boxright li .view a:hover {
    color: #fff
}

.indexcatebox .bd .boxright li .latestcourse {
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px
}

.indexcatebox .bd .boxright li .latestcourse a {
    display: block;
    overflow: hidden
}

.indexcatebox .bd .boxright li .price {
    font-size: 14px;
    width: 210px;
    display: block;
    overflow: hidden;
    text-align: left
}

.indexcatebox .bd .boxright li .price span {
    width: 105px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left
}

.indexcatebox .bd .boxright .oldprice {
    text-decoration: line-through;
    font-size: 9pt;
    text-align: left
}

.indexcatebox .bd .boxright .nowprice {
    color: #ff6f0e;
    text-align: right;
    font-size: 1pc
}

.indexcatebox .bd .boxright li.last {
    margin-right: 0
}

.blue .indexcatebox .bd .boxright li .view a {
    border: 1px solid #3592e2;
    color: #3592e2
}

.blue .indexcatebox .bd .boxright li .view a:hover {
    background: #3592e2;
    color: #fff
}

.blue .indexcatebox .bd .boxright li p.active {
    border-bottom: 3px solid #3592e2
}

.green .indexcatebox .bd .boxright li .view a {
    border: 1px solid #2692ff;
    color: #2692ff
}

.green .indexcatebox .bd .boxright li .view a:hover {
    background: #2692ff;
    color: #fff
}

.green .indexcatebox .bd .boxright li p.active {
    border-bottom: 3px solid #2692ff
}

.orange .indexcatebox .bd .boxright li .view a {
    border: 1px solid #f90;
    color: #f90
}

.orange .indexcatebox .bd .boxright li .view a:hover {
    background: #f90;
    color: #fff
}

.orange .indexcatebox .bd .boxright li p.active {
    border-bottom: 3px solid #f90
}

.red .indexcatebox .bd .boxright li .view a {
    border: 1px solid #ed232f;
    color: #ed232f
}

.red .indexcatebox .bd .boxright li .view a:hover {
    background: #ed232f;
    color: #fff
}

.red .indexcatebox .bd .boxright li p.active {
    border-bottom: 3px solid #ed232f
}

.full .flink,.full .focushead,.full .smp_flink {
    width: 75pc
}

.full .focushead .focustop,.full .focushead .portalfocuslide,.full .portalfocuslide .container,.full .portalfocuslide .slider img,.full .portalfocuslide div#MainPromotionBanner {
    width: 655px
}

.full .infolist .sleft,.full .infolist .sright {
    width: 599px
}

.full .infolist .showbox .bd ul li {
    width: 548px
}

.full .infolist .showbox .bd ul li .info {
    width: 380px
}

.full .goods .bd li {
    width: 118px
}

.blue .page_nav {
    border-bottom: 2px solid #3592e2
}

.blue .goahead .announce .hd,.blue .goahead .faq .hd,.blue .group .hd {
    border-bottom: 2px #3592e2 solid
}

.blue .infolist .showbox .hd .cattitle {
    color: #000
}

.blue .group .hd .span {
    background-color: #3592e2
}

.blue .goahead .announce .hd .span,.blue .goahead .faq .hd .span {
    background-color: #3592e2;
    border-bottom: 2px #3592e2 solid
}

.green .goahead .announce .hd .span,.green .goahead .faq .hd .span,.green .group .hd .span {
    background-color: #2692ff
}

.green .page_nav {
    border-bottom: 2px solid #2692ff
}

.green .goahead .announce .hd,.green .goahead .faq .hd,.green .group .hd {
    border-bottom: 2px #2692ff solid
}

.green .infolist .showbox .hd .cattitle {
    color: #000
}

.orange .goahead .announce .hd .span,.orange .goahead .faq .hd .span,.orange .group .hd .span {
    background-color: #f90
}

.orange .page_nav {
    border-bottom: 2px solid #f90
}

.orange .goahead .announce .hd,.orange .goahead .faq .hd,.orange .group .hd {
    border-bottom: 2px #f90 solid
}

.orange .infolist .showbox .hd .cattitle {
    color: #000
}

.red .goahead .announce .hd .span,.red .goahead .faq .hd .span,.red .group .hd .span {
    background-color: #ed232f
}

.red .page_nav {
    border-bottom: 2px solid #ed232f
}

.red .goahead .announce .hd,.red .goahead .faq .hd,.red .group .hd {
    border-bottom: 2px #ed232f solid
}

.red .infolist .showbox .hd .cattitle {
    color: #000
}

.blue a.postmember {
    background-color: #3592e2
}

.blue a.postmember:hover {
    background-color: #2283d4
}

.blue .ershoufang .hd .span,.blue .page_nav li,.blue .zufang .hd .span {
    background-color: #3592e2
}

.blue .announcenews #tab1 li.now {
    border-bottom: 3px #3592e2 solid
}

.blue .page_nav li:hover {
    background-color: #2283d4
}

.green a.postmember {
    background-color: #2692ff
}

.green a.postmember:hover {
    background-color: #47c510
}

.green .ershoufang .hd .span,.green .page_nav li,.green .zufang .hd .span {
    background-color: #2692ff
}

.green .announcenews #tab1 li.now {
    border-bottom: 3px #2692ff solid
}

.green .page_nav li:hover {
    background-color: #47c510
}

.orange a.postmember {
    background-color: #f90
}

.orange a.postmember:hover {
    background-color: #e68a00
}

.orange .announcenews #tab1 li.now {
    border-bottom: 3px #f90 solid
}

.red .ershoufang .hd,.red .zufang .hd {
    border-bottom: 2px #ed232f solid
}

.orange .page_nav li:hover {
    background-color: #e68a00
}

.red a.postmember {
    background-color: #ed232f
}

.red a.postmember:hover {
    background-color: #ac0404
}

.red .announcenews #tab1 li.now {
    border-bottom: 3px #ed232f solid
}

.red .page_nav li:hover {
    background-color: #ac0404
}

.banner_warper {
    z-index: 0
}

.banner,.banner_warper {
    height: 346px;
    width: 100%;
    position: relative
}

.banner {
    text-align: center;
    z-index: 8;
}

.banner .slide li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 346px;
    display: none
}

.banner .slide li:first-child {
    display: block;
    z-index: 10
}

.banner .slide li a {
    overflow: hidden
}

.banner .slide li a,.banner .slide li a img {
   max-width:  655px;
    max-height: 346px;
    padding-top: 10px;
}

.banner .wnum {
    width: 655px;
    text-align: center
}

.banner .num {
    position: absolute;
    bottom: 20px;
    height: 10px;
    background-color: rgba(0,0,0,.2);
    padding: 6px 10px 6px 18px;
    border-radius: 50px;
    min-width: 37px;
    z-index: 30
}

.banner .num li {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    border: 1px solid #fff;
    cursor: pointer
}

.banner .num li.active {
    background-color: #fff
}

.banner .arrow li {
    position: absolute;
    left: 50%;
    top: 145px;
    opacity: 0;
    width: 40px;
    height: 63px;
    background: url(../images/index/arrow.png) no-repeat;
    cursor: pointer;
    z-index: 30
}

.banner .arrow li.prev {
    background-position: 0 0;
    margin-left: -283px
}

.banner .arrow li.next {
    background-position: -69px 0;
    margin-left: 245px
}



.floortitle {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0 18px;
    padding-top: 25px;
}
.vicetitle {
    text-align: center;
    color: #999;
    font-size: 18px;
    position: relative;
    margin-bottom: 30px;
}
.floortitle:before {
    content: "";
    width: 30px;
    height: 3px;
    background-color: #2692ff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.floortitle:after {
    content: "";
    width: 30px;
    height: 3px;
    background-color: #2692ff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}




.hotschool{position: relative; background-color: #fff;  padding: 0 5px 25px 5px}
.rollbox{width:100%;overflow: hidden;text-align: center;}
.rollbox ul{width:10000pt}
.rollbox ul li{width: 280px;margin-right: 20px;margin-left: 2px;margin-top: 2px;float: left;border: 1px solid #ececec;border-radius: 5px;}
.rollbox ul li:hover{border: 1px solid #eee;}
.boxbottom ul li img{width: 100%;border-bottom: 1px solid #ececec; }
.rollbox ul li img{width: 100%;border-bottom: 1px solid #ececec; height: 174px}
.rollbox li .schoolname a{font-size: 18px;font-weight: bold;margin: 20px 0;display: block;color:#333333 ;}
.rollbox li .method a{font-size: 16px;color: #666666;}
.rollbox li .schoolinfo{font-size: 14px;color: #999999;overflow: hidden;padding: 0 15px 15px 15px;}
.hotschool .next{position: absolute;left: -35px;top: 48%;cursor: pointer;}
.hotschool .larst{position: absolute;right: -35px;top: 48%;cursor: pointer;}
.rollbox li .schoolinfo .renqi {padding-left: 25px;background: url(../images/spr.png) no-repeat 0px -233px;}









.pic .schoolname {
    font-size: 9pt;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 10pc;
    overflow: hidden
}

.pic .seecourse a {
    border: 1px #f90 solid;
    color: #f90;
    background-color: #fff;
    padding: 1px 10px;
    font-size: 9pt;
    border-radius: 2px
}

.pic .seecourse a:hover {
    background-color: #f90;
    color: #fff
}