@charset "utf-8";

.suggest-list,.suggest-list .search-text,.suggest-list .statistical{text-overflow:ellipsis;word-break:break-all;overflow:hidden}

.suggest,ul.tabs{position:absolute}

.line-green{width:100%;min-width:1200px;height:260px;background:url(../images/college-banner.jpg) center top no-repeat;}

.college-banner{width:1200px;height:260px;margin:0 auto}

.banner-search{width:460px;height:40px;margin:0 auto;padding:192px 370px 28px}

.college-search{width:456px;height:36px;border:2px solid #66be8c;border-radius:4px;background:#fff}

.college-search input{border:none;box-sizing:content-box;height:36px;line-height:36px\9}

.search-input-box{padding:0 10px;float:left;width:342px;border-radius:4px 0 0 4px}

.btn-search{float:right;width:90px;background:#66be8c;text-align:center;color:#fff;font-size:18px;font-weight:700;cursor:pointer}

.btn-search:hover{background:#56b07d}

.suggest{top:35px;left:-2px;width:366px;display:none;overflow:hidden;background:#fff;border:2px solid #66be8c;border-top:none;border-radius:0 0 4px 4px;z-index:778}

.suggest-list{height:32px;line-height:32px;padding:0 10px;cursor:pointer;white-space:nowrap}

.suggest-list .search-text{display:inline-block;float:left;max-width:210px;white-space:nowrap}

.suggest-list .statistical{float:right;display:inline-block;color:#999;max-width:100px;text-align:right;white-space:nowrap}

.plr-skl-name a,.sort-college-name{word-break:keep-all;text-overflow:ellipsis;white-space:nowrap}

.suggest-list:first-child{border-top:none}

.suggest .cur,.suggest-list:hover,.suggest-list:hover .statistical{color:#fff;background-color:#66be8c}

.university-container{width:1198px;height:auto;overflow:hidden;margin-top:20px;padding:10px 0;border:1px solid #ddd}

.degree-sort{width:1168px;height:auto;overflow:hidden;padding:0 10px 0 20px}

.degree-sort label{display:inline-block;width:40px;height:42px;line-height:42px;text-align:right;font-weight:700;color:#666;float:left;padding-right:10px}

.city-classify,.no-college-infor,.over-load,.plr-skl-title a,.school-logo,ul.tabs li a{text-align:center}

.degree-sort-list{width:1128px;height:auto;overflow:hidden;float:left}

.sort-college-item{width:212px;height:26px;overflow:hidden;margin:8px 10px 8px 0;float:left;display:inline-block;cursor:pointer;padding-right:8px;border:1px solid #fff}

.sort-college-item:hover{border:1px solid #66be8c}

.sort-college-item .sort-college-logo{display:inline-block;float:left;width:24px;height:24px;line-height:24px;border:1px solid #eee;text-align:center;margin-right:6px}

.sort-college-logo img{width:24px;height:24px}

.sort-college-item:hover .sort-college-logo{border:1px solid #fff}

.sort-college-name{display:inline-block;float:left;color:#333;line-height:26px;width:178px;overflow:hidden}

.sort-college-item:hover .sort-college-name,.sort-college-item:hover .sort-college-name:hover{color:#66be8c}

ul.tabs{width:340px;height:40px;left:0;bottom:0}

ul.tabs li{height:40px;overflow:hidden;float:left}

ul.tabs li a{width:130px;height:40px;line-height:40px;color:#333;display:block;font-weight:700}

ul.tabs li a:hover{color:#666}

ul.tabs li.active a{color:#fff;background:#66be8c}

.tab-container,.tab-content{width:1200px;height:auto}

.college-main{height:auto;overflow:hidden;margin:0 -20px 0 0}

.college-item,.college-item-follow{margin:20px 15px 0 0;display:inline-block;float:left;overflow:hidden}

.college-item{width:388px;height:auto;border:1px solid #ddd}

.item-school-name{width:348px;height:90px;padding:20px;border-bottom:1px #ddd solid}

.college-item-follow{width:388px;height:130px;border:1px solid #ddd}

.follow-school-name{width:348px;height:90px;padding:20px}

.school-logo{width:90px;height:90px;float:left}

.school-logo a,.school-logo img{width:88px;height:88px}

.school-logo a{display:block;border:1px solid #eee}

.beauty-photo li a:hover,.school-logo a:hover{border:1px solid #66be8c}

.college-popular,.join-job,.university-name{float:right;display:inline-block;width:246px}

.university-name{font-size:15px;color:#333;font-weight:700;line-height:34px}

.university-name a{color:#333}

.university-name a:active,.university-name a:hover{color:#66be8c}

.college-popular,.join-job{color:#999;height:28px;line-height:28px}

.college-popular em{margin-left:5px;color:#f5694b;font-weight:700}

.join-job em{margin-right:5px}

.item-center-con{padding:20px 20px 0}

.popular-skill-list{padding-bottom:5px}

.plr-list-con,.plr-skl-content,.popular-skill-list,.sch-beauty,.skill-list-con{width:348px;height:auto;overflow:hidden}

.plr-skl-inner{width:696px;-webkit-transition:.3s ease-in;transition:.3s ease-in}

.plr-skl-title{width:347px;height:36px;overflow:hidden;border-left:1px #e3e3e3 solid;margin-bottom:15px}

.plr-skl-title a{width:172px;height:34px;line-height:34px;text-decoration:none;color:#666;font-size:15px;display:block;border:1px solid #efefef;border-left:none;background:#f9f9f9;font-weight:700;float:left}

.plr-skl-title a:hover{color:#666;background:#f8f8f8}

.plr-skl-title a.cur{color:#66be8c;background:#fff}

.plr-list-con ul,.skl-list-con ul{height:auto;overflow:hidden;margin-bottom:12px;line-height:32px}

.plr-list-con li,.skl-list-con li{float:left;display:inline-block;margin-left:15px}

.plr-list-con li:first-child,.skl-list-con li:first-child{margin-left:0}

.plr-skl-photo{width:32px;height:32px}

.plr-skl-photo a,.plr-skl-photo img{width:30px;height:30px}

.plr-skl-photo a{border:1px solid #eaeaea}

.plr-skl-name{font-size:14px}

.plr-skl-name .icon{font-size:18px;margin-left:10px}

.plr-skl-name .man{color:#30aef6}

.plr-skl-name .woman{color:#f22de2}

.plr-skl-name a{max-width:64px;display:inline-block;color:#333;vertical-align:top;*vertical-align:middle;overflow:hidden}

.plr-skl-name a:hover{color:#66be8c}

.plr-skl-number{padding-left:15px}

.plr-skl-number em{font-weight:700;color:#f5694b;margin-left:3px}

.over-load,.preach-event em{color:#66be8c;font-weight:700}

.sch-beauty h3{font-size:14px;font-weight:700;margin-bottom:10px}

.beauty-photo{margin:0 -15px 0 0;height:auto;overflow:hidden}

.beauty-photo li{float:left;display:inline-block;width:60px;height:60px;margin:0 12px 12px 0}

.beauty-photo li a,.beauty-photo li img{width:58px;height:58px}

.beauty-photo li a{display:inline-block;border:1px solid #e8e8e8}

.preach-event{width:348px;height:42px;line-height:42px;padding:0 20px;border-top:1px #ddd solid}

.preach-event em{margin:0 5px}

.over-load{width:1198px;height:40px;line-height:40px;background:#f0fef6;margin-top:20px;border:1px solid #bbf5d4}

.no-college-infor{height:36px;line-height:36px;padding:50px 0;color:#f5694b;border:1px solid #fec2b5;background:#fef3f1;font-weight:700;margin:60px auto 40px;font-size:16px}

.no-college-infor .icon{font-size:30px;margin-right:10px}

.city-net *{box-sizing:border-box}

.city-net{width:1198px;height:auto;margin-top:20px}

.city-net>ul{width:100%;height:auto;border:1px solid #ddd}

.city-net>ul>li{height:auto;overflow:hidden;border-bottom:1px solid #ddd}

.city-net>ul>li:last-child{border-bottom:none}

.city-net>ul>li>div{float:left}

.city-classify{line-height:72px;height:100%;font-size:23px;color:#33c1ea;font-weight:700;width:15%}

.net-classify{overflow:hidden;padding:20px 15px;width:85%;border-left:1px solid #ddd}

.net-classify>a{float:left;width:25%;line-height:32px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.net-classify>a:hover{color:#66be8c}