.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
.price-color{ color:#eb5409;}
.div-style{background: #fff;border-bottom:1px solid #d1d1d1;}
.w100percent{width: 100%;}
.tabel-cell{display: table-cell;width: 1%;}
.clearfix{overflow:auto;_height:1%}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.sub-categroy{font-size:12px;text-align: left;border-left:1px solid #efefef;border-right:1px solid #efefef;padding:3px 10px}
/*内容区块*/
.diy-phone .box-bd{border: 1px solid #d1d1d1;padding: 10px;margin:0 10px;border-radius: 5px;background: #fff;color: #7c7c7c;}
.diy-phone .box-bd p span{color: #b9b9b9;}
.diy-phone .box-bd .hotelname{color: #7c7c7c;padding-bottom: 8px;font-size: 14px;overflow: hidden;}
.diy-phone .box-bd h1{font-size: 14px;padding: 0;}
.diy-phone .box-bd>p{line-height: 22px;overflow: hidden;padding: 3px 0;}
.diy-phone .box-bd>p>input{box-shadow: none;-webkit-box-shadow: none;border: 1px solid #fff;color: #7c7c7c; -webkit-appearance: inherit;padding: 0;}
.diy-phone .box-bd>p>input.alter{border-color:rgba(9,125,222,.5);color: #333;margin-right: 5px;text-align: center;padding: 6px 0;box-shadow: 0 0 2px #ccc;-webkit-box-shadow:  0 0 2px #97cde4;}
.diy-phone .box-bd .nav-p a{display: block;font-size: 14px;float: left;text-align: center;color:#333;width: 49.5%;margin-top: 8px;line-height: 30px;}
.diy-phone .box-bd .nav-p a:first-child{border-right: 1px solid #d1d1d1;}
.diy-phone .box-bd .nav-p a i{font-size: 16px;}
.diy-phone .box-bd .border-top-p{border-top: 1px solid #d1d1d1;padding-top: 8px;}

.box-last p{line-height: 35px;}
/*房间数加减*/
.box-op{padding-top:3px; }
.box-op .icon{display: block;width: 24px;height: 24px;text-align: center;line-height: 20px;float: left;border: 1px solid #d1d1d1;color: #7c7c7c;}
.box-op  input{padding: 0;width: 24px;text-align: center;height: 24px;float: left; border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.diy-page {
    position: relative;
}


.diy-phone {
    float: left;
    width: 328px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 150px;
}

.diy-pc{
    width:100%;
}
.diy-pc-editor{
    position: absolute;
    top:0;
    right: -220px;
    z-index: 1000;
}
.diy-pc-editor .inner{
    max-height: 600px;
    overflow-y: auto;
}
.diy-phone .phone-head {
    height: 44px;
    background: #fff;
    position: relative;
}

.diy-phone .phone-head:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 112px;
    height: 8px;
    width: 8px;
    background: #ddd;
    border-radius: 8px;
}

.diy-phone .phone-head:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 128px;
    height: 8px;
    width: 50px;
    background: #ddd;
    border-radius: 8px;
}

.diy-phone .phone-title {
    height: 54px;
    background: url("../images/wx-top.png") 0 0 no-repeat;
    background-size: 100% auto;
    padding: 0 50px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 68px;
    cursor: default;
    overflow: hidden;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.diy-pc .phone-title{
   background: #000;
   height: 40px;
   line-height: 44px;
   font-size: 16px;
}
.diy-phone .phone-main {
    min-height: 800px;
    border: 1px solid #ddd;
    border-top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.diy-phone .phone-main p {
    margin: 0;
    padding: 0;
}

.diy-phone .phone-main .highlight {
    height: 50px;
    border: 2px dashed #999;
    text-align: center;
    font-size: 16px;
    color: #999;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.diy-phone .phone-main .drag {
    position: relative;
    width: 100%;
    min-height: 20px;
    display: block;
    overflow: hidden;
}

.diy-phone .phone-main .drag.selected:before,
.diy-phone .phone-main .drag:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px dashed #00a0e9;
    cursor: move;
    z-index: 10;
}

.diy-phone .phone-main .drag.fixed:before {
    cursor: default;
}

.diy-phone .phone-main .drag .btn-edit-del {
    height: 16px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    display: none;
    z-index: 99999;
}
.diy-pc .phone-main .drag .btn-edit-del{
    left:2px;
    right: auto;
}
.diy-phone .phone-main .drag .btn-edit-del > div {
    width: 32px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: rgba(0,0,0,.4);
    margin-left: 2px;
    cursor: pointer;
    position: relative;
    z-index: 11;
}


.diy-phone .phone-main .drag.selected .btn-edit-del ,
.diy-phone .phone-main .drag:hover .btn-edit-del {
    display: block;
}

.diy-phone .phone-main .drag.nodelete .btn-edit-del .btn-del {
    display: none;
}

.diy-phone .phone-main a {
    color: #337ab7;
}

.diy-phone .phone-foot {
    height: 24px;
    width: 60px;
    margin: 15px auto 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
}


.memberheader.v1{position: relative;}
.memberheader.v1 .head{position:relative;background: #fff;border-bottom: 1px solid #ccc; height:250px; width:100%; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
.memberheader.v1 .head .upgrade{position:absolute;top:8px;right:16.5px;font-size: 0.75rem;z-index: 11;max-width: 120px;}
.memberheader.v1 .head .barcode{position:absolute;top:8px;left:16.5px;font-size: 0.75rem;z-index: 11;max-width: 120px;}
.memberheader.v1 .head .logo-img{position: absolute; left: 50%; top: 25px;z-index: 12; border-radius: 100%;  width: 88px; height: 88px; margin-left: -44px;border: 3px solid #cfcfcf;}
.memberheader.v1 .head .logo-img img{width: 100%;height: 100%; border-radius: 100%; }
.memberheader.v1 .head .card-img{position: absolute; width:90%;left:5%; bottom: -15px;z-index: 11; }
.memberheader.v1 .head .card-img img{width: 100%; height:auto;}
.memberheader.v1 .head .banner-info{position: absolute;width: auto;left:35%;height:30px;text-align: center; bottom:35px;z-index: 11;}
.memberheader.v1 .head .banner-info p{line-height: 20px;font-size: 0.875rem;font-size:14px;}
.memberheader.v1 .head .card-no{bottom:85px;}
.memberheader.v1 .head .name{bottom:65px;}
.memberheader.v1 .head .member-level{bottom:45px;}
.memberheader.v1 .head .tel{margin-top: 3px;}
.fui-cell-group .fui-cell .fui-cell-icon {margin-right: 0.7rem}
.fui-cell-group .fui-cell .fui-cell-icon i{font-size: 1rem}
.fui-cell-group .fui-cell .fui-cell-text{font-size: 0.675rem}
.fui-cell-group .fui-cell .fui-cell-remark,
.bindmobile .fui-cell-tip{font-size: 0.75rem}
.bindmobile .icon-mobile{font-size: 1rem}
.memberheader.v1 .head .head-nav{width: 100%; height:48px; line-height:30px; padding: 5px 0;z-index: 11; position: absolute; bottom: 10px; left: 0;}
.memberheader.v1 .head .head-nav .head-nav-list{display:inline-block; float:left;background: red;line-height: 40px; text-decoration:none; color:#FFF; width:40%; height: 40px;border-radius:20px; border:1px solid red;margin:0 5%; text-align:center;}
.memberheader.v1 .head .head-nav .head-nav-list .fa{display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-right: 5px;}
.memberheader.v1 .head .head-nav .head-nav-list:last-of-type{background: none;color:#bbb;}
.memberheader.v1 .head .head-nav .head-nav-list:last-of-type .fa{color:red;border-bottom: 1px solid red;width: 15px;}
.memberheader.v1 .only-headimg{height: 180px;}
.memberheader.v1 .only-cardimg{height: 220px;}
.memberheader.v1 .head .center{width:100%;text-align: center;left:0;}
/*菜单按钮*/
.menu-nav.v2{width: 100%; height:50px; line-height:30px; padding: 5px 0;}
.menu-nav.v2 .head-nav-list{display:table-cell; width: 1%; text-decoration:none;padding: 0 10px;}
.menu-nav.v2 .head-nav-list .btns{line-height: 40px;height: 40px;font-size:14px;border-radius:20px;text-align:center;border:1px solid #ccc;}
.menu-nav.v2 .head-nav-list .fa{display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-right: 5px;}

/*小程序入口页头部**/
.entrance_header.v1 .header{padding: 10px;}
.entrance_header.v1 .header .logo{width:140px;}
.entrance_header.v1 .header .logo.no-order{width:100%;text-align: center;}
.entrance_header.v1 .header .logo img{max-height:40px;margin-left:10px;}
.entrance_header.v1 .header .logo.no-order img{margin:0;}
.entrance_header.v1 .header .roomnum{width:60px;color:#194575;text-align: center;}
.entrance_header.v1 .header .roomnum span:last-child{font-size:18px;line-height:20px;display:block;}
.entrance_header.v1 .header .roomnum span:first-child{font-size:12px;color:#ccc;}

/*酒店列表介绍**/
.hotelintro.v1 .hotelinfo{margin:10px 0 0;padding:0 10px 20px 10px;}
.hotelintro.v1 .hotelinfo .nav{line-height:48px;width:100%;height:48px;color:#666;font-size:16px;text-align: center;}
.hotelintro.v1 .hotelinfo .nav span{display: block;padding:10px 0;line-height:24px;width:45%;float:left;border-bottom:1px solid #f2f2f2;}
.hotelintro.v1 .hotelinfo .nav span:last-child{float:right;}
.hotelintro.v1 .hotelinfo .nav span.cur{color:#194575;border-bottom: 1px solid #194575;}
.hotelintro.v1 .hotelinfo .introduce{width:100%;}
.hotelintro.v1 .hotelinfo .introduce .list{padding-bottom:20px;border-bottom: 1px solid #f2f2f2;}
.hotelintro.v1 .hotelinfo .introduce .list:last-child{border:0;}
.hotelintro.v1 .hotelinfo .introduce .title{padding:25px 0;font-weight: 600;}
.hotelintro.v1 .hotelinfo .introduce .title .more{font-size:12px;color:#333;font-weight: normal;}
.hotelintro.v1 .hotelinfo .introduce .title .more .fa{font-size:14px;}
.hotelintro.v1 .hotelinfo .introduce img{width:100%;height:180px;}
.hotelintro.v1 .hotelinfo .introduce p{padding-top: 8px;}
.hotelintro.v1 .hotelinfo .introduce p .fa{font-size: 14px;margin:5px 8px 0;}
.hotelintro.v1 .hotelinfo .introduce p.des{padding-left: 5px;line-height: 16px;}
.hotelintro.v1 .hotelinfo .contact-us {width:100%;}
.hotelintro.v1 .hotelinfo .contact-us .list{padding: 20px 0;margin:0 20px;}
.hotelintro.v1 .hotelinfo .contact-us .list span{width:60%;font-size:14px;display:inline-block;margin-left:15px;color:#333;}
.hotelintro.v1 .hotelinfo .contact-us .list.phone{border-bottom: 1px solid #f2f2f2;}
.hotelintro.v1 .hotelinfo .contact-us .list .fa:first-child{color:#194575;}
.hotelintro.v1 .hotelinfo .contact-us .list .fa:last-child{color:#c8c8c8;}

/***************
***客房预订首页****
***************/
/*客房首页模版*/
.diy-phone .hotelstart.v1{height: 100%;}
.diy-phone .hotelstart.v1 .mm-current { opacity: 1;position: relative;  position: fixed; width: 80%;right: 0;top: 0;height: 100%;}
.diy-phone .hotelstart.v1 .m-search-form .yo-list-search .mark {font-size: 13px;}
.diy-phone .hotelstart.v1 .m-icon-text .icon {font-size: 20px; }
.diy-phone .hotelstart.v1 .m-search-form .yo-list-search { margin-bottom: 20px; padding: 0 2%;}
.diy-phone .hotelstart.v1 .yo-list-search {position: relative; }
.diy-phone .hotelstart.v1 .yo-list-search { position: relative; }
.diy-phone .hotelstart.v1 .yo-list-search > .item {display: -webkit-box;display: -webkit-flex;position:relative;display: flex; height: 38px;line-height: 38px;margin-top: 12px;}
.diy-phone .hotelstart.v1 .yo-list-search > .item > .mark{display: block;width: 3.5rem;color: #999; background: transparent;  }
.diy-phone .hotelstart.v1 .yo-list-search > .item > .cont {  -webkit-box-flex: 1;  -webkit-flex: 1;  flex: 1;  width: .1px;  padding-left: 8px;  position: relative;  }
.diy-phone .hotelstart.v1 .yo-list-search > .item > .yo-ico {  display: block;  color: #86a971;  }
.diy-phone .hotelstart.v1 .yo-list-search > .item > .yo-ico, .yo-list-search > .item > .cont {  background: transparent;border-bottom: 1px solid #ccc;  }
.diy-phone .hotelstart.v1 .yo-list-search > .item > .m-icon-text {  width: 4rem;  text-align: center;  line-height: initial;  }
.diy-phone .hotelstart.v1 .yo-list-search > .item > .m-icon-text .icon {  height: 30px;  line-height: 30px;  }
.diy-phone .hotelstart.v1 .yo-list-search > .item > .m-icon-text .text {  font-size: 14px;  }
.diy-phone .hotelstart.v1 .yo-list-search .days {  position: absolute;  right: 3%;  top: -25px;right: 0.7rem;  width: 50px;  height: 50px;  line-height: 50px;  border-radius: 50%;  border: 1px solid #86a971;  text-align: center;  font-size: 12px;  }
.diy-phone .hotelstart.v1 .yo-btn {  border-radius: 2px;  }
.diy-phone .hotelstart.v1 .yo-btn-stacked {  display: block;  width: 100%;  }
.diy-phone .hotelstart.v1 .yo-btn-m {  font-size: 15px;  height: 38px;  line-height: 38px;  }
.diy-phone .hotelstart.v1 .submit {  padding: 0 10px; }
.diy-phone .hotelstart.v1 .yo-btn { border-radius:2px; background-clip: padding-box !important;  background-color: #ec6c27;  border-color: #ec6c27;
    border-style: solid;  border: 0;  color: #fff;  cursor: pointer;  display: inline-block;
    overflow: hidden;  padding: 0 1.2em;  text-align: center;  vertical-align: top;  }
.diy-phone .hotelstart.v1 .yo-list-search > .item > .yo-ico,
.diy-phone .hotelstart.v1 .yo-list-search > .item > .cont{background-image:none; }
.diy-phone .hotelstart.v1{position: relative; min-height:580px;font-size: 100%;}
.diy-phone .hotelstart.v1 .divbox{position: absolute;width: 100%;z-index: 8;display:flex;flex-direction:column;background-size:100% 100%;-webkit-background-size: 100% 100%;height: 100%;position: absolute;width: 100%;}
.diy-phone .hotelstart.v1 .divbox header{text-align: center;}
.diy-phone .hotelstart.v1 .logo{width: 155px; margin:25px 0 15px;}
.diy-phone .hotelstart.v1 .divbox section{background: rgba(255,255,255,.8);padding: 12px 12px 20px;width: 85%;margin: 0 auto;}
.diy-phone .hotelstart.v1 .divbox section p{padding: 0 2px;}
.diy-phone .hotelstart.v1 .divbox section h2{padding: 0 2px;font-weight: normal;margin-bottom:10px;}
.diy-phone .hotelstart.v1 .divbox section input{border: 1px solid #b5b5b5;line-height: 32px;border-radius: 4px;width: 96%;padding-left: 8px;margin:5px 0 15px;box-shadow: none;}
.diy-phone .hotelstart.v1 .divbox section .search-btn{width: 175px;line-height: 35px;text-align: center;font-size: 14px;border-radius: 4px;margin: 15px auto 0;}
.diy-phone .hotelstart.v1 .divbox section .citybox{position: absolute;top:40px;left: 0;background: #fff;border: 1px solid #b5b5b5; padding: 10px 0;display: none;width: 99%;}
.diy-phone .hotelstart.v1 .divbox section .citybox li{width:20%;float: left;text-align: center;font-size: 12px;}
.diy-phone .hotelstart.v1 .divbox section .citybox li a{display: block;padding: 8px 0;cursor: pointer;}
.diy-phone .hotelstart.v1 .mm-panel.mm-hasnavbar .mm-navbar{display: none;}
.diy-phone .hotelstart.v1 .mm-panels > .mm-panel.mm-hasnavbar{padding: 0;}
.diy-phone .hotelstart.v1 .slider-content .mm-listview > li>a{padding: 0;}
.diy-phone .hotelstart.v1 .mm-panels > .mm-panel::after,
.diy-phone .hotelstart.v1 .mm-panels > .mm-panel::before{height: 0;}
.diy-phone .hotelstart.v1 .mm-listview > li:not(.mm-divider)::after{border: none;}
.diy-phone .hotelstart.v1 .u-area li{ border: 1px solid #ddd; margin: 10px 0 0 6% ; float: left; background: #fff;}
.diy-phone .hotelstart.v1 .u-area li a{ width: 65px; height: 35px; text-align: center; line-height: 35px;display: block;}
.diy-phone .hotelstart.v1 .u-area{ overflow: hidden; padding: 10px 0 20px 0;background: #fff;border-bottom: 1px solid #c8c8c8;border-top: 1px solid #c8c8c8;}
.diy-phone .hotelstart.v1 .select-date input.data-range { height: 95px;left: 0;opacity: 0; position: absolute;top: 0; width: 100%; z-index: 10;}
.diy-phone .hotelstart.v1 .select-date input{width: 100%; border: 0; background: none; height:auto; color: #333;}
.diy-phone .hotelstart.v1 .select-date i.fa{line-height: 40px;}
.diy-phone .hotelstart.v1 .slider .slider-nav{position:fixed;right:0;top:0;background:rgba(0,0,0,.45);padding-top: 8px;height:100%;width: 30px;}
.diy-phone .hotelstart.v1 .slider-nav ul{margin-top:50px;}
.diy-phone .hotelstart.v1 .slider-nav ul li a{ display: block; width: 25px; font-size: 11px; cursor: pointer; line-height: 15px; padding:0 4px 0 10px; text-align: right; color: #fff;}
.diy-phone .hotelstart.v1 .slider{display:block;position:relative;background:#fff;min-height:480px;}
.diy-phone .hotelstart.v1 .slider-content{ background: #fff;;height: 100%;width: 100%;position: fixed;overflow: scroll;}
.diy-phone .hotelstart.v1 .slider-content>ul>li>ul a{ display: block; line-height: 32px;padding: 0 10px;border-top: 1px solid #f1f1f1; padding: 0 10px; background: #fff;}
.diy-phone .hotelstart.v1 .slider-content a.title{ background: #e6e6e6; line-height: 35px; display: block;text-indent:10px;width: 100%;}
.diy-phone .hotelstart.v1 .mm-offcanvas{  opacity: 0;z-index: -1; position: fixed;}
.diy-phone .hotelstart.v1 .mm-slideout {
    box-shadow:0 -8px 8px #666;
    transition: transform 0.4s ease 0s;
    -webkit-transition: transform 0.4s ease 0s;
    z-index: 1;
}
.diy-phone .hotelstart.v1 .mm-slideout{
    transform:translate3d(-80%, 0px, 0px);
    -webkit-transform:translate3d(-80%, 0px, 0px);
}
.diy-phone .hotelstart.v1 .mm-page { background: inherit; }
.diy-phone .hotelstart.v1 .mm-opened{
    transform:scale(.7,.7) translate3d(30%,0,0);
    -webkit-transform:scale(.7,.7) translate3d(30%,0,0);
    transform-origin:right center;
    -webkit-transform-origin:right center;
    transform:scale(1,1) translate3d(0,0,0);
    -webkit-transform:scale(1,1) translate3d(0,0,0);
}

.diy-phone .hotelstart.v2{height: 100%;position: absolute;width:100%;}
.diy-phone .hotelstart.v2 .mm-current { opacity: 1;position: relative;  position: fixed; width: 80%;right: 0;top: 0;height: 100%;}

.diy-phone .hotelstart.v2 .slideshow{height:100%;overflow: hidden;position: absolute;width:100%}
.diy-phone .hotelstart.v2 .slideshow .slideshow-image{height:100%;width:100%}
.diy-phone .hotelstart.v2 .divbox{width: 100%;z-index: 8;position: absolute;top:0;height:100%;}
.diy-phone .hotelstart.v2 .divbox header{text-align: center;}
.diy-phone .hotelstart.v2 .d-logo{position: absolute;bottom:20px;left:0;right: 0;text-align: center;}
.diy-phone .hotelstart.v2 .logo{width: 155px; margin:0 auto;}
.diy-phone .hotelstart.v2 header{margin-bottom: 35px;position:relative;display: none;}
.diy-phone .hotelstart.v2 header .title1{font-size: 20px;color:#000;margin: 45% auto 0;height: 35px;width: 80%;border-bottom: 1px solid #000;letter-spacing: 5px;}
.diy-phone .hotelstart.v2 header .title2{font-size: 13px;color:#000;letter-spacing: 7px;margin-top: 10px;}
.diy-phone .hotelstart.v2 .divbox .chs-city{background: rgba(255,255,255,.8);box-shadow:1px -1px 1px rgba(0, 0, 0, 0.2);position:relative;width: 88%;height:40px;margin: 0 auto;border-radius: 6px;}
.diy-phone .hotelstart.v2 .divbox .chs-city .icon-location{font-size: 20px;color:#323232;position: absolute;left:12px;top:10px;}
.diy-phone .hotelstart.v2 .divbox .chs-city input{border:0;line-height: 35px;padding-left:40px;width: 88%;background: none;float: left;}
.diy-phone .hotelstart.v2 .divbox .chs-city .fa-search{font-size: 16px;margin: 10px 10px 0 0;color:#323232;float:right;}
.diy-phone .hotelstart.v2 .divbox .search-btn{width: 120px;height:40px;line-height: 42px;border:1px solid #fff;color:#fff;text-align: center;font-size: 16px;margin: 120px auto 0;}
.diy-phone .hotelstart.v2 .city-list{width:86%;padding:1%;z-index:9999;background: rgba(255,255,255,.4);position: absolute;left:6%;border-radius: 6px;}
.diy-phone .hotelstart.v2 .city-list span{display: block;width:46%;margin:2%;color:#333;padding:10px 0;float: left;text-align: center; background: #fff;}
.diy-phone .hotelstart.v2 .city-list .disableBtn{background: #ddd;}.diy-phone .hotelstart.v1 .mm-offcanvas{  opacity: 0;z-index: -1; position: fixed;}
.diy-phone .hotelstart.v2 .mm-slideout {
    box-shadow:0 -8px 8px #666;
    transition: transform 0.4s ease 0s;
    -webkit-transition: transform 0.4s ease 0s;
    z-index: 1;
}
.diy-phone .hotelstart.v2 .mm-slideout{
    transform:translate3d(-80%, 0px, 0px);
    -webkit-transform:translate3d(-80%, 0px, 0px);
}
.diy-phone .hotelstart.v2 .mm-page { background: inherit; }
.diy-phone .hotelstart.v2 .mm-opened{
    transform:scale(.7,.7) translate3d(30%,0,0);
    -webkit-transform:scale(.7,.7) translate3d(30%,0,0);
    transform-origin:right center;
    -webkit-transform-origin:right center;
    transform:scale(1,1) translate3d(0,0,0);
    -webkit-transform:scale(1,1) translate3d(0,0,0);
}
/***************
***餐厅介绍****
***************/
.diy-phone .restaurantinfo section{background: rgba(0,0,0,0.4);bottom:0;color:#fff;position: absolute;overflow: hidden;width: 100%;text-align: center;min-height:45%;padding-bottom:60px;}
.diy-phone .restaurantinfo section .d-content{width: 90%;margin:0 auto;font-size: 13px;overflow: hidden;background: none;}
.diy-phone .restaurantinfo section .d-left{width: 40%;float: left;text-align: left}
.diy-phone .restaurantinfo section .d-left p,.diy-phone .restaurantinfo section .d-right p{margin: 0;}
.diy-phone .restaurantinfo section .d-right{width: 60%;float: left;text-align: left;}
.diy-phone .restaurantinfo section .btns{overflow: hidden;width: 80%;position: absolute;bottom: 10px;left: 10%;}
.diy-phone .restaurantinfo section .btns span{display: block;background: #b6602a;height:35px;line-height: 35px;color:#fff;}
.diy-phone .restaurantinfo section .btns .orderMeal{margin-left: 20%;}
.diy-phone .restaurantinfo section .btns a{display: table-cell;width: 1%; padding: 0.5rem;}
.diy-phone .restaurantinfo section .title:before,.diy-phone .restaurantinfo section .title:after{content: "";display: inline-block;margin:0 auto;text-decoration: line-through;vertical-align: middle;width: 30%;border-bottom:1px solid #fff;}
.diy-phone .restaurantinfo section .title span{display: inline-block;width: 31%;}

/***************
***订单详情****
***************/
.diy-phone .posdetail .container{width: 100%;}
.diy-phone .posdetail header{width: 88px;margin: 0 auto; padding: 25px 0;}
.diy-phone .posdetail header img{width: 100%;}
.diy-phone .posdetail .main-content{margin-bottom: 45px;}
.diy-phone .posdetail .detail,
.diy-phone .posdetail .contacts{width: auto;  margin: 0 10px; padding:0 10px; border:  1px solid #dbdada; background: #fff;}
.diy-phone .posdetail .detail .title{width: 100%;padding: 10px 0; color: #727272; font-size: 0.85rem; border-bottom: 1px solid #dbdada;  }
.diy-phone .posdetail .detail .hotelname{color: #a77536;}
.diy-phone .posdetail .detail .type{float: right;}
.diy-phone .posdetail .detail .details{padding: 8px 0;}
.diy-phone .posdetail .detail .details span,
.diy-phone .posdetail .contacts span{display: block; color: #727272;font-size: 0.85rem; line-height: 24px;}
.diy-phone .posdetail .contacts{ margin-bottom: 4px; min-height: 30px; line-height: 24px; padding: 8px 10px;}
.diy-phone .posdetail .total-btn{width: 100%; }
.diy-phone .posdetail .total-btn .pay-now{background: #a77536; margin: 40px auto; width: 180px; height: 40px; line-height: 40px; text-align: center;display: block; color: #fff; font-size: 0.85rem; border-radius: 3px;}

/***************
***订单提交****
***************/
.diy-phone .possubmit{background:#fff;}
.diy-phone .possubmit p{margin: 0;}
.diy-phone .possubmit ::-webkit-input-placeholder{color:#d6d6d6;}
.diy-phone .possubmit :-moz-placeholder{color:#d6d6d6;opacity: 1;}
.diy-phone .possubmit ::-moz-placeholder{color: #d6d6d6;opacity: 1;}
.diy-phone .possubmit :-ms-input-placeholder{color:#d6d6d6;}
.diy-phone .possubmit #form{height: 100%;width: 100%;}
.diy-phone .possubmit .red{color:#fb081f;float: right;margin-right: 2.5%;margin-top:-25px;}
.diy-phone .possubmit .ui-mobile, .ui-mobile body{height:auto;}
.diy-phone .possubmit .frosted-glass{left:0;width: 100%;height: 100%;background: inherit;-webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px);-o-filter: blur(5px);filter: blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}
.diy-phone .possubmit.ui-btn-icon-left::after, .ui-btn-icon-right::after, .ui-btn-icon-top::after, .ui-btn-icon-bottom::after, .ui-btn-icon-notext::after{border-radius:4px;background-color:#b6602a;height: 30px;width: 30px;margin-right:-16px;margin-top:-15px;}
.diy-phone .possubmit .back{color:#fff;font-size: 18px;width: 84%;margin:20px auto 0;max-width: 640px;}
.diy-phone .possubmit .back .fa-chevron-left{margin-right: 5px;margin-left:-20px;}
.diy-phone .possubmit .d-info{background: rgba(255,255,255,0.7);padding:20px 0 90px;margin: 0 auto;width: 84%;max-width: 640px;}
.diy-phone .possubmit .d-info input{font-size:0.75rem;height: 40px;border-radius: 4px;border:0;padding-left: 5px;-webkit-appearance: none;background: #fff;padding-top:0;padding-bottom: 0;}
.diy-phone .possubmit .d-info .pulldown{position: absolute;display: block;color:#fff;height: 32px;line-height: 32px;text-align: center;width: 30px;border-radius: 4px;top:6px;right:4%;}
.diy-phone .possubmit .d-info .pulldown .fa-caret-down{color: #b6602a;font-size: 22px;}
.diy-phone .possubmit .d-info .restaurant{width: 80%;margin:10px 10% 0;padding-left: 5px;border-radius: 4px;border:0;-webkit-appearance: none;background: #fff}
.diy-phone .possubmit .d-info .userName,.diy-phone .possubmit .d-info .userPhone{width: 80%;margin:0px 10%;}
.diy-phone .possubmit .d-info .userName{margin-top:15px;margin-bottom:5px;}
.diy-phone .possubmit .d-info .infoInput .orderTime .rsvTime,
.diy-phone .possubmit .d-info .people{font-size:0.75rem;border-radius: 4px;border:0;-webkit-appearance: none;background: #fff;appearance:none;-moz-appearance: none;-o-appearance: none;}
.diy-phone .possubmit .d-info .infoInput{position: relative;margin-top: 15px;}
.diy-phone .possubmit .d-info .infoInput .timeInput{margin-left:10%;width: 81%;overflow: hidden;}
.diy-phone .possubmit .d-info .infoInput .orderDate{width: 45%;position: relative;float: left;}
.diy-phone .possubmit .d-info .infoInput .orderDate input{width: 100%;}
.diy-phone .possubmit .d-info .infoInput .orderDate .pulldown{right:-6px;}
.diy-phone .possubmit .d-info .infoInput .orderTime{width: 45%;position: relative;float: left;margin-left: 10%;}
.diy-phone .possubmit .d-info .infoInput .orderTime .rsvTime{width: 100%;height:40px;}
.diy-phone .possubmit .d-info .infoInput .orderTime .pulldown{right:-1px;}
.diy-phone .possubmit .d-info .coverNum{font-size:0.75rem;height:40px;line-height:40px;position:relative;border-radius: 4px;margin-top:5px;padding-top:0;background: #fff;width:80%;margin-left:10%;padding-left:5px;color:#333;}
.diy-phone .possubmit .d-info .coverNum select{width: 60%;height:28px;border:0;-webkit-appearance: none;appearance:none;background: #fff}
.diy-phone .possubmit .d-info .coverNum span{right:-1px;}
.diy-phone .possubmit .d-info .selectPosition{height:30px;line-height:30px;position:relative;border-radius: 4px;margin-top:5px;padding-top:0;background: #fff;width:80%;margin-left:10%;padding-left:5px;color:#333;}
.diy-phone .possubmit .d-info .selectPosition span{right:-1px;}
.diy-phone .possubmit .d-info .d-remark{margin-left: 10%;margin-top: 15px;position: relative;width: 81%;font-size:0.75rem;}
.diy-phone .possubmit .d-info .d-remark span{left:5px;position: absolute;z-index:9;top:5px;}
.diy-phone .possubmit .d-info .orderContent{border:1px solid #e0e0e0;background: #fff;border-radius: 4px;margin-left: 10%;width: 80%;}
.diy-phone .possubmit .d-info .orderContent .title{font-size:0.75rem;padding-left:5px;height: 30px;line-height: 30px;}
.diy-phone .possubmit .d-info .orderContent .title .fa{float: right;margin-right: 10px;margin-top: 6px;}
.diy-phone .possubmit .d-info .orderContent .d-content{padding:0 5px;}
.diy-phone .possubmit .d-info .orderContent .d-content img{width:90px;margin:20px 10px 10px;float:left;height:80px;}
.diy-phone .possubmit .d-info .orderContent .d-content p{border:none;font-size:0.75rem;display: inline-block;}
.diy-phone .possubmit .d-info .payType{font-size:0.75rem;margin-left: 10%;border-radius:4px;width: 80%;margin-top: 15px;padding-left: 5px;position: relative;}
.diy-phone .possubmit .d-info .payType select{font-size:0.75rem;width: 68%;height:40px;border-radius: 4px;border:0;-webkit-appearance: none;background: #fff;appearance:none;-moz-appearance: none;-o-appearance: none;}
.diy-phone .possubmit .d-total{position: fixed;left:0;bottom:0px;width:100%;background: #f6f6f6;color:#eb5a5a;border-top:1px solid #e0e0e0;}
.diy-phone .possubmit .d-total .total{font-size: 0.85rem;padding:10px;}
.diy-phone .possubmit .d-total .sureBtn{border:0;display:inline-block;width:106px;padding:4px 10px;color:#fff;float:right;background-color:#b6602a;text-align: center;font-size:0.85rem;border-radius: 4px;}
.diy-phone .possubmit .d-mask{background: rgba(0,0,0,0.4);width:100%;height:100%;position: fixed;top:0;z-index:99;display: none;}
.diy-phone .possubmit .d-orderSeat{position: fixed;top:40px;z-index:999;width:95%;margin-left:2.5%;background: #fff;display: none;height:350px;overflow: auto;}
.diy-phone .possubmit .d-orderSeat>section{padding-bottom: 20px;}
.diy-phone .possubmit .d-orderSeat .d-seatType{margin:10px;border-bottom:2px solid #e0e0e0;padding-bottom:10px;}
.diy-phone .possubmit .d-orderSeat .d-seatType .number{border:1px solid #e0e0e0;height:35px;line-height: 35px;margin:0;text-align: center;background: #f6f6f6}
.diy-phone .possubmit .d-orderSeat  ul{border-bottom:1px solid #e0e0e0;}
.diy-phone .possubmit .d-orderSeat ul li{height:50px;line-height: 50px;padding-left:20px;border-top:1px solid #e0e0e0;}
.diy-phone .possubmit .d-orderSeat ul li .num{float:right;display: inline-block;padding-right:30px;}
.diy-phone .possubmit .d-orderSeat .d-sure{bottom:52px;height:50px;border-top:1px solid #e0e0e0;font-size: 16px;width:100%;text-align: center;line-height: 50px;}
.diy-phone .possubmit .d-orderSeat .d-sure span{display: block;width:100%;}
.diy-phone .possubmit .ui-select{height:30px;margin: 0;padding: 0;}
.diy-phone .possubmit .ui-select .ui-btn{padding-left:0;padding-right:0;width:95%;height: 30px;line-height: 30px;padding:0;}
.diy-phone .possubmit .d-info .remark{color:#333;font-size:0.75rem;max-height: 75px;margin-bottom:15px;width:100%;border:0;border-radius:3px;resize: none;padding:5px 0 0 18%;min-height: 75px;height: 75px;}

/***************
***菜品列表****
***************/
.diy-phone .posindex{width:100%;height: 100%;}
.diy-phone .posindex .now{color:#736153;font-size: 16px;}
.diy-phone .posindex .headBg{position: absolute;left:0;right:0;margin:0 auto;top:0px;width: 100%;height: 55px;}
.diy-phone .posindex .swiper-container{border: none;}
.diy-phone .posindex .swiper-container-body{top:0;}
.diy-phone .posindex .swiper-container-top{height:45px;width: 100%;z-index:2;border-bottom:1px solid #ddd;position: absolute;top:0;color:#aa9c92;}
.diy-phone .posindex .swiper-container-top .swiper-slide{height:45px;line-height: 45px;text-align: center;}
.diy-phone .posindex .swiper-container-body{position: absolute;z-idnex:99;top:10px;height:100%;width: 100%;}
.diy-phone .posindex .navMenu{width: 100%;height:45px;overflow: hidden;}
.diy-phone .posindex .navMenu li{overflow: hidden;height:45px;line-height: 45px;text-align: center;float: left;}
.diy-phone .posindex .frosted-glass{width: 100%;height: 100%;background: inherit;-webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px);-o-filter: blur(5px);filter: blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}
.diy-phone .posindex .d-food{position: absolute;z-index: 9;top:55px;width: 90%;margin: 0 auto;left:0;right:0;overflow: hidden;height: 75%;overflow-y: auto;}
.diy-phone .posindex .d-food .food{background: #fff;width: 47%;float: left;margin-top: 15px;}
.diy-phone .posindex .d-food .food:nth-child(2n+1){margin-right: 6%;}
.diy-phone .posindex .d-food .food .foodname{font-size:0.75rem;padding-left:2.5%;margin:8px 0;height: 34px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.diy-phone .posindex .d-food .food img{width: 95%;margin-left: 2.5%;height: 95px;}
.diy-phone .posindex .d-food .food .buy{margin:5px 0 15px;color: #eb5a5a;padding-left: 2.5%;font-size:0.75rem;}
.diy-phone .posindex .d-food .food .buy .shopCart{background: #eb5a5a;display: inline-block;float:right;height: 25px;line-height:25px;margin-right:2.5%;font-size:0.75rem;text-align: center;width: 60px;border-radius: 20px;}
.diy-phone .posindex .d-food .food .buy span .fa-shopping-cart{color:#fff;}
.diy-phone .posindex .d-foodPop{display:none;position: fixed;z-index: 999;background: #fff;left: 0;right:0;margin: 0 auto;top:90px;width: 85%;}
.diy-phone .posindex .d-foodPop .circle{display: block;padding-right:10px;border-bottom: 1px solid #ddd;border-left:1px solid #ddd;border-radius: 0 0 0 40px;color:#e43030;float: right;font-size: 16px;height: 40px;line-height: 30px;text-align: right;width: 40px;}
.diy-phone .posindex .d-foodPop .foodTitle{margin: 20px 2.5% 10px;font-size:0.75rem;}
.diy-phone .posindex .d-foodPop .foodTitle .price{float: right;color: #e43030;}
.diy-phone .posindex .d-foodPop .foodImg{width: 95%;margin-left:2.5%; }
.diy-phone .posindex .d-foodPop .d-num{overflow: hidden;float: left;color:#e43030; }
.diy-phone .posindex .d-foodPop .d-num .minish{display: block;border-bottom:1px solid #ddd;border-top:1px solid #ddd;border-left:1px solid #ddd;float: left;text-align: center;width: 20px;height: 25px;line-height: 22px;}
.diy-phone .posindex .d-foodPop .d-num .s-num{display: block;border:1px solid #ddd;float: left;text-align: center;width: 30px;height: 25px;line-height: 25px;}
.diy-phone .posindex .d-foodPop .d-num .add{display: block;border-bottom:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;float: left;text-align: center;width: 20px;height: 25px;line-height: 22px;}
.diy-phone .posindex .d-foodPop .d-addCart{margin:10px 2.5%;overflow: hidden;}
.diy-phone .posindex .d-foodPop .d-addCart .btn{float: right;display: block;background: #e43030;color:#fff;border-radius: 4px;height: 35px;line-height: 32px;text-align: center;margin: 0;}
.diy-phone .posindex .d-mask{ width: 100%; z-index:888; height: 100%; background-color: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0;display: none;}
.diy-phone .posindex .allDinner{ z-index: 999; position: absolute; bottom: 0; width: 100%; background-color: #f6f6f6;  border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; height: 50px;}
.diy-phone .posindex .allDinner .a-circle{position:relative;background: #eb5a5a;border-radius: 40px;color:#fff;font-size: 30px;height:65px;line-height: 65px;margin-left:5px;margin-top: -30px;position: absolute;text-align: center;width: 65px;}
.diy-phone .posindex .allDinner .a-circle .s-circle{height:100%;width: 100%;}
.diy-phone .posindex .allDinner .submitBtn{ background-color: #eb5a5a; display: block; padding: 0 20px; height: 35px; line-height: 35px; color: #fff; text-align: center; border-radius: 3px; float: right;margin-right: 10px;}
.diy-phone .posindex .allDinner .disabled {background: #ccc;}
.diy-phone .posindex .allDinner .allPrice{ float: left; font-size: 16px; color: #eb5a5a;height: 30px;line-height: 30px;margin-left: 68px;}
.diy-phone .posindex .allDinner .paddingstyle{ overflow: hidden;padding-top: 6px;}
.diy-phone .posindex .flynumicon{display: block;width: 25px;height: 25px;background: #fff;border-radius: 50%;color:#eb5a5a;position: absolute;top:0;right:-5px;font-size: 12px;text-align: center;line-height: 25px;}
/***************
***餐厅列表页****
***************/
.diy-phone .restaurantlist.v1{margin:0 5px;}
.diy-phone .restaurantlist.v1 a{background: #2c2d2e;margin-top: 7px;color: #dfdfdf;display: block;text-shadow: none;font-weight: normal;text-align: center;padding: 8px 0 10px;text-decoration: none;}
.diy-phone .restaurantlist.v1 a>p{font-size: 11px;margin-top:3px;margin-bottom: 6px;}
.diy-phone .restaurantlist.v1 a>span{border: 1px solid #dfdfdf;padding: 2px 15px;font-size: 12px;}
.diy-phone .restaurantlist.v1 a h3{font-size: 14px;margin: 0;font-weight: normal;}
/***************
***客房预订列表页****
***************/
.diy-phone .hotellist.v1{background: #fff;}
.diy-phone .hotellist.v1 section{padding: 0 15px;overflow: hidden}
.diy-phone .hotellist.v1 header{padding:15px;line-height: 30px;}
.diy-phone .hotellist.v1 .hotel-list{overflow: hidden;display: block;border-top:1px solid #d1d1d1;margin-bottom:15px; position: relative;padding-top: 15px;height: 130px;}
.diy-phone .hotellist.v1 .hotel-list .bgimg{width: 110px;height: 110px;margin:5px 0;}
.diy-phone .hotellist.v1 .hotel-list .bd{margin-left: 120px;color:#7b7b7b;}
.diy-phone .hotellist.v1 .hotel-list .bd h2{padding:5px 0 6px;font-size: 14px;color: #4b4c4c;}
.diy-phone .hotellist.v1 .hotel-list .bd p{font-size: 12px;margin-top: 7px;line-height:16px;position: absolute;bottom: 2px;padding-left: 20px;}
.diy-phone .hotellist.v1 .hotel-list .bd p .fa{font-size: 16px;margin-right: 8px;position: absolute;top:0;left: 0;}
.diy-phone .hotellist.v1 .hotel-list .bd .address{max-height: 32px;overflow: hidden;bottom: 22px;}

.diy-phone .hotellist.v2 .list{position: relative;margin-top: 10px;line-height: 100%;}
.diy-phone .hotellist.v2 .list>img{min-height: 125px;max-height: 250px;width: 100%;}
.diy-phone .hotellist.v2 .list .txt{font-size:22px;text-shadow: none;position: absolute;top: 50%;width: 100%;text-align: center;margin-top: -10px;font-weight: bold;}
.diy-phone .hotellist.v2 .list .address{position: absolute;bottom:0;font-weight: bold;left:0;right:0;margin: 0 auto;text-align: center;}


.diy-phone .hotellist.v3{background: #fff;position: relative;}
.diy-phone .hotellist.v3 .mask{background: rgba(0,0,0,.5);position: absolute;width:100%;height:100%;top:0;left:0;z-index: 9;display: none;}
.diy-phone .hotellist.v3 section{padding: 0 15px;margin-top: 57px;position: relative;z-index: 7;}
.diy-phone .hotellist.v3 header{border-bottom: 1px solid #ddd;overflow: hidden;font-size: 14px;text-align: center;padding: 8px 0 4px;position: absolute;width: 100%;z-index: 99;background: #fff; box-shadow: 1px 1px 1px #eee;}
.diy-phone .hotellist.v3 header>div{display:inline-block;float: left;}
.diy-phone .hotellist.v3 header>div.active .fa{color: #d82c1b}
.diy-phone .hotellist.v3 header>div.yo-list-search{width:30%;padding: 0 10px;margin-right: 2%;}
.diy-phone .hotellist.v3 header>div.search-sort{width:29%;}
.diy-phone .hotellist.v3 header>div.search-brand{width:29%;}
.diy-phone .hotellist.v3 header>div.search-map{width:10%;}
.diy-phone .hotellist.v3 header>div.search-mapp.title{margin-top: 9px;}
.diy-phone .hotellist.v3 header>div>p.title{margin-top: 15px;}
.diy-phone .hotellist.v3 header>div.search-map>p.title{margin-top: 8px;font-size: 22px;}
.diy-phone .hotellist.v3 .search-model-box{position: fixed;top:57px;background: #fff;width:100%;left:0;display: none;z-index: 10;text-align: center;}
.diy-phone .hotellist.v3 .search-model-box p{line-height: 50px;text-align: center;border-top:1px solid #ddd;background: #fff;cursor: pointer;}
.diy-phone .hotellist.v3 .search-model-box p:first-child{border-top:none}
.diy-phone .hotellist.v3 .search-model-box p.active{color: #d82c1b;}
.diy-phone .hotellist.v3 .search-model-box .d-btn{height: 40px;line-height: 40px;}
.diy-phone .hotellist.v3 .search-model-box .d-btn span{width: 50%;display: inline-block;float: left;border-top:1px solid #ddd;background: #fff;}
.diy-phone .hotellist.v3 .search-model-box .d-btn span:last-child{background: #d82c1b;color: #fff;border-top:1px solid #d82c1b;}
.diy-phone .hotellist.v3 .search-model-box .left-brand p.active{border-left: 2px solid #d82c1b;}
.diy-phone .hotellist.v3 .search-model-box .left-brand{width: 25%;height: 100%;float: left;}
.diy-phone .hotellist.v3 .search-model-box .right-brand{width: 75%;float: right;padding: 0 10px;background: #fff;}
.diy-phone .hotellist.v3 .hotel-list:first-child{border: none;}
.diy-phone .hotellist.v3 .hotel-list{overflow: hidden;display: block; position: relative;padding-top: 15px;margin-bottom: 14px;border-top:1px solid #ddd;}
.diy-phone .hotellist.v3 .hotel-list .bgimg{width: 110px;height: 110px;margin:4px 0;border-radius: 8px;}
.diy-phone .hotellist.v3 .hotel-list .bd{margin-left: 123px;color:#7b7b7b;}
.diy-phone .hotellist.v3 .hotel-list .bd h2{padding:5px 0 6px;font-size: 14px;color: #4b4c4c;overflow: hidden;}
.diy-phone .hotellist.v3 .hotel-list .bd h2 img{width: 25px;float: left;margin-right: 10px;height: 25px;}
.diy-phone .hotellist.v3 .hotel-list .bd p:last-child{position: absolute;bottom:-6px;right:0;color: #ccc;}
.diy-phone .hotellist.v3 .hotel-list .bd p:last-child b{display: inline-block;padding-bottom: 2px;}
.diy-phone .hotellist.v3 .hotel-list .bd p:last-child span.price{font-size: 20px;}
.diy-phone .hotellist.v3 .hotel-list .bd p .fa{font-size: 16px;margin-right: 8px;position: absolute;top:0;left: 0;}
.diy-phone .hotellist.v3 .hotel-list .bd .address{max-height: 45px;overflow: hidden;bottom: 32px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 2px 0;}
.diy-phone .hotellist.v3 .yo-list-search .d-selectdate > div input{font-size: 12px;}
.diy-phone .hotellist.v3 .select-date{font-size: 12px;}
.diy-phone .hotellist.v3 .select-date input{border: 0; background: none; height:auto; color: #333;font-size: 12px;width: 80%;text-align: center;}
.diy-phone .hotellist.v3 .select-date input.data-range{position: absolute; width: 100%; height:100%; left: 0;top:0;z-index: 10;opacity: 0;}
.diy-phone .hotellist.v3 .map-hotel{position: fixed;width: 100%;bottom:0;left:0;z-index: 9999;box-shadow: 1px 1px 3px #aaa;display: none;}
.diy-phone .hotellist.v3 .map-hotel .hotel-list .bd p:last-child{bottom: 0;right:10px;}
.diy-phone .hotellist.v3 .map-hotel .hotel-list .bgimg{width:90px;height: 90px;}
.diy-phone .hotellist.v3 .map-hotel .hotel-list .bd{margin-left: 105px;}
.diy-phone .hotellist.v3 .map-hotel .hotel-list .bd h2{padding: 0;}
.diy-phone .hotellist.v3 .map-hotel .hotel-list{padding:5px 10px;margin: 0;}

.diy-phone .hotellist.v4{height: 100%;position: absolute;width:100%;}
.diy-phone .hotellist.v4 .mm-current { opacity: 1;position: relative;  position: fixed; width: 80%;right: 0;top: 0;height: 100%;}

.diy-phone .hotellist.v4 .slideshow{height:100%;overflow: hidden;position: absolute;width:100%}
.diy-phone .hotellist.v4 .slideshow .slideshow-image{height:100%;width:100%}
.diy-phone .hotellist.v4 .divbox{width: 100%;z-index: 8;position: absolute;top:0;height:100%;}
.diy-phone .hotellist.v4 .divbox header{text-align: center;}
.diy-phone .hotellist.v4 .d-logo{position: absolute;bottom:20px;left:0;right: 0;text-align: center;}
.diy-phone .hotellist.v4 .logo{width: 155px; margin:0 auto;}
.diy-phone .hotellist.v4 header{margin-bottom: 35px;position:relative;display: none;}
.diy-phone .hotellist.v4 header .title1{font-size: 20px;color:#000;margin: 45% auto 0;height: 35px;width: 80%;border-bottom: 1px solid #000;letter-spacing: 5px;}
.diy-phone .hotellist.v4 header .title2{font-size: 13px;color:#000;letter-spacing: 7px;margin-top: 10px;}
.diy-phone .hotellist.v4 .divbox .chs-city{background: rgba(255,255,255,.8);box-shadow:1px -1px 1px rgba(0, 0, 0, 0.2);position:relative;width: 88%;height:40px;margin: 0 auto;border-radius: 6px;}
.diy-phone .hotellist.v4 .divbox .chs-city .icon-location{font-size: 20px;color:#323232;position: absolute;left:12px;top:10px;}
.diy-phone .hotellist.v4 .divbox .chs-city input{border:0;line-height: 35px;padding-left:40px;width: 88%;background: none;float: left;}
.diy-phone .hotellist.v4 .divbox .chs-city .fa-search{font-size: 16px;margin: 10px 10px 0 0;color:#323232;float:right;}
.diy-phone .hotellist.v4 .divbox .search-btn{width: 120px;height:40px;line-height: 42px;border:1px solid #fff;color:#fff;text-align: center;font-size: 16px;margin: 120px auto 0;}
.diy-phone .hotellist.v4 .city-list{width:86%;padding:1%;z-index:9999;background: rgba(255,255,255,.4);position: absolute;left:6%;border-radius: 6px;}
.diy-phone .hotellist.v4 .city-list span{display: block;width:46%;margin:2%;color:#333;padding:10px 0;float: left;text-align: center; background: #fff;}
.diy-phone .hotellist.v4 .city-list .disableBtn{background: #ddd;}.diy-phone .hotelstart.v1 .mm-offcanvas{  opacity: 0;z-index: -1; position: fixed;}
.diy-phone .hotellist.v4 .mm-slideout {
    box-shadow:0 -8px 8px #666;
    transition: transform 0.4s ease 0s;
    -webkit-transition: transform 0.4s ease 0s;
    z-index: 1;
}
.diy-phone .hotellist.v4 .mm-slideout{
    transform:translate3d(-80%, 0px, 0px);
    -webkit-transform:translate3d(-80%, 0px, 0px);
}
.diy-phone .hotellist.v4 .mm-page { background: inherit; }
.diy-phone .hotellist.v4 .mm-opened{
    transform:scale(.7,.7) translate3d(30%,0,0);
    -webkit-transform:scale(.7,.7) translate3d(30%,0,0);
    transform-origin:right center;
    -webkit-transform-origin:right center;
    transform:scale(1,1) translate3d(0,0,0);
    -webkit-transform:scale(1,1) translate3d(0,0,0);
}
/*酒店详情*/
.hotel_detail.v1 div{border: 1px solid #d1d1d1;background: #fff;padding:10px;margin-bottom: 10px;color: #7c7c7c;}
.hotel_detail.v1 div h1{margin-bottom: 8px;font-size: 14px;padding: 0;}
.hotel_detail.v1 .faci_icon{width: 16px;height: 16px;}
.hotel_detail.v1 div ul li{width: 98px;float: left;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;}
.hotel_detail.v1 div ul li .fa{color: #ccc;margin-right: 8px;}
.hotel_detail.v1 div p{margin-bottom: 10px;text-indent: 2em;}
.hotel_detail.v1 .fawidth{display: inline-block;width: 20px;}

/*酒店图片*/
.hotel_photos.v1 header{text-align: center;line-height: 37px;font-size: 14px;}
.hotel_photos.v1 section{padding: 10px;}
.hotel_photos.v1 section>div{margin-bottom: 10px;position: relative;}
.hotel_photos.v1 section>div img{max-height: 300px;width: 100%;min-height: 130px;}
.hotel_photos.v1 section>div p{background: rgba(0,0,0,.6);color: #fff;font-size: 12px;position: absolute;bottom: 0;left: 0;width: 100%;}
.hotel_photos.v1 section>div p span{padding: 8px;display: block;}
.hotel_photos.v1 .img-swiper{position: fixed;top:0 ;left: 0;background: #000;width: 100%;height: 100%;}

/***************
***客房预订订单提交****
***************/
/*酒店客房信息*/
.diy-phone .hotelroominfo.v1 header {padding: 10px;}
.diy-phone .hotelroominfo.v1 header .fa{font-size: 16px;}
.diy-phone .hotelroominfo.v1 header .main-title{padding-bottom: 10px;}
.diy-phone .hotelroominfo.v1 header .detail{margin: 10px 0;font-size: 12px;}
.diy-phone .hotelroominfo.v1 header .detail>a{position: relative;display: block;color: #333;}
.diy-phone .hotelroominfo.v1 header .detail .photo,.diy-phone .hotelroominfo.v1 header .detail .photo>img{width: 70px;height: 80px;}
.diy-phone .hotelroominfo.v1 header .detail .photo>div{position: absolute;bottom: 0px;width: 100%;background: rgba(0,0,0,.6);color: #fff;font-size: 10px;padding: 2px 0;}
.diy-phone .hotelroominfo.v1 header .detail .info,
.diy-phone .hotelroominfo.v1 header .detail .tel{margin-left: 90px;color: #333;}
.diy-phone .hotelroominfo.v1 header .detail .tel{padding-right: 25px;}
.diy-phone .hotelroominfo.v1 header .detail .info .div-style{position: relative;padding:0 40px 5px 0; height: 22px;}
.diy-phone .hotelroominfo.v1 header .detail .info .div-style i{font-size:12px;margin:0 3px 2px 0;}
.diy-phone .hotelroominfo.v1 header .detail .info .div-style .s-detail{position: absolute;right: 0;top: 0;width: auto;}
.diy-phone .hotelroominfo.v1 header .detail .info p:first-child{margin-bottom: 10px;line-height:18px;max-height: 35px;overflow: hidden;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2; color: #333;}
.diy-phone .hotelroominfo.v1 header .address{font-size: 12px;color: #333;display: block;width: 46.5%;padding: 4px 0;}
.diy-phone .hotelroominfo.v1 header .tel{padding: 10px 0;}
.diy-phone .hotelroominfo.v1 header .fa-map-marker{position: absolute;right: 10px;top: 50%;margin-top: -6px;}

.diy-phone .hotelroominfo.v2 header{background: #fff;}
.diy-phone .hotelroominfo.v2 header .d-txt{overflow: hidden;}
.diy-phone .hotelroominfo.v2 header .d-total{display: none;border-top: 1px solid #d1d1d1;}
.diy-phone .hotelroominfo.v2 header .d-txt .fa{font-size: 20px;margin-top: -25px;}
.diy-phone .hotelroominfo.v2 header .title{color: #434343;font-weight: bold;font-size: 14px;}
.diy-phone .hotelroominfo.v2 header .alterOrder{padding: 5px 7px;border-radius: 3px;}
.diy-phone .hotelroominfo.v2 header .d-txt>p span{color: #606060;font-weight: bold;}
.diy-phone .hotelroominfo.v2 header{padding: 10px 10px 0 10px;color: #7c7c7c;}

.diy-phone .hotelroominfo.v4 header{background: #fff;}
.diy-phone .hotelroominfo.v4 header a{text-decoration: none;}
.diy-phone .hotelroominfo.v4 header .detail{width:100%;}
.diy-phone .hotelroominfo.v4 header .swiper-container{z-index: 99;}
.diy-phone .hotelroominfo.v4 header .swiper-container img{width: 100%; }
.diy-phone .hotelroominfo.v4 header .swiper-container .info{position: absolute;bottom:6px; right:10px;color:#fff;}
.diy-phone .hotelroominfo.v4 header .detail>a{position: relative;display: block;width: 100%;}
.diy-phone .hotelroominfo.v4 header .hotelinfo{margin:0 20px;height:80px;border-bottom: 1px solid #f5f5f5;}
.diy-phone .hotelroominfo.v4 header .hotelinfo .name{font-size: 17px;height: 40px;line-height: 40px;}
.diy-phone .hotelroominfo.v4 header .hotelinfo .name .fa-phone{margin-top: 10px;font-size: 18px;}
.diy-phone .hotelroominfo.v4 header .hotelinfo .fa-chevron-right{color:#b3b3b3;margin-left: 3px;}
.diy-phone .hotelroominfo.v4 header .hotelinfo .fa-map-marker{font-size: 14px;margin-right: 10px;}

.diy-phone .hotelroominfo.v5 header .d-txt{overflow: hidden;}
.diy-phone .hotelroominfo.v5 header .borderstyle{display: block;height: 18px;left:10px;margin-top: 3px;position: absolute;width: 2px;}
.diy-phone .hotelroominfo.v5 header .d-total{display: none;border-top: 1px solid #d1d1d1;}
.diy-phone .hotelroominfo.v5 header .d-txt .fa{font-size: 20px;margin-top: -25px;}
.diy-phone .hotelroominfo.v5 header .title{font-size: 19px;}
.diy-phone .hotelroominfo.v5 header .alterOrder{padding: 5px 7px;border-radius: 3px;}
.diy-phone .hotelroominfo.v5 header .d-txt p{line-height: 30px;}
.diy-phone .hotelroominfo.v5 header .d-txt span{color: #4c4c4c;}
.diy-phone .hotelroominfo.v5 header .d-txt font{color: #c29986;}
.diy-phone .hotelroominfo.v5 header .d-txt>p span{color: #606060;font-weight: bold;}
.diy-phone .hotelroominfo.v5 header{margin-bottom: 20px;padding: 25px 10px 0 40px;color: #a9a9a8;}
.diy-phone .hotelroominfo.v5 header .title .onlineSelroom{font-size:14px;border-radius: 4px;padding: 4px 6px;text-align: center;}
.diy-phone .hotelroominfo.v5 header .title .onlineSelroom p{line-height: 18px;}
/*注册引导*/
.diy-phone .registerguide.v1 section .go-register{overflow: hidden;padding: 10px;line-height: 36px;font-size:12px;color: #777;display: none;}
.diy-phone .registerguide.v1 section .go-register a.btn{float: right;padding: 2px 10px 0px; height:32px;margin:0;font-size:14px;line-height: 28px;border: 1px solid #f0bc4d;color: #f0bc4d;background: #fff;}
.diy-phone .registerguide.v1 section .go-register .fa{float: right;padding: 3px 0 10px 10px;font-size: 22px;}
/*日期选择*/
.diy-phone .dateselect.v1 section .select-date.fixedStyle{width: 100%;z-index: 9;position:fixed;top:0;box-shadow: 0 0 5px #333;-webkit-box-shadow: 0 0 5px #333;}
.diy-phone .dateselect.v1 section .select-date .title{border-right:1px solid #d1d1d1;font-size:14px;position: relative;text-align: center;padding: 10px 20px;}
.diy-phone .dateselect.v1 section .select-date>ul{padding: 8px 0;overflow: hidden}
.diy-phone .dateselect.v1 section .select-date>ul li{padding: 5px 0;float: left;width:42%;border-radius: 2px;border: 1px solid #b7babb;color: #b7babb;margin-left:5%;text-align: center;margin-top: 5px;}
.diy-phone .dateselect.v1 section .select-date>ul li.active{border: 1px solid #099fde;color: #099fde;}
.diy-phone .dateselect.v1 section .select-date .datetime{overflow: hidden;}
.diy-phone .dateselect.v1 section .select-date .datetime>div{width: 40%;text-align: center;margin-left: 2%;}
.diy-phone .dateselect.v1 section .select-date .datetime>img{width: 20px;margin: 7px 3%;}
.diy-phone .dateselect.v1 section .select-date .datetime>div span{font-size: 14px;color: #333;}
.diy-phone .dateselect.v1 section .select-date .datetime>div p{font-size: 12px;color: #7c7c7c;}
.diy-phone .dateselect.v1 section .select-date .agreement li{ border: none;margin: 0;padding:0;width: 100%;}
.diy-phone .dateselect.v1 section .select-date .agreement li .cusnoBtn{font-size: 12px;padding: 7px 7px 8px 6px;color: #fff;margin-right:5px;}
.diy-phone .dateselect.v1 section .select-date .agreement li input{ box-shadow: none;border: 1px solid #ddd;line-height: 30px;border-radius: 2px;width:30%;}
.diy-phone .dateselect.v1 section .select-date .agreement li .cancelBtn{background: #ddd;}

.diy-phone .dateselect.v2 section .select-date{font-size: 12px;}
.diy-phone .dateselect.v2 section .select-date input{border: 0; background: none; height:auto; color: #333;font-size: 12px;width: 80%;text-align: center;}
.diy-phone .dateselect.v2 section .d-selectdate input.data-range{position: absolute; width: 100%; height:100%; left: 0;top:0;z-index: 99;opacity: 0;}
.diy-phone .dateselect.v2 section .d-selectdate {display: table;width:100%;position: relative;border-bottom: 1px solid #ddd;padding:15px 0;}
.diy-phone .dateselect.v2 section .d-selectdate >div {display: table-cell;}
.diy-phone .dateselect.v2 section .d-selectdate >div.item>div{line-height: 25px;position: relative;}
.diy-phone .dateselect.v2 section .d-selectdate >div.item>div .div-date{position: absolute;width:100%;height: 100%;top:0;left:0;background: #fff;z-index: 9;font-size: 14px;font-weight: bold;}
.diy-phone .dateselect.v2 section .d-selectdate >div.item>div .div-date span{font-size: 11px;font-weight: normal}
.diy-phone .dateselect.v2 section .d-selectdate >div p.mark{line-height:23px;color: #888;}
.diy-phone .dateselect.v2 section .d-selectdate >div input{font-size: 16px;}

.diy-phone .dateselect.v2 section .select-date.fixedStyel{width: 100%;position:fixed;top: 0;z-index:9999;box-shadow: 0 0 5px #333;-webkit-box-shadow: 0 0 5px #333;}
.diy-phone .dateselect.v2 section .select-date .title{height:75px;line-height: 75px;color:#a0a0a0;font-size: 16px;display: block;width: 60%;text-align: center}
.diy-phone .dateselect.v2 section .select-date>ul{padding: 8px 0;overflow: hidden;margin:0 10px;border-bottom: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;}
.diy-phone .dateselect.v2 section .select-date>ul li{padding: 5px 0;float: left;border-radius: 2px;border: 1px solid #b7babb;color: #b7babb;margin-left:5%;text-align: center;margin-top: 5px;width: 25%;margin-left: 6%;}
.diy-phone .dateselect.v2 section .select-date>ul li.active{border: 1px solid #099fde;color: #099fde;}
.diy-phone .dateselect.v2 section .select-date .chooseDate span{margin-left: 15px;}
.diy-phone .dateselect.v2 section .select-date .datetime{overflow: hidden;width: 40%;margin-top: 15px;}
.diy-phone .dateselect.v2 section .select-date .datetime>img{width: 20px;margin: 7px 3%;float: left}
.diy-phone .dateselect.v2 section .select-date .datetime>div span{font-size: 14px;color: #333;font-weight: 500;}
.diy-phone .dateselect.v2 section .select-date .datetime>div p{font-size: 12px;color: #7c7c7c;font-weight: bold;}
.diy-phone .dateselect.v2 section .select-date .datetime .side{height: 0px;border:1px solid #f5f5f5;width: 45px;transform: rotate(125deg);-o-transform:rotate(125deg);
    -moz-transform:rotate(125deg);
    -webkit-transform:rotate(125deg);
}
.diy-phone .dateselect.v2 section .select-date .agreement li{ border: none;margin: 0;padding:0;width: 100%;}
.diy-phone .dateselect.v2 section .select-date .agreement li .cusnoBtn{font-size: 13px;padding: 5px 7px 5px 6px;color: #fff;margin:5px 8px 0 0;}
.diy-phone .dateselect.v2 section .select-date .agreement li .cancelBtn{background: #ccc;margin-left: 5px;}
.diy-phone .dateselect.v2 section .select-date .agreement li input{ box-shadow: none;border: 1px solid #ddd;border-radius: 2px;width:30%;-webkit-appearance: inherit;height:27px;line-height: 27px;margin-top: 4px;}

/*客房列表*/
.diy-phone .hotelroomlist.v1 section .roomList{overflow: hidden;margin-bottom: 10px;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen{background: #fff;overflow: hidden;padding: 10px;position: relative;border-bottom: 1px solid #d1d1d1;color: #7d7d7d;font-size: 12px;z-index: 2;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen div:first-child{width: 80%;float: left;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelImg{width: 75px;height: 75px;margin-right:8px;float: left;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelPrice{position: relative;z-index: 2;width: 62%;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelPrice .hotelinfo{max-height: 31px;line-height: 16px;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelPrice .price{margin-top:6px;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelPrice .price span b{font-size: 11px;color: #999;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelPrice .price .through{color:#7c7c7c;text-decoration:line-through }
.diy-phone .hotelroomlist.v1 section .roomList .noOpen  h2{font-size: 14px;display: block;max-width:100%;overflow: hidden;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .roomName{margin: 15px 0 5px;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelPrice .roomInfo{margin-top: 34px;width: 100%;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .fa_r{font-size: 22px;position: absolute;right:0;top: 0;padding: 0 10px 0 30px;cursor: pointer;z-index: 9;height: 100%;line-height: 100px;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelPrice .iconImg{margin-top: 10px;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelPrice .iconImg img{ width: 16px;margin-right: 6px;}
.diy-phone .hotelroomlist.v1 section .roomList .open{padding:0 10px;display: none;overflow: hidden;}
.diy-phone .hotelroomlist.v1 section .roomList .open>div{border-bottom: 1px solid #d1d1d1;padding: 10px 0;}
.diy-phone .hotelroomlist.v1 section .roomList .open>div>div:first-child{float: left;width: 69%;}
.diy-phone .hotelroomlist.v1 section .roomList .open>div .title{display: block;min-width: 58px;}
.diy-phone .hotelroomlist.v1 section .roomList .open>div .title .roomName{margin-bottom: 7px;}
.diy-phone .hotelroomlist.v1 section .roomList .open>div .title .roomName b{font-weight: bold;}
.diy-phone .hotelroomlist.v1 section .roomList .open>div .title .roomDetail{font-size: 12px;max-height: 30px;overflow: hidden;}
.diy-phone .hotelroomlist.v1 section .roomList .open>div .title .roomName .fa{font-size: 17px;}
.diy-phone .hotelroomlist.v1 section .roomList .open .price{width: 80px;border-left: 1px solid #d7d7d7;color: #9c9c9c;margin-top: 10px;}
.diy-phone .hotelroomlist.v1 section .roomList .open .price p{text-align: right;}
.diy-phone .hotelroomlist.v1 section .roomList .btns{float: right; border-radius: 3px; margin-top: 12px;font-size: 12px;width: 57px;overflow:hidden;text-align: center;}
.diy-phone .hotelroomlist.v1 section .roomList .hotelBtn{display: block;cursor:pointer;width: 55px;color:#fff;text-align: center;line-height: 33px;float: right;}
.diy-phone .hotelroomlist.v1 section .roomList .btn{display: block;width:100%;height: 33px;text-align: center;line-height: 33px;border-radius: 0;}
.diy-phone .hotelroomlist.v1 section .roomList .btn-error{background: #d1d1d1;color: #646464;}
.diy-phone .hotelroomlist.v1 section .roomList .two_hotelBtn{margin-top: 20px;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .two_hotelPrice{margin-left:10px;width: 65%;}
.diy-phone .hotelroomlist.v1 section .roomList .noOpen .hotelPrice h2{margin: 0 0 5px;}
.diy-phone .hotelroomlist.v1 section .roomList .linePayBtn{ display: block;line-height: 20px;text-align: center;font-size: 11px;}
.diy-phone .hotelroomorder.v1 section .btns{border-radius: 3px;float: right; margin-top: 12px;}


.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList{overflow: hidden;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen{background: #fff;padding: 10px 10px 0;position: relative;color: #7d7d7d;font-size: 12px;z-index: 2;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelImg{width:100%;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice{position: relative;z-index: 2;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice .name{position:absolute;left:15px;bottom:15px;color:#fff;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice .fa-circle{margin-right: 5px;font-size: 8px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice .hotelinfo{max-height: 37px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice .price{margin-top:3px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice .price span b{font-size: 11px;color: #999;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice .price .through{color:#7c7c7c;text-decoration:line-through }
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen  h2{font-size: 14px;display: block;max-width:100%;overflow: hidden;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .roomName{margin: 15px 0 5px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice .roomInfo{margin-top: 34px;width: 100%;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .fa_r{font-size: 22px;position: absolute;right:0;top: 0;padding: 0 10px 0 30px;cursor: pointer;z-index: 9;height: 100%;line-height: 100px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice .iconImg{margin-top: 10px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice .iconImg img{ width: 16px;margin-right: 6px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open{margin:0 10px;display: none;background: #f6f7f7;padding:0 10px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open .triangle{ display:block;width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #f6f7f7;position:absolute; top:-10px;left:25px;position: relative;padding:0;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open>div{padding: 10px 0;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open>div .title{display: block;min-width: 58px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open>div .title .roomName{margin-bottom: 7px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open>div .title .roomName b{font-weight: bold;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open>div .title .roomDetail{font-size: 12px;max-height: 30px;overflow: hidden;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open>div .title .roomName .fa{font-size: 17px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open .price{color: #9c9c9c;border-width:0 28px 28px;border-style:solid;border-color:transparent transparent #000;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .open .price p{text-align: right;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList a{color:#fff;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .hotelBtn{display: block;cursor:pointer;width: 55px;text-align: center;line-height: 33px;float: right;font-size: 14px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .hotelBtn .fa{margin-right: 5px;vertical-align: middle}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .btn{display: block;height: 33px;text-align: center;line-height: 33px;border-radius: 0;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .btn-error{background: #d1d1d1;color: #646464;padding:5px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .two_hotelBtn{margin-top: 20px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .two_hotelPrice{margin-left:10px;width: 65%;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .noOpen .hotelPrice h2{margin: -2px 0 0;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .listprice{color:#b2955d;font-size: 18px;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .listprice b{font-size: 14px;color:#999;}
.diy-phone .hotelroomlist.v2 .hotel-list-main .hotelList .linePayBtn{ display: block;line-height: 20px;text-align: center;font-size: 11px;}

/*用户信息*/
.diy-phone .userinfo.v1 .box-form-order{padding: 0 10px;color: #7c7c7c;background: #fff;}
.diy-phone .userinfo.v1 .box-form-order>div{overflow: hidden;line-height: 33px;border-bottom: 1px solid #d1d1d1;padding:5px 10px;}
.diy-phone .userinfo.v1 .box-form-order>div:last-child{border-bottom: none;}
.diy-phone .userinfo.v1 .box-form-order>div label{font-size: 14px;line-height: 33px;float: left;width: 70px;font-weight: normal;margin-bottom: 0;}
.diy-phone .userinfo.v1 .box-form-order .hd{overflow: hidden; border-bottom: 1px solid #707070;}
.diy-phone .userinfo.v1 .box-form-order .hd>b{float: left;font-size: 16px;}
.diy-phone .userinfo.v1 .form-submit{width: 260px;display: block;line-height: 40px;text-align: center;font-size: 16px;margin: 20px auto;}
.diy-phone .userinfo.v1 .box-radio>b .ui-radio{float: left;}
.diy-phone .userinfo.v1 .box-radio label{width: 90px;}
.diy-phone .userinfo.v1 .box-radio>b{font-weight: normal;float: left;margin-left: 10px;overflow: hidden;margin-left: 10px;}
.diy-phone .userinfo.v1 .box-form-order .div-num .ui-input-text{width:30px;height: 24px;color: #7c7c7c;float: left;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;margin: 0;}
.diy-phone .userinfo.v1 .box-form-order .fa-angle-right{font-size: 14px;margin-top: 10px;color: #606060;}

.diy-phone .userinfo.v2 .box-form-order .order-person span{ padding:15px 0 12px;width:50%;text-align:center;display: inline-block;font-size: 16px;}
.diy-phone .userinfo.v2 .box-form-order{margin:10px;color: #7c7c7c;padding:5px 0 5px 10px}
.diy-phone .userinfo.v2 .box-form-order .title{color:#4f4f4f;font-size: 15px;}
.diy-phone .userinfo.v2 .box-form-order>div{overflow: hidden;line-height: 33px;border-bottom: 1px solid #d1d1d1;padding:5px 0;margin:0 10px;}
.diy-phone .userinfo.v2 .box-form-order>div:last-child{border-bottom: none;}
.diy-phone .userinfo.v2 .box-form-order>div label{font-size: 14px;width:80px;line-height: 33px;float: left;}
.diy-phone .userinfo.v2 .box-form-order>div>input{width: 70%;border:none;margin-top: 4px;}
.diy-phone .userinfo.v2 .box-form-order .hd{overflow: hidden; border-bottom: 1px solid #707070;}
.diy-phone .userinfo.v2 .box-form-order .hd>b{float: left;font-size: 16px;}
.diy-phone .userinfo.v2 .box-form-order .div-num input{box-shadow:none;width:30px;height: 18px;padding-top:4px;padding-bottom:2px;text-align:center;color: #444;font-size:16px;float: left;border:0;margin: 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.diy-phone .userinfo.v2 .box-form-order .fa-angle-right{font-size: 14px;margin-top: 10px;color: #606060;}
.diy-phone .userinfo.v2 .box-form-order .order-person span{ padding:15px 0 12px;width:50%;text-align:center;display: inline-block;font-size: 16px;}
/*用户备注*/
.diy-phone .userremark.v1 .box-form-order{padding: 0 10px;color: #7c7c7c;background: #fff;}
.diy-phone .userremark.v1 .box-form-order>div{overflow: hidden;line-height: 33px;border-bottom: 1px solid #d1d1d1;padding:5px 10px;}
.diy-phone .userremark.v1 .box-form-order>div:last-child{border-bottom: none;}
.diy-phone .userremark.v1 .box-form-order>div label{font-size: 14px;line-height: 33px;float: left;width: 70px;font-weight: normal;margin-bottom: 0;}
.diy-phone .userremark.v1 textarea{color: #656565;width:70%;border:1px solid #ccc;height: 40px;padding: 4px;}

.diy-phone .userremark.v2 .d-note{line-height: 33px;padding:5px 0;margin:0px 10px 10px;}
.diy-phone .userremark.v2 .d-note .note{padding:5px 10px;font-size: 14px;line-height:33px;background: #fff;}
.diy-phone .userremark.v2 .d-note .note .remark{border:0;text-align: right;line-height: 33px;padding:0;width: 80%;font-size: 12px;}
.diy-phone .userremark.v2 .d-note .extraNote{overflow: hidden;width: 100%;}
.diy-phone .userremark.v2 .d-note .extraNote span{display: inline-block;width:60px;height: 25px;line-height:25px;text-align:center;border:1px solid #ddd;float: left;margin:10px 10px 0 0}

/*订单说明*/
.diy-phone .orderdes.v1.orderdes{padding-left: 17px; color: #ff0000;}
/*入住须知*/
.diy-phone .checkinnotic.v1 .box-form-order{padding: 0 10px;color: #7c7c7c;background: #fff;}
.diy-phone .checkinnotic.v1 .box-form-order>div{overflow: hidden;line-height: 33px;border-bottom: 1px solid #d1d1d1;padding:5px 10px;}
.diy-phone .checkinnotic.v1 .box-form-order>div:last-child{border-bottom: none;}
.diy-phone .checkinnotic.v1 .box-form-order>div label{font-size: 14px;line-height: 33px;float: left;width: 70px;font-weight: normal;margin-bottom: 0;}

.diy-phone .checkinnotic.v2 .box-form-order{padding: 0 10px;color: #7c7c7c;background: #fff;}
.diy-phone .checkinnotic.v2 .box-form-order>div{overflow: hidden;line-height: 33px;border-bottom: 1px solid #d1d1d1;padding:5px 10px;}
.diy-phone .checkinnotic.v2 .box-form-order>div:last-child{border-bottom: none;}
.diy-phone .checkinnotic.v2 .box-form-order>div label{font-size: 14px;line-height: 33px;float: left;width: 70px;font-weight: normal;margin-bottom: 0;}
/*发票信息*/
.diy-phone .invoice.v1 .invoice{margin:0;}
.diy-phone .invoice.v1 .invoice-info{margin-top: 20px;}
.diy-phone .invoice.v1 ul{background: #fff;border-top:1px solid #eee; border-bottom:1px solid #eee;width: 100%;}
.diy-phone .invoice.v1 p{margin: 0;}
.diy-phone .invoice.v1 .lab{display: block;width: 80px;height: 30px;line-height:30px;text-align:center;color:#fff;margin-left:20px;
    font-size:14px;background: #abbbd0; border-radius:5px; border-bottom-left-radius:1px;border-bottom-right-radius:1px;}
.diy-phone .invoice.v1 li{margin: 0 20px; height: 48px; line-height: 48px;font-size: 14px;color: #838383;border-bottom: 1px solid #eee;padding-left:12px;}
.diy-phone .invoice.v1 ul li:last-child{border: none;}
.diy-phone .invoice.v1 .invoice-list .fa{color:#72bd36;margin: 15px 0 0 ;display: none;float: right;}
.diy-phone .invoice.v1 .invoice-list li:first-child .fa{display: block;}
.diy-phone .invoice.v1 .invoice-info li{border:none;}
.diy-phone .invoice.v1 .invoice-info .voice-type{border-top: 1px solid #eee;}
.diy-phone .invoice.v1 .voice-type .btn{border:1px solid #838383;color:#838383;display: inline;width:90px;line-height: 30px;margin: 8px 8px 0 0;}
.diy-phone .invoice.v1 .voice-type .btn.choose{border:1px solid #026e33;color:#026e33;}
.diy-phone .invoice.v1 li span{width:30%;display: block;float: left;}
.diy-phone .invoice.v1 li input{width:65%; height: auto;border:none;}
.diy-phone .invoice.v1 .invoice-info .post-address{height:80px;padding-top:5px;border-top:1px solid #eee;}
.diy-phone .invoice.v1 .invoice-info .post-address textarea{width: 100%;font-size: 14px;}
/*订单提交及消费明细*/
.diy-phone .ordersubmit.v1 .d-footer{height:54px;bottom:0;left: 0;width: 100%;background: #fff;border-top: 1px solid #d1d1d1;line-height: 40px;padding: 7px 0;z-index:999;}
.diy-phone .ordersubmit.v1 .d-footer span.fl{margin-left: 10px;font-size: 14px;}
.diy-phone .ordersubmit.v1 .d-footer .price-color{color:#eb5409;}
.diy-phone .ordersubmit.v1 .d-footer .btn{border-radius: 3px;display: block;font-size: 14px;line-height: 36px;text-align: center;border: none;height: 36px;color: #fff;margin: 0;}
.diy-phone .ordersubmit.v1 .d-footer span.fr,.d-footer a.fr{margin-right: 10px;padding: 0 14px;font-size: 14px;}
.diy-phone .ordersubmit.v1 .d-detail{position: fixed;z-index:9999;top:0;width:100%;color:#fff;display: none;background: rgba(31,31,31,0.8);width:100%;height:100%;top:0;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay{margin:15px;margin-top:40px;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay .title{margin-bottom: 30px;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay span{display: inline-block;width:33.333%;line-height: 20px;float: left;font-size: 13px;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay .sign{border-bottom:1px solid #fff;padding:0 0 10px;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay .total{border-top:1px solid #fff;margin-top: 15px;padding-top: 10px;overflow: hidden;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay .name{color:#3fb9e7;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay .cost{color:#ffbc07;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay .right{text-align: right;float: right;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay .right .num{display: inline;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay ul{padding-top: 10px;max-height: 165px;overflow: auto;}
.diy-phone .ordersubmit.v1 .d-detail .roomPay ul li{line-height: 30px;padding:5px 0 0;overflow: hidden;}
/*订单信息*/
.diy-phone .v2 .box-bd{border:none;padding: 10px;margin:0 10px;border-radius: 0px;background: #fff;color: #7c7c7c;}
.diy-phone .v2 .box-bd p span:first-child{width: 65px;display: inline-block;}
.diy-phone .v2 .box-bd p span{color: #b9b9b9;}
.diy-phone .v2 .box-bd .hotelname{color: #7c7c7c;padding-bottom: 8px;font-size: 14px;overflow: hidden;display: none;}
.diy-phone .v2 .box-bd h1{font-size: 14px;padding: 0;}
.diy-phone .v2 .box-bd>p{line-height: 22px;overflow: hidden;border-bottom:1px solid #ddd;padding: 12px 0;}
.diy-phone .v2 .box-bd>p:last-child{border-bottom:none;}
.diy-phone .v2 .box-bd>p>input{box-shadow: none;-webkit-box-shadow: none;border: 1px solid #fff;color: #7c7c7c; -webkit-appearance: inherit;padding: 0;}
.diy-phone .v2 .box-bd>p>input.alter{border-color:rgba(9,125,222,.5);color: #333;margin-right: 5px;text-align: center;padding: 6px 0;box-shadow: 0 0 2px #ccc;-webkit-box-shadow:  0 0 2px #97cde4;}
.diy-phone .v2 .box-bd .nav-p a{display: block;font-size: 14px;float: left;text-align: center;color:#333;width: 49.5%;margin-top: 8px;line-height: 30px;}
.diy-phone .v2 .box-bd .nav-p a:first-child{border-right: 1px solid #d1d1d1;}
.diy-phone .v2 .box-bd .nav-p a i{font-size: 16px;}
.diy-phone .v2 .box-bd .border-top-p{border-top:none;padding-top: 8px;display: none;}

.diy-phone .hotelremarkinfo.v2 .box-bd .border-top-p{display: block;}
/*支付方式*/
.diy-phone .paymethod.v1 .pay-list{background: #fff none repeat scroll 0 0;border: 1px solid #d1d1d1;border-radius: 5px;color: #7c7c7c;margin:0 10px;padding: 0 10px}
.diy-phone .paymethod.v1 .pay-list .list-group{margin: 20px 0;}
.diy-phone .paymethod.v1 .pay-list .payType .list-group-item {font-size: 12px;border-radius:0;line-height: 40px;padding:0;border-top: 1px solid #e9e9e9;}
.diy-phone .paymethod.v1 .pay-list .payType .fa{margin: 13px 10px 0 10px;}
.diy-phone .paymethod.v1 .pay-list .payType .fa-square{color: #ccc;}
.diy-phone .paymethod.v1 .pay-list .payType .fa-check-square{color:#ea5036 ;}
.diy-phone .paymethod.v1 .pay-list .payType li b{width: 15px;background-size:15px auto;display: block;float: left;height: 16px;margin: 12px 12px 0 0; }
.diy-phone .paymethod.v1 .pay-list .payType .weichat b{background: rgba(0, 0, 0, 0) url("../images/pay.png") no-repeat scroll 0 -52px / 15px auto;}
.diy-phone .paymethod.v1 .pay-list .payType .alipay b{background: rgba(0, 0, 0, 0) url("../images/pay.png") no-repeat scroll 0 -69px / 15px auto;}
.diy-phone .paymethod.v1 .pay-list .payType .account b{background: rgba(0, 0, 0, 0) url("../images/pay.png") no-repeat scroll 0 -18px / 15px auto;}
.diy-phone .paymethod.v1 .pay-list .payType .epay b{background: rgba(0, 0, 0, 0) url("../images/pay.png") no-repeat scroll 0 0 / 15px auto;}
.diy-phone .paymethod.v1 .pay-list .payType .creditpay b{background: rgba(0, 0, 0, 0) url("../images/pay.png") no-repeat scroll 0 -34px / 15px auto;}
.diy-phone .paymethod.v1 .pay-list .payType span.fr{margin-right: 8px;}

/*倒计时*/
.diy-phone .countdown.v1 .countdown-bd{width: 100%; background: #fff; color: red; line-height: 40px; text-align: center; font-size: 12px; z-index: 99999; border-bottom: 1px solid rgb(204, 204, 204);}
.diy-phone .countdown.v1 .pay-btn{padding:4px 10px;height: 15px;line-height: 15px;color:#fff;border-radius: 4px;margin-left: 5px;}

/*支付提示信息*/
.diy-phone .paytips.v1 .content{font-size: 12px;padding: 0 10px;color:#df5757;margin: 5px 0;}

/*订单按钮*/
.diy-phone .orderbtns.v1 .box-footer{margin: 0 10px;}
.diy-phone .orderbtns.v1 .box-footer .btn{margin: 0 5% 10px;width: 90%;}

/***************
***会员注册页****
***************/
/*foxhisv1*/
.diy-phone .register .btn{height: 40px; margin: 60px auto; display: block;border: none;border-radius: 4px;text-shadow: none;font-weight: normal;}
.diy-phone .register.v1{background: #fff;}
.diy-phone .register.v1 section{ padding: 45px 20px 10px;position: relative;z-index: 11;}
.diy-phone .register.v1 .logo-img{margin-top:60px;width:50%;}
.diy-phone .register.v1 header{text-align: center;}
.diy-phone .register.v1 .form-div-list{border-bottom:1px solid #dbdfe2;}
.diy-phone .register.v1 .form-div{height: 50px; color: #828584;display: flex; border: 1px solid #dbdfe2;border-bottom:0;overflow: hidden;position: relative;font-size:0.75rem;}
.diy-phone .register.v1 .form-div label{text-align: left; line-height: 50px;float: left; padding:0 15px;width: 75px;margin:0;height: 50px;font-weight:normal;-webkit-appearance: none;}
.diy-phone .register.v1 .form-div label .fa-mobile{font-size: 1.625rem;}
.diy-phone .register.v1 .form-div label i{width: 25px;text-align: center;}
.diy-phone .register.v1 .form-div input{width: 100%; border: none; height: 100%;-webkit-appearance: none;vertical-align: middle;padding: 0;background: #fff;font-size:0.75rem;}
.diy-phone .register.v1 .form-div select{width: 70%; border: none; height: 50px;border: none;background: #fff;}
.diy-phone .register.v1 .form-div.form-div-select select{position: relative;}
.diy-phone .register.v1 .form-div.form-div-select .fa{position: absolute;top: 15px;right:10px;font-size: 1.5625rem;}
.diy-phone .register.v1 .form-div .code-btn{ margin-right:10px;font-size:0.75rem;height: 30px; line-height: 30px; border: 1px solid #eceef0; border-radius:4px;text-align: center;position: absolute;top: 8px;right: 0;padding: 0 5px;color:#7d7d7d;}
.diy-phone .register.v1 .btn{width:230px;background: #009944; color: #fff;font-size: 1rem ;letter-spacing: 4px;line-height: 26px;}
.diy-phone .register.v1 .btn:disabled{opacity: 0.5;}
.diy-phone .register.v1 .radio-div{overflow: hidden;width: 94%;margin:15px auto 0;}
.diy-phone .register.v1 .radio-div .d-radio-box:nth-child(odd){float: left;}
.diy-phone .register.v1 .radio-div .d-radio-box:nth-child(even){float: right;}
.diy-phone .register.v1 .radio-div .d-radio-box{position: relative;width: 46%;text-align: center;}
.diy-phone .register.v1 .radio-div .d-radio-box label{line-height: 36px;border:1px solid;border-radius: 3px;font-size:0.875rem ;}
.diy-phone .register.v1 .radio-div .d-radio-box input[type=radio]{position: absolute;top: 10px;left: 45%;z-index: -1;}
.diy-phone .register.v1 .drag-list li{position: relative;}
/*免责条款*/
.diy-phone .register.v1 .exemption-clause{font-size: 0.75rem;margin-top:10px;position: relative;}
.diy-phone .register.v1 .exemption-clause span{color: #454443;cursor: pointer;}
.diy-phone .register.v1 .exemption-clause .fl{float: left;}
.diy-phone .register.v1 .exemption-clause .d-pop{position: absolute;z-index: 9;top: 43px;padding:0 10px;left:0;color:#fff;display: none;max-height: 210px;width: 55%;}
.diy-phone .register.v1 .exemption-clause .d-pop .d-content{background:rgba(0,0,0,0.5);padding:10px;border-radius: 4px; }
.diy-phone .register.v1 .d-content:before {content: "";position: absolute;top: -7px;left: 120px;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom:7px solid rgba(0, 0, 0, 0.5);}
.diy-phone .register.v1 .fa-square-o{font-size: 0.875rem ;margin:5px;float:left;}
.diy-phone .register.v1 .fa-check-square-o{display: none;font-size: 0.875rem ;margin:5px;float: left;}
.diy-phone .register.v1 .fa-square-o,
.diy-phone .register.v1 .fa-check-square-o,
.diy-phone .register.v1 .propose{color:#009944;}
.diy-phone .register.v1 .propose{border-bottom:1px solid #009944;}
.diy-phone .register.v1 .invitation{border-color:#1fa2dc;color:#1fa2dc;margin-top: 3px;font-size: 0.75rem;}

.diy-phone  .membergroup  .fui-icon-col .icon{font-size: 14px;}
.diy-phone  .membergroup  .fui-icon-col .text{font-size: 16px;padding:  0 4px;}

/***************
***会员信息页****
***************/
.diy-phone .memberinfo .btn{height: 40px; margin: 60px auto; display: block;border: none;border-radius: 4px;text-shadow: none;font-weight: normal;}
.diy-phone .memberinfo.v1{background: #fff;}
.diy-phone .memberinfo.v1 section{ padding: 45px 20px 10px;position: relative;z-index: 11;}
.diy-phone .memberinfo.v1 .logo-img{margin:5px 10px;width:40px;float: right;}
.diy-phone .memberinfo.v1 .header-logo{width:100%;}
.diy-phone .memberinfo.v1 header{text-align: center;}
.diy-phone .memberinfo.v1 .form-div-list{border-bottom:0 solid #dbdfe2;}
.diy-phone .memberinfo.v1 .form-div{height: 50px; color: #828584; border-bottom: 1px solid #dbdfe2;overflow: hidden;position: relative;}
.diy-phone .memberinfo.v1 .form-div label{text-align: left; line-height: 50px;float: left; padding:0 15px;width: 75px;margin:0;height: 50px;font-weight:normal;-webkit-appearance: none;}
.diy-phone .memberinfo.v1 .form-div label .fa-mobile{font-size: 26px;}
.diy-phone .memberinfo.v1 .form-div label i{width: 25px;text-align: center;}
.diy-phone .memberinfo.v1 .form-div .arrow{font-size: 24px;margin: 12px 10px;float: right;}
.diy-phone .memberinfo.v1 .form-div input{width: 50%; border: none; height: 100%;-webkit-appearance: none;vertical-align: middle;padding: 0;}
.diy-phone .memberinfo.v1 .form-div select{width: 60%; border: none; height: 50px;border: none;}
.diy-phone .memberinfo.v1 .form-div.form-div-select select{position: relative;}
.diy-phone .memberinfo.v1 .form-div.form-div-select .fa{position: absolute;top: 15px;right:10px;font-size: 25px;}
.diy-phone .memberinfo.v1 .form-div .code-btn{ margin-right:10px;font-size:12px;height: 30px; line-height: 30px; border: 1px solid #eceef0; border-radius:4px;text-align: center;position: absolute;top: 8px;right: 0;padding: 0 5px;color:#7d7d7d;}
.diy-phone .memberinfo.v1 .btn{width:230px;background: #009944; color: #fff;font-size: 16px;letter-spacing: 4px;line-height: 28px;}
.diy-phone .memberinfo.v1 .radio-div{overflow: hidden;width: 94%;margin:15px auto 0;}
.diy-phone .memberinfo.v1 .radio-div .d-radio-box:nth-child(odd){float: left;}
.diy-phone .memberinfo.v1 .radio-div .d-radio-box:nth-child(even){float: right;}
.diy-phone .memberinfo.v1 .radio-div .d-radio-box{position: relative;width: 46%;text-align: center;}
.diy-phone .memberinfo.v1 .radio-div .d-radio-box label{line-height: 36px;border:1px solid;border-radius: 3px;font-size: 14px;}
.diy-phone .memberinfo.v1 .radio-div .d-radio-box input[type=radio]{position: absolute;top: 10px;left: 45%;z-index: -1;}
.diy-phone .memberinfo.v1 .drag-list li{position: relative;}



/*缩放框*/
.diy-phone .bar{position: absolute; z-index: 998; }
.diy-phone .bar-line{width: 1px; height: 18px; top: -18px; left: 50%; background-color: #44cb83;}
.diy-phone .bar-radius{background-color: #fff; border: 1px solid #08a1ef; border-radius: 6px;}
.diy-phone .bar-rotate{left: 50%; top: -30px; margin-left: -6px; background-color: #44cb83; border: none; cursor: url(../images/mouserotate.png) 5 5,default;}
.diy-phone .radius-s{width: 12px; height: 12px;}
.diy-phone .bar-n{width: 100%; height: 5px; top: 0; cursor: n-resize; background: url(../images/bar-1px.png) repeat-x;}
.diy-phone .bar-n div{ position: absolute; left: 50%; top: -6px; margin-left: -6px;}
.diy-phone .bar-s{width: 100%; height: 5px; bottom: 0; cursor: s-resize; background: url(../images/bar-1px.png) repeat-x bottom;}
.diy-phone .bar-s div{ position: absolute; left: 50%; bottom: -6px; margin-left: -6px;}
.diy-phone .bar-e{ width: 6px; height: 100%; top: 0; right: 0; cursor: e-resize; background: url(../images/bar-1px.png) repeat-y right;}
.diy-phone .bar-e div{position: absolute; top: 50%; right: -6px; margin-top: -6px;}
.diy-phone .bar-w{width: 6px; height: 100%; top: 0;left:0; cursor: w-resize; background: url(../images/bar-1px.png) repeat-y;}
.diy-phone .bar-w div{position: absolute; top: 50%; left: -6px; margin-top: -6px;}
.diy-phone .bar-nw{top: -6px; left: -6px; cursor: nw-resize;}
.diy-phone .bar-se{bottom: -6px; right: -6px; cursor: se-resize;}
.diy-phone .bar-sw{bottom: -6px; left: -6px; cursor: sw-resize;}
.diy-phone .bar-ne{top: -6px; right: -6px; cursor: ne-resize;}

.diy-editor {
    float: left;
    width: 494px;
    height: auto;
    background: #fdfdfd;
    padding: 15px 10px;
    margin-left: 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 55px;
    display: none;
    margin-bottom: 150px;
}
.diy-editor .editor-arrow {
    height: 0;
    position: relative;
}

.diy-editor .editor-arrow:after,
.diy-editor .editor-arrow:before {
    position: absolute;
    font-family: simsun;
    content: "◆";
    top: 8px;
    left: -21px;
    display: block;
    width: 9px;
    height: 18px;
    font-size: 24px;
    color: #fdfdfd;
    z-index: 111;
}

.diy-editor .editor-arrow:after {
    left: -22px;
    color: #ddd;
    z-index: 11;
}

/*.diy-pc-editor .editor-arrow:after,
.diy-pc-editor .editor-arrow:before{
    right:-6px;
    left:auto;
}

.diy-pc-editor .editor-arrow:after{
    right:-7px;
    left:auto;
}*/

.diy-editor .form-group {
    margin: 5px 0;
}
.diy-editor .form-group .control-label {
    padding: 5px 0;
    text-align: right;
}
.diy-editor .form-group .form-control {
    padding: 0 5px;
}
.diy-editor .form-group .noblr {
    border-left: 0;
    border-right: 0;
}
.diy-editor .color {
    padding: 0;
    cursor: pointer;
}
.diy-editor .form-group .ui-slider {
    margin-top: 4px;
}

.diy-editor .form-items {
    height: auto;
}

.diy-editor .form-items.indent {
    margin: 0 14px;
}

.diy-editor .form-items .inner {
    height: auto;
}

.diy-editor .form-items .inner .item {
    height: auto;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #e7eaec;
    border-radius: 3px;
    overflow: hidden;
}

.diy-editor .form-items .inner .highlight {
    border: 2px dashed #e7eaec;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    color: #ccc;
}

.diy-editor .form-items .inner .item .btn-del {
    height: 0;
    width: 100%;
    display: block;
    position: relative;
}

.diy-editor .form-items .inner .item .btn-del:before {
    content: "×";
    position: absolute;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    cursor: pointer;
    background: rgba(0,0,0,0.3);
    border-radius: 16px;
    top: -6px;
    right: -6px;
    z-index: 10;
}

.diy-editor .form-items .inner .item .item-image {
    height: 70px;
    width: auto;
    min-width: 40px;
    max-width: 220px;
    background: #eee;
    float: left;
    margin-right: 10px;
    border: 1px solid #e7eaec;
    position: relative;
}

.diy-editor .form-items .inner .item .item-image img {
    height: 68px;
    width: auto;
    max-width: 220px;
    display: block;
}

.diy-editor .form-items .inner .item .item-image.square {
    width: 70px;
    height: 70px;
}
.diy-editor .form-items .inner .item .item-image.square img {
    width: 68px;
    height: 68px;
}

.diy-editor .form-items .inner .item .item-image .text {
    height: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    cursor: pointer;
}

.diy-editor .form-items .inner .item .item-image.drag-btn {
    font-size: 14px;
    line-height: 68px;
    text-align: center;
    cursor: move;
}

.diy-editor .form-items .inner .item .item-image .icon-main {
    height: 50px;
    width: 68px;
    line-height: 50px;
    text-align: center;
    background: #fff;
}

.diy-editor .form-items .inner .item .item-image .icon-main .icon {
    font-size: 30px;
}

.diy-editor .form-items .inner .item .item-form {
    height: auto;
    display: block;
    overflow: hidden;
}

.diy-editor .form-items .inner .item .title {
    padding-bottom: 10px;
}

.diy-editor .form-items .inner .item .title-child {
    padding-bottom: 10px;
    padding-top: 10px;
}
.diy-editor .form-items .inner .item .item-body.child {
    margin-bottom: 10px;
    background: #fff;
}
.diy-editor .line {
    height: 10px;
    width: 100%;
    position: relative;
}
.diy-editor .line:before {
    height: 0;
    content: '';
    position: absolute;
    bottom: 5px;
    left: 14px;
    right: 14px;
    border: 1px dashed #eee;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #f7f7f7;
}


.diy-menu {
    width: 840px;
    height: auto;
    background: #fdfdfd;
    margin-right: -455px;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: fixed;
    bottom: 0;
    right: 50%;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    z-index: 999;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.diy-menu .navs,
.diy-menu .action {
    height: auto;
}

.diy-menu .navs {
    padding: 10px 10px 5px;
    border-bottom: 1px dotted #ddd;
    display: none;
}

.diy-menu .navs nav {
    width: 92px;
    padding: 5px 0;
    margin: 0 5px 5px 0;
    text-align: center;
}

.diy-menu .navs nav.special {
    background: #ccc;
}

.diy-menu .navs nav.selected{
    background:#48af48;
    color:#fff;
}

.diy-menu .navs nav:hover {
    background: #fff;
    border: 1px solid #ddd;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.diy-menu .navs nav:active {
    -webkit-box-shadow: inset 1px 3px 5px rgba(0,0,0,0.2);
    box-shadow: inset 1px 3px 5px rgba(0,0,0,0.2);
}

.diy-menu .action {
    padding: 10px;
    text-align: right;
    position: relative;
 }

.diy-menu .action:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
}

.diy-menu .action nav {
    margin-right: 5px;
}

.wb-container.right-panel .diy-menu {
    margin-right: -540px;
}

.wb-nav.fold~.wb-subnav~.wb-container .diy-menu {
    margin-right: -420px;
}
.wb-nav.fold~.wb-subnav~.wb-container.right-panel .diy-menu {
    margin-right: -505px;
}

.wb-nav~.wb-subnav.fold~.wb-container .diy-menu {
    margin-right: -400px;
}

.wb-nav~.wb-subnav.fold~.wb-container.right-panel .diy-menu {
    margin-right: -485px;
}


.wb-nav.fold~.wb-subnav.fold~.wb-container .diy-menu {
    margin-right: -365px;
}
.wb-nav.fold~.wb-subnav.fold~.wb-container.right-panel .diy-menu {
    margin-right: -450px;
}


.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 6px;
}

.has-error .form-control:focus, .has-error .single-line:focus {
    border-color: #ed5565 !important;
}

.w840 {
    width: 840px;
    margin: auto;
}

/*翻页样式*/
.page-turn.v1 .pagination-centered{margin: 60px 0; text-align: center;}
.page-turn.v1 .pagination-centered li{padding: 5px 12px;color:#666;display:inline-block;border-radius: 20px; border: 1px solid #d8d8d8;font-family:"Arial";font-size: 14px; margin:5px 12px 0;}
.page-turn.v1 .pagination-centered li.active{background: #005373;color:#fff;border-color:#005373;}
.page-turn.v1 .pagination-centered li.active a{color: #fff;}
.page-turn.v1 .pagination-centered li.pager-nav{font-size: 18px; color:#999;position: relative}

/*会员中心客房订单*/
.page-pc-roomorder.v1{width:100%;font-size: 14px;}

.row .col-lg-100,.row .col-lg-95,.row .col-lg-90,.row .col-lg-85,.row .col-lg-80,.row .col-lg-75,.row .col-lg-70,
.row .col-lg-65,.row .col-lg-60,.row .col-lg-55,.row .col-lg-50,.row .col-lg-45,.row .col-lg-40,.row .col-lg-35,
.row .col-lg-30,.row .col-lg-25,.row .col-lg-20,.row .col-lg-15,.row .col-lg-10{margin: 0;float: left;}
.row .col-lg-100{width:100%;}.row .col-lg-95{width:95%;}.row .col-lg-90{width:90%;}.row .col-lg-85{width:85%;}
.row .col-lg-80{width:80%;}.row .col-lg-75{width:75%;}.row .col-lg-70{width:70%;}.row .col-lg-65{width:65%;}.row .col-lg-60{width:60%;}
.row .col-lg-55{width:55%;}.row .col-lg-50{width:50%;}.row .col-lg-45{width:45%;}.row .col-lg-40{width:40%;}.row .col-lg-35{width:35%;}
.row .col-lg-30{width:30%;}.row .col-lg-25{width:25%;}.row .col-lg-20{width:20%;}.row .col-lg-15{width:15%;}.row .col-lg-10{width:10%;}
.text-right{text-align: right;}
@media screen and (max-width:767px){
    .hidden-xs{display: none;}
    .visible-xs{display: block;}
    .row .col-xs-100{width:100%;}.row .col-xs-95{width:95%;}.row .col-xs-90{width:90%;}.row .col-xs-85{width:85%;}
    .row .col-xs-80{width:80%;}.row .col-xs-75{width:75%;}.row .col-xs-70{width:70%;}.row .col-xs-65{width:65%;}.row .col-xs-60{width:60%;}
    .row .col-xs-55{width:55%;}.row .col-xs-50{width:50%;}.row .col-xs-45{width:45%;}.row .col-xs-40{width:40%;}.row .col-xs-35{width:35%;}
    .row .col-xs-30{width:30%;}.row .col-xs-25{width:25%;}.row .col-xs-20{width:20%;}.row .col-xs-15{width:15%;}.row .col-xs-10{width:10%;}
    .row .col-xs-100,.row .col-xs-95,.row .col-xs-90,.row .col-xs-85,.row .col-xs-80,.row .col-xs-75,.row .col-xs-70,.row .col-xs-65,.row .col-xs-60,
    .row .col-xs-55,.row .col-xs-50,.row .col-xs-45,.row .col-xs-40,.row .col-xs-35,.row .col-xs-30,.row .col-xs-25,.row .col-xs-20,.row .col-xs-15,.row .col-xs-10{margin: 0;float: left;}
}