html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,hr{margin:0;padding:0;} ol,ul{list-style:none;} :focus{outline:0;} a img{border:0;} img{vertical-align:middle; outline:0; border:0px} table{empty-cells:show;} ins{text-decoration:none;} del{text-decoration:line-through;} em{font-style:normal;} button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;} input[type='button']{cursor:pointer} input[type=text]{padding-left: 3px; border: 1px solid #9C9696;} select {font-size:12px} body{background: url(../image/webimg/bodybg.jpg) repeat-x bottom #f1f4fd; font-size: 12px; color:#333; font-family: Arial,Verdana,monospace,Geneva;} a{text-decoration: none; color:#444; cursor:pointer} a:hover{color:#f90; text-decoration: underline;} *{ font-family:Arial,Verdana,monospace,Geneva;} /**常用样式**/ button{cursor:pointer; margin:0px 5px; padding:0px; border:0px; font-size:14px; text-align:center; color:#fff; vertical-align:middle} /****网页头部样式****/ #divHeader{text-align: center; vertical-align: bottom; height: 135px; border-top:2px #000 solid; background:url(../image/webimg/headerbg.jpg) left top no-repeat #aaa8aa} #divHeader .head_div{height:auto; margin:0px auto; padding:0px; width:1000px; font-family:Tahoma,Arial} #divHeader .head_div .head_logo{float:left; width:115px; height:100px; margin:0px; padding:0px;} #divHeader .head_div .head_logo img{} #divHeader .head_div .head_con{float:left; width:885px; height:100px; margin:0px; padding:0px;} #divHeader .head_div .head_con .box_nav{height:44px; width:380px; float:right; white-space:nowrap; overflow:hidden; background:url(../image/webimg/imgpng.png) no-repeat right top;} #divHeader .head_div .head_con .box_nav .nav{height:23px; line-height:23px; text-align:center; padding:0px 0px 0px 30px; overflow:hidden; background:url(.../image/webimg/imgpng.png) no-repeat -15px 0px;} #divHeader .head_div .head_con .box_nav .nav a{color:#ddd; display:inline-block; height:23px; line-height:23px; padding:0px; margin:0px;} #divHeader .head_div .head_con .box_nav .nav a span{margin:0px; padding:0px; line-height:23px; height:23px; display:inline-block;} #divHeader .head_div .head_con .box_nav .nav a span.l{ width:14px;} #divHeader .head_div .head_con .box_nav .nav a span.r{ width:14px;} #divHeader .head_div .head_con .box_nav .nav a:hover{color:#ddd; text-decoration:none; background:url(../image/webimg/rep_x.png) repeat-x 0px -70px} #divHeader .head_div .head_con .box_nav .nav a:hover span.l{background:url(../image/webimg/imgjpg.jpg) no-repeat -50px 0px} #divHeader .head_div .head_con .box_nav .nav a:hover span.r{background:url(../image/webimg/imgjpg.jpg) no-repeat -83px 0px} #divHeader .head_div .head_con .box_nav .nav a.graybg{background:url(../image/webimg/rep_x.png) repeat-x 0px -70px} #divHeader .head_div .head_con .box_nav .nav a.graybg span.l{background:url(../image/webimg/imgjpg.jpg) no-repeat -50px 0px} #divHeader .head_div .head_con .box_nav .nav a.graybg span.r{background:url(../image/webimg/imgjpg.jpg) no-repeat -83px 0px} #divHeader .head_div .head_con .box_nav .nav a.graybg:hover{background:url(../image/webimg/rep_x.png) repeat-x 0px -45px} #divHeader .head_div .head_con .box_nav .nav a.graybg:hover span.l{background:url(../image/webimg/imgjpg.jpg) no-repeat 0px 0px} #divHeader .head_div .head_con .box_nav .nav a.graybg:hover span.r{background:url(../image/webimg/imgjpg.jpg) no-repeat -31px 0px} #divHeader .head_div .head_con .box_nav .nav a.selected{background:url(../image/webimg/rep_x.png) repeat-x 0px -45px} #divHeader .head_div .head_con .box_nav .nav a.selected span.l{background:url(../image/webimg/imgjpg.jpg) no-repeat 0px 0px} #divHeader .head_div .head_con .box_nav .nav a.selected span.r{background:url(../image/webimg/imgjpg.jpg) no-repeat -31px 0px} #divHeader .head_div .head_con .login{width:auto; text-align:right; clear:both; height:16px; line-height:16px; padding-right:30px} #divHeader .head_div .head_con .login a{color:#383838; text-decoration:underline} #divHeader .head_div .head_con .login a.yel{ color:#ff6600; } #divHeader .head_div .head_con .login a span.bor{ display:inline-block; margin:0px 5px; text-decoration:none; width:2px; background:url(../Image/webimg/imgjpg.jpg) no-repeat -104px -3px} #divHeader .head_div .head_con .login a:hover{color:#ff9900; text-decoration:none} #divHeader .head_div .head_con .telphone{width:auto; height:36px; margin-right:30px; background:url(../image/webimg/telphone.png) no-repeat right bottom} /****网页头部样式---菜单样式****/ #divMenu{width:auto; clear:both; height:34px; margin: 0px; border-bottom:1px solid #eee; padding: 0px; background:url(../image/webimg/headerbg.jpg) 0px -142px no-repeat #4f4f4f;} #divMenu .divmenu{width:1000px; height:34px; margin:0px auto} #divMenu ul{margin-left: 80px; width:auto;overflow:hidden} #divMenu ul li{width:100px; height:34px; line-height:34px; text-align: center; float: left; background:url(../image/webimg/imgpng.png) no-repeat 98px -70px} #divMenu ul li.last{background:none} #divMenu ul li a{color: #fff; text-decoration: none; font-size:14px; display:inline-block; width:100%; height:100%;} #divMenu ul li:hover{ background:url(../image/webimg/menu_hover.png) no-repeat center} #divMenu ul li a:active{color: #f60} #divMenu ul li.selected a{ background:url(../image/webimg/imgpng.png) no-repeat -120px -71px} #divMenu ul li span.bor{ display:inline-block; margin:0px 10px; width:2px; background:url(../image/webimg/imgjpg.jpg) no-repeat -112px 0px} /***预留位置(左边广告)****/ #divLeftAd{float: left; margin: 5px 0px 0px 10px; width: 100px; height: 200px; background-color: Yellow; border: 1px solid red; display: none;} /***预留位置(右边广告)****/ #divRigthAD{float: right; margin: 5px 10px 0px 0px; width: 100px; height: 200px; background-color: Yellow; border: 1px solid red; display: none;} /*****清除浮动*****/ .clear{ clear:both} #divClear{clear: both;} /***页面主体内容(酒店查找、会员登录、页面信息等)****/ #divMain{margin:0px auto;text-align: center; width:998px; min-height:400px; height:auto; overflow:hidden; background:url(../image/webimg/left_bg.jpg) repeat-y #fff; border-right:1px solid #dbdde3; border-left:1px solid #dbdde3} #divMain2{margin:0px auto;text-align: center; width:940px; min-height:400px; height:auto; overflow:hidden; margin:10px auto} /***页面主体内容--左边内容(酒店查找、会员登录)****/ #divLeft{width: 274px; float: left; margin:0px; padding:0px; background:url(../image/webimg/left_bg.jpg) repeat-y;} #divLeft .imgbor{ width:auto; height:2px; background:url(../image/webimg/rep_x.png) repeat-x 0px -96px; margin:5px 0px} /***页面主体内容--右边内容(页面信息)****/ #divRight{float: left; width: 720px; background:#fff} #divRightMain{ margin:0px auto; width:704px; text-align: center;} /**首页图片展示**/ #focusPic { text-align: left; margin-top: 10px; } .focusPic { position: relative; text-align: center; height: 300px; z-index: 2; overflow:hidden; border-bottom: 2px solid #fab73f;} ul.ad { width: 100%; height: 300px; text-align: center; z-index: 20; position: absolute; left: 0; top: 0; } ul.ad li { position: absolute; background-position: 50% 50%; text-align: center; overflow: hidden; height: 300px; width: 100%; left: 0; top: 0; } ul.ad li div { background-size: 100% !important; } .adTitle { margin: 0 auto; height: 24px; position: relative; overflow:hidden; z-index: 40; top: 0; right: 0; top:279px; background: url(../image/webimg/bannerbg.png) no-repeat right bottom;} ul.focusTitle { width:705px;} ul.focusTitle li { float: left; display:block; width: 141px; margin:0px; padding:0px; overflow: hidden; } ul.focusTitle li a { text-decoration: none; color: #ccc; display: block; height: 21px; line-height: 21px; margin-top: 2px; margin-right:2px; background-color: rgba(255,255,255,0.1); background-color: #666\9; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } ul.focusTitle li a:hover { text-decoration: none; color: #fff; height: 24px; line-height: 24px; margin-top: 0; margin-right:0px; background:url(../image/webimg/focusPicbg.gif) repeat-x} ul.focusTitle li.actSelected a { text-decoration: none; color: #fff;height: 24px; line-height: 24px; margin-top: 0; margin-right:0px; background:url(../image/webimg/focusPicbg.gif) repeat-x} /**首页最新信息与优惠显示---detail.css**/ .inerBorder{ background:url(../image/webimg/con_title.gif) no-repeat top left; padding:10px; padding-top:24px} .inerBorderimg{ background:url(../image/webimg/con_title2.png) no-repeat top left; margin-top:10px; padding:10px; height:45px; line-height:45px;} .inerBorder978{ text-align:left; background:url(../image/webimg/con_title978.gif) no-repeat top left; padding:10px; padding-top:24px} .inerBorderf{ background:url(../image/webimg/con_foo.gif) no-repeat top center; height:12px; margin:0px; padding:0px;} /*****页面底部*****/ #footer{width:auto; text-align:center; background:#f1f4fd; color:#444; margin:0px;} #footer a{color:#ddd} #footer .word{height:24px; line-height:24px} #footer .link{height:32px;background:url(../image/webimg/foot_link_bg.gif); line-height:32px; text-decoration:none;} #footer .link a{margin:0px 10px} #footer .img{height:60px; margin:1px 0px; text-align:center} #footer .img ul{width:auto; margin:0px auto; height:60px; width:500px} #footer .img li{float:left; height:60px; margin:0px 10px; padding:0px; list-style:none; line-height:60px;} #footer .img li.w{ width:50px; height:40px; margin:10px 0px; padding-right:10px; border-right:1px solid #bbb; line-height:20px;} #footer .img li.w a{ color:#333; line-height:20px;} #footer .img li.w a:hover{ text-decoration:none} #footer .img li img{vertical-align:middle; margin:10px;} #footer .f{height:24px; border-top:0px solid #666; margin:1px 0px; line-height:24px} /*****查找酒店按钮*****/ button.findHbutton{ width:100px; height:26px; margin:10px; margin-right:0px; background:url(../image/webimg/button_findH1.png) no-repeat top; font-size:14px; padding-left:12px; line-height:26px; color:#4c3d1f; font-weight:bold} button.findHbutton:hover{background:url(../image/webimg/button_findH1.png) no-repeat bottom;} /***通用样式***/ #divRightMain .content{width: 640px; margin: 0px auto 0px auto;} #divRightMain .title{line-height:32px; padding:0px; text-align: left; font-size:16px; font-family:Arial; margin:0px 0px 10px 0px; border-bottom:1px solid #ccc} #divRightMain .title span.w{ font-size:18px; font-weight:bold; color: #333; padding:6px 20px; *padding:0px 20px; border-bottom:2px solid #f90} #divRightMain .title span.more{ float:right; font-size:12px; margin-right:10px} /**主页-最新信息与优惠显示**/ #divNewContent{ margin:0px; padding:0px; float:left; width:400px; padding:5px; text-align:left} #divNewContent .titlew{ height:43px; line-height:45px; border-bottom:1px solid #bcbcbc; background:none; width:90%;} #divNewContent .titlew span.Tinfo{ display:inline-block; height:45px; margin-bottom:-1px; width:122px; float:left; background:url(../image/webimg/imgjpg.jpg) no-repeat 0px -42px} #divNewContent .titlew a{ display:inline-block; width:32px; float:right; background:url(../image/webimg/imgpng.png) no-repeat -242px -73px} #divNewContent .titlew a:hover{ text-decoration:none; background:url(../image/webimg/imgpng.png) no-repeat -289px -73px} #divNewContent ul.connew{width: 389px; margin:0; border:0px solid #ddd; border-top:0px; overflow:hidden} #divNewContent ul.connew *{width:auto; height:auto; margin:0px; padding:0px} #divNewContent ul.connew li{ width:auto; height:28px; line-height:28px; overflow:hidden; padding-left:10px} #divNewContent ul.connew li div.word{text-align: left; float:left; width: 280px; overflow:hidden; text-overflow:ellipsis; padding-left:5px; overflow:hidden; white-space:nowrap} #divNewContent ul.connew li div.time{text-align: left; float:left; color:#888; width:86px;} #divPromotions{width:264px; float:left; padding:5px; overflow:hidden; text-align:left} #divPromotions .divnew{width:76px; height:76px; z-index:0; position:absolute; margin-top:-17px; margin-left:204px; background:url(../image/webimg/imgpng.png) no-repeat -405px -70px;} #divPromotions .titlew{ height:43px; z-index:100; position:relative; line-height:45px; border-bottom:1px solid #bcbcbc; background:none; width:90%} #divPromotions .titlew span.Tinfo{ display:inline-block; height:45px; margin-bottom:-1px; width:122px; float:left; background:url(../image/webimg/imgjpg.jpg) no-repeat 0px -105px} #divPromotions .titlew a{ z-index:100; width:42px; float:right; line-height:16px; padding:0px 3px; margin-top:20px; color:#aaa} #divPromotions .titlew a b{ background:#aaa; color:#fff; padding:0px 3px;} #divPromotions .titlew a:hover{ text-decoration:none; color:#f90} #divPromotions .titlew a:hover b{ background:#f90} #divPromotions dl.prom{width:244px; border:none; margin:10px 0px; padding:0px; margin-left:5px; overflow:hidden;} #divPromotions dl.prom:hover{} #divPromotions dl.prom *{ margin:0px; padding:0px; font-size:12px; color:#555;} #divPromotions dl.prom dt{ width:100px; float:left; margin:0px; padding:0px; background:#ccc} #divPromotions dl.prom dt img{width:98px; border:1px solid #ddd;} #divPromotions dl.prom dd{ width:140px; float:right; overflow:hidden;} #divPromotions dl.prom dd div.tit{ font-weight:bold; color:#444; line-height:24px;} #divPromotions dl.prom dd div.info{ line-height:21px; height:63px; overflow:hidden } #divPromotions dl.prom div.mo{ height:12px; width:auto; overflow:visible; background:url(../image/webimg/updown.gif) no-repeat center; clear:both; line-height:13px} #divPromotions dl.prom:hover div.info{ height:auto; overflow:visible } #divPromotions dl.prom:hover div.mo{ background:none; border-bottom:1px solid #f1f1f1} ul.tab_arrows{height:43px; border-bottom:1px dashed #bcbcbc; width:389px; overflow:hidden} ul.tab_arrows li{ float:left; width:95px; height:38px; line-height:30px; font-size:14px; text-align:center; cursor:pointer} ul.tab_arrows li.select{ background:url(../image/webimg/imgpng.png) no-repeat -153px -122px; font-weight:bold} ul.tab_arrows li:hover{font-weight:bold} a.amore{float:right;} .hidden { display: none; } /****酒店查找***/ #ibe{width: 274px; /*background: url(../image/tubiao/fx_tubiao.png) -12px 0px; background-repeat: no-repeat;*/} #ibetop{height: 26px; width:247px; color: #fff; text-align: left; margin:0px auto; margin-top: 10px; background:url(../image/webimg/imgjpg.jpg) no-repeat -123px 0px} #ibeMain{height: auto; text-align: left; color: #fff; font-size: 13px; padding: 2px 6px 2px 10px; } #ibeMain table{ margin:0px; padding:0px; border:0px; margin-top:10px} #ibeMain table td.itd1{width: 60px; text-align: left; padding: 2px 0px 2px 0px;} #ibeMain table td.itd2{width: 194px; text-align: left; padding: 2px 0px 2px 0px;} #ibeMain table td.itd2 select{width: 194px; line-height: 20px; height: 20px;} #ibeMain table td.itd2 input{width: 188px; line-height: 18px; height: 18px; padding-left: 3px; border: 1px solid #9C9696;} #ibeMain table td.itd3{width: 60px; padding: 2px 0px 2px 0px;} #ibeMain table td.itd3 input{width: 60px; line-height: 18px; height: 18px;} #ibeMain table td.itd3 select{width: 50px; line-height: 20px; height: 20px;} #ibeButtom{height: 10px; background-repeat: no-repeat; background-position: 0px -38px;} #outbg{ width:1000px; height:auto; margin:0px auto;} #outbg .out_bg_t{height:10px; background:url(../Image/jifen/out_bg.png) no-repeat top left; font-size:0px;} #outbg .out_bg_f{height:10px; background:url(../Image/jifen/out_bg.png) no-repeat bottom left; font-size:0px;} #outbg #divMain{width:978px; height:auto; margin:0px; padding:10px; padding-top:0px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff} /******投资人关系table_list*****/ table.table_list{border:#e6e6e6 solid 1px; margin:0px auto; background:#f6f6f6; line-height:28px; border-bottom:0px} table.table_list *{ margin:0px; padding:0px; width:auto; height:auto; background:none; border:none;} table.table_list a{ color:#00f;} table.table_list td{ border-bottom:1px solid #e6e6e6; padding:0px 5px; border-right:1px solid #e6e6e6; border-left:1px solid #fff; border-top:1px solid #fff} table.table_list tr.tab_title{ background:#ececec; background:none} table.table_list tr.tab_title td{ border-top:1px solid #fff; border-bottom:#e6e6e6 1px solid; background:#ececec;} table.table_list td.tab_title{ border-top:1px solid #fff; width:100px; border-bottom:#e6e6e6 1px solid; background:#ececec;} table.table_list td.tab_titlebg{ border-top:1px solid #fff; border-bottom:#e6e6e6 1px solid; background:#ececec;} table.table_list tr.tab_title td.roltd{ border-top:0px solid #fff; border-bottom:#e6e6e6 0px solid;} table.table_list td div.hotels{ background:#f4f4f4; border:1px solid #f2f2f2; color:#555; margin:2px 0px; padding:5px; padding-left:25px; text-indent:-20px; line-height:21px;} /****投资人关系****/ #inverstor{ margin:0px; background:#fff; border:5px solid #eee; padding:6px; text-align:left; min-height:400px; height:auto;} #inverstor h3{ color:#f90; height:32px; line-height:32px; border-bottom:2px solid #f90; text-align:center; width:300px; font-size:16px; margin:10px auto} #inverstor a{ color:#17e} #inverstor ul.title_nav{ width:150px; float:left; margin-top:20px;} #inverstor ul.title_nav li{ margin-bottom:2px; background:url(../image/webimg/title_nav.png) no-repeat top left; height:19px; line-height:19px; font-weight:bold; text-align:center; padding:5px; cursor:pointer} #inverstor ul.title_nav li:hover{ background:url(../image/webimg/title_nav.png) no-repeat center left} #inverstor ul.title_nav li.this{background:url(../image/webimg/title_nav.png) no-repeat bottom left} #inverstor div.con_info{ width:810px; float:left;min-height:390px; overflow:visible; height:auto; border:1px solid #fec85a; border-left:4px solid #fec85a; padding:5px;} #inverstor div.con_info ul.list_square{ padding-left:30px} #inverstor div.con_info ul.list_square li{ list-style-type:square; font-size:14px; line-height:24px; margin:5px} #inverstor div.con_info ul.list_decimal{ padding-left:30px} #inverstor div.con_info ul.list_decimal li{ list-style-type:decimal; line-height:21px; margin:5px} #inverstor div.con_info .center{ text-align:center} #inverstor div.con_info .t_l{ text-align:left} #inverstor div.con_info .t_r{ text-align:right} #inverstor div.con_info div.hidden{ display:none} #inverstor .c_nopage{ text-align:center; font-size:16px; font-weight:bold; line-height:36px; margin-top:100px; margin-bottom:100px} .addnewhotels { background:url(../image/webimg/img.jpg) no-repeat top left; width:704px; height:128px; padding-top:3px; margin-top:12px;} .addnewhotels h3.addT{ height:28px; margin:0px; margin-bottom:3px; margin-top:-8px; text-align:left} .addnewhotels h3.addT b{ display:inline-block; width:145px; height:27px; background:url(../image/webimg/imgpng.png) no-repeat 0px -120px; margin-left:5px} .addnewhotels .addcon ul{ overflow:hidden; padding-left:5px;} .addnewhotels .addcon li{ float:left; width:330px; height:36px; line-height:18px; text-align:left; margin:6px 2px; margin-left:12px; padding-left:2px; background:url(../image/webimg/img_img.gif) no-repeat 0px 5px;} .addnewhotels .addcon li p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:238px; margin:0px} .addnewhotels .addcon li .price{ overflow:hidden; white-space:nowrap; float:right; width:92px; text-align:right} .clear{ clear:both} .indent{ text-indent:30px;} a.blue{ color:#00f; text-decoration:underline} .red{ color:#f00} .numY{font-size: 14px; color: #F9870C; font-weight: bold; font-family: "微软雅黑";} .colgray{font-size: 12px; color: #aaa; font-weight: 100; } .cityTitle { text-align: left; color: #3879bc; font-size: 14px; font-weight: bold; } .priceOfHotelHead { color: #F9870C; font-size: 24px; font-weight: bold; font-family: "微软雅黑"; } .cny { font-size: 12px; color: #22AC38; font-weight: bold; font-family: "微软雅黑"; }