@charset "utf-8";
input[type="text"],input[type="password"]{ border:1px solid #e5e5e5; border-radius:1px; height:18px; line-height:18px; padding:3px 0; text-indent:5px; vertical-align:middle;}
input[type="checkbox"],input[type="radio"]{ vertical-align:middle; margin-top:0; margin-bottom:0;}
select{ border:1px solid #e5e5e5; border-radius:1px; height:26px; vertical-align:middle;}
textarea{ border:1px solid #e5e5e5;}

.date_div{background:url(../images/date_bg.png) no-repeat left center; background-size:120px 130px; width:120px;height:130px;margin-left:36px;}
.date_div .month{display:inline-block; line-height:24px; text-align:center; width:100%;margin-top:15px;color:#ffffff; font-size:18px;font-weight:bold;}
.date_div .day{display:inline-block; line-height:70px; text-align:center; width:100%;color:#000000; font-size:50px;font-weight:bold;}
.msg{background:url(../images/msg_icon.gif); background-size:10px 10px; width:10px;height:10px;position:absolute;right:0px; top:0px;}

.table,.table1{ border-spacing:0; border-collapse:collapse; width:100%; border:1px solid #e6e6e6;}
.table th{ font-weight:normal; color:#04a7e2; font-size:14px; background:#f4f4f4; padding:6px; border:1px solid #e6e6e6; border-bottom:none;}
.table td{ text-align:center; padding:7px; border:1px solid #f0f0f0;}
.table tr:hover{ background:#e8f6fc;}
.table .even{ background:#f9f9f9;}
.editBtn,.deleteBtn{ display:inline-block; width:21px; height:21px; vertical-align:middle; margin:0 5px;}
.editBtn{ background:url(../images/editBtn.png);}
.deleteBtn{ background:url(../images/deleteBtn.png);}

.header{ background:url(../images/head-bg.jpg) no-repeat left center;}
.logo{ width:210px; height:90px;float:left;}
.nav{ font-size:14px; font-weight:bold; position:absolute; top:35px; right:20px;}
.nav a{ display:inline-block; margin:0 15px; position:relative; padding:0 5px; color:#fff; height:32px; line-height:32px; background:url(../images/btn-c.png) repeat-x center top;}
.nav a:before{ content:""; display:block; width:10px; height:32px; position:absolute; left:-10px; top:0; background:url(../images/btn-l.png) no-repeat;}
.nav a:after{ content:""; display:block; width:10px; height:32px; position:absolute; right:-10px; top:0; background:url(../images/btn-r.png) no-repeat;}
.nav a i{ color:#00f9ff; font-size:16px;}

.sidebar{ position:absolute; width:200px; top:100px; left:10px; bottom:30px;}
.userInfo{ border:2px solid #ececec; background:#fff; border-radius:1px; line-height:2;}
.userInfo h6{ color:#04a7e2; text-align:center; margin-top:15px;}
.userInfo p{ text-indent:15px;}
.userInfo p span{ color:#04a7e2;}

.menu{ border:2px solid #ececec; background:#fff; margin-top:10px;}
.menu>ul>li{ border-bottom:1px solid #ececec;}
.menu>ul>li:last-child{ border:none;}
.menu>ul>li h6{ height:40px; line-height:40px; padding-left:10px; cursor:pointer; position:relative;}
.menu>ul>li h6:after{ content:""; display:none; width:7px; height:42px; background:url(../images/arrow01.png) no-repeat right center; position:absolute; right:0; top:-1px;}
.menu>ul>li h6 i{ display:inline-block; width:20px; height:20px; font-style:normal; vertical-align:middle; margin-right:15px; background-image:url(../images/icon01.png); background-repeat:no-repeat;}
.menu>ul>li h6 .icon01{ background-position:left -2px;}
.menu>ul>li h6 .icon02{ background-position:left -20px;}
.menu>ul>li h6 .icon03{ background-position:left -40px;}
.menu>ul>li h6 .icon04{ background-position:left -60px;}
.menu>ul>li h6 .icon05{ background-position:left -80px;}
.menu>ul>li h6 .icon06{ background-position:left -100px;}
.menu>ul>li h6 .icon07{ background-position:left -120px;}
.menu>ul>li h6 .icon08{ background-position:left -140px;}
.menu>ul>li h6 .icon09{ background-position:left -160px;}
.menu>ul>li h6 .icon10{ background-position:left -180px;}
.menu>ul>li h6 .icon11{ background-position:left -200px;}
.menu>ul>li h6 .icon12{ background-position:left bottom;}
.menu>ul>li:hover h6{ color:#04a7e2;}
.menu>ul>li:hover h6 .icon01,#menu .active h6 .icon01{ background-position:right -2px;}
.menu>ul>li:hover h6 .icon02,#menu .active h6 .icon02{ background-position:right -20px;}
.menu>ul>li:hover h6 .icon03,#menu .active h6 .icon03{ background-position:right -40px;}
.menu>ul>li:hover h6 .icon04,#menu .active h6 .icon04{ background-position:right -60px;}
.menu>ul>li:hover h6 .icon05,#menu .active h6 .icon05{ background-position:right -80px;}
.menu>ul>li:hover h6 .icon06,#menu .active h6 .icon06{ background-position:right -100px;}
.menu>ul>li:hover h6 .icon07,#menu .active h6 .icon07{ background-position:right -120px;}
.menu>ul>li:hover h6 .icon08,#menu .active h6 .icon08{ background-position:right -140px;}
.menu>ul>li:hover h6 .icon09,#menu .active h6 .icon09{ background-position:right -160px;}
.menu>ul>li:hover h6 .icon10,#menu .active h6 .icon10{ background-position:right -180px;}
.menu>ul>li:hover h6 .icon12,#menu .active h6 .icon12{ background-position:right bottom;}
.menu>ul>li:hover h6 .icon11,#menu .active h6 .icon11{ background-position:right -200px;}
.menu>ul>li>ul{ border-top:1px solid #ececec; display:none;}
.menu>ul>li>ul>li{ padding:10px 0 10px 50px;}
.menu>ul>li>ul>li a{ display:block; text-indent:15px; height:18px; line-height:18px; border-top:1px solid transparent; border-bottom:1px solid transparent;}
.menu>ul>li>ul>li a:before{ content:""; display:none; float:left; margin-left:-10px; margin-top:-1px; width:10px; height:20px; background:url(../images/bg-01.png) no-repeat left center;}
.menu>ul>li>ul>li.current a{ background:#04a7e2; border-color:#0199df; color:#fff;}
.menu>ul>li>ul>li.current a:before{ display:block;}
#menu .active h6{ color:#04a7e2;}
#menu .active h6:after{ display:block;}
#menu .active>ul{ display:block;}

.main{ position:absolute; left:220px; top:100px; right:10px; bottom:30px;}

.shortcut a{ display:block; float:left; margin-right:10px; height:28px; line-height:28px; background:#eeeded; padding:0 10px; border:1px solid #e5e5e5; border-radius:1px;}
.shortcut a i{ display:line; font-size:16px; line-height:1.7;}

.crumb{ background:#fff; border:1px solid #efefef; line-height:30px; padding-left:10px;}
.crumb i{ font-size:14px;}
.crumb a,.crumb span{ margin:0 5px;}

.home{ padding:20px; background:#fff; border:1px solid #efefef; margin-top:10px;}

.blueBg{ background:#6ac4f5;}
.greenBg{ background:#7cde99;}
.redBg{ background:#f87773;}
.redBg2{ background:red;}
.yellowBg{ background:#d39d5f;}
.blueFont{ color:#6ac4f5;}
.greenFont{ color:#7cde99;}
.redFont{ color:#f87773;}
.yellowFont{ color:#d39d5f;}
.room1{ width:100px;}
.room2{ width:140px;}
.room3{ width:200px;}
.room4,.room5,.room6{ width:260px;}
.homeRoom{ position:relative; margin-top:20px;}
.roomStatic{ width:40px; position:absolute; right:0; top:40px; bottom:0; border:1px solid #ececec; border-left:none; text-align:center;}
.roomStatic .item{ margin-top:20px;}
.roomStatic .item i{ display:inline-block; width:15px; height:15px; overflow:hidden;}
.tabRoom{ margin-right:40px;}
.tabRoom .tabHead{ border-left:1px solid #ececec;}
.tabRoom .tabHead li{float:left; border-top:1px solid #ececec; cursor:pointer; border-right:1px solid #ececec; height:39px; line-height:38px; padding:0 30px; background:#f6f6f6; color:#0094d2; font-size:14px;}
.tabRoom .tabHead li.active{ background:#68c4f3; color:#fff;}
.tabRoom2 { margin-right:40px;}
.tabRoom2 .tabHead{ border-left:1px solid #ececec;}
.tabRoom2 .tabHead li{float:left; border-top:1px solid #ececec; cursor:pointer; border-right:1px solid #ececec; height:39px; line-height:38px; background:#f6f6f6; color:#0094d2; font-size:14px;}
.tabRoom2 .tabHead li a{display:block; height:39px; line-height:38px; color:#0094d2; padding:0 10px;}
.tabRoom2 .tabHead li.active{ background:#68c4f3; color:#fff;}
.tabRoom .tabBody{ border:1px solid #ececec; min-height:228px;}
.tabRoom .tabBody .tabItem{ display:none;}
.tabRoom .tabBody .active{ display:block;}
.tabRoom .roomList li{ float:left; text-align:center;}
.tabRoom .roomList li .item{ border-right:1px solid #ececec; border-bottom:1px solid #ececec; padding:0 5px 5px 0;}
.tabRoom .roomList li .title{ line-height:2.4;}
.tabRoom .roomList li [class^="span"]{position:relative; height:80px; border-left:5px solid #fff; display:table; box-sizing:border-box; margin-top:5px;}
.tabRoom .roomList li p{ display:table-cell; vertical-align:middle; color:#fff;}

.list{ border:1px solid #e4e4e4; background:#fff; margin-top:20px;}
.search{ position:relative; padding:20px 0;}
.search label{ margin-left:10px;}
.search .caption{ position:absolute; top:-12px; left:30px; color:#04a7e2; padding:0 10px; height:20px; line-height:20px; font-size:18px; background:#fff;}
.search .searchBtn{ background:#00b8ff; color:#fff; border:none; height:24px; vertical-align:middle; margin-left:10px; cursor:pointer;}
.search .moreBtn{ background:url(../images/bg-02.png) repeat-x center bottom; display:inline-block; height:22px; line-height:22px; padding:0 10px; border:1px solid #ececec; cursor:pointer; vertical-align:middle; margin-left:10px;}
.searchMore{ padding:15px 0; display:none;}

.pagination{ padding:15px 20px; color:#04a7e2;}
.pagination select{ height:18px;}
.pagination span,.pagination a{ margin:0 5px; color:#04a7e2;}

.business{ background:#fff; border:1px solid #efefef; padding:20px; margin-top:10px;}
.busInx{ border:none; padding:0; margin:0;}
.business dt{ float:left; margin-right:30px;}
.business dt .item i{ display:inline-block; vertical-align:middle; width:40px; height:40px; margin-right:10px; background-image:url(../images/icon02.png); background-repeat:no-repeat;}
.business dt .item{ position:relative; z-index:2; background:#f5f5f5; border:1px solid #ebebeb; border-radius:4px; behavior:url(./css/ie-css3.htc);}
.business dt .item:after{ content:""; display:block; position:absolute; top:28px; right:-8px; height:12px; width:8px; background:url(../images/arrow-01.png) no-repeat left center;}
.business dt .icon{ padding:15px 15px 15px 10px;}
.business dt span{ display:inline-block; vertical-align:middle;}
.business dd .icon{ position:relative; z-index:2; overflow:hidden; background:#f5f5f5; display:inline-block; vertical-align:middle; border:1px solid #ebebeb; border-radius:4px; behavior:url(./css/ie-css3.htc);}
.business dd{ float:left;}
.business dd span{ display:block; line-height:1; margin-top:10px; text-align:center;}
.business dd .tip{ line-height:54px; padding:0 10px;}
.business dd .tip em{ font-style:normal; color:#ff6200;}
.business dd .item i{ display:block; width:40px; height:40px; margin:5px; background-image:url(../images/icon02.png); background-repeat:no-repeat;}
.business dd .icon01{ background-position:left -40px;}
.business dd .icon02{ background-position:left -80px;}
.business dd .icon03{ background-position:left -120px;}
.business dd .icon04{ background-position:left -160px;}
.business dd .icon05{ background-position:left -200px;}
.business dd .icon06{ background-position:left -240px;}
.business dd .icon07{ background-position:left -280px;}
.business dd .icon08{ background-position:left bottom;}

.operate{ border:1px solid #e4e4e4; background:#fff; margin-top:10px; padding-bottom:20px;}
.operate .title{ color:#04a7e2; background:#f4f4f4; height:32px; line-height:32px; border-bottom:1px solid #e4e4e4; text-indent:15px; position:relative; font-size:16px;}
.operate .title:before{ content:""; display:block; position:absolute; left:0; top:0; width:7px; height:32px; background:url(../images/arrow02.png) no-repeat left center;}
.operate .steps{ position:relative; height:120px; margin:0 20px;}
.operate .steps .line{ left:0; top:70px; position:absolute; z-index:1; width:100%; height:5px; background:#e2e2e2; border-top:1px solid #d1d1d1; border-radius:3px;}
.operate .steps .line:before{ content:""; display:block; position:absolute; width:6px; height:6px; background:url(../images/dotted.png); left:-3px; top:-1px;}
.operate .steps .line:after{ content:""; display:block; position:absolute; width:6px; height:6px; background:url(../images/dotted.png); right:-3px; top:-1px;}
.operate .steps .item{ width:24%; float:left;}
.operate .steps .items{ position:relative; z-index:2;}
.operate .steps .text{ position:relative;}
.operate .steps .text span{ display:block; font-size:14px; color:#008bfe; position:absolute; width:100%; top:20px; right:-50%; text-align:center;}
.operate .steps .line01{ margin-left:1px; margin-top:71px; height:5px; border-radius:3px; background:#04a7e2;}
.operate .steps .line02{ margin-left:1px; margin-top:71px; height:5px; border-radius:3px; background:#e2e2e2;}
.operate .steps i{ display:block; position:relative; float:right; z-index:10; width:33px; height:33px; margin-top:-14px; margin-right:-16px; font-style:normal; font-family:Arial; font-size:18px; font-weight:bold; text-align:center; line-height:1.8; color:#fff;}
.operate .steps .circle01{ background:url(../images/circle01.png)}
.operate .steps .circle02{ background:url(../images/circle02.png)}
.operate .steps .circle03{ background:url(../images/circle03.png)}
.operate .groupFrm,.operate .buttonFrm{ margin:25px 20px 0;}
.operate .groupTitle{ color:#008bfe; font-size:16px; border-bottom:2px solid #e2e2e2; line-height:1; padding-bottom:10px;}
.operate dl{ margin-top:20px;}
.operate dl dt{ float:left; width:120px; text-align:right; line-height:26px; font-size:14px;}
.operate dl dd textarea{ width:70%;}
.operate dl dd label{ display:inline-block; margin-top:4px; margin-right:10px;}
.frmBtn{ margin-left:100px; width:96px; height:33px; color:#fff; border:none; background:url(/Content/images/btn-01.png); font-size:16px; cursor:pointer;}

/* 登陆 */
.login-bg{ position:fixed; width:100%; height:100%; z-index:1; left:0; top:0;}
.login-bg img{ display:block; width:100%; height:100%;}
.login-logo{ margin-top:5%;}
.login-box{ position:relative; width:370px; padding:5px; background:url(/Content/images/login-box.png) no-repeat center top; margin-left:60%; margin-top:-30px;}
.login-box .row1{ height:50px; line-height:50px; color:#fff; text-align:center; font-size:16px;}
.login-box .row2{ background:url(/Content/images/input.png) no-repeat; width:310px; margin:0 auto 30px;}
.login-box .lab{ width:65px; height:40px; font-size:16px; line-height:40px; text-align:center; color:#666666; float:left;}
.login-box .row3{ height:40px; line-height:40px; color:#ff6666; text-align:center;}
.login-box .row4{ background:url(/Content/images/input1.png) no-repeat left top; width:310px; margin:0 auto 20px;}
.login-box .row4 span{ display:inline-block; vertical-align:middle; color:#cccccc; margin-left:6px; width:42%; padding-left:2%;}
.login-box .row5{ background:url(/Content/images/loginBtn.png) no-repeat; width:310px; margin:0 auto 20px;}
.login-box input[type="text"],.login-box input[type="password"]{ vertical-align:middle; border:none; padding:11px 0; margin:0; width:96%;}
.login-box img{ vertical-align:middle; width:50%;}
.login-box input[type="submit"]{ color:#fff; font-size:16px; height:40px; display:block; width:100%; border:none; background:transparent; cursor:pointer;}
.login-box .row6{ position:absolute;left:0; width:100%; bottom:-40px; height:40px; background:url(/Content/images/login-box.png) no-repeat center bottom;}
.login-box .ipt{ margin-left:65px;}
.login-box .ipt .ipt2{ float:left; width:90px;}
.login-box .ipt .img{ margin-left:100px;}

.copyright{ text-align:center; font-size:14px; position:absolute; width:100%; left:0; bottom:20px; color:#ccc; z-index:10;}