@charset "utf-8";

/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;background:#f4f4f4;font-family:"微软雅黑",Arial,"宋体";-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;vertical-align:middle;}img{border:0;}ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}

.nn{position:absolute; width:80px; height:117px; top:-90px; left:-10px; background:url(../images/nn.png) no-repeat;}
.nn1{position:absolute; width:213px; height:200px; z-index:2; bottom:-20px; left:-210px; background:url(../images/nn1.png) no-repeat;}

/*头部样式*/
/*.header{ margin-bottom:20px; background:#fff;}*/
.header .area{width:1200px;margin:0 auto;}
.header .area .logo{width:195px;height:43px;margin-top:22px;margin-left:10px;background:url(../images/weblogo.png) no-repeat;float:left;}
.header .area .logo a{display:block;width:100%;height:100%;}
.header .area .retxt{float:right;margin:25px 10px 0 0;}


/*头部区域*/
#box_header_reg{ width:100%; background:#FAFAFA;  border-bottom:1px solid #EAEAEA }
#box_header_reg_sub{width:1200px;margin:0 auto;}
#box_header_reg_sub02{width:250px; float:right; height:28px; line-height:28px; text-align:left; position:relative;}
#weixin_rim{
    z-index: 999;
    position: absolute;
    width: 115px;
    display: none;
    height: 112px;
    top: 30px;
    right: 0px;
    padding-top: 6px;
	background:url(../images/bcord.jpg) no-repeat;
}
#box_header_reg_sub01{width:846px; float:left;height:28px; line-height:28px;}
#box_header_reg_sub02 .txt{ float:left;}
#box_header_reg_sub02 .webchart {float:right; background:url(../images/mob_ico.png) no-repeat left center; padding-left:18px;}



#box_header{width:1200px;height:113px;margin:0 auto;position:relative;z-index:1;}
#box_header h1{width:644px;height:113px;float:left;margin:0px;}
#box_header h1.logo{background:url(../images/logo.jpg) no-repeat;}
#box_header .tel{height:113px; left:644px; position:absolute; width:314px; color:#7f7f7f; background:url(../images/tel_ico.png) no-repeat left center;}
#box_header .tel span{float:left; display:block; margin-top:35px}
#box_header .tel .font_left{ padding-left:65px;}
#box_header .tel .font_tel{ font-size:18px;}
#box_header .map{height:113px; right:0; background:url(../images/branch.jpg) no-repeat left bottom; position:absolute; width:242px;}


