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

.yx_menu { border-top: 1px solid #eee; padding: 15px 0 30px}
.yx_menu dl dt {margin: 0}
.yx_menu dl dd {width: 92%}

/*院校列表*/

.listCen ul{position:relative;font-size:0; padding-top: 20px}
.listCen ul li{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 20px 0;text-decoration:none;width:380px;height:245px;border-radius:6px;background:#fff;-webkit-box-shadow:0 1px 2px 0 #dfe3e2;box-shadow:0 1px 2px 0 #dfe3e2;cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.listCen ul li:hover{transform:translateX(0) translateY(-4px) translateZ(0);-moz-transform:translateX(0) translateY(-4px) translateZ(0);-webkit-transform:translateX(0) translateY(-4px) translateZ(0);-o-transform:translateX(0) translateY(-4px) translateZ(0);border-radius:6px}
.listCen ul li:hover {-webkit-box-shadow:0 1px 2px 0 #dfe3e2;box-shadow:0 1px 2px 0 #dfe3e2}
.listCen ul li:hover:after {-webkit-box-shadow:0 6px 8px 0 #dfe3e2;box-shadow:0 6px 8px 0 #dfe3e2}
.listCen ul li:after{content:"";display:block;width:380px;height:12px;position:absolute;bottom:-6px;left:0;border-radius:0 0 12px 12px;-webkit-box-shadow:0 1px 2px 0 #dfe3e2;box-shadow:0 1px 2px 0 #dfe3e2}
.listCen ul li.card-item{margin-bottom:28px;margin-right:20px}
.listCen ul li.card-item:nth-child(3n+3){margin-right:0}

.listCen ul li a.yx_img { display: block; width: 110px; float: left; padding-top: 10px}
.listCen ul li a.yx_img img {width: 105px; height: 105px}
.listCen ul li div.listRight {width: 220px; float: right}
.listCen ul li div.listRight div.compare_add {width: 220px;}
.listCen ul li div.listRight div.compare_add div.join_hover {height: 24px; width: 100%}
.listCen ul li div.listRight div.compare_add div.join_hover span { color: #fff; font-size: 14px; display: block; width:90px; height: 24px; line-height: 22px; float: right; background: #ff9900; border-radius: 12px 0 0 12px; text-align: center; margin: -10px -20px 10px 0}
.listCen ul li div.listRight div.compare_add h5 { font-size: 20px; height: 30px; line-height: 30px; font-weight: 600; white-space:nowrap;overflow:hidden;text-overflow: ellipsis}
.listCen ul li div.listRight div.compare_add h5 a { color: #333;}
.listCen ul li div.listRight div.compare_add h5 a:hover {color: #ff8800}
.listCen ul li div.listRight p {font-size: 14px;color: #999;margin: 10px 0 20px; line-height: 24px; height: 48px}
.listCen ul li div.listRight p i { color: #333}
.listCen ul li div.yx_con { text-align: center; border-top: 1px solid #eee; padding: 25px 0; margin-top: 5px}
.listCen ul li div.yx_con a { display: inline-block;*zoom: 1;*display: inline;vertical-align: middle;font-size: 14px;color: #333333;height: 28px;line-height: 26px;text-align: center;border: 1px solid #ddd; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; margin-right: 14px; float: left; padding: 0 10px}
.listCen ul li div.yx_con a:nth-child(4) {margin-right: 0}
.listCen ul li div.yx_con a:hover { color: #ff8800;border: 1px solid #ff9d00;}

/*院校对比框*/
.compare_floor {box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); position: fixed;right: 130px;top: 25%; width: 162px; background-color: #ffffff; padding-bottom: 20px;z-index: 1;}
.compare_floor .yx {cursor: pointer;height: 38px;background-color: #ff9d00;line-height: 38px;text-align: center;font-size: 18px; color: #ffffff;}
.compare_floor ul { padding: 0 12px;margin-bottom: 10px;}
.compare_floor ul li { height: 44px;display: flex;align-items: center;justify-content: space-between; border-bottom: 1px dotted #ddd;}
.compare_floor ul li p:first-child {font-size: 14px;color: #333333;}
.compare_floor ul li p:last-child {cursor: pointer;width: 12px;height: 12px;}
.compare_floor .notice { padding: 0 12px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.compare_floor .none { margin: 0 12px;text-align: center;font-size: 14px;height: 40px; line-height: 40px;color: #333333;border-bottom: 1px solid #eeeeee;}
.compare_floor .notice span {display: block; font-size: 12px;color: #999;}
.compare_floor .closeAll {cursor: pointer;color: #ff9d00 !important;}
.compare_floor .compare_btn {cursor: pointer;width: 94px;height: 30px;margin: 0 auto; font-size: 14px; text-align: center;line-height: 30px;color: #ffffff; background-color: #ff9d00; border-radius: 4px;}

/*院校内容页*/
.yx_top {width: 100%; background:url(../images/yx_bg.jpg) #fff no-repeat top; height: 345px; padding:30px; width: 850px; border: 1px solid #fff}
.yx_top .left {width: 220px; border: 1px solid #ddd; border-top:2px solid #ff9900; padding: 20px 0 10px; background: #fff; text-align: center; float: left}
.yx_top .left img {width: 130px; height: 130px; margin: 0 0 10px}
.yx_top .left h3 {font-size: 20px; height: 45px;line-height: 45px; width: 100%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis }
.yx_top .left div i { height: 22px; font-size: 13px; line-height: 22px;  background: #ffaa00; color: #fff; padding: 0 8px; margin:0 2px}
.yx_top .left div i:nth-child(last) {margin-right: 0}
.yx_top .left p  {font-size: 15px; height: 36px;line-height: 36px; color: #666}
.yx_top ul { width: 530px; float: right}
.yx_top ul li {height: 40px; line-height: 40px; font-size: 16px}
.yx_top ul li::before{content: ""; display: block; width:4px;height:4px;background:#ff9900; border-radius: 2rem; float: left; margin: 18px 10px 0 0}
.yx_nav {width: 850px; background: #fff; padding: 20px; margin-bottom: 20px}
.yx_nav a { height: 32px; line-height: 32px; width: 85px; float: left; font-size: 15px; background: #f5f5f5; text-align: center; margin:8px; border-radius: 3px}
.yx_nav a.cur {background: linear-gradient(to bottom right,#ffbb00,#ff9900); color: #fff}

.school ul li { height: 40px; line-height: 38px; font-size: 16px}
.school ul li i {float: left; font-size: 16px; color: #999}
.school ul li a {width: 72%; float: left; font-size: 16px }
.zx_con ul li span { font-size: 14px; width: 12%; text-align: left}
.zx_con ul li:hover {background: #f8f8f8}
.message {padding:0 30px; font-size: 12px; color: #888; line-height: 24px}

/*院校对比*/
.compare-wrap {background-color: #ffffff;box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.03);display: flex;width:1200px; margin:10px auto 30px;}
.compare-wrap .compare-item {border-right: 1px solid #eeeeee;text-align: center; width: 254px;}
.compare-wrap .compare-item .title-head {padding-top: 1px;position: relative; height: 194px; border-bottom: 1px solid #eeeeee;}
.compare-wrap .compare-item .title-head span {font-weight: bold;height: 194px;line-height: 194px;display: block;font-size: 18px;color: #ff9d00;}
.compare-wrap .compare-item .title-head div {width: 86px;height: 86px;overflow: hidden;border-radius: 50%;margin: 30px auto 30px;}
.compare-wrap .compare-item .title-head div img { display: block; width: 100%;}
.compare-wrap .compare-item .title-head .sch_name {font-size: 18px;color: #333333;font-weight: bold;}
.compare-wrap .compare-item .title-head .closed {cursor: pointer;position: absolute;right: 16px;top: 20px;}
.compare-wrap .compare-item .title-head .add_name {cursor: pointer;width: 109px;  height: 32px;background: linear-gradient(to bottom right,#ffbb00,#ff8800); border-radius: 4px;  font-size: 15px; line-height: 30px; text-align: center; color: #ffffff; margin: 0 auto; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none;user-select: none; margin-top: 80px}
.compare-wrap .compare-item .title-item {display: flex; justify-content: center; align-items: center;font-size: 14px; color: #333333; height: 56px;padding: 0 22px;border-bottom: 1px solid #eeeeee;}
.compare-wrap .compare-item .title-item a { display: block;width: 109px;height: 30px;background-color: #ffb502;border-radius: 4px; line-height: 30px;text-align: center; margin: 0 auto; color: #ffffff;}
.compare-wrap .compare-item .title-item:nth-of-type(even) {background-color: #f9f9f9;}
.compare-wrap .compare-item .province { display: none;box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);position: absolute;height: 300px;top: 0px;overflow-y: scroll;left: -5px; top: -70px}
.compare-wrap .compare-item .province::-webkit-scrollbar {width: 6px}
.compare-wrap .compare-item .province::-webkit-scrollbar-track {background-color: #ffffff;-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;}
.compare-wrap .compare-item .province::-webkit-scrollbar-thumb {background-color: #eeeeee;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
.compare-wrap .compare-item .add_sch {flex-direction: column;position: relative}
.compare-wrap .compare-item .add_sch p {display: flex;align-items: center;padding-left: 12px;font-size: 12px;color: #909399;line-height: 30px;background-color: #ffffff;}
.compare-wrap .compare-item .add_sch p .yx{cursor: pointer;}
.compare-wrap .compare-item .add_sch ul {min-width: 252px;background-color: #ffffff;}
.compare-wrap .compare-item .add_sch ul li {cursor: pointer; text-align: left;padding-left: 12px; height: 38px;line-height: 38px;}
.compare-wrap .compare-item .add_sch ul li:hover {background-color: #fff8ec;}
.compare-wrap .compare-item:first-child { width: 184px;}
.compare-wrap .compare-item:first-child .title-item {color: #999999;}