@charset "UTF-8";
.tc { text-align: center !important;}

.tl { text-align: left !important;}

.tr { text-align: right !important;}

.h { height: 100%;}

.none { display: none;}

/*   reset mobile */
/*css reset*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}

table { border-collapse: collapse; border-spacing: 0;}

fieldset, img, input { border: 0;}

address, caption, cite, code, dfn, em, i, strong, th, var { font-style: normal; }

ol, ul { list-style: none;}

caption, th { text-align: left;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

q:before, q:after { content: '';}

abbr, acronym { border: 0;}

html { height: 100%;}

body { font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; font-size: 14px; color: #646464; height: 100%;}

input { background: #fff; border: 1px solid #dedede;}

a { text-decoration: none; color: #646464;}

a:active, a:focus { outline: none;}

/*布局*/
.b-center{width:1000px;margin:0 auto;}

.b-lr-wrap{clear: both;}
.b-lr-left,.b-lr-narrow{float: left;display: inline;width:705px;}
.b-lr-right,.b-lr-wide{float: right;display: inline;width:250px;}

.b-lr-wide{width:705px;}
.b-lr-narrow{width:250px;}
/*title content btn*/
.b-title{font-size: 20px;/* color:#88211a; */height:20px;padding:2px 0 15px 0;}
.b-title-border{border-bottom: 1px dashed #e2e2e2;}

.b-content{padding:15px;line-height: 22px;min-height: 500px;}
.b-intro{line-height: 22px;padding:15px 0;text-indent:2em;color: #909090;}

.b-btn{width:100%;height:36px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;line-height:36px;text-align:center;margin-top:10px;color:#ffffff;background: #587CB2;display: block;}
/*list*/
.b-list{margin-top: 10px;}
.b-list h2{height:24px;line-height: 24px;font-size: 18px;background: #456898;color:#ffffff;padding:10px 0 10px 10px;}
.b-list ul{border: 1px solid #e2e2e2;padding:10px;list-style-position:inside;list-style-type:disc;font-size:16px;color: #88211A;}
.b-list .b-list-decimal{list-style-type: decimal;color:#333;}
.b-list .b-list-big{color: #777;}

.b-list ul li{height:26px;line-height: 22px;padding:0 10px;border-bottom:1px solid #f1f1f1;width:90%;overflow:hidden;}
.b-list ul li a{font-size: 14px;}
.b-list ul li span{color: #777;float: right;}

.b-list-icon{width:24px;height:20px;margin-right: 10px;vertical-align: middle;}
/*分页*/
.b-paging{clear: both;height:40px;line-height: 40px;text-align: center;}
.b-paging span,.b-paging a{color:#000;font-weight: bold;padding:0 4px;font-size: 13px;}
/*中间*/
.main{position: relative;overflow: hidden;width: 1000px;margin: 0 auto;background: #ffffff;margin-top:20px;}
.main-space{position: relative;overflow: hidden;width: 970px;margin: 0 auto;padding:15px;background: #ffffff;margin-top:20px;-webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.2);box-shadow:0 1px 7px rgba(0, 2, 0, 0.2);min-height:600px;}
.main-top{position: relative;overflow: hidden;width: 970px;margin: 0 auto;background: #ffffff;-webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.2);box-shadow:0 1px 7px rgba(0, 2, 0, 0.2);}

.index-login-button{display:inline-block;border:1px solid red;width:90px;background:#ddd;}
/*-----------------------首页--------------------------------*/
.index-news { padding: 20px; border: 1px solid #dedede; zoom: 1;}
.index-news:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden;}
.index-news .index-news-left { float: left; width: 577px; overflow: hidden;}
.index-news .index-news-left img { width: 100%; height: 320px; display: block;border-radius:3px;}
.index-news .index-news-left h1 { height: 50px; line-height: 50px;  font-size: 18px; overflow: hidden;}
.index-news .index-news-left p { height: 38px; overflow: hidden;}
.index-news .index-news-right { float: right; width: 365px;padding-top: 6px;}
.index-news .index-news-right li { zoom: 1; margin-bottom:10px;}
.index-news .index-news-right li:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden;}
.index-news .index-news-right span { display: block; float: left; width: 55px; text-align: center;}
.index-news .index-news-right span strong { height: 22px; line-height: 22px; background-color: #FDBE00; display: block; color: #ffffff;}
.index-news .index-news-right span em { height: 30px; line-height: 30px; background-color: #f5f5f5; display: block;}
.index-news .index-news-right div { display: block; float: right; width: 300px; overflow: hidden;}
.index-news .index-news-right div h1 { height: 30px; font-size: 18px; line-height: 18px; overflow: hidden;}
.index-news .index-news-right div p { height: 60px; overflow: hidden;}

.index-top { margin-bottom: 20px;}
.index-top .index-top-wrap { padding: 10px; border: 1px solid #dedede; width: 978px;}
.index-top .index-top-wrap .index-top-pic { display: none; width: 978px; height: 380px;}
.index-top .index-top-wrap .index-top-pic img { height: 380px; width: 866px;}

/* ** 走近校友 */
.index-people{float: left;width:40px;height:145px;line-height:20px;background:#FDBE00;color:#fff;font-size:18px;padding-top:5px;font-weight: bold;text-align:center; margin-bottom:20px;}
.index-people p{margin-top:13px;padding-top:20px;height:30px;}
.index-people a{font-size:12px;text-decoration:none;color:#fff;cursor:pointer;font-weight:none;}
.index-people a:hover{text-decoration:underline;}

/* 走进校友 */
/* .index-alumni { width: 640px; overflow:} */
.index-alumni .fl, .index-alumni .fr { float: left; cursor: pointer; width: 20px; /* height: 290px; */ background: url(../images/index_lr.jpg) no-repeat; overflow: hidden;}
.index-alumni .fr { background-position: -20px 0;}
.index-alumni ul { float: left;height: 150px; margin: 0 0 0 0; overflow: hidden;}
.index-alumni ul li { float: left; width: 184px; height: 150px; margin-left: 8px;}
.index-alumni ul .last { margin-right: 0;}
.index-alumni ul img { width: 100%; height: 100%;}

/*热点推荐  */
.index-recomm { width: 100%; height: 292px; margin-bottom: 20px;}
/* .index-recomm ul { width: 618px; height: 230px; padding: 10px; border: 1px solid #dedede; zoom: 1; }
.index-recomm ul:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.index-recomm ul li { padding: 0 2%; width: 29.3%; float: left; }
.index-recomm ul li img { width: 100%; height: 138px; }
.index-recomm ul li h2 { margin: 0 10px; color: #646464; height: 25px; line-height: 25px; overflow: hidden; }
.index-recomm ul li div { height: 60px; color: #909090; overflow: hidden; } */

.index-recomm-left {width:207px;float:left;}
.index-recomm-left ul { width: 618px; height: 300px; padding: 10px; border: 1px solid #dedede; zoom: 1;}
.index-recomm-left ul:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden;}
.index-recomm-left ul li { padding: 0 2%; width: 29.3%; float: left;}
.index-recomm-left ul li img { width: 100%; height: 138px;}
.index-recomm-left ul li h2 { margin: 0 10px; color: #646464; height: 25px; line-height: 25px; overflow: hidden;}
.index-recomm-left ul li div { height: 118px; color: #909090; overflow: hidden;}

.index-recomm-right{width:402px;float:left;padding:10px;}
/* .index-recomm-right ul { width:98%; height: 300px;line-height:230px; padding: 10px; zoom: 1;margin-left:5px;overflow:hidden;}
.index-recomm-right ul:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.index-recomm-right ul li{line-height:25px;}
.index-recomm-right ul li a{font-size:14px;} */
/*推荐活动========================*/
.index-recommd .activity {width: 100%;padding:23px 0px;height:140px;}
.index-recommd .activity .box {float: left;width: 233px;padding: 0px 14px 5px 0px;border-right: 1px solid #e4e4e4;}
.index-recommd .activity .box.bc {padding-left: 13px;}
.index-recommd .activity .box.br {padding-right: 0px;border: 0px none #FFF;float: right;}
.activity .subject {height: 60px;width: 210px;}
.activity .subject dt{float: left;width: 72px;padding-top: 3px;}
.activity .subject dt img {}
.activity .subject dd {float: right;width: 136px;}
.activity .subject dd a{font-size: 14px;display: block;font-weight: bold;padding-bottom: 4px;color: #564f4d;}
.activity .subject dd a:hover {color: #000;text-decoration: underline;}
.activity .subject dd small{color: #fc3e43;}
.activity ul {color: #999999;padding: 10px 0px 13px 0px;padding-left: 25px;}
.activity ul li{line-height: 19px;font-size: 12px;padding-left:12px;}
.activity .signup{}
.activity .signup span,.activity .signup strong{display: block;float: left;padding-right: 5px;}
.activity .signup a.go{display: block;float: right;height: 16px;width: 14px;padding-right: 5px;background: url(../images/home/signup.jpg)  no-repeat  0px 2px;}

.index-video .index-video-content { height: 231px; width: 618px; padding: 10px; border: 1px solid #dedede;}

.index-login { width: 99%; height: 149px; margin-bottom: 20px; font-weight: bold; color: #ffffff; overflow: hidden; background: url(../images/index_loginbg.jpg) no-repeat;border:1px solid #ddd;}
.index-login div { height: 34px; padding: 0 20px;margin-top:12px;}
.index-login div label { display: inline-block; width: 61px;}
.index-login div input { height: 30px; line-height: 30px; width: 228px; padding-left: 5px;}
.index-login .index-login-btn { padding-top: 1px;}
.index-login .index-login-btn input { width: 15px; vertical-align: middle; border: 1px solid #dedede;}
.index-login .index-login-btn button, .index-login .index-login-btn a { display: inline-block; width: 90px; border: 0; height: 30px; line-height: 30px; text-align: center; font-weight: bold; color: #ffffff; margin-left: 20px; vertical-align: middle; background: #FDBE00; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; zoom: 1;}
.index-login .index-login-btn a { background: #888888;}
.index-login .last { width: 100%;}
.index-login .last a { float: right; padding-right: 40px; color: #777777;}

.index-donate { width: 100%; margin-bottom: 20px;}
.index-donate ul { height: 250px; overflow: hidden; padding: 0 12px; border: 1px solid #dedede;}
.index-donate ul li { line-height: 23px; overflow: hidden; color: #111111;}
.index-donate ul li a { color: #111111;}
.index-donate ul li span { float: right;}


.index-fellow { width: 100%;  margin-bottom: 10px;}
.index-fellow ul { overflow: hidden; border: 1px solid #dedede; background: url(../images/scholl.jpg) no-repeat;}
.index-fellow ul li { height:20px;padding: 5px 10px;}
.index-fellow ul li img { float: left; width: 50px; height: 50px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;}
.index-fellow ul li div { float: left; width: 170px; overflow: hidden; padding: 0 8px 0 20px;}
.index-fellow ul li div p, .index-fellow ul li div strong { display: block; height: 25px; line-height: 25px; overflow: hidden;}
.index-fellow ul li div strong { color: #111111; font-size: 16px;}
.index-fellow ul li span { float: right; overflow: hidden;}

.index-fellow ul p{line-height:25px; padding-left:10px;}


/* 微信与支付宝二维码 */
.index-wechat{ width: 99%; height: 158px; margin-bottom: 20px;border:1px solid #ddd;text-align:center;}
.index-wechat img{width:100px;height:100px;margin:10px;border:1px solid #ddd;padding:2px;}

/*照片展示  */
.index-scenery { width: 100%; overflow: hidden; margin-bottom: 20px;}
.index-scenery .fl, .index-scenery .fr { float: left; cursor: pointer; width: 20px; height: 150px; background: url(../images/index_lr.jpg) no-repeat; overflow: hidden;}
.index-scenery .fr { background-position: -20px 0;}
.index-scenery ul { float: left; width: 950px; height: 150px; margin: 0 0 0 9px; overflow: hidden;}
.index-scenery ul li { float: left; width: 150px; height: 150px; margin-right: 8px;}
.index-scenery ul .last { margin-right: 0;}
.index-scenery ul img { width: 100%; height: 100%;}

.index-link { width: 100%; height: 60px;}
.index-link .left { width: 40px; height: 50px; float: left; padding: 5px 10px; line-height: 23px; color: #ffffff; font-size: 20px; background-color: #FDBE00;}
.index-link .right { width: 918px; height: 43px; float: right; padding: 5px 10px 10px 10px; border: 1px solid #dedede;}
.index-link .right a { display: block; float: left; line-height: 24px; color: #111111; padding: 0 23px;}

/*相册*/
.album-form{padding: 20px;text-align: left;text-align: center;}
.album-input{line-height: 45px;width: 100%;}
.album-input input{padding-left:10px;margin-left:15px;height: 30px;width: 400px;}
.album-input textarea{padding-left:10px;margin-left:15px;height: 180px;width: 400px;}
.alumn_button{text-align: center;}

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