@charset "utf-8";
/* CSS Document */
.bg-f3{background:#f3f4f5;}
.bg-f8{background:#f8f8f8;}
.bg-fff{background:#fff;}
.bg-ea{background:#eaedf1;}
.bg-login{background:url(../Content/images/bg-login.png) no-repeat center top;background-size:100% 200px;height:200px;}

.ml-0{margin-left:0 !important;}
.ml-15{margin-left:15px;}

.mr-0{margin-right:0;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}

.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-35{margin-top:35px;}
.mt-40{margin-top:40px;}

.mb-0{margin-bottom:0 !important;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:30px;}

.pl-0{padding-left:0;}
.pr-0{padding-right:0;}
.pl-15{padding-left:15px;}

.pt-0{padding-top:0 !important;}
.pt-5{padding-top:5px;}
.pt-6{padding-top:6px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}


.list-data dt a:after{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;transform:translate(0, 0);text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}


/*----------------------------------------------- 西湖国宾馆 -----------------------------------------------------*/

/* 顶部 */
header{background:url(../images/header-bg.png) no-repeat;height:3.6em;line-height:3.6em;padding:0 15px;width:100%;position:absolute;z-index:99;background-size:100% 50px;}
header .logo{float:left;margin-top:7px;}
header .logo img{float:left;width:62px;height:36px;}
header nav{float:right;}
header nav ul{margin-top:7px;padding:0;}
header nav ul li{height:2.35em;line-height:2.35em;font-size:1.1em;float:left;}
header nav ul li a{color:#fff;}
header nav ul li a:hover{color:#BB4A93;}
header nav ul li span{padding:0 10px;color:#fff;font-size:0.9em;font-family:sans-serif;}

/* 隐藏导航 */
.header{background:url(../images/header-bg.png) no-repeat;height:3.6em;line-height:3.6em;padding:0 15px;width:100%;background-size:100% 50px;}
.header img{float:left;width:62px;height:36px;margin-top:7px;}
.header i{float:right;display:block;background:url(../icons/icon-close.png) no-repeat;position:relative;top:18px;background-size:13px 13px;width:13px;height:13px;}

.menu{background:#e6e6e7;z-index:999;}
.menu ul{background:#f6f7f7;}
.menu ul li{line-height:3.2em;border-bottom:1px solid #e6e6e7;padding-left:20px;}
.menu ul li>a{height:3.2em;}
.menu ul li a{color:#898989;font-size:1.1em;display:block;}
.menu ul li a:hover{color:#BB4A93;}
.menu dl dd>a{height:1.6em;padding-left:20px;}
/* 轮播圆点 */
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {background: #7F366E;}

/* 向下滑动引导 */
.slip{position:absolute;left:47%;bottom:75px;width:25px;height:25px;z-index:100000;}
.slip span{background:url(../icons/arrow-down.png) no-repeat;display:block;width:25px;height:24px;-webkit-animation: start 1.5s infinite ease-in-out;-moz-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;}

/* 酒店预订 */
.hotel-booking{position:fixed;top:0;left:0;width:100%;height:100%;background:#e6e6e7;z-index:999;display:none;}
.hotel-booking .fill-info{background:#f6f7f7;width:92.5%;margin:20px auto;}
.hotel-booking .fill-info ul{margin:0;padding:0;}
.hotel-booking .fill-info ul li{height:3.6em;line-height:3.6em;border-bottom:1px solid #e6e6e7;font-size:1em;width:100%;color:#565454;position:relative;}
.hotel-booking .fill-info ul li:last-child{border-bottom:none;}
.hotel-booking .fill-info ul li input[type="text"]{color:#565454;border:none;background:none;width:90%;padding:0 16px;}
.hotel-booking .fill-info ul li select{border:none;float:left;width:100%;line-height:16px;padding:16px 0;color:#565454;text-indent:13px;-webkit-appearance:none;background:none;}
.hotel-booking .fill-info ul li em{position:absolute;top:17px;right:18px;color:#afafaf;}
.hotel-booking .fill-info ul li i{position:relative;right:15px;color:#afafaf;float:right;top:18px;}
.hotel-booking .btn-search{background:#7F366E;width:92.5%;height:2.6em;line-height:2.6em;padding:0 3.75%;color:#fff;text-align:center;font-size:1.1em;border:none;cursor:pointer;display:block;margin:40px auto 0 auto;}

/* 底部 */
footer{width:100%;height:100%;background:url(../images/footer-bga.png) repeat #7F366E;}
footer dl{padding-top:40px;}
footer dl dd{padding-bottom:20px;}
footer .title{width:92.5%;height:3.4em;line-height:3.4em;border:1px solid #B994AB;background:transparent;margin:0 auto;color:#fff;text-align:center;}
footer .menuson{display:none;margin:0 auto;border:1px solid #B994AB;width:92.5%;border-top:none;}
footer .menuson li{line-height:34px;font-size:0.9em;text-align:center;color:#BD97AE;position:relative;}
footer .menuson li a{color:#BD97AE;}
footer .menuson li p{font-size:0.8em;color:#fff;}
footer .menuson li p img{width:18px;height:15px;margin-right:5px;}
footer .menuson li p span{padding-left:5px;padding-right:10px;cursor:pointer;}
footer .menuson li p span .qrcode{position:absolute;display:none;width:80px;height:80px;left:40%;top:-85px;}
footer .menuson li p span:hover .qrcode{display:block;}
footer .border{border-bottom:none !important;}

/* 链接酒店 */
.links{margin:0 auto;overflow:hidden;width:100%;}
.links ul{margin:0;padding:0;}
.links ul li{margin-bottom:3px;height:auto;overflow:hidden;background:#AB8350;}
.links ul li:last-child{background:#1AAEC1;}
.links-hotel .fl{float:left;width:33.33333333%;height:auto;background:#AB8350;}
.links-hotel .fl h3{text-align:center;color:#fff;font-size:1em;line-height:2em;margin-top:0.5em;}
.links-hotel .fl img{text-align:center;width:62px;height:36px;display:block;margin-left:18%;margin-top:25px;}
.links-hotel .fl a{display:inline-block;min-width:3%;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;border:1px solid #fff;margin-top:10px;margin-left:28%;padding:0 10%;}
.links-hotel .fr{float:right;width:66.66666667%;}
.links-hotel .fr img{max-width:100%;height:auto;display:block;}
.links-hotel .blue{background:#1AAEC1;float:right !important;}
.links-hotel .float{float:left !important;}

/* 概览 */
.brief{position:relative;margin-bottom:15px;}
.brief img{max-width:100%;height:auto;display:block;}
.brief h3{position:relative;width:100%;left:0;bottom:50px;height:3em;line-height:3em;background:rgba(255,255,255,.7);color:#595757;font-size:1.2em;text-align:center;}
.brief p{padding:0 15px;line-height:2em;font-size:1em;color:#898989;text-indent:2em;}

/* 交通 */
.map{width:100%;}
.map img{max-width:100%;height:auto;display:block;}

/* 主要设施 */
.facility{width:100%;}
.facility ul{margin:0;padding:0;}
.facility ul li{position:relative;margin-bottom:1px;}
.facility ul li img{max-width:100%;height:auto;display:block;}
.facility ul li h3{color:#fff;padding-left:20px;font-size:1.2em;position:absolute;bottom:30px;text-shadow:5px 5px 5px #000;}
.facility ul li a:after{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;transform:translate(0, 0);text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:30px;right:15px;display:block;font-size:28px;color:#fff;content:"\f105";}

/* 新闻列表 */
.list-data{width:100%;}
.list-data ul{margin:0;padding:0;}
.list-data ul li{overflow:hidden;background:#f7f7f7;border-bottom:1px solid #fff;}
.list-data ul li:nth-child(2n){background:#efefef;}
.list-data ul li:last-child{border-bottom:0;}
.list-data .fl{float:left;width:33.33333333%;}
.list-data .fl img{max-width:100%;height:auto;display:block;}
.list-data .fr{float:right;width:66.66666667%;padding-left:15px;padding-right:15px;}
.list-data .fr h3{font-size:1em;padding-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:10px;}
.list-data .fr h3 a{color:#595757;}
.list-data .fr h3 a:hover{color:#BB4A93;}
.list-data .fr h3 i{color:#949494;font-size:1.2em;}
.list-data .fr p{font-size:0.8em;color:#898989;line-height:18px;text-indent:2em;text-align:justify;height:36px;overflow:hidden;}
.list-data .fr .space{text-indent:0;color:#888;}
.list-data .fr span{font-size:0.8em;color:#888;display:inline-block;margin-top:10px;}
.list-data .fr b{color:#ff7624;font-size:1.3em;padding-right:5px;}
.list-data .fr em{text-decoration:line-through;}
.list-data .regular{margin-top:0 !important;}
.list-data .fr i{padding:0 5px;font-family:"宋体";}

/* 客房列表 */
.list-room{width:100%;}
.list-room ul{margin:0;padding:0;}
.list-room ul li{overflow:hidden;background:#f7f7f7;border-bottom:1px solid #fff;}
.list-room ul li:nth-child(2n){background:#efefef;}
.list-room ul li:last-child{border-bottom:0;}
.list-room .fl{float:left;width:33.33333333%;}
.list-room .fl img{max-width:100%;height:auto;display:block;}
.list-room .fr{float:right;width:66.66666667%;padding-left:15px;padding-right:15px;}
.list-room .fr h3{font-size:1em;padding-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:10px;}
.list-room .fr h3 a{color:#595757;}
.list-room .fr h3 a:hover{color:#BB4A93;}
.list-room .fr h3 i{color:#949494;font-size:1.2em;}
.list-room .fr p{font-size:0.9em;color:#898989;line-height:20px;overflow:hidden;}
.list-room .fr em{color:#7F366E;font-size:0.8em;float:right;}
.room-link{margin-top:10px;}
.room-link a{display:inline-block;width:68px;height:24px;line-height:24px;text-align:center;}
.room-link a.btn-more{border:1px solid #b5b6b6;color:#B5B6B6;}
.room-link a.btn-order{background:#7F366E;color:#fff;font-size:0.9em;}

/* 客房弹出详情 */
.roomMain{position:relative;width:92.5%;height:100%;background:#f7f7f7;margin:0 auto;}
.roomMain h2{font-size:1.1em;color:#7F366E;line-height:3em;}
.roomMain table{color:#898989;font-size:0.8em;}
.roomPic{width:100%;}
.roomPic img{max-width:100%;height:auto;display:block;}

.roomDetail{margin-top:15px;background:url(../images/header-bg.png) no-repeat;height:4.2em;background-size:100% 59px;}
.roomDetail p{color:#fff;padding:8px 10px;line-height:22px;font-size:0.8em;}

/* 新闻弹出详情 */
.newsMain{position:relative;width:92.5%;height:100%;background:#f7f7f7;margin:0 auto;}
.newsMain h2{font-size:1.1em;color:#595757;line-height:3em;}

.newsDetail{margin-top:10px;width:100%;height: 100%;overflow-y: auto;}
.newsDetail p{color:#898989;padding:8px 10px;line-height:26px;font-size:1em;}
.newsDetail img{max-width:100%;height:auto;display:block;}

/* 客房预订 */
.room-date{padding:0 15px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;line-height:2.6em;background:#EDECEB;}
.room-date p{color:#808080;font-size:1em;}
.room-date p i{padding-right:5px;color:#8c8c8c;}
.room-date p a{color:#7F366E;}

.room-list ul{margin:0;padding:0;}
.room-list ul>li{padding-top:15px;background:#fff;margin-bottom:5px;}
.room-list-hd{height:75px;padding:0 15px;border-bottom:1px solid #FBFBFB;}
.room-list-hd .fl{width:78%;float:left;}
.room-list-hd .fl dl{margin-bottom:0;}
.room-list-hd .fl dt{float:left;padding-right:15px;}
.room-list-hd .fl dt img{width:105px;height:60px;}
.room-list-hd .fl dd a{color:#595757;}
.room-list-hd .fl b{color:#333;font-size:1.1em;font-weight:normal;}
.room-list-hd .fl span{display:block;font-size:0.8em;color:#898989;padding-top:5px;}
.room-list-hd .fl i{color:#7F366E;font-size:1.2em;padding-right:3px;padding-left:15px;}

.room-list-hd .fr{background:#000;width:20%;float:right;position:relative;}
.room-list-hd .fr .circle{width:22px;height:22px;border:1px solid #7F366E;border-radius:50%;line-height:20px;text-align:center;display:block;position:absolute;top:19px;right:0;background:#fff;}
.room-list-hd .fr i{color:#7F366E;font-weight:bold;}

.room-list-bd ul{background:#f7f7f7;overflow:hidden;}
.room-list-bd ul li{border-bottom:1px solid #d8d8d8;padding:15px 15px 10px 0;margin-bottom:0;overflow:hidden;background:transparent;margin-left:15px;}
.room-list-bd ul li:last-child{border-bottom:none;}
.room-list-bd .fl{float:left;width:75%;}
.room-list-bd .fl span{color:#333;font-size:0.9em;display:block;}
.room-list-bd .fl b{color:#7F366E;padding-left:5px;font-weight:normal;}
.room-list-bd .fl i{font-size:0.8em;padding-left:3px;}
.room-list-bd .fl .gray{color:#898989;}
.room-list-bd .fr{float:right;}
.room-list-bd .fr .btn-ok{background:#7F366E;height:2.1em;line-height:2.1em;color:#fff;font-size:1em;border:none;cursor:pointer;width:60px;}

.room-choose{background:#fff;border-radius:5px;padding:6px 10px;margin:0 15px 0 15px;position:relative;top:15px;}
.room-choose h3{font-size:1em;color:#333;line-height:2em;}
.room-choose p{font-size:0.9em;color:#898989;line-height:1.5em;}

.room-fill{width:100%;margin-top:30px;margin-bottom:65px;}
.room-fill ul{padding:0;background:#fff;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;overflow:hidden;}
.room-fill ul li{border-bottom:1px solid #dfdfdf;margin-left:15px;line-height:3.2em;}
.room-fill ul li:last-child{border-bottom:none;}
.room-fill ul li>label{width:22%;display:inline-block;color:#898989;font-size:1em;font-weight:normal;margin-bottom:0;float:left;}
.room-fill ul li input[type="text"]{border:none;color:#333;width:70%;padding-left:8px;}
.room-fill ul li select{border:none;float:left;width:70%;line-height:18px;padding:12px 0;color:#333;text-indent:5px;-webkit-appearance:none;}
.room-fill ul li i{color:#999;position:relative;right:5px;}
.room-fill ul li dl{width:75.5%;margin-bottom:0;float:right;}
.room-fill ul li dd{line-height:3.2em;border-bottom:1px solid #dfdfdf;}
.room-fill ul li dd:last-child{border-bottom:none;}
.room-fill ul li dd span{color:#333;}
.room-fill ul li dd em{float:right;padding-right:15px;}

.room-check{background:#fff;width:100%;height:3.6em;line-height:3.6em;border-top:1px solid #dfdfdf;position:fixed;left:0;bottom:0;padding:0 15px;}
.room-check .fl{float:left;width:60%;font-size:1em;color:#898989;}
.room-check .fl i{color:#7F366E;}
.room-check .fr{float:right;width:40%;}
.room-check .fr .btn-check{background:#7F366E;height:2.2em;line-height:2.2em;width:80px;color:#fff;text-align:center;font-size:1em;cursor:pointer;border:none;float:right;margin-top:10px;}

/* 预订 */
.pay-money{width:100%;padding:0 15px;border-bottom:1px solid #dfdfdf;background:#fff;}
.pay-money p{height:3em;line-height:3em;font-size:1em;color:#898989;}
.pay-money i{float:right;color:#7F366E;font-size:1em;}

.pay-mode{width:100%;margin-top:15px;background:#fff;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.pay-mode ul li{overflow:hidden;border-bottom:1px solid #dfdfdf;padding:10px 15px 10px 0;margin-left:15px;}
.pay-mode ul li:last-child{border-bottom:none;}
.pay-mode .fl{float:left;width:90%;}
.pay-mode .fl dl{margin-bottom:0;}
.pay-mode .fl dt{float:left;margin-right:15px;}
.pay-mode .fl dt img{width:45px;height:45px;}
.pay-mode .fl dd{line-height:45px;color:#333;}
.pay-mode .fr{float:right;}

.regular-radio{display:none;}
.regular-radio + label{-webkit-appearance:none;background-color:#fff;border:2px solid #c9c9c9;padding:7px;border-radius:100%;display: inline-block;position: relative;top:14px;}
.regular-radio:checked + label:after{content:"\f00c";border-radius:100%;position:absolute;top:0;background:#7F366E;left:0;color:#fff;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;transform:translate(0, 0);text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.regular-radio:checked + label{background-color:#7F366E;border:2px solid #7F366E;}

.btn-pay{background:#7F366E;width:92.5%;height:2.6em;line-height:2.6em;padding:0 3.75%;color:#fff;text-align:center;font-size:1.1em;border:none;cursor:pointer;display:block;margin:40px auto 0 auto;}

.result{width:100%;text-align:center;padding-top:30px;}
.result img{width:35%;}
.result h3{color:#000;font-size:1.15em;line-height:2em;margin-top:15px;}
.result p{line-height:2em;font-size:1em;color:#898989;}
.result p i{padding-left:5px;color:#000;}
.result .line{background:url(../images/icon-bulb.png) no-repeat 10px 11px;border-top:1px solid #dfdfdf; background-size:14px 20px;margin-top:5px;padding:8px 10px 0 25px;}

/*箭头指示引导*/
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-8px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,10px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,-8px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,10px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,-8px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,10px);}
}

@media all and (max-width:375px){

}

@media all and (max-width:320px){
    .links-hotel .fl a{margin-top:3px;}
}