@charset "utf-8";
/* CSS Document */

/* index */
.single-item{height: 400px;text-align: center;}
.single-item div{height: 400px;}

.personInfor{ position: absolute; top: -400px; right: 0; width: 236px;height: 340px;margin:30px 0;padding:0 24px;background: #fff;overflow: hidden; z-index: 1000;}
.personInfor .person{padding: 18px 0;}
.personInfor .person img{float:left;width:56px;height: 56px;margin:0 30px 0 15px;border-radius: 50%;}
.personInfor .person p{padding-top:7px;color: #a09f9f;line-height: 21px;font-size: 14px;}
.personInfor .myClass{padding:20px 0 10px 1px;text-align: center;}
.personInfor .myClass li{position:relative;float: left;width: 78px;}
.personInfor .myClass a{display: block;font:14px/28px "microsoft yahei";color: #333;}
.personInfor .myClass a:hover{text-decoration: none;color: #c91a1d;}
.personInfor .myClass i{position: absolute;right: 19px;top: -8px;width:18px;height: 18px;border-radius:50%;background:#c91a1d;color: #fff;font: normal 10px/18px "microsoft yahei";text-align: center;}
.personInfor .myClass span{display:block;height: 23px;}
.personInfor .myClass .book{background: url(../images/ico/book.png) center center no-repeat;}
.personInfor .myClass .pen{background: url(../images/ico/pen.png) center center no-repeat;}
.personInfor .myClass .question{background: url(../images/ico/question.png) center center no-repeat;}
.personInfor .notice{border-top: 1px dashed #e5e5e5;}
.personInfor .notice .hd{padding-top:6px;line-height: 35px;font-size: 16px;color: #333;}
.personInfor .notice a{display: block;padding-left: 9px;background: url(../images/ico/point.jpg) left center no-repeat;line-height: 24px;font-size: 14px;color: #333;}
.personInfor .notice a:hover{text-decoration: none;color: #c91a1d;}
.personInfor .notice i{position:relative;top:-2px;display:inline-block;height:14px;padding:0 4px;border-radius:2px;background: #c91a1d;color: #fff;line-height: 14px;font-size: 8px;}

.advert{clear:both;padding-top:16px;margin-right:-16px;}
.advert a{position:relative;float: left;display: block;width: 271px;height: 110px;padding-left:12px;margin-right: 16px;background:#fff3f3;font-size: 14px;color: #333;line-height: 24px;}
.advert a:hover{text-decoration: none;}
.advert strong{display:block;padding-top:30px;font-size: 18px;color: #c91a1d;font-weight: normal;line-height: 27px;}
.advert img{position: absolute;right: 0;top: 0;}

.publicContainer{position: relative; margin-top:32px;}
.publicHdContainer{height:60px;border-bottom: 3px solid #dedede;color: #212121;line-height: 60px;}
.publicHdContainer .hd{float:left;font-size: 28px;}
.publicHdContainer .more{ float: right; font-size:14px; color:#212121;}
.publicHdContainer .more:hover{ color:#c91a1d; text-decoration:none;}
.publicBdContainer{margin-top: 16px;}

/* 精品推荐 */
.recommend-list .prev,.recommend-list .next{ position:absolute; top:19px; display:block; width:23px; height:23px; border: 1px solid #e8e8e8; z-index:2;}
.recommend-list .prev{ right:24px; background:url(../images/ico/arrow-left.png) center center no-repeat;}
.recommend-list .prev-disabled{ background:url(../images/ico/arrow-left-disabled.png) center center no-repeat;}
.recommend-list .next{ right:0; background:url(../images/ico/arrow-right.png) center center no-repeat;}
.recommend-list .next-disabled{ background:url(../images/ico/arrow-right-disabled.png) center center no-repeat;}
.recommend-list .ul_container{ position:relative; overflow:hidden; width:1180px; height:303px; padding-top:16px;z-index:1;}
.recommend-list ul{ position:absolute; width:3588px; z-index:98;}
.recommend-list li{ float:left; width:283px; height:303px;margin-right: 16px;overflow: hidden;}
.recommend-list a:hover{text-decoration: none}
.recommend-list .hd{ position:relative; height:174px;padding-left:15px;color: #fff;overflow: hidden;}
.recommend-list .link{ position: absolute; left: 0; top: 0; width: 283px; height:174px; z-index: 0;}
.recommend-list .course-img{ position: absolute; left: 0; top: 0; width: 283px; height:174px; transition-duration:1s; z-index: -1;}
.recommend-list li:hover .course-img{ transform:scale(1.2,1.2);}
.recommend-list .state{position:absolute;top:0;right:0;display:inline-block;padding:0 8px;background:url(../images/ico/state-bg.png);font-size: 14px;line-height: 24px;}
.recommend-list .type{float:left;display:inline-block;padding:0 10px;margin-top:36px;border-radius:12px;background: #fcf301; line-height: 24px;color: #bc4d03;font-size: 16px;}
.recommend-list .separate{ position: relative; top: -3px; display: inline-block; height:0; margin: 0 4px; border: 2px solid #bc4d03; border-radius: 100%;}
.recommend-list .sub-type{clear:both;padding-left:3px;font-size: 22px;line-height: 50px;font-weight: bold;}
.recommend-list .school{padding-left:3px;font-size: 16px;line-height: 20px;}
.recommend-list .bd{padding: 6px 14px 0;border-left:1px solid #eee;border-right:1px solid #eee;font-size: 14px;}
.recommend-list .tit{ display:block;color: #c91a1d;line-height: 28px;font-weight: bold;}
.recommend-list .summary{display:block;height:40px;color: #999;line-height: 20px;overflow: hidden;}
.recommend-list .ft{ height: 54px; padding: 0 14px;border: 1px solid #eee;border-top: none;line-height: 54px;font-size: 14px;}
.recommend-list .price{ float: left; color: #c91a1d;font-size: 22px;}
.recommend-list .price s{margin-left:8px;color: #b3b3b3;font-size: 14px;}

/* 普通课程 */
.course-list{width: 717px;height: 340px;overflow: hidden;}
.course-list li{ float:left; width:224px; height:340px;margin-left: 15px;overflow: hidden;}
.course-list a:hover{text-decoration: none;}
.course-list .hd{ position:relative; height:201px;padding-left:15px;color: #fff;overflow: hidden;}
.course-list .link{ position: absolute; left: 0; top: 0px; width: 100%; height: 201px;}
.course-list .course-img{ position: absolute; left: -51px; top: 0px; height: 201px; transition-duration:1s;}
.course-list li:hover .course-img{ transform:scale(1.2,1.2);}
.course-list .state{position:absolute;top:0;right:0;display:inline-block;padding:0 6px;background:url(../images/ico/state-bg.png);font-size: 14px;line-height: 22px;}
.course-list .type{position:relative;float:left;display:inline-block;padding:0 8px;margin-top:50px;border-radius:10px;background: #fcf301; line-height: 20px;color: #bc4d03;font-size: 14px;}
.course-list .separate{ position: relative; top: -3px; display: inline-block; height:0; margin: 0 4px; border: 2px solid #bc4d03; border-radius: 100%;}
.course-list .sub-type{position:relative;clear:both;padding-left:3px;font-size: 18px;line-height: 48px;font-weight: bold;}
.course-list .school{position:relative;padding-left:3px;font-size: 14px;line-height: 16px;}
.course-list .bd{ height: 78px; padding: 6px 10px 0;border-left:1px solid #eee;border-right:1px solid #eee;font-size: 14px;}
.course-list .tit{display:block;color: #1f1f1f;line-height: 24px;font-weight: bold;}
.course-list .time{padding-left: 22px;background: url(../images/ico/time.png) left center no-repeat; color: #c91a1d;line-height: 24px;}
.course-list .summary{display:block;color: #999;line-height: 30px;}
.course-list .ft{height:53px;line-height:53px;padding: 0 10px;border:1px solid #eee;border-top-style:dashed;}
.course-list .price{float:left;color: #c91a1d;font-size: 20px;}
.course-list .price s{margin-left:5px;color: #b3b3b3;font-size: 12px;}

/* 排行榜/热门资讯 */
.rank-hot{border: 1px solid #eee;width: 222px;height: 338px;}
.rank{position:relative;height:182px;border-bottom: 1px dashed #eee; overflow: hidden;}
.rank .hd{height: 48px; padding: 0 12px; line-height: 48px;}
.rank .hd .tit{ float: left;height:16px;padding-left:6px;margin:16px 0;border-left: 3px solid #c91a1d;line-height: 16px;font-size: 16px;}
.rank .rank-list li{padding: 0 12px;}
.rank .rank-list a{display:block;font-size: 14px;line-height: 34px;color: #2c2c2c;}
.rank .rank-list a i{margin-right:15px;color: #c91a1d;font-style: normal;}
.rank .rank-list p{ display: none; padding-bottom: 5px;line-height: 22px;color: #c91a1d;font-size: 14px;}
.rank .rank-list li.active{background: #fff7f7;}
.rank .rank-list li.active a{color: #c91a1d;text-decoration: none;}
.rank .rank-list li.active p{ display: block;}
.hot{height: 155px; padding: 0 12px; overflow: hidden;}
.hot .hd{height: 48px;line-height: 48px;}
.hot .hd .tit{ float: left;height:16px;padding-left:6px;margin:16px 0;border-left: 3px solid #c91a1d;line-height: 16px;font-size: 16px;}
.hot .hd .more{float: right;color: #868585;}
.hot .hd .more:hover{color: #c91a1d;text-decoration: none;}
.hot .bd{padding-bottom: 5px;}
.hot .bd a{display:block;padding-left:14px;background:url(../images/ico/point.jpg) left center no-repeat;color: #2c2c2c;font-size: 14px;line-height: 34px;}
.hot .bd a:hover{color: #c91a1d;text-decoration: none;}

/* 我们的优势 */
.advantage-list{margin: 50px -45px 0 1px;}
.advantage-list li{ float: left; width: 261px; margin-right: 45px;}
.advantage-list img{ float: left; width: 50px;height: 50px;margin:7px 15px 0 0;}
.advantage-list .hd{line-height: 22px;font-size: 16px;font-weight: bold;}
.advantage-list .bd{margin-top:5px;line-height: 18px;font-size: 14px;}

/* 用户评价 */
.comments-list{ width: 1040px; height:164px; margin:30px auto 0 auto;}
.comments-list .slick-prev,
.comments-list .slick-next{position: absolute;top: 50%;width: 23px;height: 43px;margin-top: -21px;border: none;font-size: 0;text-indent:-9999px;cursor: pointer;outline: none;}
.comments-list .slick-prev{left: -70px;right: auto;background: url(../images/ico/slide_arrow_left_s.png);}
.comments-list .slick-prev:hover{background: url(../images/ico/slide_arrow_left_hover_s.png);}
.comments-list .slick-next{left: auto;right: -70px;background: url(../images/ico/slide_arrow_right_s.png);}
.comments-list .slick-next:hover{background: url(../images/ico/slide_arrow_right_hover_s.png);}
.comments-list li{ float:left; width:296px; height:124px;padding:18px;margin-right: 16px; border: 1px solid #fff6f6; background:#fff6f6;cursor: pointer;overflow: hidden;-webkit-transition: all .3s;transition: all .3s;}
.comments-list li:hover{border-color: #c91a1d;}
.comments-list li .bd{ font-size: 16px;line-height: 26px;}
.comments-list li:hover .bd{display: none;}
.comments-list li img{ float: left; width: 72px;height: 72px;margin-right:20px;border-radius: 50%;}
.comments-list li .name{padding-top: 10px; color: #fe4b61;}
.comments-list li .type{color: #262626;}
.comments-list li .ft{ clear:both;height:42px; padding-top: 10px;font-size: 14px;color: #343434;line-height: 21px;overflow: hidden;}
.comments-list li:hover .ft{height: 124px; padding-top: 0;}

/* 登录框 */
.loginContainer{ padding:20px 10px 0 10px;}
.loginContainer .loginText{ width:238px; height:33px; padding:0 10px 0 50px; margin-bottom:10px; border:1px solid #ded6d0; font:14px/33px "microsoft yahei"; color:#444;}
.loginContainer .loginAccount{ background:#fefdfc url(../images/ico/icon4.png) left top no-repeat;}
.loginContainer .loginPhone{ background:#fefdfc url(../images/ico/icon4.png) left -33px no-repeat;}
.loginContainer .loginPassword{ background:#fefdfc url(../images/ico/icon4.png) left -66px no-repeat;}
.loginContainer .loginCode{ width:138px; background:#fefdfc url(../images/ico/icon4.png) left -99px no-repeat;}
.loginContainer .code{ *margin-bottom:10px;}
.loginContainer .quick{ margin-bottom:5px; line-height:20px; color:#777;}
.loginContainer .quick a{ color:#777;}
.loginContainer .quick span{ padding:0 6px; color:#f8eeeb;}
.loginContainer .quick input{ float:left; margin:4px 5px 0 0; *margin-top:0;}
.loginContainer .other{ margin-top:10px; font-size:14px;}
.loginContainer .other .qq{ padding-left:21px; background:url(../images/ico/icon4.png) left -132px no-repeat; color:#787878;}

/* 全部课程 */
.classify{ padding:0 20px; margin-bottom: 20px; border:1px solid #e0e0e0; background: #fff;}
.classify li{ position:relative; font-size:14px;z-index: 1;}
.classify li.last{ border:none;}
.classify .name{ float:left; width:45px; color:#9b9b9b; text-align:right;}
.classify .value{ float:left; width:1093px; padding-bottom:10px;}
.classify a{ display:inline-block; padding:1px 8px; margin:10px 6px 0 6px; color:#353535; line-height:19px;}
.classify a:hover,.classify a.active{ border-radius:2px; background:#c91a1d; color:#fff; text-decoration:none;}
.classify .school-outter{ float: left; width: 880px; height: 31px; overflow: hidden;}
.classify .active .school-outter{ height:auto; max-height:99px; overflow:auto;}
.classify .arrow{ display: none; position:absolute; top:12px; right:0; padding-right:16px; background:url(../images/ico/icon4.png) right -167px no-repeat; color:#c91a1d; cursor:pointer;}
.classify .active .arrow{ background:url(../images/ico/icon7.png) -65px -400px no-repeat;}
.classify .address{position:relative;float: left;}
.classify .address-name{ height: 31px; margin:10px 0 -10px 0; padding-left:6px;line-height: 21px;}
.classify .address-name .map{ float: left; display: inline-block; width: 12px; height: 21px; background:url(../images/ico/map.png) left center no-repeat;}
.classify .address-name span{ float: left;display:inline-block; width:56px;padding: 0 8px;color: #9b9b9b;}
.classify .address-name .arrow-down-grey{ float: left; display: inline-block; width: 29px;height: 21px; border-right:1px dashed #e5e5e5; background: url(../images/ico/arrow-down-grey.png) left center no-repeat;}
.classify .address-list{ display: none; position: absolute;top: 40px;left: 0; width: 400px; padding-bottom:10px; border: 1px solid #e0e0e0; border-radius: 2px; box-shadow: 0 2px 6px -1px #bbb; background: #fff; z-index: 1;}
.classify .address:hover .address-list{display: block;}
.address-list span{position:absolute; left: 25px; top: -6px; display:inline-block; width:9px;height:6px;background: url(../images/ico/arrow-top-outline.png);}
.address-list th{ width: 70px; text-align: right; vertical-align: top;}
.address-list th a{ font-weight: bold;}
.sortType{ height:50px;border-bottom:1px solid #e0e0e0; background:#fff; font-size: 14px; line-height:48px;}
.sortType .sort a{ float: left; display:inline-block; padding: 0 10px; margin-left: 12px; color:#333;}
.sortType .sort a:hover{ text-decoration:none;}
.sortType .sort a.active{ border-bottom: 2px solid #c91a1d; color:#c91a1d;}
.sortType .sort .price,.sortType .sort .popular{ float: left; display: inline-block; width: 10px; height: 48px; margin-left: 6px;}
.sortType .sort .price{ background: url(../images/ico/sort-price.png) center center no-repeat;}
.sortType .sort a.active .price{ background: url(../images/ico/sort-price-on.png) center center no-repeat;}
.sortType .sort a.active.again .price{ background: url(../images/ico/sort-price-again.png) center center no-repeat;}
.sortType .sort .popular{ background: url(../images/ico/sort-popular.png) center 19px no-repeat;}
.sortType .sort a.active .popular{ background: url(../images/ico/sort-popular-on.png) center 19px no-repeat;}
.sortType .type a{ display: inline-block; padding: 0 20px 0 19px; background: url(../images/ico/type-checkbox.png) left 18px no-repeat; color:#333;}
.sortType .type a:hover{ text-decoration:none;}
.sortType .type a.active{ background: url(../images/ico/type-checkbox-on.png) left center no-repeat; color:#c91a1d;}

.courseList li{ height:125px; padding:12px 14px; border-bottom:1px solid #e0e0e0;background: #fff;}
.courseList .hd{ float: left; position:relative; width: 194px; height:125px;padding-left:10px;margin-right:20px;color: #fff;overflow: hidden;}
.courseList .course-img{ position: absolute; left: 0px; top: 0px; width: 204px; height: 125px; transition-duration:1s;}
.courseList li:hover .course-img{ transform:scale(1.2,1.2);}
.courseList .type{position:relative;float:left;display:inline-block;padding:0 8px;margin-top:26px;border-radius:9px;background: #fcf301; line-height: 18px;color: #bc4d03;cursor: pointer;}
.courseList .separate{ position: relative; top: -3px; display: inline-block; height:0; margin: 0 4px; border: 2px solid #bc4d03; border-radius: 100%;}
.courseList .sub-type{position:relative;padding-left:3px;clear:both;font-size: 16px;line-height: 35px;cursor: pointer;font-weight: bold;}
.courseList .school{position:relative;padding-left:3px;line-height: 22px;cursor: pointer;}
.courseList .bd{position:relative;float:left;width:623px;height:111px;padding: 7px 0;font-size: 14px;}
.courseList .tit{line-height: 28px;font-size: 16px;}
.courseList .tit a{ color: #333;}
.courseList .tit a:hover{ color: #c91a1d; text-decoration: none;}
.courseList .summary{display: block; line-height: 24px; color: #333;}
.courseList .summary:hover{ text-decoration: none;}
.courseList .price{color: #c91a1d;font-size: 18px;line-height: 35px;}
.courseList .price .hot{display:inline-block;width:12px;height:14px;margin-left:10px;background: url(../images/ico/hot.jpg);}
.courseList .price s{margin-left:10px;color: #b3b3b3;font-size: 14px;}
.courseList .tip{ color: #a0a0a0; line-height: 24px;}
.courseList .btn{ position: absolute;right: 6px;bottom: 8px;}

/* 教育资讯 */
.msgList li{height:108px;padding: 20px 20px 20px 0;margin-left: 20px;border-bottom: 1px solid #e7e7e7;}
.msgList img{float:left;width: 178px;height: 108px;margin-right: 20px;}
.msgList .bd{float: left;width: 637px;}
.msgList a{ display: block; color: #353535;}
.msgList a:hover{color: #c91a1d;text-decoration: none;}
.msgList .tit{font: bold 16px/28px "microsoft yahei";}
.msgList .summary{height: 48px;font-size: 14px;line-height: 24px;overflow: hidden;}
.msgList .tip{height:17px;margin-top: 15px;line-height: 17px;font-size: 14px;}
.msgList .read{padding-left:28px;margin-left:40px;background: url(../images/ico/read.png) left center no-repeat;color: #c91a1d;}
.msgList .msg{padding-left:42px;margin-left:20px;border-left:1px solid #efbabb;background: url(../images/ico/msg2.png) 20px center no-repeat;color: #c91a1d;}

.msgList02 h3{line-height: 36px; font-size: 18px;font-weight: normal;}
.msgList02 li{padding-bottom: 20px;}
.msgList02 .hd{ position:relative; height:174px;padding-left:15px;color: #fff;overflow: hidden;}
.msgList02 .link{ position: absolute; left: 0; top: 0; width: 283px; height:174px;}
.msgList02 .course-img{ position: absolute; left: 0; top: 0; width: 283px; height:174px; transition-duration:1s;}
.msgList02 li:hover .course-img{ transform:scale(1.2,1.2);}
.msgList02 .state{position:absolute;top:0;right:0;display:inline-block;padding:0 8px;background:url(../images/ico/state-bg.png);font-size: 14px;line-height: 24px;}
.msgList02 .type{position:relative;float:left;display:inline-block;padding:0 10px;margin-top:36px;border-radius:12px;background: #fcf301; line-height: 24px;color: #bc4d03;font-size: 16px;}
.msgList02 .separate{ position: relative; top: -3px; display: inline-block; height:0; margin: 0 4px; border: 2px solid #bc4d03; border-radius: 100%;}
.msgList02 .sub-type{position:relative;clear:both;padding-left:3px;font-size: 22px;line-height: 50px;font-weight: bold;}
.msgList02 .school{position:relative;padding-left:3px;font-size: 16px;line-height: 20px;}
.msgList02 .bd{padding:0 14px;border:1px solid #e5e5e5;border-top:none;background:#fff;font-size: 16px;}
.msgList02 .tit{display:block;color:#333;line-height: 28px;}
.msgList02 .tit:hover{color:#c91a1d;text-decoration: none;}
.msgList02 .price{color: #c91a1d;line-height: 24px;}

.msgList03 li{ height:30px; padding:2px 20px; border-bottom:1px solid #f5f5f5; line-height:30px;}
.msgList03 .title{ float:left; max-width:600px; height:30px; padding-left:14px; background:url(../images/ico/icon1.png) left top no-repeat; font-size:14px; color:#454d55; overflow:hidden;}
.msgList03 .title:hover{ color:#c91a1d; text-decoration:none;}
.msgList03 .from{ float:right; max-width:200px; height:30px; color:#8c8c8d; text-align:right; overflow:hidden;}

.news{ margin-bottom:20px;border: 1px solid #e0e0e0; background: #fff;}
.news .hd{padding-left:10px;margin:12px 0;border-left:2px solid #c91a1d;line-height: 20px;font-size: 16px;font-weight: normal;}
.news .bd{padding: 0 10px 10px 10px;}
.news a{display: block;line-height: 32px;font-size: 14px;color: #353535;}
.news a:hover{text-decoration: none;color: #c91a1d;}
.news strong,.news span{display:inline-block;width: 18px;height: 18px;margin-right: 10px;border-radius: 9px;text-align: center;line-height: 19px;font-size: 12px;}
.news strong{background: #ffe2e3;color: #d14748;font-weight: normal;}
.news span{background: #eee;color: #5d5d5d;}

.latest-comments{ margin-bottom:20px;border: 1px solid #e0e0e0; background: #fff;}
.latest-comments .hd{padding-left:10px;margin:12px 0;border-left:2px solid #c91a1d;line-height: 20px;font-size: 16px;font-weight: normal;}
.latest-comments .bd{padding: 0 10px;}
.latest-comments li{border-bottom: 1px solid #efefef;}
.latest-comments .head{margin: 10px 0;font-size: 14px;line-height: 35px;}
.latest-comments img{float:left;width: 35px;height: 35px;margin:0 10px;border-radius: 50%;}
.latest-comments .content{height:48px;padding:6px 10px;background: #f4f4f4;font-size: 14px;line-height: 24px;overflow: hidden;}
.latest-comments .from{line-height: 40px;font-size: 14px;}
.latest-comments .from span{ color: #9b9b9b;}
.latest-comments .from a{ color: #353535;}
.latest-comments .from a:hover{text-decoration: none;color: #c91a1d;}

.focus-weixin{height: 66px;padding: 6px 10px; margin-bottom:20px;border: 1px solid #e0e0e0; background: #fff;font-size: 14px;line-height: 23px;}
.focus-weixin img{float: left;width: 66px;height: 66px;margin-right: 10px;}

.single-edu{height: 300px;margin-bottom:20px;text-align: center;}
.single-edu div{height: 300px;}

/* 教育资讯详情 */
.msgDetail{padding:35px 25px 10px 25px;border:1px solid #e0e0e0;background: #fff;}
.msgDetail .hd{line-height: 48px;font-size: 30px;text-align: center;}
.msgDetail .tip{margin-bottom:20px;line-height: 30px;font-size: 14px;color: #858585;text-align: center;}
.msgDetail .read{padding-left:28px;margin-left:30px;background: url(../images/ico/read.png) left center no-repeat;color: #c91a1d;}
.msgDetail .msg{padding-left:42px;margin-left:20px;border-left:1px solid #efbabb;background: url(../images/ico/msg2.png) 20px center no-repeat;color: #c91a1d;}
.msgDetail .text{line-height: 27px;font-size: 16px;text-indent: 2em;}
.msgDetail .text table{ text-indent:0;}
.msgDetail .img{margin: 15px 0;text-align: center;}
.msgDetail .img img{max-width:100%;}
.msgDetail .pre-next{ padding:10px 0; margin-top: 10px; border-top:1px solid #f5f5f5; color:#818182; font-size:14px; line-height:30px;}
.msgDetail .pre-next a{ color:#818182;}
.msgDetail .pre-next a:hover{ color:#c91a1d;}
.msgDetail .ft{position:relative;height:50px;padding: 30px 0;line-height: 50px;font-size: 14px;color: #858585;text-align: center;}
.msgDetail .share{position: absolute;left: 0;top: 30px;}
.msgDetail .share a{float: left;margin: 10px 10px 0 0;}

.commentList{padding:0 25px 30px 25px;margin-top:20px;border:1px solid #e0e0e0;background: #fff;}
.commentList .tit{font-size: 18px;line-height: 64px;}
.commentList .write{padding-bottom:20px;margin-bottom:20px;border-bottom: 1px solid #eee;text-align: right;}
.commentList .tip{border:1px solid #e2e2e2;border-radius:4px;background: #f4f4f4;font-size: 14px;line-height: 88px;text-align: center;color: #a0a0a0;}
.commentList ul{margin-bottom: 30px;}
.commentList ul li{padding:30px 0;border-bottom: 1px solid #eee;}
.commentList ul img{float: left;width: 52px;height: 52px;margin:0 15px;border-radius: 50%;}
.commentList ul .bd{float: left;width: 743px;}
.commentList ul .name{line-height: 22px;font-size: 16px;}
.commentList ul .content{margin-top:10px;line-height: 20px;font-size: 14px;color: #424242;}

.relate{ margin-top: 20px; border:1px solid #e0e0e0;background: #fff;}
.relate .hd{padding-left:26px;line-height: 60px;font-size: 18px;}
.relate .bd{padding-bottom: 17px;}
.relate li{float:left;width: 178px;margin: 0 11px 0 26px;}
.relate li img{width: 178px;height: 108px;}
.relate li a{height:40px;line-height: 20px;font-size: 14px;color:#333;overflow: hidden;}
.relate li a:hover{text-decoration: none;color: #c91a1d;}

/* 申请入驻 */
.joinUs_ad{ height:155px; background:url(../images/ico/joinUs_ad.jpg) center top no-repeat;}

/* 名校联盟 */
.unionContainer{ padding:60px 0 25px 0; text-align:center; color:#372e2e;}
.unionTitle{ height:50px; background:url(../images/ico/unionContainer.png) center center no-repeat; font-size:24px; font-weight:normal; line-height:50px;}
.unionTip{ font-size:16px; line-height:37px;}

.union01{ position:relative; height:515px; background:url(../images/ico/union01.jpg) center top no-repeat;}
.subnavContainer{ position:absolute; left:0; bottom:0; width:100%; height:130px; background:url(../images/ico/subnavContainer-bg.png) center top repeat;}
.subnavContainer .subnav{ height:78px; margin:26px 2px;}
.subnavContainer .subnav a{ display:block; float:left; width:213px; height:78px; padding:0 89px; border-right:1px solid #452e4f; color:#fff; overflow:hidden;}
.subnavContainer .subnav a.last{ border:none;}
.subnavContainer .subnav .c,.subnavContainer .subnav .e{ display:block;}
.subnavContainer .subnav .c{ margin-top:12px; line-height:30px; font-size:20px;}
.subnavContainer .subnav .e{ line-height:24px; font-size:16px;}
.subnavContainer .subnav .ico{ display:block; width:72px; height:78px; background:url(../images/ico/icon6.png) no-repeat;}
.subnavContainer .subnav .ico1{ background-position:0 0;}
.subnavContainer .subnav .ico2{ background-position:0 -78px;}
.subnavContainer .subnav .ico3{ background-position:0 -156px;}

.union02{ height:700px; background:url(../images/ico/union02.jpg) left bottom repeat-x;}
.union02 .infor{ margin:0 115px; font-size:16px; color:#777; line-height:24px; text-align:center;}
.unionList{ height:376px; margin:50px -20px 50px 0;}
.unionList li{ position:relative; float:left; width:380px; height:376px; margin-right:20px; overflow:hidden; cursor:pointer;}
.unionList img{ display:block; width:380px; height:250px; overflow:hidden;}
.unionList .p1{ margin-top:23px; text-align:center; font-size:18px; color:#444; line-height:28px;}
.unionList .p2{ text-align:center; font-size:14px; color:#777; line-height:24px;}
.unionList .detail{ display:none; position:absolute; left:0; top:170px; width:340px; height:186px; padding:10px 20px; background:#b60d1a; color:#fff;}
.unionList li:hover .detail{ display:block;}
.unionList .p3{ font-size:18px; text-align:center; line-height:40px; color:#fff; font-weight:normal;}
.unionList .p4{ font-size:14px; line-height:21px; color:#fed4d7;}

.unionList02{ padding-right:500px; margin:10px 0 50px; background:url(../images/ico/unionList02_bg.png) right bottom no-repeat;}
.unionList02 li{ margin-bottom:10px;}
.unionList02 .hd{ line-height:42px; color:#444; font-size:18px; font-weight:normal;}
.unionList02 .num{ float:left; display:inline-block; width:32px; height:32px; margin:5px 10px 0 0; background:url(../images/ico/point2.png) center center no-repeat; color:#fff; text-align:center; font-size:14px; line-height:32px;}
.unionList02 .bd{ line-height:22px; color:#838383; font-size:14px;}

.union04{ background:#f9f8f8;}
.unionList03{ padding-bottom:50px; margin-right:-5px;}
.unionList03 li{ float:left; width:230px; height:73px; margin:5px 5px 0 0; border:1px solid #eee5e5; overflow:hidden;}
.unionList03 img{ display:block; width:230px; height:73px; overflow:hidden;}

.unionList04{ height:250px; margin:0 -20px 50px 0;}
.unionList04 li{ position:relative; float:left; width:380px; height:250px; margin-right:20px; overflow:hidden;}
.unionList04 img{ display:block; width:378px; height:172px; border:1px solid #f2f2f2; overflow:hidden;}
.unionList04 .hd{ padding-left:73px; line-height:32px; font-size:16px; color:#372e2e; font-weight:normal;}
.unionList04 .bd{ padding-left:73px; line-height:22px; font-size:14px;}
.unionList04 .bd a{ display:block; color:#555;}
.unionList04 .bd a:hover{ color:#dd2727;}
.unionList04 .date{ position:absolute; left:10px; top:151px; width:45px; height:90px; padding:4px; background:#fff;}
.unionList04 .date i{ display:block; height:45px; background:#b60d1a url(../images/ico/icon6.png) left -234px no-repeat;}
.unionList04 .date span{ display:block; height:45px; background:#372e2e; color:#d9d8d8; text-align:center; line-height:45px;}

/* 联盟公告 */
.union-notice .hd{ height:53px; margin-bottom:2px; font:24px/53px 微软雅黑; text-align:center; overflow:hidden;}
.union-notice .bd{ padding:10px 0;}
.union-notice .text{ font-size:16px; line-height:28px; color:#757576; text-indent:2em;}

/* 社会责任 */
.unionContainer02{ padding:50px 0 20px 0; font-size:20px; text-align:center;}
.unionTitle02{ height:50px; background:url(../images/ico/unionContainer02.png) center center no-repeat; color:#6322cf; font-weight:normal; line-height:50px;}
.unionTip02{ line-height:41px; color:#b0a5c1;}

.union06{ height:205px; background:url(../images/ico/union06.jpg) center top no-repeat; color:#fff;}
.union06 .p1{ padding-top:50px; font-size:30px; line-height:65px; text-align:center;}
.union06 .p2{ width:730px; margin:0 auto; font-size:14px; line-height:24px;}

.union07{ background:#fff;}
.unionList05{ padding:0 257px 50px 0; margin:0 155px; background:url(../images/ico/unionList05_bg.jpg) right 10px no-repeat;}
.unionList05 li{ line-height:30px; font-size:16px; color:#444;}
.unionList05 span{ color:#959595;}

.unionList06{ width:930px; padding-bottom:30px; margin:0 auto;}
.unionList06 .firstLi{ padding-bottom:20px;}
.unionList06 i{ float:left; width:40px; height:40px; margin-right:8px; background:url(../images/ico/unionList06-1.png) left top no-repeat; text-align:center; color:#fff; line-height:40px; font-size:20px; font-style:normal;}
.unionList06 .value{ float:left; width:882px; color:#444;}
.unionList06 .hd{ height:40px; padding-left:40px; background:url(../images/ico/unionList06-2.png) left top no-repeat; line-height:40px; font-size:18px;}
.unionList06 .bd{ padding-left:54px; margin-top:15px; font-size:14px; line-height:24px; list-style-type:disc;}

/* 加入联盟 */
.joinUnion_ad{ height:155px; background:url(../images/ico/joinUnion_ad.jpg) center top no-repeat;}

/* 功能特色 */
.fun_ad{ height:155px; background:url(../images/ico/fun_ad.jpg) center top no-repeat;}

.fun_slide{ padding-bottom:60px; background:#fff;}
#slide{ position:relative; height:600px;}
#slide ul{ width:644px; height:48px; margin:0 auto; border:1px solid #dd2727; border-right:none; border-radius:4px;}
#slide ul li{ float:left; width:160px; height:48px; border-right:1px solid #dd2727; color:#dd2727; text-align:center; line-height:48px; font-size:20px; cursor:pointer;}
#slide ul li:hover,#slide ul li.on{ background:#dd2727; color:#fff;}
#slide .slide_arrow_left,#slide .slide_arrow_right{ position:absolute; top:320px; width:36px; height:69px; cursor:pointer; z-index:3;}
#slide .slide_arrow_left{ left:30px; background:url(../images/ico/slide_arrow_left.png) left top no-repeat;}
#slide .slide_arrow_left:hover{ background:url(../images/ico/slide_arrow_left_hover.png) left top no-repeat;}
#slide .slide_arrow_right{ right:30px; background:url(../images/ico/slide_arrow_right.png) left top no-repeat;}
#slide .slide_arrow_right:hover{ background:url(../images/ico/slide_arrow_right_hover.png) left top no-repeat;}
#slide #slide_list{ padding-top: 60px;}
#slide #slide_list img{ position:absolute; width:1180px; height:490px;}

.fun_course{ height:346px; padding:80px 0 0 595px; background:url(../images/ico/fun_course.png) left top no-repeat;}
.fun_course h3{ margin-bottom:15px; line-height:44px; color:#37556c; font-size:24px; font-weight:normal;}
.fun_course span{ display:inline-block; border-bottom:2px solid #dd2727;}
.fun_course p{ line-height:28px; color:#6b8395; font-size:16px;}

.channelContainer{ padding:15px 0 14px 0;}
.channelTitle{ background:url(../images/ico/channelTitle.png) center center no-repeat; font-size:34px; font-weight:normal; text-align:center; line-height:60px;}
.channelTip{ font-size:20px; color:#747d86; text-align:center; line-height:50px;}

.funList{ padding-bottom:40px;}
.funList li{ float:left;}
.funList .p1{ font-size:20px; line-height:44px;}
.funList .p2{ font-size:14px; line-height:24px; color:#6b8395;}
.funList01 li{ width:333px; margin-left:171px;}
.funList02{padding-left: 2px;}
.funList02 li{ width:333px; margin:0 29px;}
.funList03 li{ padding:10px; margin-left:107px; background:#fff;}
.funList04 li{ margin-left:103px;}

/* 产品优势 */
.advantage{ height:392px; background:url(../images/ico/advantage.png) center top no-repeat;}
.advantageList{ margin-left:110px;}
.advantageList li{ float:left; width:320px; height:134px; padding-top:17px; text-align:center;}
.advantageList .p1{ font-size:24px; line-height:50px; color:#454d55;}
.advantageList .p2{ font-size:14px; line-height:25px; color:#747d86;}
.advantageList .even .p1{ color:#fff;}
.advantageList .even .p2{ color:#e1e1e1;}

/* 客户端下载 */
.client-banner{position:relative;height:565px;padding-top:35px;background: url(../images/ico/client-bg.jpg) center top no-repeat;color: #fff;}
.client-banner .client-btn{float:right;display:inline-block;width:182px;height:48px;margin:25px 225px 0 0;padding-bottom:13px;background: url(../images/ico/client-btn.png) left top no-repeat;line-height: 48px;font-size: 22px;text-align: center; color: #c16b0f;}
.client-banner .client-btn:hover{color:#e98820;text-decoration: none;}
.client-banner .p1{clear:both;padding-top:30px;line-height: 110px;font-size: 90px;}
.client-banner .p2{line-height: 60px;font-size: 40px;}
.client-banner .client-download{margin-top: 20px;}
.client-banner .client-download a{display:inline-block;width: 118px; height: 44px;margin-right:17px;border: 1px solid #fff;border-radius: 4px;text-align: center;font-size: 16px;color: #fff;line-height: 44px;}
.client-banner .client-download a:hover{border-color:#ddd;text-decoration: none;}
.client-banner .client-download img{position:relative;top:4px;margin-right: 10px;}
.client-banner .code{position: absolute;top: 340px;left: 500px;line-height: 32px;font-size: 14px;text-align: center;}
.client-banner .code img{ width: 134px; height: 134px; border: 5px solid #fff;}

.client-tit{padding-top:50px;font-size: 40px;line-height: 56px;text-align: center;}
.client-tip{padding-bottom:45px;font-size: 16px;line-height: 36px;color: #b4b4b4;text-align: center;}

.client1{height:600px;background: url(../images/ico/client1.png) right 30px no-repeat;}
.client2{height:600px;background: url(../images/ico/client2.png) left 60px no-repeat;}
.client3{height:600px;background: url(../images/ico/client3.png) right 55px no-repeat;}
.client-h3{padding-top:237px;line-height: 70px;font-size: 40px;color: #f75e5b;}
.client-h4{line-height: 28px;font-size: 20px;}

/* 帮助中心 */
.help-center{width:1180px;background:#fff;margin:20px auto;}
.help-sidebar{float:left;width:231px;padding:2px;}
.help-center-inner{float:left;width:930px;background:#f5f5f5;padding-left:15px;}
.help-content{min-height:600px;background:#fff;}
.help-sidebar-tt{display: block;height:58px;line-height:58px;background:url(../images/help/help.png) no-repeat 15px center #c91a1d;padding-left:58px;font-size:24px;color:#fff;}
.help-sidebar-tt:hover{text-decoration: none;color: #fff;}
.help-sidebar-support ul{display:none;}
.help-sidebar-support .category-1{height:40px;line-height:40px;background:url(../images/help/arrow_down_gray.png) no-repeat 212px center #eaeaea;margin-top:2px;}
.help-sidebar-support .category-1 a{display:block;background:url(../images/help/arrow_gray.png) no-repeat 23px center;padding-left:36px;font-size:18px;color:#121212;text-decoration: none;}
.help-sidebar-support li.open .category-1{background:url(../images/help/arrow_up_red.png) no-repeat 212px center #fddedf;}
.help-sidebar-support li.open .category-1 a{background:url(../images/help/arrow_red.png) no-repeat 23px center;color:#c91a1d;}
.help-sidebar-support .category-2{height:30px;line-height:30px;padding-left:35px;font-size:14px;color:#555;}
.help-sidebar-support .category-2 a{ color: #121212;}
.help-sidebar-support .category-2 a:hover{color: #c91a1d;text-decoration: none;}
.help-sidebar-support li.open li.open .category-2{background:url(../images/help/gou.png) no-repeat 21px center;color:#c91a1d;}
.help-home{padding:0 25px;}
.help-home h3{padding: 30px 0 15px;font-size: 18px;font-weight: normal;}
.help-qList{margin-right: -25px;}
.help-qList li{float: left;width: 427px;height: 26px;margin-right: 25px;}
.help-qList li a{display: inline-block;height: 26px;line-height: 26px;background: url(../images/help/help_q.png) no-repeat 0 center;padding-left: 25px;font-size: 14px;color: #666;}
.help-qList li a:hover{color: #c91a1d;text-decoration: none;}
.help-guide{margin-right: -25px;*padding-bottom: 20px;}
.help-guide .item{float: left;width: 385px;height: 102px;background-color: #fcfcfc;border: 1px solid #e5e5e5;margin:0 25px 20px 0;padding: 20px;}
.help-guide .item .tit{height: 16px;line-height: 16px;background: url(../images/help/help_line.png) no-repeat 0 center;padding-left: 15px;font-size: 16px;color: #444;}
.help-guide .item ul{padding-top: 15px;}
.help-guide .item li{float: left;width: 50%;*width: 48%;height: 26px;}
.help-guide .item li a{display: inline-block;height: 26px;line-height: 26px;background: url(../images/help/help_arrow.png) no-repeat 0 center;padding-left: 10px;margin-left: 15px;font-size: 14px;color: #666;}
.help-guide .item li a:hover{color: #c91a1d;text-decoration: none;}
.help-content-tt{height:76px;border-bottom:1px solid #e0e0e0;padding:0 25px;}
.help-content-tt .nav{float:left;width:480px;height:76px;line-height:76px;color:#333;}
.help-content-tt .nav a{color:#c91a1d;text-decoration: none;}
.help-content-tt .nav .tt{font-size:18px;color:#121212;}
.help-content-tt .nav .crumbs{}
.help-content-tt .nav .result span{color:#dd2727;}
.help-content-dt{margin:20px 25px 0;line-height:1;font-size:24px;color:#333;}
.help-content-des{margin:20px 25px;}
.help-content-feedback{margin:0 25px;border-top:1px solid #e5e5e5;padding:20px 0;}

/* ----- 注册 ----- */
.reg-content{width:701px;margin:20px auto 0 auto;}
.login-table th{width:220px;height:55px;font-size:16px;font-weight:100;color:#333;text-align:right;}
.login-table .abtn{width:250px;border-radius:3px;font-size:18px;}

/* 表单 */
.input-txt{width:100px;height:38px;line-height:38px;padding:0 5px;border:1px solid #e5e5e5;background:#fff;font-size:14px;}
.onError,.onCorrect{display:inline-block;height:40px;line-height:40px;background:url(../images/ico/form_icon.png) no-repeat;padding-left:30px;}	/*表单提示*/
.onError{color:#f00;background-position:6px -38px;}		/*错误提示*/
.onCorrect{color:#8cd232;background-position:6px 12px;}	/*正确提示*/
.input-txt-error{border:1px solid #c91a1d;color:#e34007;}	/*错误*/

/*手机号码、验证码、明文密码切换相关*/
.password-wrap{position:relative;display:inline-block;}
.password-wrap i{position:absolute;top:14px;right:8px;display:block;width:20px;height:14px;background:url(../images/ico/eye2.png) no-repeat;cursor:pointer;}
.password-wrap i.open{background:url(../images/ico/eye1.png) no-repeat;}
.code-layer-wrap{position:relative;z-index: 99;}
.code-layer-wrap .layer{position:absolute;left:-60px;top:-130px;display:block;width:224px;height:120px;background:url(../images/ico/code_layer.png) no-repeat;padding:2px 0 0 11px;}
.code-layer-wrap .layer p{height:40px;padding-top:10px;}
.code-layer-wrap .layer .code{float:left;display:block;width:90px;height:40px;}
.code-layer-wrap .layer .change{display:block;margin:6px 0 0 102px;font-size:16px;color:#ff6700;}
.code-layer-wrap .layer .submit{display:inline-block;width:60px;height:40px;line-height:40px;background:#ff6700;text-align:center;color:#fff;}
.get-code{display:inline-block;width:88px;height:35px;line-height:40px;text-align:center;color:#fff !important;}
.get-code-disable{background:#b4a0a0;}
.get-code-able{background:#c91a1d;}
.get-code-able:hover{background:#ef3f3f;}
.code-voice{width: 262px;padding-top: 5px;text-align: right;font-size: 14px;color: #555;}
.code-voice a{color: #dd2727;}

/* 模糊查找 */
.ui-search{display:inline-block;position:relative;z-index: 99;}
.ui-search-list{display:none;position:absolute;left:0;top:39px;z-index:101;min-width:100%;*width: 100%;}
.ui-search-list ul{max-height:240px;background:#fff;border:1px solid #e5e5e5;*overflow-x: hidden;overflow-y:auto;}
.ui-search-list li{max-width: 550px;height:24px;line-height:24px;padding:0 10px;font-size:14px;color:#121212;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ui-search-list li:hover,.ui-search-list li.current{background: #f5f5f5;}
.ui-search-list li span{color:#dd2727;}