body#butler{
    height: 100%!important;
    background: url(http://static.xitaoinfo.com/v4/butler_v2/butler_bg.jpg) center 105px no-repeat;
}
.wedding--center{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 115px;
}
.butler--select-wrap{
    position: relative;
    width: 1180px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    display: none;
}
.butler--select-wrap.show{
    display: block;
}
.butler--main-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
    text-align: center;
    display: none;
}
.butler--main-wrap.show{
    display: block;
}
.select--logo-wrap{
    margin: 60px auto 0;
    display: inline-block;
    color: #666666;
}
.step--start  .select--logo-wrap{
    height: 70px;
    padding: 0px 0 0px 80px;
    background: url(http://static.xitaoinfo.com/v4/butler_v2/tool_budget_logo.png) left 2px no-repeat;
}
.select--type-wrap{
    padding: 42px 0;
    width: 1200px;
}
.select--type-wrap.tac{
    text-align: center;
}
.select--type-wrap.tac .select--type-item{
    float: none;
    display: inline-block;
}
.select--type-item{
    position: relative;
    float: left;
    width: 360px;
    height: 420px;
    margin: 0 20px;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.13);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.type--item-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.23;
    border-radius: 12px;
    filter:alpha(opacity = 23);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.type--item-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.select--type-item:hover .type--item-bg{
    opacity: 0.5;
    filter:alpha(opacity = 50);
}
.select--type-desc{
    margin: 0 auto;
    padding:200px 20px 0;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
}
.select--type-desc span{
    font-size: 36px;
}
.select--type-descen{
    padding: 5px 0;
    letter-spacing: 3.2px;
    line-height: 1.09;
    color: #ffffff;
    font-size: 11px;
}
.select--type-icon{
    display: inline-block;
    width: 100%;
    height: 30px;
    margin:20px 0;
}
.select--type-icon .iconfont{
    color: #fff;
    font-size: 33px;
}
.type--photo .select--type-icon .iconfont{
    position: relative;
    top: -2px;
    font-size: 37px;
}
.type--hotel .select--type-icon .iconfont{
    position: relative;
    top: -6px;
    font-size: 38px;
}
.select--type-line{
    display: block;
    width: 30px;
    height: 4px;
    margin: 5px auto 0;
    background-color: #ffffff;
}

/*选择服务界面*/
.select--nav{
    position: relative;
    z-index: 1;
    height: 60px;
    line-height: 60px;
    text-align: left;
    font-size: 16px;
    color: #fff;
}
.select--nav span{
    position: relative;
    top: 1px;
}
.select--nav1{
    color: #fff;
    cursor: pointer;
}
.select--nav1:hover{
    color: #fff;
    text-shadow: 0 1px 2px rgba(255,255,255,0.5);
}
.select--nav-type{
    color: #fff;
}
.select--wrap-center{
    padding: 20px 0 ;
    /*overflow-y: auto;*/
}
/*.step0 .select--wrap-center{*/
    /*padding: 0;*/
    /*!*overflow-y: auto;*!*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0;*/
/*}*/
.select--scroll-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.step0 .select--title-wrap{
    margin-top: 0;
    text-align: center;
}
.select--title{
    color: #ffffff;
}
.select--title-text{
    display: inline-block;
    width: 595px;
    height: 40px;
    background: url(http://static.xitaoinfo.com/v4/butler_v2/butler_title.png) center no-repeat;
}
.select--title-icon .iconfont{
    font-size: 68px;
    color: #fff;
}
.step--start .select--title{
    font-size: 42px!important;
    font-weight: 300!important;
    padding-top: 35px!important;
}
.step--start .select--title-tip{
    font-weight: 500;
}
.desc--en{
    font-family: Helvetica, Arial, sans-serif;
}
.select--title-en{
    padding-top: 6px;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 4px;
}
.select--title-line{
    display: block;
    width: 80px;
    height: 14px;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
}
.select--logo-title{
    padding-top: 5px;
    color: #ffffff;
    font-size: 26px;
    text-align: left;
    text-shadow: 0 1px 5px #333;
}
.select--logo-tip{
    display: block;
    line-height: 28px;
    color: #ffffff;
    font-size: 16px;
}
.step0 .select--title{
    padding-top: 5px;
    line-height: 1.22;
    color: #ffffff;
    font-size: 32px;
}
.step0 .select--title-tip{
    font-size: 16px;
}
.select--content-wrap{
    margin-top: 103px;
}
.select--content-item{
    position: relative;
    display: inline-block;
    width: 180px;
    height: 180px;
    /*line-height: 180px;*/
    margin: 0 15px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
}
.content--item-bg{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #000;
    opacity: 0.46;
    filter:alpha(opacity=46);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.select--content-item img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.photoStyle{
    width: 800px;
    margin: 13px auto 0;
}
.tripCity{
    width: 840px;
    margin: 80px auto 0;
}
.photoStyle .select--content-item{
    float: left;
    width: 180px;
    height: 180px;
    border-radius: 10px;
    margin: 10px;
}
.photoStyle .content--item-text,
.hotelStyle .content--item-text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    padding-bottom: 5px;
    line-height: 35px;
    font-size: 18px;
}
.tripCity .select--content-item{
    line-height: 180px;
}
.tripCity .content--item-text{
    font-size: 28px;
}
.hotelArea{
    width: 822px;
    margin:50px auto 0;
}
.hotelArea .select--content-item{
    float: left;
    width: 165px!important;
    height: 50px!important;
    line-height: 50px!important;
    border-radius: 4px;
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: solid 1px #ff7385;*/
    background: url(http://static.xitaoinfo.com/v4/butler_v2/block_gray59.png) repeat;
    color: #fff;
    margin: 0 8px 30px;
    overflow: visible;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.hotelArea .select--content-item.active{
    background: #83589b;
}
/*.hotelArea .select--content-item.active{*/
    /*background-color: transparent;*/
/*}*/
.hotelArea .select--content-item.selected{
    background: #83589b;
}
.district--wrap{
    position: absolute;
    top: 72px;
    left: 50%;
    width: 360px;
    padding: 10px;
    margin-left: -180px;
    border-radius: 3px;
    background-color: #fafafa;
    border: solid 1px #f2f2f2;
    display: none;
    z-index: 3;
    outline: none;
}
.select--content-item.active .district--wrap{
    display: block;
}
.select--content-item.selected .district--wrap{
    display: none;
}
.district--item{
    float: left;
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    border-radius: 4px;
    background-color: transparent;
    font-size: 16px;
    color: #666666;
    overflow: hidden;
}
.district--item:hover{
    background-color: #83589b;
    color: #fff;
}
.district--item:active{
    background-color: #83589b;
    color: #fff;
}
.butler--arrow{
    position: absolute;
    top: -40px;
    left: 50%;
    width: 168px;
    height: 40px;
    margin-left: -84px;
    display: block;
    z-index: 1;
}
.butler--arrow-inner1{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    margin-left: -18px;
    display: block;
    border: 18px solid transparent;
    border-bottom-color: #fafafa;
    z-index: 2;
}
.butler--arrow-inner2{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    margin-left: -20px;
    display: block;
    border: 20px solid transparent;
    border-bottom-color: #f2f2f2;
    opacity: 0.8;
}
.tripCity .select--content-item{
    float: left;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin: 10px 15px;
    overflow: hidden;
}
.select--content-item.active .content--item-mask{
    /*border: solid 3px #ff7385;*/
    /*background-color: rgba(0, 0, 0, 0.5);*/
    opacity: 0.50;
    filter:alpha(opacity=50);
}
.photoStyle .select--content-item.active .content--item-mask{
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter:alpha(opacity=100);
}
.ie .photoStyle .select--content-item.active .content--item-mask{
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
}
.tripCity  .select--content-item.active .content--item-mask{
    border: none;
}
.content--item-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity:0;
    filter:alpha(opacity=0);
    /*display: none;*/
    z-index: 1;
    border-radius: 10px;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.budget .content--item-mask,
.table .content--item-mask{
    border-radius: 50%;
}
.style .content--item-mask{
    opacity:1;
    filter:alpha(opacity=100);
    background-color: rgba(0, 0, 0, 0.5);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.ie .style .content--item-mask{
    opacity:0;
    filter:alpha(opacity=0);
    background-color: #000;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.select--content-item:hover .content--item-mask{
    opacity:0.5;
    filter:alpha(opacity=50);
}
.style .select--content-item:hover .content--item-mask{
    opacity:1;
    filter:alpha(opacity=100);
    background-color: rgba(0, 0, 0, 0.5);
}
.ie .style .select--content-item:hover .content--item-mask{
    background-color: #000;
    opacity:0.5;
    filter:alpha(opacity=50);
}
.tripCity .content--item-bg{
    display: none;
}
.tripCity .content--item-mask{
    opacity:0.50;
    filter:alpha(opacity=50);
    border-radius: 50%;
    /*background-color: rgba(0, 0, 0, 0.22);*/
}
.tripCity .select--content-item.active .content--item-mask,
.tripCity .select--content-item:hover .content--item-mask{
    opacity:0.20;
    filter:alpha(opacity=20);
}
/*.style .content--item-mask,*/
/*.tripCity .content--item-mask{*/
   /*display: block;*/
/*}*/
.content--itemdot-wrap{
    position: relative;
    z-index: 1;
    width: 70px;
    height: 84px;
    margin: 30px auto 8px;
}
.content--item-dot{
    float: left;
    width: 8px;
    height: 8px;
    margin: 3px;
    border-radius: 50%;
    background-color: #d8d8d8;
}
.dot-list5 .content--item-dot,
.trip .dot-list4 .content--item-dot,
.photoPrice .dot-list4 .content--item-dot,
.hotelPrice .bg1  .dot-list4 .content--item-dot,
.trip .bg1 .dot-list3 .content--item-dot,
.photoPrice .bg1 .dot-list3 .content--item-dot,
.hotelPrice .bg2  .dot-list4 .content--item-dot,
.hotelPrice .bg2  .dot-list3 .content--item-dot,
.trip .bg2 .dot-list3 .content--item-dot,
.photoPrice .bg2 .dot-list3 .content--item-dot,
.trip .bg2 .dot-list2 .content--item-dot,
.photoPrice .bg2 .dot-list2 .content--item-dot,
.hotelPrice .bg3  .dot-list4 .content--item-dot,
.hotelPrice .bg3  .dot-list3 .content--item-dot,
.hotelPrice .bg3  .dot-list2 .content--item-dot,
.trip .bg3 .dot-list3 .content--item-dot,
.photoPrice .bg3 .dot-list3 .content--item-dot,
.trip .bg3 .dot-list2 .content--item-dot,
.photoPrice .bg3 .dot-list2 .content--item-dot,
.trip .bg3 .dot-list1 .content--item-dot,
.photoPrice .bg3 .dot-list1 .content--item-dot,
.hotelPrice .bg4  .dot-list4 .content--item-dot,
.hotelPrice .bg4  .dot-list3 .content--item-dot,
.hotelPrice .bg4  .dot-list2 .content--item-dot,
.hotelPrice .bg4  .dot-list1 .content--item-dot{
    background-color: #fecb33;
}

.content--itemcup-wrap{
    position: relative;
    z-index: 1;
    width: 150px;
    height: 40px;
    margin: 65px auto 10px;
}
.content--item-cup{
    float: left;
    width: 22px;
    height: 40px;
    margin: 0 4px;
    background-image: url(http://static.xitaoinfo.com/v4/butler_v2/butler_table_gray.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.item--cup0,
.item--cup1,
.bg1 .item--cup2,
.bg2 .item--cup2,
.bg2 .item--cup3,
.bg3 .item--cup2,
.bg3 .item--cup3,
.bg3 .item--cup4{
    background-image: url(http://static.xitaoinfo.com/v4/butler_v2/butler_table_yellow.png);
}
.content--item-text{
    position: relative;
    z-index: 1;
}
.content--item-selected{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 40px 0 0 -30px;
    text-align: center;
    display: none;
    z-index: 1;
}
.photoStyle .content--item-selected,
.hotelStyle .content--item-selected{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
}
.tripCity .content--item-selected{
    margin: 14px 0 0 -30px;
}
.active .content--item-selected {
    display: block;
}
.hotelArea  .content--item-selected {
    display: none;
}
.content--item-selected .iconfont{
    font-size: 18px;
    color: #fff;
}
.photoStyle .content--item-selected .iconfont,
.hotelStyle .content--item-selected .iconfont{
    font-size: 24px;
}
/*.hotelTable .select--content-item.bg0{*/
    /*background-color: #54ccff;*/
/*}*/
/*.hotelTable .select--content-item.bg1{*/
    /*background-color: #54afff;*/
/*}*/
/*.hotelTable .select--content-item.bg2{*/
    /*background-color: #5493ff;*/
/*}*/
/*.hotelTable .select--content-item.bg3{*/
    /*background-color: #6b66fa;*/
/*}*/


/*步骤step界面*/
.select--wrap-footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    text-align: center;
}
.footer--step-btn{
    position: absolute;
    bottom: 120px;
    left: 50%;
    width: 137px;
    height: 40px;
    margin-left: 420px;
    padding-left: 12px;
    line-height:40px;
    border-radius: 25px;
    background-color: #83589b;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.footer--step-btn:hover{
    background-color: #7A4C99;
    color: #fff;
}
.footer--step-btn.hide{
    opacity: 0;
    filter:alpha(opacity=0);
    cursor: default;
}
.footer--step-btn .iconfont{
    color: #fff;
    padding-left: 10px;
}
.footer--step-wrap{
    position: relative;
    width: 100%;
    height: 83px;
    margin-top: 17px;
    padding-top: 10px;
    background: url(http://static.xitaoinfo.com/v4/butler_v2/block_gray59.png) repeat;
    /*background-color: rgba(0,0,0,0.59);*/
}
.footer--step-list{
    position: relative;
    display: inline-block;
    height: 40px;
}
.footer--step-item{
    position: relative;
    float: left;
    width: 32px;
    height: 32px;
    line-height: 30px;
    margin: 0 54px;
    border-radius: 50%;
    background-color: #fff;
    opacity:0.5;
    filter: alpha(opacity=50);
    color: #4d4b4b;
    font-size: 20px;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.footer--step-item.active{
    opacity:1;
    filter: alpha(opacity=100);
}
.footer--step-item:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.step--result{
    line-height: 36px;
}
.step--result .iconfont{
    font-size: 30px;
    font-weight: bold;
    color: #4d4b4b;
}
/*footer*/
.footer--step-processwrap{
    position: absolute;
    top: -27px;
    left: 50%;
    height: 17px;
    width: 10000px;
    margin-left: -5000px;
    z-index: 1;

}
.footer--step-processbg{
    float: left;
    width: 4986px;
    height: 100%;
    /*background-color: rgba(0,0,0,0.59);*/
    background: url(http://static.xitaoinfo.com/v4/butler_v2/block_gray59.png) repeat;
    transition: width 0.3s;
}
.footer--step-processarrow{
    position: relative;
    float: left;
    width: 27px;
    height: 100%;
    background: url(http://static.xitaoinfo.com/v4/butler_v2/bottom_arrow.png) center no-repeat;
}
/*.footer--step-processarrow i{*/
    /*float: left;*/
    /*width: 0;*/
    /*border: 7px solid transparent;*/
/*}*/
/*.process--arrow-left{*/
    /*border-left-color: rgba(0, 0, 0, 0.59);*/
    /*border-bottom-color: rgba(0, 0, 0, 0.59);*/
/*}*/
/*.process--arrow-right{*/
    /*border-right-color: rgba(0, 0, 0, 0.59);*/
    /*border-bottom-color: rgba(0, 0, 0, 0.59);*/
/*}*/
/*.footer--step-line{*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left:0;*/
    /*margin-top: -1px;*/
    /*width: 100%;*/
    /*height: 3px;*/
    /*background-color: #f2f2f2;*/
/*}*/
/*.footer--step-processwrap{*/
    /*position: relative;*/
    /*padding: 0 90px;*/
    /*z-index: 1;*/
/*}*/
/*.footer--step-process{*/
    /*display: block;*/
    /*position: relative;*/
    /*top: 20px;*/
    /*left: 0;*/
    /*margin-top: -1px;*/
    /*width: 0;*/
    /*height: 3px;*/
    /*background-color: #ff7385;*/
    /*-webkit-transition: width 0.3s;*/
    /*-moz-transition: width 0.3s;*/
    /*-ms-transition: width 0.3s;*/
    /*-o-transition: width 0.3s;*/
    /*transition: width 0.3s;*/
/*}*/
/*!*.active .footer--step-process{*!*/
    /*!*width: 100px;*!*/
/*!*}*!*/
/*.first .footer--step-process{*/
    /*display: none;*/
/*}*/

/*结果页*/
.select--result{
    width: 1000px;
    padding: 23px 80px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #f2f2f2;
    text-align: left;
}
.select--result-item{
    display: inline-block;
    width: 50%;
    font-size: 18px;
    line-height: 26px;
    color: #999;
}
.select--result-page .select--title {
    padding-top: 26px;
    font-size: 42px;
    width: 740px;
    text-align: left;
    margin: 0 auto;
}
.select--result-page .select--title-tip {
    font-size: 18px;
}
.make--it-title{
    color: #ffffff;
    font-size: 42px;
    font-weight: 500;
}
.result--tip-wrap{
    padding-top: 56px;
}
.result--tip-item{
    display: inline-block;
    width: 200px;
    text-align: center;
}
.result--tip-icon{
    display: inline-block;
    width: 77px;
    height: 77px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.result--tip-btn{
    display: inline-block;
    width: 100%;
    padding-top: 28px;
    font-size: 18px;
    color: #666666;
}
.butler--mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
    z-index: 3;
    display: none;
}
.butler--mask.show{
    display: block;
}
.result--loading{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 325px;
    height: 238px;
    margin: -120px 0 0 -162px;
    border-radius: 10px;
    background-color: #ffffff;
    text-align: center;
    z-index: 4;
    display: none;
    overflow: hidden;
}
.result--loading.show{
    display: block;
}
.loading--text{
    position: relative;
    padding-top: 48px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #666666;
}
.loading--icon{
    display: inline-block;
    margin: -100px 0 0 -40px;
    width: 400px;
    height: 300px;
    background: url(http://static.xitaoinfo.com/v4/butler/loading.gif) center no-repeat;
}
.butler--order-wrap{
    width: 324px;
    margin: 90px auto 20px;
}
.butler--order-input{
    width: 324px;
    height: 50px;
    line-height: 48px;
    border-radius: 4px;
    background-color: #BD9BD6;
    background-color: rgba(255, 255, 255, 0.24);
    border: solid 1px #ffffff;
    /*border: solid 1px #c5c5c5;*/
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.butler--order-btn{
    display: block;
    width: 324px;
    height: 50px;
    line-height: 48px;
    border-radius: 4px;
    background-color: #ff7385;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.butler--order-btn:hover{
    background-color: #ff596f;
}
.result--success{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 600px;
    margin: -300px 0 0 -250px;
    border-radius: 10px;
    background-color: #ffffff;
    text-align: center;
    display: none;
    z-index: 5;
}
.result--success.show{
    display: block;
}
.result--success .select--title{
    font-size: 36px;
    color: #ff7385;
    margin-top: 60px;
}
.result--success .select--title-tip{
    font-size: 18px;
    color: #666666;
}

.success--tip-wrap{
    width: 100%;
    margin-top: 40px;
}

.success--tip-contain{
    display: inline-block;
    text-align: left;
}
.success--tip-item{
    height: 72px;
    line-height: 32px;
    padding: 20px 0;
}
.success--tip-icon{
    width: 32px;
    height: 32px;
    margin-right: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
}
.success--tip-text{
    font-size: 18px;
    color: #666666;
}
.butler--home-btn{
    display: inline-block;
    width: 309px;
    height: 50px;
    margin: 40px 0 20px;
    line-height: 48px;
    border-radius: 4px;
    background-color: #ff7385;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.butler--home-btn:hover{
    background-color: #ff596f;
}
.success--link{
    color: #4d4b4b;
}
.success--link:hover{
    color: #ff7385;
}


.modal--alert{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 5;
}

.modal--tip-wrap{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -100px;
    text-align: center;
}

.modal--tip{
    display: inline-block;
    padding: 15px 20px;
    overflow: hidden;
    background: url(http://static.xitaoinfo.com/v4/butler_v2/block_gray59.png) repeat;
    /*background-color: rgba(0, 0, 0, 0.56);*/
    /*box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.4);*/
    z-index: 1;
    text-align: center;
    color: #fff;
}

.footer{
    height: 0!important;
    opacity: 0!important;
}
.l .wedding--banner {
    height: 350px;
}
.l .home--tip-icon {
    width: 160px;
    height: 160px;
}
.l .home--tip-text {
    padding-top: 0;
    font-size: 20px;
}
.l .home--tip-text em {
    font-size: 30px;
}
.l .wedding--butler-entrance {
    width: 280px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    margin: 60px auto 20px;
}
.l .select--content-wrap{
    margin-top: 80px;
}
/*.l .select--content-item{*/
    /*width: 140px;*/
    /*height: 140px;*/
    /*line-height: 140px;*/
/*}*/
.l .select--nav{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.l .butler--main-wrap{
    padding-bottom: 80px;
}
.l .select--title{
    font-size: 26px;
}
.l .select--title-tip{
    font-size: 14px;
}
.l .photoStyle {
    width: 720px;
    margin: 13px auto 0;
}
.l .photoStyle .select--content-item {
    width: 160px;
    height: 160px;
    margin: 10px;
}
.l .photoStyle .content--item-text,
.l .hotelStyle .content--item-text {
    font-size: 16px;
}
/*.l .hotelArea {*/
    /*width: 840px;*/
    /*margin: 30px auto 0;*/
/*}*/
/*.l .district--wrap {*/
    /*top: 70px;*/
/*}*/
.l .footer--step-btn{
    bottom: 100px;
}
.l .select--wrap-footer{
    height: 80px;
}
/*.l .footer--step-btn {*/
    /*width: 200px;*/
    /*height: 45px;*/
    /*line-height: 45px;*/
    /*font-size: 20px;*/
/*}*/
.l .footer--step-wrap {
    margin-top: 25px;
}
.l .select--result {
    padding: 15px 100px;
}
.l .select--result-page .select--title {
    padding-top: 20px;
    font-size: 36px;
}
.l .select--result-page .select--title-tip {
    font-size: 16px;
}
.l .result--tip-wrap {
    padding-top: 30px;
}
.l .result--tip-icon {
    width: 60px;
    height: 60px;
}
.l .result--tip-btn {
    padding-top: 16px;
    font-size: 16px;
}
.l .butler--order-wrap {
    width: 260px;
    margin: 39px auto 20px;
}
.l .butler--order-input {
    width: 260px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    margin-bottom: 15px;
}
.l .butler--order-btn {
    position: relative;
    z-index: 1;
    width: 260px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
}
.l .result--success {
    width: 400px;
    height: 400px;
    margin: -170px 0 0 -200px;
}
.l .result--success .select--title {
    font-size: 30px;
    margin-top: 30px;
}
.l .result--success .select--title-tip {
    font-size: 16px;
}
.l .success--tip-wrap {
    margin-top: 10px;
}
.l .success--tip-item {
    height: 52px;
    line-height: 32px;
    padding: 10px 0;
}
.l .success--tip-text {
    font-size: 16px;
}
.l .butler--home-btn {
    width: 260px;
    height: 45px;
    margin: 20px 0 10px;
    line-height: 45px;
    font-size: 18px;
}
.m .wedding--banner {
    height: 320px;
}
.m .home--tip-icon {
    width: 140px;
    height: 140px;
}
.m .home--tip-text {
    font-size: 18px;
}
.m .home--tip-text em {
    font-size: 26px;
}
.m .wedding--butler-entrance {
    width: 260px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    margin: 20px auto;
}
.m .select--content-wrap{
    margin-top: 50px;
}
.m .step--start .select--logo-wrap {
    margin: 60px auto 0;
}
.m .select--type-wrap {
    padding: 30px 0;
}
.w960 .hotelPrice  .select--content-item,
.m .select--content-item{
    width: 140px;
    height: 140px;
}
.m .tripCity .select--content-item{
    line-height: 140px;
}
.m .select--nav{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.m .select--title{
    font-size: 26px;
}
/*.m .step--start .select--logo-wrap {*/
    /*padding: 10px 0 10px 90px;*/
/*}*/
.m .select--title-tip{
    font-size: 14px;
}
.m .hotelArea {
    margin: 13px auto 0;
}
.m .photoStyle {
    width: 630px;
    margin: 13px auto 0;
}
.m .photoStyle .select--content-item {
    width: 140px;
    height: 140px;
    margin: 6px 8px;
}
.m .photoStyle .content--item-text,
.m .hotelStyle .content--item-text {
    font-size: 16px;
}
/*.m .footer--step-btn {*/
    /*width: 180px;*/
    /*height: 36px;*/
    /*line-height: 36px;*/
    /*font-size: 18px;*/
/*}*/
.m .footer--step-wrap {
    margin-top: 20px;
}
.m .select--result {
    padding: 15px 100px;
}
.m .select--result-page .select--title-tip {
    font-size: 16px;
}
.m .result--tip-wrap {
    padding-top: 30px;
}
.m .result--tip-icon {
    width: 60px;
    height: 60px;
}
.m .result--tip-btn {
    padding-top: 16px;
    font-size: 16px;
}
.m .butler--order-wrap {
    width: 260px;
    margin: 39px auto 20px;
}
.m .butler--order-input {
    width: 260px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    margin-bottom: 15px;
}
.m .butler--order-btn {
    position: relative;
    z-index: 1;
    width: 260px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
}
.m .result--success .select--title {
    font-size: 30px;
    margin-top: 30px;
}
.m .result--success .select--title-tip {
    font-size: 16px;
}
.m .success--tip-wrap {
    margin-top: 10px;
}
.m .success--tip-item {
    height: 52px;
    line-height: 32px;
    padding: 10px 0;
}
.m .success--tip-text {
    font-size: 16px;
}
.m .butler--home-btn {
    width: 260px;
    height: 45px;
    margin: 20px 0 10px;
    line-height: 45px;
    font-size: 18px;
}
.w960 .hotelPrice  .content--itemdot-wrap,
.m .content--itemdot-wrap{
    width: 50px;
    height: 60px;
    margin: 20px auto 2px;
}
.m .content--itemcup-wrap{
    width: 120px;
    height: 30px;
    margin: 42px auto 10px;
}
.w960 .hotelPrice  .content--item-dot,
.m .content--item-dot{
    width: 6px;
    height: 6px;
    margin: 2px;
}
.w960 .hotelPrice .content--item-selected,
.m .budget .content--item-selected,
.m .table .content--item-selected{
    margin: 22px 0 0 -30px;
}
.m .budget .content--item-text,
.m .table .content--item-text{
    font-size: 16px;
}
.m .content--item-cup{
    width: 16px;
    height: 30px;
}
.s .select--content-wrap.hotelArea{
    display: inline-block;
}
.s .photoStyle {
    padding: 0 0 10px 0;
    overflow: hidden;
}
.s .tripCity,
.s .trip{
    overflow: hidden;
}
.s .footer--step-btn.hide {
    display: none;
}
.butler--select-wrap.w960{
    width: 960px;
}
.w960 .select--type-item{
    width: 300px;
    height: 383px;
    margin: 0 10px;
}
.w960 .select--type-desc{
    font-size: 16px;
}
.w960 .select--type-desc span {
    font-size: 30px;
}
.butler--order-input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.butler--order-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
.butler--order-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
.butler--order-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}

/*app-scrollbar start*/
::-webkit-scrollbar {
    width:6px;
}
::-webkit-scrollbar-track {
    background-color:#F1F1F1;
}
::-webkit-scrollbar-thumb {
    height: 10%;
    background-color:#83589b;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#7A4C99;
}