@charset "UTF-8";

/*author:tangxue*/


/*鏍峰紡閲嶇疆*/

* {
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    border: none;
}

h1,
h2,
h3,
h4,
p {
    margin: 0;
    padding: 0;
    *margin-top: 0;
}

body {
    margin: 0;
}

ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

a:hover {
    text-decoration: none;
}

.searchlesson {
    cursor: pointer;
}

.slidecon {
    display: none;
}

.slidecon-show {
    display: block;
}

.header {
    height: 96px;
    width: 1100px;
    margin: 0 auto;
}

.header .tel,
.header .search {
    float: right;
    font-size: 20px;
    color: #f05630;
    height: 96px;
    line-height: 117px;
    padding-left: 30px;
    background-image: url(../images/citys-icon.png);
    background-position: 0 -641px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.header .search {
    background-image: url(../images/citys-icon.png);
    background-position: 0 -821px;
    margin-right: 24px;
    font-size: 16px;
    color: #666;
}

.header .search:hover {
    background-position: -276px -821px;
    color: #6b8fc3;
}

.header .hl {
    float: left;
    position: relative;
    top: 20px;
}

.header .hl img {
    display: block;
    width: 185px;
    height: 56px;
    float: left;
}

.header .hl h1 {
    height: 36px;
    font-size: 20px;
    color: #333;
    float: left;
    padding-left: 15px;
    margin-left: 15px;
    margin-right: 15px;
    border-left: 1px solid #ccc;
    line-height: 36px;
    position: relative;
    top: 20px;
}

.header .hl a {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #888;
    padding: 0px 8px;
    border: 1px solid #ddd;
    position: relative;
    top: 29px;
}

.header .hl a:hover {
    color: #f0532d;
}

.citys-nav {
    width: 100%;
    min-width: 1100px;
    height: 46px;
    position: relative;
    z-index: 3;
}

.citys-nav.nav-bot {
    height: 50px;
    margin: 0;
    border-bottom: 2px solid #323c4b;
    border-top: 1px solid #e7e7e7;
}

.citys-nav ul {
    width: 1100px;
    position: absolute;
    left: 50%;
    margin-left: -550px;
}

.citys-nav ul li {
    float: left;
    font-size: 18px;
    line-height: 50px;
    cursor: pointer;
}

.citys-nav ul li a {
    display: block;
    padding: 0 35px;
    text-decoration: none;
}

.citys-nav ul li a.cur {
    color: #f0532d;
}

.citys-nav ul li a:hover {
    color: #7486a1;
}

.citys-nav ul .menu-btn {
    margin-right: 45px;
    background: #323c4b;
    position: relative;
}

.citys-nav ul .menu-btn .all-type {
    display: block;
    padding-left: 57px;
    color: #fff;
    position: relative;
    width: 163px;
}

.citys-nav ul .menu-btn .icon {
    width: 22px;
    height: 14px;
    position: absolute;
    left: 20px;
    top: 17px;
}

.citys-nav ul .menu-btn .icon span {
    display: block;
    width: 22px;
    height: 2px;
    line-height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.citys-nav ul .menu-btn .icon span.s2 {
    top: 6px;
}

.citys-nav ul .menu-btn .icon span.s3 {
    top: 12px;
}

.citys-nav .menu {
    display: none;
    width: 218px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 48px;
    border: 1px solid #e7e7e7;
    height: 359px;
    z-index: 3;
}

.citys-nav li.menu-btn:hover .menu {
    display: block;
    *z-index: 20;
}

.citys-nav li.menu-btn:hover {
    position: relative;
    z-index: 10;
}

.citys-nav .menu ul {
    width: 220px;
    position: absolute;
    left: -1px;
    top: -1px;
    margin-left: 0;
}

.citys-nav .menu ul li {
    float: none;
    font-size: 16px;
    line-height: 37px;
}

.citys-nav .menu ul li .li_type {
    padding: 1px 21px 0;
}

.citys-nav .menu ul li .li_type span {
    background: url(../images/citys-icon.png) -278px 0 no-repeat;
    border-bottom: 1px solid #eee;
    padding-left: 31px;
    display: block;
    position: relative;
}

.citys-nav .menu ul li .li_type span:after {
    content: "";
    width: 8px;
    height: 14px;
    background: url(../images/citys-icon.png) -170px -13px no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}

.citys-nav .menu ul li .li_1 span {
    background-position: -278px 0;
}

.citys-nav .menu ul li .li_2 span {
    background-position: -278px -38px;
}

.citys-nav .menu ul li .li_3 span {
    background-position: -278px -77px;
}

.citys-nav .menu ul li .li_4 span {
    background-position: -278px -115px;
}

.citys-nav .menu ul li .li_5 span {
    background-position: -278px -153px;
}

.citys-nav .menu ul li .li_6 span {
    background-position: -278px -191px;
}

.citys-nav .menu ul li .li_7 span {
    background-position: -278px -229px;
}

.citys-nav .menu ul li .li_8 span {
    background-position: -278px -267px;
}

.citys-nav .menu ul li .li_9 span {
    background-position: -278px -305px;
}

.citys-nav .menu ul li ul {
    display: none;
    position: absolute;
    padding: 14px 6px 0;
    width: 650px;
    min-height: 356px;
    position: absolute;
    left: 219px;
    top: 0;
    background: #fff;
    border: 1px solid #323c4b;
}

.citys-nav .menu ul li ul li {
    padding: 0 0 7px;
    zoom: 1;
    border-bottom: 1px solid #eee;
    margin-bottom: 7px;
}

.citys-nav .menu ul li ul li:before,
.citys-nav .menu ul li ul li:after {
    content: "";
    display: table;
}

.citys-nav .menu ul li ul li:after {
    clear: both;
}

.citys-nav .menu ul li ul li span {
    display: block;
    float: left;
    overflow: hidden;
    padding-right: 16px;
    width: 80px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #323c4b;
    font-weight: 700;
    text-align: right;
    background: url(../images/citys-icon.png) no-repeat;
    background-position: -57px -499px;
}

.citys-nav .menu ul li ul li p {
    float: left;
    margin-right: -16px;
    width: 550px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
}

.citys-nav .menu ul li ul li p a {
    display: block;
    float: left;
    margin: 0 12px 0 4px;
    padding: 0;
    color: #999;
}

.citys-nav .menu ul li ul li p a:hover {
    color: #323c4b;
}

.citys-nav .menu ul li.cur .li_type {
    padding: 0 20px;
    border: 1px solid #323c4b;
    position: relative;
    z-index: 1;
    border-right: 1px solid #fff;
}

.citys-nav .menu ul li.cur .li_type span {
    border-bottom: none;
}

.citys-nav .menu ul li.cur .li_type span:after {
    background: none;
}

.citys-nav .menu ul li:last-child .li_type span,
.citys-nav .menu ul li:last-child {
    border-bottom: none;
}

.add-search {
    float: right;
    margin-right: 20px;
    padding-top: 40px!important;
    padding-left: 10px;
    width: 356px;
    height: 36px;
}

.add-search .text {
    width: 251px;
    padding-left: 14px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 14px;
    float: left;
}

.add-search .btn {
    width: 90px;
    height: 36px;
    border: none;
    float: right;
    background: url(http://www.thea.cn/images/search.png);
    cursor: pointer;
}

.containers {
    width: 1100px;
    margin: 0 auto;
    margin-bottom: 70px;
}

.containers .page-path {
    width: 1100px;
}

.containers .page-path p {
    font-size: 12px;
    line-height: 40px;
    color: #666;
    float: left;
}

.containers .page-path p a {
    color: #666;
}

.containers .page-path p a:hover {
    color: #368DE0;
}

.containers .page-path p a.cur {
    color: #999;
}

.containers .page-path .filter {
    line-height: 40px;
    float: right;
}

.containers .page-path .filter select {
    width: 86px;
    height: 28px;
    text-indent: 6px;
    border: 1px solid #368EE0;
    color: #368ee0;
}

.containers .course-type {
    width: 1100px;
    margin: 0 auto;
}

.containers .course-type ul {
    overflow: hidden;
}

.containers .course-type ul li {
    margin-top: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
}

.containers .course-type ul li img {
    width: 277px;
    display: block;
    float: left;
}

.containers .course-type ul li .course-right {
    position: relative;
    width: 806px;
    float: right;
    padding-bottom: 40px;
}

.containers .course-type ul li .course-right .title {
    position: relative;
}

.containers .course-type ul li .course-right .title p {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.containers .course-type ul li .course-right .title span {
    font-size: 13px;
    color: #999999;
    position: absolute;
    right: 0;
    top: 0;
}

.containers .course-type ul li .course-right .title span a {
    font-size: 13px;
    color: #999999;
    margin: 0 10px;
}

.containers .course-type ul li .course-right .details {
    margin-top: 40px;
}

.containers .course-type ul li .course-right .details p {
    overflow: hidden;
    margin-bottom: 16px;
}

.containers .course-type ul li .course-right .details p span {
    display: block;
    float: left;
    font-size: 14px;
    color: #666;
}

.containers .course-type ul li .course-right .details p span.span2 {
    width: 734px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.containers .course-type ul li .course-right .select-sourse {
    position: absolute;
    bottom: 0px;
    right: 0;
    display: block;
    width: 76px;
    height: 26px;
    color: #FFF;
    font-size: 13px;
    background: #f0532d;
    text-align: center;
    line-height: 26px;
    border-radius: 5px;
}

.containers .course-type .select-all a {
    display: block;
    margin: 20px auto;
    width: 84px;
    height: 32px;
    padding-left: 14px;
    line-height: 32px;
    border: 1px solid #e7e7e7;
    color: #999999;
    font-size: 14px;
    background: url(../images/bottom-jt.png) no-repeat 70px center;
}

.containers .course-type .select-all a:hover {
    color: #F0532D;
    background: url(../images/bottom-jt1.png) no-repeat 70px center;
    border: 1px solid #F0532D;
}

.containers .course-type .select-all a.active {
    background: url(../images/top-jt.png) no-repeat 70px center;
}

.containers .course-type .select-all a.active:hover {
    background: url(../images/top-jt1.png) no-repeat 70px center;
}

.containers .all-course-search {
    width: 1100px;
    height: 48px;
    margin: 0 auto;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.containers .all-course-search .all-course-left {
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    background: url(../images/all-course-icon.jpg) no-repeat 10px 18px;
    float: left;
}

.all-course-left ul li {
    padding: 15px 0 15px 74px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.all-course-left ul li:last-child {
    border-bottom: none;
}

.all-course-left ul li span {
    display: block;
    font-size: 14px;
    line-height: 26px;
    position: absolute;
    left: 0;
    top: 15px;
    color: #666666!important;
}

.all-course-left ul li .li_con {
    margin-right: -2px;
}

.all-course-left ul li .li_con a {
    display: block;
    float: left;
    padding: 0 8px 0 6px;
    margin-right: 2px;
    text-decoration: none;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 8px;
}

.all-course-left ul li .li_con a:hover {
    color: #7486a1;
}

.all-course-left ul li .li_con a.cur {
    background: #7486a1;
    color: #fff;
}

.all-course-left span {
    font-size: 15px;
    color: #3890D8;
}

.all-course-right {
    position: absolute;
    right: 0;
    top: 33px;
    width: 172px;
    height: 30px;
}

.all-course-right span {
    position: relative;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 20px;
    background: #F7F7F7;
    margin-right: 10px;
    border: 1px solid #eee;
    color: #666;
    outline: none;
    border-radius: 3px;
}

.all-course-right span img {
    position: absolute;
    right: 4px;
    top: 12px;
    width: 10px;
    height: 6px;
}

.have-choose .shouqi { font-size: 14px; color: #CF3340; cursor: pointer; height: 28px; line-height: 28px; padding-left: 10px; padding-right: 20px; background: #fff; margin-right: 10px; border: 1px solid #CF3340; display: inline-block; border-radius: 3px; position: absolute; right: 0px; }

.have-choose .shouqi img { position: absolute; right: 4px; top: 10px; width: 10px; height: 6px; }

.containers .all-sourse-details {
    width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

.containers .all-sourse-details .title {
    border-bottom: 1px solid #dddddd;
}

.containers .all-sourse-details .title h2 {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0532d;
}

.containers .all-sourse-details ul {
    margin-right: -20px;
    padding-bottom: 30px;
}

.containers .all-sourse-details ul li {
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-right: 20px;
}

.containers .all-sourse-details ul li img {
    width: 204px;
    height: 142px;
    display: block;
    margin-bottom: 12px;
}

.containers .all-sourse-details ul li .text {
    font-size: 14px;
    color: #444444;
    display: inline-block;
    width: 204px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.containers .all-sourse-details ul li .text.check-imgqb {
    background: url(../images/bottom-jt1.png) no-repeat right center;
}

.containers .all-sourse-details ul li .text.check-imgsq {
    background: url(../images/top-jt1.png) no-repeat right center;
}

.containers .all-sourse-details .show-all {
    position: absolute;
    bottom: -10px;
    right: 0;
    cursor: pointer;
}

.containers .all-sourse-details .show-all span {
    display: block;
    height: 30px;
    font-size: 14px;
    color: #F0532D;
    border: 1px solid #f0532d;
    padding-left: 10px;
    padding-right: 30px;
    line-height: 30px;
    background: url(../images/top-jt1.png) no-repeat 40px center;
}

.containers .MaxEn {
    width: 1100px;
    height: 88px;
    margin: 0 auto;
    margin-top: 30px;
    background: #FFF;
    background: url(../images/zx_banner.png) no-repeat;
}

.containers .MaxEn .MaxEn-left {
    padding-top: 26px;
    padding-left: 40px;
    background: url(../images/MaxEn-left-bg.png) no-repeat 30px 30px;
    float: left;
}

.containers .MaxEn .MaxEn-left span {
    font-size: 15px;
    color: #fff;
}

.containers .MaxEn .MaxEn-left span.span2 {
    margin-left: 20px;
}

.containers .MaxEn .MaxEn-left p {
    font-size: 15px;
    margin-top: 6px;
    color: #fff;
}

.containers .MaxEn .MaxEn-right {
    float: right;
    width: 490px;
    margin-top: 27px;
}

.containers .MaxEn .MaxEn-right div {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.containers .MaxEn .MaxEn-right div a {
    display: inline-block;
    width: 140px;
    height: 36px;
    position: absolute;
    left: 10px;
}

.containers .MaxEn .MaxEn-right div.sq {
    background: url(../images/mfst-btn-bg.jpg) no-repeat;
}

.containers .MaxEn .MaxEn-right div.zx {
    margin-left: 40px;
    background: url(../images/ljzx-btn-bg.jpg) no-repeat;
}

.containers .class-to-recommend {
    margin: 0 auto;
    margin-top: 30px;
}

.containers .class-to-recommend .title {
    border-bottom: 1px solid #dddddd;
}

.containers .class-to-recommend .title h2 {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0532d;
}

.containers .class-to-recommend .details ul {
    float: left;
    overflow: hidden;
}

.containers .class-to-recommend .details ul li {
    padding-right: 35px;
    float: left;
    border-bottom: 1px dashed #AFAFAF;
    padding-bottom: 20px;
    padding-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 240px;
}

.containers .class-to-recommend .details ul li a {
    font-size: 14px;
    color: #555;
}

.containers .pageDiv-box {
    width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
}

.containers .pageDiv-box .pageDiv {
    width: 500px;
    margin: 0 auto;
    margin-top: 30px;
}

.containers .pageDiv-box .pageDiv a {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 28px;
    line-height: 28px;
    color: #555555;
    font-size: 14px;
    border: 1px solid #eee;
    margin-right: 10px;
}

.containers .pageDiv-box .pageDiv a.active {
    background: #f0532d;
    color: #fff;
    border: none;
}

.containers .pageDiv-box .pageDiv a.first,
.containers .pageDiv-box .pageDiv a.end {
    background: #fafafa;
}

.containers .class-recommend {
    width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
}

.containers .class-recommend .title {
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.containers .class-recommend .title h2 {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0532d;
}
.containers .class-recommend .title .ckqb {
    font-size: 13px;
    color: #F0532D;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.containers .class-recommend .details ul {
    width: 780px;
    float: left;
    overflow: hidden;
    margin-right: -30px;
}

.containers .class-recommend .details ul li {
    width: 30.33%;
    margin-top: 35px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 23px;
}

.containers .class-recommend .details ul li.pageDiv-li {
    width: 100%;
    margin-top: 35px;
}

.containers .class-recommend .details ul li.pageDiv-li .pageDiv {
    width: 500px;
    margin: 0 auto;
}

.containers .class-recommend .details ul li.pageDiv-li .pageDiv a {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 28px;
    line-height: 28px;
    color: #666666;
    border: 1px solid #eee;
    margin-right: 10px;
}

.containers .class-recommend .details ul li.pageDiv-li .pageDiv a.active {
    background: #f0532d;
    color: #fff;
    border: none;
}

.containers .class-recommend .details ul li.pageDiv-li .pageDiv a.first,
.containers .class-recommend .details ul li.pageDiv-li .pageDiv a.end {
    background: #fafafa;
}

.containers .class-recommend .details ul li a {
    font-size: 14px;
    color: #555;
}
.containers .class-recommend .details ul li .mfst{
    font-size: 14px;
    color: #f0532d;
    cursor: pointer;
}

.containers .class-recommend .details .free-classes {
    width: 300px;
    height: 364px;
    float: right;
    background: url(../images/mfst-top-bg.jpg) no-repeat;
    border: 1px solid #EEEEEE;
    border-top: none;
    margin-top: 20px;
    text-align: center;
}

.containers .class-recommend .details .free-classes form {
    margin-top: 60px;
}

.containers .class-recommend .details .free-classes form input {
    width: 260px;
    height: 36px;
    border: 1px solid #EEEEEE;
    background: #F7F7F7;
    outline: none;
    text-indent: 10px;
    margin-bottom: 10px;
}
.containers .class-recommend .details .free-classes form .text-yxkc{
	color: #368EE0;
}
.containers .class-recommend .details .free-classes form .text-yxkc::-webkit-input-placeholder {
   color: #368EE0;
}
.containers .class-recommend .details .free-classes form .text-yxkc:-moz-placeholder{
   color: #368EE0;
}
.containers .class-recommend .details .free-classes form .text-yxkc::-moz-placeholder {
   color: #368EE0;
}
.containers .class-recommend .details .free-classes form .text-yxkc:-ms-input-placeholder {
   color: #368EE0;
}

.containers .class-recommend .details .free-classes form select {
    width: 260px;
    height: 36px;
    border: 1px solid #EEEEEE;
    background: #F7F7F7;
    outline: none;
    text-indent: 10px;
    margin-bottom: 10px;
}

.containers .class-recommend .details .free-classes form .yy-btn {
    font-size: 16px;
    color: #FFF;
    text-align: center;
    line-height: 36px;
    background: #368ee0;
}

.containers .class-recommend .details .free-classes p {
    margin: 0 auto;
    font-size: 12px;
    color: #999999;
}

.containers .popularity-edu {
    width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
}

.containers .popularity-edu .title {
    border-bottom: 1px solid #dddddd;
}

.containers .popularity-edu .title h2 {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0532d;
}

.containers .popularity-edu .details ul {
    overflow: hidden;
}

.containers .popularity-edu .details ul li {
    float: left;
    width: 484px;
    height: 246px;
    padding: 40px 32px;
    text-align: center;
    border: 1px solid #dddddd;
}

.containers .popularity-edu .details ul li.border-top {
    border-top: none;
}

.containers .popularity-edu .details ul li.border-left {
    border-left: none;
}

.containers .popularity-edu .details ul li img {
    width: 160px;
    height: 60px;
}

.containers .popularity-edu .details ul li h3 {
    font-size: 16px;
    color: #333333;
    margin-top: 12px;
}

.containers .popularity-edu .details ul li .campus {
    position: relative;
    width: 444px;
    height: 32px;
    line-height: 32px;
    background: url(../images/positioning-bg.png) no-repeat 10px center #fcfcfc;
    border: 1px solid #dddddd;
    margin-top: 20px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.containers .popularity-edu .details ul li .campus .span1 {
    width: 372px;
    color: #666666;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 26px;
}

.containers .popularity-edu .details ul li .campus .span2 {
    position: absolute;
    right: 6px;
    padding-left: 10px;
}

.containers .popularity-edu .details ul li .campus .span2 a {
    font-size: 14px;
    color: #999999;
}

.containers .popularity-edu .details ul li .campus .span2 a:hover {
    color: #3890D8;
}

.containers .popularity-edu .details ul li .school-introduce {
    color: #999999;
    font-size: 14px;
    margin-top: 14px;
}

.containers .popularity-edu .details ul li .school-introduce .span1 {
    vertical-align: top;
    color: #999999;
    font-size: 14px;
}

.containers .popularity-edu .details ul li .school-introduce .span2 a {
    color: #f0532d;
}

.containers .popularity-edu .details ul li .school-look,
.containers .popularity-edu .details ul li .immediately-refer {
    position: relative;
    display: block;
    width: 106px;
    height: 28px;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    margin-top: 26px;
    border-radius: 5px;
    cursor: pointer;
    float: left;
}

.containers .popularity-edu .details ul li .school-look a,
.containers .popularity-edu .details ul li .immediately-refer a {
    display: inline-block;
    width: 106px;
    height: 28px;
}

.containers .popularity-edu .details ul li .school-look {
    border: 1px solid #dddddd;
    margin-right: 20px;
    margin-left: 116px;
}

.containers .popularity-edu .details ul li .immediately-refer {
    background: #f0532d;
    border: 1px solid #f0532d;
    color: #fff;
    background: url(../images/zx-btn-bg.jpg) no-repeat;
}

.containers .edu-headlines {
    width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
}

.containers .edu-headlines .title {
    border-bottom: 1px solid #dddddd;
}

.containers .edu-headlines .title h2 {
    display: block;
    float: left;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0532d;
}

.containers .edu-headlines .title span {
    display: block;
    float: left;
    font-size: 14px;
    color: #666666;
    width: 68px;
    height: 28px;
    margin-top: 4px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
}

.containers .edu-headlines .title span.span1 {
    margin-left: 48px;
}

.containers .edu-headlines .title span.span2 {
    margin-left: 24px;
}

.containers .edu-headlines .title span.active {
    background: url(../images/jytt-tag-bg.png) no-repeat center;
    color: #fff;
}

.containers .edu-headlines .hot-msg .hot-msg-left {
	position: relative;
    width: 800px;
    float: left;
    margin-top: 4px;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l {
    width: 514px;
    float: left;
    overflow: hidden;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .hot-answer1 {
    display: none;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul {
    width: 514px;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-top li {
    margin-top: 22px;
    width: 486px;
    padding-bottom: 24px;
    border-bottom: 1px dashed #dddddd;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-top li .refer-title {
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-top li .refer-title a {
    font-size: 16px;
    color: #555555;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-top li .refer-title a:hover {
    color: #3890D8;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-top li .refer-details {
    padding-top: 16px;
    display: inline-block;
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 500px;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-top li .refer-details span {
    display: inline-block;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-top li .refer-details span a {
    color: #F0532D;
    font-size: 14px;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .hot-answer {
    width: 480px;
    margin-top: 17px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ddd;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .hot-answer li {
    margin-top: 15.5px;
    position: relative;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .hot-answer li .span1 {
    font-size: 14px;
    color: #666666;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .hot-answer li .span1 a {
    font-size: 14px;
    color: #555555;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .hot-answer li .span1 a:hover {
    color: #368ee0;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .hot-answer li .span2 {
    position: absolute;
    right: 0;
    color: #999999;
    font-size: 14px;
}

.containers .edu-headlines .hot-msg .hot-msg-left .look-gd{
	position: absolute;
	left:0;
	bottom: -60px;
	width: 486px;
	height: 36px;
	line-height: 36px;
	display: block;
	border: 1px solid #f0532d;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
}
.containers .edu-headlines .hot-msg .hot-msg-left .look-gd span{
	font-size: 13px;color: #F0532D;
}
.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-bottom li {
    margin-top: 10px;
    float: left;
    margin-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 226px;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-bottom li a {
    font-size: 14px;
    color: #555;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-l .tab-ul .refer-bottom li a:hover {
    color: #368ee0;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-r {
    width: 260px;
    float: left;
    margin-left: 4px;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-r ul li {
    margin-top: 22px;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-r ul li:last-child {
    margin-top: 26px;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-r ul li h3 {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    background: url(../images/title-left-bg.png) no-repeat left;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-r ul li p {
    margin-top: 14px;
    height: 118px;
    overflow: hidden;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-r ul li p a {
    display: inline-block;
    height: 26px;
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 26px;
    margin-right: 8px;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    max-width: 244px;
    overflow: hidden;
}

.containers .edu-headlines .hot-msg .hot-msg-left .d-left-r ul li p a:hover {
    color: #3890D8;
}

.containers .edu-headlines .hot-msg .details-right {
    width: 298px;
    height: 332px;
    float: right;
    background: url(../images/zx-wd.jpg) no-repeat;
    border: 1px solid #EEEEEE;
    border-top: none;
    margin-top: 20px;
    text-align: center;
}

.containers .edu-headlines .hot-msg .details-right form {
    margin-top: 80px;
}

.containers .edu-headlines .hot-msg .details-right form input {
    width: 260px;
    height: 36px;
    border: 1px solid #EEEEEE;
    background: #F7F7F7;
    outline: none;
    text-indent: 10px;
    margin-bottom: 10px;
}

.containers .edu-headlines .hot-msg .details-right form textarea {
    width: 260px;
    height: 86px;
    border: 1px solid #EEEEEE;
    background: #F7F7F7;
    text-indent: 10px;
    margin-bottom: 10px;
    outline: none;
}

.containers .edu-headlines .hot-msg .details-right form .tw-btn {
    font-size: 16px;
    color: #FFF;
    text-align: center;
    line-height: 36px;
    background: #368ee0;
}

.containers .friendly {
    width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
}

.containers .friendly .title {
    border-bottom: 1px solid #dddddd;
}

.containers .friendly .title h2 {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0532d;
}

.containers .friendly .details {
    margin-top: 20px;
}

.containers .friendly .details a {
    font-size: 14px;
    color: #666666;
    margin-right: 20px;
}


/* footer */

#footer {
    width: 100%;
    padding: 30px 0 20px;
    background: #eee;
    text-align: center;
    margin-top: 20px;
    color: #666;
    font-size: 12px;
    color: #333;
}

#footer li,
#footer p,
#footer ul {
    padding: 0;
    margin: 0;
}

#footer .dib-wrap .dib {
    margin: 0 5px;
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline;
}

#footer p {
    margin: 10px 0 8px 0;
    color: #666;
    font-family: "瀹嬩綋";
}

#footer .links {
    color: #999;
}

#footer .links a {
    margin-left: 11px;
    padding-right: 11px;
    color: #444;
    text-decoration: none;
    font-family: "瀹嬩綋";
    border-right: 1px solid #ccc;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 12px;
    line-height: 10px;
}

#footer p a:hover {
    color: #368ee0;
}

.filter-options {
    padding: 20px 20px 5px;
    border: 1px solid #e7e7e7;
    position: relative;
}

.have-choose {
    padding-bottom: 19px;
    border-bottom: 1px solid #eee;
}

.have-choose label {
    float: left;
    font-size: 14px;
    line-height: 32px;
}

.have-choose .options-con {
    float: left;
}

.have-choose .options {
    display: block;
    float: left;
    margin-right: 10px;
    border: 1px solid #e7e7e7;
    padding-right: 36px;
    position: relative;
}

.have-choose .options p {
    padding: 0 17px 0 10px;
    font-size: 14px;
    line-height: 30px;
    color: #f0532d;
    border-right: 1px solid #e7e7e7;
}

.have-choose .options .close {
    color: #f0532d;
    display: block;
    text-decoration: none;
    width: 36px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/citys-icon.png) -157px -40px no-repeat;
    cursor: pointer;
}

.have-choose .options .close:hover {
    background-color: #F0532D;
    background-position: 11px -1092px;
}

.have-choose .remove {
    display: block;
    text-decoration: none;
    float: left;
    padding: 0 36px 0 14px;
    border: 1px solid #e7e7e7;
    background: url(../images/citys-icon.png) 110px -310px no-repeat;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    cursor: pointer;
}

.have-choose .remove:hover {
    background-color: #F0532D;
    color: white;
    background-position: 109px -1037px;
}

.have-choose .affirm-xz {
    width: 100px;
    height: 30px;
    color: #F0532D;
    cursor: pointer;
    border: 1px solid #F0532D;
    display: block;
    text-align: center;
    float: right;
    font-size: 14px;
    line-height: 30px;
}

.filter-options ul li {
    padding: 15px 0 15px 74px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.filter-options ul li:last-child {
    border-bottom: none;
    width: 820px;
}

.filter-options ul li:last-child.active {
    width: auto;
}

.filter-options ul li span {
    display: block;
    font-size: 14px;
    line-height: 26px;
    position: absolute;
    left: 0;
    top: 15px;
    color: #666666;
}

.filter-options ul li .li_con {
    margin-right: -2px;
}

.filter-options ul li .li_con a {
    display: block;
    float: left;
    padding: 0 8px 0 6px;
    margin-right: 2px;
    text-decoration: none;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 8px;
}

.filter-options ul li .li_con a:hover {
    color: #7486a1;
}

.filter-options ul li .li_con a.cur {
    background: #7486a1;
    color: #fff;
}

.filter-options ul li .li_con2 {
    margin-right: -30px;
}

.filter-options ul li .li_con2 a {
    display: block;
    float: left;
    margin-right: 30px;
    padding-left: 22px;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    color: #333;
    background: url(../images/check-box.jpg) left center no-repeat;
}

.filter-options ul li .li_con2 a:hover {
    color: #7486a1;
}

.filter-options ul li .li_con2 a.cur {
    background-image: url(../images/check-box-choose.jpg);
}

#audition {
    top: 60px;
    left: -60px;
}

#seek_c {
    top: 60px;
    left: 108px;
}

#popAudition {
    display: none;
    width: 235px;
    padding: 10px 14px 16px;
    height: 286px;
    background: #323c4b;
    z-index: 999999;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -131px;
    margin-top: -156px;
}

.signUp .infor {
    font-size: 14px;
    line-height: 50px;
    color: #fff;
}

.signUp .infor i {
    color: #f86539;
    font-style: normal;
}

.signUp form {
    width: 100%;
}

.signUp form .text_con {
    width: 100%;
    margin-bottom: 12px;
    height: 34px;
}

.signUp form .text_con input {
    padding: 5px;
    border: 1px solid #eee;
    background: #fff;
    width: 223px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    height: 24px;
}

.signUp form .f_select_con {
    width: 100%;
    height: 34px;
    margin-bottom: 23px;
    padding-top: 4px;
}

.signUp form .f_select {
    cursor: pointer;
    width: 97px;
    padding-left: 12px;
    background: url(../images/select_bg01.png) 92px 14px no-repeat #fff;
    font-size: 14px;
    line-height: 32px;
    border: 1px solid #eee;
    position: relative;
}

.signUp form .sign_up_btn {
    width: 158px;
    height: 37px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    background: #f0552f;
    font-size: 16px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    border: none;
}

.signUp .signUp_close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/xx.png) no-repeat;
    cursor: pointer;
    background-size: 10px 10px;
    background-position: center center;
}

#seek_course .user-area,
#seek_course .user-city {
    display: inline-block;
    cursor: pointer;
    width: 100px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    border: 1px solid #eee;
    position: relative;
    margin-bottom: 15px;
}

#seek_course .user-area {
    margin-left: 9px;
    width: 121px;
}

#popMask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 999998;
}


/*鍒嗛〉*/

.page-wrap {
    width: 100%;
    border-top: 1px solid #ddd;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
}

.page-wrap .page {
    margin: 30px auto;
    line-height: 34px;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 555px\9\0;
    *width: 555px;
    *text-align: center;
    *margin-top: 10px;
}

.page a {
    color: #666;
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #fff;
    font-size: 14px;
    margin-right: 10px;
    border: 1px solid #ddd;
}

.page a.first {
    width: 64px;
    background: #fafafa;
}

.page a.next,
.page a.prev {
    width: 54px;
}

.page a.cur {
    background: #7486a1;
    color: #fff!important;
}

.page span {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    line-height: 25px;
    font-size: 14px;
    color: #212b4c;
    margin-left: -10px;
}

.page a:hover {
    background: #7486a1;
    color: #fff!important;
}

.page span.total {
    width: auto;
    line-height: 34px;
    margin-right: 10px;
    color: #666;
}


/*# sourceMappingURL=style.css.map */


/* 课程列表留言框样式 */

.class-message {
    padding: 0 20px 20px 20px;
    width: 262px;
    box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.14);
    font-size: 14px;
    position: relative;
    float: right;
    margin-top: 8px;
}

.class-message .form-head {
    height: 60px;
    padding-top: 10px;
    margin-right: -10px;
    position: relative;
    text-align: center;
}

.class-message .form-head .tag-img {
    width: 54px;
    position: absolute;
    left: -20px;
    top: 0;
}

.class-message .form-bg {
    position: absolute;
    bottom: -10px;
    left: 0;
}

.class-message h3 {
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
}

.class-message h3 span {
    color: #ef562d;
}

.class-message h3 img {
    vertical-align: bottom;
}

.class-message p {
    color: #666;
    margin-top: 15px;
}

.class-message form label {
    display: block;
    margin: 10px 0;
    width: 252px;
    height: 36px;
    line-height: 32px;
    background-color: #f7f8fa;
    color: #f0532d;
    font-size: 14px;
    padding-left: 10px;
    text-align: left;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.class-message form label.label-focus {
    border: 1px solid #efaa99;
}

.class-message form label:hover {
    border: 1px solid #efaa99;
}

.class-message form label.select-label {
    padding-left: 0;
}

.class-message form label.select-label:hover {
    border-color: transparent;
}

.class-message form label input {
    line-height: 32px;
    height: 32px;
    color: #333;
    background-color: transparent;
    width: 95%;
    padding: 0;
    border: none;
    padding-left: 4px;
}

.class-message form label input::-webkit-input-placeholder {
    color: #999;
}

.class-message form label input::-moz-placeholder {
    color: #999;
}

.class-message form label input:-ms-input-placeholder {
    color: #999;
}

.class-message form label input:-moz-placeholder {
    color: #999;
}

.class-message form label select {
    line-height: 32px;
    height: 32px;
    color: #333;
    background-color: transparent;
    width: 100%;
    padding: 0;
    border: none;
    padding-left: 10px;
}

.class-message form label select:focus {
    outline: none;
}

.class-message form input.submit {
    width: 262px;
    height: 36px;
    line-height: 36px;
    background-color: #efaa99;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer;
}

.class-message form input.submit:hover {
    background-color: #ef562d;
}

.form-gj .form-head {
    background: url("../images/form-gj-2.png") no-repeat center bottom;
}

.form-gj .form-head h3 {
    font-size: 14px;
    font-weight: normal;
}

.form-gj .form-head p {
    font-weight: bold;
    font-size: 16px;
    margin-top: 0;
    color: #333;
}

.form-ys .form-head .tag-img {
    width: 97px;
    top: 0;
    left: 30%;
}

.form-ys .form-head h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 20px 0 0 0;
}

.form-ys .form-head p {
    font-weight: bold;
    font-size: 16px;
    margin-top: 0;
    color: #333;
}

.form-it .form-head .tag-img {
    width: 165px;
    top: 10px;
    left: 17%;
}

.form-it .form-head h3 {
    margin-left: -16px;
}

.form-it .form-head p {
    margin-top: 0;
}

.form-js .form-head h3 {
    font-size: 18px;
    margin-left: 0;
}

.form-js .form-head h3 span {
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.form-js .form-head .tag-img {
    width: 136px;
    top: auto;
    bottom: 0;
    left: 23%;
}

.form-zg .form-head .tag-img {
    width: 248px;
    top: auto;
    bottom: 0;
    left: 0;
}

.form-zg .form-head p {
    margin-top: 0;
}

.form-zg .form-head p span {
    color: #ef562d;
}

.form-qg .form-head .tag-img {
    width: 222px;
    top: auto;
    bottom: 0;
    left: 8%;
}

.form-bk .form-head .tag-img {
    width: 56px;
    top: auto;
    bottom: 0;
    left: 4%;
}

.form-bk .form-head h3 {
    margin-top: 6px;
}

.form-bk .form-head p {
    margin-top: 0;
    position: relative;
    margin-left: 20px;
}

.form-bk .form-head p::after,
.form-bk .form-head p::before {
    content: '';
    width: 34px;
    height: 1px;
    background-color: #999;
    position: absolute;
    top: 8px;
}

.form-bk .form-head p::before {
    margin-left: -34px;
}

.form-yx .form-head .tag-img {
    width: 302px;
    top: 0;
    left: -20px;
}

.form-yx .form-head h3 {
    margin: 6px 0 0 0;
    font-size: 14px;
}

.form-yx .form-head p {
    margin-top: 6px;
}
.course-ul li .course-right .djs {color: #f0532d; font-size: 13px;}
.course-ul li .course-right .djs span{color: #f0532d; font-size: 13px;}
.course-ul li .course-right .djs {width: 270px;color: #666666;font-size: 12px;float: left;line-height: 24px;position:  absolute;right:  80px;bottom: 0px;}
.course-ul li .course-right .djs .time {display: inline-block;width: 30px;height: 26px; line-height: 26px; text-align: center; border-radius: 5px;border: 1px solid #f0532d;}
.course-ul li .course-right .djs .mfst {width: 76px;height: 26px;line-height: 26px;color: #FFF;font-size: 13px; border-radius: 5px; display:inline-block; text-align: center; background: #368ee0; text-decoration: none;margin-left: 10px; }

.class-to-recommend {margin-top: 20px!important;}
.class-to-recommend .all-sourse-details1 { border-bottom: 1px solid #eee;width: 1100px; margin: 0 auto;  position: relative; }
.class-to-recommend .all-sourse-details1 .title { border-bottom: 1px solid #dddddd; }
.class-to-recommend .all-sourse-details1 .title h2 { display: inline-block; font-size: 18px; color: #333333; font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #f0532d; }
.class-to-recommend .all-sourse-details1 ul { margin-right: -20px; padding-bottom: 30px; }
.class-to-recommend .all-sourse-details1 ul li { float: left; text-align: center; margin-top: 20px; margin-right: 20px; }
.class-to-recommend .all-sourse-details1 ul li img { width: 204px; height: 142px; display: block; margin-bottom: 12px; }
.class-to-recommend .all-sourse-details1 ul li .text { font-size: 14px; color: #444444; display: inline-block; width: 204px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.class-to-recommend .all-sourse-details1 ul li .text.check-imgqb { background: url(../images/bottom-jt1.png) no-repeat right center; }
.class-to-recommend .all-sourse-details1 ul li .text.check-imgsq { background: url(../images/top-jt1.png) no-repeat right center; }
.class-to-recommend .all-sourse-details1 .show-all { position: absolute; bottom: -10px; right: 0; cursor: pointer; }
.class-to-recommend .all-sourse-details1 .show-all span { display: block; height: 30px; font-size: 14px; color: #F0532D; border: 1px solid #f0532d; padding-left: 10px; padding-right: 30px; line-height: 30px; background: url(../images/top-jt1.png) no-repeat 40px center; }

.header .hl a{top: 0px;border: none;}
.site-div { position: relative; float: left; margin-left: 30px; padding: 10px 20px; border-left: 1px solid #ccc; margin-top: 20px; cursor: pointer; }
.site-div .site-icon { background: url(../images/dingwei-icon.png) no-repeat left center; width: 16px; height: 16px; display: inline-block; float: left; margin-top: 2px; }
.site-div .site-text { background: url(../images/jiantou-icon.png) no-repeat right center; float: right; display: inline-block; font-size: 16px; color: #333333; border: none; width: 50px; margin-left: 10px; }

.site-div .cities-all { display: none; }

.site-div:hover .cities-all { display: block; }

.site-div .cities-all { position: absolute; top: 86%; left: 16%; display: none; z-index: 6; padding: 0px 15px 5px 15px; width: 440px; height: auto; overflow: auto; background-color: #fff; border: 1px solid lightgray; }

.qinxuecitys .citys dl { width: 100%; }

.qinxuecitys dl dt { float: left; width: 15px; margin-right: 5px; font-size: 14px; text-align: center; }

.qinxuecitys dl dd { display: inline-block; vertical-align: middle; margin: 0 6px 8px 0; padding: 0 5px; border-radius: 3px; }

.cities-all dl dd a { font-size: 14px; margin-right: 4px; padding: 2px 3px; border-radius: 5px; }

.cities-all:hover dl dd a { color: #000; }

.cities-all dl dd a:hover { color: #fff !important; background-color: #e62929 !important; }

.citys-top .search-letter dt { height: 36px; line-height: 36px; border-bottom: 1px dotted #666; font-size: 15px; color: #000; font-weight: bold; margin-bottom: 8px; }

.citys-top dd a.on { color: #A0A0A0; }

.citys-top dd a.active { color: #fff !important; background-color: #e62929; }

.citys-top dd a.on:hover { background-color: transparent !important; color: #A0A0A0; }

.cities-all .citys-top .search-letter dd { font-size: 0; overflow: hidden;}

.cities-all .citys-top .search-letter dd a { display: inline-block; margin: 0 5px; padding: 2px 4px; }

.citys-top .slide-letter { margin-top: 12px; padding: 5px 6px; }

.slide-letter .qinxuecitys dl { *zoom: 1; line-height: 29px; }

.slide-letter .qinxuecitys dl dt { line-height: 34px; }

.slide-letter .qinxuecitys dl:after { clear: both; display: block; content: ""; height: 0; visibility: hidden; font-size: 0; }


/*# sourceMappingURL=index.css.map */