/* Write your styles */

em, i {

    font-style: normal;

}

.menu-index{padding:15px 0;background:#fff}

.menu-index>ul{width:92%;margin:0 auto;text-align:center;overflow:hidden;padding-left:0;}

.menu-index li{float:left;width:25%;font-size:12px}

.menu-index .icon{margin-bottom:2px;display:inline-block;width:45px;height:45px;background:rgba(0,0,0,.5);border-radius:50%;background-image:url(../i/ico-01.png);background-size:45px}

.menu-index li:nth-child(3) .icon{background-color:#72bcff;background-position:0 0}

.menu-index li:nth-child(1) .icon{background-color:#a0e156;background-position:0 -45px}

.menu-index li:nth-child(4) .icon{background-color:#ffd237;background-position:0 -90px}

.menu-index li:nth-child(2) .icon{background-color:#ff694c;background-position:0 -135px}

.menu-index a {color: #333;}

.menu-index a:active{opacity:.8}

.menu-index em{display:block}



.dhtb { padding: 15px 0px 5px 0px; border-bottom: 1px solid #ccc; overflow: hidden;}

.dhtb a{ display: block; width: 25%; text-align: center;}

.dhtb a::before{ display: block;}





.rmcity{ padding: 10px 0px 0px 0px;overflow: hidden;}

.rmcity li{ width: 23%; margin: 0px 5.666%;  border-radius: 50%; float: left;  text-align: center; margin-bottom: 10px; overflow: hidden;}

.rmcity li:nth-child(3n+2){ margin-left: 4.226%; margin-right: 3.226%;}

.rmcity li a{ color: #fff; display: block; width: 100%; height: 100%; font-weight: bolder;text-shadow: 0 1px 1px #fff; }

.rmcity_01 {background:url(../images/rmcity1.png);

	 filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";

   -moz-background-size:100% 100%;

   background-size:100% 100%;}

.rmcity_02 {background:url(../images/rmcity2.png);

	 filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";

   -moz-background-size:100% 100%;

   background-size:100% 100%;}

.rmcity_03{background:url(../images/rmcity3.png);

	 filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";

   -moz-background-size:100% 100%;

   background-size:100% 100%;}

.rmcity_04 {background:url(../images/rmcity4.png);

	 filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";

   -moz-background-size:100% 100%;

   background-size:100% 100%;}

.rmcity_05 {background:url(../images/rmcity5.png);

	 filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";

   -moz-background-size:100% 100%;

   background-size:100% 100%;}

.rmcity_06 {background:url(../images/rmcity6.png);

	 filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";

   -moz-background-size:100% 100%;

   background-size:100% 100%;}

.kuai{ padding: 0 10px;}

.tit{ height: 30px; line-height: 30px; margin-bottom: 10px;}

.tit::before{ content: " "; display: block; width: 10px; height: 30px; margin-right:10px ; float: left; background: #F5A41F;}

.tit span { float: right;}

.ztgy{
    width:100%;
}

.ztgy ul{
    width:100%;
    height:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-left: 0px;
}

.ztgy ul li{ width: 48%;position: relative;margin:10px 0; }
.ztgy ul li a{ display:block;width:100%;}

.ztgy ul li a img { width:100%; height:auto;}


/*.ztgy ul li:nth-child(1){ width: 40.323%; margin-right: 1.613%;}*/

/*.ztgy ul li:nth-child(2){ width: 58.065%; margin-bottom: 1.613%;}*/

/*.ztgy ul li:nth-child(3){}*/

/*.ztgy ul li:nth-child(4){ margin-left: 1.613%; margin-right: 1.613%;}*/

/*.ztgy ul li:nth-child(5){}*/

.ztgy ul li h3{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size:12px;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 5;
}

.jxzt{ overflow: hidden;}

.jxzt a {display:block;margin:10px 0;}

.jxzt a img { width:100%} 

.fangzi{ position: relative; overflow: hidden;}

.fangzi .guanzhu{ position: absolute; top: 10px; right: 2%; display: block; width: 6%; background: url(../images/guanzhu.png) no-repeat center top; background-size: cover;}

.fangzi i.on{ background-position-y: bottom;}

.fangzi img {width: 100%; height: 232px;}

.fangzi .jieshao{ background: #fff; clear: both; padding: 10px 10px 0;overflow: hidden;}

.fangzi .jieshao h2{ color: #f60; float: right; font-size: 20px; margin-top:0px}

.fangzi .jieshao h4{ line-height: 20px; font-size: 14px; margin: 0 !important; padding: 0 !important;}

.fangzi .jieshao p{ line-height: 34px;height: 30px; margin-top:0px}

.fangzi .jieshao p span{ color: #f60; font-size: 14px;line-height: 30px;height: 30px;}

.fangzi .jieshaot {background: #efeff4; height: 40px;}

.fangzi .fdtx {position: absolute; top: 160px; right: 2%; display: block; width: 50px; height: 50px; background:#f60; background-size: cover;  z-index: 3; border-radius: 50%;

	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .6);  

  -moz-box-shadow:0 0 10px rgba(0, 0, 0 .6);  

  box-shadow:0 0 10px rgba(0, 0, 0, .6); }

.singleCon h3{ text-align: center; font-size: 14px;}

.singleCon p img { max-width: 100%; height: 100%;}

.singleCon p { line-height: 22px;}



.gytj{ overflow: hidden; margin-top:15px;}



.fdgs{ overflow: hidden;}

.fdgs .more{ color: #F6A41D; font-size: 14px; line-height: 40px;}

.fdgs img{ width: 100%; height: 70px;}

.fdgs-item{ overflow: hidden;}

.fdgs-item div.mui-pull-left{ width: 79%;}

.fdgs-item h4{ text-overflow: ellipsis; white-space: nowrap; font-size: 12px; overflow: hidden; margin-bottom: 10px;}

.fdgs-item p{ line-height: 22px; max-height: 44px; position: relative; overflow: hidden;font-size: 12px; margin-top:0px}

/*.fdgs-item p::after{ content: "...���"; display: block; color: #06f; background: #EFEFF4; position: absolute; bottom: 0; right: 0;}*/



.lygl{ overflow: hidden; margin-bottom: 10px;}

.lygl li{ position: relative; overflow: hidden; float: left;}

.lygl li:nth-child(1){ margin-bottom: 1.613%;}

.lygl li:nth-child(2){ width: 49.194%; margin-right: 1.613%;}

.lygl li:nth-child(3){ width: 49.194%;}

.lygl li:nth-child(2) img{ height: 120px;}

.lygl li:nth-child(3) img{ height: 120px;}

.lygl ul a{ color: #fff; text-align: center;  font-size12px; display: table-cell; width: 100%; height: 100%; position: absolute; top: 50%; margin-top: -0.5em;}



.bottom{ background: #f7f7f7; height: 140px; margin-bottom: 10px; position:  relative;}

.bottom .neirong{ position: absolute; top: 10px; left: 28%;  color: #f5a41d; line-height: 40px;}

.bottom .neirong p{ color: #8f8f94; line-height: 20px; text-align: left; }



.footerfont p{ font-size: 14px;line-height: 20px;}



/* �������� */

.search-index{background:#efeff4}

.page-searchlist{background:#efeff4}

.page-searchlist .hot-list{margin:0 10px}

.page-searchlist .hot-list h2{margin-top:5px;font-size:14px;line-height:40px}

.page-searchlist .hot-list ul{background:#fff;overflow:hidden}

.page-searchlist .selected {background:#f60; color: #fff; padding: 0;}

.page-searchlist .hot-list li{float:left;width:25%;height:40px;margin-bottom:-1px;font-size:12px;line-height:40px;text-align:center;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.page-searchlist .hot-list li:nth-child(4n){border-right:0}





.search-box{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 10px 0px 10px; height40px; overflow:hidden; background:#efeff4}

.search-box-input{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}

.search-box-input>input{display:block;width:100%;font-size:13px;line-height:20px;padding:5px 24px 5px 30px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px;border-radius:5px;text-overflow:ellipsis}

.search-box-input>input.active{padding-right:35px}

.search-box-input i{position:absolute;left:10px;top:8px;padding-top:1px;font-size:20px}

.search-sebut{

	  width: 96%;

    margin:10px 0px 10px 2%;

    background-color: #f99868;

    padding: 10px;

}

.button-orange {

    color: #fff;

    background: #f60;}

.button-orange{display: block;padding: 9px 0;font-size: 16px;color: #fff;text-align: center;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: pointer;border: none;-webkit-border-radius: 3px;border-radius: 3px;}



.search-box>.cancel{font-size:28px;line-height:30px;color:#999;margin-left:10px}

.search-box .loading-img{display:block;margin-top:7px;margin-left:5px}

.search-wrap-top .mask{position:fixed;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.5);z-index:999}



.artlist h4>span {

    padding: 0 15px;

    background: #efeff4;

}

.artlist h4{margin-bottom: 7px;height: 7px;border-bottom: 1px solid #f60;font-size: 15px;line-height: 1;color: #f60;text-align: center;}



/*about*/

.about{background:#FFF; border:1px solid #CCC; padding:10px;}

.about p{border-bottom:1px solid #CCC; line-height:70px; padding:0 30px}

.about span{float:right; margin-top:13px}

.about img{position:relative; top:10px; margin-right:10px}

/*jd*/

.jd{ background:#FFF}

.jd p{line-height:80px; border:1px solid #CCC; padding:0 10px}

.jd p span{float:right ; margin-top:7px}

.jd dt{float:left; margin-right:10px}

.jd dl{overflow:hidden; border-bottom:1px solid #CCC;padding: 2px;}

.jd dd{line-height:30px; height:30px; overflow:hidden;}

.jd dd span{float:right; color:#F60}

.jd dd strong{font-size:16px; font-weight:normal; color:#09F}

/*indent*/

.indent{width:95%; /* margin:30px auto; */ background: #FFF; padding:20px}

.indent h2 { border-bottom:1px solid #CCC; line-height:80px; overflow:hidden; margin-top:20px}

.indent h2 span{float:right; line-height:50px;color:#F60; font-weight:normal}

.indent ul{border-bottom:1px solid #CCC}

.indent li{line-height:50px}

.indent h3{font-weight:normal}

.indent li span{float: right}

.indent li img{ position:relative;top:7px}

.indent p{text-align:right; margin-top:20px}

/*xinxi*/

.xinxi1{ padding:10px;clear: both;}

.xinxi1 ul{ border:1px solid #CCC; padding:10px; line-height:50px; background:#FFF; margin:0px 0px 20px 0px;}

.xinxi1 ul h3{ font-weight:normal}

.xinxi1 ul h4{border-bottom:1px solid #CCC; color:#09F}

.xinxi1 li {line-height:40px}

.xinxi1 li p {border-bottom:1px solid #CCC; line-height:40px} 

.xinxi1 li span{float:right; color:#09F}

.xinxi1 li img{ position:relative;top:8px}

.ordtitle { line-height: 40px; height: 40px; font-size: 14px; color: #f60;}

.xinxi li{ height:40px; line-height:40px; background:#FFF;  overflow:hidden}

.xinxi li span{ position:relative;float:right; margin-right:10px; margin-top:28px}

.xinxi li span a{ display:inline-block;content: '';position: absolute;width:12px;height:12px;right: 10px;top: 50%;margin-top: -5px;border-top:3px solid #CBCBCB;border-right:3px solid #CBCBCB;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.xinxi li strong{font-weight:normal; float: right; margin-right:50px}

.xinxi2{ padding:10px;}

.xinxi2 ul{ border:1px solid #CCC; padding:10px; line-height:50px; background:#FFF; margin:20px 0px 0px 0px;display: inline-block; padding-left:0px;}

.xinxi2 ul h3{ font-weight:normal}

.xinxi2 ul h4{border-bottom:1px solid #CCC; color:#09F}

.xinxi2 li { float:left; width:50%;line-height: 40px;} 

.xinxi2 li span{float:left; color:#09F}

.xinxi2 li img{ position:relative;top:8px}



/*password*/

.password{width:760px; margin:30px auto; padding:20px; background:#FFF; text-align:center}

.password input{ line-height:30px; background:#F5F5F5; border:none; width:600px; height:60px; margin:10px auto}

.password p a {width:500px; line-height:30px; display:block; background:#F60; color:#FFF; text-align:center; margin:20px auto}

/*����*/

.hotel-comments{margin: 0;padding: 0;}

.hotel-dpage-list {border: #bcbcbc 1px solid;background: #fff;}

.mt10 {margin-top: 10px;}

.list .dp-mod li {padding: 10px;border-top: #BCBCBC 1px solid;margin-top: -1px;}

.cgray {color: #797979; }

.fr {float: right;}

.list .dp-mod em {color: #099fde;vertical-align: top;font-style: normal;font-weight: 400;}

.cui-rate {position: relative;display: inline-block;height: 16px;margin: 0 10px;vertical-align: -3px;}

.cui-rate-r2 {position: absolute;left: 0;top: 0;white-space: nowrap;overflow: hidden;}

.cui-rate i {width: 12px;height: 12px;box-shadow: inset 0 0 0 3px #fff;border: 2px solid #c8c8c8;border-radius: 50%;background: #c8c8c8;position: relative;display: inline-block;margin: 0 1px;}

.cui-rate-r2 i {border-color: #e86b0f;background: #e86b0f;}

.cui-rate-r2 i:before {background: #099fde;}

.cui-rate i:before {content: "";position: absolute;right: 0;top: 5px;width: 5px;height: 2px;background: #c8c8c8;}

/*list*/

.list{width:100%;height:100%;min-height: 100%; margin:0px auto; font-size:12px;}

.list li{line-height:20px; border-bottom:1px solid #CCC; padding:10px;background: #F6F6F6;}

.list li strong{ font-size:16px; font-weight:bold;}

/*store*/

.store{width:800px; margin:20px auto; background:#FFF; line-height:60px}

.store p{ padding:0 10px; border-bottom:1px solid #CCC}

.store p a{color:#CCC;}

.store p span{float:right}

.store dl{margin:20px auto; overflow:hidden; border-bottom:1px solid #CCC}

.store dt{float:left;}

.store dd{line-height:80px}

.store dd strong{ color:#F60}

/*choose*/

.choose{width:800px; margin:20px auto}

.choose p{border:1px solid #CCC; background:#FFF; line-height:30px;}

.choose p span{float:right; margin:8px 10px 0 0}

.choose p img{position:relative; top:8px}

.choose ul{background:#FFF; line-height:30px;border:1px solid #CCC; margin-top:20px}

.choose li{ border-bottom:1px solid #CCC;}

.choose li span{float:right; margin-top:20px}

.choose li img{ position:relative; top:15px}

/*My points*/

.Mypoints,.points{width:95%; margin:20px auto; overflow:hidden; padding:20px} 

.Mypoints ul,.points ul{border:1px solid #CCC; margin:10px 0; overflow:hidden; background:#FFF}

.Mypoints li,.points li{line-height:50px;}

.Mypoints li span,.points li span{float:right}

.Mypoints li span img{ position:relative; top:13px}

.points li strong a{float:right; color:#F60}

.points li a{color:#666}

.Mypoints table{border:1px solid #CCC; margin:10px 0; overflow:hidden; background:#FFF; line-height:60px}

.Mypoints h4{ font-weight:normal;}

.Mypoints h4 span a{float:right; color:#06F}

/*photo*/

.photo{overflow:hidden; width:100%;}

.photo a {float:left; margin:10px 5px;}

.photo a img { width:160px; height:120px;border:1px solid #CCC; padding:2px;}

/*exchange*/

.exchange{width:800px; margin:20px auto; overflow:hidden; text-align:center}

/*details*/

.details{padding:10px}

.details .detailsCon{ position:relative;border:1px solid #CCC; background:#FFF; padding:10px; line-height:30px; overflow:hidden; margin-top:10px}

.details li span{float:right; position:relative;}

.details li strong{color: #F60}

.details li img{ position:relative; top: 5px; height: 30px;}

.details dt{float:left;}

.details dd span{float:right; color:#F60}

.details dl img{position:relative; height:30px;}

.details .hotel-g-proimg{position: absolute;right: 0;bottom: 10px; margin-right:10px;}

.details li.clyx-line{margin-right:85px;padding-right: 25px;line-height: 20px;border-bottom: #C5CCCD 1px dashed;padding: 5px 0 3px;margin-bottom: 5px;}

.hotel-g-proimg .img-g-bg {color: white;text-align: center;width: 65px;height: 19px;line-height: 20px;overflow: hidden;font-size: 13px;position: absolute;bottom: 0;left: 0;background: rgba(0, 0, 0, .7);text-align: right;padding-right: 5px;-webkit-box-sizing: border-box;box-sizing: border-box;}

/*my*/

.my{ width:100%; overflow:hidden}

.my h3{ padding:5px 10px 0px 10px;}

.my h4{ padding:0 10px;}

.my form{ padding:10px;}

.my h2{font-weight:normal; font-size:24px; text-align:center; border-bottom:1px solid #CCC; line-height:60px}

.my p{border-bottom:1px solid #CCC; line-height:60px}

.my p a{float:left; margin:20px 70px;}

.p1{ border:1px solid #CCC; width:99%; height:100px; overflow:hidden; background:#FFF}

.my ul{border: 1px solid #CCC; line-height:30px; margin-top:10px; background:#FFF}

.my li span{float:right; color:#09F}

.my li span img{position:relative; top:8px}

.my li {padding:5px; border-bottom:1px solid #CCc; overflow:hidden}

.my li input{ width:50%; border:1px solid #CCC; height:24px; line-height:24px;}

.my h4 a { font-weight:normal; color:#09F}

.my strong{line-height:30px; }

.my strong span a{float:right; background:#F60; display:block; width:13%; text-align:center}

.my strong a {background:#F90; height:70px; overflow:hidden; color:#FFF; display:block; padding-left:10px;}

.xinxi li{ height:30px; line-height:30px; border-bottom:1px solid #999; background:#FFF; text-indent:20px; overflow:hidden}

.xinxi li span{ position:relative;float:right; margin-right:10px; margin-top:13px}

.xinxi li span a{ display:inline-block;content: '';position: absolute;width:12px;height:12px;right: 10px;top: 50%;margin-top: -5px;border-top:3px solid #CBCBCB;border-right:3px solid #CBCBCB;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.xinxi li strong{font-weight:normal; float: right; margin-right:50px}

.boox{ width:100%; background:#FFF;} 

.boox ul{ padding:0px 10px !important; margin: 0 !important;}

.boox ul li{ line-height: 40px; padding: 0; margin: 0;}

.boox ul li label{display:inline-block; width:30%; padding: 6px 0px;margin: 0; text-align: left;}

.boox ul li input[type="text"]{ width:60%;height:30px;padding: 0; margin-top: 5px; margin-bottom: 5px;border:1px #CCC solid;}

.boox ul li .ckradio{ float:left; padding-right:15px; height:30px; line-height:30px;}

.boox ul li textarea{ width:60%; height:30px; border:1px #CCC solid;}

.button{height:50px; margin:0 auto; background:#D5D5D5; line-height:50px; text-indent:20px}

.button span a{width:200px; height:50px; background:#09F; line-height:50px; display:block; float:right; color:#FFF; text-align:center}

.button strong{color:#F60}

.fanhui{ position:fixed; width:100%;height:40px; background:#2E85E6; /*width:800px;*/ margin:0 auto; overflow:hidden; bottom:0}

.fanhui a{}

.fanhui .fhbtn{ display:inline-block;content: '';position: absolute;width:12px;height:12px;left: 10px;top: 50%;margin-top: -5px;border-top: 2px solid #FFF;border-left: 2px solid #FFF;

-webkit-transform: rotate(-45deg);

-moz-transform: rotate(-45deg);

-ms-transform: rotate(-45deg);

-o-transform: rotate(-45deg);

transform: rotate(-45deg);

}

.fanhui a.myorderlink{ float:right; height:35px; line-height:35px; padding-right:20px; color:#FFF;}

/*diqu*/

.diqu{width:100%; margin:0 auto}

.suckerdiv ul{

margin: 0;

padding: 0;

list-style-type: none;

width: 203px;

background:#CCC;

line-height:40px

}

	

.suckerdiv ul li{

position: relative;

}

	

/*1st level sub menu style */

.suckerdiv ul li ul{

left:200px; /* Parent menu width - 1*/

position: absolute;

width: 600px; /*sub menu width*/

top: 0;

display: none;

}

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul{ 

left: 159px; /* Parent menu width - 1*/

}

/* menu links style */

.suckerdiv ul li a{

display: block;

color: black;

text-decoration: none;

background: #fff;

padding: 5px 5px;

border-bottom: 0;

}

.suckerdiv ul li a:visited{

color: black;

}

.suckerdiv ul li a:hover{

color: white;

background-color: gray;

}

.suckerdiv .subfolderstyle{

background: url(../images/arrow-list.gif) no-repeat center right;

}

	

/* Holly Hack for IE \*/

* html .suckerdiv ul li { float: left; height: 1%; }

* html .suckerdiv ul li a { height: 1%; }

/* End */

/*��ҳ*/

.pages{ clear:both; height:42px; text-align:center;color:#585858; padding-bottom:10px; margin-top:15px;}

.pages a, .pages strong {display:inline-block;padding:5px 5px;color:#585858;border: 1px solid #d2d3d3;vertical-align: middle;border-image: initial;}

.pages span.current{ display:inline-block; color: #FFFFFF;border: 1px solid #d2d3d3;padding:5px 10px; background:#e86b0f;}

.pages .prv {padding: 0 12px 0 12px;background: url(../images/prevIcon.png) no-repeat 5px center;}

.pages .next{padding: 0 12px 0 12px;background: url(../images/nextIcon.png) no-repeat 50px center;font-weight: normal;font-size: 12px;}

/*�Ƶ��ѯҳ��*/

.caption{width: 100%; height:40px;line-height:40px;text-align: center;letter-spacing: 2px;color: #FFF;background: #1391C3; font-size:20px;}

.main_viewport{ width:100%;}

.sub_ciewport{ padding:10px;}

.sub_ciewport ul{border: 1px solid #f5f5f5;background:#FFF; border-bottom:0;}

.sub_ciewport ul li{ height:43px;line-height: 43px;padding: 0 20px 0 10px;border-bottom: 1px solid #f5f5f5;}

.hotel-mysite{float: right;max-width: 70%;min-width: 10px; height:43px;margin-right: -10px;padding-left: 10px;line-height: 16px;border-left: 1px solid #f5f5f5;}

.hotel-mysite-icon::before {position: absolute;content: "";top: 6px;width: 100%;height: 1px;border-left: 2.5px solid #AAA;border-right: 2.5px solid #AAA;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

.hotel-mysite-icon::after {position: absolute;content: "";left: 6px;height: 100%;width: 1px;border-top: 2.5px solid #AAA;border-bottom: 2.5px solid #AAA;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

.hotel-mysite-icon {display: block;position: relative;width: 13px;height: 13px;margin: 4px auto;border-radius: 50%;border: 2.5px solid #AAA;border-image: initial;}

.hotel-l{float: left;}

.hotel-l i{display: inline-block;width: 18px;height: 18px;margin-right: 10px;vertical-align: middle;background-size: 100px 180px;}

.hotel-icon-bed{background:url(../images/hotel-icon.png) no-repeat;background-position: -18px -18px;}

.hotel-icon-date {background:url(../images/hotel-icon.png) no-repeat;background-position: 0 -19px;}

.hotel-icon-night {background:url(../images/hotel-icon.png) no-repeat;background-position: -18px -2px;}

.hotel-icon-keywords {background:url(../images/hotel-icon.png) no-repeat;background-position: 0 -36px;}

.hotel-icon-price {background:url(../images/hotel-icon.png) no-repeat;background-position: 0 0;}

.hotel-arr{position: relative;height: 44px;overflow: hidden;}

.hotel-arr::before {position: absolute;content: '';right: 10px;top: 50%;margin-top: -5px;width: 9px;height: 9px;border-top: 2px solid darkGray;border-right: 2px solid darkGray;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg)-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transition: border-color .4s ease-in-out,transform 200ms linear;-moz-transition: border-color .4s ease-in-out,-moz-transform 200ms linear;-webkit-transition: border-color .4s ease-in-out,-webkit-transform 200ms linear;-o-transition: border-color .4s ease-in-out,-o-transform 200ms linear;}

.hotel-m{overflow: hidden;}

.hotel-m-cont {display: inline-block;width: 98%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 50px;}

.hotel-plm{ padding-left:30px;}

.hotel-pls{ padding-left:40px;}

.hotel-mydate{padding-right: 5px;text-align: right;font-size: 12px;color: #666;float: right;max-width: 70%;min-width: 10px;}

.hotel-mydays{float: right;max-width: 70%;min-width: 10px;padding-right: 5px;text-align: right;font-size: 12px;color: #666;height: 42px;vertical-align: middle;}

.hotel-mydays i{display: inline-block; font-style:normal; padding-top:5px;vertical-align: middle;line-height: 16px;}

.cui-view{ padding-left:20px; margin-top:7px;}

.cui-number-ma {min-width: 100px;height: 29px;line-height: 29px;text-align: center;position: relative;border: silver 1px solid;background: white;display: inline-block;border-image: initial;}

.cui-number-ma i.num-minus {left: -10px;font: 400 2.8em/25px Arial;}

.cui-number-ma i {width: 50px;height: 44px;position: absolute;top: -7px;}

.cui-number-ma i.num-invalid::after {color: #D9D9D9;background: #F4F4F4;}

.cui-number-ma i.num-minus::after {content: "-";left: 10px;top: 7px;}

.cui-number-ma i::after {color: white;text-align: center;width: 32px;height: 29px;position: absolute;background: #099FDE;}

.cui-number-ma .num-value-txt {width: 33px;height: 100%;padding: 0;color: black;margin: 0 33px;text-align: center;}

.num-value-txt {opacity: 1;filter: alpha(opacity=100);border: 0;background: transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;}

.cui-number-ma i.num-add {right: -10px;font: 400 2.2em/29px Arial;}

.cui-number-ma i {width: 50px;height: 44px;position: absolute;top: -7px;}

.cui-number-ma i.num-add::after {content: "+";right: 10px;top: 7px;}

.cui-number-ma i::after {color: white;text-align: center;width: 32px;height: 29px;position: absolute;background: #099FDE;}

.mt10{ margin-top:10px;}

.mt20{ margin-top:20px;}

.g_btn_s {color: white;font-size: 18px;width: 100%;height: 44px;line-height: 44px;display: block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 0 auto;text-align: center;background-color:#e86b0f;border:none;}

.main-bom{width: 100%; background: #f7f7f7; font-size: 18px; padding: 8px 0;

	-webkit-box-shadow: 2px 2px 10px #ccc;

	-moz-box-shadow: 2px 2px 10px #ccc;

	box-shadow: 2px 2px 10px #ccc;

}

.main-bom a{ color: #0099ff; display: inline-block; width: 50%; padding-left: 10px;}

.bor-r{border-right: 1px dashed #ccc;

}

.main-bom a span{ font-size: 12px; color: #ccc; display: inline-block;

}

/*�Ƶ궩��*/

.hotelorder h5{ position:relative; height:30px; line-height:30px; color:#FFF; background:#1391C3; text-align:center; font-size:14px;}

.hotelorder h5 a{ position:absolute; left:0; display:inline-block; width:100px; height:80px; text-align:left; background:#13A4D3 url(../images/arrow.png) no-repeat center center;}

.sucesOrder{ margin:20px 10px; background:#FFF;}

.sucesOrder p{border-bottom: #CCC 1px solid; margin:10px 10px; padding-bottom:5px;}

.sucesOrder p span.trad{ float:left; display:inline; margin:12px 0px 0px 12px; padding:2px 10px 0px 10px; color:#36B640; border:1px #36B640 solid;}

.sucesOrder p span.trad_price{ float:right; padding-right:10px; padding-top:16px;}

.sucesOrder p span.trad_price b{color: #FE8B10;}

.sucesOrder dl{ margin:0 20px 10px 20px; color:#505050;border-bottom: #CCC 1px solid;}

.sucesOrder dl dt{ font-size:14px; margin-bottom:10px;}

.sucesOrder dl dd{ line-height:24px;}

.sucesOrder .deco1{ background:url(../images/deco1.jpg) no-repeat left top;}

.sucesOrder .deco2{ background:url(../images/deco2.jpg) no-repeat left top;}

.sucesOrder .deco3{ background:url(../images/deco3.jpg) no-repeat left top;}

.sucesOrder .deco3 span{ float:right; background:url(../images/tx.gif) no-repeat left center; padding-left:25px;}

.sucesOrder .deleOrder{ width:95%;height:40px; line-height:30px;}

.sucesOrder .deleOrder a{ display:inline-block; width:30%; height:30px; line-height:30px; border-radius:3px; border:1px #CCC solid; text-align:center; color:#2e99c3;margin-left: 10px; float:right;}

.sucesOrder .ckmyorder{ float:left;}

.sucesOrder .deleMyorder{ float:right;}

/*�����ύ�ɹ�*/

.ordersucess{ text-align:center;}

.ordersucess .icons4 {display: block;width: 170px;height: 170px;margin:20px auto 0;background: url(../images/icons4.png) no-repeat -16px -14px;}

.ordersucess h5{ font-size:34px;margin: 10px 5px 5px;}

.ordersucess .group_pay_btn{padding-top:20px;}

.group_pay_btn .btn { height:50px;line-height:50px;display: block;width: 60%;text-align: center;color: white;background: #e86b0f;margin: 10px auto;}

.group_pay_btn .btn.gray {background: #9D9D9D;}

/*��������ҳ��*/

.orderxx{ clear:both;background:#FFF; margin-bottom:20px;}

.orderxx ul li{line-height:40px;height:40px;border-bottom: #CCC 1px solid;overflow: hidden; padding:0 20px;}

.orderxx ul li b.orange{color: #FE8B10; padding-left:10px;}

.orderxx ul li span.cling{ display:inline-block; float:right;}

.section_detail li {line-height: 50px;height: 50px;background: #E7E8E3;border-bottom: #CCC 1px solid;overflow: hidden;clear: both;}

.section_detail li span {float: right;margin: 0px 10px 0 0;color: #6CF;}

.section_detail li img {position: relative;top: 6px;margin: 0 10px; float:left;}

.nav_footer{position:relative;height:50px;width: 100%;left: 0;bottom: 0;}

.nav_footer a{ display:inline-block; width:50%;color: white;line-height:50px;background: #e86b0f; text-align:center;float: left;}

.nav_footer a.nav_footer_a2{background: #DBDCDB;color: #767676;}

.keywords { border:1px solid #BCBCBC; height:30px; line-height:30px; padding:2px;}

.mesWindow{ border:#BCBCBC 1px solid;background:#fff; margin:10px;}

.mesWindowTop{ border-bottom:#BCBCBC 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px; }

.mesWindowContent{ margin:4px;font-size:12px; }

.mesWindowContent td{ padding:8px 0;}

.mesWindow .close{ height:44px; line-height:44px;width:95%;border:none;cursor:pointer;background:#0099FF; color:#FFF;}

.selected{ padding:8px 0px; background:#0099FF; color:#FFF;  text-align:center;}

.star{ text-align:center}

.price{ text-align:center}

.boox{ width:100%; background:#FFF;} 

.boox ul{ padding:15px;}

.boox ul li{}

.boox ul li label{ float:left; display:inline-block; width:30%;  line-height:30px;text-align:right;}

.boox ul li input[type="text"]{ width:60%;height:32px; border:1px #CCC solid;}

.boox ul li .ckradio{ float:left; padding-right:15px; height:30px; line-height:30px;}

.boox ul li textarea{ width:60%; height:50px; border:1px #CCC solid;}

.button{height:50px; margin:0 auto; background:#D5D5D5; line-height:50px; text-indent:20px}

.button span a{width:50%; height:50px; background:#e86b0f; line-height:50px; display:block; float:right; color:#FFF; text-align:center}

.button strong{color:#F60}

.fanhui{ position:fixed; width:100%;height:40px; background:#2E85E6; /*width:800px;*/ margin:0 auto; overflow:hidden; bottom:0}

.fanhui a{}

.fanhui .fhbtn{ display:inline-block;content: '';position: absolute;width:12px;height:12px;left: 10px;top: 50%;margin-top: -5px;border-top: 2px solid #FFF;border-left: 2px solid #FFF;

-webkit-transform: rotate(-45deg);

-moz-transform: rotate(-45deg);

-ms-transform: rotate(-45deg);

-o-transform: rotate(-45deg);

transform: rotate(-45deg);

}

.fanhui a.myorderlink{ float:right; height:35px; line-height:35px; padding-right:20px; color:#FFF;}

/*Ԥ������*/

.list{width:100%;height:100%;min-height: 100%; margin:0px auto; font-size:12px;}

.list li{line-height:20px; border-bottom:1px solid #CCC; padding:10px;background: #F6F6F6;}

.list li strong{ font-size:16px; font-weight:bold;}

.single{width: 100%;height: 100%;min-height: 100%; overflow:hidden; background:#FFF; line-height:20px; font-size:12px;}

.singleCon{ padding:10px;}

.singleCon img {max-width: 100%;}

.singleCon h3 {text-align: center; font-size: 18px;}

.singleCon h2{ padding-bottom:10px;}

/*�����б�*/

div.sdmenu {width:100%;font-family: Arial, sans-serif;font-size: 12px;padding-bottom: 10px;}

div.sdmenu div span {display: block; height:42px; line-height:42px;padding: 0px 15px;font-weight: bold;color: #666;background:#EFEFEF;border-bottom: #BCBCBC 1px solid;cursor: default;}

div.sdmenu div a {text-decoration: none;display: block; height:40px; line-height:40px;padding:0 25px;color:#000;border-bottom: #BCBCBC 1px solid; background:#FFF;}

div.sdmenu div a.current {background:#FFF;}

.mui-btn{

	height: 36px !important;

	padding: 6px 13px;

}

.boox ul li input {

				 font-size: 12px;

				 padding-left: 10px;

}





.mui-input-row label~input{

    float: right;

    width: 65%;

    margin-bottom: 0;

    padding-left: 0;

    border: 0;

}

.mui-input-row {

    height: 40px;

}



.mui-input-row label {

    font-family: 'Helvetica Neue',Helvetica,sans-serif;

    line-height: 1.1;

    float: left;

    width: 35%;

    padding: 10px 15px;

}



.mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech {

    font-size: 20px;

    position: absolute;

    z-index: 1;

    top: 10px;

    right: 0;

    width: 38px;

    height: 38px;

    text-align: center;

    color: #999;

}



.mui-input-row label+input, .mui-input-row:last-child {

    background: 0 0;

}

			

.mui-input-group {

	background: none;

}

			

.mui-input-group:before,.mui-input-group .mui-input-row:after,.mui-input-group:after {

	display: none;

}

			

.mui-input-row {

	border: 1px solid #ccc;

	border-radius: 40px;

	background: rgba(49, 60, 69, 0.40) !important;

	margin-bottom: 10px;

	color: #fff;

}

			

.mui-input-row label {

	width: 20%;

	float: left;

}

			

.mui-input-row label~input {

	height: 38px;

	width: 70%;

	color: #fff;

}

			

.mui-input-row > a {

	display: block;

	color: #fff;

	position: absolute;

	right: 0;

	top: 0;

	padding: 10px 15px;

}

			

.mui-segmented-control {

	border: 0;

}

			

.mui-segmented-control .mui-control-item.mui-active {

	background: none;

}