@import url(public.css);



/*全局共用部分
-------------------------------------------------------------------------------------------------*/
#content,.content {
    max-width: 640px;
    margin: 0 auto;
    overflow:hidden;
    /*  margin-bottom: 20px;  */
    }
#content
{
    margin-bottom:0px;
}
#content p
{
  font-size: 16px;
  color: #333;
}
#content2 {
  width: 100%;
  line-height: 30px;
  font-size: 16px;
  color: #333333;
  padding: 20px;
  box-sizing: border-box;
}

#SetUseName
{
    display: none;
    width: 200px;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    background-color: rgba(0, 0, 0, .3);
    color: white;
    border-radius: 5px;
    z-index: 100;
    position: absolute;
    top: calc(50% - 10px);
    left: calc((100% - 200px)/2);
}


.zwsj
{
    width: 80px; 
    height: 80px; 
    position: absolute; 
    top: 42%; 
    left: 50%; 
    margin-left: -40px;
    }

 /*------------------------------按钮背景-------------------------------------*/
 .btn_color
 {
    color: #fff;
    font-size:14px;
}
/*-------------------------------单选按钮样式-------------------------------------*/
 .xuanxuan
{
    background: url("/Themes/images/fuxuank.png") no-repeat;
    width: 13px;
    height: 13px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    outline: none;
    overflow:hidden;
}
.xuanxuan:hover, .xuanxuanthis
{
    background: url("/Themes/images/fuxuank.png") no-repeat;
    width: 13px;
    height: 13px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    outline: none;
    background-position: 0px -15px;
    overflow:hidden;
}
.xuanxuan2
{
    background: url("/Themes/images/fuxuank.png") no-repeat;
    width: 13px;
    height: 13px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    outline: none;
}
.xuanxuan2:hover, .xuanxuanthis2
{
    background: url("/App_Themes/default/images/fuxuank.png") no-repeat;
    width: 13px;
    height: 13px;
    outline: none;
    border: none;
    margin: 0 auto;
    cursor: pointer;
    background-position: 0px -15px;
}
.danxuan
{
    background: url("/App_Themes/default/images/danxuan.png") no-repeat left center;
    background-size:13px;
    width: 14px;
    height: 14px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    outline: none;
    float:left;
    margin-right: 5px;
    margin-top: 3px;
}
.tpay div.checkboxed
{
    width: 14px;
    height: 14px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    outline: none;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

.danxuan1
{
     background: url("/App_Themes/default/images/danxuank.png") no-repeat;
    width: 13px;
    height: 14px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    outline: none;
    float:left;
    margin-right: 5px;
  margin-top:13px;
}
.danxuan1:hover, .danxuanthis1
{
   background: url("/App_Themes/default/images/danxuank.png") no-repeat;
    width: 13px;
    height: 14px;
    outline: none;
    border: none;
    margin: 0 auto;
    cursor: pointer;
    background-position: 0px -15px;
    float:left;
    margin-right: 5px;
  margin-top: 13px;
}

/*酒店简介
-------------------------------------------------------------------------------------------------*/
#content2
{
    width:100%;
    line-height:30px;
    font-size:16px;
    color:#333333;
    padding:20px;
    box-sizing:border-box;
    }

#content2 img {
    width: 200px;
}
.video
{
    padding:10px 20px 0px 20px;
    }

#wrap .mod_main #displayswipe
{
    padding:20px;
    -webkit-transform: translate3d(0,0,0);
    display: none;
    }
#wrap .mod_main #displayswipe .box_swipe
{
    visibility: visible;
    }
#wrap .mod_main #displayswipe .box_swipe
{
    overflow: hidden;
    position: relative;
    }
#wrap .mod_main #displayswipe .box_swipe ul
{
    -webkit-padding-start: 0px;
    }
#wrap .mod_main #displayswipe .box_swipe ol
{
    height: 35px;
    position: relative;
    z-index: 10;
    margin-top: -35px;
    text-align: right;
    padding-right: 15px;
    line-height:50px;
    }
#wrap .mod_main #displayswipe .box_swipe ol li
{
    display: inline-block;
    margin: 5px 0;
    width: 5px;
    height: 5px;
    background-color: #473426;
    border: 1px solid #473426;
    border-radius: 14px;
    }
#wrap .mod_main #displayswipe .box_swipe ol li.on
{
    border: 1px solid #473426;
    background: none;
    }

/*客房服务
-------------------------------------------------------------------------------------------------*/
#content .bt input
{
    border-radius: 5px;
    height: 40px;
    width: 100%;
    
    color: White;
    font-size: 16px;
    border: none;
    outline: none;
    cursor: pointer;
    }

/*优惠活动列表
-------------------------------------------------------------------------------------------------*/
.vipmain3
{
    padding:0px 20px;
    }
.vipmain3 .hezhi {
    border-bottom: 1px solid #E8E8E8;
    margin-top: 15px;
    padding-bottom: 15px;
}
.vipmain3 dl dd {
    font-size: 16px;
    line-height: 14px;
    color: #5e5e5e;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
   
}
.vipmain3 dl dd span.hyyh
{
    font-size: 18px;
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
}
.vipmain3 dl dd span.zje {
    color: #333;
    float: left;
    display: block;
    
}
.vipmain3 dl.hezhi  dt 
{
    padding-bottom:10px;
}
.vipmain3 dl.hezhi  dt img {
    width: 100%;
    padding-top: 5px;
    height:120px;
}
.vipmain3 dl.hezhi a
{
    color:#333;
}
.vipmain3 dl dd .more {
    float: right;
    font-size: 14px;
   
    padding-left: 10px;
}
.vipmain3 dl dd .more img
{
    width:7px;
}
/*优惠活动详细
-------------------------------------------------------------------------------------------------*/
.activ
{
    font-size:24px;
    padding:20px;
    box-sizing:border-box;
    }
.wenzi {
    font-size: 12px;
    color: #999999;
    }
a .wenzi {
   
}
.matter {
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom:10px;
    min-height:300px;
}
.button333 {
    height: 25px;
    padding: 0px 10px;
    margin-top:10px;
    float:right;
    display:block;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    outline: none;
}
.activ .matter img
{
    width:100%;
    padding: 14px 0px;
    }


/*客房预订列表
-------------------------------------------------------------------------------------------------*/
.occupancy 
{
    text-align: center;
    color: #999;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.occupancy em{font-size: 18px; margin-left:5px;}
.ReTime
{
    overflow: hidden;
    position: relative;
    padding: 10px 0;
    background: #fff;
    /*border-bottom: 10px solid #eee;*/
}
.ReTime > div
{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 2px 0;
}
.ReTime p{text-align: center;font-size: 14px !important;}
.ReTime p + p
{
    margin-top: 5px;
    color: #888;
}
.ReTime p > input
{
    border: none;
    font-size: 14px;
    color: #666;
}
.ReTime p .jieshao{font-size: 14px;}
.ReTime p i
{
    background: url(/App_Themes/default/images/tdate.png) no-repeat left center;
    background-size: 16px;
    padding-left: 20px;
    font-size: 16px;
}
.ReTime .ReIn
{
    border-right: 1px solid #e9e9e9;
    padding-right: 10px;
}
.ReTime .ReOut{padding-left: 10px;}
.ReTime .ReLong
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    background: #fff;  
    width: 50px;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
 }
    
    
.riliChioce
{
    overflow: hidden;
    background: #fcfcfc;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #e9e9e9;
}    

