@charset "utf-8";

/* 定义全局 */
html,body{background-image:url(../images/bj.jpg);-webkit-background-size:cover;background-size:cover}
html{ overflow-x:hidden;}
body{ margin:0; padding:0; font:normal 0.75em "微软雅黑"; color:#545353;letter-spacing:1px;}
form,h1,h2,h3,h4,h5,h6,dl,dt,dd,figure{ margin:0; padding:0; font-weight:normal;}
input{ margin:0; outline:none; font-family:"微软雅黑";}
img{ max-width:100%; height:auto; border:0; margin:0; padding:0; }
div{ margin:0; padding:0; }
p{ border:0; margin-top:0;}
ol,ul,li{ margin:0; padding:0; list-style:none;}
a{ color:#7c7c7c; font-size:0.75em; text-decoration:none;}
a:hover{ font-size:0.75em; text-decoration:none;}
.clearfix:after{ clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:".";}
.outside{ width:92%; height:auto; border:0; padding-bottom:75px; margin:0 auto; clear:both;}

/*header*/
header{ background:#fb7d77; width:100%; height:50px; position:fixed; top:0; text-align:center; line-height:60px; color:#fff; font-size:1.5rem; z-index:999;}
header.abh-ios{ position:relative;}
header .back{ background:#fff url(../images/abh_01.png) no-repeat 50% 50%; background-size:14px 14px; width:30px; height:20px; border:1px solid #CAE0DF; border-radius:1px; position:absolute; top:19px; left:4%;}
/*footer*/
footer{ background:#E6E6E6; width:100%; height:60px; border-top:1px solid #B4B4B4; position:fixed; bottom:0; z-index:999;}
footer li{ width:25%; height:60px; border:0; float:left;}
footer li a{ width:100%; height:22px; border:0; padding-top:38px; display:block; text-align:center; color:#646464; font-size:1em;}
footer li a:hover{ font-size:1em;}
footer li:first-child a{ background:url(../images/menu_01.png) no-repeat 50% 8px; background-size:26px 26px;}
footer li:nth-child(2) a{ background:url(../images/menu_02.png) no-repeat 50% 8px; background-size:26px 26px;}
footer li:nth-child(3) a{ background:url(../images/menu_03.png) no-repeat 50% 8px; background-size:26px 26px;}
footer li:last-child a{ background:url(../images/menu_04.png) no-repeat 50% 6px; background-size:26px 26px;}
footer li:first-child a.current{ background:url(../images/menu_001.png) no-repeat 50% 8px; background-size:26px 26px; color:#fb7d77;}
footer li:nth-child(2) a.current{ background:url(../images/menu_002.png) no-repeat 50% 8px; background-size:26px 26px; color:#fb7d77;}
footer li:nth-child(3) a.current{ background:url(../images/menu_003.png) no-repeat 50% 8px; background-size:26px 26px; color:#fb7d77;}
footer li:last-child a.current{ background:url(../images/menu_004.png) no-repeat 50% 8px; background-size:26px 26px; color:#fb7d77;}

/*登录*/
#login{ width:100%; height:auto; border:0; padding:0px 0; margin:0 auto;}
#login dl{ width:100%; height:40px; border:1px solid #DADADA; border-radius:3px; margin-bottom:30px; clear:both;}
#login dt{ width:20%; height:40px; border-right:1px solid #DADADA; float:left; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#login dt.bg1{ background:#F0F0F0 url(../images/menu_004.png) no-repeat 50% 50%; background-size:20px 20px;}
#login dt.bg2{ background:#F0F0F0 url(../images/abh_09.png) no-repeat 50% 50%; background-size:20px 20px;}
#login dd{ width:79%; border:0; border-top-right-radius:3px; border-bottom-right-radius:3px; float:right; font-size:1.125em;}
#login dd .tel{ width:100%;  height:40px;line-height: 40px; border:0; padding:10px 10px;}
#login dd .password{ width:100%; height:40px; border:0; padding:10px 10px;}
#login h1{ width:100%; height:30px; border:0; clear:both; margin-bottom:10px;}
#login h1 figure{ background:#fb7d77; width:16px; height:16px; border:0; border-radius:3px; position:relative; display:inline-block; margin-right:10px; vertical-align:middle;}
#login h1 figure input[type="checkbox"]{ position:absolute; top:0; left:0; width:16px; height:16px; border:0; opacity:0; z-index:2;}
#login h1 figure span{ position:absolute; top:0; left:0; width:16px; height:16px; border:0; display:block; text-align:center; line-height:16px; color:#fff; -webkit-transform:rotate(15deg); z-index:1;}
#login h1 figure input[type="checkbox"] + span{ opacity:0;}
#login h1 figure input[type="checkbox"]:checked + span{ opacity:1;}
#login h1 label{ vertical-align:middle; font-size:0.5em;}
#login h2{ width:100%; height:36px; border:0; clear:both; font-size:1em;}
#login h2 .btn-login{ background:#fb7d77; width:100%; height:46px; border:0;font-size:1.0rem; border-radius:5px; color:#fff; -webkit-appearance:none;}
#login h3{ width:100%; height:36px; border:0; clear:both; text-align:center; line-height:36px; font-size:1em;}
#login h3 a{ color:#d60000; font-size:1em; margin-left:5px;}

.txt-center {
    text-align: center;
}
.login-logo img {
    width: 17rem;
    height: 10rem;
    margin: 3.8rem 0 0rem;
}
.powered-footer-fixed {
    width: 100%;
    height: 2.3rem;
    line-height: 2.3rem;
    background-color: #f8f8f8;
}
.powered-footer-fixed, .room-list-btns {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.color3 {
    color: #888;
}