/*导航*/
.navArea{ width:100%; }
.navBg{background:#ffffff;border-top:1px solid #dedede;border-bottom:3px solid #c7261e;}
.nav{width:1200px;height:45px;margin:0 auto;line-height:45px;font-family:"微软雅黑";}
.nav li{float:left;}
.nav li a{display:block;width:107px;text-align:center;font-size:16px;font-weight:normal;color:#353434;}
.nav li a:hover, .nav li a:hover.on{background:#c7261e;text-decoration:none; color:#fff;}
.nav li a.on{background:#c7261e; color:#fff;}
.nav li a.on2{background:#c7261e;text-decoration:none;}
.nav li:hover.on{background:#c7261e;text-decoration:none; color:#fff}
.nav li ul{display:none;position:absolute;z-index:9999;} 
.nav li ul li{float:none;display:block;position:relative;line-height:20px;_display:inline; color:#fff} 
.nav li ul li .s{position:absolute;top:0;left:140px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;width:120px;height:20px;padding:4px 0 8px 20px;background:#c7261e;text-align:left;font-weight:normal;font-size:12px;color:#fff;}
.nav li ul li a:hover{color:#fff; background:#c7261e;}
.nav .t,.nav .t:hover{background:url(../images/nav_ico.gif) no-repeat 120px center #333; color:#fff}


/*页脚区域*/
#box_footer_sub{width:1200px; margin:0 auto}
#box_footer{width:100%; height:280px; background:#1F2021; border-top:4px solid #aa2224; color:#c7c7c7}
#box_footer_sub{ height:237px;}
#box_footer_sub01{width:412px; float:left; padding-top:30px;}
#box_footer_sub01 .fo_li li{width:90px; text-align:left; float:left; font-size:18px; margin:0 10px;}
#box_footer_sub01 .fl_li{ margin-top:10px;}
#box_footer_sub01 .fl_li li{width:90px; float:left; margin:0 10px;}
#box_footer_sub01 .fl_li li a{width:90px; text-align:left; float:left; font-size:12px; color:#c7c7c7;}
#box_footer_sub02{width:405px; float:left;}
#box_footer_sub03{width:383px; float:right; padding-top:50px; position:relative;}
#box_footer_sub03 .f_tel{ font-size:24px; margin-bottom:10px;}
#box_footer_sub03 .f_tel span{ font-size:12px; background:#aa2224; color:#fff; margin-bottom:10px; border-radius:5px; text-align:center; width:85px; display:block;}
#box_footer_sub03 .bcord{width:115px; position:absolute; right:0; top:50px; text-align:center; }
#box_footer_sub02 .search{width:100%; background:url(../images/sec_bg.jpg) no-repeat; height:36px; margin-top:68px;}
#box_footer_sub02 .search input{width:285px; height:36px; line-height:36px; float:left; background:none; padding-left:10px; border:none;}
#box_footer_sub02 .search .sub {width:40px; height:36px; background:none; border:none; in}
#box_footer_sub02 .share{width:165px; margin-left:80px; margin-top:20px;}
#box_footer_sub02 .share ul li{width:35px; height:35px; float:left; margin-left:12px;}
#box_footer_sub02 .share_1{ background:url(../images/flow.png) no-repeat 0px 0;}
#box_footer_sub02 .share_2{ background:url(../images/flow.png) no-repeat -48px 0;}
#box_footer_sub02 .share_3{ background:url(../images/flow.png) no-repeat -95px 0;}
#box_footer_sub02 .share_1:hover{ background:url(../images/flow.png) no-repeat 0px -38px;}
#box_footer_sub02 .share_2:hover{ background:url(../images/flow.png) no-repeat -48px -38px;}
#box_footer_sub02 .share_3:hover{ background:url(../images/flow.png) no-repeat -95px -38px;}
/*.footer{width:100%; padding:0;text-align:center;line-height:43px;color:#898989; border-top: 1px solid #3B3C3D;}

*/
/*登陆区域*/
.mainbody{width:1140px;margin:0 auto; margin-bottom:40px;  margin-top:30px; padding:30px 30px 40px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;}
.mainbody input[type="text"]:focus,
.mainbody input[type="password"]:focus,
.mainbody textarea:focus,
.mainbody select:focus{box-shadow:0 0 0;outline:none;}
.mainbody #validate{text-transform:uppercase;}
.mainbody .top{margin-bottom:40px;padding-bottom:12px;border-bottom:1px dashed #dadada;}
.mainbody .top h2{font-size:20px;color:#b20;}
.mainbody .txt{margin-top:8px;color:#999;}
.mainbody .note{color:#999;}
.mainbody .input,
.mainbody .inputon{width:280px;height:35px;margin-right:10px;padding:0 10px;line-height:30px;border:0;background-image:url(../images/userlog_input_bg.png);font-size:14px;font-family:Verdana;}
.mainbody .input{background-position:0 0;}
.mainbody .inputon{background-position:0 35px;}
.mainbody .sub, .mainbody .subon, .mainbody .subdown{width:119px;height:37px;background-image:url(../images/userlog_btn_bg.png);border:0;color:#fff;font-size:14px;font-weight:bold;font-family:"微软雅黑";cursor:pointer;}
.mainbody .sub{background-position:0 0;}
.mainbody .subon{background-position:0 74px;}
.mainbody .subdown{background-position:0 37px;}
.mainbody .regbtn{position:absolute;top:150px;right:0;width:320px;height:120px;border-left:1px solid #ccc;text-align:center;line-height:120px;font-weight:bold;font-size:14px;}
.mainbody .regbtn a{text-decoration:underline;color:#900;}
.mainbody .infor{color:red;margin:0 0 8px 61px;border:1px solid #ccc;width:280px;padding:2px 9px;background:#fffff0;border-radius:3px;}
.mainbody .findpwd{margin-left:20px;font-size:14px;}
.mainbody .oqq,.mainbody .osina{height:24px;line-height:24px;display:inline-block;padding-left:29px;margin-right:15px;}
.mainbody .oqq{background:url(../images/oauthico.png) no-repeat 0 0;}
.mainbody .osina{background:url(../images/oauthico.png) no-repeat 0 -32px;}





/*左侧区域*/
.mainbody .leftarea{width:220px;float:left;border-right:1px solid #f0f0f0;}
.mainbody .leftarea .userinfo{height:70px;margin-bottom:30px;_margin-bottom:15px;word-wrap:break-word;}
.mainbody .leftarea .avater{height:80px;float:left;margin-right:12px;_margin-right:6px;position:relative;overflow:hidden;}
.mainbody .leftarea .avater div{position:absolute;width:80px;height:18px;left:0;bottom:0;background:#000;filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;z-index:998;}
.mainbody .leftarea .avater a{display:block;width:80px;position:absolute;z-index:999;left:0;bottom:0;line-height:18px;text-align:center;color:#fff;}
.mainbody .leftarea .avater img{width:80px;height:80px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.mainbody .leftarea .usertxt{float:left;}
.mainbody .leftarea .username,.mainbody .leftarea .userenter{display:block;font-size:14px;font-weight:bold;color:#8D530A;}
.mainbody .leftarea .userenter{background:url(../images/icon_v.png) 0 3px no-repeat;padding-left:20px;}
.mainbody .leftarea .usergroup{display:block;color:red;}
.mainbody .leftarea .act a{width:180px;border-bottom:5px solid #fff;padding-left:10px;display:block;background:#f6f6f6;height:30px;line-height:30px;font-size:14px;color:#000;}
.mainbody .leftarea .act a:hover{background:#333;color:#fff;text-decoration:none;}
.mainbody .leftarea .act a.on{background:#c7261e;color:#fff;}


/*右侧区域*/
.mainbody .rightarea{width:850px;min-height:300px;padding:0 0 0 30px;float:right;font-size:14px;}
.mainbody .rightarea h3.dftitle,
.mainbody .rightarea h3.subtitle{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #ddd;font-weight:bold;font-size:16px;}
.mainbody .rightarea h3.subtitle a{font-size:14px;font-weight:normal;float:right;}
.mainbody .rightarea .loginfo{font-family:Verdana;font-size:14px;color:#900;}
.mainbody .rightarea .list li{border-bottom:1px solid #f5f5f5;line-height:30px;}
.mainbody .rightarea .list li a{text-decoration:none;}
.mainbody .rightarea .list li a:hover{color:#f90;}
.mainbody .rightarea .list span.time{float:right;font-family:Verdana;font-size:11px;color:#666;}
.mainbody .rightarea .list span.dot{font-family:"宋体";}
.mainbody .rightarea .msglist li{padding:10px 0;word-wrap:break-word;}
.mainbody .rightarea .msglist p{display:block;line-height:20px;margin-bottom:5px;}
.mainbody .rightarea .msglist span.time{font-family:Verdana;color:#999;color:#999;float:right;}
.mainbody .rightarea .msglist span.from{float:left;color:#999;}
.mainbody .rightarea .msglist span.from a{color:#999;}
.mainbody .rightarea .nonelist{padding-top:5px;text-align:center;line-height:30px;}
.mainbody .rightarea .more{margin:8px 0 20px 0;text-align:right;}
.mainbody .rightarea .more a{color:#999;}

.mainbody .rightarea .class_input,
.mainbody .rightarea .class_input_on{width:320px;height:30px;line-height:30px;padding:2px 4px 0;}
.mainbody .rightarea .class_input{background:#f8f8f8;border:1px solid #ccc;}
.mainbody .rightarea .class_input_on{background:#fff;border:1px solid #b20000;}
.mainbody .rightarea .class_areatext,
.mainbody .rightarea .class_areatext_on{width:320px;height:100px;line-height:18px;padding:4px;}
.mainbody .rightarea .class_areatext{background:#f8f8f8;border:1px solid #ccc;}
.mainbody .rightarea .class_areatext_on{background:#fff;border:1px solid #b20000;}
.mainbody .rightarea .btn_area{text-align:center;margin-top:25px;}
.mainbody .rightarea .btn{width:78px;height:25px;background:url(../images/btn-style-gray.gif);margin-right:15px;font-size:14px;cursor:pointer;border:none;}

.mainbody .rightarea .upavatar{padding-top:10px;text-align:center;}
.mainbody .rightarea .preavatar{padding:10px 0;text-align:center;}
.mainbody .rightarea .preavatar img{margin:0 5px;}

.mainbody .rightarea .options_b{padding-top:8px;line-height:22px;color:#666;}
.mainbody .rightarea .options_b a{color:#005590;}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}




/*预约列表*/
.dataTable .head{font-weight:bold;}
.dataTable .head td{border-bottom:1px solid #ebebeb;}
.dataTable td{border-bottom:1px solid #ebebeb;}
.dataTable td.firstCol{padding-left:5px;text-align:left;}
.dataTable td.endCol{padding-right:5px;text-align:right;}
.dataTable td.number{color:#a5a5a5;}
.dataTable td.action span{margin:0 6px;color:#999;}
.dataTable td.action span.nb{margin-right:0;}
.dataTable td.action a{text-decoration:underline;color:#3d566d;}
.dataTable td.action a:hover{color:#d30000;}
.dataTable span.title{display:block;width:96%;padding:2px 0;word-break:break-all;word-wrap:break-word;}
.dataTable span.titflag{padding-left:8px;color:#900;}
.dataTable span.titpic{display:inline-block;width:12px;height:12px;position:relative;}
.dataTable span.titpic i{display:inline-block;width:12px;height:12px;background:url(../images/lnkBg03.png) no-repeat;position:absolute;top:2px;}
.dataTable span.thumbs{display:block;width:80px;border:1px dotted #ccc;background:#fff;text-align:center;overflow:hidden;}

.dataTable .dataTr{background:#fff;}
.dataTable .dataTrOn{background:#f8f8f8;}

/*下载*/
.softlist .img {width:16px; height:16px;margin-left:10px; padding-right:10px; display:inline-block; background:url(../images/listIcon_82b617a.png) -150px 0;}
.softlist .border{border-bottom:1px solid #ebebeb; color:#333;font-size:14px;}
.softlist .border1{border-bottom:1px solid #ccc; font-size:14px; }
.softlist .border2{border-bottom:1px solid #ebebeb; font-size:14px; color:#999;}
.softlist .img{width:16px; height:16px;}
.softlist tr:hover{background:#FFFFBF}
/*在线客服*/

#floor_select {
  width: 70px;
  position: fixed;
  _position: absolute;
  right: 0;
  bottom: 160px;
  _bottom: "auto";
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 999;
  border: 1px solid #dedede;
  border-top: none;
  background: #fff;
}
#floor_select li {
  width: 70px;
  height: 81px;
  *height: 77px;
  text-align: center;
  border-top: 1px solid #dedede;
  position: relative;
  background:#fff;
  *margin: 0;
  *padding: 0;
}
#floor_select li a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  height: 81px;
  width: 70px;
  color: #fff;
  text-decoration:none;
  background: #c7261e;
}
#floor_select li a img {
  width: 37px;
  display: inline-block;
  max-height: 37px;
  padding: 11px 0 7px;
}
#floor_select li a div {
  position: absolute;
  left: -109px;
  bottom: -1px;
  z-index: 9999;
  width: 104px;
  height: 124px;
  display: none;
  border: 1px solid #dedede;
  background: url(../images/weixin.jpg) no-repeat 0 0;
}
#floor_select li:hover a {
  color: #555;
  background: none;
  text-decoration:none;
  -webkit-transition: All .2s ease;
  -moz-transition: All .2s ease;
  transition: All .2s ease;
}
#floor_select li a.back {
  z-index: 9999;
  display: none;
}
#floor_select li:hover a.back {
  display: block;
}
