.t-fl{ float: left; } .t-dib{display: inline-block; } .t-pdl-15{ padding-left: 15px;} .t-no-pdr{ padding-right: 0px;} .t-bd-dot{border:1px dotted #428bca} .t-bd-green{ border-color: #69aa46 !important;} .t-step{margin-bottom: 80px; } .go-step1{ cursor: pointer;} .result-content{ max-width: 1300px; /*margin:0 auto;*/ position: relative; } .orderinfo_main{ padding:10px; width: 240px; position: fixed; top: 100px; right: 10px; background-color: #fff; border-radius: 4px;} .bottomArea{ background: #eee; font-weight: bold; font-size: 16px; height: 42px; } .bottomArea p { line-height: 42px; } .bold{ font-weight: bold; font-size: 16px; } .flightInfo,.remarkInfo{ margin-bottom: 20px; } .remarkInfo .t-house-remark{ margin-top:10px; margin-bottom: 10px; width: 815px;} .flightRight{ position: relative; } .flightRight .date_selector{ position: absolute; top:32px !important; left:0px !important; } .arrived{ position:relative; top:0; left:0;} .word_wrap{word-wrap:break-word;max-width:300px; display:inline-block} .arrivedperson{ width:200px; position:absolute; top: 130px; left:0px; z-index:999; border:1px solid #ccc; background:#FFF; } .room-person{ top: 79px; } .everybody{ padding:5px 5px 5px 10px; border-bottom:1px dotted #cccccc;} .arrivedperson ul{ margin:0; padding:5px 5px 5px 10px; list-style:none;} .arrivedperson ul li{ padding-left: 4px; line-height:23px; float:left;} .arrivedperson label{ margin-left:5px; vertical-align:middle;} .shutdown{ cursor: pointer;} .orderinfo_sub p{ font-size: 12px; margin-bottom: 0px;} .orderinfo_sub .hr{ margin: 6px 0;} /*订单详情 start*/ .t-info-data{height: 25px; line-height: 35px; } /*订单详情 end*/ td.alignR{ vertical-align: middle !important; text-align: center;} td .del{ cursor: pointer;} /*---------------------*/ ::-webkit-scrollbar/*整体部åˆ?/ { width: 10px; height:10px; } ::-webkit-scrollbar-track/*滑动轨é?/ { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0px; background: rgba(0,0,0,0.1); } ::-webkit-scrollbar-thumb/*滑å?/ { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); } ::-webkit-scrollbar-thumb:hover/*滑块效æž?/ { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.4); } /*--------------------------------*/ #laydate{ margin-top:0px; margin-top: 33px; position: absolute; } .laydate_body .laydate_box, .laydate_body .laydate_box *{margin:0; padding:0; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} .laydate_box{background: #f4f4f4; ; border-radius: 10px; /*left: 5% !important; margin-left: -10px !important; position: fixed !important; top: 32% !important; */ width: 500px; overflow: hidden; } .laydate-icon, .laydate-icon-default {height:22px; line-height:22px; padding-right:20px; border:1px solid #C6C6C6; background-repeat:no-repeat; background-position:right center; background-color:#fff; outline:0;} .laydate-icon-default{ background-image:url(../skins/default/icon.png)} .laydate_body .laydate_box{ margin-top: -31px; font:12px '\5B8B\4F53'; z-index:99999999; *margin:-2px 0 0 -2px; *overflow:hidden; _margin:0; _position:absolute!important; padding-bottom: 20px; padding:0 10px; /*background-color:#fff;*/ } .laydate_body .laydate_box .laydate_void{cursor:text!important;} .laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{text-decoration:none; blr:expression(this.onFocus=this.blur()); cursor:pointer;} .laydate_body .laydate_box a:hover{text-decoration:none;} .laydate_body .laydate_box cite, .laydate_body .laydate_box label{position:absolute; width:0; height:0; border-width:5px; border-style:dashed; border-color:transparent; overflow:hidden; cursor:pointer;} .laydate_body .laydate_box .laydate_yms, .laydate_body .laydate_box .laydate_time{display:none;} .laydate_body .laydate_box .laydate_show{display:block;} .laydate_body .laydate_box input{outline:0; font-size:14px; background-color:#fff;} .laydate_body .laydate_top{ position: relative; height: 36px; padding: 15px 0 6px 0px; z-index: 99; width: 90%; margin: 0 auto; } .laydate_body .laydate_ym{position:relative; /*float:left;*/ height:24px; cursor:pointer;} .laydate_body .laydate_ym input{/*float:left;*/ background: transparent; position: relative; right:0; top:0; height:24px; line-height:24px; text-align:center; border:none; cursor:pointer;} .laydate_body .laydate_ym .laydate_yms{position:absolute; left: -1px; top: 24px; height:181px;} .laydate_body .laydate_y{width:91px; margin-right:6px;} .laydate_body .laydate_y input{width:64px; margin-right:15px;} .laydate_body .laydate_y .laydate_yms{width:121px; text-align:center;} .laydate_body .laydate_y .laydate_yms a{position:relative; display:block; height:20px;} .laydate_body .laydate_y .laydate_yms ul{height:139px; padding:0; *overflow:hidden;} .laydate_body .laydate_y .laydate_yms ul li{float:left; width:60px; height:20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .laydate_body .laydate_m{width: 100%; text-align: center;} .laydate_body .laydate_m .laydate_yms{width:99px; padding:0;} .laydate_body .laydate_m input.month{width:40px; color:#4e363f; font-size: 16px; font-weight: bold; } .laydate_body .laydate_m input.year{width:60px; color:#4e363f; font-size: 16px; font-weight: bold; } .laydate_body .laydate_m .laydate_yms span{display:block; float:left; width:42px; margin: 5px 0 0 5px; line-height:24px; text-align:center; } .laydate_body .laydate_choose{display:block; width:20px; height:24px; position: absolute; top:0 ; right: 0;} .laydate_body .laydate_choose.left { left:0;} .laydate_body .laydate_choose cite, .laydate_body .laydate_tab cite{left:50%; top:50%;} .laydate_body .laydate_chtop cite{margin:-7px 0 0 -5px; border-bottom-style:solid;} .laydate_body .laydate_ym label{top:50%; margin:-2px 0 0 -5px; border-top-style:solid;} .laydate_body .laydate_chprev cite{margin:-5px 0 0 -7px; } .laydate_body .laydate_chnext cite{margin:-5px 0 0 -2px;} .laydate_body .laydate_ym label{right:28px;} .laydate_body .laydate_table{ width:100%; border-collapse:collapse; border-spacing:0px; margin-bottom: 20px; } .laydate_body .laydate_table td{width:14.28%;text-align: center; cursor:pointer;font-size: 14px; position: relative;} .laydate_body .laydate_table td:hover{ background: #fff ; } .laydate_body .laydate_table td .date-num{ position: absolute; left:4px; top:4px; } .laydate_body .laydate_table td .date-remain{display: block; color:orange; font-size: 14px; font-weight: bold; } .laydate_body .laydate_table td .date-price{ display: block; color:#dd5a43; } .laydate_body .laydate_table td .date-price em{ font-style: normal; } .laydate_body td .act-notice{ display: block; width: 70%; margin: 0 auto; position: absolute; bottom: 0; left: 15%; } .laydate_body .laydate_table tbody tr{ border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .laydate_body .laydate_table td{ border-left: 1px solid #ccc; } .laydate_body .laydate_table thead tr:first-child { border-bottom: none;} .laydate_body .laydate_table thead tr{height:40px; line-height:40px;} .laydate_body .laydate_table thead th{font-weight:bold; color:#4e363f; font-size:16px; text-align:center; background: #ccc;} .laydate_body .laydate_table thead th:first-child,.laydate_body .laydate_table thead th:last-child{ color: #fff; background-color: #ac0; } .laydate_body .laydate_box .laydate_void{color:#ccc!important; text-decoration:line-through;} .laydate_body .laydate_box .laydate_void:hover{background-color:#ac0!important} .laydate_body .laydate_chprev{border-left:none; } /*.laydate_body .laydate_chtop cite{border-bottom-color:#666;} .laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#4e363f;}*/ .laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#4e363f;} .laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#4e363f;} .passed{ color: #aaa;} .future{color: #666; } .today{ color:#ffc32d;} .signed-today { color:#ffc32d; background: #ac0; background-size: 80%; } /*================================*/ .t-modal { position: fixed; z-index: 999; bottom: 0; top: 0; width: 100%; background: rgba(0,0,0,.4); } .modal-cont { position: absolute; top: 20%; left: 50%; width: 90%; max-width: 320px; padding-top: 10px; padding-bottom: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 8px; background: #fff; overflow: hidden; } .modal-cont .modal-title { font-weight: bold; text-align: center; color: #27a0e6; } .modal-cont .modal-body { margin-top: 20px; padding: 10px; text-align: center; } .modal-cont .modal-footer { padding: 10px; } .modal-cont .modal-footer .sure-btn { line-height: 20px; height: 40px; width: 80%; margin: 0auto; margin: 0 auto; display: block; } .t-btn { font-size: 16px; line-height: 30px; display: inline-block; -webkit-box-sizing: border-box; /* Safari */ box-sizing: border-box; width: 100%; height: 50px; padding: 10px; text-align: center; border-radius: 8px; } .t-btn-primary { color: #fff; background: #27a0e6; } .flight_list_wrap{ position: relative;} .flight_list{position: absolute; background: #fff ; width: 120px; padding:5px; z-index: 9; border:1px dotted #ac0; top: 25px; } .flight_list.hide{ display: none;} .guestInfo.hide,.flightInfo.hide,.remarkInfo.hide{ display: none;} /*---------------------------------------demo css--------------------------------------------*/ .date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;} .date_selector{background:#fbfbfb;border: 1px solid #ccc;padding: 10px;margin:0; margin-top:-1px;position: absolute;z-index:100000; display:none;border-radius: 3px;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc; width:258px;} .date_selector_ieframe{position: absolute;z-index: 99999;display: none;} .date_selector .nav{width: 17.5em;} .date_selector .nav p{clear: none;} .date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;} .date_selector .month_nav{float: left;width: 55%;} .date_selector .year_nav{float: right;width: 42%;margin-right: -8px;} .date_selector .month_name, .date_selector .year_name{font-weight: bold;line-height: 20px;} .date_selector .button{display: block;position: absolute;top: 0;width:18px;height:18px;line-height:16px;font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px;} .date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;} .date_selector .prev{left: 0;} .date_selector .next{right: 0;} .date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:220px;} .date_selector th, .date_selector td{width: 2.5em;height: 2em;padding: 0 !important;text-align: center !important;color: #666;font-weight: normal;} .date_selector th{font-size: 12px;} .date_selector td{border:1px solid #f1f1f1;line-height: 2em;text-align: center;white-space: nowrap;color:#5985c7;background: #fff;} .date_selector td.today{background: #eee;} .date_selector td.unselected_month{color: #ccc;} .date_selector td.selectable_day{cursor: pointer;} .date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;} .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#5985c7;color: #fff;} /*-----------------------------------------------------------------------------------*/ /*! * Timepicker Component for Twitter Bootstrap * * Copyright 2013 Joris de Wit * * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. */ .bootstrap-timepicker { position: relative; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px; } .bootstrap-timepicker .add-on { cursor: pointer; } .bootstrap-timepicker .add-on i { display: inline-block; width: 16px; height: 16px; } .bootstrap-timepicker-widget.dropdown-menu { padding: 2px 3px 2px 2px; } .bootstrap-timepicker-widget.dropdown-menu.open { display: inline-block; } .bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -7px; } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 10px; position: absolute; top: -6px; } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 4px; } .bootstrap-timepicker-widget table { width: 100%; margin: 0; } .bootstrap-timepicker-widget table td { text-align: center; height: 30px; margin: 0; padding: 2px; } .bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; } .bootstrap-timepicker-widget table td span { width: 100%; } .bootstrap-timepicker-widget table td a { border: 1px transparent solid; width: 100%; display: inline-block; margin: 0; padding: 8px 0; outline: 0; color: #333; } .bootstrap-timepicker-widget table td a:hover { text-decoration: none; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #ddd; } .bootstrap-timepicker-widget table td a i { margin-top: 2px; } .bootstrap-timepicker-widget table td input { width: 25px; margin: 0; text-align: center; } .bootstrap-timepicker-widget .modal-content { padding: 4px; } @media (min-width: 767px) { .bootstrap-timepicker-widget.modal { width: 200px; margin-left: -100px; } } @media (max-width: 767px) { .bootstrap-timepicker { width: 100%; } .bootstrap-timepicker .dropdown-menu { width: 100%; } } /*-------------------------------------------------------------------*/ .ace-nav>li.light-red>a{ background-color: transparent !important;} .ui-jqgrid-view>.ui-jqgrid-titlebar{ background-color: #438EB9 !important; } .skin-3 .breadcrumbs{background-color: #ccc !important; } .btn.active:after{ border-bottom:none;} .ui-jqgrid-htable{ min-width: 1147px; } #ynf_grid_modal .ui-jqgrid-htable{ min-width: 500px; } #pg_ynf_modal_grid_list_toppager td:first-child{ display: none;} /*dropzone*/ .dropzone,.dropzone *,.dropzone-previews,.dropzone-previews *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dropzone{position:relative;border:1px solid rgba(0,0,0,0.08);background:rgba(0,0,0,0.02);padding:1em}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message span{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone .dz-message{opacity:1;-ms-filter:none;filter:none}.dropzone.dz-drag-hover{border-color:rgba(0,0,0,0.15);background:rgba(0,0,0,0.04)}.dropzone.dz-started .dz-message{display:none}.dropzone .dz-preview,.dropzone-previews .dz-preview{background:rgba(255,255,255,0.8);position:relative;display:inline-block;margin:17px;vertical-align:top;border:1px solid #acacac;padding:6px 6px 6px 6px}.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail]{display:none}.dropzone .dz-preview .dz-details,.dropzone-previews .dz-preview .dz-details{width:100px;height:100px;position:relative;background:#ebebeb;padding:5px;margin-bottom:22px}.dropzone .dz-preview .dz-details .dz-filename,.dropzone-previews .dz-preview .dz-details .dz-filename{overflow:hidden;height:100%}.dropzone .dz-preview .dz-details img,.dropzone-previews .dz-preview .dz-details img{position:absolute;top:0;left:0;width:100px;height:100px}.dropzone .dz-preview .dz-details .dz-size,.dropzone-previews .dz-preview .dz-details .dz-size{position:absolute;bottom:-28px;left:3px;height:28px;line-height:28px}.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview:hover .dz-details img,.dropzone-previews .dz-preview:hover .dz-details img{display:none}.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark{display:none;position:absolute;width:40px;height:40px;font-size:30px;text-align:center;right:-10px;top:-10px}.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark{color:#8cc657}.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark{color:#ee162d}.dropzone .dz-preview .dz-progress,.dropzone-previews .dz-preview .dz-progress{position:absolute;top:100px;left:6px;right:6px;height:6px;background:#d7d7d7;display:none}.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload{position:absolute;top:0;bottom:0;left:0;width:0;background-color:#8cc657}.dropzone .dz-preview.dz-processing .dz-progress,.dropzone-previews .dz-preview.dz-processing .dz-progress{display:block}.dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message{display:none;position:absolute;top:-5px;left:-20px;background:rgba(245,245,245,0.8);padding:8px 10px;color:#800;min-width:140px;max-width:500px;z-index:500}.dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message{display:block}.dropzone{border:1px solid rgba(0,0,0,0.03);min-height:160px;-webkit-border-radius:3px;border-radius:3px;background:rgba(0,0,0,0.03);padding:23px}.dropzone .dz-default.dz-message{opacity:1;-ms-filter:none;filter:none;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;background-image:url("../images/spritemap.png");background-repeat:no-repeat;background-position:0 0;position:absolute;width:428px;height:123px;margin-left:-214px;margin-top:-61.5px;top:50%;left:50%}@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx){.dropzone .dz-default.dz-message{background-image:url("../images/spritemap@2x.png");-webkit-background-size:428px 406px;-moz-background-size:428px 406px;background-size:428px 406px}}.dropzone .dz-default.dz-message span{display:none}.dropzone.dz-square .dz-default.dz-message{background-position:0 -123px;width:268px;margin-left:-134px;height:174px;margin-top:-87px}.dropzone.dz-drag-hover .dz-message{opacity:.15;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15)}.dropzone.dz-started .dz-message{display:block;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.dropzone .dz-preview,.dropzone-previews .dz-preview{-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.16);box-shadow:1px 1px 4px rgba(0,0,0,0.16);font-size:14px}.dropzone .dz-preview.dz-image-preview:hover .dz-details img,.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img{display:block;opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10)}.dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark{opacity:1;-ms-filter:none;filter:none}.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark{opacity:1;-ms-filter:none;filter:none}.dropzone .dz-preview.dz-error .dz-progress .dz-upload,.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload{background:#ee1e2d}.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark{display:block;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;background-image:url("../images/spritemap.png");background-repeat:no-repeat}@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx){.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark{background-image:url("../images/spritemap@2x.png");-webkit-background-size:428px 406px;-moz-background-size:428px 406px;background-size:428px 406px}}.dropzone .dz-preview .dz-error-mark span,.dropzone-previews .dz-preview .dz-error-mark span,.dropzone .dz-preview .dz-success-mark span,.dropzone-previews .dz-preview .dz-success-mark span{display:none}.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark{background-position:-268px -123px}.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark{background-position:-268px -163px}.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload{-webkit-animation:loading .4s linear infinite;-moz-animation:loading .4s linear infinite;-o-animation:loading .4s linear infinite;-ms-animation:loading .4s linear infinite;animation:loading .4s linear infinite;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;transition:width .3s ease-in-out;-webkit-border-radius:2px;border-radius:2px;position:absolute;top:0;left:0;width:0;height:100%;background-image:url("../images/spritemap.png");background-repeat:repeat-x;background-position:0 -400px}@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx){.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload{background-image:url("../images/spritemap@2x.png");-webkit-background-size:428px 406px;-moz-background-size:428px 406px;background-size:428px 406px} }.dropzone .dz-preview.dz-success .dz-progress,.dropzone-previews .dz-preview.dz-success .dz-progress{display:block;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message{display:block;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message{opacity:1;-ms-filter:none;filter:none}.dropzone a.dz-remove,.dropzone-previews a.dz-remove{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));background-image:-webkit-linear-gradient(top, #fafafa 0, #eee 100%);background-image:-moz-linear-gradient(top, #fafafa 0, #eee 100%);background-image:-o-linear-gradient(top, #fafafa 0, #eee 100%);background-image:-ms-linear-gradient(top, #fafafa 0, #eee 100%);background-image:linear-gradient(top, #fafafa 0, #eee 100%);-webkit-border-radius:2px;border-radius:2px;border:1px solid #eee;text-decoration:none;display:block;padding:4px 5px;text-align:center;color:#aaa;margin-top:26px}.dropzone a.dz-remove:hover,.dropzone-previews a.dz-remove:hover{color:#666}@-moz-keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}}@-webkit-keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}}@-o-keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}}@-ms-keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}}@keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}} /**/ /*! * Datepicker for Bootstrap */.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, .2);position:absolute;top:-7px;left:6px}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.datepicker > div{display:none}.datepicker.days div.datepicker-days{display:block}.datepicker.months div.datepicker-months{display:block}.datepicker.years div.datepicker-years{display:block}.datepicker table{margin:0}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.old,.datepicker table tr td.new{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:none;color:#999;cursor:default}.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top, #fdd49a, #fdf59a);background-image:-ms-linear-gradient(top, #fdd49a, #fdf59a);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));background-image:-webkit-linear-gradient(top, #fdd49a, #fdf59a);background-image:-o-linear-gradient(top, #fdd49a, #fdf59a);background-image:linear-gradient(top, #fdd49a, #fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000 !important}.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active{background-color:#fbf069 \9}.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top, #08c, #04c);background-image:-ms-linear-gradient(top, #08c, #04c);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));background-image:-webkit-linear-gradient(top, #08c, #04c);background-image:-o-linear-gradient(top, #08c, #04c);background-image:linear-gradient(top, #08c, #04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#04c #0044cc #002a80;border-color:rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, .25)}.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active{background-color:#039 \9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:none;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top, #08c, #04c);background-image:-ms-linear-gradient(top, #08c, #04c);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));background-image:-webkit-linear-gradient(top, #08c, #04c);background-image:-o-linear-gradient(top, #08c, #04c);background-image:linear-gradient(top, #08c, #04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#04c #0044cc #002a80;border-color:rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, .25)}.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c} .datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active{background-color:#039 \9}.datepicker table tr td span.old{color:#999}.datepicker th.switch{width:145px}.datepicker thead tr:first-child th,.datepicker tfoot tr:first-child th{cursor:pointer}.datepicker thead tr:first-child th:hover,.datepicker tfoot tr:first-child th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px} /*YNF CSS*/ body{ min-width:1366px; } ul,li{ margin:0; padding:0; list-style:none;} .bg-f{ background: #fff;} .c-red{ color:#d15b47; } .c-purple{ color:#7461aa;} .c-blue{ color: #478fca;} .c-red-2{ color: #478fca;} .c-green{ color:#69aa46;} .c-yellow{ color:#FEE074;} .c-grey{ color:#abbac3; } .c-grey-yellow{ color:#c09853; } input.error{ border:1px solid #d15b47 !important ; background-color: #FEE074 !important ; } .ynf-lable-five{display: inline-block; min-width: 80px; text-align: right;} .ynf-f-s{ font-size: 12px; } .ynf-padding-l-0{padding-left: 0 !important;} .ynf-padding-r-0{padding-right: 0 !important;} .ynf-table-nav { padding-top:6px; padding-bottom:6px;} .ynf-input{ height: 34px; } .ynf-bd-r-1{ border-right:1px solid #ccc;} .ynf-bd-l-1{ border-left:1px solid #ccc;} #ynf_list{ min-width:1146px; } #ynf_fileupload_0,#ynf_fileupload_1,#ynf_fileupload_2,#ynf_fileupload_3{ width:600px; position:absolute; right:0; background:#fff; z-index:7; } #ynf_fileupload_wrap{ padding-top:20px; padding-bottom:20px; } #add_goods_img{ padding-bottom:20px; } #add_goods_desc_img{padding-bottom:20px; } /*#add_goods_desc_img .cur-img-list { max-height: 500px; max-width: 800px; overflow: scroll;} #add_goods_desc_img .cur-img-list li.col-xs-2{width:70%; };*/ #ynf_fileupload_wrap .ynf-header{ padding-bottom:10px;} .cur-img-list li { height:200px; } .cur-img-list li img{display: block; max-width: 100%; max-height: 100%;} .cur-img-list li .del-img, .cur-img-list li .up-img, .cur-img-list li .down-img { position: absolute; top: 0;background: rgba(255,255,255,0.8); cursor: pointer; right: 10px; width:20px; height:20px; font-size: 18px;} .cur-img-list li .up-img{right: 50px; } .cur-img-list li .down-img{ right: 30px; } .gift-img-list li { height:120px; } .gift-img-list li img{ width:100%; display: block;} .gift-img-list li .del-img, .gift-img-list li .up-img, .gift-img-list li .down-img { position: absolute; top: 0;background: rgba(255,255,255,0.8); cursor: pointer; right: 10px; width:20px; height:20px; font-size: 18px;} .gift-img-list li .up-img{right: 50px; } .gift-img-list li .down-img{ right: 30px; } #ynf_right_menu{ position:fixed; top:100px; right:0; } #ynf_right_menu li{ margin-bottom: 6px; } .ynf-fade {opacity: 0.3;} .active.ynf-fade {opacity:1;} .label-xxlg{padding: .3em .7em .4em; font-size: 26px; line-height: 1.3; height: 50px;} .checkbox+.checkbox { margin-top: 10px; } .ml100{margin-left:100px;} .f16{font-size: 14px;} .f14{font-size: 14px;} .f15{font-size: 15px;}