@charset "utf-8";




/*频道 grading 调整上下距离的*/
.coursebox {
    width: 100%;
    background: #f4f4f4;
}

.grading{margin:50px auto 30px auto;}
.leftArea,.rightArea{border:1px solid #e7e6e4; color:#fff; font-weight:bold; text-align:center; min-height:330px; _height:330px; margin-bottom:20px;}
.leftArea{background:url(../images/pic1.jpg) no-repeat; width:490px; float:left;}
.rightArea{background:url(../images/pic2.jpg) no-repeat; width:490px; float:right;}
.leftArea h3,.rightArea h3{font-size:24px; margin:50px 0 100px 0;}
.leftArea ul,.rightArea ul{text-align:left; margin:10px 20px; color:#879199; font-size:14px; line-height:2em; font-weight:normal;}
.blue,.green{margin:0 40px;}
.blue a,.blue a:hover,.green a,.green a:hover{border-radius:3px; text-decoration:none;padding:8px 19px; margin:10px; float:left; font-size:14px;font-weight:normal;}
.blue a{background:#fff;border:1px solid #3498db; color:#3498db;}
.blue a:hover,.blue a:last-child{background:#3498db; color:#fff;}
.green a{background:#fff;border:1px solid #1abc9c; color:#1abc9c;}
.green a:hover{background:#1abc9c;color:#fff;}
.doubleline{border-top:5px double #dfdfdf; width:100%; display:block; padding:20px 0; }
.grading h2{text-align:center; font-size:24px; position:relative;}
.grading h2 span{background:#fff; padding:0 20px; position:absolute; z-index:10; left:38.5%;_left:-11.5%; top:-35%; *top:-25%; _top:-3%; }







/*1V1*/
.titleArea dl{text-align:center; width:100%; margin:50px 0; display:inline-block;}
.titleArea dt{font-size:30px;}
.titleArea dd{font-size:16px;}
center{ background:#2596cd; color:#fff;padding:30px; font-size:14px; margin-bottom:40px;position:relative; text-align:left;}
center p{width:100%; position:relative;}
center p a{margin-right:10px;}
center .arr a,center .arr a:hover{width:18px; height:18px;position:absolute; right:-20px; top:-15px; padding:0; border:none;}
center .arr a{ background:url(../images/icon_arr.jpg) no-repeat;}
center .arr a:hover{background:url(../images/icon_arr.jpg) 0 -18px no-repeat; }
center a{ float:right;color:#fff;padding:5px 10px;border-radius:5px;border:1px solid #fff; margin-top:-6px; }
center a:hover{ background:#fff;color:#2596cd;padding:5px 10px;border-radius:5px;border:1px solid #2596cd;}
.tips{font-size:14px; line-height:2em; padding:20px 0; color:#555;}
.tips span{margin:0; margin-right:8px;}
.buleR{background:#2596cd!important;color:#fff!important; border:1px solid #2596cd;}
.buleR:hover,.blueOn{background:#4db0e1!important; color:#fff!important;border:1px solid #2596cd;}
.greenR,.greenR:hover,.greenOn{background:#79b341; border:1px solid #79b341; color:#fff!important; }
/*.greenR:hover,.greenOn{background:#fff!important;border:1px solid #79b341; color:#79b341!important;}*/

.drvice{color:#fff; background:#f36e89; font-size:18px; text-align:center; padding:11px 0;}
.drvice a{float:none; font-size:14px;}
.drvice a:hover{border:1px solid #f36e89;}
/*written*/
.written{border-color:#2596CD #cecece #2596CD #cecece ; border-style:solid; border-width:3px 1px 3px 1px; background:url(../images/hourse.jpg) center bottom no-repeat #fff; padding-bottom:280px;}
.writtenLogo{background:#2596CD url(../images/logo.jpg) center center no-repeat; width:170px; height:62px; display:block; margin:0 auto; padding:25px 45px; border-radius:0 0 15px 15px;}
.written dt{font-size:36px; color:#2596cd; margin:60px 0 20px 0; text-align:center;}
.written dd strong{font-size:18px; color:#999;margin-bottom:50px;text-align:center; display:block; font-weight:inherit;}
.written dd ul{width:520px; font-size:14px; margin:0 auto;}
.written dd li{ text-align:left;margin:10px 0; padding-left:10px; position:relative;}
.written dd li i{background:#2596CD; height:4px; width:4px; display:inline-block; position:absolute; left:-1px; top:8px;}



/* win.koo，中间的课程部分的几个圈   */


.system-made .list .bd .cell {
    padding: 0 30px 42px;
    position: relative;
}
.system-made .list .list-title {
    background: #fffef1;
    border: 1px dashed #ede0bb;
    color: #b0afa0;
    font-size: 14px;
    line-height: 22px;
    padding: 15px 22px;
    overflow: hidden;
    margin-top: 30px;
}
.system-made .list .bd .lie {
    overflow: hidden;
    padding-top: 54px;
}
.system-made .list .bd .lie ul.m4, .system-made .list .bd .lie ul.m6 {
    padding-bottom: 34px;
}
.system-made .list .bd .lie ul {
    overflow: hidden;
}
.system-made .list .bd .lie ul.m4 li {
    width: 126px;
    margin: 0 54px;
}
.system-made .list .bd .lie ul li {
    float: left;
    cursor: pointer;
}
.system-key, .system-made, .system-made .list, .system-made .list .bd .lie ul li .pic {
    position: relative;
}
.system-made .list .bd .lie ul li {
    float: left;
    cursor: pointer;
}
.flag-witn h2 {
    color: #686868;
}

.system-made .list .bd .lie ul li .pic img {
    display: block;
}

fieldset, img {
    border: 0;
}
.system-made .list .bd .lie ul li {
    float: left;
    cursor: pointer;
}
.system-high .list ul li .pic img, .system-made .list .bd .lie ul li.active .pic b {
    display: block;
}
.system-made .list .bd .lie ul li .pic b {
    width: 37px;
    height: 37px;
   
    right: 5px;
    top: 0;
    z-index: 5;
    display: none;
    position: absolute;
}
.system-made .list .bd .lie ul li {
    float: left;
    cursor: pointer;
}
.flag-witn h2 {
    color: #686868;
}
.system-zhi-bottom { overflow: hidden; background:#f2f5ff; padding-bottom:25px;}

.system-zhi-bottom h2 {
    font-size: 20px;
    color: #686868;
    line-height: 50px;
    padding: 20px 0 10px 20px;
    overflow: hidden;
	text-align:center;
}
.system-zhi-bottom ul {
    overflow: hidden;
    padding-left: 20px;
}
.system-zhi-bottom ul li {
    float: left;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    width: 325px;
    font-size:18px;
}

.system-zhi-bottom ul li img {
    float: left;
    display: block;
    margin-top: 11px;
}

.system-zhi-bottom ul li span {
    float: left;
    color: #a3a3a3;
    margin-left: 10px;
	
}

li.t1 {
    width: 190px;
}
.system-zhi-bottom .status {
    background: #edf0f2;
    height: 66px;
    overflow: hidden;
    margin-top: 26px;
}
.system-zhi-bottom .status .shop {
    float: right;
    background: #ff7d0b;
    color: #fff;
    line-height: 66px;
    width: 270px;
    font-size: 30px;
    display: block;
    text-align: center;
}
.flag-witn h2 {
    color: #686868;
}

.system-zhi-bottom .status .price {
    float: right;
    padding-right: 35px;
    font-size: 45px;
    line-height: 66px;
    color: #ff7d0b;
    font-weight: 700;
    overflow: hidden;
}
.system-zhi-bottom .status .price span {
    font-size: 30px;
}

.system-zhi-bottom .status .price {
    float: right;
    padding-right: 35px;
    font-size: 38px;
    line-height: 66px;
    color: #ff7d0b;
    font-weight: 700;
    overflow: hidden;
}




.list-title p.lie_p{margin-bottom:40px;}
.lie {height:220px;}

.lie ul.m4 li {
    width: 142px;
    margin: 0 54px;
}
.lie ul li {
    float: left;
    cursor: pointer;
	
}
.coursemid{background:#fff;}
p.text{margin-top:10px;}