/* * name:Global && Pc StyleSheet * version:v3.3.1 * update:雪碧图对齐 * date:2016-04-30 */ /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../images/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ html { overflow-x:auto;} html,body,.wrap { min-width:1200px;} .wrap { width:1200px; margin-right:auto; margin-left:auto;} body{font-size:13px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} ::-moz-selection {color:#fff; background:#ff9e19; } ::selection {color:#fff; background:#ff9e19; } ::-webkit-input-placeholder { color:#ffffff; } .placeholder { color:#ffffff;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;} .imgZoom { overflow:hidden; } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /*全站通用样式*/ /*动效*/ .pageHeader .top,.itab .tab_t,.itab .tab_t:after,.pageNav .nav_li,.uni_act_cell:before, .uni_act_cell,.uni_act_cell .more,.ip03_cell .uni_msk,.ip03_cell ._sumry, .hotel_cell ._go:before,.hotel_cell ._price:before,.col_menu_list ._menu_item ._msk, .hotel_abt .prt02_cell ._msk,.hotel_abt .prt02_cell img,.info_abt ._msk ._go:before, .hot_prolist .hot_a:hover .hot_imgbox:before,.frame_hotel_stay_list,.frame_hotel_stay_det, .shadow_box,.uni_full_list .more,.fall_unit.pic_bg ._msk:before,.fall_unit ._msk:after, .fall_unit ._msk .hs_tit,.col_menu_list ._menu_item ._msk img, .transition { -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } .hotel_stay_list .prt02_bg, .transition_800 { -webkit-transition:all ease 0.8s; transition:all ease 0.8s; } /*翻入式动画*/ .rolling > .rolling_box { -webkit-perspective:1300px; -o-perspective:1300px; -ms-perspective:1300px; perspective:1300px; -webkit-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; } .rolling .rolling_box .is_animated { -webkit-transition-duration:1.2s; -webkit-transition-property:-webkit-transform,opacity; -webkit-transition-delay:.15s; -webkit-transition-timing-function:'ease-in-out'; -moz-transition-duration:1.2s; -moz-transition-property:all; -moz-transition-delay:.15s; -moz-transition-timing-function:'ease-in-out'; -o-transition-duration:1.2s; -o-transition-property:transform,opacity; -o-transition-delay:.15s; -o-transition-timing-function:'ease-in-out'; -ms-transition-duration:1.2s; -ms-transition-property:transform,opacity; -ms-transition-delay:.15s; -ms-transition-timing-function:'ease-in-out'; transition-duration:1.2s; transition-property:transform,opacity; transition-delay:.15s; transition-timing-function:'ease-in-out'; -webkit-transform:rotatex(-80deg) translateZ(0); -ms-transform:rotatex(-80deg) translateZ(0); transform:rotatex(-80deg) translateZ(0); -webkit-transform-origin:0 0 0; -ms-transform-origin:0 0 0; transform-origin:0 0 0; opacity:0 } .rolling .rolling_box .is_animated.revealed { -webkit-transform:rotatex(0) translateZ(0); -ms-transform:rotatex(0) translateZ(0); transform:rotatex(0) translateZ(0); opacity:1 } /*快速导航动画*/ .cd-modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:30; background: url(../images/bg-wood_1.png) 50% 0 no-repeat #1d1d1d; /*background: url(../images/bg-wood_1.svg) 50% 0 no-repeat, linear-gradient(#1d1d1d, #1d1d1d);*/ -webkit-background-size: 84% auto; -moz-background-size: 84% auto; -ms-background-size: 84% auto; -o-background-size: 84% auto; background-size: 84% auto; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s } .cd-modal .modal-content { width: 100%; height: 100%; overflow-y: auto; -moz-osx-font-smoothing: grayscale } .cd-modal .modal-close { height: 45px; padding-left: 58px; position: absolute; top: 100px; right: 100px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 13px; letter-spacing: 2.4px; line-height: 45px; z-index: 2; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } /*.cd-modal .modal-close:after, .cd-modal .modal-close:before{ width: 40px; height: 1px; content: ""; position: absolute; top: 50%; left: 0; background: #8c6e4a } .cd-modal .modal-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .cd-modal .modal-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }*/ .cd-modal.visible { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transition: opacity .7s, visibility 0s; -moz-transition: opacity .7s, visibility 0s; transition: opacity .7s, visibility 0s } .cd-modal.visible .modal-content { -webkit-overflow-scrolling: touch } .cd-modal.visible .modal-close { visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .cd-transition-layer { height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; overflow: hidden } .cd-transition-layer .bg-layer { width: 2500%; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-2%); -moz-transform: translateY(-50%) translateX(-2%); -ms-transform: translateY(-50%) translateX(-2%); -o-transform: translateY(-50%) translateX(-2%); transform: translateY(-50%) translateX(-2%); background: url(../images/bg-modal_1.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover } /*#loading-website { background: #000; overflow: hidden }*/ .cd-transition-layer.visible { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible } .cd-transition-layer.opening .bg-layer { -webkit-animation: cd-sequence .8s steps(24); -moz-animation: cd-sequence .8s steps(24); animation: cd-sequence .8s steps(24); -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards } .cd-transition-layer.closing .bg-layer { -webkit-animation: cd-sequence-reverse .8s steps(24); -moz-animation: cd-sequence-reverse .8s steps(24); animation: cd-sequence-reverse .8s steps(24); -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards } .no-cssanimations .cd-transition-layer { display: none } @-webkit-keyframes cd-sequence { 0% { -webkit-transform:translateY(-50%) translateX(-2%) } 100% { -webkit-transform:translateY(-50%) translateX(-98%) } } @-moz-keyframes cd-sequence { 0% { -moz-transform:translateY(-50%) translateX(-2%) } 100% { -moz-transform:translateY(-50%) translateX(-98%) } } @keyframes cd-sequence { 0% { -webkit-transform:translateY(-50%) translateX(-2%); -moz-transform:translateY(-50%) translateX(-2%); -ms-transform:translateY(-50%) translateX(-2%); -o-transform:translateY(-50%) translateX(-2%); transform:translateY(-50%) translateX(-2%) } 100% { -webkit-transform:translateY(-50%) translateX(-98%); -moz-transform:translateY(-50%) translateX(-98%); -ms-transform:translateY(-50%) translateX(-98%); -o-transform:translateY(-50%) translateX(-98%); transform:translateY(-50%) translateX(-98%) } } @-webkit-keyframes cd-sequence-reverse { 0% { -webkit-transform:translateY(-50%) translateX(-98%) } 100% { -webkit-transform:translateY(-50%) translateX(-2%) } } @-moz-keyframes cd-sequence-reverse { 0% { -moz-transform:translateY(-50%) translateX(-98%) } 100% { -moz-transform:translateY(-50%) translateX(-2%) } } @keyframes cd-sequence-reverse { 0% { -webkit-transform:translateY(-50%) translateX(-98%); -moz-transform:translateY(-50%) translateX(-98%); -ms-transform:translateY(-50%) translateX(-98%); -o-transform:translateY(-50%) translateX(-98%); transform:translateY(-50%) translateX(-98%) } 100% { -webkit-transform:translateY(-50%) translateX(-2%); -moz-transform:translateY(-50%) translateX(-2%); -ms-transform:translateY(-50%) translateX(-2%); -o-transform:translateY(-50%) translateX(-2%); transform:translateY(-50%) translateX(-2%) } } /*遮罩*/ .uni_msk { position:absolute; left:0; top:0; bottom:0; width:100%; text-align:center; } /*背景模糊处理*/ .blur3 { -webkit-filter:blur(3px); -ms-filter:blur(3px); -moz-filter:blur(3px); filter:blur(3px); filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=3 MakeShadow=false); } /*滤镜*/ .opc { background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); } /*图片*/ .rect-8{padding-bottom:8%;} .rect-31 { padding-bottom:31%; } .rect-35{padding-bottom:35%;} .rect-36 { padding-bottom:36%; } .rect-52{padding-bottom:52%;} .rect-53 { padding-bottom:53%; } .rect-62 { padding-bottom:62%; } .rect-65 { padding-bottom:65%; } .rect-84 { padding-bottom:84%; } .rect-100 { padding-bottom:100%; } .rect-120 { padding-bottom:120%; } .rect-140{padding-bottom:140%;} .rect-127 { padding-bottom:127%; } .rect-200{padding-bottom:200%;} .rect-240{padding-bottom:240%;} /*屏幕固定*/ *[class^="frame_"].win_fixed { position:fixed; width:100%; height:100%; overflow:hidden; } /*通用-阴影边框触控*/ .shadow_box { position:relative; } .shadow_box.active{ z-index:1; box-shadow:0 10px 30px rgba(0,0,0,.1);-weblit-box-shadow:0 10px 30px rgba(0,0,0,.1); transform:translate3d(0,-2px,0); -webkit-transform:translate3d(0,-2px,0);} /*通用-按钮*/ ._Mbtn { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } ._more_btn{ display:block; position:relative; width:130px; height:40px; z-index:20; overflow:hidden; margin-bottom:27px; padding:0px 5px;line-height:40px; font-size:15px; color:#838383; border-top:1px solid #dddee3; border-bottom:1px solid #dddee3; } ._Mbtn:hover { color:#ffffff; } ._Mbtn:before { content:''; display:block; position:absolute; top:-100%; left:0; width:100%; height:100%; z-index:1; background-color:#ff9e19; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } ._Mbtn:hover:before { top:0%; } ._more_btn .more_ico{display:block;position:absolute; z-index:2; width:10px;height:10px; line-height:10px;text-align:center;display:block;right:15px;top:50%;margin-top:-5px;} ._more_btn ._txt { position:absolute; left:8px; top:50%; z-index:2; margin-top:-20px; } /*通用-按钮-查看更多*/ .more { display:inline-block; padding:0 11px; font-size:13px; color:#ffffff; line-height:2.6; border-color:#ffffff; border-style:solid dashed solid dashed; border-width:1px 0 1px 0; } /*通用-按钮-Go*/ .btn_go ._go,.btn_go ._go ._wd { height:50px; color:#ffffff; line-height:50px; text-transform:uppercase; } .btn_go ._go { position:relative; overflow:hidden; float:left; width:36%; font-size:16px; background-color:#ff8b00; text-align:center; } .btn_go ._go a:hover { color:#ffffff; } .btn_go:hover ._go:before { content:''; top:0; } .btn_go ._go:before { content:''; position:absolute; top:100%; left:0; width:100%; bottom:0; background-color:#ff5507; } .btn_go ._go ._wd { display:inline-block; *display:inline; *zoom:1; position:relative; } .btn_go ._go ._wd:after { content:''; position:absolute; top:50%; right:33px; margin-top:-4px; width:1px; height:7px; background-color:#ffbf75; border-color:transparent #ff9a23 transparent #ff8200; border-width:0 1px 0 1px; border-style:dashed solid dashed solid; } .btn_go:hover ._go ._wd:after { content:''; display:none; } /*加载等待*/ .loading { margin:30px auto; text-align:center; } .loading .waiting,.loaded { display:none; } .loading .waiting .load_ico,.loading .waiting .load_wd { display:inline-block; *display:inline; *zoom:1; vertical-align: middle; } .loading .waiting .load_ico { width:32px; height:32px; background:url(../images/loading_1.gif) 0 0 no-repeat; } .loading .waiting .load_wd { font-size:20px; line-height:32px; } /*通用-咨询列表样式*/ .uni_act_cell:hover:before { top:0; } .uni_act_cell:before { content:''; position:absolute; top:100%; left:0; bottom:0; width:100%; background-color:#ececec; } .uni_act_cell:hover { color:#717171; } .uni_act_cell { position:relative; padding:35px 30px; color:#949494; background-color:#f9f9f9; } .uni_act_cell ._con { position:relative; } .uni_act_cell ._date { display:inline-block; *display:inline; *zoom:1; margin-bottom:15px; color:#9f9f9f; } .uni_act_cell ._day { font-size:20px; border-bottom:#b9b9b9 1px solid; } .uni_act_cell ._year { font-size:13px; } .uni_act_cell ._tt { font-size:18px; color:#000000; line-height:3.6; } .uni_act_cell .uni_act_desc { overflow:hidden; margin-bottom:20px; height:191px; line-height:2.1; } .uni_act_cell .pic_wrap { margin-bottom:20px; border:#ffffff 3px solid; } .uni_act_cell:hover .more { color:#ff9e19; border-color:#ff9e19; } .uni_act_cell .more { color:#a8a8a8; border-color:#c2c2c2; } /*下层-通用*/ .channel_con { min-height:300px; } /*下层-cbanner*/ .channel_main .cbanner { position:relative; overflow:hidden; margin-bottom:70px; height:325px; text-align:center; } .channel_main .cbanner img { display:inline-block; *display:inline; *zoom:1; width:1920px; max-width:none; margin:0 -100%; margin:0 -50%\9; } /*下层-居中式栏目标题,含副标题*/ .col_ctr_tt { margin-bottom:70px; width:100%; color:#ffffff; text-align:center; } .col_ctr_tt ._hd { font-size:46px; font-family:'宋体华文'; } .col_ctr_tt ._bd { font-size:15px; } /*下层-模糊背景图*/ ._blur_bg { position:absolute; top:0; left:50%; margin-top:-5px; margin-left:-960px; width:1920px; max-width:none; height:auto; } ._blur_bg ._bg_con { position:relative; } ._blur_bg ._bg_con ._msk { position:absolute; top:0; left:0; width:100%; bottom:0; } /*下层-banner通用标题*/ .cbanner .ctitle { position:absolute; top:35%; width:100%; color:#ffffff; text-align:center; } .cbanner .ctitle ._title { position:relative; margin-bottom:20px; font-size:46px; font-weight:normal; font-family:'宋体华文'; line-height:1.7; } .cbanner .ctitle ._title:after { content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-24px; width:48px; height:1px; background-color:#ffffff; } .cbanner .ctitle ._t_cls_cell { display:inline-block; *display:inline; *zoom:1; margin:0 45px; font-size:16px; } .cbanner .ctitle ._mrk { font-size:16px; } /*下层-通用瀑布流*/ .uni_full_list .channel_con ul {width:105%; position:relative; overflow:hidden; opacity:0;} .uni_full_list .channel_con .item{width:30%;margin-right:2.5%;margin-bottom:34px;} .uni_full_list .channel_con .item ._list_box{ display:block; border:1px solid #ebeaea;} .uni_full_list .channel_con .item:hover ._list_box{border-color:#ff9e19;} .uni_full_list .channel_con .item ._list_box ._list_main{padding:20px 24px;} .uni_full_list .channel_con .item ._list_box ._list_main ._title{font-size:20px;font-weight:bold;color:#000000;margin-bottom:10px;} .uni_full_list .channel_con .item ._list_box ._list_main ._news_pic{ overflow:hidden; margin-bottom:18px;} .uni_full_list .channel_con .item ._list_box ._list_main ._news_pic img{width:100%;} .uni_full_list .channel_con .item ._list_box ._list_main ._text{font-size:14px;color:#6a6a6a;line-height:24px;height:auto;margin-bottom:33px;} .uni_full_list ._list_box:hover .more { color:#ff9e19; border-color:#ff9e19; } .uni_full_list .more { color:#5a5a5a; border-color:#5a5a5a; } /*下层-通用瀑布流-工具条样式*/ ._tools{ font-size:12px; color:#c9cac9; margin-bottom:24px; } .news_list_ico{ display:inline-block; width:20px; height:20px; background-image:url(../images/news_ico_1.png); background-repeat:no-repeat;vertical-align:middle;margin-right:4px;} ._tools ._number .news_list_ico{background-position:-20px -2px;} ._tools ._number{margin-left:10px;} ._tools .news_ico02 .bdshare-button-style1-16 .bds_more { background-position:-20px 0; } ._tools .bdshare-button-style1-16 .bds_more { width:20px; height:20px; } /*header*/ .pageHeader .tops { position:fixed; top:0; z-index:20; width:100%; } .pageHeader .tops .top { color:#606060; background-color:#ffffff; } .index .pageHeader .top { background-color:rgba(0,0,0,.25); background-color:transparent\9; color:#ffffff; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#44000000,endcolorstr=#44000000); } .pageHeader .top_left { float:left; padding-top:21px; padding-bottom:20px; } .pageHeader .logo,.pageHeader .sologan { float:left; } .pageHeader .pageNav,.pageHeader .top_menu { float:right; } .pageHeader .logo { padding-right:1px; width:197px; height:52px; background-image:url(../images/logo_1.png); background-position:0 0; background-repeat:no-repeat; } .index .pageHeader .logo { background-image:url(../images/logo_white_1.png); } .index .pageHeader .sologan { color:#ffffff; } .index .pageHeader .sologan { border-left:#414141 1px solid; } .pageHeader .sologan { padding-left:16px; font-size:15px; color:#676767; border-left:#e5e5e5 1px solid; } .index .pageHeader .top_menu { color:#ffffff; } .pageHeader .top_menu { padding-top:28px; font-size:25px; color:#ff9e19; cursor:pointer; } /*下拉导航*/ /*.pageNav { width:53%; } .index .pageNav .nav_li:hover { background-color:transparent; } .pageNav .nav_li.cur,.pageNav .nav_li:hover { background-color:#ff9e19; } .pageNav .nav_li { position:relative; float:left; width:14%; font-size:17px; line-height:97px; text-align:center; } .index .pageNav .nav_li a,.index .pageNav .nav_li:hover a { width:200px; color:#ffffff; } .pageNav .sec_ul { display:none; position:absolute; top:100%; left:50%; margin-left:-60px; padding:10px 0 20px; background-color:#ffffff; } .pageNav .sec_ul > li { line-height:30px; } .pageNav .nav_li:hover > a,.pageNav .nav_li.cur > a { color:#ffffff; } .pageNav .nav_li a { color:#555; }*/ /*下拉导航 end*/ .tpmenu_box { position:fixed; z-index:-1; box-sizing:border-box; padding-top:97px; width:100%; height:100%; background-color:transparent; } .tpmenu_box.show { z-index:10; } .tpmenu_box .tpmenu_con { height:100%; background-color:transparent; background-repeat:no-repeat; background-position:center top; } /*.tpmenu_box.show .tpmenu_con { background-color:#1d1d1d; background-image:url(../images/bg-wood_1.png); }*/ .mobile_key{ display:none; font-size:30px; color:#ff9e19; top:23px; right:30px; position:absolute; } /*header end*/ /*footer*/ .pageFooter,.pageFooter a,.pageFooter a:hover { color:#ffffff; } .pageFooter { padding:33px 0; background:url(../images/index01_1.jpg);background-position:center bottom; background-repeat:no-repeat; background-color:#ff9e19; } .pageFooter .ft_left { float:left; width:37%; } .pageFooter .ft_left .site_links { margin-bottom:35px; } .pageFooter .ft_left .sl_li { float:left; padding:0 10px; background:url(../images/index03_1.png) left center no-repeat; } .pageFooter .ft_left .sl_li:first-child { padding-left:0; background:none; } .pageFooter .ft_left .sl_li.first { padding-left:0; background:none; } .pageFooter .ft_left ._down .ft_rec { line-height:1.9; } .pageFooter .ft_left ._down .ft_rec01,.pageFooter .ft_left ._down .ft_rec02, .pageFooter .ft_left ._down .ft_rec03,.pageFooter .ft_left ._down .ft_rec04 { display:inline-block; *display:inline; *zoom:1; } .pageFooter .ft_left ._down .ft_rec01 { margin-right:35px; } .pageFooter .ft_left ._down .ft_rec03 { margin-right:10px; } .pageFooter .ft_left ._down .ft_rec04 { padding-left:10px; background:url(../images/index03_1.png) left center no-repeat; } .pageFooter .ft_right { float:right; } .pageFooter .ft_right .stool_bar_wrap { color:#ffffff; } .pageFooter .ft_right ._suw_up { position:relative; margin-bottom:5px; width:260px; height:40px; line-height:40px; } .pageFooter .ft_right ._suw_up_a { position:relative; padding:0 25px; height:100%;background-color:#ff6f0c; cursor:pointer; } .pageFooter .ft_right ._suw_up .arr_down { display:block; position:absolute; top:50%; right:25px; margin-top:-4px; float:right; width:0px; height:0; border-width:4px 4px 0; border-style:solid dashed dashed; border-color:#ffffff transparent transparent; } .pageFooter .ft_right ._suw_up ._suw_up_ul.show { display:block; } .pageFooter .ft_right ._suw_up ._suw_up_ul { display:none; position:absolute; background-color:#ff6f0c; bottom:100%; padding:15px 0 5px; width:100%; } .pageFooter .ft_right ._suw_up ._suw_up_ul a { display:block; padding:0 25px; font-size:13px; line-height:30px; } .pageFooter .ft_right ._suw_up ._suw_up_ul a:hover { color:#cccccc; } .pageFooter .ft_right ._suw_down { position:relative; margin-bottom:14px; width:260px; height:40px; } .pageFooter .ft_right ._suw_down ._inp { width:90.5%; height:40px; padding-left: 25px; font-size:13px; background-color:#90562e; line-height:40px; border:none; } .pageFooter .ft_right ._suw_down ._s_btn { position:absolute; top:50%; right:0px; margin-top:-20px; width:50px; height:40px; background-color:transparent; border:none; background-image:url(../images/index04_1.png); background-position:center center; background-repeat:no-repeat; cursor:pointer; } .pageFooter ._suw_share ._hd,.pageFooter ._suw_share .bdsharebuttonbox { float:left; } .pageFooter ._suw_share ._hd { margin-right:12px; line-height:44px; } /*百度分享图标-页脚*/ ._suw_share .bdshare-button-style1-32 a { width:35px; height:33px; background-image:url(../images/bdshare_1.png)!important; } ._suw_share .bdshare-button-style1-32 .bds_tsina { background-position:0 0; } ._suw_share .bdshare-button-style1-32 .bds_tqq { background-position:-42px 0; } ._suw_share .bdshare-button-style1-32 .bds_tqf { background-position:-86px 0; } /*百度分享图标-快速导航*/ .tpmenu_con ._suw_share .bdshare-button-style1-32 a { width:35px; height:33px; background-image:url(../images/bdshare02_1.png)!important; } .tpmenu_con ._suw_share .bdshare-button-style1-32 .bds_tsina { background-position:6px 8px; } .tpmenu_con ._suw_share .bdshare-button-style1-32 .bds_tqq { background-position:-29px 8px; } .tpmenu_con ._suw_share .bdshare-button-style1-32 .bds_tqf { background-position:-59px 8px; } /*footer end*/ /*右侧悬浮*/ .r_xuanfu{ display:none; width:70px; text-align: center;border:1px solid #dedede;position:fixed; right: 0; bottom:10%;background: #fff; z-index:20; } .r_xuanfu dl{padding:13px 0px;border-bottom:1px solid #dedede;} .r_xuanfu dl a{display:block;} .r_xuanfu .icon { width:40px; height:40px; background-image:url(../images/index22_1.png); background-repeat:no-repeat; } .r_xuanfu .icon_01 { background-position:0 0; } .r_xuanfu .icon_02 { background-position:-40px 0; } .r_xuanfu .icon_03 { background-position:-80px 0; } .r_xuanfu dl .ion{font-size:40px; color:#ff9e19; margin:0;padding:0; line-height:40px;text-align: center;} .r_xuanfu dl ._title{font-size: 12px; color:#565656;} .r_xuanfu dl:last-child{border:none;} .r_xuanfu .wx_ico{position: relative;} .r_xuanfu .wx_ico .wx_ewm{ position:absolute; width:150px;height: 150px;left:-155px; top:-20px;display:none;} .r_xuanfu .wx_ico .wx_ewm img{width: 150px; height:150px;} .r_xuanfu .wx_ico:hover .wx_ewm{display:block;} /*ibanner*/ .ibanner,.ibanner img { height:630px; } .ibanner { position:relative; overflow:hidden; background-color:#000000; } .ibanner img { position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; max-width:none; } .ibanner .slide_nav { position:absolute; left:50%; z-index:1; bottom:20px; margin-left:-600px; width:1200px; font-size:0; text-align:right; } .ibanner .slide_nav a { display:inline-block; width:25px; height:25px; margin:10px 12px; /*background-image:url(../images/iban_nav_1.png); */ background-image:url(../images/iban_nav01_1.png); background-position:0 0; background-repeat:no-repeat; cursor:pointer; } .ibanner .slide_nav a.on { /*background-position:0 -25px; */ background-image:url(../images/iban_nav02_1.png); } /*首页*/ .sub_tt_iprt { font-size:36px; color:#414141; text-align:center; } .sub_tt_iprt ._hd:before,.sub_tt_iprt ._hd:after { content:''; display:block; position:absolute; top:50%; margin-top:-3px; width:187px; height:4px; border-top:#dddddd 1px solid; border-bottom:#dddddd 1px solid; } .sub_tt_iprt ._hd:before { right:100%; margin-right:20px; } .sub_tt_iprt ._hd:after { left:100%; margin-left:20px; } .sub_tt_iprt ._hd { display:inline-block; position:relative; margin:0 auto; font-size:36px; font-weight:normal; } .sub_tt_iprt ._bd { font-size:16px; line-height:2; } /*ipart01*/ .ipart01 { margin-bottom:80px; padding-top:60px; } .ipart01 .sub_tt_iprt { margin-bottom:40px; } .ipart01_con ._down { background:url(../images/index05_1.jpg); } .ipart01 .ip01_1 { background-color:#54bdff; } .ipart01 ._tt { padding-top:25%; font-size:28px; line-height:2.6; color:#ffffff; } .ip01_2 { position:relative; overflow:hidden; } .ip01_2 .uni_msk { text-align:left; } .ip01_2 .tips { position:absolute; left:0; bottom:40px; color:#ffffff; } .ip01_2 .tip01,.ip01_2 .tip02 { position:relative; padding:0 20px; } .ip01_2 .tip01 { display:inline-block; *display:inline; *zoom:1; font-size:14px; line-height:30px; background:url(../images/index08a_1.png); /* background:rgba(14,182,252,.44); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2c0eb6fc,endcolorstr=#2c0eb6fc);*/ } .ip01_2 .tip01:after { content:''; display:block; position:absolute; top:0; left:100%; width:20px; height:30px; background-image:url(../images/index08b_1.png); background-position:0 0; background-repeat:no-repeat; } .ip01_2 .tip02 { font-size:19px; line-height:42px; background:url(../images/index09a_1.png); /* background:rgba(14,182,252,.80); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#500eb6fc,endcolorstr=#500eb6fc); */ } .ip01_2 .tip02:after { content:''; display:block; position:absolute; top:0; left:100%; width:28px; height:42px; background-image:url(../images/index09b_1.png); background-position:0 0; background-repeat:no-repeat; } .ip01_4 { position:relative; } .ip01_4 .uni_msk { background:rgba(255,158,25,.90); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5aff9e19,endcolorstr=#5aff9e19); } .ip01_5 ._con { overflow:hidden; height:11.2em; padding:90px 42px 0 55px; font-size:15px; color:#656565; } /*ipart02*/ .ipart02 { overflow:hidden; padding-bottom:20px; background-image:url(../images/index10_1.jpg); background-position:center center; background-repeat:no-repeat; } .ipart02_con { padding-top:70px; } .ipart02_con .sub_tt_iprt { margin-bottom:30px; } .tab_t_list { margin-bottom:40px; text-align:center; } .itab .tab_t,.itab .tab_t ._wd { position:relative; z-index:2; } .itab .tab_t { display:inline-block; *display:inline; *zoom:1; padding:0 20px; margin:0 20px; font-size:15px; color:#000000; cursor:pointer; } .itab .tab_t:after { content:''; display:block; position:absolute; top:0; left:25%; width:50%; height:24px; background-color:transparent; border-radius:12px; } .itab .tab_t_cur.tab_t,.itab .tab_t:hover { color:#ffffff; } .itab .tab_t_cur.tab_t:after,.itab .tab_t:hover:after { content:''; left:0; width:100%; /*transform:translate3d(-25%,0,0);*/ background-color:#ff9e19; } .ipart02 .tab_c { display:none; height:0; padding-bottom:42%; } .ipart02 .tab_c.tab_cur { display:block; } .itab .span-8 .tips { position:absolute; left:0; bottom:30px; color:#ffffff; text-align:left; } .itab .span-8 .tips .tip01,.itab .span-8 .tips .tip02 { display:inline-block; *display:inline; *zoom:1; width:230px; padding-left:20px; } .itab .span-8 .tips .tip01 { font-size:22px; font-weight:bold; line-height:45px; background:rgba(0,0,0,.50); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000); } .itab .span-8 .tips .tip02 { position:relative; background:url(../images/index17_1.png) 0 0 no-repeat; } .itab .span-8 .tips .tip02 .mrk01,.itab .span-8 .tips .tip02 .mrk02 { position:absolute; } .itab .span-8 .tips .tip02 .rm_type { font-size:22px; line-height:75px; } .itab .span-8 .tips .tip02 .mrk01 { top:8px; right:30px; font-size:19px; } .itab .span-8 .tips .tip02 .mrk02 { top:44px; right:60px; font-family:Arial; font-size:10px; } .itab .span-6 { margin-bottom:15px; } .itab .itab_cell { position:relative; overflow:hidden; } .itab .span-6 .uni_msk { top:100%; color:#ffffff; background:rgba(255,158,25,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ccff9e19,endcolorstr=#ccff9e19); } .itab .uni_msk ._tt { padding-top:90px; font-size:18px; line-height:2.3; } /*ipart03*/ .ipart03 { overflow:hidden; padding-top:58px; padding-bottom:50px; } .ipart03_con { position:relative; padding-top:55px; } .ipart03 .ip03_bg_01 { position:absolute; top:0; left:50%; margin-left:-155px; } .ipart03 .ip03_bg_01 img { width:1070px; max-width:none; } .ip03_title { position:relative; margin-bottom:110px; text-transform:uppercase; } .ip03_title:after { content:''; display:block; position:absolute; top:0; left:63px; margin-top:-25px; width:98px; height:190px; border:#e4e4e4 3px solid; } .ip03_title .ip03_tten,.ip03_title .ip03_ttcn { position:relative; z-index:2; } .ip03_title .ip03_tt01,.ip03_title .ip03_tt02 { display:inline-block; *display:inline; *zoom:1; font-family:'Agency FB'; color:#494a44; } .ip03_title .ip03_tt01 { font-size:128px; line-height:100px; letter-spacing:30px; } .ip03_title .ip03_tt02 { font-size:45px; line-height:1; } .ip03_title .ip03_ttcn { padding-left:190px; font-size:36px; color:#ff9e19; line-height:1; } .ipart03 .arr_down { position:absolute; top:150px; left:90px; z-index:1; cursor:default; } .ipart03 .arr_down .ion { display:block; width:42px; height:42px; line-height:42px; color:#ffffff; text-align:center; background-color:#ff9e19; } .ip03_list { position:relative; z-index:3; margin-bottom:65px; padding-top:20px; } .ip03_list_bg img { position:absolute; top:0; left:50%; margin-left:-635px; width:1270px; max-width:none; } .ip03_list .ip03_cell { position:relative; z-index:3; } .ip03_cell .pic_wrap { position:relative; overflow:hidden; margin-bottom:50px; } .ip03_cell.on .uni_msk { top:0; } .ip03_cell .uni_msk { position:absolute; top:100%; left:0; overflow:hidden; background:rgba(255,158,25,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ccff9e19,endcolorstr=#ccff9e19); } .ip03_cell .uni_msk .ion { display:block; position:absolute; top:50%; left:50%; margin-top:-19px; margin-left:-19px; width:38px; height:38px; font-size:0; color:#ffffff; background:url(../images/index23_1.png) 0 0 no-repeat; } .ip03_cell ._tt { margin-bottom:20px; font-size:18px; font-weight:bold; color:#000000; } .ip03_cell.on ._sumry { border-color:#54bdff; } .ip03_cell ._sumry { padding-bottom:20px; font-size:14px; color:#666666; border-color:#ff9e19; border-width:0 0 3px 0; border-style:dashed dashed solid dashed; } .ipart03 .more_wrap { text-align:center; } .ipart03 .more { color:#ff9e19; border-color:#ff9e19; } /*ipart04*/ .ipart04 { padding-top:65px; padding-bottom:50px; background-color:#fcfcfc; } .ipart04 .sub_tt_iprt { margin-bottom:60px; } /*酒店*/ /*酒店-通用列表元素*/ .hotel *[class*="_list"] li.span-4 { margin-bottom:30px; } .hotel_cell,.hotel_cell .pic_wrap { position:relative; } .hotel_cell .pic_wrap .png_wrap,.dish_png_box .png_wrap { position:absolute; right:0; bottom:0; width:82%; } .hotel_cell .uni_msk { text-align:left; } .hotel_cell .uni_msk ._con { padding-top:15px; padding-left:20px; } .hotel_cell .uni_msk ._dish_type { font-size:32px; font-family:'宋体华文'; color:#f9b300; } .hotel_cell .uni_msk ._tail { width:100px; height:31px; background:url(../images/hotel06_1.png) 0 0 no-repeat; } .hotel_cell ._price { height:50px; color:#ffffff; line-height:50px; text-transform:uppercase; } .hotel_cell ._price { float:left; padding-left:5%; width:59%; font-size:17px; background-color:#ff9e17; } .hotel_cell ._price ._wd { position:relative; } .hotel_cell .detai_wrap { padding:17px 20px 16px 25px; background-color:#ffffff; } .hotel_cell .detai_wrap ._con { position:relative; } .hotel_cell ._hd { font-size:20px; color:#000000; } .hotel_cell ._bd { padding-right:20%; width:80%; font-size:14px; color:#5a5a5a; line-height:1.7; } .hotel_cell:hover ._mrk { text-decoration:underline; } .hotel_cell ._mrk { position:absolute; right:0; bottom:0; font-size:14px; color:#6e560b; } /*酒店-美食*/ .hotel_food_list .hotel_cell .pic_wrap { background-image:url(../images/hotel27_1.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat; } /*酒店-美食-part01*/ .hotel_food_list .part01 { margin-bottom:55px; } .hotel_food_list .part01 .con_wrap { position:relative; } .hotel_food_list .part01 .left { position:absolute; top:0; left:0; bottom:0; padding-top:70px; padding-left:3.75%; width:35%; background:#f9b300 url(../images/hotel04_1.jpg) right 70px no-repeat; } .hotel_food_list .part01 .p01_lft02 { padding-left:4px; width:290px; color:#ffffff; } .hotel_food_list .part01 .p01_lft02 ._tt { padding-top:5px; font-size:28px; } .hotel_food_list .part01 .p01_lft02 ._desc { font-size:12px; font-family:Arial; line-height:1.4; } .hotel_food_list .part01 .p01_lft02 ._type { font-size:17px; line-height:2.2; text-transform:uppercase; } .hotel_food_list .part01 .right { float:right; width:61.25%; } .hotel_food_list .part01 .fd_slide { overflow:hidden; height:390px; } .hotel_food_list .part01 .fd_slide .arrs { position:absolute; top:50%; z-index:1; margin-top:-30px; width:40px; height:60px; background-color:#fff; } .hotel_food_list .part01 .fd_slide .arrs.arr_prev { left:0; } .hotel_food_list .part01 .fd_slide .arrs.arr_next { right:0; } /*酒店-美食-part02*/ .hotel_food_list .part02 { padding-top:50px; background-color:#edf3f3; background-image:url(../images/hotel02_1.jpg); background-repeat:no-repeat; background-position:top center; } /*酒店-住宿-列表*/ /*栏目选择菜单*/ .col_menu_list ul { margin-left:2px; } .col_menu_list li { margin-left:-2px; float:left; width:23%; border-width:0 2px 2px 2px; border-style:dashed solid solid solid; border-color:#f4f4f4; } .col_menu_list ._menu_item { position:relative; z-index:3; overflow:hidden; /* background-image:url(../images/hotel12_1.jpg);*/ background-repeat:no-repeat; background-position:0 0; } .col_menu_list ._menu_item:hover, .col_menu_list .htit.cur ._menu_item { background-color:transparent; } .col_menu_list ._menu_item ._msk { position:absolute; top:0; left:0; bottom:0; width:100%; /*background:url(../images/hotel13_1.jpg) center top no-repeat;*/ } .col_menu_list ._menu_item:hover ._msk { /*background:url(../images/hotel14_1.jpg) center top no-repeat; */ } .col_menu_list ._menu_item ._msk img { opacity:0; } .col_menu_list ._menu_item:hover ._msk img, .col_menu_list .htit.cur ._menu_item ._msk img { opacity:1; } /*part01*/ .hotel_stay_list .cbanner { margin-bottom:0; } .hotel_stay_list .part01 { margin-bottom:60px; } .hotel_stay_list .part01 .wrap { position:relative; } .hotel_stay_list .part01 .sub_menu_title { position:absolute; right:0; top:0; z-index:3; margin-top:-60px; padding:100px 52px 42px 54px; border:#ff9e19 4px solid; } .hotel_stay_list .part01 .sub_menu_title ._tt { margin-bottom:20px; width:4.8em; font-size:53px; font-family:'宋体华文'; color:#000000; line-height:1; letter-spacing:0.2em; } .hotel_stay_list .part01 .sub_menu_title ._mrk { margin-bottom:20px; font-size:21px; color:#6f6f6f; } .hotel_stay_list .part01 .sub_menu_title .sologan { width:100%; height:52px; } /*part02*/ .hotel_stay_list .part02 { padding-top:30px; background-color:#fcfcfc; } .hotel_stay_list .part02 ._title { margin-bottom:45px; font-size:33px; font-family:'宋体华文'; color:#000000; } .hotel_stay_list .part02 .room_list { position:relative; z-index:2; } .hotel_stay_list .part02 .hotel_cell:hover ._price:before { content:''; top:0; } .hotel_stay_list .part02 .hotel_cell ._price:before { content:''; position:absolute; top:100%; left:0; width:100%; bottom:0; background-color:#ff5507; } .hotel_stay_list .part02 .hotel_cell ._price { position:relative; width:95%; } .hotel_stay_list .prt02_bg { display: none!important; opacity:0; visibility: hidden\9;} .hotel_stay_list .prt02_bg.show { opacity:1; visibility: visible\9;} .hotel_stay_list .prt02_bg ._bg01,.hotel_stay_list .prt02_bg ._bg02 { position:fixed; z-index:1; height:60px; } .hotel_stay_list .prt02_bg ._bg01 { top:48%; left:0; width:320px; background:url(../images/hotel19_1.jpg) 0 0 no-repeat; } .hotel_stay_list .prt02_bg ._bg02 { top:58%; right:0; width:300px; background:url(../images/hotel20_1.jpg) 0 0 no-repeat; } /*通用-全屏详情页-无头部底部*/ .uni_fp_det.con_only .channel_main { padding-top:0; } /*通用-全屏详情页*/ .uni_fp_det .channel_con { overflow:hidden; } /*通用-全屏详情页-右侧导航*/ .uni_fp_det .side_bar_con { position:relative; padding-right:104px; } .uni_fp_det .side_nav { position:absolute; top:0; right:0; bottom:0; width:104px; height:100%; background-color:#111821; } .uni_fp_det .side_nav .nav_box_list { padding-top:135px; } .uni_fp_det .side_nav .nav_box { display:block; margin-bottom:30px; text-align:center; } .uni_fp_det .side_nav ._ico { display:inline-block; *display:inline; *zoom:1; width:47px; height:47px; background-image:url(../images/det01_1.png); background-repeat:no-repeat; } .uni_fp_det .side_nav ._ico01 { background-position:0 0; } .uni_fp_det .side_nav ._ico02 { background-position:-47px 0; } .uni_fp_det .side_nav ._ico03 { background-position:-94px 0; } .uni_fp_det .side_nav ._ico04 { background-position:0 0; } /*通用-全屏详情页-右侧文字面板*/ .uni_fp_det .channel_con { background-color:#ffffff; } .uni_fp_det .detail_r,.uni_fp_det .side_bar_con { height:100%; } .uni_fp_det .detail_r{ padding:0 30px 0 34px; width:330px; text-align:right; background-color:#ffffff; } .uni_fp_det .detail_r .close_ico{ display:none!important; margin-top:48px; width:52px;height:52px;background:url(../images/hotel_room_close_ico_1.jpg) no-repeat center;display:inline-block;*display:inline;*zoom: 1;margin-bottom:30px; cursor:pointer;} .uni_fp_det .detail_r ._r_arr_ico{margin-bottom:10px;} .uni_fp_det .detail_r ._r_arr_ico ._arr_ico{display:inline-block;*display:inline;*zoom: 1;width:52px;height:52px;background:url(../images/hotel_room_arr_ico_1.jpg) 1px 0px;} .uni_fp_det .detail_r ._r_arr_ico ._arr_ico._arr_next{background-position:-62px 0px;margin-left:10px;} .uni_fp_det .detail_r ._r_title{position:relative;padding-bottom:10px;margin-bottom:24px;} .uni_fp_det .detail_r ._r_title ._cn_title{line-height:50px;font-family:"宋体";font-size:40px;color:#000;} .uni_fp_det .detail_r ._r_title ._en_title{font-size:16px;color:#b0b0b0;text-transform: uppercase;font-family:Arial;} .uni_fp_det .detail_r ._r_title:after{content:"";width:84px;height:3px;background-color:#ff9a00;display:block;position:absolute;bottom:0;right:0;} .uni_fp_det .detail_r ._r_text{font-size:14px;color:#5a5a5a;line-height:26px;padding-left:20px;margin-bottom:14px;} .uni_fp_det .detail_l { width:0; } .uni_fp_det .flex_slide img { width:100%!important; height:auto; } /*通用-全屏详情页-左侧轮播*/ .uni_fp_det .flex_slide { height:auto; overflow:hidden; } .uni_fp_det .flex_slide /*酒店-住宿-详细*/ .pageHeader { width:100%; } .channel_main.hotel_room_detail { padding-top:20px; width:100%; height:100%; overflow:hidden; } .hotel_room_detail .detail_r{ padding-left:0; padding-right:0; width:28%;} .hotel_room_detail .detail_r ._r_jianjie{font-size:14px;color:#ff9a00;margin-bottom:18px;} .hotel_room_detail .detail_r ._r_room_ico{margin-bottom:26px;} .hotel_room_detail .detail_r ._r_room_ico ._room_ico{width:27px;height:27px;background:url(../images/hotel_room_detail_ico_1.png) no-repeat;display:inline-block;*display:inline;*zoom: 1;} .hotel_room_detail .detail_r ._r_room_ico ._room_ico._room_ico02{background-position:-32px 0px;} .hotel_room_detail .detail_r ._r_room_ico ._room_ico._room_ico03{background-position:-62px 0px;} .hotel_room_detail .detail_r ._r_room_ico ._room_ico._room_ico04{background-position:-94px 0px;} .hotel_room_detail .detail_r ._r_room_ico ._room_ico._room_ico05{background-position:-126px 0px;} .hotel_room_detail .detail_r ._r_room_ico ._room_ico._room_ico06{background-position:-158px 0px;} .hotel_room_detail .detail_r ._r_room_ico ._room_ico:hover{opacity:.8;} .uni_fp_det .detail_r ._room_yd{padding:10px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin-bottom:60px;} .uni_fp_det .detail_r ._room_yd .jiage{font-size:18px;color:#000;width:60%;text-align:left;} .uni_fp_det .detail_r ._room_yd .jiage .jiage_num{color:#ff9a00;line-height:50px;} .uni_fp_det .detail_r ._room_yd ._go{width:40%;} .hotel_room_detail .detail_l{ position:relative; width:69%; height:100%; } .hotel_room_detail .det_img { position:relative; margin-bottom:20px; } .hotel_room_detail .det_img ._msk { position:absolute; left:15px; bottom:16px; background: url(../images/det_bg_1.png) 0 0 no-repeat; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff,endcolorstr=#99ffffff); } /*padding-top 与padding-right与en_bg浮层定位值一样*/ .hotel_room_detail .det_img ._msk ._con { position:relative; padding:10px 12px 15px 34px; } .hotel_room_detail .det_img ._msk .en_bg { display: none; position:absolute; top:35px; right:35px; width:27px; height:110px; background:url(../images/det02_1.png) 0 0 no-repeat; } .hotel_room_detail .det_img ._msk ._tt { display:none; } .hotel_room_detail .det_img ._msk ._tts { display:inline-block; *display:inline; *zoom:1; float:left; margin-right:4px; width:1em; height:3em; font-size:23px; font-family:'宋体华文'; color:#292929; line-height:1; } /*综合页-纵向排版式标题*/ .sbpg_head { padding-top:70px; padding-bottom:50px; } .sbpg_head .sbpg_sologan { height: 166px; margin-top: -40px; text-align: center;} .sbpg_head .sbpg_sologan .tit_bg{ top:0; left:0; z-index: 1; width: 100%; font-size: 137px; text-align: center; line-height: 166px; color: #f2f2f2;} .sbpg_head .solo_box { position:relative; z-index: 2; width: 690px; height: 148px; margin: 0 auto; line-height: 232px;} .sbpg_head .solo_box h2{height: 148px;font-size:40px; color:#000; font-weight: normal; overflow: hidden;} .sbpg_head .solo_box:after { content:''; display:block; position:absolute; bottom: 0; right:0; margin-top:-50px; margin-right:-15px; width:91px; height:50px; background:url(../images/hotel17_1.png) 0 0 no-repeat; } .sbpg_head .solot01,.sbpg_head .solot02 { float:left; margin-right:20px; width:1em; line-height:1; } .sbpg_head .sbpg_desc { width: 87%; margin: 0 auto; font-size:16px; color:#5a5a5a; text-align: center;} /*酒店-综合*/ .hotel_abt .cbanner { margin-bottom:0; height:415px; } .hotel_abt div[class*="part0"] > ._bg { position:relative; top:0; } /*酒店-综合-part01*/ .hotel_abt .part01 .wrap { position:relative; } /*.hotel_abt .sbpg_head .sbpg_sologan { margin-top:-250px; }*/ /*酒店-综合-part02*/ .hotel_abt .part02 { padding-top:55px; padding-bottom:50px; background-color:#f0f0f0; } .hotel_abt .prt02_cell { position:relative; overflow:hidden; } .hotel_abt .prt02_cell:hover img { transform:scale(1.1,1.1); } .hotel_abt .prt02_cell:hover ._msk { background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); } .hotel_abt .prt02_cell ._msk { position:absolute; top:0; left:0; width:100%; bottom:0; color:#ffffff; text-align:center; } .hotel_abt .prt02_cell ._tt { position:absolute; top:50%; margin-top:-10px; width:100%; font-size:19px; line-height:1; } /*酒店-综合-part03*/ /*酒店-综合-part03_&&_part04通用*/ .blur00 { -webkit-filter:blur(-3px); -ms-filter:blur(-3px); -moz-filter:blur(-3px); filter:blur(-3px); filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=-3 MakeShadow=false); } .hotel_abt .part03,.hotel_abt .part04 { position:relative; overflow:hidden; } .hotel_abt .part03 .wrap,.hotel_abt .part04 .wrap { position:relative; z-index:3; } .hotel_abt .part03 ._con,.hotel_abt .part04 ._con { padding-top:80px; padding-bottom:65px; } /*酒店-综合-part03_&&_part04通用 end*/ .hotel_abt .prt03_cell { position:relative; } .hotel_abt .prt03_cell .pic_wrap { background-image:url(../images/hotel29_1.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; } .hotel_abt .prt03_cell .pic_wrap .png_wrap { right:6%; width:66%; } .hotel_abt .prt03_cell .uni_msk { text-align:left; } .hotel_abt .prt03_cell .uni_msk ._con { padding-top:38px; padding-left:40px; } .hotel_abt .prt03_cell ._mrk { display:inline-block; *display:inline; *zoom:1; padding:0 5px; color:#dcdcdc; border:#dcdcdc 1px solid; } .hotel_abt .prt03_cell ._tt { font-size:53px; font-family:'宋体华文'; color:#000000; line-height:1.5; } .hotel_abt .prt03_cell ._sub_tt { margin-bottom:20px; font-size:13px; color:#212121; } /*酒店-综合-part03-post*/ .hotel_abt .post_borad { height:402px; overflow:hidden; background-color:#ff8b13; } .hotel_abt .post_borad ._post_con { position:relative; width:100%; height:0; padding-bottom:173%; } .hotel_abt .post_borad ._mrk { position:absolute; top:15%; right:19%; width:145px; height:140px; background-image:url(../images/hotel30_1.png); background-repeat:no-repeat; background-size:cover; background-position:center center; } .hotel_abt .post_borad ._wd01,.hotel_abt .post_borad ._wd02 { position:absolute; color:#ffffff; } .hotel_abt .post_borad ._wd01 { top:59%; right:30%; font-size:72px; font-family:'宋体华文'; } .hotel_abt .post_borad ._wd02 { top:59%; right:19%; width:1em; font-size:13px; line-height:1; } /*酒店-综合-part03-post end*/ .hotel_abt .prt03_side_cell { text-align:center; background-color:#ffffff; } .hotel_abt .prt03_side_cell ._tt { padding-top:10px; font-size:14px; color:#5a5a5a; line-height:35px; } .hotel_abt .part03 li { margin-bottom:14px; } /*酒店-综合-part04*/ .hotel_abt .part04 .left { float:left; padding-right:4%; width:40%; } .hotel_abt .part04 .left { color:#ffffff; } .hotel_abt .part04 .left ._prt_side_title { margin-bottom:25px; } .hotel_abt .part04 .left ._tt_cn { font-size:35px; font-family:'宋体华文'; line-height:1.5; } .hotel_abt .part04 .left ._tt_en { font-size:16px; font-family:'Arial'; text-transform:uppercase; } .hotel_abt .part04 .left ._desc { font-size:15px; line-height:2; } .hotel_abt .part04 .right { float:right; width:56%; } /*酒店-综合-part05*/ .hotel_abt .part05 { padding-top:55px; padding-bottom:60px; background-color:#f2f2f2; } .hotel_abt .part05 .col_ctr_tt { color:#000000; } /*酒店-综合-part05-翻页式轮播*/ .book_slide { position:relative; } .book_slide_con > .rect-31 { overflow:hidden; } .book_slide .pic_wrap { position:relative; float:left; width:50%; } .book_slide .pic_wrap ._mrk_box { position:absolute; left:12%; bottom:36px; padding:0 6%; width:64%; color:#000000; background:rgba(255,255,255,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff,endcolorstr=#99ffffff); } .book_slide .pic_wrap ._mrk_tt,.book_slide .pic_wrap ._mrk_cur_idx, .book_slide .pic_wrap ._mrk_cur_idx { line-height:64px; } .book_slide .pic_wrap ._mrk_tt { float:left; width:66%; font-size:20px; } .book_slide .pic_wrap ._mrk_idx { float:right; } .book_slide .pic_wrap ._mrk_cur_idx,.book_slide .pic_wrap ._mrk_sum_idx { display:inline-block; *display:inline; *zoom:1; } .book_slide .pic_wrap ._mrk_cur_idx { font-size:36px; } .book_slide .pic_wrap ._mrk_sum_idx { font-size:27px; } .book_slide .txt_wrap { position:absolute; right:0; top:0; bottom:0; width:50%; background-color:#ffffff; } .book_slide .txt_wrap ._txt_con { padding:60px 15% 0 20%; } .book_slide ._txt_hd { font-family:'宋体华文'; color:#000000; text-align:center; } .book_slide ._txt_num_box { font-style:italic; line-height:1; } .book_slide ._txt_num_box ._num { font-size:80px; } .book_slide ._txt_num_box ._en_mrk { font-size:17px; text-transform:uppercase; } .book_slide ._txt_hd ._txt_tt { font-size:35px; line-height:2.1; } .book_slide ._txt_bd { height:6em; overflow:hidden; font-size:15px; color:#5a5a5a; line-height:2; } .book_slide .arrs { display:block; position:absolute; top:50%; margin-top:-27px; width:60px; height:54px; background-image:url(../images/book_slide_arrs_1.png); background-repeat:no-repeat; } .book_slide .arr_prev { right:50%; background-position:0 0; } .book_slide .arr_prev:hover { background-position:0 -54px; } .book_slide .arr_next { left:50%; background-position:-60px 0; } .book_slide .arr_next:hover { background-position:-60px -54px; } /*2016-10-17=====hql=====*/ /*商城-综合*/ .mall_abt .cbanner { margin-bottom:0; height:400px; } /*商城-综合-part01*/ .mall_abt .part01 { padding-top:35px; } /*手风琴*/ .mall_abt .part01 .prolist{border-top:1px solid #fc6621;} .mall_abt .i_prolist .prolist li{ float:left;height:430px; width:190px; position:relative; overflow:hidden; transition: all 0.5s ease;} .mall_abt .i_prolist .prolist li.cur{width:440px;background-size: cover!important;} .mall_abt .i_prolist .prolist li.cur a { padding-left:10%; padding-right:5%; } .mall_abt .i_prolist .prolist li a { display:block; position:relative; height:100%; padding-left:30%; } .mall_abt .i_prolist .prolist li .prolist-li { width:100%; height:100%; background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); position:absolute; top:0; left:0; z-index:5; } .mall_abt .i_prolist .prolist li .pic_wrap { position:absolute; top:0; left:0; width:440px; height:430px; } /*手风琴 end*/ .mall_abt .channel_con{background-color:#f5f5f5;} .mall_abt .part01{ margin-bottom: 50px;} .mall_abt .part01_tit,.mall_tit,.part03_tit{font: bold 21px/42px "Microsoft Yahei"; color:#333; margin-bottom:20px; } .mall_abt .part01 .pic_wrap img {width:100%; height:100%;} .mall_abt .pos_top{position:absolute; width:440px; height:60px;left:0; top:0;} .mall_abt .pro_xs_tag{ width:44px; height:60px; background-color:#ff9e19; float:left; margin-right:6px;} .mall_abt .pro_xs_tag span{font: normal 14px/22px "Microsoft Yahei"; color:#fff;text-align:center; width:14px; margin:auto; display:block; margin-top:10px;} .mall_abt .prolist li.cur .pro_xs_tit { width:390px; } .mall_abt .pro_xs_tit{ width:126px; float:left;} .mall_abt .main_titBox{width:100%; height:40px; overflow:hidden;} .mall_abt .sub_tit{width:100%; height:20px;font: normal 14px/20px "Microsoft Yahei"; color:#757575; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .mall_abt .main_tit{font: bold 17px/28px "Microsoft Yahei"; margin-top:12px;color:#2c2c2c; float:left;} .mall_abt .lg_xstm{float:left; width:90px; height:28px; background:url(../images/mall01_1.jpg) center center no-repeat; margin-top:12px; margin-left:5px; display:none;} .mall_abt .cur .lg_xstm{display:block;} .mall_abt .pro_xs_price{width:60px;height:30px; color:#fc6621; font: normal 26px/30px "Microsoft Yahei"; position:absolute; left:30px; bottom:50px;} .mall_abt .pro_xs_price span{font: bold 30px/30px "Microsoft Yahei";} /*商城-综合-part02*/ .mall_abt .pro_tags { position:relative; z-index:1; height:20px; text-align:center; } .mall_abt .pro_tag { display:inline-block; *display:inline; *zoom:1; width:64px; height:20px; line-height:20px; font-size:12px; color:#ffffff; text-align:center; } .mall_abt .pro_tag.fpost { background-color:#ffac12; } .mall_abt .pro_tag.new { background-color:#84c450; } .mall_abt .mall_abt .part02{margin-bottom:20px;} .mall_abt .pt2_list_box{width:100%; border-top:1px solid #fc6621; padding-top:25px;} .mall_abt .pt2_list_box li { height:auto; z-index:1; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow:hidden;} /*pt2_imgbox*/ .mall_abt li.img_smal { margin-bottom:1.2%; } .mall_abt .pt2_imgbox,.mall_abt li.img_smal .pt2_imgbox{ width:100%; height:0; position:relative; background-color:#fff; } .mall_abt .pt2_imgbox { padding-bottom:150%; } .mall_abt li.img_smal .pt2_imgbox { padding-bottom:72%; } .mall_abt li.img_smal .pt2_imgbox .pro_new_tit { margin-bottom:0; } .mall_abt .pro_new_tit{font: normal 13px/22px "Microsoft Yahei"; color:#000; width:100%; text-align:center; height:22px; margin-bottom:5px;} .mall_abt .pro_new_price{font: normal 13px/22px "Microsoft Yahei"; color:#fc6621; width:100%; text-align:center; height:22px; width:100%;} .mall_abt .pt2_imgbox .pos_box,.mall_abt li.img_smal .pt2_imgbox .pos_box{position:absolute; width:100%;} .mall_abt .pt2_imgbox .pos_box { bottom:10%; } .mall_abt li.img_smal .pt2_imgbox .pos_box { bottom:5%; } .mall_abt .pt2_imgbox .in_img,.mall_abt li.img_smal .pt2_imgbox .in_img{ height:auto; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto;} .mall_abt .pt2_imgbox .in_img { bottom:34%; width:80%; } .mall_abt li.img_smal .pt2_imgbox .in_img { bottom:30%; width:45%; } .mall_abt .pt2_imgbox .in_img img{width:100%; height:100%; position:absolute; top:0; left:0;} .mall_abt .pt2_imgbox .pos_box_s{position:absolute; bottom:5px;width:100%;} .mall_abt .pt2_imgbox .fadein_box{width:100%; height:0; position:absolute; left:0; bottom:0; z-index:3; opacity:0; overflow:hidden; transition:all 0.2s linear; -webkit-transition: all 0.2s linear;} /*pt2_imgbox end*/ .mall_abt .pt2_list_box a:hover .fadein_box{height:100px; opacity:1;} .mall_abt .fadein_box .fadein_tit{background-color:#ff6700; width:100%; height:60px; text-align:center; color:#fff;font: normal 13px/60px "Microsoft Yahei";} .mall_abt .fadein_box .fadein_buy{background-color:#ff2c00; width:100%; height:40px; text-align:center; color:#fff;font: normal 13px/40px "Microsoft Yahei";} /*small_list*/ /*.pt2_list_box .small_list li{width:100%; height:175px; position:relative;} .pt2_list_box .small_list .img{ width:100%; height:100%;} .pt2_imgbox .in_img_s{width:100px; height:100px; position:absolute;bottom:60px; left:0; right:0; margin-left:auto; margin-right:auto;} .pt2_imgbox .in_img_s img{width:100%; height:100%; position:absolute; top:0; left:0;}*/ /*small_list end*/ /*商城-综合-part03*/ .mall_abt .part03 { padding-bottom:60px; } .mall_abt .hot_prolist{border-top: 1px solid #fc6621;} .mall_abt .hot_imgbox{position:relative; height:0; padding-bottom: 150%;} .mall_abt .hot_imgbox .in_img{width:80%; position:absolute; bottom:110px; left:0;right:0; margin-left:auto; margin-right:auto;} .mall_abt .hot_imgbox .in_img img {position:absolute; left:0; top:0; width:100%; height:100%;} .mall_abt .hot_protit{font:normal 13px/30px "Microsoft Yahei"; color:#000; height:30px; position:absolute; bottom:80px; text-align:center; width:auto; overflow:hidden; padding:0 10%;} .mall_abt .hot_proprice{font:normal 13px/30px "Microsoft Yahei"; color:#000; height:30px; position:absolute;bottom:50px; text-align:left; width:auto;overflow:hidden; padding:0 10%;} .mall_abt .hot_proprice span{ font-weight:bold; color:#ff2c00;} .mall_abt .hot_list_t{width:120px; height:35px; float:left; border: 1px solid #e8e8e8; border-top:none; text-align:center; overflow:hidden;} .mall_abt .hot_list_t a{font:normal 16px/35px "Microsoft Yahei"; color:#515151;} .mall_abt .hot_prolist .hot_a:hover .hot_imgbox { } .mall_abt .hot_prolist .tab_c li:last-child .dashed { display:none; } .mall_abt .hot_prolist .tab_c li.last .dashed { display:none; } .mall_abt .hot_prolist .tab_t_cur,.mall_abt .hot_prolist .tab_c_cur { background-color:#ffffff; } .mall_abt .hot_prolist .tab_t_cur a{font-weight:bold;} .mall_abt .hot_prolist .tab_t_cur{ border-bottom:none;border-left:none; border-right:none;} .mall_abt .hot_imgbox .dashed {width:2px; height:200px; background:url(../images/dashed_1.png) top center no-repeat; position:absolute; right:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto;} .mall_abt .hot_prolist .hot_a:hover .hot_imgbox:before { content:''; top:0; } .mall_abt .hot_imgbox:before { content:''; display:block; position:absolute; top:100%; left:0; bottom:0; width:100%; background-color:#e8e8e8; } /*商城-综合-btm_img*/ /*.mall_abt .btm_img { position:relative; height:70px; overflow:hidden; } .mall_abt .btm_img img { position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; max-width:none; }*/ .mall_abt .btm_img { overflow:hidden; text-align:center; } .mall_abt .btm_img img { display:inline-block; *display:inline; *zoom:1; width:1920px; max-width:none; height:auto; margin:0 -100%; margin:0 -50%\9; } /*温泉-综合*/ .spring_abt .cbanner { height: 415px; margin-bottom:0; } /*温泉-综合-part01*/ .spring_abt .part01 .wrap { position:relative; } /*温泉-综合-part02*/ .spring_abt .part02{padding-bottom:50px; padding-top:50px;background-color:#f1f1f0;} .spring_abt .img_box .mask1{margin:10px; position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);} .spring_text1{width:35%; margin-left: 15%; margin-top: 5%; position:relative;} .spring_abt .spring_pt2_tit{font:bold 23px/44px "宋体华文","SimSun"; color:#0f84dd; text-align:left; white-space:nowrap;} .spring_abt .img_box .mask2{margin:10px; position:absolute; top:100%; left:0; bottom:0; right:0; background-color:#0f84dd;} .spring_abt .pt2_cell a:hover .spring_pt2_tit{color:#ffffff;} .spring_abt .pt2_cell a:hover .mask2{top: 0;transition: 0.3s all;} .spring_abt .spring_text1 .rect-60:after{ content:""; position: absolute; left:0; bottom: 0; z-index: 1; width: 30px; height:1px; background-color: #fff;} /*温泉-综合-part03*/ .spring_abt .part03{ padding-top:75px; padding-bottom:60px;} .spring_abt .part03 .col_ctr_tt{color:#000;} .spring_abt .part03 .col_ctr_tt ._hd{font-size:44px; font-family:'宋体华文';} .spring_abt .part03 .col_ctr_tt ._bd{color:#282828;} .lb_list{height:0; overflow:hidden; padding-bottom:35%;} .spring_abt .part03 .slide_nav{bottom:10px; right:50px;} .spring_abt .part03 .slide_nav a{width: 12px; height: 0; background-color: #c7c7c7; border-radius:6px; display: inline-block; margin: 0 2px;padding-top: 12px;overflow: hidden;} .spring_abt .part03 .slide_nav a:hover{background-color:#ff9a00;} .spring_abt .part03 .slide_nav a.on{ width:36px; background-color:#ff9a00;} .spring_abt .l_mask{position:absolute; top:0; left:0; bottom:0;width:34%; background-color:rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);} .spring_abt .l_mask .l_mask_txt { padding-left:11%; } .spring_abt .l_tit{ padding-top:80px; font-size:40px; font-family:"宋体华文"; color:#fff; line-height:1.1; text-align:left;} .spring_abt .e_tit{ font-size:16px; font-family:Arial; color:#979797; text-align:left; border-bottom:2px solid #ff9a00; display:inline-block;} .spring_abt .l_info{ padding-right:20%; padding-top:20px; height:6.4em; overflow:hidden; font-size:14px; color:#fff; text-align:left;} .spring_abt .lb_wrap{position:relative;} .spring_abt .lb .zhu{position:absolute; bottom:0; left:-123px;} /*温泉-综合-part04*/ .spring_abt .part04{background-color:#edf3f3;padding:80px 0; background:url(../images/hotel02_1.jpg) top right no-repeat; background-color:#edf3f3;} .spring_abt .huisuo{position:relative;} .spring_abt .huisuo .span-3 .rect-140 .info_box { background:rgba(255,154,0,.90); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e6ff9a00,endcolorstr=#e6ff9a00); } .spring_abt .huisuo .span-3:nth-child(3) .rect-140 .info_box { background:rgba(0,0,0,.70); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b4000000,endcolorstr=#b4000000); } .spring_abt .mountain{width:auto; height:auto; position: absolute; bottom:0;left:-570px; margin-bottom:-80px; } .spring_abt .part04 .white{background-color:#fff; text-align:center;} .spring_abt .hs_tit{font:bold 21px/42px "宋体华文"; color:#000; text-align:center; padding-top:25%;} .spring_abt .hs_etit{font:normal 8px/16px Arial; color:#cacaca; text-align:center;} .spring_abt .white .more{color:#ff9a00; border-color:#ff9a00; margin-top:20px;} .spring_abt .hs_info{font:normal 13px/26px "Microsoft Yahei"; color:#5a5a5a; text-align:center; padding:10px 20%;} .spring_abt .huisuo .info_box{position:absolute; top:0; left:0;bottom:0; width:100%; text-align:center;} .spring_abt .info_box .hs_tit,.spring_abt .info_box .hs_etit, .spring_abt .info_box .more, .spring_abt .info_box .hs_info{color:#fff;} .spring_abt .info_box .hs_tit{padding-top:35%;} .spring_abt .info_box .more{margin-top:30px;} .spring_abt .info_box .more a:hover{color:#fff;} .spring_abt .huisuo .look_more{margin-left:50%;width:25%; text-align:center; background-color:#423836; height:90px; line-height:90px; font-size:20px; color:#ffffff; } /*温泉-综合-part05*/ .spring_abt .part05{width:100%; overflow:hidden; text-align:center;} .spring_abt .part05 .img_box{width:1920px;height:335px; position:relative; margin:auto; left:50%; margin-left:-960px;} .spring_abt .patr05 .img_box img{width:100%;height:auto;} .spring_abt .pt5_wrap{position:absolute; top:0;bottom:0; width:100%; text-align:center; background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);} .spring_abt .pt5_wrap .hs_tit{padding-top:60px; color:#fff; font-size:34px; line-height:50px;} .spring_abt .pt5_wrap .hs_info{color:#fff;padding-bottom:16px;} /*资讯-综合*/ /*资讯-综合-part01*/ .info_abt .part01 { margin-bottom:40px; } .info_abt .prt01_t01{position:relative;} .info_abt .prt01_t01 ._msk{position:absolute; top:0;bottom:0;left:0;width:100%;} .info_abt .prt01_t01 ._msk_con { padding-left:10%; } .info_abt .cx_tit{ width: 202px; height: 69px; margin-top:70%; font-family:"宋体华文"; font-size:42px; font-weight:bold; line-height:60px; color:#fff;font: 0/0 a; letter-spacing: -9px; background-image: url(../images/cx_tit_bg_1.png); background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat;} .info_abt .cx_tit span{ display: none;font-family:Arial; font-size:30px; font-weight:normal;} .info_abt .cx_info{ font-size:21px;color:#fff; line-height:44px; padding-bottom:15px;} .info_abt ._msk ._go{ font-size:16px; height:50px; line-height:50px; width:30%; } .info_abt ._msk ._wd{display:inline-block; color:#fff;position:relative;} .info_abt .prt02_r,.info_abt .prt03_r { background-color:#ffffff; } .info_abt .prt02_l,.info_abt .prt03_l{width:50%;} .info_abt .prt02_r{width:50%;position:absolute; top:0; right:0; bottom:0;} .info_abt .pos_li{position:relative;} .info_abt .prt02_r .tit,.info_abt .prt03_r .tit{padding-top:25%; font-size:18px; font-weight:bold; line-height:28px; text-align:left; color:#000; padding-left:18%;padding-right:18%;} .info_abt .prt02_r .info,.info_abt .prt03_r .info{font-size:11px; line-height:22px; color:#949494; padding-left:18%;padding-right:18%;} .info_abt .prt03_r{width:50%;position:absolute; top:0; left:0; bottom:0;} .info_abt .prt02_r:after{content:""; border-top:15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #fff; position:absolute;top:20%;left:-12px; width:0; height:0;} .info_abt .prt03_l { width:50%; } .info_abt .prt03_r:after{content:""; border-top:15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #fff; position:absolute;top:20%;right:-12px; width:0; height:0;} /*资讯-综合-part02*/ .info_abt .part02 { padding-top:55px;} .info_abt ._sumry_info{padding-top:30px;} .info_abt .uni_act_cell:before{background-color:#ff9a00;} .info_abt .uni_act_cell{background-color:#f3f3f3;} .info_abt .part02{background-color:#fff;} .info_abt .act { margin-bottom:30px; } .info_abt .uni_act_cell .pic_wrap{border:none;} .info_abt .act:hover .uni_act_cell ._date{color:#fff; } .info_abt .act:hover .uni_act_cell ._day{border-bottom:1px solid #fff;} .info_abt .act:hover .uni_act_cell ._year{color:#fff;} .info_abt .act:hover .uni_act_cell ._tt{color:#fff;} .info_abt .act .uni_act_cell ._tt { margin-bottom:15px; height:3.4em; overflow:hidden; font-size:15px; line-height:1.7; } .info_abt .act:hover .uni_act_cell .uni_act_desc{color:#fff;} /*2016-10-24*/ /*通用瀑布流2*/ /*通用瀑布流2-通用部分*/ .uni_full_list2 .channel_main .cbanner{ height: 329px; margin-bottom: 0;} .uni_full_list2 .full_list { padding-top: 30px; } .uni_full_list2 .sbpg_head .solo_box:after{ display: none;} .fall_unit { position:relative; float:left; margin-bottom: 14px; text-align:center; } .fall_unit.abox { display:block; } .fall_unit ._msk { position:absolute; left:0; top:0; bottom:0; width:100%; } .fall_unit .info_txt { position:relative; z-index:2; padding-top: 28.3%; width:60.75%; margin: 0 auto;} .fall_unit .hs_tit { font-size:28px; font-family:'宋体华文'; font-weight:bold; line-height:1; color:#000000; } .fall_unit .hs_etit { margin-bottom:10px; font-size: 12px; line-height: 20px; color:#cacaca; } .fall_unit .hs_info { margin-top: 6px; font-size:14px; color:#5a5a5a; line-height:24px; } /*通用瀑布流2-pic_bg*/ .fall_unit.pic_bg ._msk { position:absolute; left:0; top:0; bottom:0; width:100%; } .fall_unit.pic_bg ._msk:before { content:''; display:block; position:absolute; top:0; left:0; bottom:0; width:100%; background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); } .fall_unit.pic_bg:hover ._msk:before { content:''; bottom:100%; } .fall_unit.pic_bg ._msk:after { content:''; display:block; position:absolute; top:100%; left:0; bottom:0; width:100%; background:rgba(255,154,0,.90); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e6ff9a00,endcolorstr=#e6ff9a00); } .fall_unit.pic_bg:hover ._msk:after { content:''; top:0; } .fall_unit.pic_bg .hs_tit,.fall_unit.pic_bg .hs_info { color:#ffffff; } /*通用瀑布流2-white_bg*/ .fall_unit.white_bg .img_bg { display:none; } .fall_unit.white_bg ._msk { background-color:#ffffff; } .fall_unit.white_bg ._msk:hover .hs_tit { color:#ff9e19; } /*新闻详情*/ .widget-newsdetail-8 .news_ico02 .news_list_ico{background-position:-20px -2px;} .widget-newsdetail-8 .n_left { width:66.8%; float:left;background:#fcfcfc;padding:40px 36px 70px;box-sizing:border-box;} .widget-newsdetail-8 ._head ._title { font-size:32px; font-weight:bold; color:#000000; margin-bottom:10px;} .widget-newsdetail-8 ._tools { font-size:0; color:#5a5a5a; margin-bottom:40px;} .widget-newsdetail-8 ._tools ._tool{ font-size:12px; margin-right:10px; display:inline-block; height:30px; line-height:30px; overflow:hidden;} .widget-newsdetail-8 ._tools .ion { font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;} .widget-newsdetail-8 ._tools b { font-weight:normal; } .widget-newsdetail-8 ._tools #switcher { margin-left:10px; } .widget-newsdetail-8 ._tools #switcher ._title{margin-right:5px;font-size:12px;color:#5a5a5a;} .widget-newsdetail-8 ._tools #switcher .ion { font-size:15px; } .widget-newsdetail-8 ._tools .bds_more { float:none; background:none; padding:0;} .widget-newsdetail-8 .myart { line-height:2; min-height:200px; font-size:14px; color:#5a5a5a; } .widget-newsdetail-8 .n_right { width:30%; float:right;overflow:hidden;} /*.widget-newsdetail-8 .n_right ._tools { text-align:right; }*/ .widget-newsdetail-8 ._tools ._back { position:relative; height:50px; width:220px; font-size:18px; font-weight:normal;color:#bcbcbc;line-height:50px; border:1px solid #a6a6a6;} .widget-newsdetail-8 ._tools ._back ._txt { position:absolute; top:50%; left:15px; z-index:2; margin-top:-25px; } .widget-newsdetail-8 ._tools ._back:hover { color:#ffffff; border-color:#ffffff; } .widget-newsdetail-8 ._tools ._back .back_ico { position:absolute; top:50%; right:15px; z-index:2; height:20px; margin:-10px 0px 0px; font-weight:bold; font-size:20px; line-height:20px;} .widget-newsdetail-8 ._tools .share,.widget-newsdetail-8 ._tools .print { width:36px; height:36px; line-height:36px; text-align:center; background-color:#80939e; border-radius:50%; cursor:pointer; overflow:hidden; margin-right:0; margin-left:15px;} /*.widget-newsdetail-8 ._tools .share:hover,.widget-newsdetail-8 ._tools .print:hover { background-color:#ec7f00; }*/ .widget-newsdetail-8 ._tools .share .ion,.widget-newsdetail-8 ._tools .print .ion { font-size:18px; color:#ffffff; } .widget-newsdetail-8 ._tools .share:hover .ion,.widget-newsdetail-8 ._tools .print:hover .ion { color:#ffffff; } .widget-newsdetail-8 ._tools .share .ion { font-size:20px; } .widget-newsdetail-8 ._detailPage_bottom li strong,.widget-newsdetail-8 ._detailPage_bottom li span,.widget-newsdetail-8 ._detailPage_bottom li a{ display:block;} .widget-newsdetail-8 ._detailPage_bottom{margin-top:45px;} /*.widget-newsdetail-8 ._detailPage_bottom ul{padding:10px 7%;}*/ .widget-newsdetail-8 ._detailPage_bottom li ._mark{ padding-bottom:8px; font-size:20px; font-weight:bold; color:#212121;position:relative;display:block;width:3em;} .widget-newsdetail-8 ._detailPage_bottom li ._mark:after{content:"";width:310px;height:1px;background:#e2e2e2;display:block;position:absolute;top:50%;left:3.4em;} .widget-newsdetail-8 ._detailPage_bottom ._date{ height:30px; line-height:30px; margin-bottom:7px; font-family:Arial; font-size:12px; color:#676767; } .widget-newsdetail-8 ._detailPage_bottom ._date .ion { font-size:20px; height:30px; vertical-align:-2px; margin-left:0;} .widget-newsdetail-8 ._detailPage_bottom li ._title:hover { color:#ff9e19; } .widget-newsdetail-8 ._detailPage_bottom li ._title, .widget-newsdetail-8 ._detailPage_bottom li ._title._null { font-size:18px; color:#5a5a5a; } .widget-newsdetail-8 ._detailPage_bottom li { padding: 27px 0; } /*2016-10-26*/ /*酒店-住宿-详情*/ .uni_fp_det .detail_r ._room_yd { margin-bottom:0; } /*2016-10-27*/ /*新导航样式*/ .pageNav { width:44%; } .index .pageNav .nav_li:hover { background-color:transparent; } .pageNav .nav_li.cur a,.pageNav .nav_li a:hover { color:#ff9e19; } .pageNav .nav_li { position:relative; float:left; padding: 0 28px; font-size:17px; line-height:97px; text-align:center; } .index .pageNav .nav_li.cur a,.index .pageNav .nav_li a:hover { color:#ff9e19; } .pageNav .nav_li > a { color:#606060; } .index .pageNav .nav_li > a { color:#ffffff; } .pageNav .sec_ul { display:none; position:absolute; top:100%; left:50%; margin-left:-60px; padding:15px 0 5px; background-color:#f5f5f5; border-top:2px #ff9e19 solid; } .pageNav .nav_li .sec_ul > li { border-bottom:1px #ffffff solid; } .pageNav .nav_li .sec_ul > li:last-child { border-bottom:none; } .pageNav .nav_li .sec_ul > li.last { border-bottom:none; } .pageNav .nav_li .sec_ul a { display:block; padding-left:38px; width:170px; height:48px; line-height:48px; font-size:15px; color:#5a5a5a; text-align:left; } .pageNav .nav_li .sec_ul a:hover { color:#ff9e19; } /*酒店详情页-跳转动画*/ .close_det { position:absolute; top:40px; right:32px; width:52px; height:52px; background:url(../images/hotel_room_close_ico_1.jpg) no-repeat center; display:none; /* display:inline-block; *display:inline; *zoom: 1;*/ margin-bottom:30px; opacity:0.3; cursor:pointer; } .shield_det { position:fixed; left:0; top:0; z-index:99; width:100%; height:100%; } .close_det:hover { opacity:1; } .frame_hotel_stay_det_box { position:fixed; top:0; left:100%; z-index:100; width:100%; height:100%; overflow:hidden; background-color:#ffffff; } /*.frame_hotel_stay_det_box.open { left:0; }*/ .frame_hotel_stay_det { overflow:hidden; } .hotel.uni_fp_det .detail_r ._r_arr_ico { margin-top:102px; } .uni_fp_det .detail_r ._r_arr_ico { margin-top:60px; } /*通用*/ body,.iMain { background-color:#ffffff; } /*20161028*/ .mh100{min-height: 100px;} /*通用下层2*/ .solution{padding-top:170px;padding-bottom: 0;background: url(../images/bg_shangbanner_1.jpg) no-repeat top center; background-size: 100% auto;background-repeat:no-repeat; background-attachment:fixed} .solution_l{float: left;width: 34%;} .solution_r{float: right;width: 66%;position: relative;} .s_pos{float:right;width:100%;color:#fff;margin-top: -65px;text-align: right;} .s_pos .a_font{color:#fff;} .s_pos .a_font:hover{color:#e70014;} .solution_l_t{font-size: 38px;color: #fff;display: inline-block;border-top:solid 3px #ff9e19;border-bottom:solid 3px #ff9e19;} .solution_l_p{width: 308px;padding-right: 100px;margin-top: 20px;margin-bottom: 25px;font-size: 14px;color: #e4e4e4;} .solution_navs li{float: left;width: 152px;height: 45px;line-height: 45px;background-color: #dadcdd;margin-right: 6px;margin-bottom: 10px;cursor: pointer;} .solution_navs li a{padding-left: 38px;color: #5c5c5c;} .solution_l .solution_navs li.on{background-color:#ff9e19;} .solution_l .solution_navs li.on a{color: #fff;} .solution_l .solution_navs li.on a{color:#fff;} .solution_l .solution_navs li:hover{background-color:#ff9e19;color: #fff;} .solution_l .solution_navs li:hover a{color:#fff;} .solution_r{float:right;width: 66%;background-color: #fff;margin-bottom: 135px;} .solution_r ._t{font-size: 32px;color: #333;padding-top: 25px;line-height: 55px;padding-right:30px;padding-left: 55px;} .solution_r ._c{padding: 30px 40px 100px 55px;line-height: 25px;font-size: 14px;color: #5a5a5a;} /*2016-10-30*/ /*tpmenu*/ .tpmenu_box.show { background-color:#1d1d1d\9; } .tpmenu_box.show .txt_box { position:relative; padding-top:135px; } .tpmenu_box.show .left { float:left; width:60%; } .tpmenu_box.show .left ._tt { font-family:"Arial"; font-size:62px; color:#ffffff; text-transform:uppercase; } .tpmenu_box.show .left ._alink { display:inline-block; *display:inline; *zoom:1; margin-bottom:40px; padding-bottom:20px; font-family:"Arial"; font-size:30px; color:#ffffff; border-bottom:#8c6e4a 1px solid; } .tpmenu_box.show .left ._tel,.tpmenu_box.show .left ._mail { display:inline-block; *display:inline; *zoom:1; } .tpmenu_box.show .left ._mail { position:relative; margin-left:90px; } .tpmenu_box.show .left ._mail:after { content:''; display:block; position:absolute; top:50%; left:0; margin-top:-1px; margin-left:-60px; width:45px; height:1px; background-color:#8c6e4a; } .tpmenu_box.show .left ._address { font-size:14px; color:#717171; line-height:1.9; } .tpmenu_box.show .right { float:right; width:21%; } .tpmenu_box.show .rt_box { margin-bottom:40px; } .tpmenu_box.show .rt_box ._hd { position:relative; margin-left:60px; margin-bottom:30px; font-size:14px; color:#ffffff; } .tpmenu_box.show .rt_box ._hd:after { content:''; display:block; position:absolute; top:50%; left:0; margin-top:-1px; margin-left:-60px; width:40px; height:1px; background-color:#8c6e4a; } .tpmenu_box.show .rt_box ._bd { position:relative; font-size:14px; color:#717171; } .tpmenu_box.show .rt_box ._bd_ico { position:absolute; top:0; left:0; margin-top:-15px; width:78px; height:78px; background-position:0 0; background-repeat:no-repeat; } .tpmenu_box.show .rt_box.rtb01 ._bd_ico { background-image:url(../images/tp01_1.png); } .tpmenu_box.show .rt_box.rtb02 ._bd_ico { background-image:url(../images/tp02_1.png); } .tpmenu_box.show .rt_box ._bd_txt { margin-left:100px; } .tpmenu_box.show .rt_box ._bd_txt ._room { display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .tpmenu_box.show .close_tpmenu { position:absolute; top:55px; right:15px; width:31px; height:31px; background-image:url(../images/tp03_1.png); background-position:0 0; background-repeat:no-repeat; cursor:pointer; } /*2016-10-31*/ /*临时*/ .pageFooter .ft_left .site_links { margin-bottom:55px; } .r_xuanfu { z-index:8; } /*新闻-列表*/ ._tools .bdshare-button-style1-16 .bds_more { margin-top:0; background-image:url(../images/news_ico_1.png)!important; } ._tools ._number,._tools ._time { display:inline-block; *display:inline; *zoom:1; float:left; } /*2016-11-07*/ /*通用样式*/ /*图片*/ .rect-70 { padding-bottom:70%; } .rect-68 { padding-bottom:68%; } /*动效*/ .mall_det .imgs01 .pic_cell,.light_mask, .transition { transition:all ease 0.3s; -webkit-transition:all ease 0.3s; } /*横向滚动*/ .imgScrollWrap { position:relative; } .imgScrollWrap .imgs_prev,.imgScrollWrap .imgs_next { display:block; position:absolute; top:50%; z-index:3; margin-top:-33px; width:22px; height:66px; cursor:pointer; } /*.imgScrollWrap .imgs_prev:hover,.imgScrollWrap .imgs_next:hover { box-shadow:#dbdbdb 0 0 6px 2px; }*/ .imgs_prev { left:0%; background-image:url(../images/mall05a_1.png); background-position:center center; background-repeat:no-repeat; } .imgs_next { right:0%; background-image:url(../images/mall05b_1.png); background-position:center center; background-repeat:no-repeat; } /*商城-详情*/ /*商城-详情-面包屑*/ .mall_det .breadcrum { margin-bottom:43px; background-color:#f5f5f5; } .mall_det .bread_list { font-size:13px; line-height:3.1; color:#8d8d8d; } .mall_det .bread_list > em { margin:0 5px; } /*商城-详情-part01*/ .mall_det .part01 { background-color:#f6f6f6; } .mall_det ._prt01_con { padding:30px 34px 36px 44px; } /*商城-详情-part01-left*/ .mall_det .part01 .left { float:left; width:48.5%; } .mall_det .part01 ._imgShowUp { margin-bottom:30px; background-color:#ffffff; } .mall_det .part01 ._imgShowUp .pic_box { margin:0 15%; width:70%; opacity:0; } .mall_det .part01 ._imgShowDown { padding:0 4.4%; } .mall_det .part01 .imgs_arrs:hover { background-color:#ffffff; } .mall_det .part01 .imgs_prev { left:5%; margin-left:-30px; } .mall_det .part01 .imgs_next { right:5%; margin-right:-30px; } .mall_det .imgs01 { height:67px; overflow:hidden; } .mall_det .imgs01 .pic_cell { width:92px; cursor:pointer; } .mall_det .imgs01 .pic_cell .imgBox { box-sizing:border-box; background-color:#ffffff; border:#ffffff 1px solid; } .mall_det .imgs01 .pic_cell:hover .imgBox { border-color:#ff6700; } .mall_det .imgs01 .pic_cell .imgInn { margin:0 15%; width:70%; } /*.zoomdiv.active { background-color:#ffffff!important; }*/ /*商城-详情-part01-right*/ .mall_det .part01 .right { float:right; width:47.7%; } .mall_det .part01 ._pro_tt { margin-bottom:5px; font-size:20px; font-weight:normal; line-height:3.2; color:#1a1a1a; } .mall_det .part01 .price_box { padding:12px 0 15px 19px; color:#ffffff; background-color:#ff6700; } .mall_det .part01 .price_box ._tag_tt { margin-right:15px; font-size:14px; } .mall_det .part01 ._old_price ._price_wrap { text-decoration:line-through; } .mall_det .part01 ._sale_price { margin-bottom:6px; font-weight:bold; } .mall_det .part01 ._sale_price ._type { font-size:16px; } .mall_det .part01 ._sale_price ._num { font-size:28px; } .mall_det .part01 .price_box ._sologan { margin-left:74px; font-size:14px; } .mall_det .part01 .pub_time { margin-bottom:30px; padding-left:93px; font-size:13px; line-height:45px; color:#999999; border-bottom:#dddddd 1px dashed; } .mall_det .part01 .order_btn { margin-bottom:93px; width:263px; height:50px; line-height:50px; font-size:18px; color:#262626; text-align:center; background-color:#d9d9d9; cursor:pointer; } .mall_det .part01 .order_btn ._wd { display:inline-block; position:relative; padding-left:46px; } .mall_det .part01 .order_btn ._wd:after { content:''; display:block; position:absolute; top:50%; left:2px; margin-top:-9px; width:23px; height:18px; background-image:url(../images/mall06_1.png); background-position:0 0; background-repeat:no-repeat; } .mall_det .part01 .back_or_share { padding-left:47px; height:64px; line-height:64px; background-color:#f5f5f5; box-shadow:#e5e5e5 0 0 40px inset; } .mall_det .part01 .back_or_share ._back { font-size:15px; color:#a4a4a4; } .mall_det .part01 .back_or_share ._back ._en { font-size:12px; text-transform:uppercase; } .bdsharebuttonbox.mall_det_share { padding:20px 13px 0 0; } .bdsharebuttonbox.mall_det_share > a { margin-right:20px; } /*商城-详情-订购表单*/ .light_mask { position:absolute; top:0; left:0; bottom:0; width:100%; z-index:-1; } .light_mask.light_off { z-index:28; background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); } .uni_order_form { display:none; /*position:fixed; top:50%; left:50%; z-index:30; margin-top:-280px; margin-left:-600px;*/ width:1200px; background-color:#fff; } .uni_order_form ._con ._clo{font-size: 37px;color: #ff9e19; position: absolute;right: 0;top: 0;cursor:pointer;} .uni_order_form.show { display:block; } .uni_order_form ._con { padding:50px 78px 52px 40px; background-color:#ffffff; } .uni_order_form .left { float:left; width:48.5%; } .uni_order_form .right { float:right; width:48.5%; } .uni_order_form ._tips { margin-bottom:40px; font-size:16px; color:#000000; text-align:center; } /*表单-通用样式*/ .uni_order_form .form_rec_wrapper { position:relative; margin-bottom:18px; padding:12px 30px 10px 95px; font-size:14px; background-color:#f7f7f7; } .uni_order_form .form_rec_wrapper > label { position:absolute; left:20px; top:15px; color:#858558; } .uni_order_form .form_rec_wrapper > input,.uni_order_form .form_rec_wrapper > textarea { margin:0; padding:0; color:#5a5a5a; background-color:transparent; border:none; } .uni_order_form .form_rec_wrapper > input { line-height:30px; width:75%; /*background-color:transparent;*/ } .uni_order_form .form_rec_wrapper > textarea { width:75%; height:6.7em; overflow-y:auto; } .uni_order_form #vertification_code_wrapper > ._inp { margin-right:8%; width:25%; } .uni_order_form #vertification_code_wrapper > img { margin-right:4%; width:100px; height:30px; } .uni_order_form #vertification_code_wrapper > em,.uni_order_form #vertification_code_wrapper > b { line-height:30px; } .uni_order_form #vertification_code_wrapper > em { color:#fe453d; } .uni_order_form #vertification_code_wrapper > b { color:#666666; } .uni_order_form .uni_form .uni_form_btns { font-size:0; text-align:center; } .uni_order_form .btn_form { display:inline-block; *display:inline; *zoom:1; width:130px; height:32px; line-height:32px; font-size:18px; color:#ffffff; text-align:center; background-color:#909090; border:none; cursor:pointer; } .uni_order_form .btn_form.submit { margin-right:3%; background-color:#f37020; } /*表单-通用样式-下拉选择*/ .uni_order_form .form_rec_wrapper .select-ui-choose-default{width:100%;border:none;background: transparent;border-radius: 0!important;} .uni_order_form .form_rec_wrapper .select-ui-choose ._arrow .arr{width:13px;height:8px;background:url(../images/se_se_1.png) no-repeat;border: 0;margin: -4px 0 0;} .uni_order_form .select-ui-options-default li:hover{background: #f37020!important;} /*商城详细*/ /*商城详细-bread-2*/ .mall_det .widget-bread-2 {font-size: 13px; color: #777777;height: 40px;position: absolute;top: 97px;width: 100%;line-height: 40px;padding-left: 5%;background: #F5F5F5; } .mall_det .widget-bread-2 a { color: #777777;} .mall_det .widget-bread-2 a:hover{color:#286090;} .mall_det .widget-bread-2 em { color:#cccccc; margin: 0 5px;} /*商城详细-bread-2 end*/ .mall_det{background-color: #ffffff} .mall_det .part01{height: 560px;margin-top: 45px;margin-bottom: 55px;} .mall_det .part02_left{width: 21.6%;float: left;} .mall_det .part02_left .left_title{background-color: #F3F3F5;height: 50px;line-height: 50px;padding-left: 10px;margin-bottom: 18px;} .mall_det .part02_left .left_title .cline{height: 28px;width: 4px;background-color: #FF6700;display: inline-block;margin-right: 16px;vertical-align: middle} .mall_det .part02_left .left_title>span{font-size: 18px;} .mall_det .part02_left .left_mes{border: 2px solid #f3f3f5;} .mall_det .part02_left .left_mes .pro_tuijian{width: 100%} .mall_det .part02_left .left_mes .pro_tuijian .pro_tuijian_item{display: inline-block;width: 100%} .mall_det .part02_left .pro_tuijian .pro_num{width: 20px;height: 20px;line-height: 20px;display: inline-block;text-align: center;background: #9E9E9E;color: #FFFFFF;float: left;margin-left: 30px;} .mall_det .part02_left .left_mes .pro_right{width: 71.8%;float: right;} .mall_det .part02_left .left_mes .pro_right .pro_xian{font-weight: normal;} .mall_det .part02_left .left_mes .pro_right .pro_xian>span{color: #920005;font-weight: bold;} .mall_det .pro_right .pro_yuan{display: block;} .mall_det .pro_name,.mall_det .pro_yuan,.mall_det .pro_xian{color: #323232} .mall_det .pro_tuijian_item{padding-top: 30px;border-bottom: 1px solid #f3f3f5} .mall_det .part02_left .left_mes .dangqian .pro_num{background: #FF4E00} .mall_det .pro_img{margin-bottom: 20px;} .mall_det .pro_img img{margin-left: 45px;} .mall_det .part02_right{width: 75.8%;float: right;border: 2px solid #f3f3f5;} .mall_det .right_t{background: #ccc;width: 100%;} .mall_det .part02_right .tab_b{text-align:right;background:#ccc;} .mall_det .part02_right .tab_t{ display:inline-block; *display:inline; *zoom:1; width: 240px; text-align: center;color:#666666;height: 50px;font-size: 18px;line-height: 50px;background: #F3F3F5} .mall_det .part02_right .tab_t_cur{background:#FF6700;color: #fff} .mall_det .part02_right .tab_c{border:1px solid #ccc;} .mall_det .part02_right .tab_c img{width: 100%;} .mall_det .tab_back{background: #F3F3F5;height: 50px;width: 100%;} .mall_det .pro_tuijian_item:last-child{border-bottom: none;} .mall_det .pro_tuijian_item.last { border-bottom: none; } /*商城-列表*/ .mall_list .list-nav{height: auto;width: 100%;background-color: #ffffff;} .mall_list .list-nav .wrap .list-li li{float: left;height: 81px;line-height: 81px; } .mall_list .list-nav .wrap .list-li li a{font-size: 15px;display: block; text-align: center;padding:0 30px;} .mall_list .list-nav .wrap .list-li li .on{color: #ff9e19; border-bottom: 3px solid #ff6700;} .mall_list .bg{padding-bottom: 30px;background-color: #f5f5f5;} .mall_list .cbanner { position:relative; overflow:hidden; margin-bottom:0px; height:330px; text-align:center; } .mall_list .part-list{margin-bottom:20px;} .mall_list .pt_list_box1{width:100%; padding-top:25px;background-color: #f5f5f5} .mall_list .pt_list_box1 li { height:auto; z-index:1; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow:hidden; margin-top: 18px;} .mall_list .pt_imgbox{ width:100%; height:0; position:relative; background-color:#fff; } .mall_list .pt_list_box1 a:hover .fadein_box{height:100px; opacity:1;} /*商城-列表-pt2_imgbox*/ .mall_list li.img_smal { margin-bottom:1.2%; } .mall_list .pt_imgbox{ width:100%; height:0; position:relative; background-color:#fff; } .mall_list .pt_imgbox { padding-bottom:150%; } .mall_list .pro_new_tit{color:#000; height:22px; margin-bottom:5px;} .mall_list .pro_new_price{color:#fc6621; height:22px; width:100%;} .mall_list .pt_imgbox .pos_box{position:absolute; width:100%;text-align: center;} .mall_list .pt_imgbox .pos_box { bottom:10%; } .mall_list .pt_imgbox .in_img{ height:auto; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto;} .mall_list .pt_imgbox .in_img { bottom:34%; width:80%; } .mall_list li.img_smal .pt_imgbox .in_img { bottom:30%; width:45%; } .mall_list .pt_imgbox .in_img img{width:100%; height:100%; position:absolute; top:0; left:0;} .mall_list .pt_imgbox .pos_box_s{position:absolute; bottom:5px;width:100%;} .mall_list .pt_imgbox .fadein_box{width:100%; height:0; position:absolute; left:0; bottom:0; z-index:3; opacity:0; overflow:hidden; transition:all 0.2s linear; -webkit-transition: all 0.2s linear;text-align: center;} /*商城-列表-pt2_imgbox end*/ .mall_list .fadein_box .fadein_tit{background-color:#ff6700; width:100%; height:60px; color:#fff;line-height: 60px;} .mall_list .fadein_box .fadein_buy{background-color:#ff2c00; width:100%; height:40px; color:#fff;line-height: 40px;} .pt_list_box1 .shadow_box { position:relative; } .pt_list_box1 .shadow_box.active{ z-index:1; box-shadow:0 10px 30px rgba(0,0,0,.1);-weblit-box-shadow:0 10px 30px rgba(0,0,0,.1); transform:translate3d(0,-2px,0); -webkit-transform:translate3d(0,-2px,0);} /*商城-服务保障 */ .serve{background-color: #ffffff;height:auto; border-top:#f5f5f5 1px solid; } .serve .pro-bottom{text-align: center;height: 72px;line-height: 72px;} .serve ul li a{color:#616161;font-size:17px;} .serve ul{width:100%;} .serve .pro-bottom i{font-size: 21px;margin-right: 2px;} .serve .pro-bottom{ position:relative; border:none;width: 20%;} .serve .pro-bottom:after { content:''; display:block; position:absolute; width:1px; height:25px; background-color:#e0e0e0; right:0; top:50%; margin-top:-13px;margin-left: 0px; } .serve .pro-bottom:last-child:after { display:none; } .serve ul li.last:after { display:none; } /*促销表单*/ .order .cbanner{margin-bottom:0;} .order .ctitle{top:20%;} .order .ctitle .wrap{border-bottom:1px solid #7e6762;padding-bottom:14px;} .order .ctitle .list_box{display:block;text-align:center;position:relative;} .order .ctitle .list_box:after{content:"";width:95px;height:3px;background:#ff9a00;display:block;position:absolute;bottom:0;left:50%;margin-left:-47.5px;display:none;} .order .ctitle .list_box:before{content:"";width:1px;height:16px;position:absolute;bottom:-22px;right:0;display:block;background:#7e6762;} .order .ctitle .banner_ico{width:60px;height:60px;background:url(../images/info_tab_banner_ico_1.png) no-repeat;display:block;margin:0 auto;border-bottom:;} .order .ctitle .list02 .banner_ico{background-position:-60px 0px;} .order .ctitle .list03 .banner_ico{background-position:-120px 0px;} .order .ctitle .list04 .banner_ico{background-position:-180px 0px;} .order .ctitle .title{font-size:18px;color:#fff;display:block;padding:10px 0px;} .order .ctitle .list01:hover .banner_ico,.order .ctitle .cur.list01 .banner_ico{background-position:0px -60px;} .order .ctitle .list02:hover .banner_ico,.order .ctitle .cur.list02 .banner_ico{background-position:-60px -60px;} .order .ctitle .list03:hover .banner_ico,.order .ctitle .cur.list03 .banner_ico{background-position:-120px -60px;} .order .ctitle .list04:hover .banner_ico,.order .ctitle .cur.list04 .banner_ico{background-position:-180px -60px;} .order .ctitle li:hover .list_box:after,.order .ctitle li.cur .list_box:after{display:block;} .order .uni_order_form { display:block; position:relative; margin-top:-100px; } /*2016-11-09*/ /*动效*/ .mall_det .pro_tuijian_item .pro_img, .transition { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } /*商城-详情*/ .mall_det .pro_tuijian_item { padding-top:20px; padding-bottom:15px; } .mall_det .pro_tuijian_item .pro_img { margin:0 45px; height:0; overflow:hidden; } .mall_det .pro_tuijian_item .pro_img img { margin:0; } .mall_det .pro_tuijian_item.on .pro_img { height:165px; } .mall_det .pro_name, .mall_det .pro_yuan, .mall_det .pro_xian { display:block; } .mall_det .pro_name { font-size:16px; font-weight:normal; } .mall_det .part02_left .pro_tuijian_item.on .pro_num { background-color:#ff4e00; } /*商城-列表*/ .mall_abt .pro_xs_tit { margin-left:12px; } /*20161110*/ /*首页修改*/ .banner_fix{position: fixed!important;height: 100%;width: 100%;z-index: 3;top: 0;} .page_rel{position: relative;z-index: 20;margin-top: 626px;background: white;} .footer_rel{position: relative;z-index: 20;} .pageHeader .tops{z-index: 30;} /*2016-11-29*/ /*首页*/ .ipart02 .tips a:hover { color:#ffffff; } /*.itab .span-8 .tips .tip02 .rm_type { position:absolute; top:0; left:0; }*/ /*20161130*/ .pageFooter .ft_right ._suw_up ._suw_up_ul{z-index: 2;} /*20161201*/ .itab .span-8 .tips .tip01, .itab .span-8 .tips .tip02{padding-left: 10px;} .pageFooter .ft_right ._suw_up ._suw_up_ul{left: 0;} .sub_tt_iprt ._hd{top: 0;} .hotel_abt .prt02_cell ._tt{left: 0;} /*2017-01-06*/ /*首页*/ .banner_fix { height:626px; } /*通用样式*/ .book_slide .arrs, .transition { transition:all 0.3s ease; } /*酒店-综合*/ .book_slide .arrs { visibility:hidden; opacity:0; } .book_slide:hover .arrs { visibility:visible; opacity:1; } /*2017-01-10 ysl*/ /*通用样式*/ /*图片*/ .rect-4433 { padding-bottom:44.33%; } /*统一触控*/ .bg_wrap { position:relative; overflow:hidden; } .bg_wrap .bg,.bg_wrap .bg_d { display:block; display:block\9; position:absolute; top:100%; left:0; width:100%; height:100%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .bg_wrap .bg_d { top:0; z-index:-2; background-color:transparent; } .bg_wrap .bg { z-index:-1; background-color:#ff9e19; } .bg_wrap:hover .bg { top:0; } /*统一触控-有背景色*/ .bg_wraph { position:relative; z-index:4; overflow:hidden; } .bg_wraph .bgh,.bg_wraph .bgh_d { display:block; display:block\9; position:absolute; top:100%; left:0; width:100%; height:100%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .bg_wraph .wraph_main { position:relative; left:0; top:0; z-index:3; } .bg_wraph .bgh_d { top:0; z-index:1; background-color:transparent; } .bg_wraph .bgh { z-index:2; background-color:#ff9e19; } .bg_wraph:hover .bgh { top:0; } /*首页*/ /*ibanner*/ .ibanner video { position:absolute; top:0; left:50%; margin-left:-960px; width:auto; height:100%; } .ibanner .cover { position:absolute; top:0; left:0; bottom:0; width:100%; text-align:center; background-image:url(../images/index01_1.png); background-repeat:repeat; } .ibanner .cover ._txt { margin-top:280px; } .ibanner .cover ._tt { margin-bottom:0.2%; font-size:42px; font-weight:bold; color:#ffffff; } .ibanner .cover ._desc { margin:0 auto; max-width:576px; font-size:17px; color:#dadada; } /*ipart01*/ .ipart01 { overflow:hidden; } .ipart01_con ._down { background-image:none; } .ipart01 .pic_box { left:0; top:0; z-index:3; } .ipart01 .item .down { padding:55px 33px 33px 24px; background:url(../images/index1001_1.jpg) left center no-repeat; } /*.ipart01 .bg_wraph .bgh_d { background-color:#ffffff; }*/ .ipart01 .item .down:hover ._tt { color:#ffffff; } .ipart01 .item .down:hover ._wd { color:#ffffff; } .ipart01 .item .down:hover ._t,.ipart01 .item .down:hover ._plus_i,.ipart01 .item .down:hover .button_wrap ._share_i { color:#f4aba6; } .ipart01 ._tt { margin-bottom:6px; padding-top:10px; padding-bottom:5px; font-family:"宋体"; font-size:30px; color:#757d5b; line-height:1; text-align:center; } .ipart01 ._wd { margin:0 auto; padding-bottom:20px; width:72%; height:3.2em; overflow:hidden; font-size:14px; line-height:1.6; color:#757d5b; text-align:center; } /* 酒店综合页触控效果 */ .touch_effect{ transition: all 0.2s linear; -webkit-transition: all 0.2s linear;} .touch_effect:hover{ z-index:1; box-shadow:0 10px 30px rgba(255,255,255,.3);-weblit-box-shadow:0 10px 30px rgba(255,255,255,.3); transform:translate3d(0,-2px,0); -webkit-transform:translate3d(0,-2px,0);} /* 点击加载按钮 0112 zhaolq */ .list_more_box{margin-top: 35px;width:100%; padding-bottom: 35px;} .list_more_box ._down_more .loading { width: 20px; height: 20px; background: url(../images/loading2_1.gif) no-repeat center; display: none; background-size: 100% 100%; position: absolute; left: 75%; top: 11px; } .list_more_box ._down_more{ height: 42px;width:20%;position:relative; line-height: 42px; border: 1px solid #cbcbcb; font-size: 14px;font-weight: bold;color:#000;display:block;margin-left: 40%; } .list_more_box ._down_more p{margin-left: 20%;} .list_more_box ._down_more .bg_img{ margin-top: 15px; margin-left: 20%; } .list_more_box.cur ._down_more .bg_img{display:none;} .list_more_box.cur ._down_more .loading{display:inline-block; margin: 0;} /* 17-01-14 酒店二级导航吸顶 zhaolq */ .nav_posi{ display: none; position: fixed; top: 97px; left:0; right: 0; z-index: 6; height: 54px; text-align: center; background-image: url(../images/black.4_1.png);} .nav_posi.cur{ display: block;} .nav_posi a{ display: inline-block; width: 74px; margin: 0 5px; font-size: 14px; color: #fff; line-height: 51px; border-bottom: 3px solid transparent;} .nav_posi a.cur, .nav_posi a:hover{ color: #ff9e19; border-color: #ff9e19;} /*2017-02-03*/ .shield_det { background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); background-image:url(../images/loading_1.gif); background-position:center center; background-repeat:no-repeat; } /*2017-02-21*/ /*footer*/ .pageFooter .ft_left { width:60%; } /*首页*/ /*ibanner*/ .ibanner .video_img { display:none; }