/****/
body
{
margin: 0px;
padding: 0px;
background-color: #f8f8f8;
}
.wrapper_detiel
{
/*margin-top: 44px;*/
}
.wrapper_detiel .header_detiel
{
width: 100%;
}
.wrapper_detiel .header_detiel .slider {
height: 65.7vw;
width: 100%;
}
.wrapper_detiel .header_detiel .slider .panorama
{
width: 2.8rem;
background-image: url(../../../web/europe/images/panorama.svg);
background-position: top;
background-repeat: no-repeat;
background-color: rgba(0,0,0,0.01);
background-size: 2rem;
position: absolute;
right: .5rem;
top: 4rem;
z-index: 10;
padding-top: 2rem;
text-align: center;
color: #fff;
}
.wrapper_detiel .header_detiel .slider .panorama span
{
color: #fff;
/*text-shadow: #000 1px 2px 2px;*/
}
.slider .slider_box
{
height: inherit;
position: relative;
overflow: hidden;
}
.slider .slider_box .slider_ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
position: relative;
right: 0px;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
}
.slider .slider_box .slider_ul .detail_video
{
display: flex;
max-width: 100%;
align-items: center;
background: rgba(0,0,0,0.4);
}
.slider .slider_box .slider_ul .detail_video video{
max-width: 100%;
height: 100%;
}
.slider .slider_box .slider_ul .slider_li
{
height: 100%;
display: block;
float: left;
}
.slider .slider_box .slider_ul .slider_li img
{
width: 100%;
height: 100%;
position: relative;
}
.swiper-pagination {
color: #Fff;
text-align: right !important;
}
.swiper-pagination-total{
padding-right: 3%;
}
.slider .slider_box .slider_ul .slider_li:after
{
content: "";
clear: both;
display: block;
}
.slider .slider_box .point_box
{
position: absolute;
bottom:0rem;
right: 0rem;
color: #fff;
display: none;
}
.slider .slider_box .slider_point{
position: absolute;
bottom:.5rem;
right: 0.1rem;
color: #fff;
padding: .5rem 1rem;
background: rgba(0,0,0,.4);
}
.slider .slider_box .slider_point:after
{
content: "";
clear: both;
display: block;
}
.slider .slider_box .slider_point span
{
width: 7px;
height: 7px;
cursor: pointer;
}
.slider .slider_box .slider_point .active
{
width: 7px;
height: 7px;
background-image: url("../../../web/europe/images/point_active.png");
}
.date_detiel
{
line-height: 1.5rem;
height: 1.5rem;
margin-top: 1rem;
background-color: white;
padding: 1rem 0.5rem;
}
.date_detiel:after
{
content: "";
clear: both;
display: block;
}
.date_detiel span
{
float: left;
}
.date_detiel .date_val a
{
color: black;
}
.date_detiel .dateTitle
{
text-align: center;
margin-top: 0.75em;
}
.date_detiel .picker__header
{
margin-top: 0px !important;
}
.date_detiel .date_ico
{
height: 1.5rem;
width: 1.5rem;
background-image: url("../../../web/europe/images/date_ico.png");
background-position: left;
display: block;
background-size: 100%;
margin-right: 1.5rem;
}
.date_detiel .date_btn
{
color: orange;
text-decoration: none;
float: right;
}
.title_detiel
{
line-height: 1.2rem;
font-size: 1rem;
font-weight: normal;
padding: 1.2rem 1rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1.2rem;
padding-bottom: 0.5rem;
margin: 0px;
}
.title_detiel span
{
color: orange;
}
.type_area
{
background-color: white;
margin-bottom: 0.9rem;
}
#type_area
{
background-color: #f8f8f8;
margin-bottom: 0.9rem;
}
.type_area .line_1
{
height: 2rem;
line-height: 2rem;
padding: 1.2rem 1rem;
font-size: 0.95rem;
}
.type_area .line_1 p
{
display: inline-block;
text-align: center;
border-right: #f8f8f8 1px solid;
}
.type_area .line_1 .bedroom
{
text-align: left;
width: 15%;
}
.type_area .line_1 .per_price
{
width: 27%;
}
.type_area .line_1 .max_person
{
width: 27%;
}
.type_area .line_1 .mini_stay
{
width: 26%;
text-align: right;
border-right:none;
}
.type_area .line_2
{
height: 2.5rem;
line-height: 2.5rem;
padding: 1rem;
font-size: 1rem;
}
.type_area .line_2 .delete
{
text-decoration: line-through;
}
.type_area .line_2 .price
{
font-size: 1.1rem;
color: orange;
}
.type_area .line_2 a
{
font-size: 1rem;
width: 7.5rem;
height: 2.5rem;
line-height: 2.5rem;
background-color: orange;
color: white;
display: block;
float: right;
text-align: center;
text-decoration: none;
}
.type_area .unvalid{
background-color:#eeeeee !important;
}
.type_area hr
{
margin: 0px 15px;
border: none;
border-bottom: #b2b2b2 1px solid;
}
.content_list_detiel
{
margin-bottom: 46px;
}
.content_list_detiel .list_detiel
{
padding-top: 1rem;
padding-bottom: 0.8rem;
padding-left: 2%;
padding-right: 2%;
background-color: white;
margin-bottom: 0.5rem;
}
.content_list_detiel .list_detiel .list_title_detiel
{
height: 1.6rem;
line-height: 1.6rem;
padding-bottom: 0.3rem;
}
.content_list_detiel .list_detiel .list_title_detiel h1
{
font-size: 1.2rem;
line-height: 1.6rem;
margin: 0px;
text-align: center;
color: #444;
}
.content_list_detiel .list_detiel .list_title_detiel .list_switch
{
/*background-image: url("../../../web/europe/images/arrow_down_ico.jpg");*/
background-size: 100%;
display: block;
float: right;
width: 1.5rem;
height: 1.5rem;
-webkit-transition: all 0.1s ease 0.1s;
}
.content_list_detiel .list_detiel .list_title_detiel .open
{
-webkit-transform: rotate(180deg);
}
.content_list_detiel .list_detiel .content
{
/*border-top: #aaaaaa 1px solid;*/
display: block;
padding-top: 15px;
padding-bottom: 15px;
max-height: 8.2rem;
overflow: hidden;
}
.content_list_detiel .list_detiel .content p strong{
font-weight: bold;
}
.content_list_detiel .list_detiel .content p span{
font-size: .9rem!important;
/* color: #444444; */
}
.content_list_detiel .list_detiel .open
{
display: block;
}
.content_list_detiel .list_detiel .content ul
{
width: auto !important;
/*padding-left: 2rem;*/
}
.content_list_detiel .list_detiel .content .thread_area
{
font-size: 1.2rem;
/*font-weight: lighter;*/
margin-top: 15px;
}
.content_list_detiel .list_detiel .content .thread_area .thread_area_title
{
position: relative;
line-height: 1.1rem;
height: 1.1rem;
font-size: 1.1rem;
color: #767676;
}
.content_list_detiel .list_detiel .content .thread_area .thread_area_title .thread_name
{
float: left;
}
.content_list_detiel .list_detiel .content .thread_area .thread_area_content
{
padding-bottom: 15px;
padding-top: 15px;
border-bottom: #aaaaaa 1px solid;
color: #464646;
font-size: 1rem;
}
.content_list_detiel .list_detiel .content .thread_area .thread_area_content .thread_area_bottom
{
padding-top: 10px;
color: #a1a1a1;
font-size: 0.9rem;
}
#thread .content
{
padding-top: 0px;
}
#thread .load_more
{
width: 6rem;
height: 2rem;
border: #f39800 1px solid;
text-align: center;
margin: 0px auto;
display: block;
color: black;
font-size: 0.9rem;
line-height: 2rem;
margin-top: 0.8rem;
}
.content_list_detiel .list_detiel .content .thread_area .thread_area_title .score
{
color: orange;
position: relative;
}
.hotel_detail_info li span
{
width: inherit;
}
.hotel_detail_info p
{
display: inline-block;
}
.pop-imgBox
{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 1000;
background-color: rgba(0,0,0,0.8);
display : none;
}
.pop-insedeBox
{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
width: 96%;
height: 50%;
overflow: hidden;
}
.inner-pic
{
display: inline-block;
position: relative;
overflow: hidden;
}
.inner-pic img
{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
height: 100%;
width: auto;
}
.tag-1111{
position:absolute;
top:1.7rem;
left:1rem;
width:6rem;
height:auto;
z-index:10;
}
.choose-house-type-marginTop{
margin-top: 5px;
}
/* 别墅详情优惠券展示 -- 小 */
.villaCouponShow{
background: #fff;
}
.villaCouponShow .couponLine{
background: #f8f8f8;
height: 1rem;
width: 100%;
}
.villaCouponShow .couponList{
width: 92%;
margin-left: 3%;
padding: 0.8rem 0;
text-align: left;
}
.villaCouponShow .couponList .couponMoney{
background: url(/statics/activity/allProcess2019/img/villaListbg.png) center no-repeat;
/* width: 6.5rem; */
height: 1.3rem;
line-height: 1.3rem;
background-size: 100% 100%;
text-align: center;
color: #Fff;
font-size: 0.75rem;
padding: 0.1rem 0.3rem;
}
.villaCouponShow .couponList span{
font-size: 1rem;
color: #444;
padding: 0.1rem 0;
height: 1.2rem;
line-height: 1.2rem;
margin-right: 0.5rem;
}
.villaCouponShow .couponList span,.villaCouponShow .couponList .couponMoney,.villaInfoCoupon{
display: inline-block;
}
.villaCouponShow .slicon,.slicon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
float: right;
margin-top: 0.3rem;
}
.selectIcon {
width: 1.3rem; height: 1.3rem;
fill: currentColor;
overflow: hidden;
vertical-align: middle;
}
/* 英文 chatapp */
.wxNumberBg {
display: none;
background: rgba(0, 0, 0, .4);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 100;
}
.wxNumberShow {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
background: #fFF;
width: 70%;
border-radius: 0.5rem;
height: 12rem;
text-align: center;
}
.popupLine {
position: absolute;
top: -1.321rem;
width: 1px;
height: 1.321rem;
background: white;
right: 2rem;
}
.btn_error {
width: 2rem;
height: 2rem;
border: 1px solid white;
color: white;
top: -3.5rem;
position: absolute;
right: 1rem;
border-radius: 50%;
line-height: 1.85rem;
text-align: center;
font-size: 1.2rem;
margin-left: -1.08rem;
}
.wxNumberShow p {
color: #333;
height: 2rem;
line-height: 2rem;
margin-bottom: 0.5rem;
font-size: 1.2rem;
}
.wxNumberShow span {
font-size: 0.9rem;
line-height: 1.5rem;
height: 1.5rem;
display: block;
}
.wxNumberShow b {
font-weight: 400;
font-size: 1.1rem;
color: #ff8000;
}
.wxNumberShow .slicon {
color: #ff8000;
width: 3.5rem;
height: 3rem;
margin-top: 1rem;
}
/* 别墅详情优惠券弹出 */
.villaCouponBmShow{
position: fixed;
max-width: 768px!important;
height: 16.96rem;
bottom: 0;
width: 100%;
color: #f19343;
z-index: 9002;
background: #fff;
display: none;
}
.villaCouponBmShow .headTitle{
text-align: center;
color: #444;
font-size: 1.1rem;
position: relative;
padding:0.8rem 0;
}
.villaCouponBmShow .headClose{
background: url(/statics/activity/allProcess2019/img/closeIcon.png) center no-repeat;
width: 1.2rem;
height: 1.2rem;
background-size: contain;
position: absolute;
top: 1rem;
right: 1rem;
}
.bmList{
height: 12rem;
overflow-y: scroll;
}
.bmList .info{
width: 90%;
margin: 0 auto;
padding:0.7rem 0 0.7rem 1rem;
background: #fff;
margin-bottom: 1rem;
box-shadow: 0 6px 15px 0 rgba(209,209,209,0.50);
}
.bmList .info .money, .bmList .info .name, .bmList .info .use,.bmList .info .sel{
display: table-cell;
vertical-align: middle;
}
.bmList .info .sel{
width: 2rem;
position: relative;
}
.bmList .info .sel i{
position: absolute;
z-index: 2;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 18px;
height: 18px;
border: #dcdfe6 1px solid;
border-radius: 50%;
}
.bmList .info .sel .active:after {
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 3px;
left: 3px;
background: #ff8000;
border-radius: 50%;
}
.bmList .info .sel .active {
background: #fff;
border: 1px solid #ff8000;
/* position: relative; */
}
.bmList .info .sel input[type=radio]{
top:0 !important;
width: 20px;
height: 20px;
}
.bmList .info .money,.bmList .info .name p{
font-size: 1.2rem;
}
.bmList .info .money{
border-right:1px dashed #BABABA;
padding-right:1rem;
color: #FF8000 ;
text-align: center;
width: 7rem;
}
.bmList .info .name{
padding-left: 1rem;
width: 8rem;
color: #4D4D4D;
}
.bmList .info .use{
position: relative;
}
.bmList .info .use span {
position: absolute;
left: 0;
top: -0.5rem;
display: block;
text-align: center;
min-width: 100%;
color: #FF8000;
font-size: 0.75rem;
}
.bmList .info .name span{
border: 1px solid #FF8000;
color: #FF8000;
padding: 0.1rem 0.2rem;
}
.bmList .info .use b,.bmList .info .money p{
color: #A1A1A1;
font-weight: 400;
}
.bmList .info .money span{
font-size: 1.6rem;
line-height: 1;
}
.bmList .info .name p{
line-height: 1.4rem;
height: 1.4rem;
padding-bottom: 0.2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width:7rem;
}
.bmList .info .money p,.bmList .info .name span ,.bmList .info .use b{
font-size: 0.75rem;
}
.bmList .info .name>div{
height: 1.2rem;
line-height: 1.2rem;
padding-top: 0.2rem;
}
.bmList .info .use>div b,.bmList .info .use>div i{
display: table-cell;
vertical-align: middle;
}
.bmList .info .use i{
background: url(/statics/activity/allProcess2019/img/downIcon.png) no-repeat center;
width:0.7rem;
height: 1rem;
background-size: contain;
margin-left: 0.2rem;
display: inline-block;
}
.bmList .info .use .hov{
background: url(/statics/activity/allProcess2019/img/topIcon.png) no-repeat center;
}
.bmList .info .name span{
width: 100%;
display: table-cell;
height: 1rem;
line-height: 1rem;
}
.bmList .info .hideInfo{
display: none;
margin-top: 0.7rem;
}
.bmList .info .hideInfo p{
font-size: 0.75rem;
white-space: pre-line;
color: #A1A1A1;
}
.villaCouponBmBg{
background: rgba(0,0,0,.4);
position: fixed;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
z-index: 9001;
display: none;
}
.couponNumber{
float: right;
font-size: 0.875rem;
background: #FF8000;
display: inline-block;
padding: 0.1rem 0.2rem;
color: #Fff !important;
}
.coupons{
height: auto !important;
}
.coupons .info{
box-shadow: none;
margin-bottom: 0.5rem;
}
.nonePopup,.notNonePopup{
display: none;
text-align: center;
height: 3rem;
line-height: 3rem;
margin-top: 2rem;
}
/* 优惠券页面切换 */
.tab_header .couponTab{
background: #Fff;
width: 100%;
}
.tab_header ul{
display: flex;
width: 70%;
justify-content: space-between;
margin: 0 auto;
}
.tab_content{
margin-bottom: 3rem;
}
.tab_content h3:first-child{
padding: 0.5rem;
}
.tab_content h3{
width: 90%;
margin: 0 auto;
font-size: 1rem;
color: #444;
padding-bottom:0.5rem;
/* padding:0.5rem; */
}
.tab_header .current{
color: #ff8000;
border-color: #ff8000;
}
.tab_header ul li{
justify-content: space-between;
padding: 0.5rem 0.7rem;
border-bottom: 2px solid #fff;
font-size: 1.1rem;
}
.tab_content .hide .info ,.tab_content .notList .info{
opacity: 0.7;
-webkit-opacity:0.7;
-ms-opacity:0.7;
pointer-events: none;
}
.tab_content .hide .info .use,.tab_content .notList .info .use,.tab_content .notList .info .sel{
pointer-events: auto !important;
}
.tab_content .hide .couponsList{
margin-top:0.5rem;
}
@media screen and (max-width: 320px) {
.bmList .info .name {
width: 8rem;
padding-left: 0.7rem;
}
.bmList .info .money {
padding-right: 0.7rem;
width: 7.5rem;
}
.bmList .info .name p{
width: 6.5rem;
}
}
@media screen and (min-width: 380px) {
.bmList .info .name {
width: 10.5rem;
}
}
.swiper-villa-pagination{
position: absolute;
bottom: 15px;
right: 15px;
display: flex;
align-items: center;
background: rgba(0, 0, 0, 0.5);
z-index: 2;
padding: 2px 15px;
border-radius: 20px;
}
.swiper-villa-pagination .swiper-pagination{
display: inline-flex;
position: static;
}
/* 大图相册 */
.special_enlarge_albums{
display: none;
position: fixed;
z-index: 2;
top: 0;
left: 0;
z-index: 10001;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 1);
padding-top: env(safe-area-inset-top);
box-sizing: border-box;
/* background: rgba(0, 0, 0, .7); */
}
.special_enlarge_albums_top{
padding: 15px;
position: relative;
text-align: center;
}
.special_enlarge_albums_top_icon{
position: absolute;
top: 8px;
right: 15px;
padding: 0.5rem;
}
.special_enlarge_albums_list{
display: flex;
flex-wrap: wrap;
padding: 0 15px 15px 15px;
max-height: calc(100% - 54px);
overflow-y: auto;
}
.special_enlarge_albums_item{
width: 32%;
max-height: 5.89rem;
margin-bottom: 10px;
margin-right: 7px;
position: relative;
}
.special_enlarge_albums_item:nth-child(3n){
margin-right: 0;
}
.special_enlarge_albums_item img{
width: 100%;
height: 100%;
object-fit: cover;
background: #f0f0f0;
}
.special_enlarge_albums_item span{
position: absolute;
bottom: 7px;
left: 7px;
color: #fff;
font-size: 0.85rem;
text-shadow: 0 0 5px rgba(36, 36, 36, 0.8);
}
/****/
/**
* Swiper 3.3.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: February 7, 2016
*/
* { touch-action: pan-y; }
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/****/
body{cursor:pointer;background: #f8f8f8}
.new-destination-top{
width: 90%;
padding: 10px 5%;
font-size: 18px;
font-family: "微软雅黑";
border-bottom: 1px solid #DCDCDC;
}
.new-destination-search{
height: 38px;
line-height: 38px;
background: #e5e5e5;
position: relative;
}
.new-destination-search input{
margin-left: 40px;
color: #9d9d9d;
background: #e5e5e5;
border: none;
}
.fl{
float: left;
}
.fr{
float: right;
}
.new-destination-btn-box
{
text-align: center;
margin: 0 60px;
font-size: 1.1rem;
margin: 0px 25px;
padding: 1.1rem 0 0;
}
.new-destination-btn-box .destination-btn
{
width: 49%;color: #777777;
}
.destination-btn .line-shu
{
position: relative;
height: 20px;
color: #eeeeee;
}
.new-destination-content {
margin: 5px 0 ;
overflow: auto;
}
.new-destination-btn-box .btn-active
{
width: 49%;
border-bottom: 1px solid #ff8000;
color: #ff8000
}
.click-li_en{
height: 1.6rem;
line-height: 1.6rem;
border: 1px solid #DCDCDC;
padding: 0 8px;
margin-top: 7px;
margin-right: 7px;
cursor: pointer;
font-size: 1rem;
position: relative;
border-radius: 1.4rem;
width: 42%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
text-align: center;
background: #F8F8F8;
}
.click-li_zh{
height: 1.6rem;
line-height: 1.6rem;
border: 1px solid #DCDCDC;
padding: 0 8px;
margin-top: 7px;
margin-right: 7px;
cursor: pointer;
font-size: 1rem;
position: relative;
border-radius: 1.4rem;
width: 17%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
text-align: center;
background: #F8F8F8;
}
.new-destination-content .active{
border: 1px solid #ff8000;
background: #ff8000;
color: #fff;
}
.new-destination-search .icon-search{
background: url(../../../web/mweb/images/icon-search.png) no-repeat;
position: absolute;
top: 9px;
left: 9px;
width: 22px;
height: 22px;
background-size: cover;
}
.active .icon-triangle{
position: absolute;
bottom: 0px;
right: 0px;
width: 10px;
height: 10px;
background-size: cover;
}
@media screen and (min-width: 319px) and (max-width: 340px)
{
.new-destination-content li{
width: 23%;
}
}
@media screen and (min-width: 341px) and (max-width: 360px)
{
.new-destination-content li{
width: 25%;
}
}
@media screen and (min-width: 414px) and (max-width: 441px)
{
}
@media screen and (min-width: 450px) and (max-width: 1024px)
{
.new-destination-content li{
width: 20%;
font-size: .8rem;
}
}
.new-destination-search input::-webkit-input-placeholder { /* WebKit browsers */
color: #9d9d9d;
}
.new-destination-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #9d9d9d;
}
.new-destination-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #9d9d9d;
}
.new-destination-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #9d9d9d;
}
.page-trun{
padding: 10px 0;
margin: 0 auto;
text-align: center;
}
.page-trun .active{
background: #ff8000;
border-color: #ff8000;
}
.page-trun-item{
width: 10px;
height: 10px;
background: #F8F8F8;
border-radius: 50%;
display: inline-block;
cursor: pointer;
font-size: 10px;
}
.new-destination-bottom{
width: 90%;
padding: 15px 5%;
}
.new-d-item{
width: 49%;
margin-bottom: 2%;
}
.new-d-item:nth-child(even){
float: right;
}
.new-d-img{
position: relative;
}
.new-d-img img{
width: 100%;
height: 7rem;
display: block;
}
.house-num p:first-child{
margin-top: 5px;
}
.house-num{
position: absolute;
right: 5px;
top: 3px;
font-size: .7rem;
border-radius: 14px;
color: #fff;
padding: 2px 12px;
line-height: .9rem;
text-align: center;
background-color: rgba(0, 0, 0, 0.28);
}
.new-place{
width: 100%;
position: absolute;
text-align: center;
color: #fff;
font-weight: 500;
line-height: 48px;
font-size: 1.4rem;
margin-top: -24px;
top: 50%;
}
/*搜索框部分*/
.new-search-l{
width: 100%;
position: absolute;
top: 48px;
background: #fff;
z-index: 10;
max-height: 500px;
padding-left: 15px;
overflow-y: auto;
box-shadow: 0 2px 2px 2px #ebebeb;
}
.new-search-l li{
margin-right: 15px;
line-height: 40px;
height: 40px;
margin-left: 5px;
border-bottom: 1px solid #dcdcdc;
}
.new-search-l li a{
color: #777;
width: 90%;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
}
.search-box{
background: #fff;
width: 100%;
padding-left: 15px;
}
.search-common{
position: relative;
top: 0;
text-align: center;
margin: 0;
}
.search-box .search-input{
height: 2.5rem;
padding-left: 40px;
float: none;
width: calc(100% - 5.4rem);
background: url("../../../web/mweb/images/icon-search.png") left 13px center no-repeat #eee;
background-size: 20px;
color: #777;
}
.hot-search
{
background: #fff;
padding: 9px;
overflow-x: auto;
}
.hot-search span
{
display: block;
font-size: 1.2rem;
padding: 0 6px;
color: #444;
font-family: Microsoft YaHei;
}
.hot-search a
{
background: #F8F8F8;
border-radius:35px;
padding: 0px 11px;
margin: 7px 5px;
display: inline-block;
text-align: center;
color: #444444;
}
.no-search-info
{
margin: 0px auto 0;
text-align: center;
position: fixed;
z-index: 600;
background: #FFFFFF;
width: 100%;
max-width: 768px!important;
padding: 20px 0;
color: #777777;
height: 100vh;
}
.search-history
{
background: #fff;
padding: 10px;
padding-top: 0px;
}
.search-history div
{
padding: 5px;
height: 35px;
line-height: 35px;
border-bottom: 1px solid #dcdcdc;
}
.btn-clear-history
{
float: right;
color: #ff8000;
cursor: pointer;
font-size: 1rem;
}
.data-item{
width: 48%;
text-align: center;
display: flex;
}
.data-title{
width: 100%;
line-height: 1.8rem;
color: #444444;
font-size: 1rem;
letter-spacing: 1.5px;
}
.data-item .input{
height: 1.8rem;
line-height: 1.8rem;
font-size: 1rem;
width: 100%;
text-align: center;
color: #FF8000;
}
.btn-search{
height: 34px;
line-height: 34px;
background: #ff8000;
color:#fff;
font-size: 16px;
}
.btn-clear{
border-bottom: none!important;
height: 30px;
line-height: 30px;
color: #ff8000;
text-decoration: none;
text-decoration-color: #ff8000;
-moz-text-decoration-color: #ff8000;
text-align: left;
font-size: 1.2rem;
top: 2px;
}
.choose-people{
height: 30px;
line-height: 30px;
color: #777777;
}
.search-wrapper .peoples-box .search-input.select-num{
background:#fff;
width: 100%;
}
#datepicker,#datepicker1{
overflow: hidden;
height: 0;
-webkit-animation: all 1s 1;
-moz-animation: all 1s 1;
-o-animation: all 1s 1;
animation: all 1s 1;
}
/* 详情页 */
.info-tag{
color: #777777;
padding: 0 4px;
position: relative;
font-size: 1rem;
text-overflow: ellipsis;
margin-right: 5px;
}
.info-xs
{
background: #ff8000;
padding-left: 1rem;
height: 3rem;
font-size: 1.1rem;
color: #fff;
line-height: 3rem;
}
.info-xs a
{
font-size: 1.1rem;
color: #fff;
}
.info-tag:after{
content: "";
width: 1px;
height: 1rem;
position: absolute;
right: -7px;
top: 3px;
background: #dcdcdc;
}
.info_detiel .info_1 p.info-p{
font-weight: bold;
font-size: 16px;
}
.info_detiel .info_1.new-info-1{
text-align: center;
}
.info_detiel .info_1.new-info-1 div{
display: inline-block;
padding-top: 3rem;
min-width: 5.2rem;
font-size: 1rem;
color: #777777;
}
.info_1.new-info-1 .woshi{
background: url("/statics/web3/m/img/2016.5/icon_bedroom.svg?v=002") top no-repeat;
background-size: 2.5rem;
}
.info_1.new-info-1 .yushi{
background: url("/statics/web3/m/img/2016.5/icon_bathroom.svg?v=002") top no-repeat;
background-size: 2.7rem;
}
.info_1.new-info-1 .yougchi{
background: url("/statics/web3/m/img/2016.5/icon_pool.svg?v=002") top no-repeat;
background-size: 2.5rem;
}
.info_1.new-info-1 .people{
background: url("/statics/web3/m/img/2016.5/icon_peple.svg?v=002") top no-repeat;
background-size: 2.8rem;
}
.new-price{
font-size: 1.2rem;
position: absolute;
margin: 0% 0 0;
padding: 5px 5px 5px 10px;
background: rgba(0, 0, 0, 0.52);
background-size: 9px 19px;
color: #fff;
bottom: .5rem;
z-index: 2;
}
.new-price img
{
min-width: 0!important;
min-height: 0!important;;
position: relative;
width: 9px;
top: 2px;
}
.info_detiel.new-info-d{
padding: 0;
padding-top: 15px;
font-family: "微软雅黑";
font-weight: 500;
}
.info_detiel
{
padding: 15px;
background-color: white;
}
.info_detiel .info_1
{
margin-bottom: 1.1rem;
}
.info_detiel .info_1 p
{
line-height: 1.4rem;
margin: 0px;
font-size: 1rem;
}
.info_detiel .info_2
{
line-height: 1.1rem;
font-size: 1rem;
}
.info_detiel .info_2 .score
{
color: orange;
float: left;
}
.info_detiel .info_2 .thread
{
color: orange;
float: right;
}
.info_detiel .info_2 .thread1
{
color: orange;
float: right;
}
.new-price span.samll-l{
font-size: 1rem;
line-height: 20px;
margin: 4px;
}
.info-tag:last-child:after{
width: 0;
}
.tag-box
{
text-align: center;
height: 1rem;
padding: 10px 10px;
background: #f8f8f8;
}
.star_box
{
overflow: hidden;
color: #777;
width: 50%;
float: left;
font-size: 1.1rem;
}
.star_box ul li {
display: inline-block;
height: 1rem;
min-width: 1rem;
}
.star_box ul {
margin: 0;
padding: 0 !important;
display: inline-block;
}
.star_box ul::after {
/* clear: both; */
/* content: ""; */
display: block;
}
.star_box::after {
clear: both;
content: "";
display: block;
}
.star_box .star {
background-image: url("/statics/web/europe/images/star.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: orange;
height: 1rem;
position: absolute;
width: 1rem;
z-index: 1;
}
.new-cc{
margin: 0 auto;
margin-top: 1rem;
font-size: 1.2rem;
font-family: "微软雅黑";
position: relative;
color: #444;
height: 3rem;
padding: 0;
line-height: 3rem;
text-align: center;
}
.new-cc-score{
width: 50%;
font-size: .9rem;
float: left;
}
.new-cc-line{
position: absolute;
left: 50%;
top: 50%;
width: 1px;
height: 1em;
background: #dcdcdc;
cursor: pointer;
margin-top: -0.5em;
}
.new-cc-num{
width: 48%;
float: right;
position: relative;
text-indent: 1.6em;
cursor: pointer;
text-align: center;
font-size: 1.1rem;
color: #777;
line-height: 40px;
height: 40px;
}
.star_score{
font-size: 1.1rem;
margin-left: 0.1rem;
}
.icon-new-star{
background: url(../../../web/mweb/images/star.png)left center no-repeat;
width: 1.4rem;
background-size: contain;
display: inline-block;
font-size: 1.1rem;
}
.icon-new-cc{
background: url(/statics/web3/m/img/2016.5/comment.png) no-repeat;
width: 1.1rem;
height: 1.4rem;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 14px;
left: 26%;
}
/*预订弹出层*/
.order-alert-bg{
position: fixed;
top: 0;
width: 100%;
height: 100%;
max-width: 768px!important;
background: rgba(0,0,0,.5);
z-index: 10;
}
.order-alert{
width: 100%;
background: #f8f8f8;
position: fixed;
max-width: 768px!important;
bottom: 0px;
z-index: 11;
overflow: scroll;
color: #777777;
}
.choose-house-type{
height: 30px;
line-height: 30px;
padding: 10px;
padding-left: 14px;
text-align: left;
font-size: 1.2em;
color: #444444;
}
.house-type-item{
padding: 10px;
margin:0 1rem;
background: #fff;
border: 1px solid #fff;
margin-bottom: 1rem;
font-size: 1rem;
}
.house-type-item.active{
border: 1px solid #FF8000;
}
.house-p-num{
padding: 4px;
}
.house-max-p{
border-bottom: 1px solid #DCDCDC;
}
.house-p-h{
height: 2rem;
line-height: 2rem;
}
.house-max-d{
display: inline-block;
height: 2rem;
margin-right: .5rem;
}
.house-max-l{
display: inline-block;
width: 1px;
height: 1.3rem;
background: #dcdcdc;
margin-top: 0px;
vertical-align: middle;
margin-top: -2px;
}
.house-max-num{
display: inline-block;
}
.house-num p {
text-align: right;
margin-right: 5px;
}
.special-c{
color: #ff8000;
margin: 0px 4px;
}
.no_house_hint{
color:red;
}
.fourth_reserve {
color: #fff;
background: #ff8000;
padding: 2px 10px;
}
.house-fee{
padding: 0 3px;
}
.house-memo{
border-top: 1px solid #DCDCDC;
padding: 10px 3px;
}
.hidden{
display: none;
}
/*立即预定*/
.order-box{
position: fixed;
max-width: 768px!important;
height: 3.5rem;
border-top: 2px solid #f8f8f8;
bottom: 0;
width: 100%;
color: #f19343;
z-index: 1;
background: #f8f8f8;
}
.order-box-item{
width: 20%;
position: relative;
background: #fff;
cursor: pointer;
height: 100%;
}
.order-r-2{
width: 1px;
height: 50px;
position: absolute;
right: 0;
top: 0;
background: #f8f8f8;
}
.order-s{
width: 60%;
background: #ff8000;
text-align: center;
color: #fff;
line-height: 3.5rem;
font-size: 1.25rem;
cursor: pointer;
z-index: 900;
}
.order-s-disable{
background: #999;
}
.icon-qq{
background: url(/statics/web/mweb/images/service.png?v=002) no-repeat;
width: 1.5rem;
height: 1.5rem;
position: absolute;
background-size: 100%;
top: 4px;
left: 50%;
margin-left: -12px;
}
.icon-tel{
background: url(/statics/web/mweb/images/tel.png?v=002) no-repeat;
width: 1.6rem;
height: 1.6rem;
position: absolute;
background-size: contain;
top: 2px;
left: 50%;
margin-left: -12px;
}
.order-box-text{
margin-top: 1.9rem;
text-align: center;
font-size: .9rem;
color: #FF8000;
}
.topsearch .search-wrapper .peoples-box .search-input a.active{
color: #ff8000;
border: orange 1px solid;
}
.topsearch .search-wrapper .peoples-box .search-input .number.new-number{
width: 15em;
}
.topsearch .search-wrapper .peoples-box .search-input ul.new-ul{
width: 39em;
}
.new-number{
position: absolute;
}
.data-item .color-y{
/*color: #ffa800;
border: 1px solid #ffa800;*/
}
.a-block{
display: block;
}
.new-menu i.back-btn.normal{
width: 1rem;
height: 1.5rem;
background: url("/statics/../statics/web3/m/img/search/back.png") no-repeat;
display: block;
background-size: contain;
}
.special-c-off{
text-decoration:line-through;
}
.data-item .input.input-bg{
background: #fff;
border: 1px solid #fff;
}
/*样式更新*/
.comment-box
{
margin: 10px 10px;
}
.comment-box .detail-comment-header
{
float: left;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
overflow: hidden;
}
.comment-box .detail-comment-header img
{
width: 100%;
overflow: hidden;
}
.comment-box p
{
padding-left: 1rem;
width: 80%;
float: right;
color: #444;
font-size: .9rem;
max-height: 4.5rem;
overflow: hidden;
}
.comment-box p:before
{
content: "";
background: url("/statics/web3/m/img/2016.5/icon_befor_douhao.png") no-repeat;
background-size: contain;
width: 1.5rem;
height: 1.5rem;
position: absolute;
margin-top:0;
margin-left: -2rem;
}
.comment-box p:after
{
content: "";
width: 1.5rem;
height: 1.5rem;
position: absolute;
margin-top: .2rem;
right: 1.2rem;
}
.more_box_index
{
padding-bottom: 0.9rem;
padding-top: 0.9rem;
text-align: center;
}
.more_box_index .more_index
{
text-decoration: none;
font-size: 1.1rem;
margin: 0rem auto;
color: #ff8000;
width: 7.143rem;
height: 1.86rem;
line-height: 1.86rem;
display: block;
border: 1px solid #ff8000;
text-align: center;
font-weight: normal;
}
.info_detiel .more_index{
font-weight: normal;
}
.map-address
{
background: #fff;
font-size: 1rem;
line-height: 2.5rem;
width: 85%;
position: absolute;
text-align: center;
margin: -3rem -42.5%;
z-index: 9;
color: #777777;
left: 50%;
}
.map-address div:first-child
{
float: left;
text-align: left;
background: url("/statics/web3/m/img/2016.5/icon_coordinate_black.png") 15px center no-repeat;
background-size: .9rem 1.1rem;
padding-left: 2.5rem;
font-size: .8rem;
}
.service-icon {
text-align: center;
display: inline-block;
width: 25%;
margin-top: 2rem;
margin-bottom: 2rem;
}
.service-icon span
{
width: 100%;
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
display: inline-block;
font-size:.9rem;
height: 45px;
position:relative;
color: #444444;
margin-bottom: -30px;
}
.service-icon img
{
width: 100%;
}
.service-icon>span>.service-moreinfo{
color: #ff8000;
font-size: .9rem;
display: inline-block;
border: 1px solid #ff8000;
line-height: 1rem;
width: 1rem;
height: 1rem;
border-radius: 50%;
margin-left: .4rem;
}
.service-line{
margin-bottom: 1rem;
border-bottom: 1px solid #dcdcdc;
}
.detail-pop-content>div:last-child,.detail-pop-content>p:last-child{
margin-bottom:150px;
}
.price-box
{
margin: 0 10px;
border-bottom: 1px solid #eee;
line-height: 3.5rem;
box-sizing: border-box;
color: #777;
font-size: 1rem;
}
.price-box .fr
{
color: #444;
}
.price-box a{
color: #ff8000;
}
.swiper-box
{
position: relative;
height: 10rem;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #f8f8f8;
}
.header_detiel .swiper-slide img {
height: 100%;
width: 100%;
max-width: 100%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
}
.tj-bs-info
{
position: absolute;
z-index: 3;
max-width: 768px!important;
bottom: 0rem;
width: 100%;
background: #fff;
font-size: .7rem;
color: #777777;
}
/*弹出内容相关样式*/
.detail-header
{
background: #fff;
border-bottom: 1px solid #dcdcdc;
}
.detail-pop-box
{
position: fixed;
top: 0;
min-height: 1028px;
background: #FFFFFF;
z-index: 99999;
max-width: 768px!important;
width: 100%;
}
.detail-menu-center
{
text-align: center;
font-size: 1.2rem;
padding: 10px;
color: #777;
}
.detail-pop-content
{
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
position: absolute;
overflow-y: auto;
overflow-x: hidden;
font-size: 1rem;
margin: 0px 3% 0px;
width: 94%;
}
.detail-pop-content p span{
font-size: .9rem!important;
}
.preferential-box
{
margin: 15px 0;
background: #fff;
text-align: center;
line-height: 1.5;
padding-bottom: 10px;
font-size: 1.2rem;
color: #444444;
}
.preferential-info
{
margin: 10px 20px;
padding: 9px 10px;
font-size: 1.5rem;
color: #ff8000;
border-bottom: 1px solid #dcdcdc;
}
.preferential-title
{
font-size: 1rem;
color: #777777;
}
@font-face {
font-family: 'fontello';
src: url('/statics/web3/m/fonts/fontello.eot?28090095');
src: url('/statics/web3/m/fonts/fontello.eot?28090095#iefix') format('embedded-opentype'),
url('/statics/web3/m/fonts/fontello.woff?28090095') format('woff'),
url('/statics/web3/m/fonts/fontello.ttf?28090095') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontelloreset';
src: url('/statics/web3/m/fontreset/iconfont.eot');
src: url('/statics/web3/m/fontreset/iconfont.eot?#iefix') format('embedded-opentype'),
url('/statics/web3/m/fontreset/iconfont.woff') format('woff'),
url('/statics/web3/m/fontreset/iconfont.ttf') format('truetype'),
url('/statics/web3/m/fontreset/iconfont.svg#iconfont') format('svg');
font-weight: normal;
font-style: normal;
}
.icon-fonts
{
font-family: "fontelloreset";
font-style: normal;
font-weight: normal;
font-size: 2.5rem;
margin: -.9rem;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
line-height: 0em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #666666;
}
.detail-pop-title
{
text-align: center;
font-size: 1rem;
padding-top: 15px;
color: #777;
}
.all-comment-box
{
margin: 10px;
font-size: 1.1rem;
color: #777;
text-align: justify;
padding-bottom: 10px;
border-bottom: 1px solid #f8f8f8;
}
.comment-right{
width: 87%;
padding-left: 6px;
}
.comment-right-info{
}
.comment-right-imgbox{
display: flex;
flex-wrap: wrap;
}
.comment-right-imgbox >.upImg{
display: inline-flex;
width: 31%;
height: 6.64rem;
background: #eee;
cursor: pointer;
margin:0 8px 8px 0
}
.comment-right-imgbox >.upImg:nth-child(3n){
margin:0 0 8px 0
}
.comment-right-imgbox >.upImg>img{
display: none;
width: 100%;
height: 100%;
}
.comment-right-imgbox >.upImg>.showVideo{
margin: auto;
max-width: 100%;
}
/* 晒单显示 */
.show_drying{
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #999;
z-index: 100000;
}
.show_drying .showVideo{
margin: auto;
max-width: 100%;
}
.swiper-container-drying{
position: relative;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-drying{
height: 80vh;
}
.swiper-drying #dryingVideo{
max-width: 100%;
}
.swiper-drying .swiper-slide >img{
width: 100%;
max-height: 100% !important;
}
.swiper-drying .swiper-slide{
display: flex;
align-items: center;
justify-content: center;
background: #999;
}
.showVideo_li{
width:100%;
background: #999;
display: flex;
align-items: center;
justify-content: center;
}
.showVideo_li>.showVideo{
width: 100%;
max-width: 100%;
height: 14rem;
}
video::-internal-media-controls-download-button{display:none;}
.all-comment-header
{
float: left;
width: 2.5rem;
height: 2.5rem;
border-radius:50% ;
overflow: hidden;
}
.all-comment-header img
{
width: 100%;
}
.detail-comment-go-btn
{
text-align: center;
padding: .5rem 0;
position: fixed;
bottom: 0px;
width: 100%;
max-width: 768px!important;
background: #f8f8f8;
font-size: 1.2rem;
color: #fff;
border-top: 1px solid #dcdcdc;
background: #ff8000;
}
.moreinfo-breakfast{
background-color:rgba(0,0,0,0.3);
position: fixed;
top: 0;
min-height: 800px;
max-width: 768px!important;
z-index: 100000;
width: 100%;
display:none;
}
.breakfast-container{
border-radius:8px;
background-color:#ffffff;
overflow:hidden;
height:auto;
}
.breakfast-title{
width:100%;
font-size:1.2rem;
line-height:2.5rem;
color:#333333;
text-align:center;
margin-top:5px;
border-bottom:1px solid #cccccc;
}
.breakfast-detail{
width:90%;
font-size:0.9rem;
color:#666666;
margin:10px auto;
text-align:justify;
}
.comment-info{
font-size: 1rem;
}
.comment-time{
font-size: .8rem;
}
.data-item-box{
display: flex;
background: #FFFFFF;
padding: .7rem 0;
}
/****/
/*! jQuery UI - v1.11.4 - 2016-01-12
* http://jqueryui.com
* Includes: core.css, datepicker.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-datepicker {
width: 100%;
/*padding: .2em .2em 0;*/
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2rem 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8rem;
height: 1.8rem;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -4px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3rem;
line-height: 1.8rem;
text-align: center;
font-size: .9rem;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1rem;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9rem;
border-collapse: collapse;
margin: 0 0 .4rem;
}
.ui-datepicker th {
padding: .7rem .3rem;
text-align: center;
font-weight: bold;
border: 0;
font-size: .9rem;
}
.ui-datepicker td {
border: 0;
padding: 1px;
font-size: .8rem;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2rem;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7rem 0 0 0;
padding: 0 .2rem;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5rem .2rem .4rem;
cursor: pointer;
padding: .2rem .6rem .3rem .6rem;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4rem;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1rem 3px .4rem;
cursor: pointer;
min-height: 0; /* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2rem;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2rem;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1rem;
}
.ui-widget .ui-widget {
font-size: 1rem;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1rem;
}
.ui-widget-content {
/*border: 1px solid #dddddd;*/
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
/*border: 1px solid #dddddd;*/
/*background: #e9e9e9;*/
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
/*border: 1px solid #c5c5c5;*/
/*background: #f6f6f6;*/
text-align: center;
font-weight: normal;
color: #454545;
width: 1.7rem;
height: 1.7rem;
line-height: 1.7rem;
font-size: .9rem;
border-radius: 50%;
margin: 0 auto;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #454545;
text-decoration: none;
}
.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 {
background: #ffa800;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #2b2b2b;
text-decoration: none;
}
.ui-state-active,
.ui-state-active1,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
background: #ff8000;
border-radius: 50%;
font-weight: normal;
color: #ffffff;
}
.ui-state-default.ui-state-unactive{
background: #7a7a7a;
border-radius: 50%;
font-weight: normal;
color: #ffffff;
text-decoration:line-through;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: .9rem;
height: .9rem;
}
.ui-icon,
.ui-widget-content .ui-icon {
background: url(/statics/web/mweb/images/arrow-left.png);
background-size: contain;
}
.ui-widget-header .ui-icon {
background: url(/statics/web/mweb/images/arrow-right.png);
background-size: contain;
}
.ui-widget-header .ui-icon.ui-icon-right{
background: url(/statics/web/mweb/images/arrow-left.png);
background-size: contain;
}
.ui-state-default .ui-icon {
background-image: url("../../../web/mweb/css/images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("../../../web/mweb/css/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("../../../web/mweb/css/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("../../../web/mweb/css/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("../../../web/mweb/css/images/ui-icons_cc0000_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
/*border-top-left-radius: 3px;*/
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
/*border-top-right-radius: 3px;*/
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
/*border-bottom-left-radius: 3px;*/
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
/*border-bottom-right-radius: 3px;*/
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
margin: 0px 0 0 0px;
padding: 5px;
background: #666666;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
border-radius: 8px;
}