.riliChioce li
{
    float: left;
    padding: 14px 0;
    width: 34%;
    box-sizing: border-box;
}
.riliChioce li + li{width: 33%; }
.riliChioce li a
{
    float: left;
    padding: 2px 0;
    width: 100%;
    text-align: center;
}
.riliChioce li + li a{border-left: 1px solid #ddd;}
.riliChioce li a span
{
    background: url(/App_Themes/default/images/xxjt.png) no-repeat right center;
    background-size: 12px;
    padding-right: 18px;
    font-size: 14px;
}
    
.rili {
    overflow: hidden;
    background: #efefef;
    padding: 0;
}
.rili p.dianmz
{
    background: #ececec;
  padding: 5px 20px;
  margin-bottom: 10px;
  margin-top: 0px;
}
.rili ul {
    padding: 0px 20px;
    overflow: hidden;
}
.rili ul li {
    width: 50%;
    float: left;
    font-size: 16px;
    list-style:none;
}
.rili ul li span.mz 
{
    font-size:14px;
    color:#333333;
    /* background: url(/App_Themes/default/images/tdate.png) no-repeat bottom 1px left 3px;
    padding-left: 20px; */
    background-size: 15px;
    -webkit-background-size:15px;
    z-index:999;
    text-align:left;
}
.rili ul li span.mz  img 
{
    width: 15px;
    height: 15px;
    text-align:left;
    position: relative;
    top: 1px;
    margin-right: 3px;
    }
.ui-datepicker-append {
    display: none;
}
.rili ul li input {
    background: none;
    border: none;
    font-size: 14px;
    color: #666666;
    width: auto;
}
.room_list .content_zhon 
{
  
}

.room_list .content_zhon dl {
    overflow: hidden;
    padding: 14px 16px;
    border-bottom: 1px solid #EBEBEB;
    position: relative;
}
.room_list .content_zhon dl:last-child
{
    border-bottom:0;
    }
.room_list .content_zhon dl dt {
    float: left;
    margin-right: 10px;
    width: 100px;
}
.room_list .content_zhon dl dt div a {
    position: relative;
    display: block;
    width: 100%;
    height: 75px;
}
.room_list .content_zhon dl dt img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.room_list .content_zhon dl .dd1 {
    line-height: 20px;
    margin-bottom: 5px;
    float: left;
    width: calc(100% - 110px);
}

.room_list .content_zhon dl .dd1 a {
    font-size: 17px;
    color: #333333;
    white-space: nowrap;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}
.room_list .content_zhon dl .dd2 .pf
{
    font-size: 14px;
    color: #999;
   
}
.room_list .content_zhon dl .dd2 .pf .pingfengsss
{
   background: url(/App_Themes/default/images/aixin.png) no-repeat 0px 2px;
  background-size: 14px;
  padding-left: 17px;
  display: inline-table;
  height: 15px;
  float: left;
  margin-top: -1px;
}
.room_list .content_zhon dl .dd2 .left {
    font-size: 14px;
    position: absolute;
    right: 8px;
    bottom: 6px;
    width: 100px;
    text-align: right;
}
.room_list .content_zhon dl .dd2 .left span{font-size: 22px;}
.room_list .content_zhon dl .dd2 .left span:last-child {
    margin-left: -4px;
}
.room_list .content_zhon dl .dd2 {
font-size: 13px;
    color: #333;
    padding-bottom: 1px;
     float: left;
    width: calc(100% - 110px);
}
.room_list .content_zhon dl .dd2 span
{
    color: #999;
    font-size: 14px;
}
.room_list .content_zhon dl .jge {
    font-size: 12px;
    float: right;
    margin-top: -6px;
}
.room_list .content_zhon dl .jge span
{
    text-decoration:line-through;
    }
.room_list .content_zhon dl .dd3 {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    width: calc(100% - 110px);
    float:left;
    margin-bottom: 2px;
}
.room_list .content_zhon dl .dd3 i
{
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 3px;
}
.room_list .content_zhon dl .dd3 i img
{
    width:17px;
}
.room_list .content_zhon dl .dd3 p#desc a
{
    font-size:14px;
    line-height:20px;
    color:#333;
    }
.room_list .content_zhon dl .dd3 p#desc a:hover 
{
    text-decoration:none;
    }
.room_list .content_zhon dl .dd3 .button {
    float: right;
    width: 65px;
    height: 26px;
    line-height: 27px;
    border-radius: 3px;
    border: none;
     
    font-size: 14px;
    text-decoration: bootm;
    cursor: pointer;
    outline: none;
    margin-top: 0px;
}

/*客房介绍/预订详细
-------------------------------------------------------------------------------------------------*/
#chanpin,#Div1
{
    padding:0px;
    }
    
    
    
.pingJia
{
    background: #fff;
    max-width: 640px;
    margin: 0 auto;
}

.pingJia li
{
    border-top: 8px solid #eee; 
}

.pingJia p{
    margin: 0;
    font-size: 13px;
    color: #888;
}
.pingJia em{font-size: 14px; color: #333; margin: 0 2px;}
.pingJia span{font-size: 14px; color: #fff;}

.pingJia .Ping_top
{
    overflow: hidden;
    padding: 12px;
}
.pingJia .Ping_top .tt,
.pingJia .Ping_top i
{
    float: left;
    color: #999;
    font-size: 14px;
    margin-right: 4px;
}  
.pingJia .Ping_top i img
{
    height: 15px;
    float: left;
    margin-left: 5px;
}

.pingJia .Ping_top .Count
{
    float: right;
    color: #999;
}
    
.pingJia .Ping_middle .Ping_pic
{
    overflow: hidden;
    padding: 10px 12px 4px;
}

.pingJia .Ping_middle .Ping_pic i
{
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.pingJia .Ping_middle .Ping_pic i img{fl0at: left; width: 100%;}
.pingJia .Ping_middle .Ping_pic span{
    float: left;
    margin-top: 12px;
    margin-left: 6px;
    font-size: 15px;
    color: #fff;
}

.pingJia .Ping_middle .Ping_content
{
    margin: 0 12px;
    /*border-bottom: 1px solid #ddd;*/
}
.pingJia .Ping_middle .Ping_content p
{
    line-height: 18px;
    overflow: hidden;
}
.pingJia .Ping_middle .Ping_content .Ping_time
{
    padding: 3px 0 6px 0;
}
.pingJia .Ping_middle .Ping_content .Ping_img
{
    overflow: hidden;
    margin: 0 0 0 -5px;
}
.pingJia .Ping_middle .Ping_content .Ping_img li
{
    border-top: 0;
    float: left;
    width: 25%;
    margin: 5px 0 0 5px;
}
.pingJia .Ping_middle .Ping_content .Ping_img li img
{
    width: 100%;
    float: left;
}
.pingJia .Ping_middle .Ping_content p i
{
    display: inline-block;
    display: none;
}
.pingJia .Ping_middle .Ping_content p i img
{
    float: left;
    height: 16px;
    margin-right: 3px;
    margin-top:0;
    width: auto;
}
.pingJia .Ping_middle .Ping_content p b
{
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #ccc;
    margin: 0 10px;
}
 .pingJia .Ping_middle .Ping_content p img
 {
    width: 23%;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
 }
  .pingJia .Ping_middle .Ping_content p:last-child
  {
    font-size: 12px;
 }
 
 .pingJia .Ping_reply
{
    padding: 0 12px;
}

 .pingJia .Ping_reply p:first-child
 {
     padding-top: 8px;
     padding-bottom:5px;
     font-size: 13px;
}
 .pingJia .Ping_reply p:last-child
 {
     line-height: 18px;
     padding-bottom: 10px;
 
 }







    
.room_details .nav {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding-top: 0px;
}

.room_details .nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.room_details .nav ul li {
    float: left;
    width: 50%;
    text-align: center;
}
.room_details .nav ul li a {
    font-size: 14px;
    color: #666;
    text-decoration:none;
    cursor: pointer;
    display: block;
    background-color: #F0F0F0;
}
.room_details .nav ul li a.this 
{
    height:33px;
   
    background:#fff;
    border-bottom:2px solid #DD487D;
    background-size: 100% 35px;
}
.scroll {
    margin: 0px auto;
    position: relative;
}
.scroll .scroll_box {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
.scroll .scroll_box .scroll_wrap {
    overflow: hidden;
    position: relative;
    background: #000000;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.scroll .scroll_box .scroll_wrap li {
    position: relative;
    display: block;
    width: 100%;
    float: left;
}
.scroll .scroll_box .scroll_wrap li div {
    position: relative;
    padding-bottom: 75%;
    bottom: 0px;
}
.scroll .scroll_box .scroll_wrap li div img {
    position: absolute;
    width: 100%;
    height: 100%;
    border:none;
}
.scroll .scroll_position_bg {
    position: absolute;
    bottom: 12px;
    left: 42%;
    padding: 0 15px;
    z-index: 380px;
    height: 26px;
    border-radius: 26px;
}
.scroll .scroll_position {
    position: absolute;
    left: 20%;
    right: 20%;
    text-align: center;
    z-index: 400px;
    bottom: 0px;
    padding: 0px;
}
.scroll .scroll_position li {
    display: inline-block;
}
.scroll .scroll_position li a {
    display: inline-block;
    margin: 15px 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    font-size: 0;
}


.room_details .tj .intro
{
    overflow: hidden;
    padding: 14px;
    border-bottom: 8px solid #eee;
}

.room_details .tj .intro #liName{float:left;}
.room_details .tj .intro #liName p{font-size: 12px; color: #777; margin-top:4px;}
.room_details .tj .intro .c3{float:right}


.room_details .tj {
    overflow: hidden;
    padding-bottom: 5px;
    background-color: #fff;
}
.room_details .introList{border-bottom: 8px solid #eee; padding: 5px 14px 15px 14px;}
.room_details .introList li{overflow: hidden; margin-top: 8px;}
.room_details .introList li p{float: left; width: 55%; box-sizing: border-box; color: #999; font-size: 15px;}
.room_details .introList li p + p{width: 45%}
.room_details .introList li p span{margin-left: 8px; font-size: 15px;}


/*.room_details .tj ul {
    margin-left: 12px;
    margin-right: 12px;
    font-size: 16px;
    overflow: hidden;
    }
.room_details .tj ul li 
{
    line-height:25px;
    float: left;
    color: #999;
    font-size: 14px;
    }
.room_details .tj ul li span
{
    font-size: 14px;
    margin-left: 8px;
}
 .room_details .tj ul li:nth-child(1)
 {
     width:60%;
     }
 .room_details .tj ul li:nth-child(2)
 {
     width:40%;
     }*/
.room_details .sheshi {
    clear: left;    
    padding: 0;
    padding-bottom: 10px;
    background: #fff;
}
.room_details .sheshi + .sheshi{border-top: 1px solid #eee;}
.room_details .sheshi p     
{
    padding: 8px 14px 0 24px;
    position: relative;
}
.room_details .sheshi p:after
{
    content: "";
    width: 3px;
    height: 14px;
    position: absolute;
    top: 12px;
    left: 16px;
}
.room_details .sheshi .js {
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    padding: 5px 14px 0;
}
.room_details .sheshi .Button1 {
    border-radius: 5px;
    height: 40px;
    width: 100%;
    border: none;
    font-size: 16px;
    outline: none;
    cursor: pointer;
    margin: 0px auto;
}
/*-客房预订-*/

.adate, .roomxx, .pay, .ordershow {
    background: #fff;
    margin-bottom: 0;
    overflow: hidden;
    box-shadow: 0;
    border-bottom:10px solid #eee;
}
.adate dl dd,.roomxx dl dd{
    font-size: 14px;
    border-top: 1px solid #ededed;
    overflow: hidden;
    position: relative;
    margin-left: 0px;
    padding: 12px 20px;
    position: relative;
}
.adate dl dd,.roomxx dl dd [type="radio"]{ display: none;}
.adate dl dd,.roomxx dl dd label{ position: relative; padding-left: 24px; margin-right: 8px;}
.adate dl dd,.roomxx dl dd label:before
{
    content:"";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: block;
}
.adate dl dd,.roomxx dl dd [type="radio"]:checked + label:after
{
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 6px;
    background: #999;
    border-radius: 50%;
}

.adate dl dd #jdname
{
    display: block;
    text-align: center;
    font-size: 18px
}
.adate dl dd img
{
    position: absolute;
    top: 13px;
    width: 16px;
    }
.adate dl .tdate {
    float: left;
    padding-left: 22px;
    font-size: 16px;
    overflow: hidden;
    background-size: 16px;
}
.adate dl dd .jieshao {
    float: right;
    font-size: 16px;
}
.adate dl dd #jiw {
    font-size: 16px;
    float: right;
    margin-right: 5px;
}
.adate dl dd #roomname {
    line-height: 25px;
    float: left;
}
.box .order span {
    float: left;
    font-size: 16px;
}
.order .room {
    float: right;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.order .room a.down {
    background: #ccc;
    color: #fff;
    float: left;
    width: 25px;
    text-align: center;
    font-size: 20px;
    height: 25px;
    border-radius: 0;
}
.order .room a.up {
    float: left;
    width: 25px;
    text-align: center;
    margin-top: 0;
    font-size: 20px;
    height: 25px;
    border-radius: 0;
    
}
.order .room .num {
    padding: 0px;
    float: left;
    font-size: 18px;
    width: 50px;
}
.order .room .num input {
    width: 50px;
    font-size: 16px;
    text-align: center;
    border:none;
    padding: 0;
        padding-top: 3px;
}
.roomxx dd {
    border-top: 1px solid #ededed;
    overflow: hidden;
    position: relative;
    padding:0px 20px;
    margin-left: 0px;
    line-height: 45px;
}
.box .roomxx span,.box .pay span {
    width: 80px;
    font-size: 15px;
}

.box .roomxx span#roomname
{
    width: calc(100% - 70px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.roomxx input {
    border: none;
    background: none;
    font-size: 15px;
    width: 180px;
    padding: 0;
}

.roomxx1 dd.zpj a
{
    color:#f90;
}
.roomxx1 dd .syjj
{
    border: 1px solid #ccc;
  height: 30px;
  margin: 0px 10px;
  width: 80px;
  border-radius: 4px;
  color:#333;
}
.roomxx dd a, .pay dd a {
    float: right;
    font-size: 15px;
}
.roomxx1 dd a
{
     color:#666
}
.roomxx dd span.lbw
{
     display:inline-block;
}
.roomxx dd img, .pay dd img {
    float: right;
    width: 8px;
    height: 13px;
    margin-top: 3px;
    padding-left: 10px;
}
.vipmain3 .pay dd {
    overflow: hidden;
    padding: 12px 20px;
}
.vipmain3 .pay dd + dd
{
    border-top: 1px solid #eee;
}
.vipmain3 .last {
    width: 100%;
    max-width: 640px;
    line-height: 45px;
    background: #fff;
    position: fixed;
    bottom: 0px;
   box-shadow: 0px 1px 1px 1px #ccc;
    box-sizing:border-box;
}
.vipmain3 .last dd {
    margin-left: 20px;
    font-size: 16px;
}

.vipmain3 .last dd .ll
{
    float: left;
    width: 60%;
    padding: 14px 0 0 0;
}
.vipmain3 .last dd .ll .shifu{display: block; margin-bottom: 1px;}

.vipmain3 .last dd .ll .shifu #span6{font-size: 12px;}


.vipmain3 .last dd .ll .shifu #span7,
.vipmain3 .last dd .ll .zongjin #lbldiscount,
.vipmain3 .last dd .ll .zongjin #lbldiscount:disabled,
.vipmain3 .last dd .ll .zongjin #youhuiM{width: 50px; border: none; padding: 0; margin-right: 10px;;}

.vipmain3 .last dd .ll .zongjin,
.vipmain3 .last dd .ll .zongjin span,
.vipmain3 .last dd .ll .zongjin input{font-size: 12px; color: #666;}

.vipmain3 .last dd .ll .zongjin{overflow: hidden; display: block;}


.vipmain3 .last dd .zje
{
   float: left;
   display: block;
   padding-top: 1px;
}
.vipmain3 .last dd .span6 {
    margin-left: 11px;
    color: #333;
    font-size: 12px;
}
.vipmain3 .last input.span6 {
    border: none;
    background: none;
    font-size: 14px;
    color: #f90;
    overflow:hidden;
}


.vipmain3 .last .nnnnn {
  float: right;
  border: none;
  width: 100px;
  padding: 15px 0;
  font-size: 16px;
  border-radius: 0px;
  text-align: center;
  margin:0;
}
.bg {
    background-color: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 1;
    position: fixed!important;
}
.ttime {
    display: none;
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-width:640px;
    background: #fff;
    z-index: 2;
}

.ttime p {
    margin-top: 0px;
    position: relative;
    text-align: left;
    padding: 10px 20px 6px 20px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 16px;
}
.ttime ul li {
    line-height: 26px;
    text-align: left;
    font-size: 14px;
    padding: 2px 20px;
    border-bottom: 1px solid #eee;
}

.ttime .tpay .tbotton,.tanchu .tpay .tbotton
{
    padding:20px;
    }

.tsyq {
    padding: 10px 20px 20px;
}
.tsyq p {
    font-size: 16px;
    color:#333333;
    padding-bottom: 8px;
}
.tsyq p img {
    width: 12px;
    height: 12px;
    float: right;
    padding-top: 3px;
    padding-right: 4px;
}
.tsyq textarea {
    margin-bottom: 8px;
    width: 100%;
    height: 80px;
    font-size: .9rem;
}
.tbotton a {
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    font-size: 16px;
    border: none;
    outline: none;
    cursor: pointer;
    display: inline-block;
    margin-bottom:15px;
    }
.tanchu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    max-width: 640px;
    background: #fff;
    z-index: 2;
    overflow: hidden;
}
.tpay p {
    padding: 10px 20px 8px 20px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 16px;
}
.tpay p img {
    width: 12px;
    height: 12px;
    float: right;
    padding-top:4px;
}
.ttime .tpay ul li {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    list-style:none;
    overflow: hidden;
}
.tanchu ul li 
{
    font-size: 16px;    
    color:#333333;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    list-style:none;
    overflow: hidden;
}

/*预订成功
-------------------------------------------------------------------------------------------------*/
.orderok
{
    background:#fafafa;
    }
.orderok P {
    text-align: center;
    background: #fff;
    overflow: hidden;
    padding-top: 8px;
}
.orderok P.cl0{padding-top: 30px;}
.orderok P.cl0 i
{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
}
.orderok P.cl0 i:after
{
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 19px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    width: 12px;
    height: 26px;
    content: "";
}
.orderok P.cl1 
{
    height:30px;
    color: #656565;
    font-size: 20px;
    padding: 10px 0px;
    font-weight: bold;
}
.orderok P.cl1 span {
    font-size: 22px
}
.orderok p.c2 {
    color: #333333;
    font-size: 16px;
}
.orderok p.c2 em{
    font-style: normal;
    /*color: #f90;*/
    font-size: 16px;
}
.orderok p.c2 span {
    /*color: #f90;*/
}
.orderok p.cl2 {
    color: #5A5A5A;
    font-size: 16px;
}
.orderok P.cl3 {
    line-height:24px;
    color: #666666;
    font-size: 16px;
    padding-bottom: 10px;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.orderok P.cl3 span
{
    display:block;
    text-align:center;
    color: #5A5A5A;
}
.orderok P.cl3 span#y1{padding-top: 6px;}

.orderok P.cl4 a {
    width: 120px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
}
.orderok P.cl5{padding-bottom: 30px;}

.ok_con {
    box-shadow: 0px 3px 4px -2px #cecece;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0px;
    background: #fff;
    display: inline-block;
    width: 100%;
}
.ok_con dl {
    margin: 10px 20px;
    background: url(/App_Themes/default/images/jt.jpg) no-repeat right center;
    background-size: 10px;
}
.ok_con dl dt {
    color: #333;
    font-weight: normal;
    font-size: 16px;
}
.ok_con dl dd {
    color: #999;
    padding-top: 6px;
    font-size: 14px;
}
.ok_con dl dd span{font-size: 14px;}

/*实景欣赏
-------------------------------------------------------------------------------------------------*/
.nav3 {
    line-height: 35px;
    overflow: hidden;
}
.nav3 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.nav3 ul li {
    float: left;
    width: 50%;
    text-align: center;
}
.nav3 ul li a {
    font-size: 14px;
    color: #666;
    cursor: pointer;
    display: block;
    background-color: #F0F0F0;
}
.nav3 ul li a.this {
    height: 33px;
   
    background: #fff;
    border-bottom:2px solid #DD487D;
}
/*小导航
-------------------------------------------------------------------------------------------------*/
.n_nav
{
	width:100%;
	height:49px;
	line-height:49px;
	background:#282B2D;
}
.n_nav_con
{
	 width: 980px;
    margin: 0 auto;
    padding:0px 10px;
}
.n_nav_con ul li
{
	float:left;
	padding-right:60px;
}
.n_nav_con ul li a
{
 font-size:14px;
 color:#b3b3b3;
}
.n_nav_con ul li a:hover
{
	color:#fff;
	text-decoration:none;
}
.conArea .tit
{
    padding-bottom:50px;
	overflow:hidden;
    font-size: 12px;
    color:#666;
    padding-top:30px;
    line-height: 24px;
    vertical-align:middle;
    
}

.conArea .tit a
{
    font-size: 12px;
    color:#666;
    *display:inline-block;
}
.conArea .tit a.xsy
{
	width: 21px;
height: 19px;
background: url(../images/xsy.jpg) no-repeat;
display: inline-block;
float: left;
}
.conArea .tit a.xsy:hover
{
	background: url(../images/xsy1.jpg) no-repeat;
}
.conArea .tit em
{
	margin:0px 10px;
	font-style:normal;
}
.x_tit
{
	 color:#333;
font-size: 20px;
}
.x_tit span
{
    font-size: 14px;
    color:#ccc;
    margin-left:8px;
}
/*新闻动态
-------------------------------------------------------------------------------------------------*/

.news dl
{
	 overflow:hidden;
 padding:35px 0px;
 border-bottom:1px solid #ebebeb;
}
.news dl dt
{
	 width:75px;
	 height:75px;
	 margin-right:16px;
	 float:left;
	 margin-top: 1px;
	 background: url(../images/newleft.jpg) no-repeat ;
}
.news dl dt p
{
	text-align:right;
	font-size:20px;
    color:#666;
    padding-right:10px;
    font-weight:normal;
    height:41px;
     line-height:41px;
}
.news dl dt p.nn
{
	padding-top:0px;
	   height:29px;
     line-height:32px;
}
.news dl dt span
{
	font-size:14px;
    color:#666;
}
.news dl dd.tt
{
	padding-bottom:3px;
	overflow:hidden;
}
.news dl dd.tt div
{
	float:left;
}
.news dl dd.tt img
{
	padding-top: 6px;
	*padding-top: 0px;
	margin-left:10px;
}
.news dl dd.tt span
{
	float:right;
	font-size:14px;
    color:#666;
    margin-right:10px;
    background: url(../images/djs.jpg) no-repeat left 2px;
    padding-left: 20px;
}
.news dl dd.tt a
{
	 font-size:14px;
	 color:#333;
	 font-weight:bold;
}
.news dl dd.tt a:hover,
.newsbom a:hover
{
	text-decoration:none;
	color:#f90;
}
.news dl dd
{
	 font-size:12px;
	color:#8b8b8b;
	line-height:200%;
}
.news .n_img
{
	padding-top:25px;
}
/*新闻动态详细页
-------------------------------------------------------------------------------------------------*/
.show_con
{
    overflow:hidden;
    margin-top:25px;
    padding-top:45px;
    border-top: 1px solid #ebebeb;  
}
.show_con p.stit{
    
	font-size  :18px;
	color:#5f5f5f;
	font-weight:bold;
	padding-bottom:25px;
	text-align:center;
}
.show_con .xx
{ 
    font-size: 12px;
    color: #999;
    text-align:center;
    padding-bottom:30px;
}
.newshow
{
     font-size:14px;
	color:#666;
 }
.newsbom
{
	 border-top: 1px solid #ebebeb;  
    padding: 15px 0px; 
	font-size  :12px;
	line-height:230%;
	color:#666;
	margin-top:50px;
}
.newsbom_up
{
	background: url(../images/newup.jpg) no-repeat left 6px;
	color:#999;
}
.newsbom p
{
	padding-left:18px;
}
.newsbom_down
{
	background: url(../images/newdown.jpg) no-repeat left 6px;
}
/*联系我们
-------------------------------------------------------------------------------------------------*/
.contact_tit,
.contact
{
	width: 980px;
padding: 0px 10px;
margin: 0 auto;
}
.contact_top
{
	background:#eee;
	width:100%;
	padding:50px 0px;
	margin-top:30px;
}
.contact_ll
{
	float:left;
	width:450px;

}
.contact_ll table tr td
{
	font-size  :14px;
	line-height:250%;
	color:#333;
}
.contact_ll table tr td b
{
	font-size:18px;
	color:#333;
}
.contact_ll table tr td.nm
{
	color:#999;
	font-size:10px;
	line-height: 20px;
	padding-bottom:25px;
}
.contact_ll table tr td.qq a
{
	background: url(../images/hqq.jpg) no-repeat left 1px;
padding-left: 18px;
}
.contact_zz
{
	float:left;
	width:20px;
	border-left:1px solid #dedede;
	height:317px;
	margin-left:55px;
	margin-top: 75px;
}
.contact_rr
{
		float:right;
	width:380px;
	height:320px;
	margin-top:70px;
	background:#eee;
	
}
.contact_rr table tr td
{
	font-size  :14px;
	line-height:250%;
	color:#333;
}
.contact_rr table tr td input
{
	height:37px;
	line-height:37px;
	border:1px solid #ccc;
	width:370px;
	margin-bottom:10px;
	padding-left:10px;
	font-size:14px;
	color:#999;
	    -moz-border-radius: 6px;      /* Gecko browsers */
    -webkit-border-radius: 6px;   /* Webkit browsers */
    border-radius:6px;            /* W3C syntax */
}
.map
{
	background: url(../images/maptit.jpg) no-repeat 10px top;
	padding-top:50px;
	width: 980px;
    padding: 50px 10px 80px 10px;
    margin: 0 auto;
}
/*加入我们
-------------------------------------------------------------------------------------------------*/
.joinus .joinus_con p
{
	color:#535353;
	font-size: 14px;
	line-height:250%;
}
.joinus .joinus_con 
{
	padding-bottom:30px;
}
.join_zw
{
	border-top:1px solid #ebebeb;
	padding:30px 0px;
	color:#666;
	font-size: 14px;
	line-height:230%;
}
.join_zw h5
{
	color:#333;
	font-size: 14px;
	
}
.join_zw p
{
	background: url(../images/joinbg.jpg) no-repeat left 11px;
	padding-left:22px;
}
.join_zw p.p1
{
	background:none;
	padding-left:0px;
}
/* 关于升维
-------------------------------------------------------------- */
.ab_1l
{
		float:left;
	width:710px;
	padding-top:30px;
}
.about p
{
	color:#666;
	font-size: 14px;
	line-height:250%;
	text-indent:2em;
}
.ab_rr
{
	float:right;
	padding-top:20px;
}
.about1
{
	overflow:hidden;
}
.about2 h2
{
	 color:#333;
	font-size: 16px;
	font-weight:normal;
	padding:20px 0px;
	padding-top:50px;
}
/*付款方式
-------------------------------------------------------------------------------------------------*/
.pay p
{
	padding-top:30px;
	color:#666;
	font-size: 14px;
}
.pay p a
{
	color:#f90;
}
.back
{
	overflow:hidden;
	padding:35px 0px;
	border-bottom:1px solid #ebebeb;
}
.back dl
{
	float:left;

}
.back dl.dll
{
		width: 510px;
border-right: 1px solid #ebebeb;
margin-right: 60px;
}
.back dl.dll dt
{
		width:210px;
		text-align:left;
}
.back dl.dll dd
{
	padding-left:210px;
}
.back dl dt
{
	float:left;
width:145px;
text-align:right;
}
.back dl dd
{
	padding-left:170px;
		color:#525252;
	font-size: 14px;
	line-height:200%;
}
/*客户列表
-------------------------------------------------------------------------------------------------*/
.client_con
{
	overflow:hidden;
	padding-top:30px;
	margin-top:30px;
	border-top: 1px solid #ebebeb;
}
.client_con p
{
	 color:#333;
	font-size: 18px;
	padding-bottom:10px;
}
.client ul li
{
	line-height:220%;
	width: 325px;
	float:left;
	color:#666;
	font-size: 14px;
}
.client ul li a
{
		color:#666;
	font-size: 14px;
}
/*网站案例
-------------------------------------------------------------------------------------------------*/
.web_nav
{
	width: 980px;
padding: 0px 10px;
margin: 0 auto;
padding-top:45px;
}
.web_nav p
{
	 padding-bottom:20px;
}
.web_nav a
{
    display:inline-block;
	padding: 4px 9px;
margin-right: 15px;
color:#333;
	font-size: 12px;
	margin-bottom:20px;
}
.web_nav a.this,
.web_nav a:hover
{
	color: #fff;
background-color: #C71200;
text-decoration: none;
}

.web_nav a.none
{color: #fff;
background-color: white;
text-decoration: none;
    }

.Web
{
	background:#eee;
	width:100%;
	padding:50px 0px;
	margin-top:15px;
}
.conArea
{
	position:relative;
}
.sousuo
{
 position:absolute;
 background: url(../images/sousuobg.jpg) no-repeat ;
 width:200px;
 height:31px;
 right: 0px;
top: 30px;
}
.sousuo input
{
	color:#999;
	font-size: 12px;
	line-height:26px;
	height:26px;
	width:170px;
	border: none;
margin-left: 10px;
margin-top: 3px;
 outline:none;
}

.ss_nn
{
	position:absolute;
	 right: 6px;
top: 37px;
}
/*网站运维
-------------------------------------------------------------------------------------------------*/
.domain
{
	 overflow:hidden;
	 padding-top:50px;
}

.domain p
{
	color:#333;
	font-size: 18px;
	margin-bottom: 10px;
}
.domain_con
{
		padding-top:30px;
	margin-top:30px;
	border-top: 1px solid #ebebeb;
}
.domain_con table tr td
{
	color:#333;
	font-size: 14px;
	line-height:250%;
}
.domain_con table tr td span
{
	color:#f90;
}
.domain_con table tr td b
{
	color:#666;
}
.dom_ss
{
	 background: url(../images/dom_ss.jpg) no-repeat ;
 width:676px;
 height:82px;
 line-height:82px;
 margin-top:20px;
 padding-left: 200px;
}
.dom_ss input.nr
{
color: #999;
font-size: 12px;
line-height: 26px;
height: 35px;
width: 335px;
margin-left: 10px;
float:left;
border: none;
margin-top:22px;
}
.dom_ss input.bt
{
height: 41px;
width: 88px;
margin-left: 16px;
border: none;
margin-top:19px;
 background:none;
 cursor:pointer;
 color: #fff;
font-size: 20px;
}
/*网站案例
-------------------------------------------------------------------------------------------------*/
.Web_con
{
	width: 1000px;
padding: 0px;
margin: 0 auto;
}
.Web_con ul li
{
	width: 300px;
list-style-type: none;
float: left;
position: relative;
margin-left: 10px;
margin-right: 20px;
 margin-bottom:30px;
}
.Web_conul li a:link,
 .Web_con ul li a:visited
{
	float: left;
width: 300px;
height: 200px;
color: #333;
padding: 0px 0px 0px 0px;
text-decoration: none;
text-align: left;
cursor: pointer;
}
.Web_con ul li a.tt img
{
	width: 300px;
height: 200px;
margin-top:6px;
}
.Web_con ul li a .browser {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 206px;
background: url("../images/browser.png") no-repeat 0px 0px;
}
.Web_con ul li a:hover .browser
{
	background: url("../images/browser1.png") no-repeat 0px 0px;
}
.shadow {
position: absolute;
bottom: 27px;
left: 0px;
width: 300px;
height: 20px;
background: url("../images/shadow.jpg") no-repeat 0px 0px;
z-index: 966;
}
.itemtext {
float: left;
width: 270px;
height: 27px;
color: #333;
font-size: 14px;
line-height: 20px;
padding: 0px 0px 0p 0px;
margin-left: 10px;

}
.itemtext a.doorlink
{
	color: #333;
font-size: 14px;
display:inline-block;

}
.itemtext a.doorlink .hh
{
	display:none;
}
.itemtext a.doorlink:hover,
.conArea .tit a:hover
{
	text-decoration:none;
	color:#f90;
}
.itemtext a.doorlink:hover .hh
{
	 display:inline-block;
}
.itemtext a.doorlink:hover .mm
{
	display:none;
}
.itemtext a.doorlink img
{
	margin-left:5px;
}
/* 分页
-------------------------------------------------------------- */
.paging
{
text-align: right;
float: right;
overflow: hidden;
padding-top: 15px;
margin-top:20px;
}
.paging p
{
	display: inline;
}
.paging p.paging-left /*分页左边*/
{
	color: #333;
float: left;
margin-top: 3px;
margin-right: 10px;
font-size: 12px;/*汉字数字在ie6的对齐*/
}
.paging .paging-itemCount
{ color:#333;
}
/*记录条数容器*/
.paging .itemCount /*记录数字*/
{
	color:#666666;
	margin: 0 4px;
}
.paging .paging-pageCount /*页码容器*/
{
	margin-left: 6px;
	color:#333;
}
.paging .pageIndex /*当前页码数字*/
{
}
.paging .pageSep /*页码分割线*/
{
}
.paging .pageCount /*页码总数字*/
{
}
.paging p.paging-right /*分页右边*/
{
vertical-align: top;
}
.paging .paging-first, /*第一页按钮*/ .paging .paging-last /*最后页按钮*/
{
	display: none;
}
.paging .paging-prev, /*上一页按钮*/ .paging .paging-next /*下一页按钮*/
{
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 1.5px;
	background: url(../images/paging.gif) no-repeat scroll 0 0;
}
.paging .paging-next /*下一页按钮背景*/
{
	background: url(../images/paging1.gif) no-repeat scroll 0 0;
}
.paging .paging-prev span, .paging .paging-next span
{
	display: none;
}
.paging .paging-a /*页码按钮*/
{
	display: inline-block;
height: 19px;
line-height: 21px;
padding: 0 6px;
	border: 1px solid #ebebeb;
	color: #000;
	overflow: hidden;
	margin: 0 1.5px;
	vertical-align: top;
	background:#ebebeb;
}
.paging .paging-this,
.paging .paging-a:hover /*当前页码按钮*/
{
	border: 1px solid #BD0000;
	background-color:#f90;
	color: #fff;
	 text-decoration:none; 
}
/*网站维护------------------------------------------------------*/
.wzwh_tt
{
  font-size: 14px;
  color: #999;
  line-height: 200%;

}
.wzwh .Website2,
.wzwh .Website1
{
    padding: 50px 0px;
    margin:25px 0px;
    margin-top:0px;
}
.wzwh_con  dl {
width: 220px;
  float: left;
  padding-right: 130px;
  margin-bottom: 50px;
}
.diy dl
{
    width:138px;
}
.wzwh_con dl dd.dd1 
{
    margin-top: 10px;
  font-size: 14px;
  color: #333;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}
.wzwh_con dl dd {
  font-size: 12px;
  color: #999999;
  line-height: 200%;
}.Website_con, .hotel_con {
  width: 980px;
  padding: 0px 10px;
  margin: 0 auto;
  overflow: hidden;
}
.Website2 {
  background: #eee;
  width: 100%;
  padding: 70px 0px;
  margin-top: 70px;
  overflow: hidden;
  margin-bottom: 70px;
}
/*企业邮局------------------------------------------------------*/
.email
{
    padding-bottom:20px;
}

.email p
{
    text-align:center;
    font-size: 14px;
  color: #333;
  padding-bottom:20px;
}
.email p.tt
{
    font-size: 18px;
}
.email p span
{
     color:#f90;
}
/*主机服务------------------------------------------------------*/
.host p
{
      color: #333;
  padding-bottom:20px;
  font-size: 18px;
  padding:30px 0px;
  border-top:1px solid #eaeaea;

}
.host dl
{
    width:480px;
    float: left;
    margin-bottom:30px;
}
.host dl dt
{
    float:left;
    padding-top:8px;
}
.host dl dd.tt 
{

  font-size: 14px;
  color: #333;
  padding-bottom: 5px;
  font-weight: bold;
  
}
.host dl dd {
  font-size: 12px;
  color: #333;
  line-height: 200%;
  padding-left:105px;
}
.host dl dd span
{
    color:#f90;
}
.host div
{
    overflow:hidden;
}
/*域名查询------------------------------------------------------*/
.domain
{
   background: url(../images/name.jpg) no-repeat scroll 0 0; 
   width:675px;
   height:88px;
}
.host table tr td
{
     font-size: 14px;
  color: #666;
  line-height: 250%;
}
.host table tr td span
{
    color:#f90;
}

.yuming
{ 
    height:88px;
    }
.img_2
{
    padding-top: 30px;
    padding-left: 30px;
}
#txtName {
    width: 338px;
    height: 39px;
    margin: 15px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
     outline:none;
     padding-left:10px;
    }
#btnquery{
  position: relative;
top: 15px;
    }    
    
.bottomArea {
padding-top: 7px;
border-top: 1px solid #CCCCCC;
margin-top: 30px;
}

.bottomArea ul {
list-style: none;
}

.bottomArea li.prev {
background: url(../images/prevIco.gif) no-repeat scroll 5px center;
_background-position: 5px 5px;
}

.bottomArea li.next {
background: url(../images/nextIco.gif) no-repeat scroll 5px center;
_background-position: 5px 6px;
}

.bottomArea li {
display: block;
height: 21px;
line-height: 21px;
padding-left: 21px;
overflow: hidden;
clear:both;
}

.bottomArea a:hover
{
    color:Red;
    }
 /*餐饮服务
-----------------------------------------------------------------*/
.book
{
  max-width: 640px;
   width:100%;
   overflow:hidden;
   padding-top:10px;
}
.book .titleArea
{
  position:relative;
  overflow: hidden;
  width :93%;
  border-bottom: 1px solid #EBEBEB;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom: 10px;
}
.book dt
{
  float: left;
  width :35%;
}
.book  dt img {
  width: 100%;
}
.book  dd
{
    width :55%;
    margin-left: 38%;
}
.book .titleArea .bti1
{
    font-size :16px ;
    color :#333333;
    line-height: 20px;
}
.book .titleArea .bti1 a
{
     color :#333333;
}
.book .titleArea .bti1 a.shijxs {
  font-size: 12px;
  background: url(../images/tp2.png) no-repeat 0px center;
  color: #A27B47;
  padding-left: 9px;
  float: right;
}
.book .titleArea .bti2
{
    font-size :14px ;
    color :#999999;
    padding-top :3px;
    line-height :17px;
    height:50px;
}
.book .titleArea .bti3
{
    
    font-size :14px ;
    color :#999999;
    padding-top :3px;
    line-height :22px;
    position: absolute;
    bottom: 10px;
    left:5px;
}
.page {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 10px;
  position: relative;
}
/*棋牌室
-----------------------------------------------------------------------------*/
.page .box .qipaishi
{
     margin-right :20px;
    margin-left:20px;
    padding-top:20px;
}
.page .box .qipaishi .pname
{
    font-size:16px;
}
.page .box .qipaishi .nr
{
    font-size:14px;
    color:#666666;
    line-height:25px;
    margin-bottom:40px;
    margin-top: 6px;
}
.page .box .qipaishi .Information
{
    margin-bottom:35px;
}
.page .box .qipaishi .Information p
{
    font-size:14px;
    color:#333333;
    padding-left: 24px;
  line-height: 22px;
  margin-bottom: 6px;
}
.page .box .qipaishi .Information p.p1
{
     background: url(/App_Themes/default/images/jh.png) no-repeat 3px 4px;
  background-size: 12px;
    }
    
.page .box .qipaishi .Information p.p2
{
    
      background: url(/App_Themes/default/images/time.png) no-repeat 2px 4px;
  background-size: 14px;
    }
    
.page .box .qipaishi .Information p.p3
{
   
 background: url(/App_Themes/default/images/shij.png) no-repeat 4px 3px;
  background-size: 12px;
    }
    .page .box .qipaishi .Information p span
    {
        color:#666666;
    }
    /*----------------合作加盟------------------*/    
        .ship
        {
            background:#fffee9;
            padding:1.25rem;
            box-sizing:border-box;
            }
            
        .ship p.name
        {
            font-size:1.7rem;
            color:#004c1c;
            font-weight:bold;
            padding-bottom:0em;
            }
            
         .ship .left
         {
            float:left;
            height:1.2rem;
            margin-left:0.2rem;
            }
            
         .ship p.right
         {
            float:right;
            font-size:1rem;
            line-height:1.5rem;
            vertical-align:bottom;
            color:#fff;
            background:#717171;
            padding: 0 0.2rem;
            box-sizing:border-box;
            }
            
         .ship .header
         {
             height:4rem;
             margin-bottom:1rem;
             border-bottom:2px solid #74a72e;
            }
               
         .ship .img1 img
         {
             width:100%;
            } 
            
        .ship .img2
         {
             width:100%;
             margin:0 auto;
             text-align:center;
             box-sizing:border-box;
             padding:1.25rem;
             padding-bottom:0em;
            }
                
        .ship .img2 img
        {
             margin:0 auto;
             width:60%;
             box-sizing:border-box;
            }
            
        .ship .con
        {
            font-size:1rem;
            line-height:1.6rem;
            vertical-align:bottom;
            color:#686868;
            text-indent:2em;
            }
            
        .ship p
        {
            padding-bottom:15px;
            }               
    .ship p.ttt
    {
        padding-bottom:0px;
    }
    .ship .llll
    {
        width:100px;
    }
    .callll
    {
        text-align:left;
        width:140px
    }
      .calll
    {
        text-align:left;
        width:115px
    }
    .cal
    {
        width:115px;
        vertical-align:top;
    }
    #content table tr td
    {
        font-weight:normal;
    }
    
    .caladd
    {
        line-height:20px;
    }
    .ke-zeroborder tr td a
    {
        color:#333;
    }
  /*******微信酒店搜索********/ 
  .hotelsearch
  {
      margin:0 auto;
      padding:20px;
       background:#fff;
       overflow:hidden;
      width:100%;
      max-width:640px;
          box-sizing: border-box;
      }
 .hotelsearch .list
 {
     border-bottom:1px solid #ccc;
     height:50px;
     line-height:50px;
     box-sizing: content-box;
    padding-bottom: 3px;
     }
 .hotelsearch .list .tab,
  .hotelsearch .list .tab4 
 {
     background:#fff url(../images/icon_a.png) no-repeat left center; 
     font-size:14px;
      padding-left: 10%;
      color:#666;
      width:30%;
      float:left;
      line-height: 48px;
      background-size: 22px;
      box-sizing: border-box;
     }
 .hotelsearch .list .tab1 
 {
    
     font-size:16px;
      color:#666;
      width:45%;
      float:left;
     line-height: 40px;
     border-right:1px solid #ccc;
     box-sizing: border-box;
     } 
 .hotelsearch .list .tab1 input
 {
     line-height:48px;
     height:40px;
     outline:none;
     border:0;
     width:100%;
     color:#666;
     background:#fff url(../images/icon_e.png)no-repeat 95% center;
     background-size: 10px;
     text-indent: 1em;
     box-sizing: border-box;
     }  
  .hotelsearch .list .tab2 
  {
      color:#DD487D;
      padding-top:12px;
      background:#fff url(../images/icon_d.png)no-repeat center top;
      width:25%;
      float:left;
      height:48px;
      background-size: 22px;
      text-align:center;
      line-height: 48px;
      box-sizing: border-box;
      }
  .hotelsearch .list .tab4 
  {
      background:#fff url(../images/icon_b.png)no-repeat left center;
      background-size: 22px;
      box-sizing: border-box;
      }
   .hotelsearch .list .tab5  {
      float: left;
    width: 70%;
    background:#fff url(../images/icon_e.png)no-repeat 95% center;
     background-size: 10px;
     padding-left:1em;
     box-sizing: border-box;
      }
.hotelsearch .list .tab5 .date
{
   width:30%; 
   overflow: hidden;
   float:left;
   box-sizing: border-box;
    }
.hotelsearch .list .tab5 .date .day
{
  float:left;
  width:30px;
  font-size:22px;
  color:#DD487D;
  box-sizing: border-box;
    }
.hotelsearch .list .tab5 .date2
{
    padding-top: 10px;
    float:left;
    box-sizing: border-box;
    }    
 .hotelsearch .list .tab5 .date2 span
{
    line-height: 16px;
    color: #585858;
    display: block;
    font-size: 1px;
    box-sizing: border-box;
    } 
 .hotelsearch .list .tab6
 {
     background:#fff url(../images/icon_c.png) no-repeat left center; 
     font-size:14px;
      padding-left: 10%;
      color:#666;
      width:30%;
      float:left;
      line-height: 48px;
      background-size: 22px;
      box-sizing: border-box;
     }
.hotelsearch .list .tab7 
 {
    
     font-size:16px;
      color:#666;
      width:45%;
      float:left;
     line-height: 47px;
     box-sizing: border-box;
     } 
 .hotelsearch .list .tab7 input
 {
     line-height:48px;
     height:47px;
     outline:none;
     border:0;
     width:100%;
     color:#666;
    text-indent: 1em;
    box-sizing: border-box;
     }      
 .hotelsearch .butt 
 {
     padding:30px 0;
     }
  .hotelsearch .butt  input
 {
      
     height:50px;
     line-height:50px;
     color:#fff;
     width:100%;
     border:0;
     outline:none;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     font-size:16px;
     }   
/**********酒店详情**************/ 
.hoteldetails {
      margin:0 auto;
       background:#fff;
       overflow:hidden;
      width:100%;
      max-width:640px;
          box-sizing: border-box;
      }    
   /*轮换图片
-------------------------------------------------------*/
.loading
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: rgba(0,0,0,.6);
    z-index: 1000000;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.loading > i
{
    display: block;
    width: 32px;
    height: 32px;
    background: url(/App_Themes/default/images/loading.png) no-repeat;
    margin: 20px auto 10px auto;
    background-size: 100%;
    animation: move .8s linear infinite;
}

@keyframes move{
	0%   {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}


.hoteldetails .carousel
{
    position:relative;
    }
.hoteldetails .scroll_1
    {
        margin: 0px auto;
        max-width: 1280px;
        position: relative;
    }
.hoteldetails .scroll_box1
    {
        overflow: hidden;
        visibility: hidden;
        position: relative;
    }
.hoteldetails .scroll_wrap1
    {
        overflow: hidden;
        position: relative;
        background: #000000;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
.hoteldetails .scroll_wrap1 li
    {
        position: relative;
        display: block;
        width: 100%;
        float: left;
    }
.hoteldetails .scroll_wrap1 li a
    {
        display: block;
        margin: 0 auto;
    }
    
.hoteldetails .scroll_position1
    {
        position: absolute;
        right: 5%;
        text-align: center;
        z-index: 400px;
        bottom: 60px;
        padding: 0px;
    }
.hoteldetails .scroll_position1 li
    {
        display: inline-block;
    }
.hoteldetails .scroll_wrap1 li div
    {
        position: relative;
        bottom: 0px;
    }
.hoteldetails .scroll_wrap1 li div img
    {
        width: 100%;
    }
.hoteldetails .scroll_position1 li a
    {
        font-size: 0px;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        box-sizing: border-box;
        
        color: #B0B0B0;
        text-decoration: none;
        outline: none;
        float: left;
        background: url(/App_Themes/default/images/hdicon5.png) no-repeat;
        background-size: 100% 100%;
    }

.hoteldetails .scroll_position_bg1
    {
        position: absolute;
        bottom: 12px;
        left: 42%;
        padding: 0 15px;
        z-index: 380px;
        height: 26px;
        border-radius: 26px;
    }
.hoteldetails .carousel  .scroll_nov
    {
        position:absolute;
        top:0;
        z-index:10000;
        width: 100%;
    max-width: 640px;
        }
 
.hoteldetails .carousel  .scroll_nov > a
{
    padding: 16px;
    color: white;
    position: relative;
    max-width: calc(100% - 120px);
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.hoteldetails .carousel  .scroll_nov > a:after
{
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(-135deg);
    position: absolute;
    right: 2px;
    top: 23px;
}
/*.hoteldetails .carousel  .scroll_nov b.png 
{
    position:absolute;
    top:13px;
    left:12px;
 	width:50px;height:50px;
 	border-radius: 50%;
 	opacity: .8;
} */
.hoteldetails .carousel  .scroll_nov .div_png{
      float: right;
 }
.hoteldetails .carousel  .scroll_nov b.png2
{
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 18px 16px;
    background: url("/App_Themes/default/images/tel4.png") no-repeat center center; background-size: calc(100% - 32px);
}
.hoteldetails .carousel .scroll_footer 
{
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    width: calc(100% - 32px);
    z-index: 100000;
    color: #fff;
    padding: .8rem 16px;
    
    }
.hoteldetails .carousel .scroll_footer  #hotelname
{
    float: left;
    color: #fff;
}

.hoteldetails .carousel .scroll_footer  i{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    position: absolute;
    right: 18px;
    top: 15px;
        }
.hoteldetails .carousel .scroll_footer  i:after {
    content: "";
    display: block;  
    width: 10px;
    height: 10px;
    position: absolute;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 2px;
    right: 0;
}   
.hoteldetails .zation
{
    box-sizing: border-box;
    /*border-bottom: 8px solid #eee;*/
    }
.hoteldetails .zation .tlist
{
    font-size: 16px;
    padding: 14px 36px;
    position:relative;
    color:#888;
    box-sizing: border-box;
    overflow: hidden;
}
.hoteldetails .zation .tlist +  .tlist{border-top: 1px solid #eee; }
    
.hoteldetails .zation .tlist #names
{
    float: left;
}
.hoteldetails .zation .tlist i{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    position: absolute;
    right: 20px;
    top: 18px;
        }
.hoteldetails .zation .tlist i:after {
    content: "";
    display: block;  
    width: 10px;
    height: 10px;
    position: absolute;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 2px;
    right: 0;
}   
.hoteldetails .zation .tlist1
{
    font-size:1rem;
    position:relative;
    color:#666;
    box-sizing: border-box;
    display:block;
    /*border-top:1px solid #ececec;
    padding: 12px 16px;*/
    }

.hoteldetails .zation .tlist1 i{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    position: absolute;
    right: 20px;
    top: 16px;
        }
.hoteldetails .zation .tlist1 i:after {
    content: "";
    display: block;  
    width: 10px;
    height: 10px;
    position: absolute;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 2px;
    right: 0;
}

.hoteldetails .middle
{
    border-top:1px solid #eee;
    box-sizing: border-box;
    position:relative;
    background: #f8f8f8;
    }

.hoteldetails .middle .textul{overflow: hidden; padding: 10px 0;}
.hoteldetails .middle .textul li
{
    float:left;
    width:33%;
    box-sizing: border-box;
    list-style:none;
    text-align:center;
    position:relative;
    background: #f8f8f8;
    }

.hoteldetails .middle .textul li #jiw
{
    display: inline-block;
    padding-top: 11px;
    font-size: 16px;
}

.hoteldetails .middle .textul .xhpx .tab_lz,
.hoteldetails .middle .textul .ord .tab_lz
{
    background: #f8f8f8 url(../images/hdicon6.png) no-repeat 16px 2px;
    background-size: 14px;
    display: block;
    box-sizing: border-box;
    padding-left: 35px;
    text-align: left;
    margin: 0 auto;
    font-size: 0.9em;
    width: 80px;

    }
.hoteldetails .middle .textul .xhpx input,
.hoteldetails .middle .textul .ord input
{
    display:block;
    box-sizing: border-box;
    display:block;
    border:0;
    outline:none;
    color:#666666;
    font-size: 14px;
    background: #f8f8f8;
    }
.hoteldetails .content1
{
    box-sizing: border-box;
    border-top: 8px solid #eee;
} 
.hoteldetails .content1 ul
{
    box-sizing: border-box;
    } 
.hoteldetails .content1 ul li
{
    box-sizing: border-box;
    border-bottom:1px solid #e9e9e9;
    position: relative;
    list-style: none;
    } 
.hoteldetails .content1 ul li a
{
    color:#333;
}  

.hoteldetails .content1 ul li a{
    overflow: hidden;
    display: block;
    padding-left: 16px;
	font-size:17px;
}  

.hoteldetails .content1 ul li .gray
{
    color:#666;
    font-size:14px;
    }  
.hoteldetails .content1 ul li .zg
    {
     position: absolute;
    top: 16px;
    right:20px;
    color:#888888;
    font-size:14px;
    letter-spacing:0;  
     box-sizing: border-box;
     height: 80px;
        }

.hoteldetails .content1 ul li .zg i{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    margin-right:0px;
    margin-top: 12px;
    position: absolute;
    right: 0px;
        }
.hoteldetails .content1 ul li .zg i:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: 10px;
    left: 6px;
}

.hoteldetails .content1 ul li .zg i.xj{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    margin-top: 18px;
    position: absolute;
    right:0;
        }
.hoteldetails .content1 ul li .zg i.xj:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    bottom: 14px;
    left: 6px;
}

.heid
{
    background: #fff;   
    padding: 0 16px 14px;
    box-sizing: border-box;
    position: relative;
    }
.heid table
{
    width:100%;
    box-sizing: border-box;
    }
.heid table tr:nth-child(odd)
 {
     background:#eee;
}
.heid table tr:nth-child(even)
 {
     background:#eee;
}     
.heid table tr td:nth-child(2)
{
   box-sizing: border-box;
   padding: 0 10px 0 0;
    white-space: nowrap;
    font-size: 18px;
}
.heid table tr td span.jfzhi{font-size: 18px;}

.heid table tr td:last-chlid
{
    width:100%;
    }
.heid table tr td
{
    width:100%;
    box-sizing: border-box;
    height: 42px;
     font-size: 16px;
    }
.heid table tr td input
{
    border:0;
    width:60px;
    /*height:26px;
    line-height:26px;*/
    color:#fff;
    font-size: 14px;
    padding: 5px 0;
}
.heid table tr td input.huise
{
    background:#B7B7B7;
    color:#FFF;
    }    
.hoteldetails  .fo_text
{
    width:100%;
    font-size:14px;
    padding: 20px;
    box-sizing: border-box;
    }   
.hoteldetails  .fo_text p
{
    width:100%;
    font-size:18px;
    color:#323232;
    box-sizing: border-box;
    margin-bottom:10px;
    } 
.hoteldetails  .fo_text .div_text
{
    font-size:16px;
    color:#646464;
    line-height:28px;
    box-sizing: border-box;
    }     
.hoteldetails .heid .arrow-down{ 
width: 10px;
  height: 10px;
  overflow:hidden;
  zoom: 1;
  position: absolute;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  background-color: #FCFCFC; 
  top: 5px;
    left: 16%;
}   
/********酒店介绍*********/   
.hintroduction
{
    margin:0 auto;
   width:100%;
   max-width:640px;
   background:#eee;
    }  

.hintroduction span#hotelname{font-size: 18px;}
.hintroduction .MsoNormal,
.hintroduction .MsoNormal span,
#fuwuxinxi,
#kefangsheshi
{
    font-size: 14px;
    line-height: 20px;
    color: #666;
}


.hintroduction  .zation
{
    box-sizing: border-box;
    background:#fff;
    }
.hintroduction  .zation .tlist0
{
    color:#333;
    font-size:1.3rem;
    padding: 14px 20px;
    overflow: hidden;
    }
.hintroduction  .zation .tlist0 i
{
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px;
    margin-right: 3px;
}
.hintroduction  .zation .tlist0 i img{ width: 16px; height: 16px;}
 .hintroduction  .zation .tlist0 p
{
    padding-bottom: 6px;
    } 
.hintroduction  .zation .tlist
{
    
    font-size: 1rem;
    padding: 12px 0;
    padding-left: 20px;
    position: relative;
    color: #888;
    box-sizing: border-box;
    border-top: 1px solid #ececec;
}
.hintroduction  .zation .tlist .address
{
    box-sizing: border-box;
    padding-left:20px;
    padding-right: 30px;
}
.hintroduction  .zation .tlist i{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    margin-right:0px;
    margin-top: 8px;
    position: absolute;
    right: 20px;
    top: 5px;
        }
.hintroduction  .zation .tlist i:after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 4px;
    right: 0;
}   
.hintroduction  .zation .tlist1
{
    font-size: 1rem;
    position: relative;
    color: #666;
    box-sizing: border-box;
    display: block;
    border-top:1px solid #ececec;
    padding: 12px 0;
    padding-left:20px;
    }
.hintroduction  .zation .tlist1 .tel
{
   display:block;
   overflow:hidden;
   background-size:16px;
    box-sizing: border-box;
    padding-left:20px;
    color:#666;
    }
.hintroduction  .zation .tlist1 i
{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    margin-right:9px;
    margin-top: 8px;
    position: absolute;
    right: 20px;
    top: 6px;
        }
.hintroduction  .zation .tlist1 i:after {
    content: "";
    display: block;  
    width: 16px;
    height: 16px;
    position: absolute;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 2px;
    left: 6px;
}   
.hintroduction .suggest
{
    margin-top:10px;
    box-sizing: border-box;
    background:#fff;
    padding: 14px 20px;
    overflow: hidden;
    }
.hintroduction .suggest .caption
{
  padding: 0 10px;
  position: relative;
}
.hintroduction .suggest .caption::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 15px;
}
    
.hintroduction .suggest ul
{
    padding-top: 15px; 
    }    
.hintroduction .suggest ul li
{
    float:left;
    width:23.5%;
    padding-right:1%;
    list-style:none;
    }    
.hintroduction .suggest ul li:last-child
{
    padding-right:0;
    }  
.hintroduction .suggest ul li img
{
    width:100%;
    }

.hintroduction .suggest .caption i
{
    
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 100%;
    margin-right:4px;
    margin-top: 4px;
    position: absolute;
    right: 0;
    top: 0;
        }
.hintroduction .suggest .caption i:after {
    content: "";
    display: block;  
    width: 10px;
    height: 10px;
    position: absolute;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 0;
    right:0;
} 
.hintroduction .suggest1
{
    margin-top:10px;
    box-sizing: border-box;
    background:#fff;
    padding:20px;
    overflow: hidden;
    }
.hintroduction .suggest1 .caption1
{
   background:#fff url(../images/icon9.png) no-repeat left center;
   padding: 0 10px;
   font-size: 1.3rem;
   position:relative;
    box-sizing: border-box;
    }
    
.hintroduction .suggest1 ul
{
    padding-top: 10px; 
    overflow: hidden;
    }    
.hintroduction .suggest1 ul li
{
    float:left;
    width:16.6%;
    list-style:none;
    color:#5B5B5B;
    text-align:center;
    padding-bottom:5px;
     box-sizing: border-box;
     border-bottom:2px solid #ccc;
    }
.hintroduction .suggest1 .textinfo
{
    color:#5B5B5B;
    line-height:25px;
    padding-top:5px;
    display:none;
    }
.hintroduction .suggest1 .reveal
{
    display:block;
    }  

.hintroduction .suggest1 ul li.tab
{
    color:#DF5486;
    border-bottom:2px solid #DF5486;
    }
.hintroduction .totop
{
    display:block;
    width:40px;
    height:40px;
    background:#fff url(../images/icon11.png) no-repeat center center;
    position:fixed;
    bottom:20px;
    right:20px;
    background-size: 40px;
    display:none;
    }

/*********我的会员卡*********/

.membership
{
     margin:0 auto;
   width:100%;
   max-width:640px;
   box-sizing: border-box;
   background:#f2f2f2;
    }
.membership .info
{
    padding:10px 20px;
    box-sizing: border-box;
    //text-align:center;
    background:#fff;
    }
.membership .info div:first-child img
{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin-left: 35%;
    margin-right: 3%;
   }
.membership .info .myname
{
    color:#333;
    font-size:1.2rem;
    box-sizing: border-box;
    }
 .membership .info .grade
{
    color:#646464;
    font-size:1rem;
    box-sizing: border-box;
    }    
    
   .membership .card  
   {
       box-sizing: border-box;
       margin-top:10px;
       padding:20px;
       background:#fff;
       position:relative;
       }
     .membership .card  img
   {
       width:100%;
       } 
.membership .card .number .line
{
    width:67%;
    }
.membership .card .number
{
    position:absolute;
    font-size:0.6rem!important;
    color:#E5D8D0;
    bottom: 15%;
    height: 17px;
    width:74%;
    left:50%;
    margin-left:-38%;
    }           
  .membership .account
  {
     box-sizing: border-box;
     margin-top:10px; 
     background:#fff;
     padding:10px 20px;
     font-size:1rem;
      }   
   .membership .account ul
  {
     box-sizing: border-box;
     overflow:hidden;
      }   
  .membership .account ul li
  {
     box-sizing: border-box;
     list-style:none;
     float:left;
     width:49%;
     text-align:center;
      }     
  .membership .account ul li:nth-child(2)
  {
     width:1px;
     height:40px;
     border-right: 1px solid #ccc;
         margin-top: 3px;
      }   
  .membership .account ul li .pink {
       font-size:1.1rem;
       } 
    
 .membership .list
{
    box-sizing: border-box;
    background:#fff;
    margin-top:10px;
    margin-bottom: 25px;
    }
.membership .list .tlist1:first-child
{
    border-top:0;
    }  
 .membership .list .tlist1
{
    font-size:1rem;
    position:relative;
    height:50px;
    line-height:50px;
    color:#666;
    box-sizing: border-box;
    display:block;
    border-top:1px solid #f2f2f2;
    padding-left:20px;
   -webkit-appearance: none;
   outline: none;
    }

 .membership .list .tlist1 i{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    margin-right:9px;
    margin-top: 8px;
    position: absolute;
    right: 10px;
    top: 6px;
        }
 .membership .list .tlist1 i:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 4px;
    left: 6px;
}

/*********我的会员遮盖层*************/   
.membership .mask
{
    display: none;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
.membership .popup_index {
    width: 80%;
    background: #fff;
    box-sizing: border-box;
    font-size: 62.5%;
    position: fixed;
    top: 50%;
    margin-top: -130px;
    margin-left:10%;
    z-index: 10;
}
.membership .popup_index  .popuplist,
.membership .popup_card  .popuplist
{
    border-bottom:1px solid #eee;
    line-height:45px;
    font-size:1rem;
    box-sizing: border-box;
    padding:0 20px;
    color:#666;
    }
.membership .popup_index .popuplist1,
.membership .popup_card .popuplist1
{
   line-height:40px;
    font-size:1rem;
    box-sizing: border-box; 
    padding: 0 20px;
    margin-top:15px;
    margin-bottom: 15px;
    }
.membership .popup_index  .popuplist1 .btn,
.membership .popup_card  .popuplist1 .btn
   {
        
       font-size:1rem;
       color:#fff;
       box-sizing: border-box;
       outline:none;
-webkit-tap-highlight-color:transparent;
       border:0;
       width:100%;
       line-height:40px;
       border-radius: 5px;
       -webkit-border-radius: 5px;
       } 
.membership .inquiry {
    line-height: 0;
    appearance: normal;
    -moz-appearance: normal;
    -webkit-appearance: radio;
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    vertical-align: middle;
    border-radius: 50%;
    top: -1px;
}  
.membership .popup_card {
    width: 80%;
    background: #fff;
    box-sizing: border-box;
    font-size: 62.5%;
    position: fixed;
    top: 50%;
    margin-top: -130px;
    margin-left:10%;
    z-index: 10;
}      
    
/***********充值记录****************/    
.recharge
{
     margin:0 auto;
   width:100%;
   max-width:640px;
   box-sizing: border-box;
    }    
 .recharge ul
 {
     overflow:hidden;
     background:#f1f1f1;
     box-sizing: border-box;
     }   
.recharge ul li
{
    float:left;
    width:50%;
    box-sizing: border-box;
    line-height:45px;
    list-style:none;
    text-align:center;
    box-sizing: border-box;
    }    
.recharge ul li.tab 
{
    border-bottom:2px solid #DD487D;
    background:#fff;
    color:#DD487D;
    }     
.recharge .journal 
{
    overflow: hidden;
    border-bottom: 1px solid #EFEFF4;
    box-sizing: border-box;
    padding: 9px 0 8px 0;
    }   
.recharge .journal .left
{
    padding-left:20px;
    width:76%;
    float:left;
    box-sizing: border-box;
    }  
.recharge .journal .left p
{
    height:24px;
    line-height:24px;
    box-sizing: border-box;
    }         
.recharge .journal .right
{
    color:#c00;
    font-size:1.2rem;
    padding-right:20px;
     float:left;
     width:24%;
     box-sizing: border-box;
     line-height:48px;
     text-align:right;
    }       
 .recharge .log
 {
     display:none;
     } 
 .recharge .show
 {
     display:block;
     }  

/********会员支付*********/    
 .payment
 {
      margin:0 auto;
   width:100%;
   max-width:640px;
   box-sizing: border-box;
   padding:20px;
     } 
    .payment table 
    {
        width:100%;
        }    
 .payment table tr td:nth-child(1)
 {
     width:42%;
     text-align:center;
     font-size:1rem;
     height: 30px;
     }     
 .payment table tr td:nth-child(2)
 {
     width:50%;
     text-align:center;
     padding-left:10px;
      font-size:1rem;
      height: 30px;
     }     
 .payment table tr td .btn 
 {
     box-sizing:border-box;
     width:100%;
      
     color:#fff;
     outline:none;
     border:0;
     line-height:40px;
     margin-top: 40px;
    font-size: 1rem;
     }
  /*********客房预订 - 柏丽酒店**************/   
     .btn_color, .button
        {
            float: right;
            width: 65px;
            border-radius: 3px;
            border: none;
            color: White;
            font-size: 14px;
            cursor: pointer;
            outline: none;
           background: #999;
        }
        .el p
        {
            height: 38px;
        }
        .addresso
        {
            width: 14px;
            float: left;
            margin-right: 7px;
            margin-top: -1px;
        }
        .phoneo
        {
            width: 15px;
            float: left;
            margin-right: 6px;
            margin-top: 1px;
        }
#content .room_list .content1
{
    box-sizing: border-box;
    } 
#content .room_list .content1 ul
{
    box-sizing: border-box;
    } 
#content .room_list .content1 ul li
{
    box-sizing: border-box;
    border-bottom:1px solid #ccc;
    position: relative;
    list-style: none;
    width:100%;
    } 
#content .room_list .content1 ul li a
{
    color:#333;
    }  
#content .room_list .content1 ul li .zg
    {
     position: absolute;
    bottom: 20px;
    right: 0;
    color:#888888;
    font-size:14px;
    letter-spacing:0;  
     box-sizing: border-box;
        }
#content .room_list .content1 ul li a{
           overflow: hidden;
            display: block;
             padding: 20px 0;
            }  

#content .room_list .content1 ul li .gray
{
    color:#666;
    font-size:14px;
    }  
#content .room_list .content1 ul li .zg
    {
     position: absolute;
    top: 20px;
    color:#888888;
    font-size:14px;
    letter-spacing:0;  
     box-sizing: border-box;
        }

#content .room_list .content1 ul li .zg i{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    margin-right:9px;
    margin-top: 8px;
    position: absolute;
    right: 0px;
        }
#content .room_list .content1 ul li .zg i:after {
    content: "";
    display: block;  
      width: 12px;
    height: 12px;
    position: absolute;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 2px;
    left: 6px;
}

#content .room_list .content1 ul li .zg i.xj{
    
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    margin-top: 18px;
    position: absolute;
    right:0;
        }
#content .room_list .content1 ul li .zg i.xj:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    border-right: 2px solid #DD487D;
    border-bottom: 2px solid #DD487D;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 2px;
    left: 6px;
}

#content .room_list .content1 ul li .heid
{
    background:#fff;   
    padding-bottom: 20px;
    box-sizing: border-box;
    position:relative;
    }
#content .room_list .content1 ul li .heid table
{
    width:100%;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    }
#content .room_list .content1 ul li .heid table tr:nth-child(odd)
 {
     background:#FCFCFC;
     }
#content .room_list .content1 ul li .heid table tr:nth-child(even)
 {
     background:#F7F7F7;
     }     
#content .room_list .content1 ul li .heid table tr td:nth-child(2)
{
   box-sizing: border-box;
   padding:0 10px 0 0;
   color:#ff0000;
    white-space: nowrap;
    }
#content .room_list .content1 ul li .heid table tr td:last-chlid
{
    width:100%;
    }
#content .room_list .content1 ul li .heid table tr td
{
    width:100%;
    box-sizing: border-box;
    height:40px;
    
    }
#content .room_list .content1 ul li .heid table tr td input
{
    border:0;
    outline:none;
    padding:5 10px;
    box-sizing: border-box;
    background:#DF5486;
    width:70px;
    height:30px;
    line-height:30px;
    border-radius:3px;
    -webkit-border-radius:3px;
    color:#fff;
    }
#content .room_list .content1 ul li .heid table tr td input.huise
{
    background:#B7B7B7;
    color:#FFF;
    }         
  
 #content .room_list .zg p
 {
     color:#888;
     }    
#content .room_list .content1  .heid .arrow-down{ 
width: 10px;
  height: 10px;
  overflow:hidden;
  zoom: 1;
  position: absolute;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  background-color: #FFF; 
  top: -5px;
    left: 16%;
    z-index: 1000;
}        
/****会员卡支付遮盖层****/
.pop_mask {
    display: none;
    width: 100%;
    height: 100%;
    background: #646464;
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
}
.popbox{
	background: #f2f2f2;
	width: 300px;
	z-index: 10;
	margin:-100px auto;
	box-sizing: border-box;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none;
}
.popbox p{
	margin: 0;
	padding:0;
	box-sizing: border-box;
}
.border_b{
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.orange{
	color: #D57930;
	
    padding-bottom: 10px;
    box-sizing: border-box;
}
.popbox .pop_top{
	text-align: center;
	margin: 0;
	box-sizing: border-box;
	font-size: 1rem;
	color: #000;
	padding-top: 20px;
	line-height: 24px;
}
.popbox .mima{
	text-align: center;
	color: #7c7c7c;
	font-size:1rem;
	box-sizing: border-box;
	padding: 12px 0 10px 0;
}
.popbox .mima .find{
	color: #3686A7;
	text-decoration: none;
	padding-left: 5px;
}
.popbox .mima .find:hover{
	color: #3686A7;
}
.popbox .blue{
	color: #3686A7;
	font-size:1rem;
	display: block;
	position: relative;

}
.popbox .bot{
	line-height: 36px;
	background: #EAEBED;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0;
	outline: none;
	width: 100%;
	margin-bottom: 10px;
	color: #fff;
	font-size: 1rem;
}
.popbox .blue:hover{
	color: #3686A7;
}
.popbox .put{
	line-height: 36px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
	padding-left: 5px;
	border:1px solid #a1a1a1;
	outline: 0;
	width: 100%; 
	font-size: 1rem;
}
.popbox div.close_sup {
    background: #eee;
    top: 0px;
}
.popbox .pl5{
	padding:0 5px;
}
.popbox .pb20{
	padding-bottom:20px;
}
.popbox div.close {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 9px;
    right: 10px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #838383;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.popbox div.close i {
    width: 15px;
    height: 15px;
    border-top: 1px solid #999;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 7px;
    right: 8px;
}
.popbox div.close i:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 1px solid #999;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    position: absolute;
    top: -8px;
    right: 7px;
}
.popbox .blue .gh {
    width: 8px;
    height: 8px;
    border: none;
    border-radius: 100%;
    position: absolute;
    top: 18px;
}
.popbox .blue .gh:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    border-right: 1px solid #3686A7;
    border-bottom: 1px solid #3686A7;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}    

/****酒店评价****/  
.evaluation
{
   margin:0 auto;
   width:100%;
   max-width:640px;
   background:#eee;
   box-sizing: border-box;
   overflow: hidden;
    }
 .evaluation  .mb10 + .mb10
 {
     border-top:10px solid #eee;
} 
 .evaluation .fr
 {
     float:right;
     } 
 .evaluation .fl
 {
     float:left;
     }              
.evaluation .eva_top
{
    padding: 10px 16px;
    box-sizing: border-box;
    background:#fff;
    overflow: hidden;
    }  
.evaluation .pink 
{
    color:#DD487D;
    padding-left:10px;
    box-sizing: border-box;
    } 
 .evaluation .evalist
 {
     overflow:hidden;
     padding:10px 0;
     box-sizing: border-box;
     background:#fff;
     }      
  .evaluation .evalist .left
  {
      float:left;
      } 
 .evaluation .evalist .left .ul li
  {
      float:left;
      list-style:none;
      line-height:45px;
      height:45px;
      padding-right: 5px;
      font-size: 1rem;
      }  
 .evaluation .evalist .left .ul li a,
  .evaluation .evalist .left .ul li a:hover
 {
     color:#333;
     } 
  
 .evaluation .evalist .left .ul li .divimg img
 {
     width:45px;
     height:45px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     margin-right:8px;
     }
 .evaluation .evalist .right
  {
      float:right;
      height:45px;
      line-height:45px;
      }    
       .evaluation .evalist .right span
       {
           float:right;
             margin-top: 14px;
             margin-left:2px;
       }
   .evaluation .evalist .right span img.imgxx
   {
       width:auto;
       height:18px;
   } 
 .evaluation .evalist  .time
 {
     box-sizing: border-box;
     color:#999;
     padding: 6px 10px 0 10px;
    font-size:1rem;
margin-left: 53px;
     }  
 .evaluation .evalist .ulimg 
 {
     width:100%;
     padding:0 10px;
     overflow:hidden;
     box-sizing: border-box;
    margin-left: 53px;
     } 
  .evaluation .evalist .ulimg li
  {
      width:32%;
      margin-right:2%;
      float:left;
      list-style:none;
          box-sizing: border-box;
      }  
  .evaluation .evalist .ulimg li img
  {
      width:100%;
      height: 100px;
      }      
  .evaluation .evalist .ulimg li:nth-child(3n)
  {
      margin-right:0;
      }  
 .evaluation .evalist .discuss 
 {
     box-sizing: border-box;
     font-size:1rem;
     color:#999;
     padding:10px;
margin-left: 53px;
     }  
 .evaluation .evalist .reply
 {
     box-sizing: border-box;
     color:#999;
     border-top:1px solid #eaeaea;
  padding-top: 13px;
  padding-bottom: 3px;
  margin-top:10px;
  padding-left: 10px;
  padding-right: 10px;
     }   
 .evaluation .evalist .reply span
 {
     box-sizing: border-box;
     font-size:1rem;
     } 
   .evaluation .evalist .reply .pr10
   {
       padding-right:10px;
       }
  
/*招聘*/  
    	.zp1{
    	}
		.zp1 .banner img{
			width: 100% !important;

		}
		.zp1 .zp{
			padding:15px 10px;
			color: #323232;
			line-height: 25px;
		}
		.zp1 .zpgw,
		.zp1 .gwyq{
			padding-left: 24px;
			background: url("/App_Themes/default/images/zpgw.png") no-repeat 2px 4px;
			background-size: 16px;
			margin-bottom: 15px;
			
			border-bottom: 1px solid #ccc;
		}
		.zp1 .zpgw span,
		.zp1 .gwyq span{
			    display: block;
    			margin-bottom: 13px;
    			 
		}
		.zp1 .gwyq{
			background: url("/App_Themes/default/images/gwyq.png") no-repeat 2px 6px;
    		background-size: 17px;
    		border-bottom: 0;
    		margin-bottom: 50px;
		}
		.zp1 .gwyq p,
		.zp1 .zpgw p{
			margin-bottom: 15px;
			font-size: 15px;
		}
		.zp1 .jltd{
			width: 100%;
			color:#dd487d;
			background: #FBE2C1;
			height: 50px;
			line-height:50px;
			text-align: center;
			position: fixed;
			bottom:50px;
			max-width:640px;
		}  
     .zp1 .jltd a:link,
     .zp1 .jltd a:visited,
     .zp1 .jltd a:active
     {
         color:#dd487d;
         }
     
     
     .none
    {
        display: none;
    }
    .hoteldetails .content1 ul li .heid table tr td input
    {
        background: #999;
        font-size: 0.9rem;
    }
    
    .sj_11
    {
        display: inline-block;
        background: #DF5486;
        color: #fff;
        padding: 0px 4px;
        line-height: 20px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        vertical-align: middle;
        padding-top: 2px;
    }
    
    
    .setusenamecol
    {
        width: 240px; 
        text-align: center; 
        font-size: 14px; 
        line-height: 30px;
        height: 30px; 
        color: white; 
        position: fixed; 
        border-radius: 5px; 
        left: 50%; 
        margin-left: -105px;
        z-index: 3; 
        top: 51px; 
        display: none; 
        z-index: 111;
    }
    
    
    .tpay ul li a{float: left; margin-left:5px}
    
    
    
    
    
    .liveMan{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #f3f3f3;
		z-index: 200;
		display: none;
	}
	.liveMan .liveOuter{min-height: calc(100% - 60px); background-color: #fff;}
	.liveMan h3{font-size: 13px; padding: 12px 14px; background-color: #eee;}
	.liveMan .liveInput{ border-bottom: 10px solid #eee;}
	.liveMan .liveInput p{overflow: hidden; height: 24px; line-height: 24px; padding: 10px 14px;}
	.liveMan .liveInput p + p{display: none;}
	.liveMan .liveInput p b{color: #7AB130; display: block; line-height: 24px;}
	.liveMan .liveInput p b:before{content: '\e914'; font-family: 'icomoon'; color: #7AB130; font-size: 14px; margin-right: 4px; width: 14px; display: inline-block;}
	.liveMan .liveInput p b:after{content: '\e923'; font-family: 'icomoon'; color: #999; float: right; margin-top: 2px;}
	.liveMan .liveInput p input{float: left; width: calc(100% - 60px); margin-right: 10px; border: none; }
	.liveMan .liveInput p span{
		float: right; 
		width: 50px; 
		border-radius: 4px; 
		background-color: #7AB130; 
		color: white; 
		text-align: center; 
		font-size: 14px;
		height: 24px;
		line-height: 24px;
	}

	.liveMan .liveList{padding: 0 14px;}
	.liveMan .liveList li{border-bottom: 1px dashed #eee; padding: 12px 0; position: relative;}
	.liveMan .liveList li:before{
		content: "\e91f";
		font-family: 'icomoon';
		font-size: 1.4rem;
		width: 1.4rem;
		float: left;
		color: #ccc;
		margin-right: 6px;
	}
	.liveMan .liveList li i{
		position: absolute;
		right: 0;
		top: 13px;
		width: 18px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		border-radius: 18px;
		border: 1px solid #ccc;
		color: #999;
		font-size: 14px;
		display: none;
	}
	.liveMan .liveList li.active i{display: block;}
	.liveMan .liveList li.active:before{content: "\e91e"; color: #7AB130}

	.liveMan .button{margin: 10px 14px; width: calc(100% - 28px); padding: 0; line-height: 40px; height: 40px; text-align: center; background: #7AB130; color: White}
    
    .liveAlert{
		position: fixed;
		top: 50%;
		left: 50%;
		margin: -40px 0 0 -70px;
		width: 140px;
		padding: 24px 20px;
		text-align: center;
		background-color: rgba(0,0,0,.5);
		color: white;
		border-radius: 6px;
		font-size: .9rem;
		text-align: center;
		display: none;
		z-index: 200;
		box-sizing: border-box;
	}
    
    /*我的卡券*/
	.coupon{
	    box-sizing: border-box; 
	    background-color:#fff;
	    position: fixed;
	    top: 50px;
	    left: 0;
	    height: calc(100% - 50px);
	    overflow-y: auto;
	    width: 100%;
	    display: none;
	}
	.coupon .couNav{position: relative; display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 44px; line-height: 44px; border-bottom: 1px solid #eee;}
	.coupon .couNav a{width: 100%; display: block; text-align: center;}
	.coupon .couNav a.active{color: #7AB130;}
	.coupon .couNav .undeline{
		position: absolute;
		bottom: -1px;
		left: 0;
		width: calc(100% / 3);
		height: 2px;
		background-color: #7AB130;
		transition: all .2s;
	}

	.coupon .couponList{padding: 0 24px 14px; color: white; height: calc(100% - 65px); box-sizing: border-box; margin-top: 20px}
	.coupon .couponList li{
		width: calc(100vw - 48px);
		max-width: 720px;
		height: calc((100vw - 48px)/2.33);
		max-height: 306px;
		position: relative;
		overflow: hidden;
		line-height: 1;
		margin-bottom: 16px;
	}
	.coupon .couponList li.new{
		background: url("../images/coupon.png") no-repeat; 
		background-size: 100%;
	}
	.coupon .couponList li.outed,
	.coupon .couponList li.used{
		background: url("../images/coupon2.png") no-repeat; 
		background-size: 100%;
	}
	.coupon .couponList li.used:before{
		content: "";
		width: 22vw;
		height: 17vw;
		background: url("../images/used.png") no-repeat; 
		background-size: 100%;
		position: absolute;
		bottom: 2.5vw;
		right: 4vw;
		z-index: 10;
	}
	.coupon .couponList li.outed:before{
		content: "";
		width: 22vw;
		height: 17vw;
		background: url("../images/outed.png") no-repeat; 
		background-size: 100%;
		position: absolute;
		bottom: 2.5vw;
		right: 4vw;
		z-index: 10;
	}
	.coupon .couponList li:after{
		content: "";
		display: block;
		width: 100%;
		border-bottom: 1px dashed #fff;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%) scale(2, 1);
		-webkit-transform: translateY(-50%) scale(2, 1);
	}
	.coupon .couponList li b{
		position: absolute;
		top: 3vw;
		left: 4vw;
		font-size: 13vw;
		color: White
	}
	.coupon .couponList li b:before{content: "￥"; font-size: 5vw; float: left; margin-top: 5px;}
	.coupon .couponList li em{
		position: absolute;
		top: 5.4vw;
		right: 6vw;
		font-size: 7vw;
		color: White
	}
	.coupon .couponList li span{
		position: absolute;
		bottom: 10vw;
		left: 4vw;
		font-size: 4vw;
		padding-left: 3vw;
		display: block;
		height: 5vw;
		line-height: 5vw;
		color: White
	}
	.coupon .couponList li span + span{bottom: 4vw;}
	.coupon .couponList li span:before{
		content: "";
		width: 1.2vw;
		height: 1.2vw;
		background-color: #fff;
		border-radius: 1.2vw;
		position: absolute;
		top: 50%;
		left: 0;
	}
	.coupon .noCoupon{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}
	.coupon .noCoupon i{display: block; font-size: 60px; color: #ccc; display: block; width: 60px; margin: 0 auto 4px; text-align: center;}
	.coupon .noCoupon span{display: block; color: #ccc; text-align: center;font-size: .95rem;}
	
 
 
 
 @media (min-width: 640px)
 {
     .coupon,
     .liveMan{width: 640px; left: 50%; transform: translateX(-50%);}
     }