body{font: 12px/1.5 tahoma,arial,宋体; _background-attachment:fixed; _background-image:url(about:blank); color:#7A7A7A;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{ padding:0;margin:0; vertical-align:baseline;} button, input, select, textarea { font-size: 100%;} table {border-collapse: collapse; border-spacing: 0; } fieldset,img {border: 0;} button{cursor:pointer;} abbr, article, aside, bb, datagrid, datalist, details, dialog, eventsource, figure, figcaption, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time{display:block;padding: 0;margin: 0;} address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; } code, kbd, pre, samp {font-family: courier new,courier,monospace;} a { text-decoration: none;} a:hover {text-decoration: underline;} a{color:#7A7A7A;-webkit-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;} a:hover{color:#ff5384;} sup { vertical-align: text-top;} sub {vertical-align: text-bottom;} legend {color: #000000;} ol,ul { list-style: none;} i{font-style:normal;} caption,th { text-align: left;} h1,h2,h3,h4,h5,h6 { font-size: 100%;} q:before,q:after { content:'';} abbr,acronym { border: 0;} .dxlBlock{display:block;} #dxlBackgroundDiv{background:#000;} input{outline:none;} .dxlBackgroundDiv{z-index:999; position:absolute; top:0; left:0; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; background:#000;} #dAlert{ background: #333; text-align: center; font-family:"微软雅黑"; display: none; position: fixed; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; filter:alpha(opacity=9); opacity: 0.9;-moz-opacity:0.9; z-index:1200; } #dAlert div{padding: 20px 30px;} /*浮动清理*/ .cl{clear:both;} .cb{clear:both;} .clear {clear: both;display: block;overflow: hidden;visibility: hidden; width: 0;height: 0;} .clearfix:before,.clearfix:after {content: " ";display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} .ov{ overflow:hidden;} /*--新版红心蓝钻皇冠--*/ .hx_x1,.hx_x2,.hx_x3,.hx_x4,.hx_x5, .hx_z1,.hx_z2,.hx_z3,.hx_z4,.hx_z5, .hx_d1,.hx_d2,.hx_d3,.hx_d4,.hx_d5{overflow:hidden; display:block; font-size:0;background:url(/mall/img/hongxin.png) no-repeat -1000px -1000px;_background:url(/mall/img/hongxin_IE.png) no-repeat -1000px -1000px;} .hx_x1,.hx_x2,.hx_x3,.hx_x4,.hx_x5{height:10px; background-position:0 -36px;} .hx_z1,.hx_z2,.hx_z3,.hx_z4,.hx_z5{height:12px; background-position:0 -18px;} .hx_d1,.hx_d2,.hx_d3,.hx_d4,.hx_d5{height:16px; background-position:0 0;} .hx_x1{width:12px;} .hx_x2{width:26px;} .hx_x3{width:40px;} .hx_x4{width:54px;} .hx_x5{width:68px;} .hx_z1{width:14px;} .hx_z2{width:32px;} .hx_z3{width:50px;} .hx_z4{width:68px;} .hx_z5{width:86px;} .hx_d1{width:18px;} .hx_d2{width:43px;} .hx_d3{width:68px;} .hx_d4{width:93px;} .hx_d5{width:118px;} .lanzuan_x1,.lanzuan_x2,.lanzuan_x3,.lanzuan_x4,.lanzuan_x5,.lanzuan_z1,.lanzuan_z2,.lanzuan_z3,.lanzuan_z4,.lanzuan_z5,.lanzuan_d1,.lanzuan_d2,.lanzuan_d3,.lanzuan_d4,.lanzuan_d5{overflow:hidden; display:block; font-size:0;background:url(/mall/img/lanzuan.png) no-repeat -1000px -1000px;_background:url(/mall/img/lanzuan_IE.png) no-repeat -1000px -1000px;} .lanzuan_x1,.lanzuan_x2,.lanzuan_x3,.lanzuan_x4,.lanzuan_x5{height:10px; background-position:0 -35px;} .lanzuan_z1,.lanzuan_z2,.lanzuan_z3,.lanzuan_z4,.lanzuan_z5{height:12px; background-position:0 -20px;} .lanzuan_d1,.lanzuan_d2,.lanzuan_d3,.lanzuan_d4,.lanzuan_d5{height:18px; background-position:0 0;} .lanzuan_x1{width:12px;} .lanzuan_x2{width:26px;} .lanzuan_x3{width:40px;} .lanzuan_x4{width:54px;} .lanzuan_x5{width:68px;} .lanzuan_z1{width:15px;} .lanzuan_z2{width:33px;} .lanzuan_z3{width:51px;} .lanzuan_z4{width:69px;} .lanzuan_z5{width:87px;} .lanzuan_d1{width:20px;} .lanzuan_d2{width:45px;} .lanzuan_d3{width:70px;} .lanzuan_d4{width:95px;} .lanzuan_d5{width:120px;} .huangguan_x1,.huangguan_x2,.huangguan_x3,.huangguan_x4,.huangguan_x5,.huangguan_z1,.huangguan_z2,.huangguan_z3,.huangguan_z4,.huangguan_z5,.huangguan_d1,.huangguan_d2,.huangguan_d3,.huangguan_d4,.huangguan_d5{overflow:hidden; display:block; font-size:0;background:url(/mall/img/huangguan.png) no-repeat 0 -1000px;_background:url(/mall/img/huangguan_IE.png) no-repeat 0 -1000px;} .huangguan_x1,.huangguan_x2,.huangguan_x3,.huangguan_x4,.huangguan_x5{height:10px; background-position:0 -36px;} .huangguan_z1,.huangguan_z2,.huangguan_z3,.huangguan_z4,.huangguan_z5{height:13px; background-position:0 -20px;} .huangguan_d1,.huangguan_d2,.huangguan_d3,.huangguan_d4,.huangguan_d5{height:18px; background-position:0 0;} .huangguan_x1{width:12px;} .huangguan_x2{width:26px;} .huangguan_x3{width:40px;} .huangguan_x4{width:54px;} .huangguan_x5{width:68px;} .huangguan_z1{width:15px;} .huangguan_z2{width:33px;} .huangguan_z3{width:51px;} .huangguan_z4{width:69px;} .huangguan_z5{width:87px;} .huangguan_d1{width:19px;} .huangguan_d2{width:44px;} .huangguan_d3{width:69px;} .huangguan_d4{width:94px;} .huangguan_d5{width:119px;} /*--新版红心蓝钻皇冠结束--*/ #dxlMsgd{ position:absolute;background:url(/order/img/talk/hongdian.png) no-repeat; left:-25px; top:30px; width:12px; height:12px; z-index:1;} /*live800*/ #lim_frame{display:none;} #lim_mini{display:none;} #lim_mini_chat{display:none;} body { -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; font-family: "Microsoft Yahei"; } /*************导航开始********************************************************************/ header { position: relative; z-index: 100; width: 100%; margin: 0 auto; border-bottom: 1px #ddd solid; -webkit-box-shadow: 0px 3px 3px rgba(33, 33, 33, 0.2); box-shadow: 0px 3px 3px rgba(33, 33, 33, 0.2); background: #fff; min-width: 980px; } header #topTools { width: 100%; background: #fafafa; font-size: 12px; } header #topTools .tool { width: 1190px; height: 30px; line-height: 28px; _line-height: 30px; margin: 0 auto; z-index: 955; color: #888; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header #topTools .tool .hideZone { z-index: 800; } header #topTools .tool i { position: absolute; overflow: hidden; background: url(/www/img/nav/navIcon.jpg) no-repeat 0 0; } header #topTools .tool .entry { float: left; } header #topTools .tool .entry span { cursor: pointer; position: relative; float: left; } header #topTools .tool .entry span:hover { color: #ff5384; } header #topTools .tool .entry span a { color: #ff5384; } header #topTools .tool .entry span a:hover { color: #ff5384; text-decoration: none; } header #topTools .tool .entry .clientPhone { position: relative; padding-left: 20px; margin-right: 18px; } header #topTools .tool .entry .clientPhone i { top: 5px; left: 0; background-position: 0 -157px; width: 12px; height: 16px; } header #topTools .tool .entry .aboutUs { padding-right: 54px; } header #topTools .tool .entry .aboutUs .weibo { top: 9px; left: 53px; width: 13px; height: 13px; background-position: 0 0; } header #topTools .tool .entry .aboutUs .weixin { top: 9px; left: 73px; width: 15px; height: 15px; background-position: 0 -30px; } header #topTools .tool .entry .aboutUs:hover .weibo { background-position: 0 -97px; } header #topTools .tool .entry .aboutUs:hover .weixin { background-position: 0 -127px; } header #topTools .tool .entry .line { float: left; width: 1px; height: 12px; overflow: hidden; margin-top: 9px; margin-right: 14px; background: #ccc; line-height: 28px; } header #topTools .tool .entry .place { padding-left: 19px; } header #topTools .tool .entry .place i { top: 6px; left: 0; background-position: 0 -61px; width: 12px; height: 16px; } header #topTools .tool .entry .place .curCity { color: #000; } header #topTools .tool .entry .place:hover i { background-position: 0 -380px; } header #topTools .tool .login { float: right; color: #ccc; } header #topTools .tool .login span { float: left; } header #topTools .tool .login .last { paddin-right: 0; } header #topTools .tool .login a { float: left; padding: 0 15px; text-decoration: none; } header #topTools .tool .login a:hover i, header #topTools .tool .login span:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .jt { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } header #topTools .tool .login .last a { padding-right: 0; } header #topTools .tool .login .mt { position: relative; display: inline-block; width: auto; margin: 0; margin-right: 9px; padding: 0 9px; color: #666; } header #topTools .tool .login .mt i { top: 13px; right: 0px; background-position: 0 -258px; width: 5px; height: 5px; overflow: hidden; } header #topTools .tool .login .mt:hover { color: #ff5384; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header #topTools .tool .login .mt:hover i { background-position: 0 -258px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header #topTools .tool .login #topUc { position: relative; padding-right: 23px; } header #topTools .tool .login #topUc i { top: 12px; left: 68px; background-position: 0 -258px; width: 5px; height: 5px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header #topTools .tool .login #topUc:hover i { background-position: 0 -258px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header #topTools .tool .login .line { float: left; width: 1px; height: 12px; overflow: hidden; margin-top: 9px; background: #ccc; line-height: 28px; } header #topTools .tool .loginCon { float: left; } header #topTools .tool .loginCon #login { padding-right: 0; } header #topTools .tool .siteMap { float: right; } header #topTools .tool .siteMap span i { top: 13px; left: 66px; background-position: 0 -258px; width: 5px; height: 5px; overflow: hidden; } header #topTools .tool #merryTool { position: relative; padding-right: 24px; padding-left: 14px; margin-right: 0; } header #topTools .tool #merryTool strong { color: #888; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header #topTools .tool #merryTool strong:hover { color: #ff5385; } header #topTools .tool #merryTool i { top: 12px; left: 67px; background-position: 0 -258px; width: 5px; height: 5px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header #topTools .tool #merryTool:hover i { background-position: 0 -258px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* 头部隐藏区域的内容 */ header #clientPhoneZone { display: none; position: absolute; width: 166px; height: 188px; border: 1px solid #ddd; background: #fff; top: 30px; left: 0; text-align: center; } header #clientPhoneZone span { margin-top: 15px; display: inline-block; line-height: 16px; color: #ff5384; font-size: 14px; } header #clientPhoneZone .dxlApp { position: absolute; top: 45px; left: 24px; width: 124px; height: 126px; background: url(/web/img/ewm/dxlapp.png) no-repeat 0 0; } header #clientPhoneZone .triangle { position: absolute; top: -6px; left: 32px; overflow: hidden; width: 9px; height: 6px; background: url(/www/img/nav/navIcon.jpg) no-repeat 0 -356px; } header #aboutUsZone { display: none; position: absolute; top: 30px; left: 98px; width: 284px; height: 188px; border: 1px solid #ddd; background: #fff; } header #aboutUsZone li { position: absolute; } header #aboutUsZone .triangle { position: absolute; top: -6px; left: 25px; overflow: hidden; width: 9px; height: 6px; background: url(/www/img/nav/navIcon.jpg) no-repeat 0 -356px; } header #aboutUsZone .weixinZone { width: 126px; height: 188px; left: 20px; } header #aboutUsZone .weixinZone span { line-height: 16px; color: #000; font-size: 14px; position: absolute; bottom: 20px; left: 17px; } header #aboutUsZone .weixinZone .ewm { position: absolute; bottom: 45px; left: 0; width: 126px; height: 126px; background: url(/web/img/ewm/weixin2.png) no-repeat 0 0; } header #aboutUsZone .weiboZone { width: 101px; height: 188px; right: 20px; } header #aboutUsZone .weiboZone span { line-height: 16px; color: #000; font-size: 14px; position: absolute; bottom: 20px; left: 3px; } header #aboutUsZone .weiboZone span a { color: #000; } header #aboutUsZone .weiboZone span a:hover { text-decoration: none; } header #aboutUsZone .weiboZone .gz { position: absolute; bottom: 45px; left: 23px; height: 24px; width: 90px; } header #aboutUsZone .weiboZone .gzLogo { position: absolute; bottom: 80px; left: 7px; width: 90px; height: 90px; background: url(/www/img/nav/gzLogo.png) no-repeat 0 0; } header #placeZone { display: none; position: absolute; z-index: 100; top: 40px; left: -21px; width: 390px; min-height: 184px; border: 1px solid #ddd; background: #fff; padding-bottom: 5px; } header #placeZone .triangle { position: absolute; top: -6px; left: 46px; overflow: hidden; width: 9px; height: 6px; background: url(/www/img/nav/navIcon.jpg) no-repeat 0 -356px; } header #placeZone ul { float: right; line-height: 25px; margin-top: 2px; width: 270px; } header #placeZone ul li { float: left; line-height: 24px; width: 54px; } header #placeZone ul li.cur a { color: #ff5384; } header #placeZone ul li a { color: #000; text-decoration: none; } header #placeZone ul li a:hover { color: #ff5384; } header #placeZone span { color: #888; float: left; line-height: 24px; margin-top: 3px; margin-right: 30px; } header #placeZone span a { color: #333; display: block; font-family: 宋体; text-decoration: none; width: 48px; } header #placeZone .hot { border-bottom: 1px solid #ddd; margin: 0 auto 6px; padding-bottom: 5px; width: 356px; } header #placeZone .hot span { margin-top: 12px; } header #placeZone .hot .cityCon { float: right; line-height: 25px; margin-top: 2px; width: 270px; } header #placeZone .hot a { display: inline-block; margin-top: 10px; margin-right: 26px; _margin-right: 26px; color: #000; text-decoration: none; } header #placeZone .item { margin: 0 auto 6px; width: 350px; } header #ucZone { display: none; position: absolute; top: 30px; left: 775px; width: 120px; border: 1px solid #ddd; background: #fff; padding: 8px 0; } header #ucZone li { height: 28px; line-height: 28px; } header #ucZone li a { display: block; text-decoration: none; text-indent: 15px; } header #ucZone li a:hover { background: #f5f5f5; color: #000; } header #ucZone .triangle { position: absolute; top: -6px; left: 35px; overflow: hidden; width: 9px; height: 6px; background: url(/www/img/nav/navIcon.jpg) no-repeat 0 -356px; } header #ucZone .cur { background: #f5f5f5; } header #mtZone { display: none; position: absolute; top: 30px; left: 865px; width: 120px; border: 1px solid #ddd; background: #fff; padding: 8px 0; } header #mtZone li { height: 28px; line-height: 28px; } header #mtZone li a { display: block; text-decoration: none; text-indent: 15px; } header #mtZone li a:hover { background: #f5f5f5; color: #000; } header #mtZone .triangle { position: absolute; top: -6px; left: 35px; overflow: hidden; width: 9px; height: 6px; background: url(/www/img/nav/navIcon.jpg) no-repeat 0 -356px; } header .logo { width: 108px; height: 35px; overflow: hidden; float: left; margin-right: 17px; margin-top: 18px; } header .logo a { display: block; width: 108px; height: 42px; overflow: hidden; background: url(/www/img/nav/logo3.jpg) no-repeat; text-indent: -9999px; } header .city_qh { float: left; border-left: 1px solid #e1e1e1; margin: 18px 20px 0 0; padding-left: 15px; width: 45px; height: 32px; position: relative; cursor: pointer; font-size:12px;} header .city_qh em { color: #3388bb } header .city_qh .curCity{ display:block;} header .rx { width: 130px; overflow: hidden; height: 40px; position: absolute; top: 15px; right: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header .rx .rx1 { color: #999999; position: absolute; top: 0px; right: 0px; } header .rx .rx2 { color: #ff5384; position: absolute; top: 17px; right: 0px; font-family: verdana; font-size: 16px; color: #000; } header nav { width: 1190px; margin: 0 auto; height: 70px; position: relative; z-index: 11; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header nav hgroup { float: left; height: 26px; margin: 0 auto; margin-top: 23px; position: relative; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header nav hgroup .triangle { _display: inline; float: left; width: 1px; height: 16px; background: #ddd; overflow: hidden; margin: 6px 18px 0 18px; } header nav hgroup .jd { float: left; } header nav hgroup .jd li { float: left; overflow: hidden; margin-right: 0; height: 26px; line-height: 26px; font-size: 16px; position: relative; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header nav hgroup .jd .last { margin-right: 0; } header nav hgroup .jd li a { color: #FF5385; text-decoration: none; padding: 0 15px; _padding: 0 13px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header nav hgroup .jd li a:hover { color: #FF5385; _text-decoration: none; } header nav hgroup .jd .navItem a i { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header nav hgroup .jd .navItem a:hover i { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header nav hgroup .jd .ind { background: #FF5385; border-radius: 3px; padding: 0 15px; } header nav hgroup .jd .ind a { color: #fff; } header nav hgroup .jd .ind a:hover { color: #fff; } header nav hgroup .jd i { background: url(/www/img/nav/navIcon.jpg) no-repeat 0 -331px; width: 10px; height: 16px; } header nav hgroup .jd .navItem a { _line-height: 30px !important; } header nav hgroup .jd .cur { background: #FF5385; border-radius: 3px; } header nav hgroup .jd .cur a { color: #fff; } header nav hgroup .jd .cur a:hover { color: #fff; } header nav hgroup .jd .cur i { background: url(/www/img/nav/navJt2.png) no-repeat 0 0; _background: url(/www/img/nav/navJt2.png) no-repeat 0 5px; } header nav hgroup .jd .cur:hover i { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header nav hgroup .hd { float: left; } header nav hgroup .hd li { position: relative; float: left; margin: 0 10px; font-size: 16px; } /*header nav hgroup .hd li:hover{background:#ff5385;border-radius: 3px;}*/ header nav hgroup .hd li.cur { background: #ff5385; border-radius: 3px; padding: 0 15px; } header nav hgroup .hd li.cur a { color: #fff; } header nav hgroup .hd li.cur .cuxiao { background: url(/www/img/nav/cuHover.png) no-repeat 17px 7px; } header nav hgroup .hd li.cur .shequ { background-position: 18px -411px; } header nav hgroup .hd li.cur i { background-position: 0 -483px; } header nav hgroup .hd li a { color: #000; } header nav hgroup .hd li a:hover { text-decoration: none; } header nav hgroup .hd .promotion i { position: absolute; background: url(/www/img/nav/navIcon.jpg) no-repeat 0 -189px; width: 15px; height: 17px; left: 17px; top: 4px; } header nav hgroup .hd .community i { /*position:absolute; top:11px;*/ width: 7px; height: 6px; overflow: hidden; background: url(/www/img/nav/navIcon.jpg) no-repeat 0 -331px; _margin-top: 4px; } header nav hgroup .hd li span:hover { color: #ff5384; } header nav hgroup li i { background: url(/www/img/index/jt.png) no-repeat; } header nav hgroup li i.jt { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .jt { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } header nav hgroup li.navItem a { display: block; _margin-top: 2px; } header nav hgroup li.navItem i { overflow: hidden; display: inline-block; width: 7px; height: 6px; _height: 13px; margin-left: 5px; vertical-align: middle; background-position: 0 -331px; _background-position: 0 -299px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header nav hgroup li.navItem:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header nav hgroup .hd .promotion a { background: url(/www/img/nav/navIcon.jpg) no-repeat 18px -185px; display: inline-block; -webkit-transition: none; transition: none; } /*header nav hgroup .hd .promotion a:hover{background-position:18px -443px;color:#fff; transition:none;_background-position:18px -185px;_color:#ff5384;}*/ header nav hgroup .hd .community a { background: url(/www/img/nav/navIcon.jpg) no-repeat 18px -220px; display: inline-block; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } /*header nav hgroup .hd .community a:hover{background-position:18px -411px;color:#fff;_background-position:18px -220px; _color:#ff5384; -webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out; transition:all 0s ease-in-out; } header nav hgroup .hd .community a:hover i{ background-position:0 -482px; _background-position:0 -331px;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out; transition:all 0s ease-in-out;} */ header .navList { padding: 8px 0; background: #fafafa; position: absolute; top: 100px; left: 220px; z-index: 12; border-radius: 0px 0px 6px 6px; -webkit-box-shadow: 0px 3px 3px rgba(33, 33, 33, 0.2); box-shadow: 0px 3px 3px rgba(33, 33, 33, 0.2); display: none; } header .navList span { background: url(/www/img/nav/navJt.png) no-repeat 0px 0px; width: 12px; height: 6px; position: absolute; top: 0px; left: 50%; margin-left: -9px; display: block; z-index: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; _display: none; } header .navList span.t { top: -6px; } header .navList li { overflow: hidden; padding: 0px 32px 0px 32px; height: 31px; line-height: 31px; font-size: 14px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; cursor: pointer; position: relative; *min-width: 98px; } header .navList li i { /*background:url(/www/img/index/jt4.png) no-repeat;*/ display: block; width: 4px; height: 7px; position: absolute; top: 15px; left: 19px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header .navList li:hover { background-color: #e8e8e8; color: #000; } header nav hgroup .hd .last { margin-right: 0; } /*header .navList li:hover i{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}*/ header .navList li a { display: block; color: #888; } header .navList li a:hover { text-decoration: none; color: #000; } header .navList li.cur { background-color: #e5e5e5; } header .navList1 li { _width: 60px; } header .navList2 li { _width: 60px; } header .navList3 li { _width: 90px; } header .navList4 li { _width: 60px; } .narrow header .logo { margin-right: 17px; } .narrow header .city_qh { margin-right: 0; } .narrow header nav hgroup .jd li a { _padding: 0 13px; } .narrow #main { width: 980px; } .narrow header #topTools .tool { width: 980px; } .narrow header .rx { width: 126px; right: 0; } .narrow header nav hgroup .hd li { margin: 0 10px; } .narrow header nav hgroup .jd li { margin-right: 0; } .narrow header #topTools .tool { width: 980px; } .narrow header #topHeader { width: 980px; } .narrow header #topHeader .city { width: 127px; } .narrow header #topHeader .search { width: 354px; left: 392px; } .narrow header #topHeader .search .kuang { width: 330px; } .narrow header #topHeader .search input { width: 230px; } .narrow header #topHeader .search #ass { width: 250px; } .narrow header #topHeader .search #ass ul { width: 250px; } .narrow header #topHeader .search #ass ul li { width: 250px; } .narrow header #topHeader .rx { width: 126px; right: 0; } .narrow header nav { width: 980px; } /*.narrow header nav hgroup li i{right:2px;}*/ /* 底部 */ footer { width: 100%; margin: 0 auto; background: #fff; } footer .footerSup { width: 1190px; margin: 0 auto; padding: 24px 0; } footer .footerSup .top { margin: 0 auto; width: 990px; height: 20px; line-height: 20px; color: #666; font-size: 14px; } footer .footerSup .top ul li { float: left; width: 110px; text-align: center; background: url(/wedding/img/detail/tab_title_r.jpg) right 3px no-repeat; } footer .footerSup .top ul li.last { background: none; } footer .footerSup .top ul li a { color: #666; } footer .footerSup .top ul li a:hover { color: #666; } footer .footerSup .bot { border-top: 1px solid #eee; margin: 24px auto 0 auto; width: 1190px; } footer .footerSup .bot p { color: #888; margin: 20px 0; height: 20px; line-height: 20px; text-align: center; } footer .bot { width: 1190px; } footer .bot .hotbox { border-bottom: 1px dashed #eee; margin-bottom: 10px; } footer .bot .hotbox .h1 { float: left; width: 70px; color: #666; } footer .bot .hotbox .h2 { float: left; width: 1120px; } footer .bot .hotbox .h2 ul { width: 1120px; height: auto; } footer .bot .hotbox .h2 ul li { float: left; padding: 0 10px 10px 10px; background: url(/wedding/img/detail/tab_title_r.jpg) right 2px no-repeat; } footer .bot .hotbox .h2 ul li a:hover { color: #888; } footer .bot .hotbox .h3 { float: left; width: 36px; cursor: pointer; position: relative; } footer .bot .hotbox .down { float: left; width: 36px; cursor: pointer; position: relative; } footer .bot .hotbox .h3:hover { text-decoration: underline; } footer .bot .hotbox .h3 i { width: 7px; height: 4px; background: url(/www/img/detail/foot_more.jpg) right no-repeat; position: absolute; top: 6px; _top: 0; right: 0; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; } footer .bot .hotbox .down i { width: 7px; height: 4px; background: url(/www/img/detail/foot_more.jpg) right no-repeat; position: absolute; top: 6px; _top: 0; right: 0; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; } /***** 窄 *****/ .narrow footer .footerSup { width: 980px; } .narrow footer .footerSup .bot { width: 980px; } .narrow footer .footerSup .bot .hotbox .h2 { width: 900px; } .narrow footer .footerSup .bot .hotbox .h2 ul { width: 900px; } .narrow footer .footerSup .bot .hotbox .h3 { margin-left: 10px; } /* 主区域 */ section{ width:1190px; margin:0 auto; margin-bottom:20px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .narrow section{ width:980px;} /**搜索框**/ #nav_crumb .sch{ float:right; width:158px; height:22px; line-height: 22px; border:1px solid #e5e5e5; background:#fff; border-radius:11px; position:relative; z-index: 13; transition:ease-in-out 0.3s;} #nav_crumb .sch .sipt{ position:absolute; top:0; left:8px; width:100px; height:22px; border:0; z-index:98; background:none;} #nav_crumb .sch .stxt{ position:absolute; top:0; left:8px; width:100px; height:22px; *line-height:22px; line-height:22px\9\0; z-index:95; color:#ccc;} #nav_crumb .sch .sbtn{ position:absolute; top:2px; right:6px; width:18px; height:18px; background:url(/www/img/list/sbtn.jpg) 10px 0 no-repeat; cursor:pointer;} #nav_crumb .long{ width:220px;} #nav_crumb .long .sipt{ width:160px; } #nav_crumb #ass { display: none; width: 220px; padding:20px 0 0 0; z-index: 12; border: 1px #cdcbcc solid; background: #FFF; position: absolute; top: 14px; right:0px; border-radius: 5px; overflow: hidden; } #nav_crumb #ass ul { width: 220px;} #nav_crumb #ass ul li { padding: 0 10px; width: 200px; height: 28px; font-family: "微软雅黑"; font-size: 12px; line-height: 28px; cursor: pointer; transition: all .3s ease-in-out; overflow:hidden;} #nav_crumb #ass ul li a { color: #666 } #nav_crumb #ass ul li:hover { background: #f5f5f5 } #nav_crumb #ass ul li:hover a { color: #323232; text-decoration: none } #nav_crumb #ass div { margin-top: 10px; height: 30px; line-height: 30px; background: #f5f5f5; font-family: "微软雅黑", "宋体"; font-size: 12px; text-align: center; cursor: pointer } #nav_crumb #ass div b { font-weight: normal; color: #ff5582 } /* 分页 */ .pages_wrap { margin: 50px; } .pages_wrap .page { text-align: center; color: #999; _margin-bottom: 10px; } .pages_wrap .page .totalPage { margin-right: 30px; } .pages_wrap .page #pagePrev { margin-right: 5px; } .pages_wrap .page #pagePrev em { border: 1px solid #ddd; padding: 10px 15px; color: #ddd; } .pages_wrap .page a { background:#fff; border: 1px solid #ddd; padding: 10px 15px; margin-right: 5px; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor:pointer; } .pages_wrap .page a:hover { border: 1px solid #FF5384; } .pages_wrap .page .cur { background: #FF5384; border: 1px solid #FF5385; color: #fff; font-weight: bold; cursor:pointer;} .pages_wrap .page .pagePrev em, .pages_wrap .page .pageNext em{ background:#fff; border: 1px solid #ddd; padding: 10px 15px; margin-right: 5px; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor:pointer;} .pages_wrap .page #pageNext em { border: 1px solid #ddd; padding: 10px 15px; color: #ddd; cursor:pointer;} /* 猜你喜欢 */ .like{position:relative;width:1188px; height:688px; overflow:hidden;padding-top:30px;margin:0 auto; padding-top:55px;} .like .tit{position:absolute;top:0;top:0;left:0; z-index:11; width:100%;border-bottom:1px solid #ddd;line-height:55px;font-size:20px;font-family:微软雅黑;color:#333; font-weight:normal;} .like .picView{} .like .con{} .like .picView li{float:left; width:295px; border:1px solid #fff; padding:30px 0px 30px 0px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .like .picView li:hover{ /*box-shadow:1px 1px 1px #999;*/ border:1px solid #dcdcdc;} .like .picView li .mainInfo{ position:relative;} .like .picView li .pic{ display:block; height:160px;margin-bottom:15px;text-align:center;} .like .picView li img{width:256px; height:160px;} .like .picView li .title{ position:relative; width:256px;margin:0 auto;margin-bottom:5px; font-weight:normal;} .like .picView li .title .name{float:left; overflow:hidden;max-width:190px;*width:190px;font-size:16px; font-family:微软雅黑;color:#333; line-height:24px; height:26px; text-decoration:none; text-overflow:ellipsis;white-space:nowrap; } .like .picView li .title .name:hover{ text-decoration:underline;} .like .picView li .title em{float:right; margin-right:1px;width:21px; height:20px;margin-top:3px; background:url(/www/img/list/giftIcon.png) no-repeat 0 0;} .like .picView li .title .iconGift{ background-position:0 0;} .like .picView li .title .iconPre{ background-position:0 -40px;} .like .picView li .title .iconPromotion{ background-position:0 -360px;} .like .picView li .title .iconReturn{ margin-right:2px;text-align:center; background:#FF686D; color:#fff; line-height:18px; font-size:14px;} /* .like .picView li .grade{ position:relative; width:256px; height:19px; background:url(/www/img/index/hongxing1.png) no-repeat 0 0;margin:0 auto;margin-bottom:10px; }*/ .like .picView li .grade{ position:relative;width:256px; height:19px; margin:0 auto;margin-bottom:5px; } .like .picView li .grade .dxlxx { display: block;width:93px;height:19px;margin: 0;margin-top:3px;padding: 0;background: url(/www/img/index/xingxing3.png) no-repeat 0 -91px;} .like .picView li .grade .pr{ position: relative; top:0px;left:0px;} .like .picView li .grade .dxlxx span{display: block;height: 19px;margin: 0;padding: 0; width: 0;background: url(/www/img/index/xingxing3.png) no-repeat 0 -60px;} .like .picView li .grade .point{ position: absolute;top:0;left: 110px;color: #ff5384;font-size: 16px;line-height: 20px;} .like .picView li .price{ width:256px;margin:0 auto; font-size:13px;font-family:微软雅黑;color:#333;} .like .picView li .price strong{ font-size:16px; } .like .picView li .flag{ width:256px;margin:0 auto; color:#999;} .like .picView li .flag span{float:left;} .like .picView li .flag .address{float:left;width:117px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .like .picView li .flag .line{float:left;padding:0 5px;color:#ccc;} .like .picView li .doZone{ display:none; background:#fff; border-radius: 4px; box-shadow: 0 1px #aca181; height: 28px; position: absolute; right: 32px; top: 10px; width: 72px; } .like .picView li .doZone .share{ float: left; height: 20px; margin-left: 11px; margin-top: 4px; width: 20px;cursor:pointer; background:url(/www/img/detail/bg_comm_top.png) no-repeat -154px -224px;} .like .picView li .doZone .share:hover{ background-position:-154px -250px;} .like .picView li .doZone .share .btn_share_guess{background:none;} .like .picView li .doZone .sc{ float: left; height: 20px; text-indent:-9999px; margin-left: 3px; margin-top: 3px; cursor:pointer; width: 20px;background:url(/www/img/detail/bg_comm_top.png) no-repeat -156px -177px;} .like .picView li .doZone .sc:hover{ background-position:-156px -199px;} .like .picView li .doZone .line{float: left; height: 20px; margin: 4px 5px 0; width: 1px; background:#eee;} /* 猜你喜欢 窄 */ .narrow .like{width:980px;} .narrow .like .tit{ width:978px;} .narrow .like .picView li{ width:324px;} .narrow .like .picView li .doZone{right:45px;} /* 广告位 下单 */ #recommend{ width:100%; height:140px;margin-top:50px;background:#f5f5f5; position:relative; z-index:1;} .recommend { height: 140px; position: relative; width:1190px;margin:0 auto; background:none; } .recommend .order{float:left; width:935px; height:140px;} .recommend .title { position: absolute;top: 20px;color: #666;font-size: 20px;font-weight: normal;left: 186px;} .recommend .title em{color:#ff608d;padding:0 2px;} .recommend .select { position: absolute;top:70px;width: 160px;height:38px; background:#fff; border-radius:6px; box-shadow:1px 1px #ddd; line-height:38px;text-indent:20px; font-size:14px;color:#333; cursor:pointer;} #select1Box i,#select2Box i,#select3Box i{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} #select1Box .i1{ position:absolute;top:83px;left:322px;width:15px;height:12px; background:url(/www/img/list/list_icon.png) no-repeat 0 -238px;} #select2Box .i2{ position:absolute;top:83px;left:503px;width:15px;height:12px; background:url(/www/img/list/list_icon.png) no-repeat 0 -238px;} #select3Box .i3{ position:absolute;top:83px;left:681px;width:15px;height:12px; background:url(/www/img/list/list_icon.png) no-repeat 0 -238px;} #select1Box .cur,#select2Box .cur,#select3Box .cur{transform:rotate(180deg);*background-position:0 -266px; } .recommend .select1 { left: 185px; } .recommend ul { background:#fff; border: 1px solid #ddd; display: none; height: 112px; overflow: auto; position: absolute; top: 105px; width: 160px; border-radius:0 0 6px 6px; z-index:11; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .recommend ul.ul1 { left: 184px; } .recommend ul li { cursor: pointer; height: 28px; line-height: 28px; text-indent: 10px; transition: all 0.2s ease-in-out 0s; } .recommend ul li:hover{background:#eee;} .recommend ul .cur{background:#eee;} .recommend .select2 {left: 365px;} .recommend ul.ul2 {left: 364px;} .recommend .select3 { left: 545px; } .recommend ul.ul3 { left: 544px; } .recommend .btn{background:#ff608d;color: #fff;cursor: pointer; font-size: 16px; height: 38px; line-height:38px; text-align:center; border-radius:6px; transition: all 0.2s ease-in-out 0s; left: 725px; position: absolute; text-align: center; top: 70px; width: 135px; } .recommend .btn:hover{background:#f14073;} .recommend .bg{ position:absolute; top:-20px; left:0; z-index:20;width:152px; height:148px;background:url(/www/img/list/ad_order.png) no-repeat 0 0; } .recommend .hotline{_display:inline;float:left;margin-left:30px;} .recommend .hotline .tit{ margin-top:11px;line-height:30px; font-size:14px; color:#666;} .recommend .hotline .moblie{ font-size:24px;color:#ff608d; word-spacing:1px; letter-spacing:1px; line-height:43px;} .recommend .hotline .vantage{color:#999;} .recommend .line{float:left;width:1px; height:100px;margin: 20px 10px 0;background:#ddd;} .narrow .recommend ul{width:193px;} .narrow .recommend .ul1{} .narrow .recommend .ul2{left:395px;} .narrow .recommend .ul3{left:604px;} /* 广告位 下单 窄 */ .narrow .recommend{ width:980px;} .narrow .recommend .hotline{ display:none;} .narrow .recommend .line{ display:none;} .narrow .recommend .select{ width: 193px;} .narrow .recommend .select1 { left: 185px; } .narrow .recommend .select2 { left: 395px; } .narrow .recommend .select3 { left: 605px; } .narrow .recommend .btn{left:820px;} .narrow #select1Box .i1{left:351px;} .narrow #select2Box .i2{left:562px;} .narrow #select3Box .i3{left:774px;} /* 热门婚宴酒店 */ #hotHotel{ position:relative;height:307px;} #hotHotel #flashBox{ position:relative;float:left;width:890px;height:303px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fafafa;border-top:3px solid #ccc; overflow:hidden;} #hotHotel #flashBox .hd{} /* #hotHotel #flashBox .picZone{ position:absolute; height:232px;} */ #hotHotel #flashBox .picZone{ position:absolute; width:100%; height:232px;} #hotHotel #flashBox h3{ line-height:52px; font-size:18px; font-weight:normal;color:#333; text-indent:20px;} /* #hotHotel #flashBox .imgBox{height:232px;} */ #hotHotel #flashBox .imgBox{ display:none; position:absolute;top:0;left:0;height:232px;} #hotHotel #flashBox .imgBox li{ _display:inline; position:relative; float:left; width:256px;margin:0 20px 0 20px;} #hotHotel #flashBox .imgBox li p{ width:256px;} #hotHotel #flashBox .imgBox li .hotIcon{position:absolute;top:0;left:0; width:44px;height:44px; background:url(/www/img/list/hot.png) no-repeat 0 0;} #hotHotel #flashBox .imgBox li a{ display:block;height:162px;} #hotHotel #flashBox .imgBox li a img{width:256px;height:162px;} #hotHotel #flashBox .imgBox li .item{ width:256px;height:45px;line-height:45px; font-size:14px; font-family:微软雅黑;} #hotHotel #flashBox .imgBox li .item .name{float:left; display:inline; height:45px; line-height:45px; *width:224px;max-width:224px; overflow:hidden;color:#323232; text-overflow:ellipsis;white-space:nowrap; } #hotHotel #flashBox .imgBox li .item .point{float:left; width:24px;padding-left:5px;color:#ff5385; font-family:宋体; font-size:15px;} #hotHotel #flashBox .imgBox li .price{float:left;color:#666;font-size:14px;font-family:微软雅黑;} #hotHotel #flashBox .imgBox li .price strong{font-size:16px;color:#333; font-weight:bold;} #hotHotel #flashBox .imgBox li .flag{float:right;color:#999;} #hotHotel #flashBox .imgBox li .flag .line{padding:0 5px;color:#ddd;} /* #hotHotel #flashBox .bd{ position:relative;height: 232px;border-right:1px solid #ddd; overflow:hidden;} */ #hotHotel #flashBox .bd{ position:relative;height: 232px;} #hotHotel #flashBox .btnBox{ position:absolute;right:15px;top:-23px;} #hotHotel #flashBox .btnBox li{float:left; overflow:hidden; width:8px; height:8px;margin-right:10px;background:#fafaf;border:1px solid #000; border-radius:50px; cursor:pointer; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #hotHotel #flashBox .btnBox .cur{background:#000;} #hotHotel .tips{position:absolute;top:0;right:0;width:299px;border-top:3px solid #00cbc3;background:#fafafa;height:303px;border-bottom:1px solid #ddd;overflow:hidden;} #hotHotel .tips .title{margin-top:14px;margin-bottom:25px;font-size:18px; font-weight:normal;color:#333; line-height:40px; text-indent:100px;} #hotHotel .tips .contant{color:#999; width:229px; max-height:120px;margin:0 auto; line-height:24px; max-height:120px; overflow:hidden; margin-top:10px;} #hotHotel .tips .tipsCon{margin-left:32px;margin-top:15px;} #hotHotel .tips .tipsCon span{ position:relative;float:left; width:68px; height:68px;border:2px solid #e5e5e5; margin-right:10px;border-radius:50px;text-align:center;} #hotHotel .tips .tipsCon span em{color:#00ccc4; font-size:15px; display: block; line-height: 20px; text-shadow:1px 1px 1px #b7ebe7; margin-top: 13px;} #hotHotel .tips .tipsCon .num1 i{ position:absolute;top:-6px;left:-6px; width:25px; height:25px; background:url(/www/img/list/list_icon.png) no-repeat 0 -537px;} #hotHotel .tips .tipsCon .num2 i{position:absolute;top:-6px;left:-6px; width:25px; height:25px; background:url(/www/img/list/list_icon.png) no-repeat 0 -567px;} #hotHotel .tips .tipsCon .num3 i{position:absolute;top:-6px;left:-6px; width:25px; height:25px; background:url(/www/img/list/list_icon.png) no-repeat 0 -597px;} #hotHotel .tips .tipBg{position:absolute; top:0px; left:30px;z-index:11; width:52px; height:54px;background:url(/www/img/list/tips.png) no-repeat 0 0;} /* 热门婚宴酒店 窄*/ .narrow #hotHotel #flashBox{ width:980px;} .narrow #hotHotel #flashBox .imgBox li{margin:0 35px;} .narrow #hotHotel .tips{ right:179px; z-index:-1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .like .picView li .doZone .collect_btn_cancel{ background-position:-156px -199px;} /* 飘旗 */ .indexTool{position:fixed;z-index:950; width:50px;top:0px;right:0px; height:100%; display:none;} .indexTool .toolLeft{position:absolute;top:0;min-width:174px;height:300px;z-index:2;left:4px;_display:none;} .indexTool .toolRight{position:absolute;z-index:1;width:50px; background:#e5e5e5; height:100%;_display:none;} .indexTool .toolRight ul{height:100%;padding-top:300px;padding-bottom:200px;background:#e5e5e5;} .indexTool .toolRight ul li{ position:relative; overflow:hidden;} .indexTool .toolRight ul li a{ display:block; width:100%; height:100%; text-align:center;color:#ff5384; text-decoration:none; -webkit-transition:0;-moz-transition:0; } .indexTool .toolRight ul li a:hover{color:#fff;} .indexTool .toolRight ul .customService{ width:50px;height:67px;} .indexTool .toolRight ul .customService a{ line-height:104px;background:url(/www/img/index/indexTool.png) no-repeat 0px 0px;cursor:pointer;} .indexTool .toolRight ul .wechat{width:50px;height:67px;} .indexTool .toolRight ul .wechat a{line-height:104px;background:url(/www/img/index/indexTool.png) no-repeat 0px -67px;cursor:pointer;} .indexTool .toolRight ul .propose{width:50px;height:67px;} .indexTool .toolRight ul .propose a{ line-height:100px;color:#898989;background:url(/www/img/index/indexTool.png) no-repeat 0px -134px;cursor:pointer;} .indexTool .toolRight ul .backTotop{display:none;width:50px;height:67px;} .indexTool .toolRight ul .backTotop a{ line-height:98px;color:#898989;background:url(/www/img/index/indexTool.png) no-repeat 0px -201px;cursor:pointer;} .indexTool .toolRight ul .customService a:hover{background:url(/www/img/index/indexTool.png) no-repeat -50px 0px;} .indexTool .toolRight ul .wechat a:hover{background:url(/www/img/index/indexTool.png) no-repeat -50px -67px;} .indexTool .toolRight ul .propose a:hover{background:url(/www/img/index/indexTool.png) no-repeat -50px -134px;} .indexTool .toolRight ul .backTotop a:hover{background:url(/www/img/index/indexTool.png) no-repeat -50px -201px;} .indexTool .toolLeft .wechatDiv{position:absolute;top:325px;left:-177px; display:none; } .indexTool .toolLeft .wechatDiv .wechatContent{width:172px;color:#999;border:1px solid #ff5384;background:#fff;position:relative;z-index:2;} .arrowIcon{ display:block;width:5px;height:10px;background:url(/www/img/index/indexTool.png) no-repeat 0px -282px;position:absolute;z-index:3;top:68px;right:-4px;} .wechatDivapp,.wechatDivwechat{height:66px;padding:12px 0px 10px 0px;} .wechatDivapp ul,.wechatDivwechat ul{float:left;padding-left:12px;} .wechatTitle{color:#000;line-height:26px;} .borderIcon{width:13px;height:12px;background:url(/www/img/index/indexTool.png) no-repeat 0px -270px;position:absolute;z-index:3;top:0px;left:0px;} .clear_float:after{ display:block; visibility:hidden; height:0; clear:both; content:"."; } .clear_float{display:block; zoom:1;} .txt_hid{overflow:hidden; height:0; font-size:0;} .why_tc a{ display:block; width:100%; height:100%;} .hotel_name a{float:left; display:inline-block; margin-right:10px; color:#333; width:207px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .hotel_name a:hover{color:#333; text-decoration:underline;} .hotel_name .pay{ margin-top:3px; float:left; width:20px; height:20px; background:url(/www/img/list/giftIcon.png) 0 -60px no-repeat; } .fastReg{ position:absolute; width:88px; height:66px;right:166px;top:18px; cursor:pointer; background:url(/order/img/register/reg1.gif) no-repeat 0 0;} .narrow .fastReg{right:145px;} #show_ppromotions:hover .deals_info{text-decoration:underline;} .hotel_guess_name span{margin-right:4px;} .hotel_guess_name .iconPre{margin-right:0;} /**返现**/ .deals_typed{ text-indent:-9999px !important;} /**到店里弹层**/ .ddlbox { width: 600px; border-radius: 5px; background: #f5f5f5; display:none; z-index: 1100;} .ddlbox .k1 { position:relative; width: 600px; border-radius: 5px; background: #fff url(/order/img/HunYan/popTitle.png) center top no-repeat; } .ddlbox .k1 .close{ display:block; cursor:pointer; width:11px; height:15px; position:absolute; top:30px; right:20px;background:url(/order/img/HunYan/order_ico.png) no-repeat 0 -198px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; z-index:1;} .ddlbox .k1 .close:hover{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);} .ddlbox .k1 .kt { margin: 0 auto; padding-top: 45px; width: 240px; min-width: 190px; height: 40px; line-height: 30px; font-size: 30px; text-align: center; background: url(/www/img/detail/kt_bg.jpg) bottom repeat-x; color: #ff5385; } .ddlbox .k1 .h2 { margin: 30px auto 20px auto; width: 410px; height: 20px; line-height: 20px; color: #000; font-size: 16px; } .ddlbox .k1 .r{ color:#ff5385; } .ddlbox .k1 .kc { margin: 0 auto 30px auto; padding-right: 20px; width: 390px; height: 230px; line-height: 26px; font-size: 14px; color: #666; overflow-y: auto; } .ddlbox .k1 .ft { position: relative; height: 125px; background: #f5f5f5; border-radius: 5px;} .ddlbox .k1 .text1 { position: absolute; top: 65px; left: 59px; color: #333; font-size: 16px; } .ddlbox .k1 .text1 b { display: inline-block; padding: 0 5px; color: #ff608d; } .ddlbox .k1 .text2 { position: absolute; top: 98px; left: 59px; color: #333; font-size: 16px; } .ddlbox .k1 .text2 b { display: inline-block; padding: 0 2px; color: #ff608d; } .ddlbox .k1 .moblie { position: absolute; top: 20px; left: 0; width: 100%; height: 40px; } .ddlbox .k1 .text3 { position: absolute; top: 88px; left: 96px; color: #bebebe; font-size: 14px; } .ddlbox .k1 .text4 { position: absolute; top: 0; left: 320px; color: #9a9985; width: 205px; height: 40px; } .ddlbox .k1 .text1 { position: absolute; top: 65px; left: 59px; color: #333; font-size: 16px; } .ddlbox .k1 .text1 b { display: inline-block; padding: 0 5px; color: #ff608d; } .ddlbox .k1 .text2 { position: absolute; top: 98px; left: 59px; color: #333; font-size: 16px; } .ddlbox .k1 .text2 b { display: inline-block; padding: 0 2px; color: #ff608d; } .ddlbox .k1 .moblie { position: absolute; top: 20px; left: 0; width: 100%; height: 40px; } .ddlbox .k1 .text3 { position: absolute; top: 88px; left: 96px; color: #bebebe; font-size: 14px; } .ddlbox .k1 .text4 { position: absolute; top: 0; left: 320px; color: #9a9985; width: 205px; height: 40px; } .ddlbox .k1 label { position: absolute; top: 11px; left: 136px; display: block; color: #999; } .ddlbox .k1 .lebHover { color: #ddd; } .ddlbox .k1 input { width: 247px; position: absolute; top: 0; left: 96px; border: 1px solid #ccc; background: url(/order/img/HunYan/order_ico.png) no-repeat 15px 9px; background-color: #fff; text-indent: 40px; color: #333; height: 37px; line-height: 37px\9; *line-height:37px; padding: 0; } .ddlbox .k1 .btn { padding: 0; border-radius: 6px; color: #fff; cursor: pointer; font-family: "微软雅黑", "宋体"; font-size: 14px; font-weight: bold; height: 38px; left: 357px; line-height: 38px; position: absolute; text-align: center; top: 20px; transition: all 0.3s ease-in-out 0s; width: 100px; background:#ff608d} .ddlbox .k1 .btn:hover{ background:#f14073;} .ddlbox .k1 .msg { position: absolute; top: 147px; left: 290px; width: 200px; } .ddlbox .k1 .error { position: absolute; top: 65px; left: 96px } .ddlbox .k1 .ok { position: absolute; top: 65px; left: 96px; background: none; } .ddlbox .k1 .ok span { display: none; } .ddlbox label{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; color:#666666; cursor:text;} .ddlbox label.hover{ color:#CCCCCC;} .ddlbox input{ position:absolute; top:162px; left:58px; color:#333; width:213px; height:25px;padding:6px 0; padding-left:35px; line-height:27px\9; *line-height:27px; outline:none; border:1px #dedede solid; background-color:#feeef1; border:1px solid #ffccd5; border-radius:5px;color:#ff608d; ; font-size:14px;} .ddlbox input.hover{ border-color:#ffc4be;} .ddlbox .ok{background:url(/order/img/HunYan/order_ico.png) no-repeat 0 -447px; width:20px; height:20px;} .ddlbox .error{background:url(/order/img/HunYan/order_ico.png) no-repeat 0 -498px;width:100px; height:20px; padding-left:20px; color:#ff5285;; ; font-size:14px;} .confirmBg{position: fixed; _position: absolute;_height:1000px; width: 100%; background: #000;right: 0px;bottom: 0px;left: 0px;top: 0px;z-index: 999;opacity: 0.5; filter:alpha(opacity=50); } .confirmWrap{position: fixed; _position: absolute;z-index: 1000;left: 50%;top: 50%; font-family: "Microsoft YaHei"; display: none;} .confirmBox{background: #fff;padding: 30px 20px;border-radius: 4px;min-width: 360px; box-shadow: 0px 0px 10px #555;background: url(http://s4.dxlfile.com/order/img/HunYan/popTitle.png) top center no-repeat #fff;-webkit-animation-name: zoomIn;animation-name: zoomIn;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;*width:400px; position: absolute;} .confirmBox p{font-size: 18px;text-align: center;margin: 26px 0px 20px 0px;color: #333;*margin-top: 50px;} a.removeConfirm{display: block;float: right;margin: 0px;right: 20px; -webkit-transition: -webkit-transform 0.2s ease-in; -moz-transition:-moz-transform 0.2s ease-in; -o-transition:-o-transform 0.2s ease-in; transition:transform 0.2s ease-in;width: 12px;height: 12px;overflow: hidden; text-indent: -40px; background:url(/story/img/index/close.png) 0px 0px no-repeat;} a.removeConfirm:hover{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); } .confirmAction a{height: 38px; transition: 0.3s; line-height: 38px;padding: 0px 30px;background: #aaa;color: #fff;display: inline-block;font-size: 12px;font-weight: bold;text-decoration: none;border-radius: 4px;} .confirmAction a:hover{text-decoration: none; background: #999; color: #fff} .confirmAction a.confirmYes{margin-right: 20px; background: #ff5385;} .confirmAction a.confirmYes:hover{background: #EE3369; color: #fff} @-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3); }50% { opacity: 1;}} @keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}}@charset "utf-8"; header{ margin-bottom:30px;} /*--面包屑--*/ #nav_crumb { position: relative; z-index: 15; width: 1190px; line-height: 16px; margin: 0 auto 30px auto; color: #666666; } #nav_crumb a { float: left; color: #666666; font-family: \5B8B\4F53; } #nav_crumb a:last-child{ color: #ff5384; } #nav_crumb a:hover {} #nav_crumb span { float: left; padding: 0 7px; color: #999999; font-family: \5B8B\4F53; } #nav_crumb .nav_crumb_cur { color: #ff5384; } /*--面包屑结束--*/ /*--优惠结束--*/ #blank { display: none; overflow: hidden; line-height: 1000px; } #wrap_pget_schedule { display: none; position: absolute; z-index: 100; } .collect_true { display: none; position: absolute; left: 0; top: 0; z-index: 50; width: 80px; height: 28px; line-height: 28px; color: #ffffff; background-color: #F85D4F; text-align: center; } /*--酒店图片show--*/ #hotel_img_show { float: left; width: 600px; position:relative; cursor:pointer;} #hotel_img_show .lbtn{ width: 55px; height:63px; position:absolute; left:10px; top:160px; background:url(../../img/detail-p/left_btn.png) no-repeat; cursor:pointer;} #hotel_img_show .rbtn{ width: 55px; height:63px; position:absolute; right:10px; top:160px;background:url(../../img/detail-p/right_btn.png) no-repeat; cursor:pointer;} .wrap_bimg{ width:600px; height:375px; margin-bottom:20px; background:#f1f1f1;} .wrap_bimg img{ width:600px; height:375px;} .wrap_img_list{ position:relative; width:600px; height:75px; overflow:hidden;} .wrap_img_list .picul { position:relative; margin:0 auto; width:540px; height:75px; overflow:hidden;} .wrap_img_list .picul ul{ position:absolute;} .wrap_img_list .spic li{ float:left; width:120px; height:75px; margin-right:20px;} .wrap_img_list .spic li img{ width:120px; height:75px; } .wrap_img_list .left, .wrap_img_list .right { position: absolute; top: 26px; width: 12px; height: 25px; cursor: pointer; } .wrap_img_list .left { left: 0px; background: url(/hunche/img/car-detail-p/left.png) no-repeat left top; } .wrap_img_list .right { right: 0; background: url(/hunche/img/car-detail-p/right.png) no-repeat left top; } .wrap_img_list .right:hover, .wrap_img_list .left:hover { background-position: left -33px; } .wrap_img_list .right.disabled, .wrap_img_list .left.disabled { background-position: left -67px; } /*--酒店图片show结束--*/ /*--顶部酒店信息--*/ .userpl{ cursor:pointer;} .hotel_main_info { float: right; width: 560px; margin-top: 11px;} .hotel_main_info .des { line-height: 20px; clear: both; font-size: 12px; color: #999; margin-bottom: 15px; border-bottom:1px solid #eee; padding:0 0 15px 0; } .box_main_hotelname { float: left; margin-bottom: 9px; } .main_hotel_name { float: left; margin: 0 10px 0 0; color: #333333; line-height: 24px; font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; font-size: 20px; } .main_hotel_name h1 { float:left; margin-right: 15px; font-size: 21px; font-weight: normal; } .main_hotel_name .pay { margin-top:3px; float:left; width:20px; height:20px; background:url(/www/img/list/giftIcon.png) 0 -60px no-repeat; } .main_hotel_name b { margin: 0 10px 0 0; font-weight: normal; } .hotel_type { position: relative; display: inline-block; _display: inline; font-size: 12px; background-position: -11px -118px; vertical-align: top; _vertical-align: middle; background: none; color: #333; } .hotel_type:hover { color: #333; } .hotel_type b { overflow: hidden; position: absolute; top: 5px; display: inline-block; width: 3px; height: 8px; margin: 0 0 0 3px; background-position: 0 -140px; line-height: 80em; _background: none; } #my_share { float: right; width: 43px; } #my_share #btn_share { margin: 2px 0 0 0; } .hotel_about { margin: 0 0 18px 0; padding: 0 30px 0 0; line-height: 16px; font-size: 14px; color: #ff5384; line-height: 20px; } .hotel_main_price { margin: 0; color: #999999; } .shoucang{ float:right; padding-left:16px; width:40px; height:30px; line-height:30px; color:#666; background:url(/www/img/detail-p/shoucang.jpg) 0 8px no-repeat; transition:ease-in-out 0.3s; cursor:pointer;} .shoucang.cur{ background:url(/www/img/detail-p/shoucang.jpg) 0 -28px no-repeat;} .main_price { display: block; padding: 0 0 10px 0; word-spacing:0.3em; } .main_price b{ font-weight:normal;} .main_price .add{ float: left; margin-right: 10px; width: 120px; height: 20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } #seeMap{ color:#ff5384; cursor:pointer;} .hotel_main_price .main_price { position:relative; float: left; height:24px; line-height:24px; margin-right: 18px; } .hotel_main_price .main_desk { *display:inline; float: left; } .main_pirice_tit { float: left; height:24px; line-height:24px; padding: 0 14px 0 0; } .main_fanli { padding:1px 2px; border:1px solid #ff5384; color:#ff5384; margin-left:10px;} .main_pirce_con, .main_desk_con { float: left; color: #333333; font-weight: normal; } .main_pirce_con { font-weight: normal; font-size: 12px; color: #333; } .main_pirce_con i{ font-size: 16px; color: #333; } .wrap_deals { width: 100%; min-height:32px; padding:10px 0; margin: 0 0 24px 0; position: relative; background:#f6f7f8;} .wrap_deals .erwei{ position:absolute; top:0; right:0; z-index:15; cursor:pointer; width:134px; height:45px; background:url(/www/img/detail-p/erwei_a.jpg) no-repeat;} .wrap_deals .erwei2{ display:none; position:absolute; top:0; right:0; z-index:16; cursor:pointer; width:122px; height:139px; background:url(/www/img/detail-p/erwei_b.jpg) no-repeat;} .wrap_deals .add { background: url(/www/img/detail/cornerIcon2.png) no-repeat 0 0; } .wrap_deals .lower { background: url(/www/img/detail/cornerIcon2.png) no-repeat 0 -48px; } .wrap_deals strong { display: block; margin:4px 0; cursor: pointer; zoom: 1; } #show_pgifts:hover, #show_pdeals:hover { font-size: 12px; } #show_pgifts:hover .deals_info, #show_pdeals:hover .deals_info {/*text-decoration:underline;*/ text-decoration: none; } .deals_typea, .deals_typeb, .deals_typec, .deals_typed { float: left; width: 46px; height: 18px; margin: 0 10px 0 13px; padding: 2px 0 0 8px; color: #ffffff; line-height: 15px; background: url(/www/img/detail/icon.png) no-repeat 0 0; } .deals_typea { background-position: 0 0; text-indent: -9999px; } .deals_typeb { background-position: 0 -56px; text-indent: -9999px; } .deals_typec { background-position: 0 -28px; text-indent: -9999px; } .deals_typed { background-position: 0 -84px; text-indent: -9999px; line-height: 16px; } .deals_info, .deals_this { float: left; padding: 2px 0 0 0; font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; font-size: 14px; color: #555555; font-weight: normal; line-height: 18px; } .deals_info { /*overflow:hidden;*/ width: 370px;/*white-space:nowrap; text-overflow:ellipsis;*/ } #show_arrivals .font_red { color: #666666; font-size: 12px } #show_arrivals .font_red:hover { text-decoration: underline; } .deals_numb { display: inline-block; margin: 0 0 0 6px; padding: 0 8px; color: #999999; font-family: Verdana; font-weight: normal; background-color: #eeeeee; line-height: 16px; border-radius: 12px; } .box_main_btn { margin: 0 0 24px 0; } #btn_hotel_reserve, #btn_hotel_schedule,#btn_hotel_schedule2 { float: left; overflow: hidden; width: 215px; height: 46px; cursor: pointer; } #btn_hotel_reserve { margin: 0 30px 0 0; background-position: 0 0; line-height: 46em; } #btn_hotel_reserve:hover { background-position: 0 -48px; } #btn_hotel_schedule { border: 0 none; background-position: 0 -96px; text-indent: -500px; } #btn_hotel_schedule2 { border: 0 none; background-position: 0 -96px; text-indent: -500px; } #btn_hotel_schedule:hover { background-position: 0 -144px; } .wrap_item_info { padding: 0 0 16px 0; line-height: 16px; color: #999999; } .wrap_item_info dt { float: left; padding: 0 20px 0 0; } .wrap_item_info dd { float: left; width:500px; transition: all 0.3s ease-in-out; } .area { float: left; width: 100px; height: 18px; overflow: hidden; } .area span { color: #333333; padding: 0 7px 0 0; } .wrap_cantact_map { position: relative; float: left; z-index: 99; } #btn_contact_get { float: left; margin: 0 10px 0 0; padding: 0 16px 0 0; background-position: 145px 1px; color: #ff5384; cursor: pointer; } #btn_contact_get:hover { color: #f14073; background-position: 145px -160px; } /*.line { float: left; margin: 0 10px 0 0; color: #cccccc; }*/ #btn_map_view { float: left; padding: 0 16px 0 0; background-position: 53px -19px; cursor: pointer; color: #7a7a7a; margin-right:10px; } #btn_map_view:hover { background-position: 53px -182px; color: #7a7a7a; } .main_fd{ cursor:pointer;} .main_fd:hover .fd_detail{ display:block;} .wrap_cantact_map .fd { float: left; width: 80px; height: 20px; margin: 0 10px 0 0; background: url(/www/img/detail/fd_jt.jpg) right 3px no-repeat; cursor: pointer; } .fd_detail{ display:none; position:absolute; top:30px; left:-100px; width:280px; background:#fff; border:1px solid #f1f1f1; z-index:10; box-shadow: 0 0 5px #f1f1f1;} .fd_detail .upicon{ position:absolute; top:-7px; left:130px; width:13px; height:7px; background:url(/www/img/detail-p/up-jt.png) no-repeat; z-index:10;} .fd_detail dl{ padding:20px 30px;} .fd_detail dl dt{ width:220px; height:20px; overflow:hidden; margin-bottom:10px; font-size:14px; color:#333;} .fd_detail dl dd{ width:220px; height:20px; overflow:hidden; margin-bottom:20px; font-size:12px; color:#999;} .phone400{ display:inline-block; padding-top:5px; color:#666;} .wrap_cantact_map .fd i { color: #ff5384; } .hotel_main_info .howfx { width: 520px; height: 25px; line-height: 20px; text-align: right; } .hotel_main_info .howfx a:hover { color: #7a7a7a; } .hotel_main_info .banner { display:none; margin-bottom: 24px; width: 560px; height: 60px; cursor: pointer; overflow:hidden; } .fdbox { display: none; position: absolute; z-index: 99; top: 30px; left: 35px; width: 298px; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px #ccc; padding-bottom: 5px; } .fdbox .jtt { position: absolute; z-index: 100; top: -7px; left: 250px; width: 12px; height: 6px; font-size: 0; line-height: 0; background: url(/www/img/detail/fd_jt2.png) no-repeat; } .fdbox dl { padding: 6px 20px 0 20px; } .fdbox dl dt { width: 258px; font-size: 14px; color: #333; height: 20px; line-height: 20px; margin: 10px 0 0 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .fdbox dl dt a { color: #333; } .fdbox dl dt a:hover { color: #333; text-decoration: underline; } .fdbox dl dd { width: 258px; font-size: 12px; color: #999; height: 20px; line-height: 20px; border-bottom: 1px solid #eee; padding-bottom: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .fdbox dl .last { border-bottom: none; } .hotel_main_price .grade{ position:relative; margin-right:48px;} .grade .dxlxx{background: url(/www/img/index/xingxing3.png) no-repeat scroll 0 -91px; display: block; height: 19px; padding: 0; width: 93.5px; margin-top:2px;} .grade .dxlxx span{ background: url(/www/img/index/xingxing3.png) no-repeat scroll 0 -60px; display: block; height: 19px; margin: 0; padding: 0; width: 0;} .grade .point{position: absolute;top:2px;left: 105px;color: #ff5384;font-size: 16px;line-height:18px;} .evaluate_numb { float: left; color: #7a7a7a; } .evaluate_numb:hover { color: #333; } .evaluate_numb b { padding: 0 2px 0 0; color: #333333; font-family: Verdana, arial; font-weight: normal; } .m-b10{ margin-bottom:10px;} .hotel_tag { float: left; margin: 0 6px 0 0; padding: 0 0 10px 0; white-space: nowrap; } .hotel_tag a { border-radius:10px; display: inline-block; padding: 3px 10px; background-color: #f5f5f5; color: #999; } .hotel_tag_more { float: left; } .hotel_tag_more a { float: left; display: inline-block; padding: 3px 10px 0 0; background-position: 26px -92px; } .wrap_item_info .tag_tit { padding-top: 3px; } .order_img { padding: 0 0 0 95px; width: 425px; height: 46px; line-height: 46px; color: #fff; overflow: hidden; margin-bottom: 20px; font-size: 14px; cursor: pointer; background: url(/www/img/detail/order_img2.jpg) no-repeat; } .order_img .jiantou { float: right; display: inline-block; margin: 0 10px 0 0; } .seek_online { float: left; margin-top: 15px; width: 56px; height: 20px; line-height: 18px; padding: 0 0 0 24px; font-size: 14px; color: #666; background: url(/www/img/detail/seek.jpg) no-repeat; cursor: pointer; } .seek_online:hover { text-decoration: underline; } /*--顶部酒店信息结束--*/ /*--酒店介绍--*/ #wrap_all_item { width: 950px; background-color: #ffffff; } #main_item_con { padding: 30px 0 0 0; } .head_fixed { position: fixed; top: 0; z-index: 50; } .wrap_head_short { display: none; visibility: hidden; padding: 8px 12px; color: #333333; background-color: #fafafa; } .head_fixed .wrap_head_short { display: block; visibility: visible; _visibility: hidden; } .head_short_name { float: left; margin: 2px 5px 0 0; font-size: 16px; font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; line-height: 18px; } .head_short_score { float: left; margin: 3px 14px 0 0; font-size: 14px; font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; line-height: 16px; color: #ff608d; } .head_short_gifts, .head_short_deals, .head_short_promo, .head_short_return { float: left; overflow: hidden; width: 20px; height: 20px; line-height: 20em; } .head_short_gifts { margin: 2px 4px 0 0; background-position: 0 0; } .head_short_deals { margin: 2px 4px 0 0; background-position: 0 -40px; } .head_short_promo { margin: 2px 4px 0 0; background-position: -44px 0; } .head_short_return { background: #ff686d; color: #fff; font-size: 14px; font-weight: normal; line-height: 18px; margin: 2px 4px 0 0; text-align: center; text-indent: 0; } .head_short_price { float: left; margin: 5px 10px 0 12px; padding: 0 10px 0 0; border-right: 1px solid #ccc; color: #888888; line-height: 14px; } .head_short_price b { padding: 0 0 0 3px; color: #333333; font-family: Verdana; } .head_short_feature { float: left; margin: 5px 10px 0 0; line-height: 14px; } .head_short_addr { float: left; margin: 5px 0 0 0; padding: 0 0 0 10px; border-left: 1px solid #ccc; line-height: 14px; color: #888888; } .head_short_pay { float: left; overflow: hidden; width: 20px; height: 20px; line-height: 20em; margin: 2px 4px 0 0; background: url(/www/img/list/giftIcon.png) no-repeat 0 -60px;} #btn_hshort_reserve, #btn_hshort_schedule { float: right; overflow: hidden; width: 90px; height: 24px; cursor: pointer; } #btn_hshort_reserve { margin: 0; background-position: 0 -260px; line-height: 40em; } #btn_hshort_reserve:hover { background-position: 0 -286px; } #btn_hshort_schedule { border: 0 none; background-position: -92px -260px; text-indent: -500px; margin-right: 10px; } #btn_hshort_schedule:hover { background-position: -92px -286px; } .box_all_item { font-size: 16px; background-color: #ffffff; } #main_item_list { background: #fafafa; border-bottom: 2px solid #dcdcdc; border-top: 2px solid #fafafa; font-size: 14px; height: 37px; line-height: 37px; } #main_item_list li { float: left; text-align: center; position: relative; border-top: 2px solid #fcfcfc; border-bottom: 2px solid #fcfcfc; } #main_item_list li .pao { width: 94px; height: 65px; position: absolute; top: -19px; left: 120px; background: url(/hunqing/img/detail/pinkpic.png) no-repeat; } #main_item_list li span { float: left; width: 160px; color: #333333; cursor: pointer; } #main_item_list li span:hover { color: #ff5384; } #main_item_list li em { color: #ddd; } #main_item_list .cur { height: 35px; background: #fff; border-top: 2px solid #ff5384; border-left: 2px solid #dcdcdc; border-right: 2px solid #dcdcdc; border-bottom: 2px solid #fff; } #main_item_list .cur span { color: #ff5384; } #main_item_list .cur em { display: none; color: #999; } .main_item_line, #line_cur { overflow: hidden; display: block; height: 2px; font-size: 0; } .main_item_line { } #line_cur { } #main_item_list li a { position: absolute; top: -55px; left: 96px; z-index: 0; width: 89px; height: 64px; background: url(/www/img/detail/qipao.png) no-repeat 0 0; display: none; } #main_item_list li i { position: absolute; top: -47px; left: 169px; width: 16px; height: 16px; z-index: 50; cursor: pointer; display: none; } .wrap_hotel_intro { position: relative; z-index: 1; margin: 0 0 30px 0; display: block; } .wrap_hotel_intro .ps { width: 900px; height: 52px; line-height: 26px; overflow: hidden; color: #888; font-size: 14px; } .wrap_hotel_intro .more { position: absolute; width: 40px; height: 20px; color: #ff5384; cursor: pointer; bottom: 4px; right: 0; background: url(/www/img/detail/red_jt.jpg) right 6px no-repeat; font-size: 14px; } .hotel_intro_tit { padding: 0 0 20px 0; } .hotel_intro_tit .hotel_comm_tit { background-position: 87px 1px; padding: 0 130px 0 0; } .wrap_intro_doc { width: 938px; padding: 6px; margin-bottom: 12px; background: url(/www/img/detail/hotel_js_bg.jpg); transition: all 0.3s ease-in-out; } .wrap_intro_doc .intro_bg { background: #fff; } .box_intro_doc { position: relative; margin: 0 0 26px 0; /*padding:0 0 0 32px;*/ } .hotel_intro_img { position: absolute; top: 30px; left: 32px; /*padding:37px 0 0 0;*/ } .hotel_intro_img img { display: block; width: 238px; height: 238px; overflow: hidden; } .hotel_blay { position: absolute; top: 0; left: -3px; overflow: hidden; display: block; width: 249px; height: 250px; line-height: 250em; background: url(/www/img/detail/bg_helayd.png) no-repeat 0 0; _background: url(/www/img/detail/bg_helayd_IE.png) no-repeat 0 0; } .hotel_blayb { background-position: 0 -250px; } .intro_doc_con {/*float:right;*/ width: 666px; margin: 0 0 20px 284px; } #intro_doc_mcon { padding: 0 0 0 30px; background-position: -86px -109px; font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; font-size: 14px; line-height: 32px; } .intro_doc_hide { overflow: hidden; height: 230px; } .intro_doc_show { overflow: visible; /*height:auto!impartant;*/ min-height: 230px; _height: 230px; } .box_intro_view { padding: 10px 0; } #btn_tintro_view { visibility: hidden; overflow: hidden; zoom: 1; } #btn_tintro_view span { float: left; } #btn_tintro_view b { float: left; width: 7px; padding-top: 5px; overflow: hidden; height: 0; font-size: 0; } .intro_view_down, .intro_view_up { float: right; height: 24px; line-height: 24px; font-size: 12px; color: #333333; cursor: pointer; } .intro_view_down { width: 76px; padding: 0 0 0 18px; background-position: 0 -27px; } .intro_view_down b { margin: 10px 0 0 2px; background-position: 0 -87px; } .intro_view_up { width: 64px; padding: 0 0 0 30px; background-position: 0 -27px; } .intro_view_up b { margin: 10px 0 0 12px; background-position: 0 -107px; } .intro_view_down:hover, .intro_view_up:hover { background-position: 0 -54px; } .wrap_hotelimg_list { height: 96px; padding: 30px 0 0 314px; background: url(/www/img/detail/bg_himg.png) no-repeat 0 0; } .wrap_hotelimg_list li { float: left; position: relative; margin: 0 10px 0 0; } .wrap_hotelimg_list img { display: block; width: 70px; height: 70px; } .hotelimg_list_lay { position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 70px; height: 70px; line-height: 70em; background: url(/www/img/detail/bg_hblays.png) no-repeat 0 0; _background: url(/www/img/detail/bg_hblays_IE.png) no-repeat 0 0; } .wrap_service { padding: 14px 0 24px 39px; } .wrap_service li { position: relative; float: left; width: 290px; height: 16px; line-height: 16px; margin: 10px 0 0 0; line-height: 16px; vertical-align: top; transition: all 0.3s ease-in-out; } .service_tit { float: left; width: 36px; margin: 0 13px 0 0; color: #999999; } .service_con { float: left; width: 238px; color: #333333; transition: all 0.3s ease-in-out; } .service_con span { display: inline-block; height: 14px; line-height: 14px; } .more_all { position: absolute; top: 17px; left: 0; z-index: 10; display: none; width: 268px; padding: 6px 6px 6px 10px; border: 1px solid #dddddd; color: #333333; background-color: #ffffff; line-height: 22px; } .wrap_service .h_index { z-index: 20; } .service_more { height: 16px; } /*--酒店介绍结束--*/ /*--宴会厅--*/ .wrap_black{ width: 100%; background:#fafafa; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;} .wrap_white{ width: 100%; background:#fff;} .content{ width:1190px; margin:0 auto; padding:15px 0 0 0;} .content .title { background: url(http://localhost/htdocs/themes/default/brands/h2_line.jpg) 0 12px repeat-x; text-align: center; height: 25px; line-height: 25px; font-size: 20px; color: #666; margin-bottom:30px; } .content .title .n { display: inline-block; padding: 0 30px; background: #fafafa;} .content .title .n a:hover{ text-decoration: none;} .wrap_white .content .title .n{ background: #fff;} .yanhui{ width:1190px; overflow:hidden;} .yanhui2{ width:1210px;} .cutting{ overflow:hidden;} .yanhui .yhbox{ float:left; width:585px; height:228px; margin:0 20px 20px 0; } .yanhui .yhbox .l{ float:left; width:345px; height:228px; line-height:22px; position:relative; } .yanhui .yhbox .l .plane{width:80px; height:40px; position:absolute; top:0; left:10px; z-index:3; background:url(/www/img/detail-p/plane.png) } .yanhui .yhbox .l .img{ position:absolute; top:0; left:0; z-index:2; cursor:pointer; width:345px; height:228px; overflow:hidden;} .yanhui .yhbox .l .img img{ width:345px; height:228px;} .yanhui .yhbox .l .nub{ background:#000; padding:0 10px; height:22px; top:10px; right:10px; position:absolute; opacity:0.6; color:#fff; text-align:center; z-index:3; border-radius:11px; } .yanhui .yhbox .r{ float:left; width:219px; padding:10px 0; height:206px; background:#fff; border:1px solid #f1f1f1; border-left:none; } .yanhui .yhbox .r .rtitle{ padding-bottom:5px; margin:0 auto; font-size:18px; width:200px; height:35px; line-height:35px; border-bottom:1px solid #dedede;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .yanhui_detail{ margin:0 auto; width:200px; height:115px;} .yanhui_detail dl{ padding-top:10px;} .yanhui_detail dl dt{ float:left; width:40px; height:16px; margin-bottom:10px; overflow:hidden;} .yanhui_detail dl dd{ float:left; width:60px; height:16px; margin-bottom:10px; overflow:hidden; color:#000;} .yanhui_detail dl dd.other{ width:110px; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*background:url(/www/img/detail-p/jiantou_down.jpg) right 5px no-repeat;*/} .yh_btn{ display:block; margin:10px auto 0 auto; width:168px; height:38px; border:1px solid #ff5384; border-radius:2px; line-height:34px; text-align:center; color:#ff5384; font-size:14px; cursor:pointer;} .yh_btn:hover{ border:1px solid #e12a5e; color:#e12a5e;} .yanhui .more{ clear:both; margin:20px auto; width:328px; height:48px; line-height:48px; text-align:center; background:#fff; border:1px solid #f0f0f0; font-size:14px; cursor:pointer; transition:ease-in-out 0.3s;} .yanhui .more:hover{ background:#fafafa;} /*--宴会厅结束--*/ .caidan{ width:1190px; position:relative; overflow:hidden;} .cdbox{ overflow:hidden;} .cdbox .cd{ float:left; margin-right:20px; padding-bottom:20px; width:244px; border:1px solid #f0f0f0; background:#fff;margin-top: 30px;} .cdbox .cd:last-clird{ margin-right:0;} .cdbox .cd .cd_name{ position:relative; padding-top:20px; width:244px; height:139px; } .cdbox .cd .cd_name .name{ margin:0 auto; text-align:center; width:160px; height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff; font-size:14px; } .cdbox .cd .cd_name .costbox{ position:absolute; top:49px; left:57px; width:130px; height:130px; background:#fff; border-radius:50%; z-index:2;} .cdbox .cd .cd_name .costbox2{ position:absolute; top:55px; left:62px; width:118px; height:118px; background:#fff; border-radius:50%; z-index:3; border:1px solid #ddd;} .cdbox .cd .cd_name .costtag{ position:absolute; top:90px; left:72px; width:98px; height:30px; z-index:4; text-align:center; font-size:20px; overflow:hidden;} .cdbox .cd .cd_name .costtag i{ font-size:16px;} .cdbox .cd .cd_name .fan{ position:absolute; top:120px; left:76px; width:89px; height:30px; line-height: 30px; z-index:4; text-align:center; font-size:12px; color:#ff5384; overflow:hidden;} .cdbox .cd .cd_list{ padding-top:60px;display: none;} .cdbox .cd .abtao{ height:33px;} .cdbox .cd .abtao li{ float:left; width:122px; height:32px; border-bottom:1px solid #f0f0f0; text-align:center; font-size:14px; cursor:pointer; transition:ease-in-out 0.3s;} .cdbox .cd .abtao li:hover, .cdbox .cd .abtao li.cur{ border-bottom:2px solid #ff5384; color:#ff5384;} .cdbox .cd .listbox{ position:relative; width:184px; margin:0 auto; padding-top:15px;} .cdbox .cd .listbox .tabbox{ display:none;} .cdbox .cd .listbox .tabbox .more{ position:absolute; bottom:114px; right:0; } .cdbox .cd .listbox ul{ height:365px; overflow:hidden;} .cdbox .cd .listbox ul li{ width:184px; height:26px; line-height:26px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000; } .cdbox .cd .listbox ul li i{ color:#ff5384; } .cdbox .cd .listbox .psinfo{ margin:5px 0; padding-top:5px; border-top:1px dotted #ccc; width:184px; height:20px; line-height:20px; } .cdbox .cd .listbox .psinfo:hover .sup{ display:block;} .cdbox .cd .listbox .suplist{ width:184px; height:25px; margin-bottom:8px; cursor:pointer; overflow:hidden;} .cdbox .cd .listbox .suplist .sl{ width:184px; height:24px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .cdbox .cd .listbox .suplist2{ width:184px; height:25px; margin-bottom:8px; cursor:pointer; overflow:hidden;} .cdbox .cd .listbox .suplist2 .sl{ width:184px; height:24px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .cdbox .cd .listbox .btn{ width:182px; height:38px; line-height:38px; text-align:center; font-size:14px; border:1px solid #ff5384; color:#ff5384; border-radius:2px; transition:ease-in-out 0.3s; cursor:pointer;} .cdbox .cd .listbox .btn:hover, .cdbox .cd .listbox .btn.cur{ border:1px solid #ff0084; color:#ff0084;} .caidan .leftbtn{ position:absolute; left:10px; top:340px; width:30px; height:56px; background:url(/www/img/detail-p/cd_jt_l.jpg) no-repeat; cursor:pointer;} .caidan .rightbtn{ position:absolute; right:10px; top:340px; width:30px; height:56px; background:url(/www/img/detail-p/cd_jt_r.jpg) no-repeat; cursor:pointer;} .shortView .cdbox .cd .listbox ul{ height:150px;} .shortView .cd{ height:485px;} .shortView .cdbox{ height:530px;} .shortView .leftbtn, .shortView .rightbtn{ top:200px;} .cdbox .cd .listbox .sup{ display:none; position:absolute; bottom:70px; left:-30px; width:242px; background:#fff; border:1px solid #f1f1f1; z-index:10; box-shadow: 0 0 5px #f1f1f1;} .cdbox .cd .listbox .sup .upicon{ position:absolute; bottom:-7px; left:89px; width:13px; height:7px; background:url(/www/img/detail-p/up-jt.png) no-repeat; z-index:10; transform: rotate(180deg);} .cdbox .cd .listbox .sup dl{ width:220px; height:300px; overflow-y:auto; margin:15px; color:#999;} .cdbox .cd .listbox .sup dd{ line-height:20px; } .cdbox .cd .no1{ background:url(/www/img/caidan/c1a.jpg) no-repeat;} .cdbox .cd .no2{ background:url(/www/img/caidan/c2a.jpg) no-repeat;} .cdbox .cd .no3{ background:url(/www/img/caidan/c3a.jpg) no-repeat;} .cdbox .cd .no4{ background:url(/www/img/caidan/c4a.jpg) no-repeat;} .cdbox .cd .no5{ background:url(/www/img/caidan/c5a.jpg) no-repeat;} /**酒店介绍**/ .jieshao{ width:1001px; border:1px solid #f0f0f0; padding:20px; margin-bottom:25px; background:#fff;margin-left: 69px;} .jieshao .mapbox{ float:left; width:750px; margin-right:18px;} .jieshao .mapbox .ditu{ width:750px; height:360px; background:#f1f1f1; margin-bottom:15px;} .jieshao .mapbox .infos{ width:750px; height:33px;} .jieshao .mapbox .infos .l{ float:left; width:390px; height:auto; overflow:hidden; font-size:14px; } .jieshao .mapbox .infos .l p{ height:25px; line-height:25px; overflow:hidden; } .jieshao .mapbox .infos .l i{ color:#333; } .jieshao .mapbox .infos .r{ float:right; width:340px; height:50px; position:relative;} .ditu_phone { float: left; width: 190px; height:22px; margin: 0 14px 0 0; padding: 10px 0 10px 10px; border: 1px solid #dddddd; background-color: #fafafa; line-height: 22px; font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; font-size: 14px; border-radius: 5px; background: #fff; } .ditu_label { position: absolute; left: 10px; top: 13px; color: #999; cursor: text; } .send_btn{ float: right; width: 120px; height: 44px; line-height:44px; color:#fff; text-align:center; border-radius:2px; background:#ff5384; cursor:pointer;} .jieshao .jsdetail{ float:left; width:auto;} .jieshao .jsdetail .top{ position:relative; width:374px; height:235px; border:3px solid #eee; } .jieshao .jsdetail .top ul li{ white-space:nowrap; float:left; width:175px; height:57px; border:1px solid #eee; line-height:57px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .jieshao .jsdetail .top ul li i{ display:inline-block; width:12px; height:7px; background:url(/www/img/detail-p/jiantou_down.jpg) no-repeat;} .jieshao .jsdetail .bot{ position:relative; width:233px; height:175px; z-index:10;} .jieshao .jsdetail .bot .alltext{ position:unset; padding:10px; width:233px; line-height:24px; background:#fff;} .jieshao .jsdetail .bot .alltext.alltext2{ max-height:2000px;} .jieshao .jsdetail .bot:hover .alltext{ height:auto;} .jieshao .jsdetail .bot .jsmore{ position:absolute; bottom:0; right:0; width:40px; height:20px;} .jieshao .jsdetail .sup{ display:none; position:absolute; top:50px; left:0; width:280px; background:#fff; border:1px solid #f1f1f1; z-index:10; box-shadow: 0 0 5px #f1f1f1;} .jieshao .jsdetail .sup .upicon{ position:absolute; top:-7px; left:130px; width:13px; height:7px; background:url(/www/img/detail-p/up-jt.png) no-repeat; z-index:10;} .jieshao .jsdetail .sup p{ padding:20px;} /***用户点评***/ .main_evaluate, .main_evaluate span, .evaluate_total, .evaluate_total span, .evaluate_user, .evaluate_user span, .pub_score_total li, .box_guess_eva, .box_guess_eva span { background: url(/hunqing/img/detail/xingxing3.png) no-repeat -1000px -1000px; } .comment { width:100%; background:#fff; } .comment .com2{ width:1190px; margin:0 auto;} .comment .title{ background:url(/hunqing/img/detail/h2_line.jpg) 0 12px repeat-x; text-align:center; height:25px; line-height:25px; font-size:20px; color:#666; } .comment .title .n{ display:inline-block; padding:0 30px; background:#fff;} .comment .title .n a:hover{color:#7A7A7A;text-decoration:none;} .comment .c1{ margin:30px 0 0 0;} .comment .c1 .nocomment { padding: 30px 0 0 0; position: relative; } .comment .c1 .nocomment .nobot { clear: both; border-top: 2px solid #ddd; padding: 30px; font-size: 16px; } .comment .c1 .h6 { float: left; display: inline; margin: 0 0 30px 30px; padding-top: 8px; font-size: 16px; } .comment .c1 .h6 i { color: #00cbc3 } .wrap_evaluate_total { padding: 26px 0; position: relative; } .box_evaluate_total { float: left; width: 140px; margin: 0 40px 0 0; text-align: center; } .score_total { display: block; text-align: center; color: #ff5384; font-family: arial; font-size: 32px; line-height: 42px; } .evaluate_total { overflow: hidden; display: block; width: 93.5px; height: 16px; margin: 0 auto 8px; background-position: 0 -91px; text-align: left; } .evaluate_total span { overflow: hidden; display: block; height: 16px; background-position: 0 -60px; line-height: 18em; } .user_numb { display: inline-block; color: #999999; } .user_numb b { color: #ff6699; font-family: arial; } .wrap_evaluate_categ { float: left; width: 210px; line-height: 14px; } .wrap_evaluate_categ li { vertical-align: top; } .box_evaluate_categ { margin: 0 0 19px 0; } .evaluate_categ { float: left; margin: 0 8px 0 0; color: #999999; } .evaluate_score { float: left; margin: 0 8px 0 0; } .evaluate_bar { overflow: hidden; float: left; width: 125px; margin: 1px 0 0 0; background-color: #e2e2e2; border-radius: 4px; } .evaluate_bar span { overflow: hidden; float: left; height: 12px; line-height: 20em; background-color: #ff8fad; border-radius: 4px; } #btn_evaluate { float: right; margin: 15px 40px 0 0; cursor: pointer; } #btn_nevaluate { position: absolute; top: 20px; right: 0; z-index: 5; cursor: pointer; } .comm_evaluate { width: 165px; height: 40px; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff; background-color: #ff5384; border-radius: 5px; transition: all 0.3s ease-in-out; } .comm_evaluate:hover { background-color: #f14073; text-decoration: none; color: #ffffff; } .comm_evaluate2 { padding: 10px 58px; font-size: 16px; line-height: 20px; color: #ffffff; background-color: #999; border-radius: 5px; transition: all 0.3s ease-in-out; } .comm_evaluate2:hover { background-color: #666; text-decoration: none; color: #ffffff; } .btn_finished { float: right; margin: 15px 0 0 0; background-color: #cccccc; } .btn_finished:hover { background-color: #cccccc; } .wrap_no_evaluate { position: relative; padding: 15px 0 0 0; text-align: center; color: #999999; font-size: 14px;} .no_evaluate_t { display: inline-block; margin: 0 0 12px 0; padding: 0 0 6px 10px; color: #333333; font-size: 18px; line-height: 22px; background: url(/www/img/detail/bg_lines.png) no-repeat center bottom; } .no_evaluate_s { display: block; line-height: 24px; } .no_evaluate_s b { font-weight: normal; } #con { margin: 20px 0 0 0; } #con .t { height: 44px; background: url(/hunqing/img/detail/h2_line.jpg) bottom repeat-x; } #con .t ul li { float: left; width: 100px; height: 44px; line-height: 32px; color: #666; text-align: center; font-size: 14px; cursor: pointer; position: relative; } #con .t ul li i { color: #aaa; } #con .t ul li.cur, #con .t ul li:hover { color: #ff5384; background: url(/hunqing/img/detail/comment_red_bg.jpg) bottom repeat-x; } #con .t ul li.cur, #con .t ul li:hover a { color: #ff5384; } #con .t ul li.cur i, #con .t ul li:hover i { color: #ffa8bf; } #con .t ul li a { display: inline-block; width: 100px; height: 34px; line-height: 34px; color: #666; padding-right: 4px; } #con .t ul li a:hover { text-decoration: none; } #con .t ul li.cur a { color: #ff5384; } #con .t ul li.cur a:hover { color: #ff5384; } #con .c{} #con .c .nocom { padding: 20px; font-size: 14px; } .c_ul li { padding: 20px 0; border-bottom: 1px solid #f2f2f2; } .c_ul li:last-child { border-bottom: none; } .c_ul .last { border-bottom: none; } .c_ul li .left { float: left; width: 145px; } .c_ul li .right { float: left; width: 1035px; } .c_ul li .left .pic { position: relative; width: 80px; height: 80px; margin: 0 0 0 10px; } .c_ul li .left .pic .mask { position: absolute; width: 80px; height: 80px; background: url(/hunqing/img/detail/com_mask.png) no-repeat; _background: url(/hunqing/img/detail/com_mask_png8.png) no-repeat; z-index: 11; } .c_ul li .left .pic img { position: absolute; width: 80px; height: 80px; z-index: 10; } .c_ul li .left .name { width: 100px; height: 20px; line-height: 20px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_ul li .right .r2 { line-height: 22px; margin-bottom: 15px; overflow: hidden; font-style:14px; } .c_ul li .right .r2 i { padding-left: 10px; color: #b0b0b0; } .c_ul li .right .r3 { height: 95px; overflow: hidden; position: relative; } .c_ul li .right .r3 .com_pic{ position: relative; margin:0 0 0 38px; width:965px; height:75px; overflow:hidden;} .c_ul li .right .r3 .leftbtn{ cursor:pointer; position:absolute; top:0; left:0; width:20px; height:75px; background:url(/wedding/img/detail/jtt_btn.jpg) 0 -105px no-repeat;} .c_ul li .right .r3 .leftbtn.disabled{ background:url(/wedding/img/detail/jtt_btn.jpg) 0 0 no-repeat;} .c_ul li .right .r3 .leftbtn:hover{ opacity:0.7;} .c_ul li .right .r3 .rightbtn{ cursor:pointer; position:absolute; top:0; right:0; width:20px; height:75px; background:url(/wedding/img/detail/jtt_btn.jpg) -26px -105px no-repeat;} .c_ul li .right .r3 .rightbtn.disabled{ background:url(/wedding/img/detail/jtt_btn.jpg) -26px 0 no-repeat;} .c_ul li .right .r3 .rightbtn:hover{ opacity:0.7;} .c_ul li .right .r3 dl { position: absolute; left: 0; top: 0; width:auto; height: 75px; overflow: hidden; } .c_ul li .right .r3 dl dd { position: relative; float: left; width: 120px; height: 75px; overflow: hidden; margin: 0 20px 20px 0; } .c_ul li .right .r3 dl dd a { position: absolute; width: 120px; height: 75px; z-index: 11; transition: all 0.3s ease-in-out; cursor: pointer;} .c_ul li .right .r3 dl dd a:hover { background: url(/hunqing/img/detail/com_mask2.png) no-repeat; } .c_ul li .right .r3 dl dd img { position: absolute; width: 120px; height: 75px; z-index: 10; } #bigpic { position: absolute; max-width: 330px; max-height: 330px; _width: 330px; _height: 330px; padding: 10px; background: #fff; border: 1px solid #ccc; z-index: 99; display: none; overflow: hidden; } #bigpic .jtt { position: absolute; top: -6px; left: 160px; width: 12px; height: 6px; background: url(/hunqing/img/detail/jtt.png) no-repeat; } .comment h6 { height: 30px; margin: 20px 0; font-weight: normal; } .comment h6 .more { float: right; padding: 0 10px 0 0; width: 80px; height: 30px; line-height: 30px; font-size: 16px; background: url(/hunqing/img/detail/icon_more.jpg) right 7px no-repeat; } .c_ul li .right .r4 { height: 20px; } .c_ul li .right .r4 .like { float: right; padding-left: 20px; max-width: 40px; height: 20px; line-height: 20px; background: url(/hunqing/img/detail/com_like2.jpg) 0 4px no-repeat; text-align: right; cursor: pointer; padding-top:0; } .c_ul li .right .r4 .like2 { background: url(/hunqing/img/detail/com_like.jpg) 0 4px no-repeat; } .c_ul li .right .r4 .like i { color: #999; } .c_ul li .right .r4 .r4box { float: left; margin-right: 25px; color: #aaa; } .c_ul li .right .r4 .r4box i { color: #333; } .evaluate_info_one { padding: 0 0 7px 0; line-height: 14px; } .evaluate_user { overflow: hidden; float: left; width: 70px; height: 12px; margin: 1px 11px 0 0; background-position: 0 -161px; } .evaluate_user span { overflow: hidden; display: block; height: 12px; line-height: 14em; background-position: 0 -130px; } .user_evaluate_score { overflow: hidden; float: left; width: 24px; margin: 1px 21px 0 0; } .user_evaluate_categ { float: left; width: 100px; margin: 0 3px 0 0; color: #999999; } .user_evaluate_categ b { padding: 0 0 0 9px; font-weight: normal; color: #666666; } .moreCon { width: 100%; height: 20px; margin-top: 5px; text-align: center; background: url(/hunqing/img/detail/more_bg.jpg) repeat; } .moreCon a { margin: 0 auto; display: block; height: 20px; width: 220px; color: #666; background: #FFF; font-size: 16px; } .moreCon a i { color: #ff5384; padding: 0px 5px; } .moreCon a b { display: inline-block; *display:inline; width: 18px; height: 18px; margin: 0px 0px 0px 10px; background: url(/hunqing/img/detail/icon_more.jpg) no-repeat; } /*--推荐酒店--*/ .recom{ width:1230px; overflow:hidden;margin-left: 70px;} .recom ul{width:1210px; height:300px; } .recom ul li{ float:left; margin-right:20px; width:244px; list-style: outside none none;} .recom ul li .img{ width:244px; height:auto; overflow:hidden;} .recom ul li .icon{ float:right; width:120px; height:30px; overflow:hidden;} .recom ul li .name{ float:left; width:245px; height:30px; line-height:30px; font-size:16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#333; } .recom ul li .cost{ clear:both; width:245px; height:20px; line-height:20px; font-size:14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#333; } .recom ul li .icon dl dd{float:right; margin:4px 0 0 4px; width:45px; height:20px; line-height:20px; line-height:22px\9\0; border-radius:2px;color:#ffffff;font-size:13px;text-align:center; } .recom ul li .icon dl .li{ background:#fdb167;} .recom ul li .icon dl .hui{ background:#4ed58a;} .recom ul li .icon dl .cu{ background:#fd6c6e;} .recom ul li .icon dl .fan{ background:#ff698f;} .recom ul li .icon dl .show{ background:#e47cdc;} .recom ul li .icon dl .fu{ background:#3fc2ff;} .m-b50{ margin-bottom:50px;} /*==========宽版结束==========*/ /* 2014.10.23 */ .wrap_item_info.wrap_item_info .evaluate_numb { color: #7a7a7a; } .wrap_item_info.wrap_item_info .evaluate_numb:hover { color: #7a7a7a; } .sideFix { position: fixed; top: 0; z-index: 100; } #menuBox { position: relative; width: 950px; } .wrap_recommend_hotel_cur { padding-bottom: 10px; } .wrap_evaluate_list .review_last { border-bottom: none; } /*2014.12.15*/ .font_grey { color: #666666; } #show_pgifts{ height:20px; overflow:hidden;} #show_ppromotions .deals_info, #show_pgifts .deals_info, #show_pdeals .deals_info, #show_returnNow .deals_info { font-size: 12px; } #show_returnNow .deals_info { color: #666666; } #show_pdeals .deals_info:hover { text-decoration: underline; } #show_returnNow .deals_info:hover { text-decoration: underline; } #show_ppromotions .deals_info { color: #666666; } #show_pgifts .deals_info { color: #666666; } #show_pgifts .deals_info:hover { text-decoration: underline; } #show_pdeals .deals_info { color: #666666; margin-top: -2px; } #show_pdeals .deals_info em { display: block; line-height: 21px; } #show_pdeals .deals_info em:hover { text-decoration: underline; } #btn_hotel_reserve.red_btn,#btn_hotel_schedule2.green_btn, #btn_hotel_schedule.green_btn, .grey_btn { background-image: none; border-radius: 5px; width: 180px; height: 25px; padding: 10px; color: #fff; font-size: 17px; text-indent: 0px; line-height: 25px; text-align: center; margin-right: 15px; font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; transition: ease-in-out 0.3s; } .star { background: url(/www/img/detailstar.png) left top transparent no-repeat; } .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } #btn_hotel_schedule.green_btn { background-color: #ccaa77; transition: ease-in-out 0.3s; } #btn_hotel_schedule2.green_btn { background-color: #ccaa77; transition: ease-in-out 0.3s; } #btn_hotel_schedule.green_btn:hover { background-color: #bf9555; } #btn_hotel_reserve.red_btn { background-color: #FF5384; transition: ease-in-out 0.3s; } #btn_hotel_reserve.red_btn:hover { background-color: #F14073; } .grey_btn { background-color: #EDEDED; color: #666666; line-height: 41px; padding-left: 20px; padding: 10px 20px; } .grey_btn:hover { text-decoration: none; color: #666666; } .grey_btn .star { display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: -4px; } .line { display: inline; } #endSale a { display: block; background: url(/www/img/detail/banner.png) no-repeat 0 0; width: 460px; height: 76px; } .box_main_btn .collect_btn_add { background: url(/www/img/detail/star.png) no-repeat 16px 14px; _background: none; } .box_main_btn .collect_btn_add:hover { background: url(/www/img/detail/starHover.png) no-repeat 16px 14px; _background: none; } .box_main_btn .collect_btn_cancel { background: url(/www/img/detail/star.png) no-repeat 11px 14px; } .box_main_btn .collect_btn_cancel:hover { background: url(/www/img/detail/starHover.png) no-repeat 11px 14px; } .hotel_main_price .pingjia { min-width: 100px; margin-right: 18px; } .layer{ display:none; width:500px; height:570px; background:#fff; z-index:1000; } .layer .title{ width:500px; height:45px; background:#f8f8f8; } .layer .title .close{ float:right; margin:14px 14px 0 0; width:17px; height:17px; background:url(/www/img/detail-p/layer_close.jpg) no-repeat; transition:ease-in-out 0.3s; cursor:pointer; } .layer .title .close:hover{ transform:rotate(180deg); } .layer .laybox{ width:500px; height:525px; background:#fff; } .layer .laybox .l{ float:left; width:85px; height:525px; background:url(/www/img/detail-p/layer_left_line.jpg) right repeat-y; } .layer .laybox .r{ float:left; width:415px;} .layer .laybox .l ul li{ width:85px; height:62px; line-height:62px; font-size:14px; color:#333; text-align:center; cursor:pointer;} .layer .laybox .l ul li:hover, .layer .laybox .l ul li.cur{ color:#ff5384; background:url(/www/img/detail-p/layer_cur.jpg) no-repeat;} .layer .laybox .r .laycon{ width:345px; height:340px; padding:35px; overflow-y:auto; } .layer .laybox .r .laycon .layers{ margin-bottom:20px;} .layer .laybox .r .laycon h6{ font-size:16px; margin-bottom:6px; } .layer .laybox .r .laycon .laydate{ font-size:12px; margin-bottom:6px; } .layer .laybox .r .laycon p{ font-size:12px; line-height:20px; margin-bottom:6px; } .layer .laybox .r .layorder{ width:355px; height:65px; padding:25px 30px; } .layer .laybox .r .bot{ height:50px; position:relative;} .layer .laybox .r .ditu_phone { float: left; width: 190px; height:22px; margin: 0 14px 0 0; padding: 10px 0 10px 10px; border: 1px solid #dddddd; background-color: #fafafa; line-height: 22px; font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; font-size: 14px; border-radius: 5px; background: #fff; } .layer .laybox .r .ditu_label { position: absolute; left: 10px; top: 13px; color: #999; cursor: text; } .layer .laybox .r .send_btn{ float: right; width: 120px; height: 44px; line-height:44px; color:#fff; text-align:center; border-radius:2px; background:#ff5384; cursor:pointer;} .layer .laybox .r .layorder .ps{ color:#d0d0d0} .supwin{ display:none; width:500px; height:450px; background:#fff; z-index:1000; } .supwin .title{ width:480px; height:45px; line-height:45px; background:#f8f8f8; padding:0 0 0 20px; } .supwin .title .close{ float:right; margin:14px 14px 0 0; width:17px; height:17px; background:url(/www/img/detail-p/layer_close.jpg) no-repeat; transition:ease-in-out 0.3s; cursor:pointer; } .supwin .title .close:hover{ transform:rotate(180deg); } .supwin .supwin_box{ background:#fff; } .supwin .supwin_box .sl{ width:450px; height:340px; padding:20px; line-height:25px; overflow-y:auto;} /*--查看档期--*/ .comm_layer{ display:none; width:415px; background:#fff; z-index: 1000;} .comm_layer .title{ padding-left:10px; width:405px; height:45px; line-height:45px; background:#f8f8f8; font-size:14px; } .comm_layer .title .close{ float:right; margin:14px 14px 0 0; width:17px; height:17px; background:url(/www/img/detail-p/layer_close.jpg) no-repeat; transition:ease-in-out 0.3s; cursor:pointer; } .comm_layer .title .close:hover{ transform:rotate(180deg); } .comm_layer .comm_layer_box{ padding:40px; width:335px; background:#fff; } .comm_layer .comm_layer_box .name{ width:335px; height:30px; line-height:30px; font-size:18px; overflow:hidden; margin-bottom:10px; color:#333; } .comm_layer .comm_layer_box .text{ width:335px; line-height:24px; font-size:14px; margin-bottom:20px; color:#333; } .comm_layer .comm_layer_box .text span{ color:#ff5384; } .comm_layer .comm_layer_box .bot{ position:relative; width:335px; height:44px; margin-bottom:5px; } .comm_layer .comm_layer_box .bot .dangqi_phone { width:315px; height:22px; margin: 0 14px 0 0; padding: 10px 0 10px 10px; border: 1px solid #dddddd; background-color: #fafafa; line-height: 22px; font-size: 14px; border-radius: 5px; background: #fff; } .comm_layer .comm_layer_box .bot .dangqi_label { position: absolute; left: 10px; top: 13px; color: #999; cursor: text; } .comm_layer .comm_layer_box .error{ color:#ff0000; height:20px; line-height:20px; margin-bottom:5px; } .comm_layer .comm_layer_box .order_btn{ margin-top:20px; width:325px; height: 44px; line-height:44px; color:#fff; text-align:center; border-radius:2px; background:#ff5384; cursor:pointer; } .comm_layer .comm_layer_box .ps{ color:#d0d0d0; margin-top:30px } /*--查看档期结束--*/ .comm_layer2{ display:none; width:415px; background:#fff; z-index: 1000;} .comm_layer2 .title{ padding-left:10px; width:405px; height:45px; line-height:45px; background:#f8f8f8; font-size:14px; } .comm_layer2 .title .close{ float:right; margin:14px 14px 0 0; width:17px; height:17px; background:url(/www/img/detail-p/layer_close.jpg) no-repeat; transition:ease-in-out 0.3s; cursor:pointer; } .comm_layer2 .title .close:hover{ transform:rotate(180deg); } .comm_layer2 .comm_layer_box{ padding:40px; width:335px; background:#fff; } .comm_layer2 .comm_layer_box .name{ width:335px; height:30px; line-height:30px; font-size:18px; overflow:hidden; margin-bottom:10px; color:#333; } .comm_layer2 .comm_layer_box .text{ width:335px; line-height:24px; font-size:14px; margin-bottom:20px; color:#333; } .comm_layer2 .comm_layer_box .text span{ color:#ff5384; } .comm_layer2 .comm_layer_box .bot{ position:relative; width:335px; height:44px; margin-bottom:5px; } .comm_layer2 .comm_layer_box .bot .dangqi_phone { width:315px; height:22px; margin: 0 14px 0 0; padding: 10px 0 10px 10px; border: 1px solid #dddddd; background-color: #fafafa; line-height: 22px; font-size: 14px; border-radius: 5px; background: #fff; } .comm_layer2 .comm_layer_box .bot .dangqi_label { position: absolute; left: 10px; top: 13px; color: #999; cursor: text; } .comm_layer2 .comm_layer_box .error{ color:#ff0000; height:20px; line-height:20px; margin-bottom:5px; } .comm_layer2 .comm_layer_box .order_btn{ margin-top:20px; width:325px; height: 44px; line-height:44px; color:#fff; text-align:center; border-radius:2px; background:#ff5384; cursor:pointer; } .comm_layer2 .comm_layer_box .ps{ color:#d0d0d0; margin-top:30px } /**菜单小于三个**/ .less .leftbtn, .less .rightbtn{ display:none;} .less .cdbox{ height:auto; } .less .cdbox2{ position:static;} .less .cd{ float:inherit; margin:0 0 20px 0; width:1188px; height:258px; padding-bottom:0;} .less .cd .cd_name{ float:left; padding:20px 0 0 0; width:140px; height:238px; margin-right:110px; background:#f1f1f1;} .less .cd .cd_name .name{ width:100px; height:20px; overflow:hidden; margin:0 auto;} .less .cd .cd_name .costbox{ left:75px; top:60px;} .less .cd .cd_name .costbox2{ left:80px; top:65px;} .less .cd .cd_name .costtag{ top:100px; left:89px;} .less .cd .cd_name .fan{ top:130px; left:94px;} .less .cd .cd_list{ float:left; padding-top:30px; width:840px; height:208px; overflow:hidden;} .less .cd .abtao ul{ width:244px; margin:0 auto;} .less .cd .listbox{ width:100%; } .less .cd .listbox ul{ height:90px; overflow:hidden; margin-bottom:30px;} .less .cd .listbox ul li{ float:left; margin:0 40px 10px 0; width:120px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .less .cd .listbox .more{ display:none;} .less .cd .listbox .psinfo{ position:absolute; top:124px; clear:both; float:left; border:none; } .less .cd .listbox .suplist{ position:absolute; top:154px; width:240px; } .less .cd .listbox .suplist2{ position:absolute; top:154px; width:240px; } .less .cd .listbox .btn{ margin:0 0 0 270px;} .less .cd .listbox .sup{ width:360px; height:195px; top:-36px; left:60px;} .less .cd .listbox .sup dl{ width:330px; height:165px;} .less .cd .listbox .sup .upicon{ top:145px; left:-10px; transform:rotate(270deg);} .less .cd .no1{ background:url(/www/img/caidan/c1.jpg) no-repeat;} .less .cd .no2{ background:url(/www/img/caidan/c2.jpg) no-repeat;} .less .cd .no3{ background:url(/www/img/caidan/c3.jpg) no-repeat;} .less .cd .no4{ background:url(/www/img/caidan/c4.jpg) no-repeat;} .less .cd .no5{ background:url(/www/img/caidan/c5.jpg) no-repeat;} .ts1{ padding:15px 0 0 0;} .bot50{ padding:50px 0 0 0;} /**浮层**/ #floatBox{ display:none; position: fixed; z-index: 20; top: 0; width: 100%; height: 80px; border: 1px solid #f0f0f0; background: #fff; font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; } .floatBox{ width: 1190px; height: 80px; margin: 0 auto; transition:ease-in-out 0.3s; color:#000; } .floatInfo{ float: left; width: 640px; height: 70px; padding-top: 10px;} .floatInfo .fl1{ height: 23px; margin: 0 0 7px 0;} .floatInfo .fl2{ height: 22px; font-size: 13px;} .floatInfo .fl1 .h2{ float: left;font-size: 20px; max-width:230px; } .floatInfo .fl1 .box_evaluate_total{ float: left; } .floatInfo .fl1 .evaluate_total{ float: left; margin: 7px 10px 0 0; } .floatInfo .fl1 .score_total{ float: left; font-size: 16px; line-height: 20px; margin: 7px 0 0 0;} .floatInfo .fl2 span{font-size: 20px;} .floatInfo .fl2 i{ padding: 2px 5px; color: #fff; font-style: normal; display: inline-block; margin: 0 0 0 10px; background: #ff8aa7; border-radius: 3px; cursor: pointer; transition:ease-in-out 0.3s;} .floatInfo .fl2 i:hover{ background:#ff5384;} .floatBtn{ float: right;} .floatBtn .red_btn{ float:right; margin: 15px 0 0 15px; font-size:16px; display: block; border-radius: 3px; background: #ff5384; text-align: center; line-height: 46px; width: 150px; height:46px; color: #fff; cursor: pointer; border: none; transition:ease-in-out 0.3s;} .floatBtn .yh_btn{ float:right; margin: 15px 0 0 0; display: block; border-radius: 3px; background: #ccaa77; text-align: center; line-height: 46px; width: 150px; height:46px; color: #fff; cursor: pointer; border: none; font-family: 微软雅黑; font-size: 16px; transition:ease-in-out 0.3s;} .floatBtn .red_btn:hover{ background: #f14073;} .floatBtn .yh_btn:hover{ background: #bf9555;} /*==========窄版==========*/ .narrow .content { width: 980px;} .narrow section{ width:100%;} .narrow #hotel_img_show { width: 490px;} .narrow .wrap_bimg { width: 490px;} .narrow .wrap_bimg img{ width:490px; height:375px;} .narrow .wrap_img_list { width: 490px;} .narrow .wrap_img_list .picul { width: 400px;} .narrow .hotel_main_info { width: 470px;} .narrow #btn_hotel_reserve.red_btn, .narrow #btn_hotel_schedule.green_btn, .narrow .grey_btn { width: 140px; height: 25px; } .narrow .hotel_main_price .main_price { margin-right: 8px;} .narrow .main_price { word-spacing: 0;} .narrow .wrap_item_info dd { width: 400px;} .narrow .yanhui{ width:980px;} .narrow .yanhui .yhbox .l { width: 260px; overflow:hidden;} .narrow .yanhui .yhbox{ width: 480px;} .narrow .caidan{ width: 980px;} .narrow .cdbox { width: 780px;} .narrow .jieshao { width: 940px;} .narrow .jieshao .mapbox{ width: 540px;} .narrow .jieshao .mapbox .ditu { width: 540px; overflow:hidden;} .narrow .jieshao .mapbox .infos { width: 540px;} .narrow .jieshao .mapbox .infos .r { float:left; margin-top:10px;} .narrow .comment .com2{ width:980px; } .narrow .c_ul li .right { width: 815px; } .narrow .c_ul li .right .r3 .com_pic{ width:695px; } .narrow .c_ul li .right .r3 .rightbtn{ right:60px;} .narrow .recom { width:980px;} .narrow .recom ul li{ width: 314px; height:320px;} .narrow .recom ul li .img { width:314px;} .narrow .recom ul { width:1010px;} .narrow .recom ul li .icon { float:left;} .narrow .recom ul li .icon dd{ float:left;} .narrow .detail_main_core{ width:980px; margin:0 auto;} .narrow #nav_crumb{ width:980px; margin:0 auto 30px auto;} .narrow .hotel_main_price .main_price.grade{ margin-right:50px;} .narrow .less .cdbox{ width:980px;} .narrow .less .cdbox2{ width:980px;} .narrow .less .cd{ width:980px;} .narrow .less .cd .cd_name{ margin-right:100px;} .narrow .less .cd .cd_list{ width:690px;} .narrow .floatBox{ width: 980px; } .narrow .hotel_main_info .banner{ width:470px;} /*==========窄版结束==========*/