body { font-family:tahoma,"微软雅黑"; }

html, body, div, span, ul, li, form, input, a, button, p{ margin:0; padding:0; border:none; }
table, tr, th, td{margin:0; padding:0; }
ul, li { list-style:none; }
a { text-decoration:none; color:#000;}
img {border:none; vertical-align:top; }
input, textarea { outline:none; }
textarea { resize:none; overflow:auto; }
em { font-style:normal; }


.a_style_none:hover { color:#000; }
.a_style_none:link {color:#000;}
.a_style_none:visited {color:#000;}
.a_style_none:active {color:#000;}
.a_style_w:hover { color:#fff; }
.a_style_w:link {color:#fff;}
.a_style_w:visited {color:#fff;}
.a_style_w:active {color:#fff;}

select{
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance:none;
appearance:none;
border:none;
-webkit-border:none;   
}

.position_a { position:absolute; }
.position_r { position:relative; }
.font_b { font-weight:bold; }
.float_l{ float:left; }
.float_r{ float:right; }

.clear{
	zoom: 1;
}
.News_Oclick {
    height: 21px;
            line-height: 21px;
            padding: 0 11px;
            background: #469cf1;
            border: 1px #318bc8 solid;
            border-radius: 3px;
            
            display: inline-block;
            text-decoration: none;
            font-size: 12px;
            outline: none;
}
.clear:after{
	content: "";
    display: block;
    clear: both;
}
.Clean{display:block;}
.overflow_h{overflow:hidden;}
.overflow_v { overflow:visible; }
.overflow_s { overflow:scroll; }
.font_12 { font-size:12px; }
.font_14 { font-size:14px; }
.font_16 { font-size:16px; }
.font_18 { font-size:18px; }
.line_h12 { line-height:12px; }
.line_h14 { line-height:14px; }
.line_h16 { line-height:16px; }
.line_h18 { line-height:18px; }
.line_h20 { line-height:20px; }
.color_w { color:#fff; }
.color_main { color:#318bc8; }
.color_g { color:#999999; }
.color_bg_h { color:#e7eff9; }
.color_bg_c { color:#fafafa; }
.algn_center{ text-align:center;}
.algn_right{ text-align:right;}
.algn_left{ text-align:left;}
.fcolor_r{ color:#dc2900;}

.cursor_pointer:hover{cursor:pointer;}
.display_n{display:none;}
.display_b{display:block;}



.header{ width:100%; height:106px; background:#fff; }
.content{    width: 1200px;
    margin: 0 auto;}
.hp_logo{
    margin-top:25px;
}
.hp_info{ width:325px; padding:25px 0 14px 0; }
.hp_info p{ 
    text-align:right;
}
.hp_info_p{ padding:15px 0 13px 0;}
.hp_log{ width:70px; height:30px; background:#318bc8; text-align:center;}
.hp_log a{ width:70px; height:30px; background:#318bc8; font-size:18px; line-height:30px; color:#fff;}
.empty_3030{ width:30px; height:30px; }
.empty_0814{ width:8px; height:14px; }
.hp_set{ padding:9px 0 7px 0;}
.hp_set_c{ width:70px; border-bottom:1px solid #318bc8;}
.hp_set div a{ display:block; font-size:14px; line-height:14px; color:#318bc8;}
.hp_search{ width:295px;box-sizing:border-box; padding:0 10px; height:30px; line-height:28px; border:1px solid #318bc8; }
.hp_search_logo{ 
    width:12px; height:12px; 
    display:block; background:url(../image/hp_search_logo.png) no-repeat;
    cursor:pointer;
}
.hp_nav{ width:100%; height:40px; background:#318bc8;
         position:relative;z-index:999;
}
.lunb-tu{
    position:relative;
    z-index:9;
    overflow:hidden;
}

.nav_content{ width:1200px; margin:0 auto;}
.nav_bar li{text-align:center;height:40px;width: 9%;position:relative;
    margin-left: 4%;}
.nav_bar li:first-child{
    margin-left:0;
}
.nav_bar li:first-child a{
    box-sizing: border-box;
}
.nav_bar li a{display:block; width:100%; height:100%; line-height:40px;font-size:16px;}

.nav-ul2 {
    width: 130px;
    box-sizing: border-box;
    margin-left: -14px;
    z-index:11;
    border-top:0;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #ccc,-1px -1px 3px #ccc;
         }
.nav-ul2 li{
    width: 100%;
    height: 40px;
    margin-left:0;
    background:#fff;
}

.nav-ul2 li a{
    display: block;
    width: 95%;
    height: 40px;
    line-height: 40px;
    color: #236c9e !important;
    font-size: 16px;
    text-align: center;
    letter-spacing: normal;
    text-align: center !important;
    
    text-align: center;
    
    margin: 0 auto;
}
.nav-ul2 li:last-child a{
    border-bottom:none;
}
.nav-ul2-active{
    background:#68bcf4 !important;
}
.nav-ul2 .nav-ul2-active a{
    color:#fff !important;
}


#animate_box{width:100%;position:relative;height:auto;}
#animate_pic{ width:400%;position:relative;}
#animate_pic li{ float:left;width:25%;}
#animate_pic li img{width:100%; height:100%;}
#animate_bottom_pic{width:120px;height:20px;position:absolute; bottom:10px; left:50%; margin-left:-55px;}
#animate_bottom_pic li{width:20px;height:20px; float:left; border-radius:10px; margin-right:10px; cursor:pointer;}
.dot_bg{ background:#000; opacity:0.3;filter:alpha(opacity=30);}
.dot_hasbg{ background:#ff0000; opacity:0.3;filter:alpha(opacity=30);}

.nav_bar_style01{background:#ebf4fa !important;color:#318bc8 !important;}

.nav_bar li a{
    background:transparent;color:#fff;
}
.carousel img{width:100%;}


.content_box{ width:100%;}
.content_box_title{ 
    width:100%; 
    border-bottom:1px solid #999999;}
.content_box_title_l{ 
    font-size:18px; 
    line-height:18px; color:#318bc8;
    line-height:41px;
    margin-left:10px;
}
.content_box_title_r{ 
    font-size:14px; line-height:14px; 
    color:#318bc8; padding-top:17px;}
.hp_news_1{ padding:20px 0 0px 0; width:100%; }
.hp_news_2{ width:100%; }
.hp_news_pic{ width:250px; height:120px;overflow:hidden;}
.hp_news_pic img{ width:100%;height:100%;}
.hp_news_c{ padding-left:9px; width:336px;}
.hp_news_c p:first-child{ padding-bottom:6px; }
.hp_new1{padding-bottom: 10px;border-bottom:1px dashed #999999;}
.hp_new2{padding-top:16px; width:100%;}
.left_indent{ padding-left:18px; background:url(../image/left_indent.png) no-repeat left center;}
.hp_news_data{padding-top:2px; color:#999999; }
.hp_news{padding-top:20px; width:100%;}
.content_box_title_line{ 
    width:100%;
    border-bottom:2px solid #ccc;
}
.hp_activity1{
    width:250px; height:120px; background:#fff;
    box-sizing:border-box;
    padding:10px 10px;

}
.hp_activity2{width:342px; height:100px; background:#e44f4f;}
.hp_activity3{width:342px; height:100px; background:#4b89c4;}
.hp_activity4{width:342px; height:100px; background:#ffc446;}
.hp_activity_title{font-size:14px; line-height:16px; padding:12px 10px 0; color:#fff;}
.hp_activity_title a{ color:#fff;}
.hp_activity_time{font-size:14px; line-height:12px; color:#fff; position:absolute; bottom:10px; right:10px;}
#scroll_up{position:relative;}
.donation_trends{ width:490px; height:230px; overflow:hidden;}
.empty_22{ width:490px; height:22px;}
.donation_li_odd{ background:#3db19e; color:#fff; font-size:16px; line-height:30px; }
.donation_li_even{ background:#fff; color:#6e6e6e; font-size:16px; line-height:30px; }

.donation_name{width:145px; text-align:center; display:inline-block;}
.donation_program{width:200px; text-align:center; display:inline-block;}
.donation_rmb{width:145px; text-align:center; display:inline-block;}

.donation_state{width:235px;height:306px;}

.donation_online{ width:235px;}
.donation_font{ width:100%; height:152px; background:url(../image/donation_online.png) no-repeat; text-align:center; font-size:24px; line-height:152px; color:#fff;}
.hp_inlink{ padding-top:30px;}
.hp_outlink{ padding-top:20px;}
.input_simulate{ width:231px; height:36px; border:2px solid #3db19e; overflow:hidden; }
.hp_inlink_option{display:inline-block; width:229px; height:33px; line-height:16px; font-size:16px; padding:8px 5px;vertical-align:middle;background: url(../image/hp_icon1.png) no-repeat 191px center;}

.hp_qrcode_box{width:234px;height:281px;}
.hp_qrcode_box>img{width:100%;height:100%;}
.hp_qrcode{padding:16px 18px 22px; width:187px; height:187px;}
.hp_qrcode img{ width:100%; height:100%;}
.hp_qrcode_text{padding-bottom:36px; font-size:16px; line-height:16px; text-align:center;}
.hp_donation_info{position:relative;}
.hp_icon_l{ width:50px; height:150px; background:url(../image/hp_icon_l.png) no-repeat left center;}
.hp_icon_r{ width:50px; height:150px; background:url(../image/hp_icon_r.png) no-repeat right center;}
.hp_donation_img li{ width:200px; height:150px; padding-right:25px;}
.hp_donation_img ul li img{ width:100%; height:100%; }
#aspnetForm{
    height:100%;
}
.BodyBox{
    position:relative;
    width:100%;min-height:100%;
}
.null-bfooter{
    padding-bottom:93px;
}
.hp_foot_pic{
     width:100%;
     height:117px;
     background:url(../image/hp_foot_pic.png) no-repeat center;
     position: relative;
     background-color: #ccc;
     position:absolute;
     left:0;bottom:0;
}
.hp_foot_pic img{ width:100%; }
.hp_web_info{ width:100%; margin:0 auto; text-align:center; position:absolute; bottom:16px; font-size:16px;color:#fff;}
.hp_web_info p{ line-height:24px;}
body{position: relative;}



.location_bg{ width:100%; height:50px; background:#fafafa;}
.location{ width:1000px; margin:0 auto; padding:26px 0 12px;}
.news_c{ width:100%;overflow:hidden;background:url(../image/fenyebg.jpg) no-repeat top center; background-color:#f5f5f5;}
.news_list{width:840px; margin:0 auto;}
.news_list1{font-size:20px; line-height:24px; text-align:center; padding:0px 0 15px;}
.news_list2{ padding-bottom:60px;}
.news_list_pic{padding-right:20px; width:200px; height:150px;}
.news_list_pic img{ width:100%; height:100%;}
.news_list_content{ width:510px;}
.news_title{ font-size:18px; line-height:20px;margin-bottom:10px;color:#333; }
.news_title a{ color:#318bc8;}
.news_time{ font-size:14px; line-height:14px; color:#a1a1a1; padding:0px 0 12px;}
.news_content{ 
    font-size:14px; line-height:20px; color:#666666;
    text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.page_nav{ width:448px; padding:48px 0 46px; margin:0 auto;}
.last_page, .next_page{ margin-right:6px; border:2px solid #a1a1a1; width:82px; height:34px; text-align:center; line-height:34px;}

.page_nav1{ margin-right:6px; border:2px solid #a1a1a1; width:34px; height:34px; text-align:center; line-height:34px;}
.page_nav2{ margin-right:6px; border:2px solid #318bc8; width:34px; height:34px; text-align:center; line-height:34px; background:#318bc8;}
.current_page1{border:2px solid #318bc8; background:#318bc8; color:#fff;}



.notice_list_notice{border-bottom:1px dashed #a1a1a1; margin:0 auto; }
.notice_l{ font-size:14px; line-height:60px; display:inline-block; width:50%;}
.notice_r{ font-size:12px; line-height:60px; display:inline-block; width:50%; text-align:right; color:#666666;}

.news_content_height{min-height:1000px;overflow:hidden;}
.notice_page_nav_box{position:absolute;bottom:10px;width:840px;}
.notice_page_nav{ width:448px;margin:0 auto;}


.general_bg{ width:100%; background:#fafafa;padding-bottom:20px;overflow:hidden;background:url(../image/fenyebg.jpg) no-repeat top center;background-color:#f5f5f5;}
.general_content{width:1000px; margin:0 auto;margin-top:50px;position:relative;}
.side_bar{ width:220px; height:1447px; background:#fff;}
.side_bar1{ width:100%; height:60px; background:#469cf1; text-align:center; color:#fff; font-size:24px; line-height:60px;}
.side_bar2{ width:164px; height:59px;border-left:1px solid #469cf1;border-bottom:1px solid #469cf1;margin-left:42px;}
.named{width:180px;height:50px;background:url(../image/zonghui.png);background-size:100% 100%;color:#fff;line-height:50px;text-align:center;font-size:16px;margin-top:20px;margin-left:26px;}
.jianjie{border-bottom:1px solid #e6e6e6;padding:0 23px 10px;}
.serve_content_centre_a{padding:20px 15px 0;}
.jianjie .jish{font-size:28px;color:#469cf1;}
.jianjie .Time{font-size:12px;color:#999;}
.yijiao{position:absolute;left:0;top:0;}
.cheng{
    background-color:#fff;overflow:hidden;margin-top:30px;
}

.general_p_style01{ text-align:center; font-size:16px; line-height:70px; }
.general_p_style02{ text-align:center; font-size:16px; line-height:70px; color:#469cf1;}
.general_p_style02 a{color:#469cf1;}
.side_content{ width:760px; height:1447px; background:#fff;}


.side_bar3{ width:220px; height:1040px; background:#fff;}
.side_content1{ width:750px; height:1040px; background:#fff;}
.side_title{ font-size:24px; line-height:24px; padding:24px 0 36px; text-align:center;}
.branch_box{padding:0 25px 30px;}
.branch_box_up{width:200px; height:120px;}
.branch_box_up img{width:100%; height:100%;}
.branch_box_down{font-size:12px; line-height:12px; text-align:center; padding-top:10px;}
.branch_page_nav{ width:448px; padding-top:34px; margin:0 auto;}

.activity_list{width:700px;}
.news_list2{     padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
    position:relative;
}
.timer{
    float:right;
    line-height:20px;
    font-size:14px;
    width:50px;
    border-radius:5px;
    border:1px solid #469cf1;
    text-align:center;
    color:#999;
}
.news_list a:last-child .news_list2{
    border-bottom:none;
    margin-bottom:0;
}
.news_list_pic{padding-right:20px; width:188px; height:116px;}
.news_list_pic img{ width:100%; height:100%;}
.activity_content{ width:480px;}

.activity_time{ font-size:12px; line-height:14px; color:#a1a1a1; padding:24px 0 12px;}
.activity_c{ font-size:14px; line-height:24px; color:#999;}


.fellow_w{width:760px; height:1040px; background:#fff;}
.fellow_list_c{width:700px; margin:0 auto;}
.fellow_list_x{width:100%; padding:16px 0 32px; border-bottom:1px dashed #dbdbdb;}
.fellow_pic{margin:0 56px 0 10px; width:120px; height:120px; border-radius:60px;}
.fellow_pic img{ width:100%; height:100%; }
.fellow_c{width:514px;}
.fellow_name{font-size:16px; line-height:16px; padding-top:18px;}
.fellow_grade{font-size:14px; line-height:14px; padding-top:20px; color:#666666;}
.fellow_position{font-size:14px; line-height:14px; padding:20px 0 16px; color:#666666;}


.fellow_list{width:100%; padding:34px 0; border-bottom:1px dashed #dbdbdb;}
.company_pic{ width:178px; height:125px; border-radius:8px; padding-right:20px;}
.fellow_pic img{ width:100%; height:100%; }
.company_name{font-size:16px; line-height:16px; padding-bottom:20px;}
.company_intro{font-size:12px; line-height:24px; color:#666666;}
.company_c{width:502px;}

.notice_list{ width:700px; border-bottom:1px dashed #a1a1a1; }
.notice_l{ font-size:16px; line-height:60px; display:inline-block; width:83%; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.notice_r{ font-size:12px; line-height:60px; display:inline-block; width:16%; text-align:right; color:#666666;}

.login_bg{width:100%; height:730px; background:#fafafa; }
.login_box{width:1000px; height:730px; background:#fff; margin:0 auto;}
.login_content{width:840px; margin:0 auto;}
.login_title{padding-top:33px;}
.login_title1{width:70px; height:83px; border-bottom:1px solid #e5e5e5;}

.login_title2{width:348px; height:82px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid transparent; border-left:1px solid #e5e5e5; font-size:28px; color:#318bc8; line-height:82px; text-align:center;}
.login_title2 a{ color:#318bc8; }
.login_title3{width:348px; height:82px; border-top:1px solid transparent; border-right:1px solid transparent; border-bottom:1px solid #e5e5e5; border-left:1px solid transparent; font-size:28px; color:#8d8d8d; line-height:82px; text-align:center;}
.login_title3 a{color:#8d8d8d;}

.login_img{padding-top:45px;}
.login_img_box{width:115px; height:115px; border-radius:57.5px; background:#00ff00; margin:0 auto; overflow:hidden;}
.login_img_box img{width:100%; height:100%;}
.login_info{width:470px; margin:0 auto; padding-top:40px;}
.login_account{padding-bottom:28px;}
.login_password{padding-bottom:23px;}
.login_account_in{display:block; width:470px; height:44px; line-height:44px; border-radius:2px; padding-left:42px; background: #f8f8f8 url(../image/login_account.png) no-repeat 12px center; }
.login_password_in{display:block; width:470px; height:44px; line-height:44px; border-radius:2px; padding-left:42px; background: #f8f8f8 url(../image/login_password.png) no-repeat 12px center; }
.login_about{width:100%; height:14px;}
.login_auto_box{width:12px; height:12px;border:1px solid #d1d1d4; border-radius:2px;}
.login_auto{font-size:12px; line-height:14px; padding-left:12px;}
.login_find{font-size:12px; line-height:14px; color:#8d8d8d; }
.login_button_box{padding-top:27px;}
.login_button{width:100%; height:44px; border-radius:3px; background:#318bc8; color:#fff; font-size:18px; line-height:44px; text-align:center;}

.signin_bg{width:100%;background:#fafafa; }
.signin_box{width:1000px; height:1300px; background:#fff; margin:0 auto;}
.signin_info{width:470px; margin:0 auto; padding-top:50px;}
.signin_title2{width:348px; height:82px; border-top:1px solid transparent; border-right:1px solid transparent; border-bottom:1px solid #e5e5e5; border-left:1px solid transparent; font-size:28px; color:#8d8d8d; line-height:82px; text-align:center;}
.signin_title2 a{color:#8d8d8d;}
.signin_title3{width:348px; height:82px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid transparent; border-left:1px solid #e5e5e5; font-size:28px; color:#318bc8; line-height:82px; text-align:center;}
.signin_title3 a{color:#318bc8; }
.signin_name_box{padding-bottom:28px;}
.signin_name_in{display:block; width:372px; height:44px; line-height:44px; border-radius:2px; padding-left:12px; background:#f8f8f8; }
.set_password_ok{width:372px; height:44px; line-height:44px; border-radius:2px;background:#318bc8; color:#fff;font-size:16px;text-align:center;}
.signin_icon{font-size:12px; line-height:44px; padding-left:12px; background:url(../image/signin_icon.png) no-repeat 0 center; }
.signin_sex_in{display:block; width:404px; height:44px; line-height:44px; border-radius:2px; padding-left:12px; background: #f8f8f8 url(../image/signin_icon1.png) no-repeat 360px center;}
.signin_choice{width:384px; height:44px; overflow:hidden;}

.signin_choice_time{width:116px; height:44px; overflow:hidden;}
.signin_time_in{display:block; width:136px; height:44px; line-height:44px; border-radius:2px; padding-left:12px; background: #f8f8f8 url(../image/signin_icon1.png) no-repeat 92px center;}
.empty_width_18{width:18px; height:44px;}
.signin_id{padding-top:28px;}
.signin_id1{margin-left:33px; padding-left:12px; font-size:12px; line-height:12px;}
.signin_id1 span{display:inline-block;}
.signin_id2{ padding-left:12px; width:53px; background:url(../image/signin_icon.png) no-repeat 0 center;}
.signin_id3{ padding-left:18px; width:136px; background:url(../image/signin_icon2.png) no-repeat 0 center;}
.signin_id4{ padding-left:18px; background:url(../image/signin_icon3.png) no-repeat 0 center;}
.signin_button{padding-top:46px;}
.signin_button p{background:#318bc8; width:470px; height:44px; line-height:44px; font-size:18px; text-align:center; border-radius:3px; color:#fff;}
.signin_agree{padding-top:21px;}
.signin_agree p{font-size:12px; line-height:16px;width:240px;margin:0 auto;text-align:center;color:#318bc8;padding-left:22px;background:url(../image/agree.png) no-repeat 0 center; }

.set_title{padding:31px 0 38px 0; font-size:24px; line-height:24px; text-align:center;}
.set_img{margin:0 auto; width:115px; height:115px; border-radius:57.5px; background:#00ff00;}
.set_reset_img{width:74px; margin:0 auto; text-align:center; padding:7px 0 1px 0; font-size:12px; line-height:12px; border-bottom:1px solid #000;}
.set_content{padding:17px 152px 0 0;}

.set_name_box{padding-bottom:20px;}
.signin_name_in{display:block; width:372px; height:44px; line-height:44px; border-radius:2px; padding-left:12px; background:#f8f8f8; }
.set_icon{font-size:12px; line-height:44px;}
.set_sex_in{display:block; width:404px; height:44px; line-height:44px; border-radius:2px; padding-left:12px; background: #f8f8f8 url(../image/signin_icon1.png) no-repeat 360px center;}
.set_modify{width:384px; height:44px; border-radius:3px; background:#318bc8; font-size:14px; line-height:44px; text-align:center; color:#fff;}

.password_side_bar{ width:220px; height:700px; background:#fff;}
.password_side_content{ width:760px; height:700px; background:#fff;}
.password_content{padding-right:150px;}

.contact_box{width:1000px;  background:#fff; margin:0 auto;margin-top:50px;margin-bottom:50px;}
.contact_title{padding:30px 0; font-size:24px; line-height:24px; text-align:center;}
.contact_content{padding-top:48px;}
.contact_content p{font-size:18px; line-height:32px;}
.contact_bg{width:100%; background:#fafafa;overflow:hidden; }

.table_side_bar{ width:220px; height:900px; background:#fff;}
.table_side_content{ width:760px; height:900px; background:#fff; position:relative;}
.table_content{width:700px; margin:0 auto;}
.table_content_title{font-size:24px; line-height:24px; padding:30px 0 14px 0; text-align:center;}
.table_rows{padding:22px 0 20px 0; border-bottom:1px dashed #dbdbdb;}
.table_rows p{width:700px;}
.table_rows_l{text-align:left;background:url(../image/contact_icon.png) no-repeat right center;padding-right: 24px;}
.table_rows_r{text-align:right; color:#999999; font-size:11px; line-height:16px;}
.down_page_nav_box{ width:760px; bottom:100px; position:absolute;}
.down_page_nav{ width:448px; margin:0 auto;}
.height_980{height:980px;}
.download_time{
    display: block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    color: #999999;
    padding-bottom: 25px;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
}
.download_time1{
    display: inline-block;
    padding-left: 22px;
    background: url(../image/download_time.png) no-repeat;
    background-size: 16px;
    background-position-y: 0px;
}
.download_time2{
    display: inline-block;
    padding-left: 22px;
    margin-left: 46px;
    background: url(../image/download_see.png) no-repeat 0 0;
    background-size: 16px;
    background-position-y: 3px;
}
.download_table{ width:90%; height:auto; margin:0 auto; font-size:16px; border-collapse:collapse; border:solid #6e6e6e; border-width:1px 0px 0px 1px;}
.download_table th{ background:#318bc8; width:25%; height:50px; text-align:center; line-height:50px; color:#fff; border:solid #6e6e6e; border-width:0px 1px 1px 0px;}
.download_table td{ width:25%; height:63px; text-align:center; line-height:63px; border:solid #6e6e6e; border-width:0px 1px 1px 0px; white-space:nowrap;}
.download_button{padding-top:60px;}
.download_button button{width:160px; height:40px; display:block; margin:0 auto; border-radius:3px; background:#318bc8 url(../image/download_button.png) no-repeat 30px center; color:#fff; text-align:center; font-size:16px;}

.campus_view{width:750px; margin:0 auto;}
.campus_view_box{padding:0 25px 30px;}
.campus_view_box p{padding-top:9px; text-align:center; font-size:12px; line-height:13px; color:#666666;background:url(../image/contact_icon.png) no-repeat 64px 9px;}
.campus_pic{width:200px; height:120px;}
.campus_pic img{width:100%; height:100%; }
.campus_view_title{font-size:24px; line-height:24px; padding:30px 0 38px 0; text-align:center;}
#download_table:hover, #campus_view:hover, #campus_remember:hover, .down_page_nav ul li, .table_rows_l{cursor:pointer;}

.info_side_bar{ width:220px; min-height:440px; background:#fff;}
.info_side_content{ width:760px; min-height:500px; background:#fff;}

.info_title_style01{border-bottom:2px solid #999999; color:#999999;}
.info_title_style02{border-bottom:2px solid #318bc8; color:#318bc8;}
.info_page_nav{position:absolute; bottom:5px; width:750px;}
.institution_nav_box{ width:760px; bottom:10px; position:absolute;}


.donation_side_bar{ width:220px;background:#fff;}
.donation_side_content{ width:760px; background:#fff;}
.fellow_donation_program{width:750px; height:1000px; margin:0 auto;}
.fellow_program_box{padding:0 25px 30px;}
.fellow_program_border{width:200px; height:238px; border:1px solid #cccccc; border-radius:5px;}
.fellow_program_border>p{font-size:16px; line-height:38px; text-align:center;}
.fellow_program_pic{width:200px; height:200px; z-index:1;}
.fellow_program_pic img{width:100%; height:100%;}
.fellow_program_pic_mask{width:200px; height:35px; background:#000; opacity:0.5; position:absolute; bottom:0; z-index:2;}
.fellow_program_pic_mask p{color:#fff; font-size:18px; line-height:35px; text-align:center; z-index:3;}
.donation_page_nav_box{ width:760px;position:absolute;bottom:5px;}
.down_page_nav{ width:448px; margin:0 auto;}
.fellow_donation_way, .fellow_donation_info{width:700px; height:1000px; margin:0 auto;}


.serve_side_bar{ width:220px; min-height:440px; background:#fff;}
.serve_side_content{ width:760px;background:#fff;}
.serve_content_centre{ width:700px; margin:0 auto; min-height:600px; background:#fff;
                       padding-top: 20px;position:relative;
}
.xnull-page{width:100%;height:55px;}
#pageTool{position:absolute;left:0;bottom:0;margin:0 auto;width:100%;}
#pageTool1{position:absolute;left:0;bottom:0;margin:0 auto;width:100%;}
.train_li{padding:22px 0 20px; border-bottom:1px dashed #dbdbdb;}
.height_1000{height:1000px;}
.pagedown_nav{ width:760px; bottom:10px; position:absolute;}
.pagedown_ul{ width:448px; margin:0 auto;}
.info_query{padding:20px 0 15px;}
.info_query_label{width:60px; height:30px; display:block; text-align:center; background:#e5e5e5; border-top:2px solid #dbdbdb;border-bottom:2px solid #dbdbdb;border-right:2px solid #dbdbdb;}
.info_query_input{width:190px; height:30px; padding-left:10px; display:block; border-top:2px solid #dbdbdb;border-bottom:2px solid #dbdbdb;border-left:2px solid #dbdbdb;}


.fellow_side_bar{ width:220px; min-height:440px; background:#fff;}
.fellow_side_content{ width:760px; min-height:500px; background:#fff;}

.fellow_excellent{ width:700px; min-height:370px;}
.fellow_pagedown_nav{ width:100%; bottom:0; position:absolute;}
.fellow_pagedown_ul{ width:448px; margin:0 auto;}

.serve_content_centre_750{ 
    position:relative;
    padding:15px;width:750px; margin:0 auto; min-height:490px; background:#fff;
                           padding-top: 20px;
}
.serve_content_centre_h1350{ width:750px; margin:0 auto; height:1350px; background:#fff;}
.fellow_excellent_750{ width:750px; height:1080px;}
.table_content_title_40{font-size:24px; line-height:24px; padding:30px 0 40px 0; text-align:center;}

.fellow_side_content_h1350{ width:760px; min-height:440px; background:#fff;}
.fellow_side_content_h_auto{ width:760px;background:#fff;}

.general_title{width:700px; height:260px;}
.general_title img{width:100%; height:100%;}
.padding_t50{padding-top:50px;}

.donation_info_page_nav_box{position:absolute;bottom:200px;width:100%;}

.info_side_bar{ width:220px; min-height:440px; background:#fff;}
.info_page_nav_box{position:absolute; bottom:10px;}
.info_content_centre{ width:750px; margin:0 auto;}

.info_title{width:690px; margin:0 auto; padding:32px 0 40px 0;}
.info_title p{width:230px; padding-bottom:10px; text-align:center; font-size:24px; line-height:24px;}
.info_title p:hover{cursor:pointer;}
.info_content_01{height:650px;}
.info_content_02{height:750px;}



.donation_info_table{ width:90%; height:auto; margin:0 auto; font-size:16px; border-collapse:collapse;}
.donation_info_table th{width:25%; height:50px; text-align:center; line-height:50px;border:dotted #6e6e6e; border-width:0px 0px 1px 0px;}
.donation_info_table td{ width:25%; height:63px; text-align:center; line-height:63px; border:dotted #6e6e6e; border-width:0px 0px 1px 0px; white-space:nowrap;}

.service_info_check{ width:100%; height:auto; margin:0 auto; font-size:16px; border-collapse:collapse; border:solid #6e6e6e; border-width:1px 0px 0px 1px;}
.service_info_check th{ background:#318bc8; width:25%; height:50px; text-align:center; line-height:50px; color:#fff; border:solid #6e6e6e; border-width:0px 1px 1px 0px;}
.service_info_check td{ width:25%; height:63px; text-align:center; line-height:63px; border:solid #6e6e6e; border-width:0px 1px 1px 0px; white-space:nowrap;}


		.picScroll-left{ width:97%;  overflow:hidden;margin:0 auto;}
		.picScroll-left .hd{ overflow:hidden;  height:30px; background:#ffffff; padding:0 10px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("https://xyh.bnu.edu.cn/images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px; 
			position: absolute;
    		width: 30px;
    		height: 50px;
    		right: -28px;
    		top: 100px; 
		}
		.picScroll-left .hd .prev{
			position: absolute;
    		width: 30px;
    		height: 50px;
    		left: 0px;
    		top: 100px;
		}
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("https://xyh.bnu.edu.cn/images/icocircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:224px; height:151px; display:block;  padding:2px;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }
.W_news{
	width:490px;
}
.elli{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.elli2{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.elli1{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.W_85{
	width:85%;
}
.Wid-t1{width:20%;text-align: center;font-size:16px;}
.Wid-t2{width:60%;text-align: center;font-size:16px;}
.Wid-t3{width:18%;text-align: center;font-size:16px;}
.infoList>li{line-height:35px;}
.infoList>li:nth-child(2n){background:#f0f0f0;}
blockquote{border-left:none;}

.picScroll-left .bd ul li .pic img{
    transition:all 0.6s;
}
.picScroll-left .bd ul li .pic img:hover{
    transform:scale(1.5,1.5);
    -ms-transform:scale(1.5,1.5); 	
    -moz-transform:scale(1.5,1.5); 	
    -webkit-transform:scale(1.5,1.5); 
    -o-transform:scale(1.5,1.5);
}
.News-hot-ul li a img{
    transition:all 0.3s;
}
.News-hot-ul li:hover a img{
     transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1); 	
    -moz-transform:scale(1.1,1.1); 	
    -webkit-transform:scale(1.1,1.1); 
    -o-transform:scale(1.1,1.1);
    margin-top:-10px; 
}

.campus_pic{
    width:200px;
    height:150px;
    overflow:hidden;
    margin-bottom:10px;
}
.campus_pic img{
    width:200px;
    height:150px;
    transition:all 0.6s;
}
.campus_pic img:hover{
     transform:scale(1.5,1.5);
    -ms-transform:scale(1.5,1.5); 	
    -moz-transform:scale(1.5,1.5); 	
    -webkit-transform:scale(1.5,1.5); 
    -o-transform:scale(1.5,1.5); 
}

.Wh-hm{
    height:30px;
}
.Name-img{
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:5px;
    background:#318bc8;
    vertical-align:middle;
}
.Name-img img{
    border-radius: 5px;
}
.Name-img img{
    width:100%;
    height:100%;
}
.Name{
    color:#318bc8;
    font-size:16px;
    line-height:30px;
}

.hp_inlink_option option:hover{
    background-color:#318bc8 !important;
}




body,html{
  height:100%;
}

div{
margin:0;
padding:0;
}
#door{
width:100%;
height:100%;
position:relative;
}
.bg{
background:url(../image/11.jpg) no-repeat center center; 
background-size: 100%;
width: 100%;
height: 100%;
position:absolute;
top:0;
}
.bg-a{
  -webkit-animation:showDoor 5s 1;
  -moz-animation:showDoor 5s 1;
  -o-animation:showDoor 5s 1;
  animation:showDoor 5s 1;
}
.font-p{
  width: 30%;
  height:50px;
  background:url(../image/4.png) no-repeat center center;
  background-size:100%;
  position: absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}
.font-p-a{
  -webkit-animation:showP 5s 1 1s;
  -moz-animation:showP 5s 1 1s;
  -o-animation:showP 5s 1 1s;
  animation:showP 5s 1 1s;
}
#door .leftDoor{
position:absolute;
width:50%;
height:100%;
top:0;
background:url(../image/2.jpg) no-repeat center center; 
background-size: 100%;
z-index: 9;
}
#door .rightDoor{
position:absolute;
width:50%;
height:100%;
top:0;
background:url(../image/3.jpg) no-repeat center center;
background-size: 100%; 
z-index: 9;
}
#door .leftDoor{
left:0;
border-right:1px solid #999;
box-shadow:inset -2px -2px 10px rgba(0, 0, 0, 0.1);
-webkit-transform-origin: 0% 40%;
-moz-transform-origin: 0% 40%;
-o-transform-origin: 0% 40%;
transform-origin: 0% 40%;
}
#door .rightDoor{
right:0;
border-left:1px solid #999;
box-shadow:inset 2px -2px 10px rgba(0, 0, 0, 0.1);
-webkit-transform-origin: 100% 40%;
-moz-transform-origin: 100% 40%;
-o-transform-origin: 100% 40%;
transform-origin: 100% 40%;
}

@-webkit-keyframes showP {
0%{
left:-100%;
}

100% {
left:50%;
}
}
@-moz-keyframes showP {
0%{
left:-100%;
}

100% {
left:50%;
}
}
@-o-keyframes showP {
0%{
left:-100%;
}

100% {
left:50%;
}
}
@keyframes showP {
0%{
left:-100%;
}

100% {
left:50%;
}
}

@-webkit-keyframes showDoor {
0%{
opacity: 0;
transform:scale(0);
}

100% {
opacity: 1;
transform:scale(1);
}
}
@-moz-keyframes showDoor {
0%{
opacity: 0;
transform:scale(0);
}

100% {
opacity: 1;
transform:scale(1);
}
}
@-o-keyframes showDoor {
0%{
opacity: 0;
transform:scale(0);
}

100% {
opacity: 1;
transform:scale(1);
}
}
@keyframes showDoor {
0%{
opacity: 0;
transform:scale(0);
}

100% {
opacity: 1;
transform:scale(1);
}
}
@-webkit-keyframes leftDoor {
0%,100% {
-webkit-transform-origin: 0% 40%;
}
0{
-webkit-transform:perspective(0) rotateY(0);
}
100% {
-webkit-transform:perspective(600px) rotateY(70deg);
}
}
@-moz-keyframes leftDoor {
0%,100% {
-moz-transform-origin: 0% 40%;
}
0{
-moz-transform:perspective(0) rotateY(0);
}
100% {
-moz-transform:perspective(600px) rotateY(70deg);
}
}
@-o-keyframes leftDoor {
0%,100% {
-o-transform-origin: 0% 40%;
}
0{
-o-transform:perspective(0) rotateY(0);
}
100% {
-o-transform:perspective(600px) rotateY(70deg);
}
}
@keyframes leftDoor {
0%,100% {
transform-origin: 0% 40%;
}
0{
transform:perspective(0) rotateY(0);
}
100% {
transform:perspective(600px) rotateY(70deg);
}
}
@-webkit-keyframes rightDoor {
0%,100% {
-webkit-transform-origin: 100% 40%;
}
0{
-webkit-transform:perspective(0) rotateY(0);
}
100% {
-webkit-transform:perspective(600px) rotateY(-70deg);
}
}
@-moz-keyframes rightDoor {
0%,100% {
-moz-transform-origin: 100% 40%;
}
0%{
-moz-transform:perspective(0) rotateY(0);
}
100% {
-moz-transform:perspective(600px) rotateY(-70deg);
}
}
@-o-keyframes rightDoor {
0%,100% {
-o-transform-origin: 100% 40%;
}
0%{
-o-transform:perspective(0) rotateY(0);
}
100% {
-o-transform:perspective(600px) rotateY(-70deg);
}
}
@keyframes rightDoor {
0%,100% {
transform-origin: 100% 40%;
}
0%{
    transform:perspective(0) rotateY(0);
}
100% {
transform:perspective(600px) rotateY(-70deg);
}
}



.KnownFrien-ul{
    width:100%;
}
.KnownFrien-ul li{
    width:33.3%;
    float:left;
    margin-bottom:20px;
}
.KnownFrien-ul li a{
    display:block;
    width:100%;
}
.Know-imgs{
    display:block;
    width:168px;
    height:218px;
    margin:0 auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.Know-spans{
    display: inline-block;
    width: 167px;
    height: 35px;
    background: rgba(204,204,204,.3);
    line-height: 35px;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.xiaoyuanyuan {
    width: 8px;
    height: 8px;
    background: #ffa200;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}
.Know-spans-jjlist {
    font-size: 16px;
    color: #333;
    float: left;
}
.padding-t0 {
    padding-top: 0 !important;
}
.KnownFrien-ul-jj {
    width: 100%;
    min-height:500px;
}
.KnownFrien-ul-jj li {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px dashed #d9d9d9;
    height: 45px;
    line-height: 45px;
}
.KnownFrien-ul-jj li a{
    display: block;
}
.time-jj {
    font-size: 12px;
    color: #999;
    float: right;
}
.Jzfs-img-WH{
    width:235px;
    height:160px;
}
.ColorBj{
    background:#f0f0f0;
}

.index-log{
    width:100%;height:100%;
}
.Line-news{
    display:inline-block;
    width:70px;
    height:1px;
    background:#333333;
    vertical-align:middle;
    margin:0 20px;
}
.Line-text{
    display:inline-block;
    font-size:18px;
    color:#333;
    vertical-align:middle;
}
.News-more{
    display:inline-block;
    width:100%;
    text-align:right;
    color:#999;
}
.News-hot-ul li{
    float:left;
    width:373px;
    height:318px;
    box-sizing: border-box;
    padding-top: 52px;
}
.News-hot-ul li a{
    display:table;
    margin:0 auto;
    width:225px;
    height:266px;
}
.News-title{
    display:block;
    color:#333;
    font-size:16px;
    line-height:20px;
    min-height:40px;
}
.News-h-span{
    line-height:24px;
    color:#999;
    font-size:14px;
}

.Notice-Tel-ul li{
    float:left;
    width:50%;
    margin-top:30px;
}
.Notice-Tel-ul-a{
    display:block;
}
.Time-left{
    float:left;
    width:72px;
    height:72px;
    position:relative;
    background:url(../image/timer-log.png) no-repeat center;
    background-size:100%;
}
.Notice-t1{
    display: block;
    position: absolute;
    left: 9px;
    top: 4px;
    font-size: 24px;
    color: #fff;
}
.Notice-t2{
    display:block;
    position:absolute;
    bottom:4px;
    right:5px;
    font-size:14px;
    color:#333;
}
.Time-right{
    float:left;
    width:507px;
    padding-left:15px;
    position:relative;
    height:72px;
}
.Time-right1{
    width:507px;
    font-size:16px;
    color:#333;
    margin-bottom:9px;
    box-sizing:border-box;
    padding-right:12px;
    padding-top:5px;
}
.Time-right2{
    width:507px;
    font-size:14px;
    color:#999;
    box-sizing:border-box;
    padding-right:26px;
}
.RightTj{
    display: block;
    border-top: 8px solid transparent;
    border-right: 6px solid #f0f0f0;
    border-bottom: 8px solid transparent;
    position: absolute;
    left: -6px;
    top: 30px;
    z-index: 9999;
}
.Online-img{
    display:inline-block;
    width:235px;
    height:281px;
}
.Contact-line{
    display: inline-block;
    width: 405px;
    height: 1px;
    background: #ccc;
    margin-top: 21px;
    float:left;
}
.Contact-text{
    position: absolute;
    top: -25px;
    left: 405px;
    display: inline-block;
    width: 176px;
    height: 43px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 43px;
    line-height: 43px;
    background: #fff;
}
.Contact-us{
    margin-top:95px;
    padding-bottom: 40px;
}
.Friend-link{
    width:100%;
    display: table;
    margin: 0 auto;
    padding-bottom: 35px;
}
.Friend-link-p{
    font-size:16px;
    color:#ff8610;
    text-align:center;
}
.Friend-link-ul{
    display: table;
    margin: 0 auto;
}
.Friend-link-ul li{
    float:left;
}
.Friend-link-span1{
    display:inline-block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#727272;
    margin: 0 15px;
    vertical-align: middle;
}
.Friend-link-ul li:first-child a .Friend-link-span1{
    background:transparent;
}


.Journal-ul{
    width:100%;
    min-height:400px;
}
.Journal-ul li{
    width:33%;
    float:left;
    margin-bottom:20px;
    
}
.Journal-ul li:nth-child(4n+1){
    margin-left:0;
}
.Journal-ul li a img{
   display: block;
    width: 180px;
    height: 250px;
    margin:0 auto;
}
.Journal-ul li a{
    display:block;
    text-align:center;
    color:#333;
    font-size:14px;
    margin:0 auto;
}
.Contributions{
    width:470px;
    margin:0 auto;
}
.Writer{
    margin-bottom:15px;
}
.Writer-span{
    display:inline-block;
    width:73px;
    height:44px;
    line-height:44px;
    color:#333;
    font-size:16px;
}
.Writer-input{
    display:inline-block;
    width:380px;
    height:44px;
    border-radius:5px;
    background:#f0f0f0;
    padding-left:12px;
}
.Firle{
    display: inline-block;
    width: 140px;
    height: 44px;
    text-align: center;
    line-height: 34px;
    background: #68bcf4;
    border-radius: 5px;
    font-size: 40px;
    margin-left: 6px;
    float:left;
    color:#fff;
}
.Firle-span{
    color: #333;
    font-size: 14px;
    line-height: 44px;
    margin-left: 15px;
}
.Text-input{
    display:inline-block;
    width:385px;
    height:400px;
    
    
    border: none;
    border-radius: 5px;
}
.Journal-txt{
    display:block;
    width:385px;
    height:44px;
    font-size:18px;
    color:#fff;
    background:#68bcf4;
    line-height:44px;
    border-radius:5px;
    float:right;
    margin: 0 auto 40px;
    margin-right:0px;
    margin-top:10px;
}

.Login{
    width:100%;
    background:#fff;
    border-bottom:2px solid #e6e6e6;
}
.Login_1000{
    width:1000px;
    margin:0 auto;
}
.Login_top{
    height:100px;
}
.Login_cont{
    width:100%;
    height:660px;
    background:url(../image/long_log2.png) no-repeat center;
}
.Login_cont_left{
    width:465px;
    height:324px;
    background:rgba(255,255,255,0.5);
    margin-top: 13%;
    float: left;
}
.Login_cont_left img{
    display:inline-block;
    width:350px;
    height:132px;
}
.Login_cont_right{
    width:425px;
    background:#fff;
    float:right;
    margin-top:13%;
}
.Login-ul-top{
    width:100%;
}
.Login-ul-top li{
    float:left;
    width:49.9%;
    height:60px;
    line-height:60px;
    text-align:center;
    color:#ccc;
    font-size:18px;
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
}

.Login_active{
    color:#318bc8 !important;
    border-bottom:1px solid #318bc8 !important;
}
.enroll{
    padding-top:30px;
}
.en-phone{
    display:block;
    width:330px;
    height:45px;
    line-height:45px;
    padding-left:40px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:5px;
    margin:0 auto;
    margin-bottom:20px;
    background:url(../image/phone1.png) no-repeat left;
    background-position-x:10px;
    font-size:16px;
    
}
.en-clock{
    display:block;
    width:330px;
    height:45px;
    line-height: 45px;
    padding-left:40px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:5px;
    margin:0 auto;
    margin-bottom:20px;
    background:url(../image/clock.png) no-repeat left;
    background-position-x:10px;
    font-size:16px;
    
}
.enroll-code{
    width:330px;
    height:45px;
    margin:0 auto;
}
.enroll-Index{
    float:left;
    color: #666;
    font-size: 14px;
    cursor:pointer;
}
.Index_true{
    position: absolute;
    bottom: 0px;
}
.Index-true{
    display: inline-block;
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    vertical-align: middle;
    margin-right:15px;
    color:#666;
    font-size:14px;
    position:relative;
}
.Get-password{
    display:block;
    float:right;
    color:#666;
    font-size:14px;
}
.entry{
    padding-top:30px;
}
.phone{
    display:block;
    width:330px;
    height:45px;
    padding:13px 10px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:5px;
    margin:0 auto;
    margin-bottom:20px;
    font-size:16px;
}
.entry-code{
    width:330px;
    height:45px;
    margin:0 auto;
}
.code-span{
    display:inline-block;
    width:150px;
    height:40px;
    line-height:40px;
    padding-left:10px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:5px;
    margin-bottom:20px;
    font-size:16px;
}
.Get-code{
   display:inline-block;
    width:150px;
    height:45px;
    box-sizing:border-box;
    border-radius:5px;
    
    float:right;
    text-align:center;
    line-height:45px;
    color:#999;
    font-size:16px;
    background:#d1e1f0;
    cursor:pointer;
    margin-right:31px;
}
.Login-submit{
    display:block;
    width:330px;
    height:46px;
    line-height:46px;
    color:#fff;
    font-size:20px;
    text-align:center;
    background:#318bc8;
    border-radius:5px;
    margin:0 auto;
    margin-bottom:38px;
    cursor:pointer;
}
.Login-bottom{
    width:100%;
    height:300px;
    background:#fff;
    box-sizing: border-box;
    padding-top: 70px;
}
.Login-bottom-fir{
    font-size:14px;
    color:#999;
    text-align:center;
    display:block;
}
.Login-bottom-div{
    display: table;
    margin: 20px auto 0;
}
.Login-bottom-div span{
    color:#999;
    font-size:14px;
    margin-right:15px;
}


.Yordonat{
    padding-left:22px;
}
.Person-differ{
    width: 100%;
    height: 50px;
    background: #318bc8;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
}
.Mydona{
    width:100%;
    height:140px;
    background:url(../image/mydonation.png) no-repeat center;
    padding-top:36px;
}
.Mydona-name{
    width:100%;
    height:70px;
    background:rgba(255,255,255,0.5);
}
.Mydona-Name{
    font-size:18px;
    color:#333;
    display:block;
    padding-left:20px;
    line-height:33px;
}
.Yordonat0{
    color:#333;
    font-size:16px;
    line-height:50px;
}
.Yordonat1{
    width:185px;
    height:20px;
    background:url(../image/start.png) no-repeat left;
    float:left;
    padding-left:30px;
    font-size:16px;
    color:#666;
}
.Yordonat2{
    width:185px;
    height:20px;
    background:url(../image/mony.png) no-repeat left;
    float:left;
    padding-left:30px;
    margin-left:50px;
    font-size:16px;
    color:#666;
}

.Donat-datil{
    width:100%;
}
.Donat-datil-img{
    width:200px;
    height:130px;
    border-radius:5px;
    float:left;
}
.Donat-datil-img img{
    width:100%;
    height:100%;
    border-radius:5px;
}
.Donat-datil-p{
    width:470px;
    float:left;
    color:#333;
    font-size:18px;
    margin-left:25px;
}
.Donat-datil li{
    padding-left: 20px;
    padding-top: 20px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
}
.Dona-Look{
    text-align:right;
    margin-top:5px;
}
.Look-detail{
    width: 760px;
    height: 80px;
    background: #e7f0f7;
    margin-left: -20px;
    padding-left: 20px;
    padding-top: 15px;
    font-size: 16px;
    color: #666;
    position:relative;
}
.pay-for{
    display:block;
    font-size:16px;
    color:#fff;
    background:#c34138;
    border:none;
    border-radius:5px;
    padding:4px;
    position:absolute;
    right:10px;
    top:27px;
}
.tuichu{
    display:inline-block;
    width:36px;
    height:25px;
    background:#318bc8;
    border-radius:5px;
    color:#fff;
    font-size:12px;
    line-height:20px;
    text-align:center;
    margin-left:15px;
}


.onLine-recru{
    width:100%;
    margin:30px auto;
}
.onLine-recru li{
    border-bottom:1px solid #d9d9d9;
    margin-bottom:30px;
}
.onLine-recru li:last-child{
    border-bottom:none;
}
.recru-p{
    width:93%;
    margin:0 auto 8px;
}
.recru-job{
    float:left;
    display:block;
    width:80%;
    color:#1a1a1a;
    font-size:18px;
}
.recru-pay{
    float:right;
    display:block;
    width:20%;
    color:#ff7800;
    font-size:18px;
    text-align:right;
}
.recru-company{
    color:#333;
    font-size:16px;
}
.recru-place{
    float:left;
    display:block;
    width:80%;
    color:#999;
    font-size:16px;
}
.recru-time{
    float:right;
    display:block;
    width:20%;
    color:#999;
    font-size:16px;
    text-align:right;
}
.Send{
    float:right;
    display:block;
    width:118px;
    height:36px;
    border-radius:5px;
    background:#49a5ff;
    color:#fff;
    font-size:16px;
    text-align:center;
    line-height:36px;
}
.SendColor{
    background:#e6e6e6 !important;
}
.RecDetail-time{
    font-size:20px;
    color:#999;
    padding-left:30px;
    background:url(../image/rectimer.png) no-repeat left;
    margin-bottom:35px;
}
.RecDetail-job{
    color:#68bcf4;
    font-size:24px;
    margin-bottom:30px;
}
.Reqeire{
    border-bottom:1px solid #ccc;
    padding-bottom:15px;
    margin-bottom:30px;
}
.Reqeire li{
    float:left;
    font-size:20px;
    color:#666;
    margin-right:20px;
    padding-left:32px;
    background:url(../image/reqire.png) no-repeat left;
}
.Reqeire li:first-child{
    color:#ff2323;
}
.Abstract{
    color:#666;
    font-size:24px;
    border-left:8px solid #68bcf4;
    padding-left:9px;
}
.station-ps{
    font-size:16px;
    color:#666;
    line-height:25px;
}
.station-ps:last-child{
    margin-bottom:35px;
}
.station-ps2{
    font-size:16px;
    color:#666;
    line-height:25px;
}
.station-ps:last-child{
    margin-bottom:60px;
}
.SendSc{
    display:inline-block;
    width:152px;
    height:38px;
    font-size:20px;
    color:#fff;
    text-align:center;
    line-height:38px;
    background:#68bcf4;
    border-radius:5px;
    margin-left:44px;
}
.SendSc:first-child{
    margin-left:0;
}


.Dona-detail-p{
    font-size:22px;
    color:#318bc8;
    text-align:center;
    margin-bottom:15px;
}
.Dona-detail-time{
    display:table;
    margin:0 auto;
    margin-bottom:25px;
}
.Dona-detail-time1{
    font-size:12px;
    color:#999;
    padding-left:35px;
    background:url(../image/dona-timer.png) no-repeat left;
    margin-right:40px;
}
.Dona-detail-time2{
    font-size:12px;
    color:#999;
    padding-left:35px;
    background:url(../image/dona-look.png) no-repeat left;
}
.tagret{
    display:table;
    margin:0 auto 42px;
}
.tagret1{
    display:inline-block;
    width:234px;
    height:41px;
    line-height:41px;
    padding-left:5px;
    font-size:17px;
    color:#333;
    background:url(../image/dona_line1.png) no-repeat left;
}
.tagret2{
    display:inline-block;
    width:253px;
    height:41px;
    line-height:41px;
    padding-left:21px;
    font-size:17px;
    color:#333;
    background:url(../image/dona_line2.png) no-repeat left;
}
.tagret3{
    display:inline-block;
    width:204px;
    height:41px;
    line-height:41px;
    padding-left:21px;
    font-size:17px;
    color:#333;
    background:url(../image/dona_line3.png) no-repeat left;
}
.Dona-img{
    display:block;
    width:560px;
    height:340px;
    margin:0 auto 30px;
}
.Dona-text{
    min-height:270px;
    margin-bottom:120px;
}
.Donation-link{
    display: block;
    width: 148px;
    height: 38px;
    border-radius: 50px;
    background: #c34138;
    margin: 0 auto 115px;
    position: absolute;
    top: 54px;
    right: 10px;
}
.Dona-link{
    display:table;
    margin:0 auto;
    font-size:18px;
    color:#fff;
    line-height:38px;
    padding-left:30px;
    background:url(../image/heart-mon.png) no-repeat left;
}

.RecuList-box{
    width:100%;
    border-bottom:1px solid #ccc;
}
.RecuList{
    display:table;
    margin:0 auto;
}
.RecuList li{
    float:left;
    width:100px;
    height:43px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-bottom:none;
    line-height:43px;
    text-align:center;
    color:#333;
    font-size:16px;
    margin-right:10px;
    cursor:pointer;
}
.RecuListActive{
    background:#ebf4fa;
    border:1px solid #ebf4fa !important;
    color:#318bc8 !important;
}
.Remove .Send{
    background:#dc2900;
}
.serve_content_centre_a a{
    color:#337ab7;
}
.Login-Text{
    color:#333;
    font-size:16px;
    text-align:center;
    line-height:33px;
}
.Login_cont_left .LoginLeft-img{
    display:block;
    width:204px;
    height:204px;
    margin:0 auto;
}
.Login_cont_left .LoginLeft-img2{
    display:block;
    width:536px;
    height:47px;
    margin: 0 auto;
    margin-top: 50px;
    margin-left: 252px;
}
.hp_web_info p{
    font-size:12px;
}
.Know-spans-bord{
    display:table;
    border:1px solid #ccc;
    border-radius:5px;
}
.NoticeIndex1{
    width:100%;
    
    padding-top:16px;
}
.NoticeIndex2{
    width:100%;
    
    
    
    padding-bottom:36px;
}
.IndexActive{
    width:86px;
    height:28px;
    box-sizing:border-box;
    border:1px solid #ffa200;
    border-radius:4px;
    text-align:center;
    margin-bottom:20px;
}
.IndexActive a{
    display:inline-block;
    width:100%;
    height:100%;
    color:#ffa200;
    font-size:14px;
    line-height:26px;
}
.IndexActiveP{
    color:#333;
    font-size:16px;
    height:43px;
    overflow:hidden;
    margin-bottom:8px;
}
.IndexActiveP2{
    color:#999;
    font-size:14px;
    min-height:33px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.IndexActiveP3{
    color:#999;
    font-size:14px;
    text-align:right;
}
.IndexActiveZj{
    display: block;
    border-top: 19px solid transparent;
    border-right: 9px solid #fff;
    border-bottom: 19px solid transparent;
    position: absolute;
    left: -9px;
    top: 40px;
    z-index: 9999;
}
.IndexActiveZj2{
    display: block;
    border-top: 19px solid transparent;
    border-left: 9px solid #fff;
    border-bottom: 19px solid transparent;
    position: absolute;
    right: -9px;
    top: 40px;
    z-index: 9999;
}

.IndDonImg{
    width:234px;
    height:129px;
    background:url(../image/inddonimg.png) no-repeat center;
    background-size:100%;
    line-height:129px;
    text-align:center;
}
.IndDonImg a{
    display:inline-block;
    width:100%;
    height:100%;
    color:#fff;
    font-size:28px;
}
.IndDonErwm{
    width:235px;
    height:177px;
    background:url(../image/inddonerwm.png) no-repeat center;
    background-size:100%;
    padding:17px 0 13px;
}
.DonaActiveImg{
    display:block;
    width:120px;
    height:120px;
    margin:0 auto 10px;
}
.DonaActiveImgP{
    color:#fff;
    font-size:18px;
    text-align:center;
}
.DonaActice-box{
    margin-top:10px;
    box-sizing:border-box;
    padding: 14px 10px 38px 10px;
    min-height:296px;
}
.infoList li a{
    color:#333;
}
.general_p_style01 a{
    line-height:59px;
}
.NewsBack{
    width:100%;
}
.hp_news_1 .hp_news_bot .hp_news_pic img{
    transition: all 0.6s;
}
    .hp_news_1 .hp_news_bot .hp_news_pic img:hover{
        transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2); 
        -moz-transform: scale(1.2,1.2); 
        -webkit-transform: scale(1.2,1.2); 
        -o-transform: scale(1.2,1.2);
    } 
.NewsBackgd{
    width:100%;
    
}
.carousel-control-Bsf{
    width:1000px;
    margin:0 auto;
}
.Left-dh{
    display: inline-block;
    width: 42px;
    height: 72px;
    
    margin-top: 120px;
    box-sizing: border-box;
    padding-top: 18px;
}
.Left-dh:hover{
    background: rgba(0,0,0,.5);
}
.Right-dh{
    display:inline-block;
    width:42px;
    height:72px;
    margin-top: 120px;
    box-sizing: border-box;
    padding-top: 18px;
}

.DonaActiceBoxRadi{
    border-top-right-radius:30px;
}
.content_box_title_gai{
    margin-bottom:20px;
}
.XiaoYouBack li{
    float:left;
    width:150px;
    margin-right:53px;
}
.XiaoYouBack li a .XiaoYouBackImg{
    display:block;
    width:150px;
    height:100px;
    margin-bottom:7px;
}
.XiaoYouBack li a .XiaoYouBackImg img{
    width:100%;
    height:100%;
}
.XiaoYouBackh3{
    height:40px;
    color:#333;
    font-size:16px;
    line-height:20px;
    margin-bottom:6px;
}
.XiaoYouBackp1{
    color:#999;
    font-size:12px;
    line-height:16px;
    margin-bottom:4px;
}
.XiaoYouBackp2{
    color:#999;
    font-size:12px;
    text-align:right;
}
.Contact-us a{
    display:block;
}
.ContactUsBox{
    position:relative;
    width:100%;
    height:113px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-top-left-radius:44px;
    border-bottom-right-radius:44px;
    padding-top:50px;
    padding-left:72px;
}
.ContactUsCont1{
    float:left;
    color:#4c4c4c;
    font-size:16px;
    background:url(../image/dizhi.png) no-repeat left;
    box-sizing:border-box;
    padding-left:40px;
    height: 30px;
    line-height: 30px;
    margin-right:120px;
}
.ContactUsCont2{
    float:left;
    color:#4c4c4c;
    font-size:16px;
    background:url(../image/youxiang.png) no-repeat left;
    box-sizing:border-box;
    padding-left:40px;
    height: 30px;
    line-height: 30px;
    margin-right:120px;
}
.ContactUsCont3{
    float:left;
    color:#4c4c4c;
    font-size:16px;
    background:url(../image/dianhua.png) no-repeat left;
    box-sizing:border-box;
    padding-left:40px;
    height: 30px;
    line-height: 30px;
}

.YyXymp{
    display: block;
    font-size: 16px;
    color: #000;
    width: 330px;
    margin: 0 auto 10px;
}


.HnewsHotSpanTop{
    width: 223px; height: 151px;
    display: block;
    margin-bottom:10px;
}
.txtMarquee-top{
    margin-left:10px;
}

.IameChatBox{
    position:relative;
    width:1200px;
    height:130px;
    margin:0 auto;
    background:url(../image/nm-chatus.png) no-repeat center;
    box-sizing:border-box;
    border:1px solid #ccc;
}
.IameChatLeft{
    float:left;
    width:490px;
    height:180px;
    box-sizing:border-box;
    border:1px solid #ccc;
    overflow:hidden;
    background:url(../image/hiaem.png) no-repeat center;
    background-size:100% 100%;
}
.nm-IameChatLeft{
    position:absolute;
    top:12px;
    left:12px;
    width:110px;
    height:110px;
}
.nm-IameChatLeft img{
    display:block;
    width:90px;
    height:90px;
    margin:0 auto;
}
.nm-IameChatLeft span{
    display:block;
    color:#fff;
    font-size:12px;
    line-height:20px;
}
.IameChatLeft1{
    display:block;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:30px;
}
.IameChatLeft2{
    display:block;
    width:120px;
    height:120px;
    margin:0 auto;
}
.IameChatLeft3{
    display:block;
    color:#fff;
    font-size:12px;
    text-align:center;
    line-height:27px;
}
.IameChatRight{
    float:right;
    width:490px;
    height:180px;
    box-sizing:border-box;
    border:1px solid #ccc;
    overflow:hidden;
    background:url(../image/hchatus.png) no-repeat center;
    background-size:100% 100%;
}
.IameChatRightspan{
    display:block;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:53px;
    margin-bottom: 4px;
}
.IameChatRightUl{
    display:table;
    margin:0 auto;
}
.IameChatRightUl li{
    float:left;
    margin-bottom:24px;
    color:#fff;
    font-size:16px;
}
.IameChatRightUl li i{
    display:inline-block;
    width:21px;
    height:21px;
    margin-right:20px;
}

.sa-Assul{
    width:100%;
}
.sa-Assul li{
    width:100%;
    margin-bottom:20px;
    box-sizing:border-box;
    
}
.sa-Assul li a span{
    display:block;
    width:75%;
    height:58px;
    line-height:58px;
    color:#fff;
    font-size:18px;
    box-sizing:border-box;
    padding-left:14px;
     
     
     
     
    background:url(../image/sa-assulsback.png) no-repeat left;
}
.InHomeLeft{
    float:left;
    width:94px;
    color:#ff893a;
    font-size:16px;
    text-align:center;
}
.InHomeRight{
    float:left;
    width:580px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.InHomeRight li{
    float:left;
    width:20%;
    margin-bottom:20px;
}
.InHomeRight li span{
    display:block;
    text-align:center;
    color:#666;
    font-size:14px;
    margin-bottom: 7px;
}
.InHomeRight li i{
    position: absolute;
    top: 22px;
    left: 52px;
    z-index: 999999;
    display: block;
    width:12px;
    height:6px;
    background:url(../image/topsanjiao.png) no-repeat center;
    display:none;
}
.InHomeSecond{
    position:absolute;
    width:auto;
    background:#fff;
    box-sizing:border-box;
    padding:8px 6px;
    border:1px solid #ccc;
    box-shadow:1px 1px 2px #ccc,-1px -1px 2px #ccc;
    left:50%;
    display:none;
    z-index:9999;
}
.InHomeSecond li{
    float:left;
    width:auto;
    line-height:26px;
    margin-bottom:0;
    margin-right:5px;
}
.InHomeSecond li a{
    display:block;
    color:#666;
    font-size:12px;
    text-align:center;
    white-space:nowrap;
}
.InHomeSecond li a:hover{
    color:#318bc8;
    background:#ccc;
}
.InHome{
    margin-bottom:30px;
}

.TimerList{
    float:left;
}
.TimerListInput{
    width:93px;
    height:32px;
    line-height:32px;
    color:#ff893a;
    font-size:16px;
    border:1px solid #ff893a;
    box-sizing:border-box;
    padding-left:17px;
    background:url(../image/xiala1.png) no-repeat right;
    background-position-x: 75px;
    cursor:pointer;
}
.TimerListUl li{
    width:100%;
    height:26px;
    line-height:26px;
    color:#999;
    font-size:16px;
    text-align:center;
    cursor:pointer;
}
.TimerListUl{
    display:none;
    max-height:228px;
    border:1px solid #e6e6e6;
    border-top:none;
    overflow-y:scroll;
}
.TimerListRight{
    float:left;
    width:576px;
}
.TimerListRight ul li{
    float: left;
    width: 50%;
    height: 32px;
    line-height: 32px;
    text-align: left;
    padding-right: 10px;
}
.TimerListRight ul li:nth-child(3n+3){
    margin-right:0;
}
.TimerListRight ul li a{
    display:block;
    color:#333;
    font-size:14px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#classList{
    box-sizing: border-box;
    padding-left: 33px;
}
.TimerListRight ul li a:hover{
    color:#318bc8;
}
.Hangye{
    width:100%;
}
.Hangye li{
    float:left;
    width:225px;
    margin-bottom:20px;
}
.Hangye li a{
    display:block;
    color:#666;
    font-size:14px;
    text-align:left;
    box-sizing: border-box;padding-right: 15px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.Hangye li a:hover{
    color:#318bc8;
}
.CareerText{
    display:block;
    margin:0 auto 30px;
    width:561px;
    
    box-sizing:border-box;
    
}
.CareerBtn{
    display:block;
    margin:20px auto 20px;
    width:187px;
    height:46px;
    line-height:46px;
    list-style:none;
    border:none;
    color:#fff;
    font-size:18px;
    text-align:center;
    background:#318bc8;
}
.sa-AssulHeight92 li a span{
    height:92px;
    line-height:92px;
    background: url(../image/sa-assulsback2.png) no-repeat left;
}
.sa-AssulHeight92 li{
    margin-bottom:30px;
}

.Guizhanglist{
    margin-left:38px;
}
.Guizhanglist a .notice_l{
    width:95%;
    background: #fff;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sa-Assulsss li{
    border-left:none;
}

.s-hp-search-logo{
    position:absolute;
    right:5px;
    top:5px;
}
.News-Hot{
    float:left;
    width:590px;
}
.nm-News-Hot{
    width:100%;
    box-sizing:border-box;
    padding-left:10px;
    min-height:217px;
}
.News-Hot-right{
    float:right;
}
.nm-News-Hot li{
    line-height:31px;
}
.nm-new-bot-3{
    margin-bottom:3px;
}
.nm-News-Hot-left{
    float:left;
    display:block;
    width:79%;
    color:#333;
    font-size:16px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.nm-News-Hot-left i{
    display:inline-block;
    width:4px;
    height:4px;
    background:#318bc8;
    border-radius:50%;
    margin-right:10px;
}
.nm-News-Hot-right{
    float:right;
    display:block;
    width:15%;
    color:#999;
    font-size:14px;
    text-align:right;
}

.Notice-Tel-ul{
    width:100%;
    box-sizing:border-box;
    padding-left:10px;
}
.nm-line{
    display:inline-block;
    width:80px;
    height:1px;
    background:#fff;
    margin-bottom:6px;
}

.nav_bar{
    width:1027px;
    float:left;
}
.JoinUs{
    float:left;
    text-align: center;
    height: 40px;
    width: 170px;
    position: relative;
    margin-left: 0px;
}
.JoinUs a{
    display: block;
    width: 93px;
    height: 100%;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
}
.JoinUs a:hover{
    background: #ebf4fa !important;
    color: #318bc8 !important;
}


.JoinUsIn{
    float:left;
    text-align: center;
    height: 40px;
    width: 170px;
    position: relative;
    margin-left: 0px;
}

.Id5{
    box-sizing: border-box;
    padding: 25px;
    font-size: 14px;
    color: #333;
    padding-bottom:0;
    text-indent:2em;
    line-height:2;
}
.Id6{
    box-sizing: border-box;
    padding: 25px;
    font-size: 14px;
    color: #333;
    padding-bottom:0;
    display:none;
    text-indent:2em;
    line-height:2;
}

.mask{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    z-index:999999;
}
.maskImg{
    display:table;
    margin:0 auto;
    text-align:center;
    position:relative;
}
.phcolorMarleft{
    margin-left:10px;
}


.Register{
    width:100%;
    min-width:1000px;
}
.reHeader{
    width:100%;
    height:104px;
    background:#fff;
    box-sizing:border-box;
    border-bottom:4px solid #e6e6e6;
}
.reHeaderWid{
    display:block;
    width:1000px;
    margin:0 auto;
}
.reContent{
    width:100%;
    min-height:830px;
    box-sizing:border-box;
    position:relative;
}
.reConWid{
    width:1000px;
    margin:0 auto;
    background:#fff;
    position:relative;
}
.reFotter{
    width:100%;
    background:#fff;
}
.reFotterWid{
    width:1000px;
    margin:0 auto;
    padding-top:37px;
    padding-bottom:38px;
}
.reFotText{
    display:block;
    width:100%;
    line-height:36px;
    text-align:center;
    color:#999;
    font-size:14px;
}
.reSteps{
    float:left;
    width:120px;
}
.reSteps img{
    display:block;
    margin:0 auto;
}
.reSteps span{
    display:block;
    width:100%;
    text-align:center;
    line-height:45px;
    color:#999;
    font-size:18px;
}
.reConWidPor{
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 99;
    width: 100%;
    min-height:800px;
    background:#fff;
}
.reSteps .Imgstep2{
    display:none;
}
.reTopStep{
    position:relative;
    width:500px;
    margin:45px auto 26px;
}
.reStep2{
    margin-left:69px;
}
.reStep3{
    margin-left:69px;
}
.reLine1{
    position:absolute;
    top:28px;
    left:97px;
    width:112px;
    height:2px;
    background:#d6e8f4;
}
.reLine2{
    position:absolute;
    top:28px;
    right:97px;
    width:112px;
    height:2px;
    background:#f0f0f0;
}
.basicInf{
    width:100%;
    margin-bottom: 20px;
}
.basicInfLeft{
    float:left;
    display:block;
    width:85px;
    height:40px;
    line-height:40px;
    color:#333;
    font-size:14px;
}
.basicInfLeft i{
    display: inline-block;
    width: 12px;
    color: #ff0000;
}
.basicInfRight{
    display:block;
    width:400px;
    height:40px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:3px;
    padding-left: 10px;
    background:#fafafa;
    line-height:40px;
}
.basicInfSex{
    float:left;
    width:400px;
}
.SexMan{
    float:left;
    width:92px;
}
.reRond{
    float:left;
    display:block;
    width:14px;
    height:14px;
    border-radius:50%;
    box-sizing:border-box;
    border:1px solid #cecece;
    background:#fff;
    margin-top:13px;
    margin-right:10px;
}
.reRond i{
    display:none;
    width:8px;
    height:8px;
    background:#318bc8;
    border-radius:50%;
    margin:2px auto;
}
.reRondActive{
    border:1px solid #3b90cb !important;
}
.reRondActive i{
    display:block !important;
}
.reRondSex{
    float:left;
    display:block;
    line-height:40px;
    color:#333;
    font-size:14px;
}
.basicInfYear input{
    float:left;
    display:block;
    width:165px;
    height:40px;
    box-sizing:border-box;
    border:1px solid #ccc;
    background:#fafafa url(../image/botsan.png) no-repeat;
    background-position-y:16px;
    background-position-x:144px;
    border-radius:3px;
    padding-left:10px;
    text-align:left;
    line-height:40px;
}
.basicInfYear{
    float:left;
    position:relative;
}
.basicInfYear span{
    color: #333;
    font-size: 14px;
    display: inline-block;
    width: 34px;
    text-align: center;
    line-height: 40px;
}
.basicInfDay{
    position:absolute;
    top:40px;
    left:0;
    width:165px;
    height:122px;
    background:#fdffe4;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-top:none;
    overflow-y:auto;
    display:none;
    z-index:99999;
}
.basicInfDay li{
    width:100%;
    height:auto;
    line-height:20px;
    box-sizing:border-box;
    padding-left:14px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.basicInfDay li:hover{
    background:#f6fcaf;
    text-overflow:inherit; 
    overflow: visible; 
    white-space: pre-line;
}
.basicInfYzhen{
    float:left;
    width:400px;
}
.basicInfYzhen .GetYanzhText{
    float:left;
    display:block;
    width:230px;
    height:40px;
    background:#fafafa;
    box-sizing:border-box;
    border:1px solid #ccc;
    margin-right:20px;
    border-radius:3px;
    box-sizing:border-box;
    padding-left:10px;
    line-height:40px;
}
.basicInfYzhen .GetYanzh{
    float:left;
    display:block;
    width:150px;     
    height:40px;
    line-height:40px;
    box-sizing:border-box;
    border:1px solid #ccc;
    background:#cfe2f3;
    text-align:center;
    color:#333;
    font-size:14px;
    border-radius:3px;
    cursor:pointer;
}
.reNextStep{
    float:right;
    width:400px;
    height:40px;
    line-height:40px;
    color:#fff;
    font-size:18px;
    background:#318bc8;
    border-radius:5px;
    text-align:center;
    margin-right: 13px;
    cursor:pointer;
}
.reHaveZhang{
    float:right;
    display:block;
    width:100%;
    height:70px;
    line-height:70px;
    text-align:center;
    color:#999999;
    font-size:20px;
}
.reHaveZhang a{
    display: inline-block;
    width: 65px;
    color: #318bc8;
    font-size: 20px;
    background: url(../image/aright.png) no-repeat left;
    background-position-y: 28px;
    box-sizing: border-box;
    padding-left: 23px;
    margin-left: 10px;
}
.enroll .phcolor{ color: #999!important;}
.carousel-indicators .on {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}
}
.reLearn{
    width:398px;
    height:340px;
    background:#f0f0f0;
    margin-left:85px;
    box-sizing: border-box;
    padding-left: 18px;
    margin-bottom: 20px;
}
.reDalat{
    width: 378px;
    height:30px;
}
.reDalat img{
    display:block;
    width:44px;
    height:14px;
    float:right;
    margin-right:20px;
    margin-top: 7px;
    cursor:pointer;
}
.reLearnWid{
    width:246px;
}
.reLearnWid .basicInfYear input{
    width:246px;
    background-position-x: 220px;
}
.reLearnWid .basicInfYear ul{
    width:246px;
}
.basicInfLeftLearn{
    width:114px;
}
.AddMore{
    width: 398px;
    height: 40px;
    margin-left: 85px;
    box-sizing: border-box;
    border:1px dashed #318bc8;
    color:#318bc8;
    font-size:18px;
    line-height:40px;
    text-align:center;
    margin-top: 20px;
    margin-bottom:30px;
    cursor:pointer;
}
.nextStepSecBox{
    width:396px;
    margin-left:88px;
}
.nextStepSecBox .nextStepSec{
    float:left;
    width:180px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:18px;
    background:#318bc8;
    margin-right:36px;
    cursor:pointer;
}
.nextStepSecBox .backStepSec{
     float:left;
    width:180px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:18px;
    background:#318bc8;
    cursor:pointer;
}
.InSchool{
    width:246px;
    height:100px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:5px;
}
.FaildeText{
    display:block;
    color:#666;
    font-size:18px;
    text-align:center;
}
.FaildeTextTop{
    display:block;
    text-align:center;
    color:#666;
    font-size:36px;
}
.FaildeText a{
    color:#318bc8;
}
.reErrowImg{
    display:block;
    margin:44px auto 42px;
}
.LoginFailed{
    margin-top:150px;
}
.RightText{
    display:block;
    line-height:40px;
    width:340px;
    color:#666;
    font-size:18px;
    text-align:center;
    margin:0 auto;
    margin-bottom: 45px;
}
.Confrim{
    display:block;
    width:340px;
    height:46px;
    line-height:46px;
    text-align:center;
    color:#fff;
    font-size:20px;
    background:#318bc8;
    margin:0 auto;
    cursor:pointer;
    border-radius:5px;
}
.backPosition{
        background: #fafafa url(../image/botsan.png) no-repeat;
    background-position-y: 16px;
    background-position-x: 375px;
}
.xposition{
    position:absolute;
    left:25px;top:54px;
    color:#ccc;
}
.Login-submit-Zhec{
    background: #fff;
    color: #318bc8;
    border: 1px solid #318bc8;
}



.bregister-box{
    width:330px;height:36px;
    margin:-16px auto 10px;
    text-align:center;
}
.bregister-no{
    display:inline-block;
    font-size:16px;
    line-height:26px;
    color:#999;
}
.bregister-a {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #318bc8;
    background-image: url('../image/b-horn.png');
    background-repeat:no-repeat;
    background-size:18px 18px;
    background-position:0 center;
    padding-left:22px;
    margin-left:7px;
}
#Verification{
    width:45%;
}
.xmin-hei{
    min-height:400px;
}
#egeNameListcollegeName{
    width:80%!important;
}
#egeNameListspecialtyName{
    width:80%!important;
}
.carousel-indicators li{
    width:12px!important;height:12px!important;
}
.xnull-page{width:100%;height:55px;}
#pageTool{position:absolute;left:0;bottom:0;margin:0 auto;width:100%;}
.pager{
    padding-bottom:20px;
    width: 95%;
    margin: 10px;
    line-height: 20px;
}
.pager a{
    border: 1px solid #cccccc;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 5px;
    padding: 1px 6px;
}
.pager div {
    display: table;
    overflow: hidden;
    margin: 0 auto;
}
.pager span {
    border: 1px solid #cccccc;
    margin: 0 5px;
    padding: 1px 6px;
    float: left;
    color: #993399 !important;
}
.xtext-bg {
    
    position:relative;
    box-sizing:border-box;
    
}
.xtexts {
    
    float:right;
    box-sizing:border-box;
    position:relative;
    margin-top: 30px;
    
}
.reWemaFloat{
    float:left;
    width:180px;
}
.reWemaFloat .LoginLeft-img{
    width:160px;
    height:160px;
}
#edui1{
    
    background:url(../image/textbackimg1.jpg) no-repeat center!important;
    height:579px;
    border-bottom: none;
}
#putText{
     background:url(../image/textbackimg1.jpg) no-repeat center!important;
    height:565px;
    border-bottom: none;
    padding:10px;
}
#Remark{
     background:url(../image/textbackimg2.jpg) no-repeat center!important;
    height:579px;
    border-bottom: none;
    padding:10px;
}
.xtext-bg{
    position:relative;
    margin-top:50px;
}
.letterImg{
    position: absolute;
    left: 73px;
    top: -25px;
    display: block;
    width: 37px;
    height: 46px;
    z-index: 9999;
}
.letterImg2{
    position: absolute;
    left: 0px;
    top: -25px;
    display: block;
    width: 37px;
    height: 46px;
    z-index: 9999;
}
#AssListThree li{
    float:left;
    width:198px;
    height:80px;
    margin-right:19px;
}
#AssListThree li a span{
    width:198px;
    height:80px;
    line-height:66px;
    background:url(../image/acclistthree.png) no-repeat center;
    text-align: center;
    padding-left: 0;
}
#edui1_iframeholder {
    height: 579px !important;
}
.voluntContent{
    width:485px;
    margin:50px auto 0;
}
.voluntSpan{
    float:left;
    display:block;
    width:75px;
    height:44px;
    line-height:44px;
    color:#333;
    font-size:14px;
}
.voluntSpan i{
    color:#f46060;
    margin-right:8px;
    vertical-align:middle;
}
.voluntList{
    position:relative;
    float:left;
    width:400px;
    margin-left:10px;
}
.voluntList .voluntListInp{
    display:block;
    width:100%;
    height:44px;
    line-height:44px;
    background:#fafafa;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:3px;
    padding-left:20px;
    color:#333;
    font-size:14px;
    text-align:left;
}
.voluntListUl{
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    background: #fdffe4;
    display: none;
    height: auto;
    overflow: auto;
    max-height: 192px;
    z-index: 9999;
}
.voluntListUl li{
    width:100%;
    height:auto;
    max-height:200px;
    line-height:44px;
    box-sizing:border-box;
    padding-left:20px;
}
.voluntListUl li:hover{
    background:#f6fcaf;
}
.voluntTimer{
    display:block;
    width:165px;
    height:44px;
    line-height:44px;
    background:#fafafa url(../image/voldownlist.jpg) no-repeat;
    background-position:145px 18px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:3px;
    padding-left:20px;
    color:#333;
    font-size:14px;
    text-align:left;
}
.volSex{
    float:left;
    width:92px;
    height:44px;
    color:#333;
    font-size:14px;
    line-height:44px;
    cursor:pointer;
}
.volSex span{
    display:inline-block;
    width:14px;
    height:14px;
    box-sizing:border-box;
    border:1px solid #9c9c9c;
    border-radius:50%;
    background:#ffffff;
    vertical-align:middle;
    margin-right:10px;
}
.volSex span i{
    width:8px;
    height:8px;
    background:#999;
    margin:2px auto;
    border-radius:50%;
    display:none;
}
.volSexActive span i{
    display:block;
}
.voluntListInpBack{
    background:#fafafa url(../image/voldownlist.jpg) no-repeat!important;
    background-position:380px 18px!important;
}
.WhyVolunt{
    color:#333;
    font-size:14px;
    line-height:44px;
    box-sizing: border-box;
    padding-left: 85px;
}
.voluntTextArea{
    width:400px;
    height:103px;
    background:#fafafa;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:3px;
    margin-left:85px;
    padding:10px;
}
.voluntConform{
    display:block;
    width:400px;
    height:44px;
    line-height:44px;
    background:#318bc8;
    color:#fff;
    font-size:18px;
    border-radius:3px;
    margin-left:85px;
}
.voluntmarg{
    margin-bottom:20px;
}
.voluntenroll{
    display:block;
    margin:0 auto;
    width:353px;
    height:44px;
    line-height:44px;
    background:#318bc8;
    list-style:none;
    text-align:center;
    color:#fff;
    font-size:18px;
    margin-top: 20px;
}
.maskImgDelat{
    position:absolute;
    display:block;
    width:29px;
    height:29px;
}