﻿/**左侧**/
.primary {
    width: 720px;
    float:left;
}
.screen {
    background-color: #F1F8FF;
    border:1px solid #eaf5ff;
    padding: 5px 10px;
    margin-bottom:10px;
    width:698px;
    float:left;
}
.tit strong {
    font-size: 14px;
    font-weight: bold;
    line-height:30px;
    height:30px;
    float:left;
}
.tit
{
    height:30px;
    line-height:30px;
    border-bottom:1px dashed #D0E7FC;
    width:700px;
    float:left;
}
.tit span
{
    float:right;
    color:#666666;
}
.tit em
{
    color:#FF6600;
}
.classify
{
    padding:10px 0;
    width:700px;
    float:left;
    border-bottom:1px dashed #D0E7FC;
}
.classify strong
{
    width:60px;
    text-align:right;
    font-size:12px;
    float:left; 
    height:20px;
    line-height:20px;
    font-weight:bold; 
}
.classify ul
{
    float:left;
    display:block;
  
    padding-left:10px;
}
.classify li
{
    width:70px;
    height:25px;
    line-height:20px;
    float:left;
}
.city_list
{  
    width:620px;
    float:left;
}
.box_hid
{
    background-color: #FFFFFF;
    border: 1px solid #FFAC75;
    float: left;
    margin: 8px 0 5px;
    padding: 10px;
    width: 580px;
   
}
.box_hid a
{
    padding:0 5px;
}
.box_hid a:hover
{
    background-color:#ff8a3c;
    display:block;
    float:left;
    color:#fFF;
}
.box_hid li
{
    width:65px;
}
.classify li.sele_hid span {
       background: url("../../img/common_bg.png") no-repeat scroll 0 -44px transparent;
    bottom: -9px;
    display: inline-block;
    height: 6px;
    left: 35%;
    overflow: hidden;
    position: absolute;
    width: 9px;
    z-index: 10;
}
.classify .sele_hid a 
{
    background-color: #2288EE;
    color: #FFFFFF;
    float: left;
    height: 22px;
    line-height: 22px;
    text-align: center;
}
.screen  a{
    float: left;
    height: 22px;
    line-height: 22px;
    display:block;
    padding:0 5px;
    text-align: center;
}
.screen  a:hover{
    display:block;
    background-color:#28E;
    color: white;
    text-decoration:none;

}
/**左边分类列表**/
.classify_box
{
     float:left;
     width:720px;
}
.classify_box strong
{
   font-size:14px;
   font-weight:bold;
   float:left;
   height:19px;
   width:720px;
   line-height:19px;
   
}
.classify_list
{
    border:1px solid #efefef;
    padding:10px;
    float:left;
    width:698px;
}
.classify_list .list li
{
    width:80px;
    line-height:22px;
    float:left;
    overflow:hidden;
}
.classify_list .list li a{
    color:#666666;
}
.classify_list .list li a:hover{text-decoration:underline;color: #ff6600;}
.list,.hotel_list,.hotel_list ul,.hotel_list span
{
    float:left;
}
.hotel_list
{
    margin-top:10px;
}
.hotel_list span
{
    font-weight:bold;
    width:698px;
    height:20px;
    border-bottom:1px solid #d0e7fc;
}
.hotel_list ul
{
    padding-top:10px;
    width:698px;
     border-bottom:1px solid #EFEFEF;
}
.hotel_list li
{
    line-height:24px;
    width:220px;
    margin-right:10px;
    display:inline;
    float:left;
}
/**右侧**/
.secondary
{
    width:230px;
    float:right;
}
.block {
    margin-bottom: 10px;
    width:230px;
    float:left;
}
.block-title {
    background: none repeat scroll 0 0 #E8F4FF;
    height:30px;
    line-height:35px;
    text-indent:10px;
}
.block-content {
    border: 5px solid #E8F4FF;
    width:220px;
    border-top:none;
    float:left;
    padding: 0;
}
.block-title h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}
ul.location-list {
    margin: 0;
    padding: 10px 0 0 10px;
}
ul.location-list li {
    display: block;
    float: left;
    height: 15px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    width: 95px;
}

.tab {
    border: 5px solid #E8F4FF;
    margin-bottom: 10px;
}
ul.tab-navi {
    background: none repeat scroll 0 0 #E8F4FF;
    border-bottom: 1px solid #2288EE;
    margin: 0;
    padding: 0;
}

ul.tab-navi li a {
    color: #2288EE;
    display: block;
    padding: 10px 10px 5px;
}
.block-content dl.suggest-hotels {
    margin: 10px;
}
.suggest-hotels dd
{
    margin-left:5px;
}
dl.suggest-hotels {
    border-bottom: 1px dashed #E5E5E5;
    color: #666666;
    margin: 0 0 10px;
    padding-bottom: 5px;
}

