.options-param { display: none; } .search-box { height: 203px; margin-top: 27px; padding-top: 5px; background: url(../../images/search-box-bg.png) repeat-x; } .search-box .label-desc { color: #984d00; margin-bottom: 12px; display: block; } .search-box .search-box-l, .search-box .search-box-r { width: 10px; height: 199px; background: url(../../images/css-sprite.png) no-repeat; position: absolute; top: 0; } .search-box .search-box-r { right: 0; background-position: -12px 0; } .search-box .search-box-hings-l, .search-box .search-box-hings-r { width: 14px; height: 31px; background-position: 0 -459px; position: absolute; bottom: -8px; } .search-box .search-box-hings-l { left: 188px; } .search-box .search-box-hings-r { right: 188px; } .search-box .search-tips { margin-left: 23px; height: 32px; font-size: 16px; line-height: 29px; color: #fff; padding-left: 34px; background-position: 0 -321px; } .search-box .search-tips .order-tips { display: inline-block; cursor: pointer; } .search-box .search-tips .net-tips { display: none; } .search-box .search-tips .reset-btn { display: none; width: 87px; height: 30px; background: url(../../images/css-sprite.png) no-repeat; background-position: -24px 0; font-size: 0; top: -7px; position: relative; margin: 0 39px 0 16px; cursor: pointer; } .search-box .search-tips .reset-btn:hover { background-position: -110px 0; } .search-box .search-tips .reset-btn:active { background-position: -199px 0; } .search-box .search-tips .order-ring { top: 3px; position: relative; background-position: 0 -360px; width: 19px; height: 19px; margin-right: 37px; } .search-box .search-tips .order-ring .order-num { position: absolute; left: 20px; background: #ff3e43; font-size: 12px; border-radius: 20px; width: 20px; height: 20px; line-height: 20px; text-align: center; } .search-box .search-tips-container { background: #f8f8f8; border: 1px solid #bdbdbd; border-radius: 4px; padding: 10px 10px 10px 10px; z-index: 10; position: absolute; color: #666; font-size: 12px; right: 60px; top: 0; width: 300px; box-shadow: 5px 5px 10px rgba(110, 110, 110, 0.4); display: none; } .search-box .search-tips-container:before, .search-box .search-tips-container:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid #bdbdbd; border-top: 5px solid transparent; border-bottom: 5px solid transparent; right: -5px; top: 20px; } .search-box .search-tips-container:after { border-left-color: #f8f8f8; right: -4px; } .search-box .search-tips-container header { font-weight: bold; color: #9b540b; line-height: 100%; } .search-box .search-tips-container header .fr { color: #999999; cursor: pointer; } .search-box .search-tips-container header .fr:hover { color: #ff3e43; } .search-box .search-form-wrap { margin: 25px 0 0 34px; } .search-box .search-form { overflow: hidden; } .search-box .search-form li { float: left; } .search-box .search-form-city, .search-box .search-form-date { width: 134px; height: 37px; padding: 0 30px 0 10px; background: url(../../images/css-sprite.png) no-repeat; border: none; -webkit-appearance: none; background-position: -24px -72px; } .search-box .search-form-city:focus, .search-box .search-form-date:focus { background-position: -203px -72px; } .search-box .search-form-date { background-position: -24px -117px; } .search-box .search-form-date:focus { background-position: -203px -117px; } .search-box .transfer-city { margin: 0 6px; } .search-box .transfer-city .transfer-city-btn { width: 39px; height: 39px; background: url(../../images/css-sprite.png) no-repeat; background-position: -24px -158px; margin-top: 27px; cursor: pointer; } .search-box .transfer-city .transfer-city-btn:hover { background-position: -73px -158px; } .search-box .transfer-city .transfer-city-btn:active { background-position: -123px -158px; } .search-box .select-date { margin: 0 70px 0 40px; } .search-box .submit-btn { width: 133px; height: 43px; display: block; margin-top: 5px; line-height: 43px; color: #fff; font-size: 17px; cursor: pointer; border: 1px solid #2c961a; border-radius: 4px; -webkit-appearance: none; background: linear-gradient(to bottom, #3bc412, #33a810); } .search-box .submit-btn:hover { border-color: #176f0a; background: linear-gradient(to bottom, #33cd19, #3b9d2a); } .search-box .submit-btn:active { border-color: #176f0a; background: linear-gradient(to bottom, #41b12f, #1f8a0c); } .search-box .identity label { display: block; line-height: 28px; margin-right: 30px; color: #984d00; } .search-box .identity label input { position: relative; top: -1px; } .search-more-option:link { border-top: 1px solid#e9e8e2; border-right: 1px solid#e9e8e2; border-bottom: 1px solid#e9e8e2; background-color: #fbfbfb; position: absolute; right: 5px; color: #898989; padding: 8px 8px 8px 15px; text-decoration: underline; } .search-more-option:hover { color: #f67922; } .search-more-option:active { color: #9b540b; } .search-more-option:before { content: ''; position: absolute; left: 0px; width: 1px; height: 0; border-top: 16px #e9e8e2 solid; border-left: 7px solid #fdfbf2; top: 0; border-bottom: 16px #e9e8e2 solid; } .search-more-option:after { content: ''; position: absolute; left: 1px; width: 0; height: 0; top: 0; border-top: 16px #fbfbfb solid; border-left: 7px solid transparent; border-bottom: 16px #fbfbfb solid; } button#btnResetOptions { position: absolute; right: 10px; bottom: 10px; } .search-traintypes { overflow: hidden; margin-top: 10px; } .search-traintypes li { float: left; color: #9b540b; } .search-traintypes li a { color: #9b540b; } .search-traintypes li a:hover { color: #7c5024; text-decoration: underline; } .search-form-wrap .search-time-tips { float: left; line-height: 40px; color: #CFB19A; display: none; } .search-form-wrap .search-time-tips span { font-weight: bold; margin-left: 4px; margin-right: 4px; }