@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border: 0;}
a,area{ outline:none; blr:expression(this.onFocus=this.blur()); }
a { text-decoration:none;color:#444;}
a:hover { text-decoration:none; -webkit-tap-highlight-color:transparent;}
img { -ms-interpolation-mode: bicubic; }

html, body { font-family:'Arial', sans-serif; min-width:1200px;}
html{height:100%; position:relative}
body{position: relative;}
input { border-radius:0; }
button{-webkit-appearance: none; border-radius:0;}
div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form { list-style:none; }
@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }
input:focus{outline: none;}
*{box-sizing: border-box;}
.clear{clear: both;}
.clearfix:after{content: '';display: block;height: 0;clear: both;}
.fr{float: right;}
.fl{float: left;}
.none{display: none;}

.container{width: 1200px;margin: 0 auto;}
.header-wrap{height: 174px;background: url(bg_top.jpg) top center no-repeat;}

.main-wrap{padding-top: 206px;background:#24365b url(n_bg_main.png) top center no-repeat;min-height: 1000px;}
.tag-user-wrap{margin-bottom: 22px;}
.tags_n{margin-top: 10px;}
.tags_n span{display: inline-block;padding-left: 20px;background: url(dot_r.png) left center no-repeat;margin-left: 56px;color: #7288ba;cursor: pointer;}
.tags_n span a{color: #7288ba}
.tags_n span.cur{background-image: url(dot.png);cursor: pointer;}
.tags_n span.cur a{color: #fff;text-decoration: underline;}
.user-wrap .avatar{width: 45px;height: 45px;border-radius: 50%;cursor: pointer;}
.user-wrap .user-info{position: relative;margin: 0 8px 0 13px;}
.user-wrap .user-info p{font-size: 16px;color: rgb(191, 191, 191);line-height: 45px;cursor: pointer;}
.user-wrap .user-info ul{position: absolute;font-size: 14px;color: #333;white-space: nowrap;right: 0;border:1px solid rgb(186,194,213);padding: 6px 10px;background: #fff;border-radius: 5px;}
.user-wrap .user-info li{cursor: pointer;padding: 6px 0;border-bottom: 1px solid rgb(186,194,213);}

.main_n{padding: 57px 31px 0;background: #fff;}
.main-title-wrap{padding-bottom: 29px;border-bottom:1px solid rgb(186,194,213);}
.main-title{line-height: 46px;font-size: 24px;color: rgb(76, 88, 104);float: left;}
.search-wrap{height: 46px;}
.search-box{height: 100%;line-height: 46px;padding-right: 15px;border:1px solid rgb(186, 194, 213);border-right-width: 0;border-radius: 2px 0 0 2px;}
.search-box .search-ipt{width: 236px;height: 100%;padding: 0 10px;font-size: 20px;background: transparent;border: none;outline: none;}
.search-box .search-ipt::-webkit-input-placeholder{color: rgb(204, 204, 204);}
.search-box .search-btn{display: inline-block;width: 25px;height: 100%;background: url(m-i-search-btn.png) no-repeat 0 center;cursor: pointer;}
.match-box{position: relative;}
.screening-btn{display: block;width: 121px;height: 100%;line-height: 46px;font-size: 16px;color: rgb(36, 54, 91);font-weight: bold;text-align: center;border-radius: 0 2px 2px 0;background: rgb(255,218,88);cursor: pointer;}
.main_n_l{padding: 20px 0;}
.list-item{padding: 30px 0 14px;border-bottom: 1px solid rgb(212,212,212);}
.item-logo{width: 77px;}
.item-logo img{width: 77px;max-height: 77px;}
/* .item-info{width: 566px;font-size: 16px;color: rgb(168, 173, 181);line-height: 1.875;padding-left: 19px;} */
.item-info{width: 566px;font-size: 16px;color: rgb(168, 173, 181);line-height: 1.875;}
.item-info .name{font-size: 24px;color: rgb(76, 88, 102);line-height: 1.2;margin-bottom: 5px;}
.item-info .name .uni-collect{display: inline-block;width: 21px;height: 25px;margin: 0 0 -7px 15px;background: url(m-i-collect.png) no-repeat;}
.item-info .name .uni-collect.active{background: url(m-i-collect-active.png) no-repeat;}
.item-info .address{margin-left: -25px;}
.item-info .address span{display: inline-block;margin-left: 25px;}
.item-date{width: 170px;font-size: 14px;color: #000;text-align: right;}
.item-date .label{font-size: 12px;color: rgb(48, 48, 48);margin-bottom: 8px;}
.item-apply{width: 80px;height: 32px;font-size: 16px;color: rgb(36, 54, 92);line-height: 32px;text-align: center;margin-left: 39px;border: 1px solid rgb(186,194,213);border-radius: 2px;}
.item-ms-wrap{padding-top: 10px;}
.item-ms-wrap li{font-size: 16px;color: rgb(76, 88, 102);line-height: 21px;}
.item-ms-wrap li:first-child{margin-top: 20px;}
.item-ms-wrap li + li{margin-top: 40px;}
.item-ms-wrap li >a{max-width: 72%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item-ms-wrap li .collect{width: 21px;height: 21px; background: url(m-i-star.png) no-repeat;margin-left: 8px;cursor: pointer;display: none;}
.item-ms-wrap li:hover .collect{display: block;}
.item-ms-wrap li .collect.active{background: url(m-i-star-active.png) no-repeat;}
.see-more{text-align: center;margin-top: 42px;}
.see-more span{color: rgb(36, 54, 92);font-size: 12px;padding-right: 25px;background: url(m-i-dropdown.png) right center no-repeat;cursor: pointer;}
.page-wrap {text-align: center;font-size: 0;background: #fff;padding:95px 0 140px;}
.page-wrap a{display: inline-block;width: 38px;height: 38px;color: #24365b;background: #f0f2f3;text-align: center;line-height: 38px;font-size: 12px;border:#d9e1e5 1px solid;margin:0 2px;}
.page-wrap a:not(.active,.more){cursor: pointer;}
.page-wrap .active{color:#fff;background-color: #24365b;border-color: #24365b;}

.bottom{background: #f1f2f4;}
.bottom_content{height: 158px;text-align: center;font-size: 14px;color: #666;line-height: 158px}
.bottom_content a{display: inline-block;margin:0 5px}
.bottom_content span{display: inline-block;margin-right: 10px}
.bottom_content a img{position: relative;top: 20px}

.right-aside-wrap{position: fixed;width: 56px;height: 188px;top: 360px;right: 3%;background: rgb(115,124,146);border-radius: 10px;}
.right-aside-wrap span{display: block;width: 100%;cursor: pointer;}
.right-aside-wrap span+span{border-top: 1px solid rgb(186,194,213);}
.right-aside-wrap .search-btn{height: 63px;background: url(m-i-rt-search.png) no-repeat center;}
.right-aside-wrap .match-btn{height: 62px;background: url(m-i-rt-match.png) no-repeat center;}
.right-aside-wrap .totop-btn{height: 63px;background: url(m-i-rt-totop.png) no-repeat center;}
.right-aside-wrap span a{display: block;height: 100%;}

.mask{position: absolute;z-index: 9;left: 0;right: 0;top: 0;bottom: 0;display: none;}
.more-mask{background: url(hui.png) repeat;}
.more-mask-content{position: fixed;width: 780px;padding: 40px 20px 30px 50px;left: 50%;top: 80px;background: #fff;margin: 0 0 0 -425px;}
.mask-close{width: 20px;height: 20px;background: url(closebtn.png) center center no-repeat;cursor: pointer;}
.more-mask-content .mask-close{position: absolute;left: 20px;top: 20px;}
.more-mask-content ul{height: calc(100% - 20px);overflow-y: auto;padding-top: 0;}
.more-mask-content ul li >a{max-width: 85%;}

.match-mask-content{position: absolute;width: 1144px;right: 0;top: 46px;background: #fff;box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.35);overflow: hidden;padding:28px 19px 47px;}
.match-close-wrap{font-size: 18px;color: rgb(235, 76, 72);padding:0 0 34px 3px;}
.match-close-wrap .mask-close{margin-right: 16px;}
.mask-form{font-size: 16px;color: rgb(78, 88, 98);padding: 28px 71px 38px;border: 1px solid rgb(229,229,229);border-width: 1px 0;}
.mask-form .form-sepa-title {font-weight: bold;color: #24365b;border-bottom: 1px solid #24365b;padding: 20px 0 10px;margin-bottom: 10px;}
.mask-form .form-item{padding: 4px 0;line-height: 38px;}
.mask-form .form-item-lab{float: left;}
.mask-form .form-item-val{width: 425px;color: rgb(91, 98, 109);float: right;}
.mask-form .form-item-val select{width: 100%;height: 38px;padding: 0 14px;border: 1px solid rgb(204,204,204);border-radius: 3px;}
.mask-form .form-item-val .radio-wrap{color: rgb(77, 86, 101);}
.mask-form .form-item-val .radio-wrap +.radio-wrap{margin-left: 28px;}
.mask-submit{width: 224px;height: 45px;font-size: 20px;color: #fff;text-align: center;line-height: 45px;margin: 36px auto 0;background-color: rgb(36, 54, 92);cursor: pointer;}

.collect-icon-click{cursor: pointer;}