span.star.num5 {
    width: 48px;
}
span.star {
    background: url("../../img/star.png") repeat-x scroll left top transparent;
    cursor: pointer;
    display: block;
    height: 12px;
    width: 60px;
}
dl.suggest-hotels dd {
    margin-top: 5px;
}
.block-content dl.suggest-hotels {
    margin: 10px;
}
.right_tit .city_list,.right_sty .city_list
{
    background-color:#ffffff;
    float:left;
}
.city_list ul
{
    float:left;
    padding-top:5px;
}

.hover_img li {
    float: left;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    position: relative;
    text-align:left;
    width: 60px;
}
.box_hid a{
    float:left;
    display:block;
    text-decoration:none;
    padding:0 5px;
}
.box_hid a:link{

}
.box_hid a:hover
{
    background-color:#ff8a3c;
    color:#fFF;
}
/**切换**/
.right_sty
{
    padding:5px;
    background-color:#e8f4ff;
    float:left;
    width:220px;
    margin-bottom:10px;
}
.right_sty .city_list
{
    width:220px;
}
.right_sty .block-title
{
    height:25px;
    line-height:20px;
    text-indent:10px;
}
.secondary .right_tit
{
  width:220px;
  float:left;
  border-bottom:1px solid #2288ee;  
}
.secondary .right_tit li
{
    height:32px;
    width:110px;
    text-align:center;
    line-height:32px;
    float:left;
    cursor:pointer;
}
.secondary .city_list li
{
    float: left;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    text-align: left;
    width: 100px;
}
.right_tit .sele
{
    background-color:#2288ee;
    font-weight:bold;
    color:#FFF;
}
.right_tit .wait
{
    color:#005BB5;
    cursor:pointer;
}
.city_list dl
{
    border-bottom:1px dashed #E5E5E5;
    line-height:22px;
    margin:10px;
    width:200px;
}
.city_list dt
{
    font-weight:bold;
    color:#FF6600;
}
.city_list dd
{
    color:#666;
    padding-bottom:5px;
}
.bord_none
{
    border:none;
}

/**分页**/
.pager
{
    float:right;
    margin-top:10px;
}
.page_link a, .page_link span {
    margin-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
}
.first_page01 {
    background: url("http://img1.40017.cn/cn/new_ui/hotel/image/common/common.png?v=201108291057") no-repeat scroll -385px -144px transparent;
    color: #CCCCCC;
    float: left;
    padding-left: 19px;
    padding-right: 5px;
}
.first_page02 {
    background: url("http://img1.40017.cn/cn/new_ui/hotel/image/common/common.png?v=201108291057") no-repeat scroll -385px -221px transparent;
    float: left;
    padding-left: 19px;
    padding-right: 5px;
}
.previous_page01 {
    background: url("http://img1.40017.cn/cn/new_ui/hotel/image/common/common.png?v=201108291057") no-repeat scroll -383px -164px transparent;
    color: #CCCCCC;
    float: left;
    padding-left: 19px;
    padding-right: 5px;
}
.previous_page02 {
    background: url("http://img1.40017.cn/cn/new_ui/hotel/image/common/common.png?v=201108291057") no-repeat scroll -383px -244px transparent;
    float: left;
    padding-left: 19px;
    padding-right: 5px;
}
.on_page {
    background: none repeat scroll 0 0 #2288EE;
    border: 1px solid #308FEF;
    color: #FFFFFF;
    float: left;
    font-weight: 700;
    padding-left: 8px;
    padding-right: 8px;
}
.choose_page {
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.more_page {
    float: left;
}
.border_gray {
    border: 1px solid #CCCCCC;
}
.page_link a:hover {
    background-color: #FFF4ED;
    border: 1px solid #FFB17E;
    text-decoration: none;
}
.next_page01{background:url(http://img1.40017.cn/cn/new_ui/hotel/image/common/common.png?v=201108291057) -344px -265px no-repeat;padding-left:5px;padding-right:19px;color:#ccc;float:left;}
.next_page02{background:url(http://img1.40017.cn/cn/new_ui/hotel/image/common/common.png?v=201108291057) -344px -185px no-repeat;padding-left:5px;padding-right:19px;float:left;}
.last_page01{background:url(http://img1.40017.cn/cn/new_ui/hotel/image/common/common.png?v=201108291057) -357px -286px no-repeat;padding-left:5px;padding-right:19px;color:#ccc;float:left;}
.last_page02{background:url(http://img1.40017.cn/cn/new_ui/hotel/image/common/common.png?v=201108291057) -357px -205px no-repeat;padding-left:5px;padding-right:19px;float:left;}

.block .pager{ border-top:1px solid #EFEFEF; padding:10px 0;}
.choose_page {
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}