@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:\5FAE\8F6F\96C5\9ED1;}
html{height:100%;}
body{ font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px; color:#555;}
img{ border:none;}
label{ font-weight:normal; }
li{ list-style:none;}
a:hover{ color:#f60; }
.bold{ font-weight:bold;}
a{ text-decoration:none;}
i{background-repeat:no-repeat; display:inline-block; vertical-align:middle;}
input,button,select,textarea{vertical-align:middle; border:none;}
button{cursor:pointer; }
.L{ float:left;}
.R{ float:right;}
.font_20px{ font-size:20px;}
.font_18px{ font-size:18px;}
.font_16px{ font-size:16px;}
.font_14px{ font-size:14px;}
.text_left{ text-align:left;}
.text_center{ text-align: center;}
.red{ color:red;}
.font_f60{ color:#f60;}
.wrong{ color:red; height:20px; text-align:center;}
.mod_logo,.close_icon,.balance,.top_logo a,.user_name_ul li i,.user_live_pc,.user_live_phone,.user_live_other{background-image: url(../img/styleimg.png) ;}
.close_icon{ width:20px; height:20px; background-position:-232px -88px; cursor:pointer; position:absolute; right:15px; top:15px;opacity:0.5;filter:alpha(opacity=50); }
.close_icon:hover{ opacity:1;filter:alpha(opacity=100);}
/* 登录页 */

@media screen and (min-height:768px) { 
.login_box { padding:5%;} 
} 
/* css注释：设置了浏览器高度度不小于768px时 */ 

@media screen and (max-height:768px) { 
.login_box { padding:2%;} 
} 
/* 设置了浏览器高度不大于768px时 login_box 显示2% 高度 */ 

.mod_logo{ background-position:-23px -16px; width:235px; height:35px;}
.login_top,.login_box,.login_copy{ width:1000px; margin:0 auto; }
.login_top{ margin:5% auto 1% auto ; background: url(../img/phoneimg.png) no-repeat right center;}
.login_center{  background:#189 url(../images/indexboximg.jpg) no-repeat center /100% 100%;}
.login_box{ position:relative; display:table;}
.center_box{ display:table-cell; vertical-align:middle;}
.login_flash{ width:800px; height:320px; position:absolute; bottom:0; left:0;}
.login_box_right{margin: 0 0 0 700px;width:300px; position: relative; padding:30px 30px 50px 30px;z-index:999;}
.login_box_right_bg{ background:#000; opacity:0.7;position: absolute; width:100%; height:100%;top:0;right:0;z-index:-9;}
.login_copy{ padding:50px 0; text-align:center; line-height:25px;}
.login_wrong{ text-align:center; color:red; height:30px; line-height:30px; overflow:hidden;}
.login_shcoolname,.login_username,.login_password,.login_codes{ width:300px; height:45px; margin:0 0 5px 0; background:#fff; line-height:45px; position:relative;}
.login_shcoolname input,.login_username input,.login_password input,.login_codes input{ font-size:14px; width:245px; float:right; height:45px;line-height:45px; padding:0 5px;}
.login_shcoolname i,.login_username i,.login_password i,.login_codes i{  float:left; height:45px; width:44px;line-height:45px;  border-right:1px solid #c0c0c0; background:#eee url(../img/styleimg.png) no-repeat;}
.login_shcoolname i{ background-position:-10px -76px;}
.login_username i{ background-position:-10px -138px;}
.login_password i{background-position:-10px -203px;}
.login_codes i{background-position:-10px -265px;}
.input_code{ position:absolute; right:10px;top:5px;}
.login_button{ background:#0ba; font-size:14px; width:300px; height:45px; color:#fff; margin:10px 0 0 0;	}
.login_button:hover{ opacity:0.9;filter:alpha(opacity=90); 	}
.font_password a{ color:#fff; float:right; margin:10px 0;text-decoration:none; }
.font_password a:hover{ color:#0ba;text-decoration: underline; }
.school_hov{  background:#fff; position:absolute; width:255px; right:0; z-index:9999; height:109px; overflow:auto;}
.school_hov ul li{ padding:0 10px;}
.school_hov ul li:hover{ background:#f1f1f1; color:#189; cursor:pointer;}
.school_hovbox{  background:#fff; position:absolute; width:255px; right:0; z-index:9999; height:145px;top:45px; line-height:30px;}
.school_hovbox ul{clear:both;}
.search_font{  border-top:1px solid #189; border-bottom:1px solid #189; height:36px; background:#f1f1f1;}
.search_font li{ float:left; width:19px; height:18px; display:block; cursor:pointer; text-align: center; line-height:18px;}
.search_font li:hover,.search_hov_font{ color:#fff; background:#189;}
.color_189{ color:#189; font-weight:bold;}

/* 管理首页 */
.mod_top,.mod_box{ margin:0 auto; width:1000px; }
.mod_top{height:85px; line-height:85px; border-bottom:1px solid #189;}
.top_logo a{ display:block; margin:25px 0 0 0; float:left; width:235px; height:35px; background-position:-23px -17px;}
.top_menu{ float:right;}
.top_menu ul li{ float:left; text-align:center;}
.top_menu ul li a{height:80px; display:block; color:#555; font-size:14px; width:90px; text-decoration:none;	}
.top_menu ul li a:hover,.menu_hov a{ border-bottom:5px solid #189  !important; color:#189 !important;}

.user_name{ height:120px; line-height:120px;}
.user_name h1{ float:left; font-size:35px; font-weight:normal;}
.user_name_ul{ float:right;}
.user_name_ul li{ float:left; padding:0 0 0 20px;}
.user_name_ul li a{ color:#555;}
.user_name_ul li a:hover{ color:#189;}
.user_name_ul li i{ width:25px; height:25px; margin:0 3px 0 0;}
.user_name_school i{ background-position:-88px -84px;}
.user_name_email i{ background-position:-88px -123px;}
.user_name_phone i{ background-position:-88px -163px;}
.user_name_over i{background-position:-88px -199px;}
.user_info{ line-height:30px; color:#fff; text-align:center; height:160px; background:#189 url(../img/modimg.jpg) no-repeat;}
.user_info a{ color:#fff; text-decoration:none;}
.user_info ul{ padding:25px 0 0 0;}
.user_info ul li p{ font-size:30px;width:200px; margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.user_info ul li h2{ font-weight:normal; font-size:14px;}
.user_info ul li{ display:inline-block ; width:230px; overflow:hidden;*zoom:1;*display:inline;}
.user_info_border{ border-left:0px solid #9cc;border-right:1px solid #9cc;}
.user_info .mod_but a{  display:inline-block;  padding:0px 15px; line-height:25px;  color:#fff; background:none; border-radius:30px; border:1px solid #fff; margin:20px 0 0;*zoom:1;*display:inline;}
.user_info .mod_but a:hover{ background:#fff; color:#189;}
.user_live_tabel{ width:100%; text-align:center; margin:30px 0 0 0; font-size:14px;	}
.user_live_tabel th{border-bottom:2px solid #dadada; padding:0 0 15px 0;text-align:center; }
.user_live_tabel td{border-bottom:1px solid #dadada; padding:15px 0; }
.user_live_tabel tr:hover{ background:#f5f5f5; }
.user_live_tabel .nohover{ background:none !important; }
.user_live_tabel .mod_but a{ margin:0 3px;  display:inline-block;  padding:0px 15px; line-height:25px; font-size:12px; color:#555; background:none; border-radius:30px; border:1px solid #555;*zoom:1;*display:inline; }
.user_live_tabel .mod_but a:hover{ line-height:25px; font-size:12px; color:#189; background:#189; color:#fff; border-radius:30px; border:1px solid #189;}
.user_live_tabel .input_bk{ border:1px solid #ccc; padding:3px; width:45px; text-align:center;}
.user_live_pc,.user_live_phone,.user_live_other{ width:35px; height:35px; }
.user_live_pc{ background-position:-167px -85px;}
.user_live_phone{background-position:-167px -143px;}
.user_live_other{background-position:-167px -202px;}

.page_box{ text-align:center; margin:25px  auto;height:26px; line-height:26px; overflow:hidden; padding:5px 0; }
.page_box li { display:inline-block;*display:inline; *zoom:1; margin:0 3px; }
.page_box li a{ color:#555; display:block; display:block; padding:0px 10px; border:1px solid #dadada;height:26px; line-height:26px;}
.page_box li a:hover,.page_box_on a{ color:#fff !important; background:#189; border:1px solid #189 !important;}
.use189{ border-radius:3px;  background:#189; color:#fff; padding:3px 5px;}
.time_but{ margin:0 0 20px 0;font-size:12px;}
.time_but input,.time_but button{ border-radius:3px; font-size:12px;}
.time_but input{ width:120px; margin:0 5px;border:1px solid #dadada; padding:3px;}
.time_but button{ background:#189; color:#fff; padding:3px 5px;}
.time_but button:hover{ opacity:0.8;}

.repair_self{ width:100%;}
.repair_self td{ padding:10px 0 10px 10px;}
.repair_self td a{ color:#189;}
.right_txt_self{ text-align:right; width:100px; word-break:break-all; word-break: normal;}
.repair_input{ box-sizing:border-box;border:1px solid #dadada; padding:8px; float:left; width:100%;} 
.mod_but_b{ background:#189; padding:8px 20px; color:#fff; border-radius:3px; margin:10px 0 0 10px;}
.mod_but_b:hover{ opacity:0.8;}

.menuself_mod_box{ border-bottom:1px solid #dadada; margin:20px 0; padding:0 ; height:35px;}
.menuself_mod_box li{ float:left; }
.menuself_mod_box li a{ float:left;height:34px; line-height:33px; padding:0 30px; font-size:14px; background:#fff; border:1px solid #cfcfcf;color:#555; text-decoration:none;  text-align:center; margin:0 0 -1px -1px;  display:block; }
.menuself_mod_box li a:hover{color:#189 !important;	 }
.menuself_mod_hov a{ display:block;background:#fff !important;  color:#189 !important; border-bottom:none !important;border-top:2px solid #189 !important; }

.layer_box h1{ font-weight:normal; font-size:18px;}
.layer_box{top:0;text-align:center; vertical-align:middle; position: absolute; z-index:99999; overflow:hidden; width:100%; height:100%; }
.layer_content{display:table-cell; text-align:center; vertical-align:middle; }
.layer_content_box{ display:inline-block;background:#fff; border-radius:10px; padding:15px; box-shadow:0px 0px 5px 5px #666; position:relative;}
.layer_bg{ left:0;top:0; background:#000; opacity:0.5; position:fixed; z-index:-1; width:100%; height:100%;filter:alpha(opacity=60)}

.height150{ height:150px;}
.width50{ width:35%; margin:0 auto;}
.margin25{ margin:0 0 -25px  0;}
.width_100b{ width:100%;}
.width_100{ width:100px;}
.width_150{ width:150px;}
.width_200{ width:200px;}
.width_250{ width:250px;}
.width_300{ width:300px;}
.width_400{ width:400px;}
.width_500{ width:500px;}
.width_600{ width:600px;}
.layer_table_box{ padding:20px 20px 0 20px; margin:0 auto; width:100%;  }
.layer_table_box td{ padding:10px 0; }
.layer_table_left{ text-align:right; word-wrap:break-word; white-space: nowrap;}
.layer_table_input{ float:left; border:1px solid #dadada; padding:5px; box-sizing:border-box;}
.mod_but_codes{ float:left;  border:1px solid #189; color:#189; background:none; padding:5px; margin:0 0 0 10px;}
.mod_but_codes:hover{ opacity:0.7;filter:alpha(opacity=70);}
.input_hui{ background:#ccc;}

.margin-30{ margin:0 0 0 -30px;}

.payment li{ margin: 10px 0; border:2px solid #ccc; height:35px; padding:10px; line-height:35px; cursor:pointer; text-align:left; }
.payment_bk{ border:2px solid #189 !important;}
.linehg_40{ line-height:35px;}

.balance{ width:25px; height:25px; background-position:-230px -149px; margin:0 5px 0 0;}
.yes_font{ font-size:22px; padding:110px 0 10px 0; color:#189; background: url(../img/smileimg.gif) no-repeat top; background-size:99px;}
.widith_pwd{ width:380px; height:270px;}

.but_menu_box .add_but{ background:#189; float:right; padding:8px 10px; border-radius:3px; color:#fff;}
.but_menu_box .add_but a{ color:#fff;}
.but_menu_box .add_but:hover{ opacity:0.9;}

.verified_box{ width:100%;}
.verified_box td{ text-align:center;}
.verified_name,.verified_number{ border:2px solid #999; padding:10px 50px; text-align:center; font-size:16px; margin:60px 10px 30px 10px; border-radius:3px;}
.verified_box .sf_img_border{ width:315px; height:185px; border:2px dashed #189; border-radius:5px; overflow:hidden;  margin:0 auto;}
.verified_box h1{ color:#189; font-size:18px; font-weight:normal; margin:15px 0;}

.sf_sfzzm{ background: url(../img/sfzzm.png) no-repeat center;}
.sf_sfzfm{ background: url(../img/sfzfm.png) no-repeat center;}
.sf_sfzimg{ background: url(../img/sfzimg.png) no-repeat center;}
.yes_name{font-size:24px ; background: url(../img/self/smileimg.gif) no-repeat center top; width:300px; padding:150px 0 0 0; margin:50px auto; color:#189; text-align:center;}


.errMsg { display:none;color:red;}

.submit_btn{ margin:10px 5px; padding:0 45px; height:35px; text-align:center; line-height:35px;  border:none; color:#fff;border-radius:3px; font-family:\5FAE\8F6F\96C5\9ED1 }

.wid_400{ width:400px;}

.wb_mod{padding:5px; border:1px solid #cfcfcf; margin:0 0 0 5px; }
.mod_sel_style{padding:5px; border:1px solid #cfcfcf; margin:0 0 0 5px; vertical-align: middle;}

.pltjsb_ul .right_txt_fontr{ width:8%;text-align:right;}
.pltjsb_ul .right_txt label{ text-align:right; display:block;white-space:nowrap; font-weight:bold;  }
.pltjsb_ul .right_txt{ padding:0 5px; width:10%; background:#eee;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
.pltjsb_ul img,.pltjsb_ul input{ vertical-align:middle;}
.pltjsb_ul{ margin:20px 0 0 0;border-collapse:collapse;border-spacing:0;border:1px solid #dfdfdf; width:100%; }
.pltjsb_ul td{ padding:6px; border-bottom:1px solid #dfdfdf; }/*white-space:nowrap;*/


.select_package_b{ text-align:center;}
.select_package_b th{ background:#eee;}
.select_package_b tr:hover{ background:#f1f1f1;}
.select_package_b th,.select_package_b td{ padding:10px;}
.select_package_b td{ border-top:1px solid #dfdfdf;border-bottom:none;}


.checkout_ul{ font-size:14px; text-align:center; margin:0; }
.checkout_ul li { padding:5px 0; margin:0 30px; display:inline-table; }
.checkout_ul li div{ display:inline-table;  }
.checkout_ul li span{ font-weight:bold; color:#f60;}

.submit_btn { background:#189; color:#fff;}
.submit_btn:hover{ opacity:0.8;background:#189;}