@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } body { margin: 0; -webkit-font-smoothing: antialiased; font: 14px/1 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; color: #333333; overflow-x: hidden; } html { background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0; vertical-align: middle; display: inline-block; } address, caption, cite, code, dfn, i, em, strong, th, var { font-weight: normal; font-style: normal; } ol, ul { list-style: none; } a { text-decoration: none; } a:hover, a:focus { outline: none; } caption, th { text-align: left; font-weight: normal; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } abbr, acronym { border: 0; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; outline: none; } :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } input::-ms-clear { display: none; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } .clearfix { zoom: 1; } .clearfix:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .main-wrap { width: 1200px; margin: 20px auto 0; } .banner { position: relative; } .banner .adicon { position: absolute; right: 0; top: 0; display: inline-block; width: 34px; height: 18px; background: url("http://pic1.aoyou.com/index2017/adicon.png") no-repeat center; z-index: 90; } .sectionbox { margin-top: 30px; } .mainbox { width: 912px; } .outbox { width: 1240px; } .overhid { overflow: hidden; } :link, :visited, ins, a { text-decoration: none; } a { cursor: pointer; } .header-icon { background: url(http://pic5.aoyou.com/logo/2018/header.png) 0 0 no-repeat; display: inline-block; } .header-top { height: 35px; background: #f8f8f8; border-bottom: 1px solid #eee; font-size: 12px; font-family: "microsoft yahei"; position: relative; } .header-top .header-inner { width: 1200px; margin: 0 auto; z-index: 9; } .header-top .header-inner .index-top-nav .nav-item { float: left; display: inline; padding: 0 5px; position: relative; height: 35px; line-height: 35px; z-index: 102; } .header-top .header-inner .index-top-nav .icon-zql { display: inline-block; background: url(http://pic5.aoyou.com/logo/2018/header.png) no-repeat -897px -128px; width: 20px; vertical-align: middle; height: 20px; } .header-top .header-inner .index-top-nav .nav-item.sel .icon-phone { background-position: 0 -215px; } .header-top .header-inner .index-top-nav .nav-item.sel .icon-weixin { background-position: 0 -187px; } .header-top .header-inner .index-top-nav .nav-item > a { color: #6C6C6C; } .header-top .header-inner .index-top-nav .nav-item > a:hover { color: #1F99F4; } .header-top .header-inner .index-top-nav .nav-item.first { padding: 0; color: #333; } .header-top .header-inner .index-top-nav .nav-item.fix-item { color: #999999; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel { position: absolute; display: none; top: 27px; left: 2px; width: 48px; padding: 5px 15px; border: 1px solid #DCE0E0; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); background: #fff; line-height: 24px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel > ul li a:hover { color: #1F99F4; text-decoration: underline; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel .border-up { position: absolute; top: -6px; left: 33px; width: 14px; height: 6px; background-position: 0 -281px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.fix-panel { left: -6px; width: 68px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.fix-panel .border-up { left: 43px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.qrcode-panel { width: 168px; height: 273px; left: -73px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.qrcode-panel .border-up { left: 84px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.qrcode-panel .qrcode-content { width: 150px; height: 200px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -25px 25px no-repeat; margin: 0px auto 10px; padding-top: 25px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.qrcode-panel .qrcode-btn { text-align: center; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.qrcode-panel .qrcode-btn span { display: inline-block; cursor: pointer; width: 66px; height: 20px; line-height: 20px; color: #F5692C; font-size: 14px; font-weight: bold; border-radius: 3px; border: 2px solid #F5692C; margin-right: 10px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.qrcode-panel .qrcode-btn span.hover { color: #fff; background: #F5692C; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.qrcode-panel .qrcode-btn span.last { margin-right: 0; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel { width: 338px; height: 116px; left: -244px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .border-up { left: 256px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-top { height: 117px; border-bottom: 1px solid #DBDBDB; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-top .left { float: left; width: 80px; margin-top: 22px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-top .left img { display: block; width: 80px; height: 80px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-top .right { float: left; margin-left: 20px; width: 222px; margin-top: 22px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-top .right h2 { font-family: "microsoft yahei"; font-size: 16px; color: #F5692C; font-weight: bold; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-top .right .hclass { font-family: "microsoft yahei"; font-size: 16px; color: #F5692C; font-weight: bold; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-top .right p { color: #666666; font-size: 13px; line-height: 1.2; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-bottom { height: 117px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-bottom .right { float: left; width: 80px; margin-top: 15px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-bottom .right img { display: block; width: 80px; height: 80px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-bottom .left { float: left; margin-right: 20px; width: 222px; margin-top: 15px; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-bottom .left h2 { font-family: "microsoft yahei"; font-size: 16px; color: #F5692C; font-weight: bold; } .header-top .header-inner .index-top-nav .nav-item .dropdown-panel.weixin-panel .weixin-content .wrapper-bottom .left p { color: #666666; font-size: 13px; line-height: 1.2; } .header-top .header-inner .index-top-nav .nav-item .icon-arrow { position: absolute; top: 16px; right: 12px; background-position: 0px -129px; width: 7px; height: 4px; } .header-top .header-inner .index-top-nav .nav-item .icon-phone { margin-top: 0px !important; width: 11px; height: 35px; background-position: 0 -28px; vertical-align: top; cursor: pointer; transition: background-position 0.1s; } .header-top .header-inner .index-top-nav .nav-item .icon-weixin { margin-top: 8px; background-position: 0px -70px; width: 17px; height: 35px; cursor: pointer; transition: background-position 0.1s; } .header-top .header-inner .index-top-nav .has-arrow { padding-right: 22px; } .header-top .header-inner .nav-left { float: left; } .header-top .header-inner .nav-right { float: right; } .header-top .header-inner .nav-right .login-menu { float: left; color: #ccc; display: inline; } .header-top .header-inner .nav-right .login-menu li { display: inline; overflow: visible; height: 35px; line-height: 35px; color: #dbdbdb; } .header-top .header-inner .nav-right .login-menu li span.icon-login { width: 18px; height: 18px; display: inline-block; background: url(http://pic5.aoyou.com/logo/2018/header.png) 0 0 no-repeat; vertical-align: -5px; *vertical-align: middle; padding-right: 3px; } .header-top .header-inner .nav-right .login-menu li span.welcome { color: #333; } .header-top .header-inner .nav-right .login-menu li a { display: inline-block; vertical-align: middle; padding: 0 7px; color: #1F99F4; text-decoration: none; } .header-top .header-inner .nav-right .login-menu li a:hover { text-decoration: underline; } .iphone-code { height: 120px; width: 120px; margin: 65px auto 0; *margin: 90px auto 0; background: url("http://pic5.aoyou.com/logo/2018/header.png") no-repeat -601px 0px; } .android-code { display: none; height: 120px; width: 120px; margin: 65px auto 0; *margin: 90px auto 0; background: url("http://pic5.aoyou.com/logo/2018/header.png") no-repeat -601px 0px; } .wx-fw { display: inline-block; height: 85px; overflow: hidden; width: 85px; background: url("http://pic5.aoyou.com/logo/2018/header.png") no-repeat -605px -135px; } .wx-dy { display: inline-block; height: 90px; overflow: hidden; width: 90px; background: url("http://pic5.aoyou.com/logo/2018/header.png") no-repeat -730px -131px; } .header-search { height: 100px; position: relative; } .header-search .header-inner { z-index: 101; width: 1200px; position: relative; margin: 0 auto; } .header-search .header-inner .site-logo { float: left; width: 256px; height: 55px; margin-top: 27px; } .header-search .header-inner .site-logo a { display: block; width: 256px; height: 50px; margin-left: 2px; } .header-search .header-inner .local-city { float: left; margin-top: 34px; margin-left: 20px; _dispaly: inline; position: relative; z-index: 100; font-size: 12px; color: #666; } .header-search .header-inner .local-city .head-start-city { position: relative; z-index: 90; } .header-search .header-inner .local-city .head-start-city .sc-name { cursor: pointer; color: #333333; margin-top: 8px; } .header-search .header-inner .local-city .head-start-city .sc-name:hover { color: #1F99F4; } .header-search .header-inner .local-city .head-start-city .sc-name .icon-address { width: 15px; height: 16px; background-position: 0px -255px; margin-right: 6px; vertical-align: -3px; } .header-search .header-inner .search-box { position: relative; float: left; margin-top: 25px; margin-left: 144px; left: 3px; width: 530px; _width: 259px; _margin-left: 88px; height: 50px; z-index: 101; } .header-search .header-inner .search-box .search-bar { width: 88px; background: #fff; border: 1px solid #DCE0E0; border-radius: 3px; position: absolute; z-index: 96; top: 48px; left: 0px; display: none; zoom: 1; } .header-search .header-inner .search-box .search-bar .type-s { width: 73px; height: 30px; padding-left: 15px; line-height: 30px; font-size: 12px; color: #000; cursor: pointer; } .header-search .header-inner .search-box .search-bar .type-s.hidden { display: none; } .header-search .header-inner .search-box .search-bar .type-s:hover { color: #1F99F4; text-decoration: underline; } .header-search .header-inner .search-box .search-inner-box { border-radius: 4px; border: 1px solid #DBDBDB; box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); float: left; position: relative; } .header-search .header-inner .search-box .s-select { position: relative; float: left; cursor: pointer; width: 74px; height: 48px; line-height: 48px; background: #fff; color: #999; padding-left: 14px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; _overflow: hidden; border-right: 1px solid #DCE0E0; } .header-search .header-inner .search-box .s-select .border-up { position: absolute; top: 23px; left: 70px; background-position: 0px -129px; width: 7px; height: 4px; } .header-search .header-inner .search-box .s-select span { font-family: "Microsoft yahei"; color: #333; font-size: 12px; line-height: 50px; display: block; width: 74px; height: 49px; } .header-search .header-inner .search-box .s-input { position: relative; float: left; width: 369px; _overflow: hidden; height: 48px; line-height: 48px; } .header-search .header-inner .search-box .s-input input { display: block; width: 302px; _width: 300px; height: 29px; line-height: 29px; border: 0 none; padding: 10px; color: #222; outline: none; background: none; } .header-search .header-inner .search-box .s-input button { position: absolute; padding: 0; right: 7px; top: 7px; width: 62px; height: 36px; _width: 54px; border: none; display: block; background: url(http://pic5.aoyou.com/logo/2018/header.png) -188px 0px no-repeat; cursor: pointer; } .header-search .header-inner .search-box .search-advance { position: relative; float: left; width: auto; margin-left: 10px; margin-top: 22px; color: #999999; font-size: 12px; } .header-search .header-inner .search-box .search-advance .icon-arrow { position: absolute; top: 5px; right: -10px; background-position: 0px -129px; width: 7px; height: 4px; } .header-search .header-inner .search-box .search-inputbox { display: none; width: 458px; border: 1px solid #DCE0E0; position: absolute; top: 50px; left: 0px; background-color: #fff; z-index: 100; border-radius: 3px; overflow: hidden; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .header-search .header-inner .search-box .search-inputbox .search-titlelist { height: 50px; background: #F8F8F8; border-bottom: 1px solid #DCE0E0; padding: 9px 20px; } .header-search .header-inner .search-box .search-inputbox .search-titlelist .sib-dl .sib-tt { font-family: "Microsoft yahei"; font-size: 13px; font-weight: bold; color: #9B9B9B; float: left; } .header-search .header-inner .search-box .search-inputbox .search-titlelist .sib-dl .sib-tr { font-family: "Microsoft yahei"; font-size: 13px; color: #1F99F4; float: right; cursor: pointer; } .header-search .header-inner .search-box .search-inputbox .search-titlelist .sib-des { margin-top: 12px; font-size: 12px; color: #222222; } .header-search .header-inner .search-box .search-inputbox .search-titlelist .sib-des dd .j-mforhs { display: inline; margin-right: 14px; } .header-search .header-inner .search-box .search-inputbox .search-titlelist .sib-des dd .j-mforhs a { display: inline-block; } .header-search .header-inner .search-box .search-inputbox .search-titlelist .sib-des dd .j-mforhs a:hover { color: #1F99F4; text-decoration: underline; } .header-search .header-inner .search-box .search-inputbox .search-inputlist { padding: 20px; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-dl { font-family: "microsoft yahei"; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-dl .sib-tt { font-size: 14px; font-weight: bold; color: #1F99F4; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-dl .sib-tt.sib-fix { margin-top: 20px; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-dl .sib-tt .icon-mudi { display: inline-block; width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -189px -47px no-repeat; vertical-align: -5px; margin-right: 10px; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-dl .sib-tt .icon-resou { display: inline-block; width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -189px -78px no-repeat; vertical-align: -5px; margin-right: 10px; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-des { font-family: "microsoft yahei"; padding: 8px 0 2px; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-des dt { float: left; width: 56px; padding: 2px 0; margin-right: 10px; font-size: 13px; font-weight: bold; color: #9B9B9B; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-des dd { float: left; width: 350px; overflow: hidden; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-des dd.fix-dd { width: 422px; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-des dd .j-mforhs { display: inline; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-des dd .j-mforhs .emphasizeColor { color: #F83615; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-des dd .j-mforhs a { position: relative; color: #666; padding: 2px 20px 8px 0; white-space: nowrap; display: inline-block; font-size: 12px; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-des dd .j-mforhs a em { position: absolute; top: 2px; left: -10px; display: block; height: 14px; width: 1px; background: #aaa; } .header-search .header-inner .search-box .search-inputbox .search-inputlist .sib-des dd .j-mforhs a:hover { color: #1F99F4; text-decoration: underline; } .header-search .header-inner .search-box .autocomplete { display: none; position: absolute; top: 50px; left: 89px; width: 368px; _background: none; _margin: 0; zoom: 1; border: 1px solid #DCE0E0; z-index: 100; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); background: #fff; } .header-search .header-inner .search-box .autocomplete .seachlist { padding: 5px 0; } .header-search .header-inner .search-box .autocomplete .custom { padding: 20px 35px 0; text-align: center; color: #666666; font-size: 14px; font-family: "microsoft yahei"; line-height: 1.5; } .header-search .header-inner .search-box .autocomplete .custom .customDiv { margin: 20px auto; height: 22px; width: 96px; line-height: 20px; border: 2px solid #F5692C; border-radius: 3px; background: #fff; } .header-search .header-inner .search-box .autocomplete .custom .customDiv:hover { background: #F5692C; } .header-search .header-inner .search-box .autocomplete .custom .customDiv:hover > a { color: #fff; } .header-search .header-inner .search-box .autocomplete .custom .customDiv > a { color: #F5692C; } .header-search .header-inner .search-box .autocomplete .custom strong { color: #1F99F4; font-weight: normal; margin: 0 4px; } .header-search .header-inner .search-box .autocomplete .resultbox { cursor: pointer; width: 359px; height: 28px; line-height: 28px; font-size: 12px; padding-left: 8px; font-family: "microsoft yahei"; overflow: hidden; } .header-search .header-inner .search-box .autocomplete .resultbox a { display: block; height: 28px; } .header-search .header-inner .search-box .autocomplete .resultbox.fix-resultbox:hover { background: transparent; } .header-search .header-inner .search-box .autocomplete .resultbox.first { margin-top: 5px; } .header-search .header-inner .search-box .autocomplete .resultbox.hover { background: #E9F9FA; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-location { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -189px -47px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-all { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -189px -140px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-hotel { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -895px -47px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-visa { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -189px -171px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-flight { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -219px -47px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-wifi { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -219px -78px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-daytour { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -895px -82px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-ticket { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -219px -109px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-transfer { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -895px -12px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-recommended { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -219px -140px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .recommended .resultbox { cursor: default; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-cruise { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -219px -171px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .icon-love { width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -251px -47px no-repeat; float: left; margin: 5px 5px 0 0; } .header-search .header-inner .search-box .autocomplete .resultbox .left1 { font-size: 14px; float: left; width: auto; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 28px; line-height: 28px; color: #333333; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; } .header-search .header-inner .search-box .autocomplete .resultbox .left1 span { color: #1F99F4; } .header-search .header-inner .search-box .autocomplete .resultbox .left1 b { font-size: 16px; color: #1F99F4; } .header-search .header-inner .search-box .autocomplete .resultbox .left1 strong { font-weight: normal; color: #1F99F4; margin-right: 3px; } .header-search .header-inner .search-box .autocomplete .resultbox .nomargin strong { margin-right: 0; } .header-search .header-inner .search-box .autocomplete .resultbox .left1 em { margin-left: 5px; font-size: 12px; color: #666666; } .header-search .header-inner .search-box .autocomplete .resultbox .idPrefix { font-size: 14px; float: left; width: 52px; overflow: hidden; white-space: nowrap; height: 28px; line-height: 28px; color: #333333; font-family: "microsoft yahei"; } .header-search .header-inner .search-box .autocomplete .resultbox .left2 { padding-left: 40px; float: left; color: #333; width: auto; height: 28px; line-height: 28px; } .header-search .header-inner .search-box .autocomplete .resultbox .left2 strong { font-weight: normal; color: #1F99F4; margin-right: 2px; } .header-search .header-inner .search-box .autocomplete .islandbox { width: 327px; height: auto; padding-left: 40px; } .header-search .header-inner .search-box .autocomplete .islandbox .left2 { padding-left: 0; float: left; color: #333; width: auto; height: 28px; line-height: 28px; } .header-search .header-inner .search-box .autocomplete .islandbox .firstisland { padding-left: 40px; } .header-search .header-inner .search-box .autocomplete .islandbox em { padding: 0 5px; } .header-search .header-inner .search-box .autocomplete .resultbox .left3 { padding-left: 10px; font-size: 12px; color: #888888; float: left; color: #333; width: 230px; height: 28px; } .header-search .header-inner .search-box .autocomplete .resultbox .location { color: #333333; font-size: 12px; float: left; width: 100%; height: 28px; line-height: 26px; display: inline; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-search .header-inner .search-box .autocomplete .resultbox .right { padding-right: 10px; float: right; color: #999; line-height: 26px; } .header-search .header-inner .search-box .autocomplete .recommended { float: left; padding-top: 4px; margin-top: 5px; width: 369px; border-top: 1px solid #DCE0E0; background: #F8F8F8; } .header-search .header-inner .search-box .autocomplete .recommended .resultbox-dl { padding: 5px 10px; color: #666666; font-size: 12px; } .header-search .header-inner .search-box .autocomplete .recommended .resultbox-dl .resultbox-dd { width: 350px; overflow: hidden; } .header-search .header-inner .search-box .autocomplete .recommended .resultbox-dl .resultbox-dd > div { display: inline; } .header-search .header-inner .search-box .autocomplete .recommended .resultbox-dl .resultbox-dd > div a { position: relative; color: #666; padding: 2px 15px 7px 0; white-space: nowrap; display: inline-block; font-size: 12px; } .header-search .header-inner .search-box .autocomplete .recommended .resultbox-dl .resultbox-dd > div a:hover { color: #1F99F4; text-decoration: underline; } .header-search .header-inner .search-box .autocomplete .recommended .resultbox-dl .resultbox-dd > div a em { position: absolute; left: -10px; top: 2px; height: 12px; width: 1px; background: #DCE0E0; } .header-search .header-inner .search-box .search-pop-box { display: none; position: absolute; top: 50px; left: 0px; width: 578px; background-color: #fff; _margin: 0; zoom: 1; border: 1px solid #DCE0E0; z-index: 100; box-shadow: 0px 1px 1px #545959; } .header-search .header-inner .search-box .search-pop-box .search-pop-content { padding: 20px; } .header-search .header-inner .search-box .search-pop-box .search-pop-content .sb-tt { position: relative; font-family: "microsoft yahei"; font-size: 14px; font-weight: bold; color: #1F99F4; } .header-search .header-inner .search-box .search-pop-box .search-pop-content .sb-tt .close-search { position: absolute; cursor: pointer; right: -8px; top: -8px; width: 16px; height: 16px; display: block; background: url(http://pic5.aoyou.com/logo/2018/header.png) -25px -257px no-repeat; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl { position: relative; z-index: 1; float: left; padding: 10px 0 0px; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dt { float: left; width: 70px; height: 24px; padding: 5px 0 6px 0px; line-height: 24px; text-align: left; color: #333; font-size: 13px; font-weight: bold; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dt.fix-adv-tit { padding: 9px 0 6px 0px; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd { position: relative; float: left; width: 468px; padding: 5px 0 6px; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .pkg-input { color: #666666; font-size: 12px; border: 1px solid #AAAAAA; width: 298px; height: 34px; line-height: 36px; border-radius: 3px; float: left; display: inline; position: relative; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .pkg-input span { padding: 0 12px; *display: inline-block; *vertical-align: 3px; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .pkg-input em { display: inline-block; height: 26px; width: 1px; background: #DADADA; vertical-align: -9px; *display: inline-block; *vertical-align: 0; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .pkg-input input { position: relative; z-index: 2; height: 26px; width: 200px; padding: 5px 10px; border: none; background: none; line-height: 14px; font-size: 12px; color: #aaa; *display: inline-block; *vertical-align: middle; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-buxian { float: left; width: 40px; height: 20px; margin: 2px 11px 0 0; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-buxian a { display: block; width: 40px; height: 20px; line-height: 20px; text-align: center; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-buxian a.sel { background: #F5692C; border-radius: 3px; color: #fff; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-others { float: left; width: 400px; overflow: hidden; font-size: 0; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-others a { display: inline-block; height: 14px; padding: 4px 13px 4px 4px; line-height: 14px; font-size: 12px; margin: 1px 5px 5px 0; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-others a.sel i { background-position: -75px -255px; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-others a i { position: static; display: inline-block; width: 12px; height: 12px; margin-right: 4px; vertical-align: -2px; font-size: 0; line-height: 0; text-indent: 0; font-style: normal; text-align: center; background: url(http://pic5.aoyou.com/logo/2018/header.png) -52px -255px no-repeat; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-custom { position: relative; display: inline-block; zoom: 1; width: 250px; height: 34px; line-height: 34px; font-size: 0; vertical-align: top; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-custom .search-adv-input { position: relative; display: inline-block; width: 98px; height: 34px; border: 1px solid #aaa; border-radius: 3px; overflow: hidden; vertical-align: top; font-size: 12px; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-custom .search-adv-input i { position: absolute; left: 0; top: 0; width: 17px; height: 34px; line-height: 34px; text-align: center; font-style: normal; color: #999; font-size: 12px; font-family: "Arial"; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-custom .search-adv-input input, .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-custom .search-adv-input .price { width: 77px; height: 26px; margin: 0; border: none; line-height: 16px; font-size: 12px; padding: 3px 3px 3px 17px; } .header-search .header-inner .search-box .search-pop-box .search-adv-item dl dd .search-adv-custom .search-adv-sep { display: inline-block; vertical-align: top; font-size: 12px; margin: 0 8px; } .header-search .header-inner .search-box .search-pop-box .commit-btn { text-align: center; line-height: 40px; margin-top: 20px; } .header-search .header-inner .search-box .search-pop-box .commit-btn button { width: 100px; height: 36px; background-color: #F5692C; border-radius: 2px; border: none; line-height: 33px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; } .header-search .header-inner .search-box .search-pop-box .commit-btn a { cursor: pointer; font-size: 12px; color: #1F99F4; padding-left: 10px; } .header-search .header-inner .search-box .search-pop-box .commit-btn a:hover { text-decoration: underline; } .header-search .header-inner .site_contact { float: right; margin-top: 25px; height: 45px; } .header-search .header-inner .site_contact .text { font-family: "Microsoft yahei"; font-size: 16px; color: #333333; } .header-search .header-inner .site_contact .text .icon-tel { display: inline-block; background-position: 0px -151px; width: 18px; height: 18px; margin-right: 2px; vertical-align: -2px; *vertical-align: middle; } .header-search .header-inner .site_contact .tel { font-family: "Microsoft yahei"; font-size: 24px; font-weight: bold; margin-top: 2px; color: #F5692C; } .show-city { display: none; position: absolute; top: 83px; left: 124px; z-index: 999; padding-top: 18px; } .show-city .city-con { position: relative; width: 488px; border: 1px solid #c3c3c3; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); background: #fff; color: #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .show-city .city-con .border-up { position: absolute; top: -6px; left: 177px; width: 14px; height: 6px; background-position: 0 -281px; } .show-city .city-con .station-hot { border-bottom: 2px solid #EEEFF2; text-align: left; width: 448px; padding: 12px 0 7px; margin: 0px 20px 8px 25px; } .show-city .city-con .station-hot h4 { margin-bottom: 5px; color: #999; font-family: "microsoft yahei"; } .show-city .city-con .station-hot p { margin-top: 12px; } .show-city .city-con .station-hot p a { display: inline-block; margin-right: 20px; line-height: 20px; color: #666; } .show-city .city-con .station-hot p a:hover { color: #1F99F4; text-decoration: underline; } .show-city .city-con .station-city { line-height: 28px; margin: 9px 20px; overflow: hidden; zoom: 1; } .show-city .city-con .station-city .city-tt { width: auto; float: none; margin-right: 0; _margin-right: 0; font-family: "microsoft yahei"; font-size: 14px; color: #FF771B; padding: 0 6px; } .show-city .city-con .station-city .city-tc a { padding: 0 6px; margin: 0; display: block; float: left; color: #333333; margin-right: 8px; white-space: nowrap; font-family: "Microsoft yahei"; } .show-city .city-con .station-city .city-tc a:hover { color: #1F99F4; text-decoration: underline; } .header-nav { position: relative; height: 40px; z-index: 100; } .header-nav .menu-panel-bg { display: none; position: absolute; top: 40px; left: 0; right: 0; height: 40px; background: #fff; border: 1px solid #DCE0E0; box-shadow: 0 4px 4px 0 #cecece; } .header-nav .menu-panel { width: 1200px; margin: 0 auto; background-color: #F5692C; height: 40px; border-radius: 3px; } .header-nav .menu-panel .menu-list { margin-left: 0; float: left; _display: inline; position: relative; z-index: 9; } .header-nav .menu-panel .menu-list li { float: left; border-radius: 3px; height: 40px; line-height: 40px; max-width: 106px; border-bottom: none; overflow: visible; } .header-nav .menu-panel .menu-list li.selected { background-color: #E65C20; } .header-nav .menu-panel .menu-list li .special-tip { display: block; height: 18px; line-height: 18px; position: absolute; top: -34px; left: -28%; padding: 0 4px; font-size: 12px; z-index: 2; white-space: nowrap; font-weight: normal; } .header-nav .menu-panel .menu-list li .special { display: block; height: 18px; line-height: 18px; position: absolute; top: -12px; left: 50%; padding: 0px 4px; color: #F83616; font-size: 12px; font-family: "microsoft yahei"; background: #ffd45c; z-index: 2; white-space: nowrap; font-weight: normal; border-radius: 3px; } .header-nav .menu-panel .menu-list li .special em { display: block; width: 5px; height: 8px; position: absolute; bottom: -4px; left: 0; background: url("http://pic1.aoyou.com/index2017/sj-icon.png"); text-indent: -999px; overflow: hidden; } .header-nav .menu-panel .menu-list li a { padding: 0 9px; font-size: 15px; font-family: "microsoft yahei", sans-serif; color: #fff; height: 40px; line-height: 40px; display: inline-block; position: relative; text-decoration: none; } .header-nav .menu-panel .menu-list li a img { position: relative; top: 11px; display: block; } .header-nav .menu-panel .menu-list li a .ico-triangle { width: 7px; height: 4px; overflow: hidden; background: url(http://pic5.aoyou.com/logo/2018/header.png) 0 -106px no-repeat; position: relative; margin-left: 2px; top: -2px; *top: -5px; display: inline-block; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .header-nav .menu-panel .menu-list li a .border-up { display: none; position: absolute; bottom: 0; left: 50%; margin-left: -7px; width: 0; height: 0; overflow: hidden; line-height: 0; font-size: 0; vertical-align: middle; border-bottom: 7px solid #fff; border-top: 0 none; border-left: 7px solid transparent; border-right: 7px solid transparent; } .header-nav .menu-panel .menu-list li .dropdown-panel { display: none; position: absolute; top: 40px; left: 0; width: 1199px; height: 40px; border: 1px solid #dfdfdf; border-top: 0; box-shadow: 0 4px 4px 0 #cecece; } .header-nav .menu-panel .menu-list li .dropdown-panel .box { width: 1199px; height: 40px; line-height: 40px; border-top: 0; background: #fff; position: relative; } .header-nav .menu-panel .menu-list li .dropdown-panel .box .box_a { padding: 0 10px; position: absolute; top: 0; } .header-nav .menu-panel .menu-list li .dropdown-panel a { float: left; display: block; font-size: 14px; height: 20px; line-height: 20px; color: #333333; font-family: "microsoft yahei", sans-serif; padding: 0 6px; border-radius: 3px; margin: 11px 10px; } .header-nav .menu-panel .menu-list li .dropdown-panel a:hover { text-decoration: none; font-weight: normal; color: #FFFFFF; background: #F5692C; } .header-nav .menu-panel .menu-list li.selected a { font-weight: bold; } .header-nav .menu-panel .menu-list li.sel { background-color: #FF8843; } .header-nav .menu-panel .menu-list li.sel a { font-weight: bold; } .header-nav .menu-panel .menu-list li.sel a .border-up { display: block; } .header-nav .menu-panel .menu-list li.sel a .ico-triangle { width: 7px; height: 4px; overflow: hidden; background: url(http://pic5.aoyou.com/logo/2018/header.png) 0 -106px no-repeat; position: relative; margin-left: 2px; top: -2px; *top: -5px; display: inline-block; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header-nav .menu-panel .menu-list li.sel .dropdown-panel a { font-weight: normal; cursor: pointer; } .header-nav .list-right { float: right; } .header-nav .list-right ul { width: 80px; } .header-nav .list-right ul li.has-arrow { width: 80px; text-align: center; } .header-nav .list-right ul li { float: left; border-radius: 3px; height: 40px; line-height: 40px; max-width: 106px; border-bottom: none; position: relative; z-index: 3; overflow: visible; *display: inline; } .header-nav .list-right ul li a { display: inline-block; font-size: 12px; padding: 0 5px; white-space: nowrap; font-family: "microsoft yahei"; color: #fff; } .header-nav .list-right ul li a .ico-triangle { width: 7px; height: 4px; overflow: hidden; background: url(http://pic5.aoyou.com/logo/2018/header.png) 0 -106px no-repeat; position: relative; margin-left: 4px; top: -2px; *top: -5px; display: inline-block; } .header-nav .list-right ul li a.last { padding-right: 12px; } .header-nav .list-right ul li .dropdown-panel { position: absolute; display: none; top: 40px; left: -9px; width: 68px; padding: 0 10px; border: 1px solid #DCE0E0; border-radius: 3px; box-shadow: 0px 2px 2px #d4d7d7; background: #fff; } .header-nav .list-right ul li .dropdown-panel .border-up { position: absolute; top: -6px; left: 38px; width: 14px; height: 6px; background-position: 0 -281px; } .header-nav .list-right ul li .dropdown-panel ul li { width: 58px; height: 30px; line-height: 30px; } .header-nav .list-right ul li .dropdown-panel ul li.sel { background-color: #fff; } .header-nav .list-right ul li .dropdown-panel ul li.sel a { font-weight: normal; } .header-nav .list-right ul li .dropdown-panel ul li a { font-size: 12px; color: #000000; } .header-nav .list-right ul li .dropdown-panel ul li a:hover { color: #1F99F4; text-decoration: underline; font-weight: normal; font-size: 12px; background: #fff; } .three-trav { margin-top: 60px; padding-top: 30px; border-top: 1px solid #DCE0E0; } .three-trav .thr-trav { position: relative; background: url(http://pic1.aoyou.com/index2017/nav.gif) no-repeat 0 0; width: 1200px; height: 80px; margin: 0 auto; display: block; } .list-trav { width: 1200px; overflow: hidden; margin: 50px auto 40px; } .list-trav ul { height: 38px; display: flex; justify-content: space-between; } .list-trav ul li { float: left; display: block; margin-right: 18px; /*flex: 1;*/ } .list-trav ul li.last { margin-right: 0; } .list-trav ul li a { background: url(https://pic5.aoyou.com/logo/2018/header1.png) no-repeat 0 0; height: 43px; display: block; text-indent: -999em; /* width: 100% !important; */!i;!; } .list-trav ul li a.w146 { width: 140px; background-position: -279px 0px; } .list-trav ul li a.w109 { width: 193px; background-position: -279px -47px; } .list-trav ul li a.w132 { width: 147px; background-position: -279px -94px; } .list-trav ul li a.w133 { width: 138px; background-position: -279px -147px; } .list-trav ul li a.w118 { width: 112px; background-position: -279px -199px; } .list-trav ul li a.w147 { width: 135px; background-position: -279px -249px; } .list-trav ul li a.w119 { width: 147px; background-position: -448px 0px; } .list-trav ul li a.w117 { width: 126px; background-position: -448px -47px; } .trav-sev { clear: both; } .trav-sev .ts-box { width: 1200px; margin: 0 auto; _width: 1210px; } .trav-sev .ts-box li { float: left; width: 206px; margin-right: 20px; border-right: 1px solid #d8d8d8; } .trav-sev .ts-box li.trav-l-last { position: relative; border-right: none; margin-right: 0px; width: 280px; } .trav-sev .ts-box li.trav-l-last .trav-l { width: 160px; } .trav-sev .ts-box li.trav-l-last .trav-l .tl-w h4 { font-family: "microsoft yahei"; line-height: 1.4; margin-bottom: 12px; } .trav-sev .ts-box li.trav-l-last .trav-l .tl-w h4 .icon-weibo { display: inline-block; width: 24px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -150px -255px no-repeat; margin-right: 13px; vertical-align: -5px; } .trav-sev .ts-box li.trav-l-last .trav-l .tl-w h4 .icon-bweixin { display: inline-block; width: 24px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -187px -257px no-repeat; margin-right: 13px; vertical-align: -5px; } .trav-sev .ts-box li.trav-l-last .trav-l .tl-w h4 a { color: #333; font-size: 14px; } .trav-sev .ts-box li.trav-l-last .trav-l .tl-w h4 a.text { text-decoration: underline; } .trav-sev .ts-box li.trav-l-last .trav-r { position: absolute; right: 0; top: 9px; } .trav-sev .ts-box li.trav-l-last .trav-r .icon-qbcode { display: block; width: 90px; height: 90px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -449px -98px no-repeat; } .trav-sev .ts-box li .trav-l .tl-tt { float: none; width: auto; font-weight: 700; font-size: 16px; line-height: 35px; margin-bottom: 10px; } .trav-sev .ts-box li .trav-l .tl-w { float: none; width: 240px; font-size: 0; line-height: 1.5; } .trav-sev .ts-box li .trav-l .tl-w p { width: 200px; *width: 220px; } .trav-sev .ts-box li .trav-l .tl-w p a { display: inline-block; color: #333333; width: 100px; font-size: 12px; line-height: 2; } .trav-sev .ts-box li .trav-l .tl-w p a:hover { color: #1F99F4; } .foot-line { width: 1200px; _width: 1210px; margin: 0 auto 30px; padding-top: 40px; } .foot-line .line-left { font-family: "Microsoft YaHei"; padding: 6px 0; border-bottom: 1px solid #DCE0E0; line-height: 24px; position: relative; } .foot-line .line-left em { display: block; position: absolute; right: -3px; top: 15px; width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) 10px -128px no-repeat; cursor: pointer; } .foot-line .line-left.last-line { border-bottom: none; } .foot-line .line-left dt { float: left; width: 100px; font-size: 16px; font-weight: bold; color: #333333; } .foot-line .line-left dd { float: left; width: 1086px; *width: 1100px; overflow: hidden; font-size: 0; } .foot-line .line-left dd span { display: none; } .foot-line .line-left dd b { display: inline-block; font-style: normal; font-weight: normal; width: 90px; } .foot-line .line-left dd b a { color: #888888; font-size: 12px; } .foot-line .line-left dd b a:hover { color: #1F99F4; } .foot-line .line-left em.active { background: url(http://pic5.aoyou.com/logo/2018/header.png) -22px -282px no-repeat; } .foot-nav { width: 1200px; _width: 1210px; margin: 0 auto; } .foot-nav ul { height: 30px; line-height: 30px; text-align: center; background: #F5F5F5; } .foot-nav ul li { display: inline; margin-right: 49px; } .foot-nav ul li a { display: inline-block; font-family: "Microsoft YaHei"; font-size: 14px; color: #333; } .foot-nav ul li a:hover { color: #1F99F4; } .tn-footer { width: 1200px; _width: 1210px; margin: 0 auto; padding: 20px 0; } .tn-footer p { font-family: "Microsoft YaHei"; text-align: center; color: #666666; font-size: 12px; margin-bottom: 10px; } .tn-footer p.shangbiao a, .tn-footer p.shangbiao i { padding: 0 5px; } .tn-footer p a { text-decoration: underline; } .tn-footer p .icon-gongan { display: inline-block; width: 20px; height: 20px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -449px -201px no-repeat; vertical-align: -5px; } .tn-footer p .icon-xinyong { display: inline-block; width: 100px; height: 40px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -447px -229px no-repeat; vertical-align: middle; } .tn-footer p .icon-tourism { display: inline-block; width: 87px; height: 40px; background: url(http://pic2.aoyou.com/index2017/header.pn) -602px -244px no-repeat; vertical-align: middle; } .tn-footer p .icon-report { display: inline-block; width: 93px; height: 40px; background: url(http://pic2.aoyou.com/index2017/header.pn) -698px -244px no-repeat; vertical-align: middle; } .tn-footer p.text-gray { color: #999999; } .tn-footer p.text-gray span { margin-left: 8px; } .footer-link { width: 1200px; margin: 10px auto 20px auto; padding: 10px 0px 3px 0px; line-height: 18px; font-size: 12px; color: #AAAAAA; border-top: 1px solid #DCE0E0; font-family: "Microsoft YaHei"; } .footer-link p { text-align: center; } .footer-link a { color: #AAAAAA; margin-right: 5px; _margin-right: 2px; } .footer-link a:hover { color: #1F99F4; } .banner { height: 380px; width: 1200px; overflow: hidden; position: relative; } .banner .dots { position: absolute; left: 340px !important; font-size: 0px; bottom: 11px; z-index: 90; } .banner .dots span { width: 140px; height: 28px; display: inline-block; margin-right: 2px; background: #fff; font-size: 12px; text-align: center; padding: 5px 0; line-height: 1.2; cursor: pointer; vertical-align: middle; } .banner .dots span.active { background: #F5692C; color: #fff; } .banner ul { position: absolute; z-index: 0; width: 100%; height: 100%; } .banner ul li { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .banner ul li.active { display: block; } .banner ul li a image { width: 100%; height: 100%; display: block; } .banner .adicon { position: absolute; right: 0; top: 0; display: inline-block; width: 34px; height: 18px; background: url("http://pic3.aoyou.com/index2017/adicon.png") no-repeat center; } .adverbox { font-size: 0; margin: 40px 0 21px; } .adverbox a { margin-right: 18px; *margin-right: 15px; } .adverbox a:last-child { margin-right: 0; } .adverbox .last { margin-right: 0; } * { *font-family: "Microsoft Yahei"; } .gotop { display: none; position: fixed; bottom: 150px; right: 50%; margin-right: -660px; width: 30px; height: 30px; padding: 2px; border-radius: 3px; box-shadow: #d4d7d7 0px 2px 2px; border: 1px solid #DCE0E0; background: #ffffff url("http://pic5.aoyou.com/index2017/returntop.png") no-repeat center; } .site-catalog { width: 1200px; margin: 0 auto; position: relative; z-index: 91; top: 0; } .catalog-box { width: auto; height: auto; position: absolute; z-index: 8; top: 0; left: 0; -webkit-font-smoothing: antialiased; } .catalog-box ::-webkit-input-placeholder, .catalog-box :-moz-placeholder, .catalog-box ::-moz-placeholder, .catalog-box :-ms-input-placeholder { color: #999999; } .catalog-box input, .catalog-box .search-input, .catalog-box .group-item .depart { border: none; padding: 0; width: 100%; height: 100%; background: none; } .catalog-box .flight-input #jp_departTime, .catalog-box .flight-input #jp_arriveTime { width: 92px; padding-left: 80px; position: absolute; left: -1px; line-height: 32px; top: 0; } .catalog-first { float: left; border: 1px solid #DCE0E0; border-right: 0; } .catalog-tab { width: 89px; height: 75px; background: #000 \0; background: rgba(0, 0, 0, 0.8); *background: #000; line-height: 78px; padding-left: 20px; color: #ffffff; font-size: 16px; font-weight: bold; cursor: pointer; } .tabcurrent { background: #fff; color: #F5692C; height:78px; } .catalog-second .tip { font-size: 14px; font-weight: bold; color: #F83615; } .catalog-second, .catalog-third { float: left; } .catalog-third { position: relative; } .seconditem { position: relative; background: #ffffff; } .seconditem .closebtn { width: 20px; height: 20px; display: inline-block; position: absolute; right: -10px; top: -2px; background: url(http://pic5.aoyou.com/index2017/icons.png) no-repeat -116px -43px; cursor: pointer; } .catalog-holiday { width: 220px; height: 378px; border-top: 1px solid #DCE0E0; border-bottom: 1px solid #DCE0E0; background: #fff; } .catalog-holiday .ct-title { position: relative; margin-bottom: 2px; color: #222; font-size: 16px; line-height: 21px; } .catalog-holiday .ct-title .arrow { position: absolute; top: 3px; right: 0px; } .catalog-holiday .ct-items { height: 16px; overflow: hidden; } .catalog-holiday .ct-item { margin-right: 8px; color: #666; font-size: 12px; line-height: 16px; } .catalog-holiday .em { color: #F83615; } .catalog-holiday .ct-section:first-child { border-top: 0; } .ct-section { position: relative; padding: 8px 15px 6px; border-top: 1px solid #D3D8D8; } .ct-section:hover { background: #F4F4F4; } .ct-section a:hover em { color: #1F99F4; } .ct-section .arrleft { position: absolute; right: -1px; top: 17px; width: 20px; height: 25px; display: none; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -67px -160px; z-index: 10; } .hover { background: #F4F4F4; } .catalog-holiday .arrow { display: inline-block; width: 10px; height: 15px; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -74px -90px; } .catalog-app, .catalog-custome, .catalog-play, .catalog-vias, .catalog-ticket { display: none; z-index: 99; } .catalog_third_section { width: 660px; min-height: 333px; padding: 15px 29px 30px; background: #ffffff; border: 1px solid #DCE0E0; display: none; } .catalog_third_section .column .list { padding-bottom: 13px; width: 50%; float: left; } .catalog_third_section .col .list { width: 50%; float: left; } .catalog_third_section .col .list dd { padding-bottom: 10px; padding-right: 40px; } .catalog_third_section .list { padding-bottom: 0px; } .catalog_third_section .list dt { margin: 6px 0 13px; } .catalog_third_section .list dd { padding-bottom: 10px; } .catalog_third_section .list .item { display: block; height: 24px; line-height: 24px; font-size: 12px; } .catalog_third_section .column dd { padding-right: 40px; } .pinup-tag a { display: inline-block; margin-right: 10px; padding: 3px 5px; margin-bottom: 10px; line-height: 20px; border: 2px solid #F5692C; color: #F5692C; border-radius: 3px; } .pinup-tag a:hover { background: #F5692C; color: #ffffff; } .catalog-ticket { position: relative; padding: 12px 30px 30px; width: 400px; height: 336px; border-top: 1px solid #DCE0E0; border-bottom: 1px solid #DCE0E0; } .catalog-ticket .lijian { position: absolute; right: 30px; top: 26px; color: #fff; height: 20px; line-height: 20px; font-size: 12px; padding: 0 10px; border-radius: 3px; background: #ffa801 url(http://pic5.aoyou.com/index2017/li.png ) no-repeat; } .catalog-ticket .checkbox { margin-top: 10px; cursor: pointer; } .catalog-ticket .btn-search { position: absolute; bottom: 30px; right: 30px; margin-top: 10px; display: inline-block; width: 172px; height: 36px; line-height: 36px; background: #F5692C; border-radius: 3px; color: #ffffff; font-size: 16px; text-align: center; } .catalog-ticket #internal, .catalog-ticket #international { padding-top: 1px; } .aoyou-tab { position: relative; margin-top: 2px; border-bottom: 1px solid #DADADA; } .aoyou-tab li { position: relative; float: left; margin-right: 30px; line-height: 41px; text-align: center; cursor: pointer; } .aoyou-tab .aoyou-jf { float: right; color: #fcaf7c; font-size: 14px; margin-right: 0; font-family: "Microsoft yahei"; cursor: default; margin-top: 3px; } .aoyou-tab .now { color: #F4692C; border-bottom: 4px solid #F5692C; } .catalog-custome .aoyou-radio { margin: 20px 0 0; padding-bottom: 10px; } .aoyou-radio { line-height: 18px; margin: 20px 0; } .aoyou-radio label { margin-right: 24px; cursor: pointer; } .aoyou-radio span { display: inline-block; vertical-align: middle; } .radio { display: inline-block; width: 20px; height: 16px; vertical-align: middle; background: url(http://pic5.aoyou.com/index2017/check.png) no-repeat 0px 0px; } .now .radio { background: url(http://pic5.aoyou.com/index2017/check.png) no-repeat -36px 0px; } .check { margin-right: 5px; display: inline-block; width: 20px; height: 16px; vertical-align: middle; background: url(http://pic5.aoyou.com/index2017/check.png) no-repeat 0px -31px; } .checked .check { background: url(http://pic5.aoyou.com/index2017/check.png) no-repeat -36px -31px; } .change { position: absolute; left: 204px; top: 135px; width: 22px; height: 62px; cursor: pointer; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -119px -96px; } .each-row { margin-top: 20px; } .flight-input { font-size: 12px; width: 90px; height: 34px; line-height: 34px; padding-left: 80px; position: relative; border: 1px solid #AAAAAA; border-radius: 3px; } .flight-input input { border: none; padding: 0; width: 100%; } .flight-input .search-label { margin: 5px 10px 5px 0; width: 60px; padding-right: 10px; position: absolute; left: 0; top: 0; z-index: 1; line-height: 24px; text-align: right; color: #666666; border-right: 1px solid #DADADA; } .aoyou-select { position: relative; font-size: 12px; width: 158px; padding-left: 12px; height: 34px; line-height: 34px; border: 1px solid #AAAAAA; border-radius: 3px; z-index: 2; } .aoyou-select input { border: none; padding: 0; width: 100%; color: #333333; } .aoyou-select .arr { position: absolute; right: 10px; top: 16px; width: 10px; height: 5px; display: inline-block; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -122px -76px; } .aoyou-select .select-content { display: none; position: absolute; left: -1px; top: 34px; width: 100%; border: 1px solid #aaaaaa; border-radius: 3px; background: #fff; font-size: 14px; line-height: 30px; text-indent: 10px; text-align: left; font-size: 12px; z-index: 2; } .aoyou-select .select-content li { cursor: pointer; } .aoyou-select .select-content li:hover { background: #D4E7F4; } .catalog-box .group-item .iteminput { padding-left: 10px; margin-left: -1px; width: 100%; height: 33px; line-height: 32px; } .group { font-size: 12px; } .group .each-row { margin-top: 15px; } .group .block { position: relative; line-height: 32px; } .group .group-item { height: 32px; width: 123px; float: left; border: 1px solid #AAAAAA; border-right: 0; } .group .first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .group .last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #aaaaaa; } .group .number { display: inline-block; margin: 10px 10px 0 0; width: 14px; height: 14px; line-height: 14px; text-align: center; font-family: Arial; font-weight: bold; color: #fff; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -119px -169px; } .group .pal { padding-left: 20px; margin-top: 15px; } .group .pal .checkbox { margin-left: 32px; } .group .addbtn { margin-right: 10px; } .group .button { cursor: pointer; } .group .closethis { width: 20px; height: 20px; display: inline-block; position: absolute; right: -11px; top: 7px; background: url(http://pic5.aoyou.com/index2017/icons.png) no-repeat -178px -145px; cursor: pointer; } .addbtn { width: 34px; height: 34px; display: inline-block; vertical-align: middle; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -169px -92px; } .minusbtn { width: 34px; height: 34px; display: inline-block; vertical-align: middle; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -169px -44px; } .minusbtn.disable { background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -169px 0; } .catalog-vias { width: 240px; height: 324px; padding: 24px 30px 30px; font-size: 12px; border-top: 1px solid #DCE0E0; border-bottom: 1px solid #DCE0E0; } .catalog-vias .flight-input { width: 158px; } .catalog-vias .btn-search { margin-top: 20px; display: inline-block; width: 100px; height: 36px; line-height: 36px; background: #F5692C; border-radius: 3px; color: #ffffff; font-size: 16px; text-align: center; } .catalog-vias .list dt { margin-top: 10px; font-size: 14px; } .catalog-play { padding: 24px 30px 30px; width: 400px; height: 324px; border-top: 1px solid #DCE0E0; border-bottom: 1px solid #DCE0E0; } .catalog-play .morebox { margin: 0; float: right; } .catalog-play .morebtn { width: 42px; height: 26px; line-height: 26px; bottom: -34px; } .catalog-play .flight-input { width: 308px; padding-left: 90px; z-index: 2; } .catalog-play .flight-input .search-label { width: 70px; } .catalog-play .btn-search { margin-top: 20px; display: inline-block; width: 100px; height: 36px; line-height: 36px; background: #F5692C; border-radius: 3px; color: #ffffff; font-size: 16px; text-align: center; } .catalog-play .list { margin-top: 29px; } .catalog-play .list .typ2 { height: 48px; padding-bottom: 0; margin-bottom: 8px; overflow: hidden; padding-left: 93px; } .catalog-play .hotelkeywordlist .typ2 { height: 100%; overflow: auto; } .catalog-play .list .subtit { width: 93px; font-weight: bold; font-size: 16px; line-height: 20px; top: 3px; color: #333; } .catalog-custome { width: 240px; height: 324px; padding: 24px 30px 30px; font-size: 12px; border-top: 1px solid #DCE0E0; border-bottom: 1px solid #DCE0E0; } .catalog-custome .flight-input { width: 158px; } .catalog-custome .each-row { padding-top: 10px; margin-top: 0px; } .catalog-custome .btn-search { margin-top: 10px; display: inline-block; width: 100px; height: 36px; line-height: 36px; background: #F5692C; border-radius: 3px; color: #ffffff; font-size: 16px; text-align: center; } .form-list { font-size: 12px; height: 34px; line-height: 34px; padding-left: 70px; position: relative; border-radius: 3px; } .form-list .search-label { margin: 5px 0; width: 60px; padding-right: 10px; position: absolute; left: 0; top: 0; z-index: 1; line-height: 24px; font-size: 14px; color: #666666; } .form-list .aoyou-radio { line-height: 34px; margin-top: 0; } .form-list .aoyou-radio .icon-warn { margin-left: 3px; } .form-list .aoyou-radio label { margin-right: 0; } .form-list .aoyou-radio .mg15 { margin-right: 15px; } .icon-warn { display: inline-block; width: 16px; height: 16px; vertical-align: -4px; *vertical-align: middle; cursor: pointer; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -180px -183px; } .spinner span { display: inline-block; cursor: pointer; } .spinner input { width: 60px; display: inline-block; border: none; padding: 0; text-align: center; font-size: 18px; vertical-align: middle; height: 30px; line-height: 30px; } .current-box { position: absolute; display: none; font-style: normal; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); } .current-box p { line-height: 20px; } .current-box .downarrow { position: absolute; display: block; width: 18px; height: 9px; z-index: 999; margin-top: -1px; margin-left: 20px; background: url("http://pic2.aoyou.com/product/arrow_new.png") no-repeat center -341px; } .current-box .uparrow { position: absolute; top: -6px; display: block; width: 18px; height: 9px; z-index: 999; margin-top: -1px; margin-left: 20px; background: url("http://pic3.aoyou.com/product/arrow_new.png") no-repeat center -370px; } .current-box { z-index: 9; } .current-box .current-boxCont { border: 1px solid #e5e5e5; background: #fff; padding: 10px; font-size: 12px; line-height: 20px; width: 150px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .current-boxCont span, .current-boxCont p { display: block; font-size: 12px; line-height: 18px; color: #333333; font-family: "Microsoft yahei"; } .current-boxCont span em { color: #ff212e; margin-right: 3px; font-style: normal; } .catalog-app { width: 224px; height: 328px; padding: 20px 38px 30px; font-size: 12px; border-top: 1px solid #DCE0E0; border-bottom: 1px solid #DCE0E0; } .catalog-app .boot { margin-top: 19px; } .catalog-app .boot h4 { margin-bottom: 8px; -webkit-font-smoothing: none; text-align: center; } .catalog-app .btn-outline { display: block; margin-bottom: 6px; } .btn-outline { width: 86px; height: 26px; border: 2px solid #F5692C; border-radius: 3px; text-align: center; line-height: 26px; color: #F5692C; -webkit-font-smoothing: auto; } .btn-outline:hover { background: #F5692C; color: #ffffff; } .section-title { position: relative; padding-top: 34px; } .section-title h3 { font-size: 28px; line-height: 50px; margin-bottom: 20px; color: #222222; } .section-title h2 { font-size: 28px; line-height: 50px; margin-bottom: 20px; color: #222222; } .section-title .tag-mj { height: 20px; line-height: 20px; font-size: 12px; padding: 0 10px; border-radius: 3px; background: #ffa801 url(http://pic5.aoyou.com/index2017/li.png ) no-repeat; color: #fff; vertical-align: 5px; *vertical-align: middle; display: inline-block; } .section-title .list-tit { border-bottom: 1px solid #DBDBDB; } .section-title .list-tit li { float: left; margin-right: 30px; height: 28px; *line-height: 20px; font-size: 14px; color: #555555; cursor: pointer; } .section-title .list-tit .current { color: #F5692C; border-bottom: 4px solid #F5692C; } .section-title .infor { position: absolute; right: 90px; bottom: 18px; color: #8D8D8D; } .section-title .infor em { color: #333333; } .morebtn { display: inline-block; width: 66px; height: 26px; line-height: 26px; position: absolute; right: 0; bottom: 10px; border: 2px solid #F5692C; color: #F5692C; text-align: center; border-radius: 3px; } .morebtn:hover { background: #F5692C; color: #ffffff; } .mainbox.fr .product-item { margin-right: 0; margin-left: 16px; } .mainbox { height: 515px; } .mainbox-s .product-item { margin-bottom: 20px; } .product-item { float: left; width: 288px; margin-right: 16px; margin-bottom: 14px; } .product-item .imgbox { position: relative; overflow: hidden; } .product-item .imgbox .tag { position: absolute; top: 10px; left: 10px; } .product-item .shade { position: absolute; left: 0; bottom: 0; width: 100%; height: 76px; display: none\9; *display: none; overflow: hidden; background: url("http://pic5.aoyou.com/index2017/jbline.png") repeat-x left bottom; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; } .product-item .descript { position: absolute; left: 0; bottom: -50px; padding: 37px 9px 0; margin-bottom: 5px; height: 38px; line-height: 17px; color: #ffffff; font-size: 13px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .product-item .pro-infor { position: relative; padding-top: 11px; padding-right: 10px; background: #fff; } .product-item .pro-infor h4 { height: 40px; margin-bottom: 6px; font-size: 15px; line-height: 20px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .product-item .pro-infor h4 a { display: block; color: #333333; } .product-item .pro-infor h4 a:hover { color: #1F99F4; } .product-item .pro-infor .boot { line-height: 22px; } .product-item .pro-infor .price { float: left; color: #F83615; font-size: 22px; padding-left: 5px; } .product-item .pro-infor .price em { font-weight: bold; } .product-item .pro-infor .price i { font-size: 14px; } .product-item .pro-infor del { margin-left: 6px; margin-top: 4px; display: inline-block; color: #B8B8B8; font-size: 14px; } .product-item .pro-infor .depart { margin-right: 4px; color: #B8B8B8; font-size: 12px; } .product-item .kc { color: #B8B8B8; } .product-item .kc em { color: #1F99F4; } .product-item:hover .shade { opacity: 1; display: block\9; *display: block; } .flight-con .price i { font-size: 14px; } .timmer { position: absolute; top: 10px; left: 10px; padding: 2px 20px 2px 10px; background: #fff; border-radius: 3px; color: #F83615; line-height: 20px; } .tipsdropbox { display: none; position: absolute; width: 298px; padding: 2px 5px 4px; background: #F0F0F0; border: 1px solid #DBDBDB; color: #333; font-size: 12px; line-height: 16px; border-radius: 3px; box-shadow: 1px 1px 4px #dbdbdb; z-index: 1; } .xjtag { display: inline-block; padding: 0 4px; height: 18px; line-height: 18px; border-radius: 3px; color: #FFAB0A; font-size: 15px; border: 1px solid #FFAB0A; } .tag { display: inline-block; border-radius: 2px; color: #fff; width: 56px; height: 24px; text-align: center; line-height: 24px; } .tag-zyx { background: #3FADFF; } .tag-gty { background: #FF5C5D; } .tag-yl { background: #2F8AFF; } .tag-jd { background: #C5AD82; } .mside { width: 288px; height: 500px; position: relative; overflow: hidden; } .mside .tit { margin-bottom: 12px; font-size: 16px; line-height: 21px; color: #333333; font-weight: bold; } .hotside { width: 286px; height: 500px; background: #F7F7F7; border: 1px solid #DCE0E0; } .hotside .tit { margin-bottom: 14px; } .play { position: absolute; left: 20px; bottom: 20px; width: 218px; background: #fff; padding: 17px 15px 15px; } .play .items { height: 96px; overflow: hidden; } .play .items a { font-size: 13px; color: #333333; line-height: 24px; } .play .items a:hover { text-decoration: underline; color: #1F99F4; } .play .small { height: 48px; } .hot-pro { margin: 20px 22px 0 20px; height: 320px; overflow: hidden; } .hot-item { display: block; margin-bottom: 14px; } .hot-item .pro-infor { height: 60px; color: #333333; } .hot-item .pro-infor .title { padding: 2px 0 5px; line-height: 19px; font-size: 14px; overflow: hidden; max-height: 33px; *height: 33px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .hot-item .pro-infor .title:hover { color: #1F99F4; } .hot-item .pro-infor .price { font-size: 20px; line-height: 26px; color: #F83616; } .hot-item .imgbox { float: left; margin-right: 20px; position: relative; width: 44px; height: 44px; overflow: hidden; } .hot-item .imgshade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -68px -265px; } .blockitem { display: block; float: left; margin-right: 20px; margin-bottom: 20px; border-radius: 3px; } .blockitem img { float: left; margin-right: 16px; display: inline-block; } .blockitem p { position: relative; top: 2px; color: #555555; font-size: 12px; } .blockitem .price { color: #F83615; font-size: 20px; letter-spacing: 1px; } .blockitem .price em { font-size: 12px; color: #555555; } .blockitem .price span { font-size: 14px; font-weight: normal; } .blockitem .boot { margin-top: 5px; line-height: 30px; } .visa-item { width: 191px; border: 1px solid #DCE0E0; padding: 13px 14px 0px 17px; } .visa-item:hover { border: 1px solid #91C5EC; } .visa-item .tit { font-size: 20px; line-height: 35px; color: #000000; } .visa-item .infor { margin-top: 7px; line-height: 19px; height: 36px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .visa-item .price { font-size: 22px; font-weight: bold; } .ticket-item { width: 196px; padding: 7px 11px 4px 17px; background: #F7F7F7; height: 70px; } .ticket-item:hover { box-shadow: 0 2px 2px #d4d7d7; } .ticket-item .tit { font-size: 18px; line-height: 35px; color: #000000; } .ticket-item .tit em { display: inline-block; margin: 0 12px; width: 20px; height: 1px; vertical-align: middle; border-top: 1px solid #CCCCCC; } .ticket-item .boot { margin-top: 2px; } .ticket-item .date { font-size: 14px; color: #555; } .flight-item { width: 288px; margin-right: 16px; margin-bottom: 16px; } .flight-item:hover { box-shadow: 0 2px 2px #d4d7d7; } .flight-tit { height: 30px; line-height: 30px; padding: 0 20px; background: #D6F0FD; color: #467395; border-top-left-radius: 3px; border-top-right-radius: 3px; } .flight-con { padding: 13px 20px 16px; background: #F7F7F7; } .flight-con .tit { display: inline-block; margin-bottom: 13px; font-size: 18px; line-height: 24px; font-weight: bold; } .flight-con .tit em { display: inline-block; width: 60px; height: 20px; margin: 0 10px; vertical-align: middle; background: url(http://pic5.aoyou.com/index2017/icons.png) no-repeat -8px -347px; } .flight-con .btn-buy { float: right; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #F5692C; color: #fff; border-radius: 3px; } .flight-con .date { margin-bottom: 7px; line-height: 19px; } .flight-con .price { font-weight: bold; } .flight-con .price span { color: #333; font-weight: normal; } .flight-con .price em { font-size: 14px; font-weight: normal; } .slideritem { float: left; width: 288px; padding-right: 16px; list-style: none; } .slideritem .viabox { position: relative; width: 40px; height: 40px; float: left; margin-right: 10px; overflow: hidden; } .slideritem .viabox .shade { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -10px -266px; } .slideritem .name { font-size: 20px; line-height: 40px; } .slideritem .item-infor { padding-right: 30px; margin-top: 10px; } .slideritem .item-infor p { height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10px; line-height: 21px; } .slideritem .item-infor p a:hover { color: #1F99F4; } .sliderbox { position: relative; } .sliderbox .imglist-w { width: 1200px; height: 532px; overflow: hidden; float: left; position: relative; } .sliderbox .imglist-w ul { width: 20000px; position: absolute; left: 0px; top: 0px; } .slide-arr { width: 40px; height: 430px; position: absolute; top: 0; cursor: pointer; z-index: 7; } .slide-arr.agrayleft { display: none; } .slide-arr.agrayright { display: none; } .slide-arr .icon-arr-left, .slide-arr .icon-arr-right { margin-top: 200px; margin-left: 10px; } .slide-arr.left { left: 0px; background: url("http://pic5.aoyou.com/index2017/leftbg.png") no-repeat; background-size: 100% 100%; } .slide-arr.right { right: 0px; background: url("http://pic5.aoyou.com/index2017/rightbg.png") no-repeat; background-size: 100% 100%; } .icon-arr-left { display: block; width: 20px; height: 40px; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -107px 4px; } .icon-arr-right { display: block; width: 20px; height: 40px; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -124px 4px; } .v-type .slideritem { float: none; width: 100%; height: 70px; margin: 0; } .orderlist { padding-left: 20px; } .orderlist .price { color: #F83615; font-size: 14px; } .orderlist .infor { line-height: 16px; } .orderlist .infor span { font-size: 12px; margin-right: 10px; } .orderlist p { margin-top: 4px; line-height: 19px; color: #1F99F4; height: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .icon-voice { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -72px -126px; overflow: hidden; } .otherinfor { margin-top: 30px; width: 260px; padding-left: 20px; border-left: 1px solid #ECECED; } .otherinfor .slide-arr { display: none; } .otherinfor .imglist-w { width: 260px; height: 70px; overflow: hidden; float: left; position: relative; } .otherinfor .imglist-w ul { height: 20000px; width: auto; position: absolute; left: 0px; top: 0px; } .otherinfor .top { height: 95px; position: relative; margin-top: -13px; } .otherinfor .mydimg { position: absolute; right: 5px; } .otherinfor .mydinfor { padding-left: 20px; } .otherinfor .mydinfor h2 { margin-bottom: 10px; padding-top: 11px; font-size: 20px; line-height: 26px; color: #F5692C; font-weight: bold; } .otherinfor .mydinfor p { color: #8D8D8D; line-height: 19px; } .otherinfor .mydinfor p .num { color: #333333; font-weight: bold; } .otherinfor .sliderbox { margin-top: 11px; } .otherinfor .server-list { margin-top: 5px; padding-bottom: 6px; position: relative; } .otherinfor .server-list .firstbtn { position: absolute; width: 72px; height: 85px; cursor: pointer; display: inline-block; left: 0; background: #fff; opacity: 0; filter: alpha(opacity=0); top: 10px; z-index: 1; } .otherinfor .server-list .secondbtn { position: absolute; width: 72px; height: 85px; cursor: pointer; display: inline-block; left: 95px; background: #fff; opacity: 0; filter: alpha(opacity=0); top: 10px; z-index: 1; } .otherinfor .server-list .thirdbtn { position: absolute; width: 72px; height: 85px; cursor: pointer; display: inline-block; right: 0; background: #fff; opacity: 0; filter: alpha(opacity=0); top: 10px; z-index: 1; } .otherinfor .list dt { color: #555555; } .list .subtit { position: absolute; left: 0; top: 6px; *top: 2px; display: inline-block; width: 78px; font-size: 13px; line-height: 16px; color: #9B9B9B; vertical-align: middle; -webkit-font-smoothing: auto; } .list .em { color: #F83615; } .list dt { margin-top: 18px; margin-bottom: 12px; font-size: 16px; font-weight: bold; } .list dd { padding-bottom: 0px; } .list .item { height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 24px; display: block; display: block\0; display: -webkit-box; *display: block; } .list .item i { margin-right: 5px; } .list .item .arrow1 { margin-left: 7px; } .list .item em { color: #F83615; } .list .ct-item { display: inline-block; *display: inline; *zoom: 1; font-size: 12px; line-height: 24px; } .list a { color: #666666; } .list a:hover { text-decoration: none; color: #1F99F4; } .list a:hover em { color: #1F99F4; } .list .typ2 { padding-left: 78px; position: relative; } .more { font-weight: normal; float: right; color: #747474; font-size: 14px; } .arrow1 { display: inline-block; width: 10px; height: 15px; vertical-align: middle; background: url(http://pic5.aoyou.com/index2017/icons.png) no-repeat -81px -202px; } .float-nav { position: fixed; top: -1100px; left: 50%; margin-left: -660px; z-index: 111; } .float-nav ul { background: #ffffff; padding: 0 2px; border: 1px solid #DCE0E0; border-radius: 3px; box-shadow: 0 2px 2px #d4d7d7; } .float-nav ul li { color: #666666; font-size: 13px; width: 30px; padding: 6px 0; line-height: 14px; text-align: center; cursor: pointer; background: #fff; border-bottom: 1px solid #DCE0E0; } .float-nav ul li span { display: inline-block; padding: 6px 0; width: 30px; border-radius: 3px; } .float-nav ul .current span { background: #F5692C; color: #ffffff; font-weight: bold; } .float-nav ul .last { border-bottom: 0; } .ay-drop-box { display: none; width: 545px; position: absolute; top: 34px; left: 0; padding: 14px 6px; background: #fff; border: 1px solid #aaaaaa; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari 和 Chrome */ -o-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); z-index: 99; } .ay-drop-box .ay-drop-trangle { display: block; position: absolute; top: -7px; left: 80px; width: 14px; height: 14px; background: url(http://pic1.aoyou.com/dingzhi/bd_bg.png) no-repeat 0 -237px; } .ay-drop-box .hidden { display: none; } .ay-tabnav { width: auto; } .ay-tabnav li { position: relative; top: 1px; float: left; padding: 0 10px; height: 22px; margin-top: 6px; margin-right: 6px; border: 1px solid #ddd; cursor: pointer; text-align: center; line-height: 22px; } .ay-tabnav li span { padding: 4px 10px; height: 26px; line-height: 26px; font-family: "Microsoft Yahei"; } .ay-tabnav .ay-now { border-top-color: #d4594c; border-bottom-color: #fff; } .ay-tabnav .ay-now .ay-bor-red { display: block; width: 100%; position: absolute; top: -1px; left: 0; border-top: 2px solid #e65350; } .ay-tabnav .ay-now .ay-bor-write { display: block; width: 100%; height: 3px; _height: 2px; position: absolute; bottom: -1px; _bottom: -10px; left: 0; background: #fff; } .ay-list-city { padding: 10px 0; margin: 0 4px; border-top: 1px solid #dcdcdc; } .ay-list-city a { font-size: 12px; font-family: "Microsoft Yahei"; cursor: pointer; float: left; width: 60px; height: 24px; padding: 0 0 0 11px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ay-list-city a:hover { text-decoration: none; color: #1F99F4; } .ay-list-city .list .subtit { font-size: 12px; color: #333333; margin-bottom: 0px; font-weight: bold; width: 60px; top: 4px; font-family: "microsoft yahei"; } .ay-list-city .list .ct-item { width: auto; display: inline-block; margin-right: 10px; } .ay-list-city .list .typ2 { padding-left: 60px; } .ay-list-city .isHide { display: none; } .moreblock { display: none; width: 488px; border: 1px solid #aaaaaa; position: absolute; top: 94px; background: #fff; z-index: 99; color: #333; left: 89px; *left: 89px; _left: 89px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari 和 Chrome */ -o-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); font-size: 12px; } .moreblock .yui3-msg-box { margin-bottom: -1px; padding: 5px 10px; line-height: 19px; border: 1px solid #FF8080; background-color: #FFF2F2; zoom: 0; text-align: left; } .moreblock .links_hot { border-bottom: 2px solid #EEEFF2; padding-bottom: 7px; margin-bottom: 8px; } .moreblock .links { zoom: 1; /* padding-top: 0; */ padding-bottom: 8px; margin-left: 20px; margin-right: 20px; line-height: 30px; } .moreblock .links .tt { margin-top: 14px; color: #999; font-weight: bold; } .moreblock .tic { overflow: hidden; zoom: 1; } .moreblock .link_a { display: inline-block; padding: 0 4px; margin-right: 12px; color: #333; cursor: pointer; font-family: "microsoft yahei"; -webkit-font-smoothing: antialiased; font-family: "Microsoft yahei"; cursor: pointer; } .moreblock .link_a:hover { text-decoration: none; color: #1F99F4; } #flight_suggest { border: 1px solid #87b9ec; padding: 10px 0px 10px 0px; text-align: left; } .flight-results { width: 288px; background: #fff; border: 1px solid #7f9db9; position: absolute; z-index: 100000; display: none; padding: 5px; border: 1px solid #aaa; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari 和 Chrome */ -o-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .flight-results .gray { color: gray; font-size: 12px; line-height: 30px; } .flight-results ul { margin: 0; padding: 0; list-style: none; } .flight-results li { border: 1px solid #fff; } .flight-results li a { height: 26px; line-height: 26px; white-space: nowrap; text-decoration: none; display: block; color: #26282F; padding: 1px 3px; cursor: pointer; font-size: 12px; font-family: "Microsoft YaHei"; } .flight-results li a span { color: #999; } .flight-results li a b { font-weight: normal; color: #1F99F4; } .flight_ac_over { background: #D4E7F4; } .flight-results li.hover { background: #D4E7F4; } .flight-results li span { float: right; } .flight-results li em.code { color: #f60; font-style: normal; } .flight_ac_result_tip { border-bottom: 1px dashed #666; padding: 3px; } .flight_ac_result_foot { border-top: 1px dashed #666; padding-top: 3px; } .flight_ac_page { line-height: 30px; font-size: 12px; width: 200px; margin: 0 auto; } .pages { position: relative; text-align: center; } .pages .pages-prev { display: inline-block; width: 30px; height: 30px; vertical-align: middle; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -103px -213px; } .pages .pages-next { display: inline-block; width: 30px; height: 30px; vertical-align: middle; background: url("http://pic5.aoyou.com/index2017/icons.png") no-repeat -124px -213px; } .pages .page-con { display: inline; } .pages .page-con span { width: 20px; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; } .pages .page-con span:hover { color: #1F99F4; text-decoration: underline; } .pages .page-con .now { color: #F5692C; } .app-download-open { position: fixed; z-index: 99; left: 0; bottom: 0; height: 120px; width: 100%; } .app-download-open .bg { position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; background: #141840; opacity: 0.85; filter: alpha(opacity=85); } .app-download-open .load-inner { position: absolute; bottom: 0px; left: 50%; margin-left: -396px; width: 1000px; z-index: 2; } .app-download-open .load-inner a { display: block; width: 760px; height: 120px; position: absolute; left: 45px; bottom: 0px; } .app-download-open .btn-close { position: absolute; z-index: 1; bottom: 64px; left: 0; cursor: pointer; transition: all 300ms; -webkit-transition: all 300ms; } .app-download-open .btn-close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .app-download-close { position: fixed; z-index: 99999; left: -100%; bottom: 0; cursor: pointer; } .w1000 { position: absolute; left: 10px; } .first-nobor { border-top: 0; } .last-nobor { border-bottom: 0; } .fl { float: left; } .fr { float: right; } .dliver { display: inline-block; height: 14px; vertical-align: -3px; width: 0; padding-left: 8px; margin-right: 8px; line-height: 15px; border-right: 1px solid #AAAAAA; } a { color: #333; } .em { color: #F83615; } .hidden { display: none; } .links_hot { border-bottom: 1px solid #ccc; padding-bottom: 7px; margin-bottom: 8px; } .moreblock .links .tt { margin-top: 14px; color: #999; font-weight: bold; } .moreblock .links .tc { line-height: 26px; margin-left: -4px; } .moreblock .link_a, .moreblock .link_a_other { display: inline-block; padding: 0 4px; margin-right: 12px; color: #333; cursor: pointer; font-family: "microsoft yahei"; -webkit-font-smoothing: antialiased; font-family: "Microsoft yahei"; } .moreblock .links .hot-red { color: #FF6602; } .moreblock .link_a:hover, .moreblock .link_a_other:hover ，.moreblock .hot-red:hover { text-decoration: none; color: #1F99F4; } .moreblock .tit { width: 40px; display: block; float: left; color: #999999; font-family: "Microsoft yahei"; } .moreblock .tic { overflow: hidden; zoom: 1; } .moreblock .tips { height: 20px; margin: 8px 0 12px 20px; line-height: 20px; color: #999999; font-family: "Microsoft yahei"; font-size: 14px; } .pop_jp { width: 545px; } .pop_jp .tt_tabs { width: auto; border-bottom: 1px solid #ddd; } .pop_jp .tt_tabs .item { position: relative; top: 1px; float: left; padding: 0 10px; height: 22px; margin-top: 6px; margin-right: 6px; border: 1px solid #ddd; cursor: pointer; text-align: center; line-height: 22px; } .pop_jp .tt_tabs .item.now { border-top-color: #e65350; border-bottom-color: #fff; } .aoyou-search-con .tips .pop_jp .tt_tabs .now { color: #ff6602; background: url(http://pic1.aoyou.com/index/body-iconnew.png) no-repeat center -1420px; } .pop_jp .item .link_a { width: 80px; height: 26px; padding: 0 4px; line-height: 26px; margin-right: 0px; cursor: pointer; overflow: hidden; font-family: "Microsoft yahei"; overflow: hidden; } .pop_jp .links { padding-bottom: 20px; padding-top: 0; } .pop_jp .links .tt { line-height: 25px; margin-top: 13px; font-weight: normal; padding: 0; } /*搜索框部分*/ #flight_suggest { border: 1px solid #87b9ec; padding: 10px 0px 10px 0px; text-align: left; } .gray { color: gray; } .flight_ac_results { background: #fff; border: 1px solid #7f9db9; position: absolute; z-index: 100000; display: none; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } .flight_ac_results ul { margin: 0; padding: 0; list-style: none; } .flight_ac_results li a { white-space: nowrap; text-decoration: none; display: block; color: #26282F; padding: 1px 3px; cursor: pointer; font-family: "Microsoft YaHei"; } .flight_ac_results li { border: 1px solid #fff; } .flight_ac_over, .flight_ac_results li a:hover { background: #D4E7F4; } .flight_ac_results li a span { float: right; } .flight_ac_results li a em.code { color: #f60; font-style: normal; } .flight_ac_result_tip { border-bottom: 1px dashed #666; padding: 3px; } .flight_ac_result_foot { border-top: 1px dashed #666; padding-top: 3px; } .flight_ac_page { line-height: 30px; font-size: 12px; width: 200px; margin: 0 auto; } .shade-div { width: 100%; height: 100%; position: absolute; z-index: 999999; top: 0; left: 0; background: url('http://pic1.aoyou.com/flight/alpha.png') repeat 0 0; } .waiting { width: 650px; position: fixed; _position: absolute; left: 50%; top: 154px; background-color: #fff; color: #555; } .waiting_loading { width: 250px; margin-left: -125px; top: 257px; padding-bottom: 20px; text-align: center; } .waiting .tt { height: 50px; line-height: 50px; margin: 0 16px; } .waiting_loading_img { margin: 0 auto; display: block; } /*日历样式修改*/ .calendar-bounding-box { position: absolute; width: 445px; *width: 450px; font: 12px/1.5 Arial; z-index: 100000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; } .calendar-bounding-box .container { background-color: #FFF; zoom: 1; } .calendar-bounding-box iframe { position: absolute; top: 0; left: 0; z-index: -1; border-width: 0; } .calendar-bounding-box .message-box { position: relative; z-index: 1; margin-bottom: -1px; padding: 5px 10px; line-height: 19px; border: 1px solid #FF8080; background-color: #FFF2F2; display: none; zoom: 0; text-align: left; } .calendar-bounding-box .content-box { position: relative; zoom: 1; padding: 10px 18px 15px 18px; border: 1px solid; border-color: #aaaaaa; letter-spacing: -0.31em; *letter-spacing: normal; word-spacing: -0.43em; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 200px; } .calendar-bounding-box .content-box .arrow { position: absolute; top: 0; width: 412px; height: 0px; cursor: pointer; z-index: 9; } .calendar-bounding-box .content-box .arrow span { position: absolute; display: inline-block; top: 29px; width: 30px; height: 24px; cursor: pointer; margin-top: -19px; text-indent: -99999px; backgorund-repeat: no-repeat; z-index: 2; } .calendar-bounding-box .content-box .arrow span.close-btn { top: 0; right: 0; width: 12px; height: 12px; display: block; margin: 5px 5px auto 0; cursor: pointer; float: right; background: url(http://pic1.aoyou.com/index/new_icon.png) no-repeat -14px -592px; _display: inline; _zoom: 1; _overflow: hidden; display: none; } .calendar-bounding-box .content-box .arrow span.prev-btn { /*left: -8px;*/ background-image: url("http://pic2.aoyou.com/index2017/prev.png"); background-position: 0 0; } .calendar-bounding-box .content-box .arrow span.prev-btn:hover { background-position: 0 0; } .calendar-bounding-box .content-box .arrow span.next-btn { right: -8px; background-image: url("http://pic3.aoyou.com/index2017/next.png"); background-position: 0 0; } .calendar-bounding-box .content-box .arrow span.next-btn:hover { background-position: 0 0; } .calendar-bounding-box .content-box .arrow span.prev-btn-disabled { left: 0px; cursor: default; background-position: 0 0; } .calendar-bounding-box .content-box .arrow span.next-btn-disabled { } .calendar-bounding-box .content-box .inner { position: relative; display: inline-block; padding: 0 12px; zoom: 1; *display: inline; letter-spacing: normal; word-spacing: normal; vertical-align: top; } .calendar-bounding-box .content-box .inner h4 { margin: 0; padding: 0; margin-bottom: 9px; font-size: 14px; line-height: 25px; text-align: center; font-weight: bold; color: #333333; } .calendar-bounding-box .content-box .inner h4 select { font: 12px/1.5 Arial; margin: 0 5px; } .calendar-bounding-box .content-box .inner table { border-spacing: 0; border-collapse: collapse; } .calendar-bounding-box .content-box .inner table th { height: 22px; font-weight: 400; border-bottom: 1px solid #E4E4E4; color: #999999; text-align: center; } .calendar-bounding-box .content-box .inner table th.weekend { font-weight: 700; color: #F69191; } .calendar-bounding-box .content-box .inner table td { padding: 0; width: 25px; height: 22px; font-weight: 700; text-align: center; border: 1px solid #E5E5E5; } .calendar-bounding-box td a { width: 25px; height: 25px; display: block; color: #333333; line-height: 26px; text-decoration: none; font-weight: normal; background: #FFF url(http://images1.aoyou.cc/Images/tb1.png) -9999px -9999px no-repeat; } .calendar-bounding-box td.disabled a { color: #DCDCDC !important; background-color: transparent !important; } .calendar-bounding-box td.disabled a:hover { color: #DCDCDC; cursor: default; } .calendar-bounding-box td.start-date a, .calendar-bounding-box td a:hover, .calendar-bounding-box td.end-date a:hover, .calendar-bounding-box td.selected-date a, .calendar-bounding-box td.selected-range a:hover { color: #FFF; background-color: #5792DC; } .calendar-bounding-box td.end-date a { color: #FFF; background-color: #E2AD44; } /*.calendar-bounding-box .content-box .arrow span.prev-btn:hover {*/ /*background-position: 0 -36px*/ /*}*/ /*.calendar-bounding-box .content-box .arrow span.next-btn:hover {*/ /*background-position: 0 -108px*/ /*}*/ .calendar-bounding-box-style td a:hover, .calendar-bounding-box-style td.end-date a:hover, .calendar-bounding-box-style td.start-date a:hover, .calendar-bounding-box-style td.selected-range a:hover { color: #FFF; background-color: #E2AD44; } .calendar-bounding-box-style td.hover a { color: #333333; background-color: #BBDDF4 !important; } .calendar-bounding-box td.selected-range a { background-color: #D9F2FF; } .calendar-bounding-box .hidden { display: none; zoom: 0; } .calendar-bounding-box .visible { display: block; zoom: 1; } .calendar-input-wrap { position: relative; display: inline-block; zoom: 1; *display: inline; } .calendar-input-wrap input { outline: 0; } .calendar-input-wrap span { position: absolute; cursor: text; top: 50%; right: 5px; height: 15px; color: #A1A1A1; overflow: hidden; margin-top: -7.5px; font: 400 12px/15px Arial; background: url(http://images1.aoyou.cc/Images/tb3.png) -999px -999px no-repeat; } .calendar-input-wrap .calendar-start-icon { padding-right: 25px; background-position: right -76px; cursor: default; } .calendar-input-wrap .calendar-end-icon { padding-right: 25px; background-position: right -91px; } .calendar-bounding-box td .yuandan { text-indent: -9999px; background-position: 0 0; } .calendar-bounding-box td.start-date .yuandan, .calendar-bounding-box td.selected-date .yuandan, .calendar-bounding-box td .yuandan:hover, .calendar-bounding-box td.end-date .yuandan:hover, .calendar-bounding-box td.selected-range .yuandan:hover { background-position: -31px 0; } .calendar-bounding-box td.end-date .yuandan { background-position: -62px 0; } .calendar-bounding-box-style td .yuandan:hover, .calendar-bounding-box-style td.end-date .yuandan:hover, .calendar-bounding-box-style td.selected-range .yuandan:hover { background-position: -62px 0; } .calendar-bounding-box td.selected-range .yuandan { background-position: -93px 0; } .calendar-bounding-box td.hover .yuandan { background-position: -124px 0; } .calendar-bounding-box td .chuxi { text-indent: -9999px; background-position: 0 -30px; } .calendar-bounding-box td.start-date .chuxi, .calendar-bounding-box td.selected-date .chuxi, .calendar-bounding-box td .chuxi:hover, .calendar-bounding-box td.end-date .chuxi:hover, .calendar-bounding-box td.selected-range .chuxi:hover { background-position: -31px -30px; } .calendar-bounding-box td.end-date .chuxi { background-position: -62px -30px; } .calendar-bounding-box-style td .chuxi:hover, .calendar-bounding-box-style td.end-date .chuxi:hover, .calendar-bounding-box-style td.selected-range .chuxi:hover { background-position: -62px -30px; } .calendar-bounding-box td.selected-range .chuxi { background-position: -93px -30px; } .calendar-bounding-box td.hover .chuxi { background-position: -124px -30px; } .calendar-bounding-box td .chunjie { text-indent: -9999px; background-position: 0 -60px; } .calendar-bounding-box td.start-date .chunjie, .calendar-bounding-box td.selected-date .chunjie, .calendar-bounding-box td .chunjie:hover, .calendar-bounding-box td.end-date .chunjie:hover, .calendar-bounding-box td.selected-range .chunjie:hover { background-position: -31px -60px; } .calendar-bounding-box td.end-date .chunjie { background-position: -62px -60px; } .calendar-bounding-box-style td .chunjie:hover, .calendar-bounding-box-style td.end-date .chunjie:hover, .calendar-bounding-box-style td.selected-range .chunjie:hover { background-position: -62px -60px; } .calendar-bounding-box td.selected-range .chunjie { background-position: -93px -60px; } .calendar-bounding-box td.hover .chunjie { background-position: -124px -60px; } .calendar-bounding-box td .yuanxiao { text-indent: -9999px; background-position: 0 -90px; } .calendar-bounding-box td.start-date .yuanxiao, .calendar-bounding-box td.selected-date .yuanxiao, .calendar-bounding-box td .yuanxiao:hover, .calendar-bounding-box td.end-date .yuanxiao:hover, .calendar-bounding-box td.selected-range .yuanxiao:hover { background-position: -31px -90px; } .calendar-bounding-box td.end-date .yuanxiao { background-position: -62px -90px; } .calendar-bounding-box-style td .yuanxiao:hover, .calendar-bounding-box-style td.end-date .yuanxiao:hover, .calendar-bounding-box-style td.selected-range .yuanxiao:hover { background-position: -62px -90px; } .calendar-bounding-box td.selected-range .yuanxiao { background-position: -93px -90px; } .calendar-bounding-box td.hover .yuanxiao { background-position: -124px -90px; } .calendar-bounding-box td .qingming { text-indent: -9999px; background-position: 0 -120px; } .calendar-bounding-box td.start-date .qingming, .calendar-bounding-box td.selected-date .qingming, .calendar-bounding-box td .qingming:hover, .calendar-bounding-box td.end-date .qingming:hover, .calendar-bounding-box td.selected-range .qingming:hover { background-position: -31px -120px; } .calendar-bounding-box td.end-date .qingming { background-position: -62px -120px; } .calendar-bounding-box-style td .qingming:hover, .calendar-bounding-box-style td.end-date .qingming:hover, .calendar-bounding-box-style td.selected-range .qingming:hover { background-position: -62px -120px; } .calendar-bounding-box td.selected-range .qingming { background-position: -93px -120px; } .calendar-bounding-box td.hover .qingming { background-position: -124px -120px; } .calendar-bounding-box td .wuyi { text-indent: -9999px; background-position: 0 -150px; } .calendar-bounding-box td.start-date .wuyi, .calendar-bounding-box td.selected-date .wuyi, .calendar-bounding-box td .wuyi:hover, .calendar-bounding-box td.end-date .wuyi:hover, .calendar-bounding-box td.selected-range .wuyi:hover { background-position: -31px -150px; } .calendar-bounding-box td.end-date .wuyi { background-position: -62px -150px; } .calendar-bounding-box-style td .wuyi:hover, .calendar-bounding-box-style td.end-date .wuyi:hover, .calendar-bounding-box-style td.selected-range .wuyi:hover { background-position: -62px -150px; } .calendar-bounding-box td.selected-range .wuyi { background-position: -93px -150px; } .calendar-bounding-box td.hover .wuyi { background-position: -124px -150px; } .calendar-bounding-box td .duanwu { text-indent: -9999px; background-position: 0 -180px; } .calendar-bounding-box td.start-date .duanwu, .calendar-bounding-box td.selected-date .duanwu, .calendar-bounding-box td .duanwu:hover, .calendar-bounding-box td.end-date .duanwu:hover, .calendar-bounding-box td.selected-range .duanwu:hover { background-position: -31px -180px; } .calendar-bounding-box td.end-date .duanwu { background-position: -62px -180px; } .calendar-bounding-box-style td .duanwu:hover, .calendar-bounding-box-style td.end-date .duanwu:hover, .calendar-bounding-box-style td.selected-range .duanwu:hover { background-position: -62px -180px; } .calendar-bounding-box td.selected-range .duanwu { background-position: -93px -180px; } .calendar-bounding-box td.hover .duanwu { background-position: -124px -180px; } .calendar-bounding-box td .zhongqiu { text-indent: -9999px; background-position: 0 -210px; } .calendar-bounding-box td.start-date .zhongqiu, .calendar-bounding-box td.selected-date .zhongqiu, .calendar-bounding-box td .zhongqiu:hover, .calendar-bounding-box td.end-date .zhongqiu:hover, .calendar-bounding-box td.selected-range .zhongqiu:hover { background-position: -31px -210px; } .calendar-bounding-box td.end-date .zhongqiu { background-position: -62px -210px; } .calendar-bounding-box-style td .zhongqiu:hover, .calendar-bounding-box-style td.end-date .zhongqiu:hover, .calendar-bounding-box-style td.selected-range .zhongqiu:hover { background-position: -62px -210px; } .calendar-bounding-box td.selected-range .zhongqiu { background-position: -93px -210px; } .calendar-bounding-box td.hover .zhongqiu { background-position: -124px -210px; } .calendar-bounding-box td .guoqing { text-indent: -9999px; background-position: 0 -240px; } .calendar-bounding-box td.start-date .guoqing, .calendar-bounding-box td.selected-date .guoqing, .calendar-bounding-box td .guoqing:hover, .calendar-bounding-box td.end-date .guoqing:hover, .calendar-bounding-box td.selected-range .guoqing:hover { background-position: -31px -240px; } .calendar-bounding-box td.end-date .guoqing { background-position: -62px -240px; } .calendar-bounding-box-style td .guoqing:hover, .calendar-bounding-box-style td.end-date .guoqing:hover, .calendar-bounding-box-style td.selected-range .guoqing:hover { background-position: -62px -240px; } .calendar-bounding-box td.selected-range .guoqing { background-position: -93px -240px; } .calendar-bounding-box td.hover .guoqing { background-position: -124px -240px; } .calendar-bounding-box td .today { text-indent: -9999px; background-position: 0 -270px; } .calendar-bounding-box td.start-date .today, .calendar-bounding-box td.selected-date .today, .calendar-bounding-box td .today:hover, .calendar-bounding-box td.end-date .today:hover, .calendar-bounding-box td.selected-range .today:hover { background-position: -31px -270px; } .calendar-bounding-box td.end-date .today { background-position: -62px -270px; } .calendar-bounding-box-style td .today:hover, .calendar-bounding-box-style td.end-date .today:hover, .calendar-bounding-box-style td.selected-range .today:hover { background-position: -62px -270px; } .calendar-bounding-box td.selected-range .today { background-position: -93px -270px; } .calendar-bounding-box td.hover .today { background-position: -124px -270px; } /* 首次定位框 */ .address-popup { width: 500px; height: 260px; z-index: 999999; background: #fff; font-family: "\5FAE\8F6F\96C5\9ED1"; position: fixed; top: 50%; left: 50%; margin-left: -250px; margin-top: -130px; _position: absolute; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .address-popup .content { position: relative; width: 100%; height: 100%; } .address-popup .content .tip { position: absolute; left: 0; top: 0; width: 127px; height: 75px; background: url(http://pic1.aoyou.com/home/tip.png); background-size: 100%; } .address-popup .content .title { position: absolute; left: 50%; top: 20px; width: 85px; height: 74px; background: url(http://pic1.aoyou.com/home/tip3.jpg); background-size: 100%; margin-left: -42.5px; } .address-popup .content .close { position: absolute; top: 20px; right: 20px; width: 18px; height: 18px; background: url(http://pic1.aoyou.com/home/tip2.jpg); background-size: 100%; cursor: pointer; } .address-popup .content p { position: absolute; top: 128px; left: 55px; display: block; font-family: MicrosoftYaHei; font-size: 14px; color: #333333; line-height: 24px; } .address-popup .content p i { display: inline-block; width: 12px; height: 16px; background: url(http://pic1.aoyou.com/home/tip1.jpg); background-size: 100%; vertical-align: middle; margin-right: 7px; } .address-popup .content p b { font-weight: 200; border: 1px solid #FF6600; padding: 0 10px; font-family: MicrosoftYaHei; font-size: 14px; color: #FF6600; margin-left: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .address-popup .content p a { color: #3682E8; text-decoration: underline; } .address-popup .content .btn { width: 120px; height: 30px; display: block; position: absolute; bottom: 40px; left: 50%; margin-left: -60px; background: #FF6600; border-radius: 3px; line-height: 30px; color: #fff; text-align: center; cursor: pointer; } .shadeDiv { width: 100%; height: 100%; position: absolute; z-index: 99999; top: 0; left: 0; background-color: #000; filter: alpha(Opacity=60); -moz-opacity: .6; opacity: .6; _display: none; } .popup { width: 680px; height: 600px; z-index: 999999; background: #FFFFFF; border-radius: 12px; font-family: "\5FAE\8F6F\96C5\9ED1"; position: fixed; top: 50%; left: 50%; margin-left: -340px; margin-top: -280px; _position: absolute; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .popup .tip { position: absolute; width: 127px; height: 75px; display: block; left: 0; top: 0; background: url(http://pic1.aoyou.com/home/tip.png); background-size: 100%; } .popup .address { position: absolute; top: 47px; left: 60px; display: block; width: 550px; text-align: left; font-family: MicrosoftYaHei; font-size: 14px; color: #333333; border-bottom: 2px solid #EEEFF2; } .popup .address i { display: inline-block; width: 12px; height: 16px; background: url(http://pic1.aoyou.com/home/tip1.jpg); background-size: 100%; vertical-align: middle; margin-right: 7px; } .popup .address b { font-weight: 200; border: 1px solid #FF6600; padding: 0 10px; font-family: MicrosoftYaHei; font-size: 14px; color: #FF6600; margin-left: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .popup .close { width: 18px; height: 18px; display: block; position: absolute; top: 20px; right: 20px; cursor: pointer; background: url(http://pic1.aoyou.com/home/tip2.jpg); } .popup .tt { line-height: 32px; height: 32px; text-align: center; color: #fff; font-size: 14px; margin-bottom: 16px; position: relative; } .popup .item .tit { font-weight: bold; padding: 0 4px; background: none; display: inline-block; float: inherit; margin-right: 20px; _background-image: url(http://pic1.aoyou.com/home/allbgs.png); font-family: PingFang-SC-Medium; font-size: 14px; color: #FF771B; width: 550px; } .popup .tc { width: 568px; margin: 60px auto; overflow: hidden; } .popup .item_span:hover { background-color: #f60; color: #fff; border-radius: 3px; } .popup .item { line-height: 23px; margin-bottom: 7px; font-family: "\5B8B\4F53"; color: #262626; font-size: 14px; } .popup .item .tic { overflow: hidden; zoom: 1; } .popup .item_span { display: inline-block; margin-right: 22px; float: left; cursor: pointer; padding: 0 4px; margin-right: 12px; white-space: nowrap; } .popup .item_span:hover { background-color: #f60; color: #fff; } /*头搜索框*/ .arrcity_popup { top: 0; width: 288px; background: #fff; border: 1px solid #7f9db9; position: absolute; z-index: 100000; display: block; padding: 5px; border: 1px solid #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .arrcity_popup .item { height: 26px; line-height: 26px; white-space: nowrap; text-decoration: none; display: block; color: #26282F; padding: 1px 3px; cursor: pointer; font-size: 12px; font-family: "Microsoft YaHei"; } .arrcity_popup .item .tit, .arrcity_popup .item .en { color: #333; float: left; margin: 0 5px 0 0 !important; _margin-left: 9px; font-family: "Microsoft YaHei"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-weight: normal !important; font-size: 12px !important; } .arrcity_popup .item .en { float: right; color: #999; } .arrcity_popup .item:hover { background: #D4E7F4; } .arrcity_popup .item_hover { background-color: #fff1dd; } .arrcity_popup .pages { position: relative; text-align: center; clear: both; } .arrcity_popup .page_left { font-size: 0; display: inline-block; width: 30px; height: 30px; vertical-align: middle; cursor: pointer; background: url(http://pic5.aoyou.com/index2017/icons.png) no-repeat -103px -213px; } .arrcity_popup .page { cursor: pointer; width: 20px; display: inline-block; vertical-align: middle; text-align: center; } .arrcity_popup .page:hover { color: #1F99F4; text-decoration: underline; } .arrcity_popup .page_right { font-size: 0; display: inline-block; width: 30px; height: 30px; vertical-align: middle; cursor: pointer; background: url(http://pic5.aoyou.com/index2017/icons.png) no-repeat -124px -213px; } .arrcity_popup .pagehid { color: #f60; width: 28px; display: none; cursor: pointer; font-family: "Arial"; font-size: 16px; } .arrcity_popup .pages .now { color: #F5692C; text-decoration: initial; } .arrcity_popup .top { color: gray; font-size: 12px; line-height: 30px; } .arrcity_popup .top span { color: #f60; padding: 0 5px; font-weight: bold; } .arrcity_popup_default { padding-bottom: 20px; width: 540px; } /*层级*/ .zindex { position: relative; z-index: 9; } .tn-footer p .icon-tourism { display: inline-block; width: 87px; height: 40px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -599px -244px no-repeat; vertical-align: middle; } .tn-footer p .icon-report { display: inline-block; width: 93px; height: 40px; background: url(http://pic5.aoyou.com/logo/2018/header.png) -698px -244px no-repeat; vertical-align: middle; } .aoyou-head-foot .adv-search { float: left; width: 60px; height: 35px; position: relative; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #999; margin-left: 10px; margin-top: 15px; cursor: pointer; } .aoyou-head-foot .adv-search i { position: absolute; top: 5px; right: 1px; width: 7px; height: 4px; background: url("http://pic5.aoyou.com/logo/2018/header.png") 0px -129px no-repeat; } .aoyou-head-foot .adv-search-con { display: none; position: absolute; left: 0; top: 0; width: 569px; padding: 19px; padding-right: 0px; background: #FFFFFF; border: 1px solid #DCE0E0; box-shadow: 0 3px 3px 0 #d1d1d1; border-radius: 3px; } .aoyou-head-foot .adv-search-con .search-closebtn { position: absolute; top: 10px; right: 20px; display: block; width: 16px; height: 16px; background: url("http://pic3.aoyou.com/search2017/search-closebtn.png"); cursor: pointer; } .aoyou-head-foot .adv-search-con .adv-search-tit { line-height: 19px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: bold; font-size: 14px; color: #1F99F4; margin-bottom: 10px; } .aoyou-head-foot .adv-search-con .adv-search-box { width: 298px; height: 34px; border: 1px solid #AAAAAA; border-radius: 3px; margin-bottom: 21px; } .aoyou-head-foot .adv-search-con .error { border-color: #F83616; } .aoyou-head-foot .adv-search-con .adv-search-box span { float: left; display: inline-block; height: 26px; line-height: 26px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #666; padding: 0 9px 0 12px; margin-top: 4px; border-right: 1px solid #DADADA; } .aoyou-head-foot .adv-search-con .adv-search-box input { float: left; width: 210px; height: 16px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #999999; padding: 9px 0 9px 10px; border: 0; } .aoyou-head-foot .adv-search-con .adv-search-list { margin-bottom: 11px; } .aoyou-head-foot .adv-search-con .adv-search-list .list-name { float: left; width: 70px; line-height: 17px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: bold; font-size: 13px; color: #555555; margin-right: 5px; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con { float: left; width: 494px; white-space: nowrap; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con a { float: left; display: block; height: 20px; line-height: 20px; margin-right: 20px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #555555; margin-bottom: 10px; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con a span { display: inline-block; width: 12px; height: 12px; background: url("http://pic1.aoyou.com/search2017/icon-choose.png"); margin-right: 4px; vertical-align: -2px; *vertical-align: middle !important; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .first { width: 36px; height: 16px; line-height: 16px; border: 2px solid #fff; border-radius: 3px; text-align: center; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .now span { background: url("http://pic1.aoyou.com/search2017/icon-chooseon.png"); } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .first.now { color: #fff; background: #F5692C; border-color: #F5692C; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .choose-con { float: left; width: 434px; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .date { float: left; margin-bottom: 8px; margin-right: 10px; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .date .dateinput { float: left; width: 88px; height: 16px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #999999; border: 1px solid #D8D8D8; border-radius: 3px; text-align: center; padding: 2px 0; *margin-left: 0; *padding-top: 10px; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .date span { float: left; display: inline-block; line-height: 22px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 14px; color: #666; margin: 0 5px; vertical-align: middle; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .confirmbtn { width: 42px; height: 20px; line-height: 20px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #333333; text-align: center; border: 1px solid #D8D8D8; border-radius: 3px; margin-right: 10px; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .emptybtn { width: 24px; height: 20px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #4479E5; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .price-range { float: left; margin-bottom: 8px; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .price-range .rangeinput { float: left; width: 62px; height: 20px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #999999; border: 1px solid #D8D8D8; border-radius: 3px; text-align: center; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .price-range .rangeinput b { float: left; line-height: 20px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 12px; color: #333333; margin-left: 5px; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .price-range .rangeinput input { float: left; width: 44px; height: 20px; line-height: 20px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #999999; border: 0; padding: 0; } .aoyou-head-foot .adv-search-con .adv-search-list .list-con .price-range span { float: left; display: inline-block; line-height: 22px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 14px; color: #666; margin: 0 5px; vertical-align: middle; } .aoyou-head-foot .adv-search-con .adv-search-btn { float: left; width: 100px; height: 36px; line-height: 36px; cursor: pointer; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 16px; color: #FFFFFF; text-align: center; background: #F5692C; border-radius: 3px; margin-left: 193px; margin-right: 20px; } .aoyou-head-foot .adv-search-con .emptysearch-btn { float: left; height: 36px; line-height: 36px; cursor: pointer; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #4479E5; } .aoyou-head-foot .adv-search-con .emptysearch-btn:hover { text-decoration: underline; } /*日历样式修改*/ .calendar-bounding-box { position: absolute; width: 445px; *width: 450px; font: 12px/1.5 Arial; z-index: 100000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; } .calendar-bounding-box .container { background-color: #FFF; zoom: 1; } .calendar-bounding-box iframe { position: absolute; top: 0; left: 0; z-index: -1; border-width: 0; } .calendar-bounding-box .message-box { position: relative; z-index: 1; margin-bottom: -1px; padding: 5px 10px; line-height: 19px; border: 1px solid #FF8080; background-color: #FFF2F2; display: none; zoom: 0; text-align: left; } .calendar-bounding-box .content-box { position: relative; zoom: 1; padding: 10px 18px 15px 18px; border: 1px solid; border-color: #aaaaaa; letter-spacing: -0.31em; *letter-spacing: normal; word-spacing: -0.43em; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .calendar-bounding-box .content-box .arrow { position: absolute; top: 0; width: 412px; height: 0px; cursor: pointer; z-index: 9; } .calendar-bounding-box .content-box .arrow span { position: absolute; display: inline-block; top: 29px; width: 30px; height: 24px; cursor: pointer; margin-top: -19px; text-indent: -99999px; backgorund-repeat: no-repeat; z-index: 2; } .calendar-bounding-box .content-box .arrow span.close-btn { top: 0; right: 0; width: 12px; height: 12px; display: block; margin: 5px 5px auto 0; cursor: pointer; float: right; background: url(http://pic1.aoyou.com/index/new_icon.png) no-repeat -14px -592px; _display: inline; _zoom: 1; _overflow: hidden; display: none; } /*.calendar-bounding-box .content-box .arrow span.prev-btn { left: -8px; background-image: url("http://pic2.aoyou.com/index2017/prev.png"); background-position: 0 0; } .calendar-bounding-box .content-box .arrow span.next-btn { right: -8px; background-image: url("http://pic3.aoyou.com/index2017/next.png"); }*/ .calendar-bounding-box .content-box .arrow span.prev-btn-disabled { left: 0px; cursor: default; background-position: 0 0; } .calendar-bounding-box .content-box .arrow span.next-btn-disabled { } .calendar-bounding-box .content-box .inner { position: relative; display: inline-block; padding: 0 12px; zoom: 1; *display: inline; letter-spacing: normal; word-spacing: normal; vertical-align: top; } .calendar-bounding-box .content-box .inner h4 { margin: 0; padding: 0; margin-bottom: 9px; font-size: 14px; line-height: 25px; text-align: center; font-weight: bold; color: #333333; } .calendar-bounding-box .content-box .inner h4 select { font: 12px/1.5 Arial; margin: 0 5px; } .calendar-bounding-box .content-box .inner table { border-spacing: 0; border-collapse: collapse; } .calendar-bounding-box .content-box .inner table th { height: 22px; font-weight: 400; border-bottom: 1px solid #E4E4E4; color: #999999; text-align: center; } .calendar-bounding-box .content-box .inner table th.weekend { font-weight: 700; color: #F69191; } .calendar-bounding-box .content-box .inner table td { padding: 0; width: 25px; height: 22px; font-weight: 700; text-align: center; border: 1px solid #E5E5E5; } .calendar-bounding-box td a { width: 24px; height: 24px; display: block; color: #333333; line-height: 26px; text-decoration: none; font-weight: normal; background: #FFF url(http://pic5.aoyou.com/search2017/tb1.png) -9999px -9999px no-repeat; } .calendar-bounding-box td.disabled a { color: #DCDCDC !important; background-color: transparent !important; } .calendar-bounding-box td.disabled a:hover { color: #DCDCDC; cursor: default; } .calendar-bounding-box td.start-date a, .calendar-bounding-box td a:hover, .calendar-bounding-box td.end-date a:hover, .calendar-bounding-box td.selected-date a, .calendar-bounding-box td.selected-range a:hover { color: #FFF; background-color: #F5692C; } .calendar-bounding-box td.end-date a { color: #FFF; background-color: #F5692C; } /*.calendar-bounding-box .content-box .arrow span.prev-btn:hover {*/ /*background-position: 0 -36px*/ /*}*/ /*.calendar-bounding-box .content-box .arrow span.next-btn:hover {*/ /*background-position: 0 -108px*/ /*}*/ .calendar-bounding-box-style td a:hover, .calendar-bounding-box-style td.end-date a:hover, .calendar-bounding-box-style td.start-date a:hover, .calendar-bounding-box-style td.selected-range a:hover { color: #FFF; background-color: #F5692C; } .calendar-bounding-box-style td.hover a { color: #333333; background-color: #FFCE8D !important; } .calendar-bounding-box td.selected-range a { background-color: #FFCE8D; } .calendar-bounding-box .hidden { display: none; zoom: 0; } .calendar-bounding-box .visible { display: block; zoom: 1; } .calendar-input-wrap { position: relative; display: inline-block; zoom: 1; *display: inline; } .calendar-input-wrap input { outline: 0; } .calendar-input-wrap span { position: absolute; cursor: text; top: 50%; right: 5px; height: 15px; color: #A1A1A1; overflow: hidden; margin-top: -7.5px; font: 400 12px/15px Arial; background: url(http://images1.aoyou.cc/Images/tb3.png) -999px -999px no-repeat; } .calendar-input-wrap .calendar-start-icon { padding-right: 25px; background-position: right -76px; cursor: default; } .calendar-input-wrap .calendar-end-icon { padding-right: 25px; background-position: right -91px; } .calendar-bounding-box td .yuandan { text-indent: -9999px; background-position: 0 0; } .calendar-bounding-box td.start-date .yuandan, .calendar-bounding-box td.selected-date .yuandan, .calendar-bounding-box td .yuandan:hover, .calendar-bounding-box td.end-date .yuandan:hover, .calendar-bounding-box td.selected-range .yuandan:hover { background-position: -31px 0; } .calendar-bounding-box td.end-date .yuandan { background-position: -62px 0; } .calendar-bounding-box-style td .yuandan:hover, .calendar-bounding-box-style td.end-date .yuandan:hover, .calendar-bounding-box-style td.selected-range .yuandan:hover { background-position: -62px 0; } .calendar-bounding-box td.selected-range .yuandan { background-position: -93px 0; } .calendar-bounding-box td.hover .yuandan { background-position: -124px 0; } .calendar-bounding-box td .chuxi { text-indent: -9999px; background-position: 0 -30px; } .calendar-bounding-box td.start-date .chuxi, .calendar-bounding-box td.selected-date .chuxi, .calendar-bounding-box td .chuxi:hover, .calendar-bounding-box td.end-date .chuxi:hover, .calendar-bounding-box td.selected-range .chuxi:hover { background-position: -31px -30px; } .calendar-bounding-box td.end-date .chuxi { background-position: -62px -30px; } .calendar-bounding-box-style td .chuxi:hover, .calendar-bounding-box-style td.end-date .chuxi:hover, .calendar-bounding-box-style td.selected-range .chuxi:hover { background-position: -62px -30px; } .calendar-bounding-box td.selected-range .chuxi { background-position: -93px -30px; } .calendar-bounding-box td.hover .chuxi { background-position: -124px -30px; } .calendar-bounding-box td .chunjie { text-indent: -9999px; background-position: 0 -60px; } .calendar-bounding-box td.start-date .chunjie, .calendar-bounding-box td.selected-date .chunjie, .calendar-bounding-box td .chunjie:hover, .calendar-bounding-box td.end-date .chunjie:hover, .calendar-bounding-box td.selected-range .chunjie:hover { background-position: -31px -60px; } .calendar-bounding-box td.end-date .chunjie { background-position: -62px -60px; } .calendar-bounding-box-style td .chunjie:hover, .calendar-bounding-box-style td.end-date .chunjie:hover, .calendar-bounding-box-style td.selected-range .chunjie:hover { background-position: -62px -60px; } .calendar-bounding-box td.selected-range .chunjie { background-position: -93px -60px; } .calendar-bounding-box td.hover .chunjie { background-position: -124px -60px; } .calendar-bounding-box td .yuanxiao { text-indent: -9999px; background-position: 0 -90px; } .calendar-bounding-box td.start-date .yuanxiao, .calendar-bounding-box td.selected-date .yuanxiao, .calendar-bounding-box td .yuanxiao:hover, .calendar-bounding-box td.end-date .yuanxiao:hover, .calendar-bounding-box td.selected-range .yuanxiao:hover { background-position: -31px -90px; } .calendar-bounding-box td.end-date .yuanxiao { background-position: -62px -90px; } .calendar-bounding-box-style td .yuanxiao:hover, .calendar-bounding-box-style td.end-date .yuanxiao:hover, .calendar-bounding-box-style td.selected-range .yuanxiao:hover { background-position: -62px -90px; } .calendar-bounding-box td.selected-range .yuanxiao { background-position: -93px -90px; } .calendar-bounding-box td.hover .yuanxiao { background-position: -124px -90px; } .calendar-bounding-box td .qingming { text-indent: -9999px; background-position: 0 -120px; } .calendar-bounding-box td.start-date .qingming, .calendar-bounding-box td.selected-date .qingming, .calendar-bounding-box td .qingming:hover, .calendar-bounding-box td.end-date .qingming:hover, .calendar-bounding-box td.selected-range .qingming:hover { background-position: -31px -120px; } .calendar-bounding-box td.end-date .qingming { background-position: -62px -120px; } .calendar-bounding-box-style td .qingming:hover, .calendar-bounding-box-style td.end-date .qingming:hover, .calendar-bounding-box-style td.selected-range .qingming:hover { background-position: -62px -120px; } .calendar-bounding-box td.selected-range .qingming { background-position: -93px -120px; } .calendar-bounding-box td.hover .qingming { background-position: -124px -120px; } .calendar-bounding-box td .wuyi { text-indent: -9999px; background-position: 0 -150px; } .calendar-bounding-box td.start-date .wuyi, .calendar-bounding-box td.selected-date .wuyi, .calendar-bounding-box td .wuyi:hover, .calendar-bounding-box td.end-date .wuyi:hover, .calendar-bounding-box td.selected-range .wuyi:hover { background-position: -31px -150px; } .calendar-bounding-box td.end-date .wuyi { background-position: -62px -150px; } .calendar-bounding-box-style td .wuyi:hover, .calendar-bounding-box-style td.end-date .wuyi:hover, .calendar-bounding-box-style td.selected-range .wuyi:hover { background-position: -62px -150px; } .calendar-bounding-box td.selected-range .wuyi { background-position: -93px -150px; } .calendar-bounding-box td.hover .wuyi { background-position: -124px -150px; } .calendar-bounding-box td .duanwu { text-indent: -9999px; background-position: 0 -180px; } .calendar-bounding-box td.start-date .duanwu, .calendar-bounding-box td.selected-date .duanwu, .calendar-bounding-box td .duanwu:hover, .calendar-bounding-box td.end-date .duanwu:hover, .calendar-bounding-box td.selected-range .duanwu:hover { background-position: -31px -180px; } .calendar-bounding-box td.end-date .duanwu { background-position: -62px -180px; } .calendar-bounding-box-style td .duanwu:hover, .calendar-bounding-box-style td.end-date .duanwu:hover, .calendar-bounding-box-style td.selected-range .duanwu:hover { background-position: -62px -180px; } .calendar-bounding-box td.selected-range .duanwu { background-position: -93px -180px; } .calendar-bounding-box td.hover .duanwu { background-position: -124px -180px; } .calendar-bounding-box td .zhongqiu { text-indent: -9999px; background-position: 0 -210px; } .calendar-bounding-box td.start-date .zhongqiu, .calendar-bounding-box td.selected-date .zhongqiu, .calendar-bounding-box td .zhongqiu:hover, .calendar-bounding-box td.end-date .zhongqiu:hover, .calendar-bounding-box td.selected-range .zhongqiu:hover { background-position: -31px -210px; } .calendar-bounding-box td.end-date .zhongqiu { background-position: -62px -210px; } .calendar-bounding-box-style td .zhongqiu:hover, .calendar-bounding-box-style td.end-date .zhongqiu:hover, .calendar-bounding-box-style td.selected-range .zhongqiu:hover { background-position: -62px -210px; } .calendar-bounding-box td.selected-range .zhongqiu { background-position: -93px -210px; } .calendar-bounding-box td.hover .zhongqiu { background-position: -124px -210px; } .calendar-bounding-box td .guoqing { text-indent: -9999px; background-position: 0 -240px; } .calendar-bounding-box td.start-date .guoqing, .calendar-bounding-box td.selected-date .guoqing, .calendar-bounding-box td .guoqing:hover, .calendar-bounding-box td.end-date .guoqing:hover, .calendar-bounding-box td.selected-range .guoqing:hover { background-position: -31px -240px; } .calendar-bounding-box td.end-date .guoqing { background-position: -62px -240px; } .calendar-bounding-box-style td .guoqing:hover, .calendar-bounding-box-style td.end-date .guoqing:hover, .calendar-bounding-box-style td.selected-range .guoqing:hover { background-position: -62px -240px; } .calendar-bounding-box td.selected-range .guoqing { background-position: -93px -240px; } .calendar-bounding-box td.hover .guoqing { background-position: -124px -240px; } .calendar-bounding-box td .today { text-indent: -9999px; background-position: 0 -270px; } .calendar-bounding-box td.start-date .today, .calendar-bounding-box td.selected-date .today, .calendar-bounding-box td .today:hover, .calendar-bounding-box td.end-date .today:hover, .calendar-bounding-box td.selected-range .today:hover { background-position: -31px -270px; } .calendar-bounding-box td.end-date .today { background-position: -62px -270px; } .calendar-bounding-box-style td .today:hover, .calendar-bounding-box-style td.end-date .today:hover, .calendar-bounding-box-style td.selected-range .today:hover { background-position: -62px -270px; } .calendar-bounding-box td.selected-range .today { background-position: -93px -270px; } .calendar-bounding-box td.hover .today { background-position: -124px -270px; } /*工具条样式*/ .aoyou-sidebar { position: fixed; right: 0; top: 0; width: 38px; background: #fff; height: 100%; border-left: 1px solid #DCE0E0; box-shadow: -3px 0 6px rgba(0, 0, 0, 0.1); z-index: 999; } .aoyou-sidebar .centerbox { position: absolute; top: 50%; height: 438px; bottom: 200px; margin: -219px auto 0px; width: 100%; } .aoyou-sidebar .bottombox { position: absolute; bottom: 0; width: 100%; } /*.aoyou-sidebar ul{ padding:0 7px; }*/ .aoyou-sidebar .sidebar-item { position: relative; margin: 0 7px; padding: 15px 0; border-bottom: 1px solid #DCE0E0; font-size: 12px; color: #666; } .aoyou-sidebar .sidebar-item a { display: block; } .aoyou-sidebar .special { margin: 0; padding: 0; } .aoyou-sidebar .sidebar-item p { position: absolute; display: none; right: 40px; top: 15px; text-align: right; white-space: nowrap; font-size: 0; z-index: 1; } .aoyou-sidebar .sidebar-item.active p { display: block; } .aoyou-sidebar .sidebar-item p .sidebar-item-left { display: inline-block; width: 6px; height: 32px; background: url(http://pic5.aoyou.com/index2017/css_sidebar.png) -41px -10px; } .aoyou-sidebar .sidebar-item p span { vertical-align: middle; } .aoyou-sidebar .sidebar-item p .sidebar-item-left { display: inline-block; ; width: 6px; height: 32px; background: url('http://pic5.aoyou.com/index2017/css_sidebar.png') -41px -10px; } .aoyou-sidebar .sidebar-item p .sidebar-item-text { font-size: 12px; padding: 0 4px; line-height: 26px; display: inline-block; height: 32px; background: url('http://pic5.aoyou.com/index2017/css_sidebar3.png') repeat-x; } .aoyou-sidebar .sidebar-item p .sidebar-item-right { display: inline-block; width: 11px; height: 32px; background: url('http://pic5.aoyou.com/index2017/css_sidebar.png') -10px -10px; } .aoyou-sidebar .sidebar-item span { margin-bottom: 3px; } .aoyou-sidebar .last { border-bottom: 0; } .aoyou-sidebar p { line-height: 16px; } .aoyou-sidebar .active p { color: #F5692C; } .aoyou-sidebar .icon-bank { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -65px -276px; } .aoyou-sidebar .active .icon-bank { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -9px -276px; } .aoyou-sidebar .icon-coupon { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -65px -6px; } .aoyou-sidebar .active .icon-coupon { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -9px -6px; } .aoyou-sidebar .icon-orders { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -64px -45px; } .aoyou-sidebar .active .icon-orders { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -9px -45px; } .aoyou-sidebar .icon-trace { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -66px -85px; } .aoyou-sidebar .active .icon-trace { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -9px -85px; } .aoyou-sidebar .icon-server { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -65px -125px; } .aoyou-sidebar .active .icon-server { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -10px -125px; } .aoyou-sidebar .icon-idea { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -66px -166px; } .aoyou-sidebar .active .icon-idea { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -9px -166px; } .aoyou-sidebar .icon-returntop { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -66px -206px; } .aoyou-sidebar .active .icon-returntop { width: 25px; height: 25px; display: inline-block; background: url(http://pic5.aoyou.com/index2017/index_sideicons.png) no-repeat -10px -206px; } /*顶部提示层样式*/ .importbox { background: #E1F1FB; } .import-wrapper { font-size: 0; height: 38px; line-height: 38px; width: 1200px; margin: 0 auto; } .import-wrapper span { display: inline-block; color: #1F99F4; font-size: 14px; width: auto; } .import-wrapper .import-tit { margin-right: 50px; } .import-wrapper .btn-outline { padding: 3px 6px; color: #1F99F4; border: 1px solid #1F99F4; font-size: 12px; margin-right: 5px; } .import-wrapper .btn-outline:hover { background: #1F99F4; color: #fff; } .import-wrapper .closebtn { float: right; margin-top: 9px; margin-right: 20px; width: 20px; height: 20px; background: url(http://pic1.aoyou.com/index2017/index_close2.png) no-repeat center; } /*首屏百叶窗轮播*/ #slider { position: relative; width: 1200px; height: 380px; background: #FFF; } #slider .image { width: 100%; height: 100%; } /*可以修改宽高*/ #slider img { position: absolute; top: 0; left: 0; width: 1200px; height: 380px; } .nivoSlider { position: relative; overflow: hidden; } .nivoSlider img { position: absolute; top: 0px; left: 0px; } .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; display: block; left: 0px; width: 1200px; height: 380px; border: 0; padding: 0; margin: 0; z-index: 6; } .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; } .nivo-box { display: block; position: absolute; z-index: 5; } .nivo-caption { position: absolute; left: 0; bottom: 0; background: #000; width: 1200px; z-index: 50; height: 40px; } .nivo-caption p { width: 1200px; height: 40px; text-indent: -9999px; } .nivo-controlNav { position: absolute; left: 50%; bottom: 10px; z-index: 100; } .nivo-controlNav a { position: relative; z-index: 99; cursor: pointer; background: #074d91; } .nivo-controlNav a.active { background: #ff6400; font-weight: bold; } .nivo-controlNav a { display: block; color: #fff; width: 30px; height: 20px; line-height: 20px; text-align: center; margin-right: 3px; float: left; overflow: hidden; } .nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; } .nivo-directionNav a { display: block; width: 30px; height: 30px; text-indent: -9999px; border: 0; } a.nivo-nextNav { right: 15px; } a.nivo-prevNav { left: 15px; } .advert-box { width: 1200px; overflow: hidden; margin: 30px 0 10px; } .advert-box .advert-con { width: 110%; height: 120px; } .advert-box .advert-con .advert-list { float: left; display: block; width: 289px; height: 120px; position: relative; margin-right: 15px; } .advert-box .advert-con .advert-list img { position: absolute; left: 0; top: 0; z-index: 1; } .advert-box .advert-con .advert-list .text { position: absolute; left: 0; bottom: 0; z-index: 2; width: 269px; height: 24px; line-height: 24px; font-family: "microsoft yahei", sans-serif; font-size: 16px; color: #FFFFFF; text-align: center; padding: 24px 10px 10px; background-repeat: repeat-x; }