.wrap {width:340px;height:370px;margin:0;padding:0;overflow:hidden;position:relative;} .main {height:319px;width:340px;position:absolute;top:50px;overflow:hidden;display:none;} #mask {width:340px;height:370px;margin:0;padding:0;position:absolute;left:0;top:0;background:url(indicator_big.gif) no-repeat 50% 50%;background-color:#555555;opacity:0.5;z-index:99;display:none;} #cover {width:340px;height:370px;left:0;top:0;position:absolute;} .cover {margin:0;padding:0;z-index:98;display:none;} .loading {width:18px;height:18px;background:url(bgv2.png) no-repeat -150px -100px;z-index:2;} .loadingText {font-size:14px;color:#000000;position:absolute;top:290px;left:44px;} #loading { position:absolute;top:292px;left:16px; -webkit-animation-name:loading; -webkit-animation-duration:700ms; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; } @-webkit-keyframes loading { 0% {-webkit-transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg);} } .errorInput {border:1px solid #FF0000 !important;color:#FF0000 !important;} .prepareToGo {left:340px;} .prepareToBack {left:-340px;} .longBtn {width:226px;height:36px;} .littleBtn {width:50px;height:30px;} .bigBtn {width:77px;height:57px;} .shortBtn {width:140px;height:38px;} .halfBtn {width:132px;height:28px;} .blueBtn {color:#ffffff;background:-webkit-linear-gradient(top,#8DCCF1,#79BDE5);border:1px solid #62A8D0;} .blueBtn:hover {background:-webkit-linear-gradient(top,#A2D8F4,#8ECCEB);} .blueBtn:active {background:-webkit-linear-gradient(top,#7EC3EE,#6AB2E0);} .greyBtn {color:#555555;background:#dbdbdb;border-width:0 1px 1px 0;border-style:solid;border-color:#a4a4a4;} .greyBtn:hover {background:#e3e3e3;} .greyBtn:active {background:#d6d6d6;} .strikingBtn {color:#ffffff;background:-webkit-linear-gradient(top,#569DC6,#4C97C2);} .strikingBtn:hover {background:#63A7CE;} .strikingBtn:active {background:#5698BE;} .whiteBtn {color:#000000;background:-webkit-linear-gradient(top,#FFFFFF 0,#FFFFFF,#F4F4F4 1px,#E8E8E8);border:1px solid #D3D3D3;} .whiteBtn:hover {background:-webkit-linear-gradient(top,#FFFFFF 0,#FFFFFF,#F9F9F9 1px,#F1F1F1);} .whiteBtn:active {background:-webkit-linear-gradient(top,#FFFFFF 0,#FFFFFF,#F4F4F4 1px,#E8E8E8);} .greyLink {color:#A0A0A0;text-decoration:none;} .greyLink:hover {text-decoration:underline;} .normalLink {color:#88C8EE;text-decoration:none;} .normalLink:hover {text-decoration:underline;} .strikingLink {color:#555555;text-decoration:none;} .strikingLink:hover {text-decoration:underline;} .noneLink {color:inherit;text-decoration:none;} .strikingText {color:#555555;} .normalText {color:#999999;} .whiteText {color:#FFFFFF;} .titleText {font-size:14px;} .bodyText {font-size:12px;} .header {height:50px;width:340px;background:-webkit-linear-gradient(top,#F3F3F3,#EDEDED);text-align:center;position:absolute;top:0px;border-bottom:1px solid #B8B8B8;box-shadow:0 1px 2px #DDDDDD;z-index:1;} .header .stageTitle {color:#555555;font-size:16px;line-height:49px;text-shadow:0px 1px 0px #FFFFFF;} .header .backBtn {width:45px;height:27px;position:absolute;top:12px;left:16px;line-height:26px;font-size:13px;background:url(bgv2.png) no-repeat 0px -100px;cursor:pointer;padding-left:2px;} .header .backBtn:hover {background:url(bgv2.png) no-repeat -50px -100px;} .header .backBtn:active {background:url(bgv2.png) no-repeat -100px -100px;} .header .closeBtn{width:44px;height:27px;position:absolute;top:12px;left:280px;line-height:26px;font-size:13px;background:url(bgv2.png) no-repeat 0px -130px;cursor:pointer;} .header .closeBtn:hover {background:url(bgv2.png) no-repeat -50px -130px;} .header .closeBtn:active {background:url(bgv2.png) no-repeat -100px -130px;} .header .radiusShadow {position:relative;top:2px;height:3px;background:-webkit-linear-gradient(top,#DADADA,#FFFFFF);border-bottom-left-radius:50% 3px;border-bottom-right-radius:50% 3px;} .root .menuContainer li {height:79px;position:relative;border-bottom:1px solid #DDDDDD;display: list-item;cursor:pointer;} .root .menuContainer li:hover {background-color:#E5F4FD;} .root .menuIcon {width:40px;height:50px;position:absolute;top:15px;left:15px;} .root .menuIcon12306 {background:url(bgv2.png) no-repeat 0px 0px;} .root .menuIconFlight {background:url(bgv2.png) no-repeat -40px 0px;} .root .menuIconCheap {background:url(bgv2.png) no-repeat 0px -50px;} .root .menuIconLottery {background:url(bgv2.png) no-repeat -40px -50px;} .root .menuTitle {position:absolute;top:20px;left:70px;} .root .menuIntro {position:absolute;top:42px;left:70px;} .root .goFlag {width:12px;height:15px;background:url(bgv2.png) no-repeat -182px -1px;position:absolute;top:32px;left:310px;} .flightSetting .sectionTitle {font-size:14px;margin:10px 0 10px 18px;color:#555555;} .flightSetting .date {margin-top:2px;} .flightSetting .condition {height:49px;position:relative;margin-left:18px;} .flightSetting .condition label {display:inline-block;text-align:left;margin-left:2px;} .flightSetting .cityFlag {display:inline-block;width:20px;text-align:left;font-size:14px;position:absolute;left:20px;top:8px;z-index:2;} .flightSetting .condition input[type="text"] {display:inline-block;width:263px;border:1px solid #CACACA;border-radius:2px;height:35px;padding-left:42px;color:#A0A0A0;} .flightSetting .errorInfo {color:#FF0000;margin-left:18px;font-size:12px;display:none;} .flightSetting #queryFlightBtn {margin-left:56px;margin-top:0px;} #datepickerFrom,#datepickerTo {background-color:#FFFFFF;} .cityList {display:none;position:absolute;width:302px;height:160px;top:37px;left:0;border:#c1c1c1 1px solid;z-index:10;background-color:#FFFFFF;border-radius:2px;box-shadow:1px 1px 2px #999999;} .cityList .cityTitle {border-bottom:#c1c1c1 1px solid;height:30px;line-height:30px;padding-left:18px;} .cityList .cityContent li {font-size:12px;height:25px;line-height:25px;float:left;width:60px;overflow:hidden;text-align:center;color:#58B0E2;cursor:pointer;} .cityList .cityContent li:hover {background-color:#58B0E2;color:#FFFFFF;} .cityListBtn {width:16px;height:15px;cursor:pointer;background:url(bgv2.png) no-repeat -180px -80px;position:absolute;top:11px;left:272px;z-index:1;} .cityList .cityHistory {position:absolute;top:2px;left:48px;} .cityList .cityHistory li {font-size:12px;height:25px;line-height:25px;float:left;overflow:hidden;text-align:center;color:#58B0E2;cursor:pointer;padding:0 4px 0 6px;} .cityList .cityHistory li:hover {background-color:#58B0E2;color:#FFFFFF;} #animateWrap {width:300px;height:300px;margin-left:20px;margin-top:10px;position:relative;} #animatePlane {width:100px;height:100px;position:absolute;top:100px;left:100px;background:url(bgv2.png) no-repeat -80px 0;z-index:10;} #animateNotice {text-align:center;position:relative;top:-46px;font-size:15px;color:#555555;text-shadow: 0 1px 1px rgba(0,0,0,.2);} .animateCircle {width:0px;height:0px;border:3px #9bcbec solid;-webkit-border-radius:150px;position:absolute;top:150px;left:150px;} .monitorSetting .conditionBox {margin-left:18px;} .monitorSetting .monitorSettingBox {height:151px;padding-left:18px;background-color:#FFFFFF;border-top:1px solid #CACACA;} .monitorSetting .radio label {font-size:12px;line-height:26px;} .monitorSetting .radio input[type="text"]{font-size:12px;color:#555555;border:solid 1px #73C1D5;width:52px;height:19px;margin-left:3px;margin-right:3px;} .monitorSetting .sectionTitle {font-size:14px;padding:14px 0 6px 0;color:#555555;} .monitorSetting .errorInfo {color:#FF0000;margin-left:8px;font-size:12px;display:none;} #startMonitoringBtn,#buyItFromPromotion {margin-left:38px;margin-top:8px;} #ticketSettingDetail .ticketInfo {height:150px;} .ticketDetailBox {margin-left:10px;margin-top:18px;position:relative;} .ticketDetailBox .ticketPrice {width:318px;height:39px;border:1px solid #80B0CD;background:-webkit-linear-gradient(top,#8DCCF1,#79BDE5);color:#FFFFFF;position:relative;} .ticketDetailBox .ticketInfo {width:304px;height:120px;border-width:0 1px 1px 1px;border-style:solid;border-color:#DADADA;box-shadow:1px 2px 5px #CACACA;margin-left:7px;position:relative;} .ticketDetailBox .ticketAngle {width:0;height:0;position:absolute;top:41px;border-style:solid;} .ticketDetailBox .ticketLeftAngle {left:0px;border-width:0 7px 5px 0;border-color:transparent #17699A transparent transparent;} .ticketDetailBox .ticketRightAngle {left:313px;border-width:5px 7px 0 0;border-color:#17699A transparent transparent transparent;} .ticketDetailBox .ticketPriceBig {width:90px;font-size:24px;position:absolute;top:4px;left:8px;} .ticketDetailBox .ticketDiscount {width:40px;font-size:14px;position:absolute;top:10px;left:265px;text-align:right;} .ticketDetailBox .ticketDate {height:16px;width:80px;font-size:16px;color:#555555;position:absolute;top:9px;left:10px;} .ticketDetailBox .ticketFlight {height:14px;width:194px;font-size:14px;color:#999999;position:absolute;top:10px;left:100px;text-align:right;} .ticketDetailBox .ticketPoint {height:60px;width:300px;font-size:16px;color:#555555;position:absolute;top:36px;left:2px;} .ticketDetailBox .ticketPoint .minus {width:30px;position:absolute;left:135px;top:14px;} .ticketDetailBox .ticketPoint .fromGroup {width:133px;position:absolute;left:5px;text-align:right;} .ticketDetailBox .ticketPoint .toGroup {width:133px;position:absolute;left:163px;text-align:left;} .ticketDetailBox .ticketTime {height:14px;width:200px;font-size:14px;color:#999999;position:absolute;top:70px;left:52px;} .ticketDetailBox .ticketTime .minus {width:24px;position:absolute;left:88px;} .ticketDetailBox .ticketTime .from {width:80px;position:absolute;left:8px;} .ticketDetailBox .ticketTime .to {width:80px;position:absolute;left:112px;} .ticketDetailBox .minus {text-align:center;} .ticketDetailBox .weather {width:60px;height:60px;display:inline-block;} .ticketDetailBox .weather .icon {width:60px;height:45px;background-image:url(weather.png);background-repeat:no-repeat;} .ticketDetailBox .weather .text {width:60px;height:12px;color:#AAAAAA;font-size:10px;text-align:center;} .ticketDetailBox .weather .noText {color:#FFFFFF;} .ticketDetailBox .point {margin-bottom:4px} .ticketDetailBox .time {font-size:12px;color:#999999;text-align:center;} .ticketDetailBox .pointAndTime {display:inline-block;position:relative;top:-6px;} .ticketDetailBox .ticketBuyIt {width:130px;height:29px;position:absolute;top:105px;left:87px;border-width:0;} .weatherIcon0 {background-position:4px -2000px;} .weatherIcon1 {background-position:4px -2px;} .weatherIcon2 {background-position:4px -74px;} .weatherIcon3 {background-position:4px -146px;} .weatherIcon4 {background-position:4px -218px;} .weatherIcon5 {background-position:4px -291px;} .weatherIcon6 {background-position:4px -363px;} .weatherIcon7 {background-position:4px -436px;} .weatherIcon8 {background-position:4px -507px;} .weatherIcon9 {background-position:4px -580px;} .weatherIcon10 {background-position:4px -654px;} .weatherIcon11 {background-position:4px -724px;} .weatherIcon12 {background-position:4px -798px;} .weatherIcon13 {background-position:4px -870px;} .weatherIcon14 {background-position:4px -943px;} .weatherIcon15 {background-position:4px -1015px;} .ticketDetailBox .ticketTrend {width:14px;height:18px;margin-left:4px;position:absolute;top:12px;left:130px;} .ticketDetailBox .riseTrend {background:url(bgv2.png) no-repeat -170px -160px;} .ticketDetailBox .fallTrend {background:url(bgv2.png) no-repeat -150px -160px;} .ticketFaxInfo {font-size:14px;margin:14px 0 2px 18px;} .ticketFaxInfo p {height:24px;margin:0;} .monitorNotice {font-size:14px;margin-top:12px;margin-left:18px;color:#999999;} #monitorAbsolute {margin-left:18px;margin-top:12px;margin-right:20px;} .monitorSetting .halfBtn {font-size:12px;} .otherOperator {display:inline-block;font-size:14px;margin-left:18px;color:#82C4EB;cursor:pointer;} .otherOperator:hover {text-decoration:underline;} .buyItBtn {display:inline-block;margin-left:20px;margin-top:2px;} .otherTickets {margin:0;padding:0;list-style:none;font-size:12px;margin-left:18px;height:50px;} .otherTickets li {margin:0;padding:0;list-style:none;float:left;width:152px;text-align:left;height:22px;line-height:18px;} .otherTickets li a {color:#58B0E2;text-decoration:underline;} .otherTickets .otherTicketsDate {display:inline-block;width:52px;} .otherTickets .otherTicketsPrice {display:inline-block;width:42px;} .monitorBox {position:relative;} .monitorBox .sectionTitle {font-size:15px;padding:16px 0 0 18px;color:#555555;} #monitorExceptionRetry {color:#999999;margin-left:50px;} #monitorExceptionRetry a {color:#82C4EB;margin-left:10px;} #monitorExceptionRetry a:hover {text-decoration:underline;cursor:pointer;} #monitorBoxWrap {position:relative;height:240px;} #monitorBox {margin:0 15px 0 15px;} #monitorBox li {height:56px;border:1px solid #DADADA;position:relative;margin:10px 0 10px 0;background-color:#FFFFFF;box-shadow:0 1px 2px #E0E0E0;} #monitorBox .available {cursor:pointer;} #monitorBox .invalid {cursor:default;} #monitorBox .ticketException {font-size:18px;color:#82C4EB;position:absolute;top:18px;left:150px;} #monitorBox .ticketRetryStatus {width:18px;height:18px;position:absolute;top:21px;left:160px;display:none;} #monitorBox .success {background:url(bgv2.png) no-repeat -150px -120px;} #monitorBox .running {background:url(bgv2.png) no-repeat -150px -100px;-webkit-animation-name:loading;-webkit-animation-duration:700ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;} #monitorBox .ticketPoint {color:#555555;font-size:17px;padding:9px 0 3px 12px;} #monitorBox .ticketDate {padding-left:12px;} #monitorBox .ticketPrice {font-size:20px;color:#82C4EB;position:absolute;top:17px;left:200px;} #monitorBox .deleteMe {display:none;width:17px;height:17px;background:url(bgv2.png) no-repeat -180px -125px;position:absolute;top:20px;left:277px;cursor:pointer;} #monitorBox .deleteMe:hover {background:url(bgv2.png) no-repeat -180px -111px;} #monitorBox .deleteMe:active {background:url(bgv2.png) no-repeat -180px -97px;} #emptyMonitorBox {display:none;width:340px;position:absolute;top:120px;text-align:center;font-size:18px;color:#C0C0C0;text-shadow: 0 1px 1px rgba(0,0,0,.2);} #confirmDelete {display:none;height:41px;width:252px;position:absolute;left:0;top:0;background-color:#555555;opacity:0.78;z-index:99;color:#FFFFFF;font-size:14px;padding:15px 38px 0 18px;cursor:default;} #confirmDelete a {float:right;text-decoration:underline;margin-left:10px;cursor:pointer;} #addMonitorBtn {position:absolute;top:266px;left:56px;} .monitorInfo {margin-left:18px;line-height:40px;} .infoBar {height:40px;line-height:40px;padding-left:18px;background-color:#D8D8D8;font-size:14px;color:#555555;} .ticketAdvice .advice {height:250px;color:#555555;font-size:14px;line-height:26px;} .ticketAdvice p {margin:16px 0 10px 18px;} #adviceErrors {margin:0 17px 0 17px;background-color:#FFFFFF;border-left:1px solid #DADADA;border-right:1px solid #DADADA;box-shadow:0 1px 2px #E0E0E0;} #adviceErrors li {height:46px;border-bottom:1px solid #DADADA;line-height:46px;position:relative;} #adviceErrors li:first-child {height:46px;border-top:1px solid #DADADA;} #adviceErrors .ticketPoint {position:absolute;left:12px;} #adviceErrors .ticketDate {position:absolute;left:131px;color:#999999;font-size:12px;top:2px;} #adviceErrors .ticketException {position:absolute;left:266px;color:#82C4EB;font-size:12px;top:2px;} #adviceOK {margin-left:56px;} .bargainList .cheapTicketTitle {font-size:14px;margin-bottom:12px;color:#555555;} .bargainList .missLink {color:#88C8EE;text-decoration:line-through;} .bargainList .availableFlag {color:#FF0000;} .bargainList .missFlag {color:#333333;} .bargainList li {line-height:22px;padding:12px 22px 6px 18px;border-bottom:1px solid;min-height:150px;display:none;position:relative;} .bargainList .infoBar {height:52px;display:none;line-height:30px;} .bargainList .infoBar .blackText {line-height:4px;} .bargainList .infoBar .normalLink {color:#3294B4;} .bargainList #bargainContainer img {border-radius:2px;float:left;margin:0 12px 10px 0;box-shadow:0 1px 2px #444444;} .bargainList .cheapTicketBuy {font-size:14px;text-align:right;} .bargainList .missBargainMask {width:100%;height:100%;position:absolute;top:0;left:0;background-color:#FFFFFF;opacity:0.4;z-index:1;} .bargainAvailable img:hover {cursor:pointer;} .bargainMiss .normalLink {color:#555555;} .bargainAvailable .cheapTicketTitle:before {content:'抢购中 ';} .bargainMiss .cheapTicketTitle:before {content:'已错过 ';} .bargainFound .blackText {line-height:20px;font-size:12px;color:#555555;margin-top:5px;} .bargainFound .cheapTicketToSetting {margin-left:20px;font-size:14px;} .bargainFound .operatorBox {position:absolute;left:18px;bottom:12px;width:322px;} .bargainFound .operatorBox .greyLink {position:relative;left:0;font-size:12px;} .bargainFound .operatorBox .normalLink {position:relative;left:196px;font-size:14px;} #bargainDetailBox {position:relative;} #bargainDetailBox > div {margin:5px 18px 0 18px;} #bargainDetailBox .theCheapTicketTitle {height:30px;font-size:14px;color:#000000;line-height:30px;margin:6px 0 0 18px;overflow:hidden;} #bargainDetailBox img {margin-left:17px;box-shadow:0 1px 2px #444444;border-radius:2px;} #bargainDetailBox .theCheapTicketContent {height:77px;overflow:hidden;text-overflow:clip;} .commonSetting .settingTitle {color:#555555; font-size:14px;margin-left:6px;} .commonSetting .settingTitleBox {margin:20px 0 20px 18px;} .advPop .advTitle {font-size:14px;color:#000000;margin-left:18px;margin-top:18px;} .advPop .advImage {margin-top:18px;margin-left:17px;box-shadow:0 0 5px 2px rgba(0,0,0,0.4);cursor:pointer;} .advPop .advBtn {margin-top:17px;margin-left:56px;} /* datepicker */ .hasDatepicker {padding:0;} .ui-datepicker {z-index:5 !important;} .ui-corner-all {border-radius:0px;} .ui-widget {font-family:"微软雅黑","宋体";font-size:14px;;} .ui-widget-header {border:0px;background:#A0D1EE;color:#FFFFFF;} .ui-datepicker .ui-datepicker-header {padding:.1em 0;margin-top:.1em;} .ui-widget-header .ui-icon {background-image:url(bgv2.png);} .ui-icon {width:8px;height:9px;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {margin-left:-4px;margin-top:-4px;} .ui-icon-circle-triangle-w {background-position:-192px -150px;} .ui-icon-circle-triangle-e {background-position:-180px -150px;} .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {width:1.4em;height:1.5em;} .ui-datepicker th {padding:.4em .2em;} .ui-datepicker td span, .ui-datepicker td a {padding:0;text-align:center;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #BABABA;background:#EBEBEB;} .ui-datepicker td {padding:2px 3px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:1px solid transparent;background:transparent;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:1px solid #BABABA;background:#EBEBEB;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:1px solid #BABABA;} /* 自动补全 */ #flightFrom,#flightTo {height:37px;width:305px;} .text-core {position:relative;} .text-core .text-wrap {position:absolute;background-color:#FFFFFF;border-radius:2px;} .text-core .text-wrap textarea,.text-core .text-wrap input {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:1px solid #9daccc;outline:none;resize:none;position:absolute;z-index:1;background:none;overflow:hidden;margin:0;padding:3px 5px 4px 5px;white-space:nowrap;line-height:13px;height:auto;} .text-core .text-wrap .text-dropdown {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:2px;box-shadow:1px 1px 2px #999999;padding:0;position:absolute;z-index:3;background:#fff;border:1px solid #9daccc;width:100%;max-height:100px;padding:1px;display:none;overflow-x:hidden;overflow-y:auto;} .text-core .text-wrap .text-dropdown.text-position-below {margin-top:1px;} .text-core .text-wrap .text-dropdown.text-position-above {margin-bottom:1px;} .text-core .text-wrap .text-dropdown .text-list .text-suggestion {padding:3px 15px;cursor:pointer;height:33px;} .text-core .text-wrap .text-dropdown .text-list .text-suggestion em {font-style:normal;text-decoration:underline;} .text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {color:#555555;background:#E5F4FD;} .text-core .text-wrap .text-focus {-webkit-box-shadow:0px 0px 6px #6d84b4;-moz-box-shadow:0px 0px 6px #E5F4FD;box-shadow:0px 0px 6px #E5F4FD;position:absolute;width:100%;height:100%;display:none;} .text-core .text-wrap .text-focus.text-show-focus {display:block;} .text-core .text-wrap .text-prompt {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;height:100%;margin-top:5px;font-size:14px;color:#D0D0D0;overflow:hidden;white-space:pre;} .text-core .text-wrap .text-prompt.text-hide-prompt {display:none;} .text-label label {font-size:14px;margin-top:5px;cursor:pointer;} .text-prompt{position:relative;top:7px} .text-core .text-wrap textarea,.text-core .text-wrap input, .text-core .text-wrap .text-prompt{font-size:14px!important} #flightFrom, #flightTo{padding-top: 1px;}