html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header, hgroup, menu, nav, section,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article, aside, dialog, figure, footer, header, hgroup, nav, section{display:block}nav ul{list-style:none}li{list-style:none}blockquote, q{quotes:none}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input, select{vertical-align:middle}

body{ font-family:'宋体'; cursor:default; font-size:12px; line-height:1.6em;background:#fbf4ea;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
a,a:visited {color:#444;text-decoration: none;}
p { padding: 4px; }
img { vertical-align:middle; border:0px}
a img { border: 0px; }
input:focus, button:focus { outline:none}

header, footer, nav, section {
    display: block;
}
.red {
    color:red;
}
.blue {
    color: #17e;
}

.btn { border: 1px solid ; color: #fff; display: inline-block; height: 36px; font-size: 12px; line-height: 36px; padding: 0px 25px; position: relative; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); -khtml-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15); -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15); -o-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15); -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15);}
.btn:hover {color: #fff;-khtml-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);-o-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);}
.btn:active, .btn:focus {color: #fff;-khtml-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);-o-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);}
.btn[disabled='disabled'] { border:1px solid #bbb; box-shadow:0px 0px 2px #aaa;-moz-box-shadow:0px 0px 2px #aaa;-webkit-box-shadow:1px 1px 0px #fff; cursor:default; color:#999; font-style:inherit;text-shadow: 0px 1px 0px #fff;}
.btn.white { background-color: #f9f9f9; border-color: #f1f1f1 #ccc #bbb; color: #666153; text-shadow: 0px 1px 0px #fff; background: -moz-linear-gradient(top, #f9f9f9, #eee); background: -ms-linear-gradient(top, #f9f9f9, #eee); background: -o-linear-gradient(top, #f9f9f9, #eee); background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eee)); background: -webkit-linear-gradient(top, #f9f9f9, #eee); background: linear-gradient(top, #f9f9f9, #eee);}
.btn.white:hover { background-color: #fff; border-color: #f1f1f1 #d1cbb8 #bcb6a3; background: -moz-linear-gradient(top, #fff, #f9f9f9); background: -ms-linear-gradient(top, #fff, #f9f9f9); background: -o-linear-gradient(top, #fff, #f9f9f9); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9)); background: -webkit-linear-gradient(top, #fff, #f9f9f9); background: linear-gradient(top, #fff, #f9f9f9);}
/**== E:button ==**/

.textC {
text-align: center;
}
.mb15 {
margin-bottom: 15px;
}
.mt15 {
margin-top: 15px;
}
.mr15 {
margin-right: 15px;
}
.overflowH {
overflow: hidden;
}
.mb1 {
margin-bottom: 1px;
}
.p10 {
padding: 10px;
}
.m5 {
margin: 5px;
}
.col666 {
color: #666;
}
.indent {
text-indent: 2em;
}
.lineH2 {
line-height: 2em;
}
.font14 {
font-size: 14px;
}
.fontH {
background: url(img/bg01.png) no-repeat;
/* background-color: #000; */
color: #fff;
line-height: 24px;
padding: 10px;
font-size: 1.4em;
font-family: '微软雅黑';
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-right: 40px;
padding-left: 80px;
}
.bgcol000 {
/* background-color: #000; */
}
.relative {
position: relative;
}
.radiusT10 {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.light-bg {
    background-color: #fbfbfb;
}
.return {position: absolute;padding: 0px;top:2px;right:10px;display: inline-block; cursor:pointer;
         height: 40px; width:40px; line-height: 40px; background:url(img/icon.png) no-repeat 0px 0px}
.btn-flat {
    display: inline-block;
    padding: 7px;
    width: 80px;
    line-height: 20px;
    background-color: #fff;
    color: #666153;
    border-radius: 3px;
    text-align: center;
    margin-left: 20px;
    border: #dbc398 solid 1px;
    background-color: #fbf7f2;
    cursor:pointer;
    -webkit-appearance : none ;  /*解决iphone safari上的圆角问题*/
}
.btn-flat:hover {
    padding: 6px;
    background:#fff;
    border:#dbc398 solid 2px
}
    .btn-flat:disabled {
    background-color: #ddd;
    cursor:inherit;
    }
.bold {
    font-weight: bold !important;
}
.color-yellow {
    color: #F9870C;
    font-weight: bold;
    font-size: 15px;
}
.my-orders {
    font-size:15px;
}
    .my-orders .order {
        margin-bottom:10px;
        border-bottom: 1px solid #ddd;
    }
        .my-orders .order td,
        .my-orders .order th {
            padding: 5px;
            text-align:left;
        }

        .my-orders .order .confirm-no {
            font-weight:bold;
            padding: 5px;
            background:#ddd;
            margin-top: 5px;
        }
            .my-orders .order .confirm-no a {
                color: #17e;
            }

.no-record {
    padding: 10px;
    font-size:15px;
    text-align:center;
}
    .no-record a {
        color: #17e;
        cursor:pointer;
    }

.thome { width:280px; margin:0 auto 20px auto; font-family:'微软雅黑'}
.thome2 {overflow: hidden; width:280px; height:342px; background:url(img/thome.png) no-repeat}
.thome .tpro { width:auto; height:100px; line-height:100px }
.thome .tfx { width:100px; height:80px; line-height:80px; float:left}
.thome .tlogin { width:180px; height:80px; line-height:80px; float:left}    
.thome .tbook { width:auto; height:160px; line-height:160px;}
.thome2 a { display: block; text-indent:-1000px; }

    .thome2 a:hover span {
        background-color:#cb7500 !important;
    }
.thome2 a:hover { background-color:rgba(0,0,0,0.2)}
.thome .tpro a{ overflow:hidden;  background-size:100% auto;}
.thome .tpro img { display:inline-block; float:left; margin:1px;}
.thome .tpro a b { display:block; width:50px; line-height:50px; text-align:center; float:right; background:#333; color:#fff; font-size:2em; }
.thome .tfx a{ overflow:hidden; vertical-align:middle}
.thome .tfx a i{ display:inline-block; width:30%; margin:0px 6px;}
.thome .tfx a i img { width: 100%; }
.thome .tfx a b { display:inline-block; width:auto; line-height:80px;  color:#fff; font-size:2em; }
.thome .tlogin a { overflow: hidden; position: relative;}
.thome .tlogin a i{ display:inline-block; width:42px;height:42px; line-height:42px; position:absolute; right:0px; bottom:0px; z-index:10}
.thome .tlogin a span { display:inline-block; width:auto; line-height:20px;  color:#fff; font-size:1em;  color: #fff; margin-left:10px}
.thome .tbook a { overflow: hidden; text-align:center; vertical-align:middle}
.thome .tbook a i { display: inline-block; width: 39px; height: 35px; line-height: 48px; margin:0px 10px; }
.thome .tbook a i img { vertical-align: middle; }
.thome .tbook a span { display:inline-block; width:auto; height:20px; color:#fff; font-size:1em; line-height:18px; text-align:left;}
.thome .tbook a span b { font-size:1.6em; color:#f90; }

/* login
-----------------------------------------------------------*/

.usr-login .btn_login {
    border: none;
    /*background: url("img/m_login.png") no-repeat;*/
    width: 45px;
    cursor: pointer;
    margin-top: 18px;
    border:1px solid #9B9B9B;
    border-radius:5px;
}
.usr-login-input-body {
    margin: 45px auto 0 auto;
    width: 240px;
    text-align: center;
}
.usr-login-input {
    float: left;
    margin: 16px 0 0 0;
}
.usr-login-input input{
    width: 160px;
    height: 25px;
    padding: 3px 5px;
    margin: 7px 5px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}
.usr-login .error-msg {
    color: #f00;
}
.clear {
    clear: both;
}
/* Book
 ***********************************************************/
.book-search {
    margin: 5px;
}
.book-search .nav {
    background-color: #f2dc31;
    padding:0;
    margin:0;
    clear: both;
    line-height: 47px;
}
    .book-search .nav table {
        width: 100%;
    }
        .book-search .nav table td {
            text-align: center
        }
.book-search .nav a {
    display: block;
}
.book-search .nav .left {
    width:47px;
    max-width: 47px;
    background:url(img/go_back.png) no-repeat;
    border-right:1px solid #fff;
}
    .book-search .nav .left a {
    height: 47px;
    width:47px;
    }
    .book-search .nav .right {
        text-align:center;
        padding-left: 10px;
    }
    .book-search .nav .right a{
        text-indent: 30px;
        font-size:14px;
        font-weight:bold;
        width: 180px;
        color: #120000;
        letter-spacing: 2px;
        background:url(img/search_hotel.png) no-repeat left center;
        background-size: auto 90%;
    }
.input-ctn {
    margin: 20px 0;
    border: 1px solid #9f8d77;
    border-radius: 6px;
    background:#fff;
    color: #7c6845;
}

    .input-ctn a {
        color: #7c6845;
        display:inline-block;
        width: 90%;
        height:40px;
        vertical-align: middle;
        outline: none;
        overflow:hidden;
    }
    .input-ctn table {
        width: 100%;
    }
    .input-ctn .first .left, 
    .input-ctn .second .left,
    .input-ctn .third .left{
        padding: 0 10px;
    }
    .input-ctn .first td, 
    .input-ctn .second td,
    .input-ctn .third td{
        padding: 5px 0;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #b4a898;
    }
    .input-ctn .first .left {
        width: 25px;
        background: url(img/cityIconwx.png) 5px no-repeat;
        background-size: 30px 30px;
    }
    .input-ctn .first .right {
        height: 40px;
        background: url(img/right_hand.png) no-repeat 97%;
        background-size: 15px 25px;
    }
        .input-ctn .second .left {
            width: 25px;
        background: url(img/location.png) 3px no-repeat;
        background-size: 30px 30px;
        }
    .input-ctn .second .right {
        height: 40px;
        background: url(img/right_hand.png) no-repeat 97%;
        background-size: 15px 25px;
    }
    .input-ctn .third .left{
        width: 25px;
        background: url(img/InDateIconwx.png) 7px no-repeat;
        background-size: 28px 28px;
    }
    .input-ctn .third td{
        border-bottom: none;
        vertical-align: middle;
    }
    .input-ctn .third .t,
    .input-ctn .third .b {
        display:block;
        line-height:15px;
    }
    .input-ctn .third .b {
    }
    .input-ctn .third .day {
        font-size: 18px;
        font-weight:bold;
    }
    .input-ctn .third .arrival, 
    .input-ctn .third .depart {
        width: 80px;
    }
    .input-ctn .third .night {
        text-align: right;
        padding-right: 3%;
        line-height: normal;
    }
    .input-ctn .third .day {
        display:inline-block;
        padding-right: 2px;
    }

.book-search .btn-ctn {
    text-align:center;
    margin-top: 10px;
}
.book-search .btn-ctn input {
    background-color: #f2dc31;
    border:none;
    text-align:center;
    width:100%;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
    line-height: 35px;
    border-radius:0;    
    -webkit-appearance : none ;  /*解决iphone safari上的圆角问题*/
}

.city-sel,
.hotel-sel {
    padding: 10px 0;
}
.city-sel a,
.hotel-sel a {
    float:left;
    padding: 5px;
    width: 70px;
    margin: 3px;
    line-height:25px;
    border-radius: 3px;
    font-size: 15px;
    text-align:center;
    display: inline-block;
    border:#dbc398 solid 1px;
    background-color: #fbf7f2;
}
.city-sel a:hover,
.hotel-sel a:hover {
    padding: 4px;
    background: #fff;
    border:#dbc398 solid 2px
}
.hotel-sel {
    box-sizing:border-box;
}
.hotel-sel a {
    margin: 0 auto;
    float:none;
    width: 98%;
    margin-bottom: 5px;
    box-sizing:border-box;
}
.book-hotels {
}
.book-hotels .hotels {
    border-bottom: 1px solid #ddd;
}
.book-hotels .hotels .title {
    /*padding: 10px 0;
    text-align:center;
    font-size: 16px;
    font-weight:bold;
    color: #777;*/
    padding: 10px 0;
    text-align:center;
    font-size: 18px;
    font-weight:bold;
    border-bottom: 1px solid #ddd;
    margin-bottom:10px;
}
.book-hotels .hotels .img {
    width: 100%;
    height:auto;
    overflow: hidden;
}
.book-hotels .hotels .addr {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow: hidden;
}
.book-hotels .hotels .addr a {
    color: #999;
}
.book-hotels .hotels .addr img {
    padding-right:10px;
}
.book-hotels .hotels .btm {
    padding: 10px 0;
}
.book-hotels .hotels .btm .price {
    float:right;
    color: #999;
    line-height: 30px;
}
.book-hotels .hotels .btm .price .light {
    color: #F9870C;
    font-weight:bold;
    line-height:35px;
}
.book-hotels .hotels .btm .view {
    float:right;
    display: inline-block;
    padding: 7px;
    width: 80px;
    line-height: 20px;
    background-color: #fff;
    color: #666153;
    border-radius:3px;
    text-align:center;
    margin-left: 20px;
    border:#dbc398 solid 1px;
    background-color: #fbf7f2;
}
.book-hotels .hotels .btm .view:hover {
    padding: 6px;
    border:#dbc398 solid 2px
}


.book-hotel {
    color: #777;
    line-height: 25px;
}
.title-datetime {
    color: #000;
    padding: 5px 5px;
    line-height:20px;
    background-color:#fff;
}
.book-hotel .hotel {
     border-bottom: 1px solid #ddd;
}
.book-hotel .hotel .title {
    padding: 10px 0;
    text-align:center;
    font-size: 18px;
    font-weight:bold;
    border-bottom: 1px solid #ddd;
    margin-bottom:10px;
}
.book-hotel .hotel .view {
    color: #17e;
    float:right;
}
    .book-hotel .hotel .price .line{
        text-align:center;
        /*background: url("img/gary-bg.png") repeat-x left center;*/
    }
        .book-hotel .hotel .price .line .text {
            display:inline-block;
            text-align:center;
            padding: 3px;
            width: 70px;
            font-size: 13px;
            background: #fbf4ea;
        }
    .book-hotel .hotel .room-type {
        border:#dbc398 solid 1px;
        border-radius:3px;
        background-color: #fbf7f2;
        padding: 5px;
        margin: 5px 0;
    }
        .book-hotel .hotel .room-type a {
            display:block;
            color: #444;
        }
        .book-hotel .hotel .room-type .rt-name {
            font-weight:bold;
        } 
        .book-hotel .hotel .room-type .pri {
            float: right;
            color: #F9870C;
        }
        .book-hotel .hotel .room-type .prices {
            border-radius:3px;
            padding: 3px;
            margin-top: 5px;
        }
        .book-hotel .hotel .room-type .prices span{
            display:block;
            padding:3px;
            border-bottom: 1px dotted #ddd;
        }
            .book-hotel .hotel .room-type .prices .btn-flat {
                padding:3px;
                float:right;
                width: 60px;
                margin:0;
            }
                .book-hotel .hotel .room-type .prices .btn-flat:hover {
                    padding:2px;
                }

.hotel-order {
    padding: 0 10px;
}
.hotel-order .input {
    margin: 10px 0;
}
.hotel-order .input table {
    width: 90%;
}
.hotel-order .input td {
    padding: 5px 0;
}
    
.hotel-order .input textarea,
.hotel-order .input select,
.hotel-order .input input[type="text"], 
.hotel-order .input input[type="password"]  {
    padding: 6px;
    border-radius:3px;
    border: 1px solid #ddd;
    min-width: 110px;
    max-width:350px;
    width: 100%;
    box-sizing:border-box;
}
.hotel-order .order-info {
    margin-top: 10px;
    font-size:14px;
}
.hotel-order .order-info th {
    font-size:13px;
}
.hotel-order .order-info th,
.hotel-order .order-info td {
    font-weight:normal;
    padding: 5px 0;
    text-align:left;
}
.hotel-order .use-voucher {
    padding: 5px 0;
    text-align:center;
}
.hotel-order .use-voucher .tips {
    padding: 10px;
}
.hotel-order .use-voucher .a-use {
    color: #17e;
    font-weight:bold;
    font-size:15px;
}
.hotel-order .voucher-sel {
    text-align:left;
}
.hotel-order .voucher-sel-inner .label-line .text {
    width: 120px;
}
.hotel-order .use-voucher .voucher-sel-inner li{
    border-bottom:1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom:5px;
}
.hotel-order .use-voucher .voucher-sel-inner li:last-child {
    border-bottom:0;
}
.hotel-order .use-points {
    padding: 5px 0;
    line-height:22px;
}
    .hotel-order .use-points input {
        padding: 3px;
        border-radius: 3px;
        border: 1px solid #ddd;
        width: 50px;
        box-sizing: border-box;
    }


.img {
    width: 100%;
    height:auto;
    overflow: hidden;
}



.user-center {
}

.user-center .lst-ctn {
    margin-top: 12px;
    border: 1px solid #9f8d77;
    border-radius: 6px;
    background:#fff;
    color: #7c6845;
}

.user-center .lst-ctn a {
    color: #7c6845;
    display:inline-block;
    width: 90%;
    height:40px;
    vertical-align: middle;
    outline: none;
    overflow:hidden;
}
.user-center .lst-ctn table {
    width: 100%;
}
.user-center .lst-ctn .left{
    padding: 0 5px;
}
.user-center .lst-ctn td{
    padding: 5px 0;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #b4a898;
}

.user-center .lst-ctn tr:last-child td {
    border-bottom: none;
}
.user-center .lst-ctn tr:hover td {
    
    background-color:#fbf4ea;
}
.user-center .lst-ctn .point .left {
    width: 25px;
    background: url(img/cityIconwx.png) 5px no-repeat;
    background-size: 30px 30px;
}
.user-center .lst-ctn .right {
    height: 40px;
    background: url(img/right_hand.png) no-repeat 97%;
    background-size: 15px 25px;
}

.my-voucher {
}
    .my-voucher .filter {
        padding: 5px 0;
        text-align:center;
        border-bottom:1px solid #ddd;
        margin-bottom: 10px;
    }
    .my-voucher .state_all,
    .my-voucher .state_a,
    .my-voucher .state_u,
    .my-voucher .state_e,
    .my-voucher .state_r {
        color:#000 !important;
        text-decoration:none !important;
    }
    .my-voucher .filter a{
        display:inline-block;
        padding: 0 3px;
        color: #3292b5;
        text-decoration:underline;
        font-size:14px !important;
    }

.my-point *{
    font-size:13px;
    line-height:22px;
}
.my-point .point-lst {    
    border-bottom:1px solid #ddd; 
    padding-bottom:5px; margin-bottom:5px;
}
.my-point .my-point-head {
    border-bottom:1px solid #ddd; 
    padding: 5px 0; margin-bottom:5px;
    font-size:15px;
    color:#636363;
    font-weight:bold;
}

    .my-point .point-lst li .cap{
        width: 70px;
        color:#636363;
        display:inline-block;
    }
    .my-point .point-lst li .gray {
        color:#636363;
    }

.showPaging{
    margin-top: 10px;
}
.showPaging a {
    font-size:16px;
    display:inline-block;
    margin: 3px 5px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.label-line{
    text-align:center !important;
    background: url("img/gary-bg.png") repeat-x left center;
}
.label-line .text {
    display:inline-block;
    text-align:center;
    padding: 3px;
    width: 70px;
    font-size: 13px;
    background: #fbf4ea;
}
.label-line .gray {
    color: gray !important;
}

.line2 {
    height: 2px;
    background: url(img/line2.png) no-repeat center;
}
.ftop{ width:auto; height:10px; line-height:12px; border-top:1px solid #232323; box-shadow:inset}
.footerB { border-bottom:0px solid #ddd}
.footerB ul{width:100%; overflow:hidden; margin:0px auto;}
.footerB li{ width:33%; float:left; height:50px; line-height:50px; font-size:12px;}
.footerB li.fx { background: #252422; }
.footerB li.fx a { color:#ddd}
.footerB li a { display: block; text-align: center; color: #555; }
.footerB.Up0224 { margin-top:-6px; text-align:right; padding:0px 6px; padding-bottom: 10px;overflow:hidden}
.footerB.Up0224 .f_l { float:left}
.footerB.Up0224 .f_l img { vertical-align:text-top}

/************************************************************************************
smaller than 640++
*************************************************************************************/
.width-media { width:480px; margin:0px auto}


/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {
    .width-media { width:460px; margin:0px auto}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
    .width-media { width:auto; margin:5px}
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
    .width-media { width:auto; margin:5px;}
}


 /**********酒店查找周边start**************/
.hotelgroundlink { margin-right: 10px; /*float: right;*/ font-size: 12px; font-weight: 100; text-decoration: underline; *margin-top: -30px; }
.hotelgroundlink img { position: relative; vertical-align: text-bottom; }
.hotelground { width: auto; border-radius: 2px; box-shadow: 0px 0px 0px #aaa; border: 1px solid #ddd; width: 330px; margin: 8px auto; text-align: left; }
.hotelground h2.t { padding: 6px; border-bottom: 1px solid #ddd; margin: 0px; font-size: 14px; color: #333; background: url(../image/jifen/jifen_title2.gif) repeat-x; }
.hotelground .hgnav { overflow: hidden; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin: 5px; margin-left: 6px; }
.hotelground .hgnav li { /*float: left;*/ width: 107px; height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; cursor: pointer; text-align: center; }
.hotelground .hgnav li:hover { background: #ffeacc; }
.hotelground .hgnav li.select { background: #ff9933; color: #fff; font-weight: bold; }
.hotelground .hginfo { /*float: right;*/ width: 240px; margin: 0px 5px; width: auto; float: none; margin: 5px; }
.hotelground .hginfo h4 { margin: 0px; padding: 2px; font-size: 14px; line-height: 28px; }
.hotelground .hginfo h4 b { border-left: 3px solid #f93; padding: 3px; }
.hotelground .hginfo h4 span { color: #17e; }
.hotelground .hginfo ul { padding-left: 0px; overflow: hidden; }
.hotelground .hginfo li { border-bottom: 1px dashed #ddd; height: 96px; line-height: 24px; cursor: pointer; list-style-type: decimal; white-space: nowrap; list-style: none; }
/**0308修改备用**/ .hotelground .hginfo li { padding-left: 8px; margin: 5px; /*float: left;*/ background: #fff; width: 305px; border: 1px solid #eaeaea; cursor: default; /**** border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:1px 1px 0px #f3f3f3; position:relative; z-index:2; behavior:url(http://localhost:5737/www/Css/ie-css3.htc);***/ }
.hotelground .hginfo ul li:hover { background: #ffeacc; border-color: #f93; }
.hotelground .hginfo a:hover { text-decoration: none; }
.hotelground .hginfo ul p { margin: 0px; padding: 0px; }
.hotelground .hginfo ul span { display: inline-block; float: left; }
.hotelground .hginfo ul span.n1 { width: 160px; overflow: hidden; text-overflow: ellipsis; width: 240px; }
.hotelground .hginfo ul span.n1 b { }
.hotelground .hginfo ul span.gnum { color: #f93; font-style: normal; padding-left: 10px; font-weight: bold; }
.hotelground .hginfo ul p.address { padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #777; }
.hotelground .hginfo ul p.ather { padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #aaa; }
.hotelground .hginfo p.dianping { text-align: right; border-bottom: 0px; list-style: none; background: none; }
.hotelground .hgmap { /*float: right;*/ width: 402px; border: 1px solid #ddd; margin-bottom: 5px; background-position: 20px 10px; display: none; }

/*.dianping_logo { background: url(../image/webimg/dianping_logo.gif) no-repeat; padding-left: 20px; font-weight: 100; display: inline-block; line-height: 28px; }*/
/**********酒店查找周边over**************/