@charset "utf-8";

/**************************************************
	reset
**************************************************/

html {
    height: 100%;
    width: 100%;
    font-family: "-apple-system", "Helvetica", "Microsoft YaHei", "Ping Hei", "Arial";
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    outline: 0;
    /*
	vertical-align: baseline
	line-height:normal
	*/
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    white-space: normal;
}

body {
    min-width: 320px;
    font-size: 0.55rem;
    color: #666;
    font-family: "-apple-system", "Helvetica", "Microsoft YaHei", "Ping Hei", "Arial";
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-user-select: none;
    /*overflow-x: hidden;*/
    background-color: #F2F4F6;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
iframe,
.t-block {
    display: block;
}

button {
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    /*font-weight: 500;*/
    font-weight: 400;
}

address,
cite,
dfn,
em,
var,
i,
strong {
    font-style: normal;
    font-weight: 400;
}

img {
    display: block;
    border: 0;
    max-width: 100%;
    height: auto;
    background: url(../../../images/common/logo.png) no-repeat center center;
    background-size: 25%;
}

.item-tr img,
.item-td img {
    background: #f3f7fd url(../../../images/common/logo.png) no-repeat center center;
    background-size: 25%;
}

dfn {
    font-family: Arial;
}

ul,
ol {
    list-style: none;
}

a {
    color: #6699CC;
    text-decoration: none;
}

    a:hover {
        -webkit-transition: color .2s linear;
        -moz-transition: color .2s linear;
        -ms-transition: color .2s linear;
        -o-transition: color .2s linear;
        transition: color .2s linear;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

fieldset,
img,
button,
input {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
    font-family: "Microsoft YaHei", "Ping Hei", "Arial";
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding-right: 20px;
    width: 100%;
    font-size: 20px;
    margin-right: 10px;
}

input[disabled] {
    background: #fff;
}

:focus {
    outline: 0;
}

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
}

.clearfix {
    *zoom: 1;
}

input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="phone"]:-moz-placeholder,
input[type="password"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="phone"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="phone"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
    color: #ccc;
}

input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="phone"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
    color: #ccc;
}

.dialog .mgt {
    margin-top: 0.43rem;
}

.mgr {
    margin-right: 1rem;
}


/**************************************************
	reset end
**************************************************/


/**************************************************
	全站，公共图标字体
**************************************************/

@font-face {
    font-family: 'icomoon';
    src: url('../../lib/fonts/common/icomoon-1.0.eot?20190509');
    src: url('../../lib/fonts/common/icomoon-1.0.eot?20190509#iefix') format('embedded-opentype'), url('../../lib/fonts/common/icomoon-1.0.ttf?20190509') format('truetype'), url('../../lib/fonts/common/icomoon-1.0.woff?20190509') format('woff'), url('../../lib/fonts/common/icomoon-1.0.svg?20190509#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #bbb;
}

.icon-vip:before {
    content: "\e976";
}

.icon-dui:before {
    content: "\e975";
}

.icon-wait:before {
    content: "\e974";
}

.icon-n-hotel:before {
    content: "\e96d";
}

.icon-n-meal:before {
    content: "\e96e";
}

.icon-n-other:before {
    content: "\e96f";
}

.icon-n-shopping:before {
    content: "\e970";
}

.icon-n-traffic:before {
    content: "\e971";
}

.icon-n-tv:before {
    content: "\e972";
}

.icon-n-visit:before {
    content: "\e973";
}

.icon-home:before {
    content: "\e96c";
}

.icon-find:before {
    content: "\e96b";
}

.icon-taga:before {
    content: "\e965";
}

.icon-tagb:before {
    content: "\e966";
}

.icon-tagc:before {
    content: "\e967";
}

.icon-zan:before {
    content: "\e968";
}

.icon-champion:before {
    content: "\e969";
}

.icon-switch:before {
    content: "\e96a";
}

.icon-shop:before {
    content: "\e964";
}

.icon-dd:before {
    content: "\e963";
}

.icon-new:before {
    content: "\e962";
}

.icon-bhh:before {
    content: "\e961";
}

.icon-remind:before {
    content: "\e960";
}

.icon-money:before {
    content: "\e95e";
}

.icon-timet:before {
    content: "\e95f";
}

.icon-flower:before {
    content: "\e95d";
}

.icon-qr:before {
    content: "\e95c";
}

.icon-opent:before {
    content: "\e95b";
}

.icon-pay:before {
    content: "\e95a";
}

.icon-activity:before {
    content: "\e959";
}

.icon-plust:before {
    content: "\e958";
}

.icon-rule:before {
    content: "\e957";
}

.icon-cruiseu:before {
    content: "\e952";
}

.icon-visau:before {
    content: "\e953";
}

.icon-aircraftu:before {
    content: "\e954";
}

.icon-ticketu:before {
    content: "\e955";
}

.icon-freeu:before {
    content: "\e956";
}

.icon-time:before {
    content: "\e951";
}

.icon-eyed:before {
    content: "\e950";
}

.icon-qrcode:before {
    content: "\e94f";
}

.icon-bank:before {
    content: "\e94c";
}

.icon-integral:before {
    content: "\e94d";
}

.icon-coupon:before {
    content: "\e94e";
}

.icon-tencent:before {
    content: "\e94b";
}

.icon-qzone:before {
    content: "\e949";
}

.icon-wechatfellow:before {
    content: "\e94a";
}

.icon-binding:before {
    content: "\e93f";
}

.icon-invisible:before {
    content: "\e940";
}

.icon-pwd:before {
    content: "\e941";
}

.icon-password:before,
.icon-limit:before {
    content: "\e943";
}

.icon-captcha:before {
    content: "\e942";
}

.icon-qqpay:before {
    content: "\e944";
}

.icon-alpay:before {
    content: "\e945";
}

.icon-sina:before {
    content: "\e946";
}

.icon-qq:before {
    content: "\e947";
}

.icon-wechat:before {
    content: "\e948";
}

.icon-collectbox:before {
    content: "\e93e";
}

.icon-consult:before {
    content: "\e938";
}

.icon-news:before {
    content: "\e939";
}

.icon-edit:before {
    content: "\e93a";
}

.icon-passenger:before {
    content: "\e93b";
}

.icon-contacts:before {
    content: "\e93c";
}

.icon-contact:before {
    content: "\e93d";
}

.icon-logo:before {
    content: "\e937";
}

.icon-user:before {
    content: "\e935";
}

.icon-3s:before {
    content: "\e936";
}


/* .icon-home:before {
    content: "\e936";
} */

.icon-radio:before {
    content: "\e934";
}

.icon-radiobox:before {
    content: "\e933";
}

.icon-discount:before {
    content: "\e92f";
}

.icon-give:before {
    content: "\e930";
}

.icon-minus:before {
    content: "\e931";
}

.icon-plus:before {
    content: "\e932";
}

.icon-empty:before {
    content: "\e92e";
}

.icon-other:before {
    content: "\e91c";
}

.icon-cruise:before {
    content: "\e91d";
}

.icon-flow:before {
    content: "\e91e";
}

.icon-material:before {
    content: "\e91f";
}

.icon-address:before {
    content: "\e920";
}

.icon-tickett:before {
    content: "\e921";
}

.icon-entertainment:before {
    content: "\e922";
}

.icon-shopping:before {
    content: "\e923";
}

.icon-close:before {
    content: "\e924";
}

.icon-filter:before {
    content: "\e925";
}

.icon-sort:before {
    content: "\e926";
}

.icon-delete:before {
    content: "\e927";
}

.icon-introduce:before {
    content: "\e928";
}

.icon-feature:before {
    content: "\e929";
}

.icon-recommend:before {
    content: "\e92a";
}

.icon-hook:before {
    content: "\e92b";
}

.icon-ticket:before {
    content: "\e92c";
}

.icon-nav:before {
    content: "\e92d";
}

.icon-select:before {
    content: "\e919";
}

.icon-check:before {
    content: "\e91b";
}

.icon-checkbox:before {
    content: "\e91a";
}

.icon-city:before {
    content: "\e917";
}

.icon-search:before {
    content: "\e918";
}

.icon-clip:before {
    content: "\e916";
}

.icon-standard:before {
    content: "\e913";
}

.icon-meal:before {
    content: "\e914";
}

.icon-trip:before {
    content: "\e915";
}

.icon-phone:before {
    content: "\e90d";
}

.icon-chat:before {
    content: "\e900";
}

.icon-collect:before {
    content: "\e901";
}

.icon-comment:before {
    content: "\e902";
}

.icon-cost:before {
    content: "\e903";
}

.icon-date:before {
    content: "\e904";
}

.icon-guidebook:before {
    content: "\e905";
}

.icon-help:before {
    content: "\e906";
}

.icon-hotel:before {
    content: "\e907";
}

.icon-img:before {
    content: "\e908";
}

.icon-link:before {
    content: "\e909";
}

.icon-more:before {
    content: "\e90a";
}

.icon-notice:before {
    content: "\e90b";
}

.icon-open:before {
    content: "\e90c";
}

.icon-replace:before {
    content: "\e90e";
}

.icon-return:before {
    content: "\e90f";
}

.icon-share:before {
    content: "\e910";
}

.icon-traffic:before {
    content: "\e911";
}

.icon-visa:before {
    content: "\e912";
}


/**************************************************
	全站，公共图标字体
	结束
**************************************************/


/**************************************************
	全站，浮动，字体颜色，频道标签，flex布局
**************************************************/


/*春航*/

.m-ch {
}


/*微店*/

.m-shop {
}


/*微信*/

.m-wechat {
}

.hide,
.dn {
    display: none;
}

.ftl {
    float: left
}

.ftr {
    float: right
}

.pnr {
    position: absolute;
    right: 0;
}

.crgreen {
    color: #00BE88
}

.croran {
    color: #FF8844
}

.crred {
    color: #FF6666
}

.crblue {
    color: #6699CC
}

.cryellow {
    color: #f9c850;
}

.cr2 {
    color: #222
}

.cr3 {
    color: #333
}

.cr6 {
    color: #666
}

.cr9 {
    color: #999
}

.cra {
    color: #aaa
}

.crb {
    color: #bbb
}

.crc {
    color: #ccc
}

.cre8 {
    color: #e8e8e8;
}

.bg-grey {
    background-color: #ddd !important;
}

.bg-green {
    background-color: #00BE88 !important;
}

.bg-red {
    background-color: #ff4444;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .flex li,
    .flex .flex-shrink {
        flex-shrink: 0;
    }

    .flex li,
    .flex .flex-1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .flex li.flex-2,
        .flex .flex-2 {
            -webkit-box-flex: 2;
            -moz-box-flex: 2;
            -webkit-flex: 2;
            -ms-flex: 2;
            flex: 2;
        }

        .flex li.flex-3,
        .flex .flex-3 {
            -webkit-box-flex: 3;
            -moz-box-flex: 3;
            -webkit-flex: 3;
            -ms-flex: 3;
            flex: 3;
        }

        .flex li.flex-4,
        .flex .flex-4 {
            -webkit-box-flex: 4;
            -moz-box-flex: 4;
            -webkit-flex: 4;
            -ms-flex: 4;
            flex: 4;
        }

        .flex li.flex-5,
        .flex .flex-5 {
            -webkit-box-flex: 5;
            -moz-box-flex: 5;
            -webkit-flex: 5;
            -ms-flex: 5;
            flex: 5;
        }

        .flex li.flex-6,
        .flex .flex-6 {
            -webkit-box-flex: 6;
            -moz-box-flex: 6;
            -webkit-flex: 6;
            -ms-flex: 6;
            flex: 6;
        }

        .flex li.flex-7,
        .flex .flex-7 {
            -webkit-box-flex: 7;
            -moz-box-flex: 7;
            -webkit-flex: 7;
            -ms-flex: 7;
            flex: 7;
        }

        .flex li.flex-8,
        .flex .flex-8 {
            -webkit-box-flex: 8;
            -moz-box-flex: 8;
            -webkit-flex: 8;
            -ms-flex: 8;
            flex: 8;
        }

        .flex li.flex-9,
        .flex .flex-9 {
            -webkit-box-flex: 9;
            -moz-box-flex: 9;
            -webkit-flex: 9;
            -ms-flex: 9;
            flex: 9;
        }

        .flex li.flex-10,
        .flex .flex-10 {
            -webkit-box-flex: 10;
            -moz-box-flex: 10;
            -webkit-flex: 10;
            -ms-flex: 10;
            flex: 10;
        }

.lk-l {
    display: inline-block;
    padding-left: 0.2rem;
}

.lk-r {
    display: inline-block;
    padding-right: 0.2rem;
}


/**************************************************
	全站，浮动，字体颜色，频道标签，flex布局
	结束
**************************************************/


/**************************************************
	全站，1px，全站头尾，块，切换
**************************************************/

.t-box,
.t-ul,
.t-ul li,
.t-tab,
.tab-nav,
.tab-nav li,
.t-ol,
.t-ol li,
.t-ul .t-tit,
.lk-l,
.lk-r,
.t-form li,
.pnr-portrait .inner,
.dialog-bottom .list li,
.dialog-bottom .dialog-bd-tit {
    position: relative;
}

    .header:after,
    .fixed-header:after,
    .t-box:before,
    .t-box:after,
    .t-ul:before,
    .t-ul:after,
    .t-ul li:after,
    .footer:before,
    .t-tab:before,
    .t-tab:after,
    .tab-nav:after,
    .tab-nav li:after,
    .t-ol:before,
    .t-ol:after,
    .t-ol li:before,
    .t-ol li:after,
    .t-ul .t-tit:after,
    f,
    .lk-r:before,
    .dialog-bottom .dialog-hd:after,
    .t-form:before,
    .t-form:after,
    .t-form li:after,
    .pnr-portrait .inner:before,
    .pnr-portrait .inner:after,
    .dialog-bottom .list li:after,
    .dialog-bottom .dialog-bd-tit:after {
        content: '';
        position: absolute;
        /*background-color:#e8e8e8;*/
        clear: both;
    }

    .header:after,
    .fixed-header:after,
    .t-box:before,
    .t-box:after,
    .t-ul:before,
    .t-ul:after,
    .t-ul li:after,
    .footer:before,
    .t-tab:before,
    .t-tab:after,
    .tab-nav:after,
    .t-ol:before,
    .t-ol:after,
    .t-ol li:before,
    .t-ul .t-tit:after,
    .dialog-bottom .dialog-hd:after,
    .t-form:before,
    .t-form:after,
    .t-form li:after,
    .pnr-portrait .inner:after,
    .dialog-bottom .list li:after,
    .dialog-bottom .dialog-bd-tit:after {
        right: 0;
        left: 0;
    }

    .tab-nav li:after,
    .t-ol li:after,
    .pnr-portrait .inner:before {
        top: 0;
        bottom: 0;
    }

    .lk-l:before,
    .lk-r:before {
        top: 15%;
        bottom: 10%;
        /*background-color:#999;*/
    }

    .t-box:before,
    .t-ul:before,
    .footer:before,
    .t-tab:before,
    .t-ol:before,
    .pnr-portrait .inner:after,
    .t-form:before {
        top: 0;
        /*padding-top:1px;*/
        border-top: 1px solid #e8e8e8;
    }

    .header:after,
    .fixed-header:after,
    .t-box:after,
    .t-ul:after,
    .t-ul li:after,
    .t-tab:after,
    .tab-nav:after,
    .t-ol:after,
    .t-ol li:before,
    .t-ul .t-tit:after,
    .dialog-bottom .dialog-hd:after,
    .t-form:after,
    .t-form li:after,
    .dialog-bottom .list li:after,
    .dialog-bottom .dialog-bd-tit:after {
        bottom: 0;
        /*padding-bottom:1px;*/
        border-bottom: 1px solid #e8e8e8;
    }

    .tab-nav li:after,
    .t-ol li:after {
        right: 0;
        /*padding-right:1px;*/
        border-right: 1px solid #e8e8e8;
    }

    .lk-l:before {
        left: 0;
        /*padding-left:1px;*/
        border-left: 1px solid #999;
    }

    .lk-r:before {
        right: 0;
        border-right: 1px solid #999;
    }

    .pnr-portrait .inner:before {
        left: 0;
        /*padding-left:1px;*/
        border-left: 1px solid #e8e8e8;
    }

    .header:after,
    .fixed-header:after,
    .t-box:before,
    .t-box:after,
    .t-ul:before,
    .t-ul:after,
    .t-ul li:after,
    .footer:before,
    .t-tab:before,
    .t-tab:after,
    .tab-nav:after,
    .t-ol:before,
    .t-ol:after,
    .t-ol li:before,
    .t-ul .t-tit:after,
    .dialog-bottom .dialog-hd:after,
    .t-form:before,
    .t-form:after,
    .t-form li:after,
    .pnr-portrait .inner:after,
    .dialog-bottom .list li:after,
    .dialog-bottom .dialog-bd-tit:after {
        -webkit-transform: scaleY(0.5);
        -moz-transform: scaleY(0.5);
        -o-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }

    .tab-nav li:after,
    .t-ol li:after,
    .lk-l:before,
    .lk-r:before,
    .pnr-portrait .inner:before {
        -webkit-transform: scaleX(0.5);
        -moz-transform: scaleX(0.5);
        -o-transform: scaleX(0.5);
        transform: scaleX(0.5);
    }


/**************************************************
	1px，全站头尾，块，切换
	结束
**************************************************/


/**************************************************
	页头
**************************************************/

.header,
.home-header {
    background-color: #fff;
}

.header,
.header-detail,
.home-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    height: 1.88rem;
    line-height: 1.88rem;
    padding: 0 0.6rem;
}

.header-detail {
    -webkit-transition: background .5s ease 0s;
    transition: background .5s ease 0s;
}

    .header a,
    .header-detail a {
        display: inline-block;
        position: relative;
        z-index: 1;
    }

    .header h1,
    .header-detail h1 {
        position: absolute;
        top: 0;
        right: 20%;
        bottom: 0;
        left: 20%;
        text-align: center;
        font-size: 0.77rem;
        color: #333;
        overflow: hidden;
    }

    .header-detail .keyworder {
        text-indent: -999rem;
    }

    .header i,
    .header-detail i {
        display: inline-block;
        vertical-align: middle;
        /*vertical-align:-0.14rem;*/
        font-size: 0.85rem;
        line-height: 1;
        color: #00BE88;
    }

    .header-detail i {
        padding: .213rem;
        margin-top: -0.2rem;
        background-color: rgba(0, 0, 0, .3);
        border-radius: 100%;
        color: #fff;
    }

    .header .ftr,
    .header-detail .ftr {
        height: 1.88rem;
    }

        .header .ftr a,
        .header-detail .ftr a {
            display: inline-block;
            margin-left: 0.21rem;
        }

        .header .ftr a {
            margin-left: 0.43rem;
        }

.fixed-header {
    background-color: #fff
}

    .fixed-header i {
        color: #00BE88;
        background-color: transparent;
    }

    .fixed-header h1 {
        color: #333;
    }

    .fixed-header .keyworder {
        text-indent: 0;
    }


/*搜索
.global-search{
	width:13rem;
	vertical-align:middle;
	padding:0 0.5rem;
	height:1.28rem;
	line-height:1.28rem;
	border-radius:1.28rem;
	border:1px solid #e8e8e8;
	background-color:#f1f1f1;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.global-search .search-txt{
	display:inline-block;
	vertical-align:middle;
	line-height:1.5;
	width:80%;
	background-color:transparent;
	margin:0 0.32rem;
}
/**************************************************
	页头
	结束
**************************************************/


/**************************************************
	主体，
	浮动头尾预留间距，主体内容块下边距不顶边，方块布局，默认列表，微店
**************************************************/

.main {
    position: relative;
    padding-bottom: 0.6rem;
}

    .main:before,
    .main:after {
        content: '';
        overflow: hidden;
        clear: both;
    }

    .main .t-box:first-child:before,
    .main .t-form:first-child:before,
    .main .t-ul:first-child:before,
    .main .t-tab:first-child:before {
        display: none;
    }

.m-ct {
    margin-top: 1.88rem;
}

.m-cb {
    /*margin-bottom: 1.9rem;*/
    padding-bottom: 2.5rem;
}

.m-ctb {
    /*margin: 1.88rem 0 1.9rem 0;*/
    padding-bottom: 2.5rem;
    margin-top: 1.88rem;
}

.t-box,
.t-ul,
.t-tab,
.t-ol,
.t-form {
    background-color: #fff;
    padding: 0.6rem;
    margin-bottom: 0.43rem;
}

    .t-box:last-child,
    .t-ul:last-child,
    .t-tab:last-child {
        margin-bottom: 0;
    }

    .t-box .h3,
    .t-ul .h3,
    .t-tab .h3 {
        display: inline-block;
        font-size: 0.64rem;
        line-height: 1;
        color: #333;
    }

        .t-box .h3 i,
        .t-ul .h3 i,
        .t-tab .h3 i {
            display: inline-block;
            vertical-align: middle;
            margin: -0.1rem 0.3rem 0 0;
            font-size: 0.77rem;
            color: #00BE88;
        }


/*微店*/

.box-shop {
    line-height: 1.28rem;
}

    .box-shop .shop-img {
        display: inline-block;
        vertical-align: middle;
        width: 1.28rem;
        height: 1.28rem;
        margin-right: 0.4rem;
        border-radius: 100%;
        overflow: hidden;
    }

    .box-shop .shop-name {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        color: #999;
    }

        .box-shop .shop-name em {
            display: block;
            margin-bottom: 0.2rem;
            font-size: 0.6rem;
            color: #333;
        }

    .box-shop .shop-btn {
        display: inline-block;
        padding: 0 0.5rem;
        margin-right: 0.64rem;
        color: #00BE88;
        border: 1px solid #00BE88;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


/*列表*/

.t-ul {
    padding: 0;
    overflow: hidden
}

    .t-ul .t-tit {
        padding: 0.6rem;
    }

    .t-ul ul,
    .t-ul li {
        overflow: hidden;
        clear: both;
    }

        .t-ul li a {
            display: block;
        }

    .t-ul li {
        line-height: 1.88rem;
        padding: 0 0.6rem;
    }

        .t-ul li:last-child:after {
            display: none;
        }

        .t-ul li .pnr {
            top: 50%;
            right: 0.6rem;
            margin-top: -0.28rem;
        }


/*表单*/

.t-form {
    padding: 0;
    overflow: hidden;
    display: block;
    clear: both;
    position: relative;
}

    .t-form li {
        min-height: 1.88rem;
        line-height: 1.88rem;
        padding: 0 0.6rem 0 4.8rem;
        color: #333;
    }


        .t-form li:last-child:after {
            display: none
        }

    .t-form .pnr-portrait {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 3rem;
        height: 3.71rem;
        background-color: #fff;
        overflow: hidden;
    }

.pnr-portrait .inner {
    display: block;
    height: 3.76rem;
    line-height: 3.76rem;
    text-align: center;
}

    .pnr-portrait .inner i {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.85rem;
    }

.t-form strong {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.6rem;
    display: inline-block;
    width: 5.2rem;
    color: #666;
}

    .t-form strong.documentNo {
        width: auto;
    }

.t-form input[name=email],
.t-form input[type=email],
.t-form input[type=text] {
    width: 77%;
    line-height: 1.5;
}

.t-ul li .multi,
.t-form li .multi {
    display: inline-block;
    max-width: 90%;
    min-height: 0rem;
    padding: 0.5rem 0;
    line-height: 1.5;
    color: #333;
    word-wrap: break-word;
    word-break: normal;
    /* transform: translateX(0.5rem); */
}

    .t-form li .multi.documentNo {
        display: flex;
        justify-content: flex-end;
        padding-right: 1.2rem;
    }

/*更多推荐*/

.t-more {
    text-align: center;
    line-height: 1.49rem;
    color: #aaa;
}

    .t-more .icon-replace {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.2rem;
        font-size: 0.64rem;
    }

.t-more {
    background-color: #fff;
}

    .t-more .btn {
        display: inline-block;
        line-height: 1;
        padding: 0.3rem 1rem;
        border: 1px solid #00be88;
        border-radius: 2px;
        color: #00be88;
        overflow: hidden;
    }

.t-txt .t-more {
    padding-top: 0.6rem;
}


/*其他注释*/

.t-notes {
    /*line-height:1.39rem;*/
    line-height: 1.5;
    padding: 0.3rem 0.6rem;
    background-color: #f4f6f8;
    color: #999;
}


/*产品  上下布局*/

.box-field {
    overflow: hidden;
    color: #333;
}

    .box-field li {
        display: block;
        float: left;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 0.6rem;
        position: relative;
    }

        .box-field li:nth-child(2n+0) {
            margin-right: 0;
        }

    .box-field .tag {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        background-color: #333;
    }

    .box-field img {
        display: block;
        height: 5.12rem;
        margin-bottom: 0.21rem;
    }

    .box-field .h4 {
        height: 1.54rem;
        overflow: hidden;
        line-height: 0.77rem;
    }

    .box-field .money {
        text-align: right;
        font-size: 0.43rem;
    }

        .box-field .money .crred {
            display: inline-block;
            vertical-align: bottom;
            font-size: 0.6rem;
        }


/*无序列表 “田” 布局*/

.t-ol {
    padding: 0;
}

    .t-ol ol {
        overflow: hidden;
        clear: both;
    }

    .t-ol li {
        display: block;
        float: left;
        width: 50%;
        padding: 0.43rem 0.64rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


/*提醒信息*/

.t-prompt {
    display: block;
    padding: 0.5rem 0.6rem;
    background-color: #FFF8DD;
    color: #B88B66;
}


/*加减*/

.btn-sum {
    margin-left: 0.3rem;
}

.btn-sum,
.btn-date {
    display: inline-block;
    vertical-align: middle;
    height: 1.23rem;
    line-height: 1.23rem;
    clear: both;
    overflow: hidden;
    border-radius: 0.08rem;
    border: 1px solid #ddd;
    overflow: hidden;
    color: #00BE88
}

    .btn-sum i,
    .btn-sum .num {
        display: block;
        float: left;
        text-align: center;
    }

    .btn-sum i {
        width: 1.23rem;
        height: 1.23rem;
        line-height: 1.23rem;
        background-color: #fff;
        color: #00BE88;
    }

        .btn-sum i.on,
        .btn-sum i.enable {
            background-color: #f2f2f2;
            color: #ddd;
        }

    .btn-sum input.num {
        width: 1.71rem;
        height: 1.23rem;
        border: none;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

.btn-date {
    padding: 0 0.32rem;
}

    .btn-date i {
        display: inline-block;
        vertical-align: middle;
        margin-top: -0.1rem;
        color: #00BE88;
        font-size: 0.59rem;
    }


/***************************************************
	主体，
	浮动头尾预留间距，主体内容块下边距不顶边，方块布局，默认列表，微店，
	结束
**************************************************/


/***************************************************
	页脚
***************************************************/

.footer,
.ch-footer {
    position: fixed;
    height: 1.9rem;
    line-height: 1.9rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

    .footer ul {
        height: 1.9rem;
        min-height: 1.9rem;
        overflow: hidden;
    }

    .footer .ft-submit {
        text-align: center;
    }

        .footer .ft-submit .icon-collectbox {
            color: #ff8844;
        }

        .footer .ft-submit li {
            position: relative;
            cursor: pointer;
        }

    .footer li {
        display: block;
        height: 1.9rem;
        z-index: 1;
    }

    .footer ul li:last-child {
        text-align: center;
        color: #fff;
        font-size: 0.68rem;
        background-color: #FF8844;
        position: relative;
    }

    .footer ul a {
        display: block;
        color: #666;
    }

    .footer ul li:last-child a {
        color: #fff;
    }

    .footer .ft-submit i {
        display: block;
        height: 0.4rem;
        line-height: 1.2rem;
        font-size: 0.85rem;
    }

    .footer .ft-open-inner {
        padding: 0 0.6rem;
    }

        .footer .ft-open-inner .txt {
            font-size: 0.6rem;
            color: #333;
            display: inline-block;
            vertical-align: middle;
        }

    .footer .money {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        margin-left: 0.1rem;
    }

        .footer .money em {
            display: block;
            font-size: 0.94rem;
        }

    .footer .ft-open-inner i.icon-open {
        display: inline-block;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: transform .5s ease;
        -moz-transition: transform .5s ease;
        -ms-transition: transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
    }


    /*.footer .ft-open-inner span.on i*/

    .footer .ft-open-inner .ftr.on i,
    .footer .ft-open-inner i.on {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .footer .money em .pri-tag {
        margin-left: .3rem;
        display: inline-block;
        border: 1px solid #f77;
        color: #f77;
        border-radius: .13rem;
        padding: .1rem;
        vertical-align: middle;
        font-size: .46rem
    }


/*首页，目的地*/

.ch-footer {
    z-index: 10;
    height: auto;
    line-height: 1;
    padding: .2rem 0;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #ddd;
    background-color: #f7f7f7;
    text-align: center;
    line-height: 1;
}

    .ch-footer a {
        display: block;
        color: #999;
    }

    .ch-footer i {
        font-size: 1.2rem;
    }

    .ch-footer em {
        display: block;
        font-size: .48rem;
    }

    .ch-footer a.on i,
    .ch-footer a.on em {
        color: #00be88;
    }

    .ch-footer .footer-a img {
        width: 1.024rem;
        height: 1.024rem;
        display: inline-block;
    }

/***************************************************
	页脚 结束
***************************************************/


/****************************************************
	弹窗
****************************************************/


/*蒙板*/

.mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* z-index: 2; */
    z-index: 10;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
}


/*弹窗公共*/

.alert,
.dialog,
.dialog-bottom,
.dialog-plus {
    position: fixed;
    border-radius: 0.13rem;
}

.dialog,
.dialog-bottom,
.dialog-plus {
    z-index: 10
}

.alert,
.dialog {
    top: 30%;
    left: 50%;
}

    .dialog .dialog-hd,
    .dialog-bottom .dialog-hd {
        position: relative;
        min-height: 0.77rem;
    }

    .dialog .dialog-txt,
    .dialog-bottom .dialog-txt,
    .dialog-bottom .list {
        overflow-y: auto;
    }

.t-top {
    top: 15%;
}

.alert {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*提示弹窗*/

.sp-markupt {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 21;
    padding: 0.3rem 0.8rem;
    background-color: rgba(0, 0, 0, .6);
    transform: translate(-50%, -50%);
    border-radius: 0.13rem;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
    color: #fff;
}


/*.sp-markupt {
    position: fixed;
    top: 50%;
    width: 100%;
    text-align: center;
    height: auto;
    z-index: 21;
}

.sp-markupt .sp-loading {
    position: relative;
    top: -50%;
    text-align: center;
}

.sp-markupt .sp-msgpanel {
    display: inline-block;
    width: 50%;
    border-radius: 0.13rem;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 10px;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;
}*/


/*加载*/

.sp-markup {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
}

    .sp-markup .sp-loading {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100px;
        height: 100px;
        margin: auto;
        background: rgba(0, 0, 0, 0.65);
        border-radius: 0.13rem;
        overflow: hidden;
    }

.ft-submit em {
    position: relative;
    vertical-align: middle;
    margin-left: -20px;
}

.spinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    -webkit-animation: circle 1s infinite linear;
    -moz-animation: circle 1s infinite linear;
    -o-animation: circle 1s infinite linear;
    animation: circle 1s infinite linear;
    border: 4px solid rgba(255, 255, 255, .6);
    border-top: 4px solid rgba(255, 255, 255, 1);
    border-radius: 100%;
}

.footer .spinner {
    width: 0.8rem;
    height: 0.8rem;
}


/*alert*/

.alert {
    max-width: 80%;
    padding: 0.53rem 0.85rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 0.13rem;
}


/*居中弹窗*/

.dialog {
    width: 13rem;
    padding: 0.6rem;
    margin-left: -6.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}


    /*页头*/

    .dialog .dialog-hd {
        margin-bottom: 0.6rem;
    }

        .dialog .dialog-hd i {
            font-size: 0.77rem;
        }


    /*内容*/

    .dialog .dialog-bd {
        padding: 0 0.43rem 0.6rem;
        color: #333;
        font-size: 0.6rem;
    }

        .dialog .dialog-bd .dialog-txt {
            max-height: 7.4rem;
            overflow-y: auto;
        }

        .dialog .dialog-bd .txt {
            display: block;
            width: 100%;
            line-height: 1.7rem;
            border-radius: 0.13rem;
            border: 1px solid #e8e8e8;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-indent: 0.5rem;
            font-size: 0.6rem;
        }


    /*按钮*/

    .dialog .dialog-block,
    .dialog .dialog-inline {
        text-align: center;
        margin: 0.6rem 0 0 0;
    }

        .dialog .dialog-block .btn,
        .dialog .dialog-inline .btn {
            display: block;
            margin-top: 0.43rem;
            /* margin-bottom: 0.43rem; */
            line-height: 1.49rem;
            background-color: #ebfaf6;
            border: 1px solid #00BE88;
            border-radius: 0.13rem;
            color: #00BE88;
        }


        /* .dialog .dialog-block a:first-child {
    margin-bottom: 0.43rem;
} */

        .dialog .dialog-block .on,
        .dialog .dialog-inline .on {
            background-color: #00BE88;
            color: #fff;
        }

    .dialog .dialog-inline {
        text-align: right;
    }

        .dialog .dialog-inline .btn {
            display: inline-block;
            width: 5rem;
            text-align: center;
        }

        .dialog .dialog-inline a:first-child {
            margin-bottom: 0;
            float: left;
        }


/*展开弹窗*/

.dialog-bottom {
    right: 0;
    bottom: -17.4rem;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 0;
}

    .dialog-bottom .dialog-hd,
    .dialog-bottom .dialog-bd-tit {
        line-height: 1.7rem;
        padding: 0 0.6rem;
        background-color: #f9f9f9;
    }

        .dialog-bottom .dialog-hd .h2,
        .dialog-bottom .dialog-bd-tit .h2 {
            display: inline-block;
            color: #333;
        }

        .dialog-bottom .dialog-hd .pnr {
            top: 50%;
            right: 0.6rem;
            margin-top: -0.28rem;
            font-weight: bold;
        }

    .dialog-bottom .dialog-txt,
    .dialog-bottom .list {
        padding: 0.6rem;
        max-height: 12.8rem;
    }

        .dialog-bottom .dialog-txt p {
            margin-bottom: 0.43rem;
        }

    .dialog-bottom .ul {
        overflow: hidden;
        clear: both;
    }

        .dialog-bottom .ul li {
            display: block;
            float: left;
            margin: 0 0.43rem 0.43rem 0;
        }

        .dialog-bottom .ul a {
            display: block;
            line-height: 1.28rem;
            padding: 0 0.43rem;
            border: 1px solid #e8e8e8;
            border-radius: 0.13rem;
            color: #999;
        }

            .dialog-bottom .ul a.on {
                border-color: #00BE88;
                color: #00BE88;
            }

    .dialog-bottom .dialog-ft .btn {
        display: block;
        text-align: center;
        line-height: 1.7rem;
        background-color: #00BE88;
        color: #fff;
    }

.t-center {
    text-align: center;
}

.center-right {
    text-align: right;
}

.dialog-bottom .list {
    /*padding: 0;*/
}

    .dialog-bottom .list li {
        line-height: 1.88rem;
        overflow: hidden;
    }

        .dialog-bottom .list li:last-child:after {
            display: none;
        }

    .dialog-bottom .list .h4 {
        display: inline-block;
        vertical-align: middle;
        max-width: 70%;
        /*max-height: 1.6rem;*/
        line-height: 0.8rem;
        overflow: hidden;
    }

.show-ft {
    padding-bottom: 0.6rem;
    margin-bottom: 1.9rem;
}


/*大弹窗*/

.dialog-plus {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(255, 255, 255, .95)
}

    .dialog-plus .dialog-bd {
        height: 100%;
        position: relative;
        padding-bottom: 3.9rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dialog-plus .dialog-txt {
        max-height: 100%;
        overflow-y: auto;
        padding: 0.6rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .dialog-plus .dialog-txt h2,
        .dialog-plus .dialog-txt p {
            margin-bottom: 0.6rem;
        }

        .dialog-plus .dialog-txt h2 {
            color: #000;
            font-size: 0.77rem;
        }

        .dialog-plus .dialog-txt h3 {
            margin-bottom: 0.43rem;
            color: #333;
            font-size: 0.6rem;
        }

    .dialog-plus .dialog-ft {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
    }

        .dialog-plus .dialog-ft a {
            display: inline-block;
            width: 2.35rem;
            /*height:2.35rem;*/
            height: 1.58rem;
            padding-top: 0.77rem;
            margin-bottom: 0.7rem;
            background-color: #f0f0f0;
            border-radius: 100%;
            overflow: hidden;
        }

        .dialog-plus .dialog-ft i {
            font-size: 0.81rem;
        }


/*页脚展开弹窗*/

.dialog-show {
    bottom: 0;
}


/*下沉弹窗*/

.an-y {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}


/*电话客服*/

.tel-dialog,
.city-dialog {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
}

    .tel-dialog .dialog-bd {
        text-align: center;
        font-size: 0.51rem;
        color: #aaa
    }

    .tel-dialog .tel-img {
        width: 4.7rem;
        min-height: 4.7rem;
        margin: 0 auto;
        margin-bottom: 0.4rem
    }

    .tel-dialog .tel-free {
        display: inline-block;
        vertical-align: baseline;
        line-height: 1;
        padding: 0.1rem 0.25rem;
        margin-left: 0.2rem;
        background-color: #fac41e;
        border-radius: 0.13rem;
        font-size: 0.43rem;
        color: #fff;
        position: relative;
    }

        .tel-dialog .tel-free:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: -0.2rem;
            display: block;
            border: 0.2rem solid transparent;
            border-bottom-color: #fac41e;
        }


    /*在线客服*/

    .tel-dialog .dialog-ft i {
        display: inline-block;
        vertical-align: middle;
        margin-top: -0.1rem;
        margin-right: 0.2rem;
        color: #00be88;
        font-size: 0.68rem;
    }

    .tel-dialog .on i {
        color: #fff;
    }

.z-num {
    z-index: 19;
}


/****************************************************
	弹窗
	结束
****************************************************/


/****************************************************
	动画
****************************************************/


/*过度*/

.an {
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}

.an-btm {
    -webkit-transition: bottom .5s ease;
    -moz-transition: bottom .5s ease;
    -ms-transition: bottom .5s ease;
    -o-transition: bottom .5s ease;
    transition: bottom .5s ease;
}


/*动画*/

.an-show {
    opacity: 1;
}


/*@-webkit-keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}*/

@-webkit-keyframes myfirst {
    from {
        right: 50%;
        left: 50%;
    }

    to {
        right: 0%;
        left: 0%;
    }
}

@-moz-keyframes myfirst {
    from {
        right: 50%;
        left: 50%;
    }

    to {
        right: 0%;
        left: 0%;
    }
}

@-o-keyframes myfirst {
    from {
        right: 50%;
        left: 50%;
    }

    to {
        right: 0%;
        left: 0%;
    }
}

@keyframes myfirst {
    from {
        right: 50%;
        left: 50%;
    }

    to {
        right: 0%;
        left: 0%;
    }
}

img.anima {
    animation: imgLoad 0.8s;
    -webkit-animation: imgLoad 0.8s;
    transform-origin: center;
}

@keyframes imgLoad {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes imgLoad {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes imgLoad {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes imgLoad {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.icon-show {
    animation: iconShow .5s;
    -webkit-animation: iconShow .5s;
    transform-origin: center;
}

@keyframes iconShow {
    from {
        transform: scale(0.1);
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes iconShow {
    from {
        transform: scale(0.1);
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-o-keyframes iconShow {
    from {
        transform: scale(0.1);
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-moz-keyframes iconShow {
    from {
        transform: scale(0.1);
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}


/*页面内loding*/

.t-loding {
    text-align: center;
    padding: 0.3rem 0;
}

    .t-loding i {
        display: inline-block;
        width: 1.1rem;
        height: 1.1rem;
        position: relative;
    }

        .t-loding i:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            width: 1rem;
            height: 1rem;
            margin: -0.5rem 0 0 -0.5rem;
            border: 1px solid #e8e8e8;
            border-top-color: #333;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 100%;
            -webkit-animation: circle 1s infinite linear;
            -moz-animation: circle 1s infinite linear;
            -o-animation: circle 1s infinite linear;
            animation: circle 1s infinite linear;
        }

@-webkit-keyframes circle {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes circle {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes circle {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes circle {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}


/*loding 结束*/


/****************************************************
	动画
	结束
****************************************************/


/* JS 交互使用 */

.nav-fixed {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 1.88rem;
    z-index: 10;
}

.nav-sticky {
    left: 0;
    top: 1.87rem;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    z-index: 9;
}


/*没有符合数据*/

.sp-empty {
    text-align: center;
    padding: 3rem 0;
    color: #999;
}

    .sp-empty i {
        display: inline-block;
        /* width: 5rem;
    height: 3.5rem; */
        width: 5.12rem;
        height: 5.12rem;
        background: url(../../../images/search/null.png) no-repeat center top;
        background-size: 100% 100%;
    }


/*没有符合数据 结束*/


/*侧边*/

.t-aside {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 19;
    font-size: 0.51rem;
}

    .t-aside a {
        display: block;
        text-align: center;
        margin-bottom: 0.43rem;
    }

        .t-aside a:last-child {
            margin-bottom: 0;
        }


    /*收藏*/

    .t-aside .collect {
        width: 2.13rem;
        height: 1.67rem;
        padding-top: 0.17rem;
        background-color: rgba(0, 0, 0, .3);
        border-radius: 0.21rem 0 0 0.21rem;
        color: #fff;
    }

        .t-aside .collect i {
            display: block;
            margin: 0 auto;
            color: #fff;
            font-size: 0.77rem;
        }


    /*微店*/

    .t-aside .shop {
        width: 2.13rem;
        height: 2.13rem;
        background-color: rgba(0, 0, 0, .5);
        border-radius: 100%;
        overflow: hidden;
        color: #fff;
    }

        .t-aside .shop i {
            display: block;
            margin: 0.2rem 0 0.1rem 0;
            color: #fff;
            font-size: 0.85rem;
        }


/*.t-aside {
    position: fixed;
    top: 50%;
    right: 0;
    width: 2.13rem;
    height: 1.67rem;
    padding-top: 0.17rem;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    border-radius: 0.21rem 0 0 0.21rem;
}
.t-aside a,
.t-aside i {
    color: #fff;
}

.t-aside i {
    display: block;
    margin: 0 auto;
    font-size: 0.77rem;
}*/


/*侧边 结束*/


/*轮播加广告*/

.sp-banner {
    position: relative;
}

    .sp-banner:after {
        content: '';
        position: absolute;
        top: 1px;
        right: 0;
        z-index: 1;
        display: block;
        width: 1.0rem;
        height: .42rem;
        background: url(../../../images/common/flash-ad.png) no-repeat center center;
        background-size: 100% 100%;
    }


/*轮播加广告 结束*/


/* 弹层 and 蒙层 */

.dialog-center-show {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}

.dialog-center-hide {
    opacity: 0;
    z-index: -1;
}

.mask-show {
    opacity: 1;
}

.mask-hide {
    opacity: 0;
}


/*服务条款*/


/* 
.clause {
    background-color: #fff;
}

.clause h2,
.clause h3,
.clause p {
    margin-bottom: 0.43rem;
}

.clause h2 {
    text-align: center;
    color: #00BE88;
    font-size: 0.77rem;
    margin-bottom: 1rem;
}

.clause h3 {
    color: #333;
    font-size: 0.6rem;
}

.copyright {
    padding-top: 1rem;
    text-align: center
}

.copyright p {
    margin-bottom: 0;
    color: #99a4c1
} */

.clause {
    background-color: #fff;
}

    .clause .t-box {
        padding: 1rem 0.85rem;
    }

    .clause h2,
    .clause h3,
    .clause p {
        line-height: 1.5;
        color: #333;
    }

    .clause h2,
    .clause h3 {
        font-weight: bold;
    }

    .clause h2 {
        border-bottom: 1px dotted #c2c2c2;
        padding-bottom: 1rem;
        margin-bottom: 0.77rem;
        text-align: center;
        font-size: 0.64rem;
    }

    .clause h3 {
        font-size: 0.6rem;
    }

    .clause p {
        margin-bottom: 0.64rem;
        font-size: 0.55rem;
    }

.copyright {
    padding-top: 1rem;
    text-align: center
}

    .copyright p {
        margin-bottom: 0;
        color: #99a4c1
    }


/*============================================
顶部APP下载
============================================*/

.app-warper {
    /* position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    height: 1.5rem;
    background-color: rgba(0, 0, 0, .8);
    padding: .426rem 1.06rem .426rem .597rem;
    overflow: hidden;
    font-size: .512rem; */
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    height: 1.5rem;
    background-color: #303030;
    /* padding: .426rem 1.06rem .426rem .597rem; */
    padding: 0.4rem 1rem 0.4rem 0.6rem;
    overflow: hidden;
    font-size: .512rem
}

.miniprogram .app-warper {
    display: none;
}

.app-close,
.app-img,
.app-title,
.app-btn {
    display: inline-block;
    vertical-align: middle;
}

.app-close {
    width: .853rem;
    height: .853rem;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 100%;
    overflow: hidden;
    margin-right: .853rem;
    position: relative;
}

    .app-close:before,
    .app-close:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        width: 60%;
        height: 2px;
        margin: -1px 0 0 -30%;
        background-color: rgba(0, 0, 0, .5);
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
    }

    .app-close:after {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
    }

.app-img {
    /* width: 1.706rem;
    height: 1.706rem;
    margin-right: .853rem; */
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .853rem
}

.app-title {
    display: inline-block;
    /* color: #fff; */
    color: #aaa;
}

    .app-title span {
        display: block;
        /* font-size: .597rem; */
        font-size: .6rem;
        color: #fff;
    }

.app-btn {
    /* width: 2.730rem;
    height: 1.024rem;
    line-height: 1.024rem;
    text-align: center;
    float: right;
    background-color: #1cbc67;
    color: #fff;
    margin-top: .341rem; */
    width: 2.73rem;
    height: 1.024rem;
    line-height: 1.024rem;
    float: right;
    text-align: center;
    background-color: #1cbc67;
    color: #fff;
    margin-top: .2rem;
}


/*============================================
20170119老版分享
新版删除
============================================*/

.share-box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    z-index: 10;
    /*-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: all .5s ease 0s;*/
    transition: transform .5s ease;
}

.share-block {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}

.share-hide {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.share-box a {
    padding: 1rem 0;
}

.share-box .transmit {
    background: #fff;
    display: block;
    display: -webkit-box !important;
    display: -o-box;
    display: -ms-box;
    display: -moz-box;
    display: box;
    position: relative;
}

.transmit a {
    text-align: center;
    padding: 0.8rem 0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    -o-flex: 1;
    box-flex: 1;
    display: block;
    width: 0;
    color: #333;
}

    .transmit a:last-child {
        border: none;
    }

    .transmit a:first-child {
        border: none;
    }

.ic-qzone {
    background: url(../../../images/common/ic_qzone.png) no-repeat;
}

.ic-tencent {
    background: url(data:image/gif;base64,R0lGODlhRwBHALMPAETAofL7+WnNtM3u5l3Jrtny7Ob38lDEqLTm2X7Uv4/Zx6fi08Dq4JvdzTe8m////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjJGRTU2QzUyOTQ4MUUzMTFCNDY4QUQ0NDZDOUVDMjNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5NkZCMjQ4ODQwMDExRTNBRjcwQUVBRjlFQzU2NzkzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5NkZCMjQ3ODQwMDExRTNBRjcwQUVBRjlFQzU2NzkzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGMkRFN0ZBREE4M0UzMTE4RjQwQjkwNTMwNzczRDAyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJGRTU2QzUyOTQ4MUUzMTFCNDY4QUQ0NDZDOUVDMjNBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAADwAsAAAAAEcARwAABP/wyRkWcTjrzbv/3pEMU1k2AKiu7CoUphRcbW3XAGLOd88SAoXgoNJNEr5k54AImApID8AgGSivGUWgIiAAgqQCsSOQCLBX3SLFERh4nYIBrVQ8otJCgL1RIHxfXUoHDwsrBwF/bQ01BA0kJgYICXwsTZUfdmMbjCsJMDE7KCwAhZxOCJUAFR2dHwSQEwYDtLQ7Ci4PZxkNJVYatK0gCb4JmxoCTRMDmJwPG04lNBi9wh5GDwW7IAALEwXNvM8aMdsO1RyuG94S6isEVNnhDnaV2A9zGgsB1hvEEnhwgCrggcAdDQAgwclQgEG/DIgAJgEAyl0GSRxgEdRAKCAvDpD/DCkhEO2YOJMOiJm79NBBGXzzath54JDDlF8bZmUog6slA4lo4qF0YDDVBp4YHH1QRwgft0cPBozyMFMkhwQBDJhzwCDAUE4a/lnNGI3CtA2lsr0iYWBBA1xTwKlQZ2QrxLIl9niAFNMlgngXSNZcqgHUh3smFHFgZ/ddAAYx1UnI1yEUBQ+9HvS8QVIMZnJRC1qe4OGfxRbwAnikBhon2tESSrdTAuDnAJOS1XqIF2pjOgmbkySggmCbOsNL8JpYTc0MneEwz2n4+eAsBoqjFYOU8NVHAqPqZgbHAKmAFgrjEU6m87Ap5eYP4AiYr0Is+3QbIG17qfkG4PtgIQPc/3Xx+NbCTK4BKB0na8BXnQ0R6aKgBqdBNEGFeUgw1oQYOmDEeytgJ8+EFH7QlISogeIViSV6wE6CHwDQQDQLsbhgB9E0tgEB+3zT130V/mMgVgMg0EADCwzA22w2BsgBdQHFYhkC3ZF4Wlr8aABPDI8p8KOVHfyjHTLzDdHkCqdBeSYap0WzJpsZSTDYm0lYZBqdV1jEGJ5KWMQXn3Vy4ESWgPZgURWF+uDOS3Mm2sKiTDpaA6QPdCgpfhRGeimazlS66aOdWvopa5l6OupcoZ6KqoCmquriUZq6ypGBDjQl6qfEmESCdbJioIM7BKTX64lV9ooBdSMaK1sJcinrTx9vvPaa2ZTRfgoAdLBNJtWR3Hbr7bfghivutwhIWUIEADs=) no-repeat;
}

.ic-sina {
    background: url(data:image/gif;base64,R0lGODlhSABHALMPAETAofL7+Z7ezrTm2YLVweb38l3Jrtny7FDEqHbRusDq4I/Zx2nNtM3u5je8m////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjJGRTU2QzUyOTQ4MUUzMTFCNDY4QUQ0NDZDOUVDMjNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5NkZCMjQwODQwMDExRTNBRjcwQUVBRjlFQzU2NzkzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5NkZCMjNGODQwMDExRTNBRjcwQUVBRjlFQzU2NzkzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGMkRFN0ZBREE4M0UzMTE4RjQwQjkwNTMwNzczRDAyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJGRTU2QzUyOTQ4MUUzMTFCNDY4QUQ0NDZDOUVDMjNBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAADwAsAAAAAEgARwAABP/wyfnCWCzrzbv/oLcMAWVOwQI4bOu+cCzPtAMI5Sk1a+3/wBnioBsEj8gggEg59JLQ6AtQoBik2CxjYsx6ow1J4ktGJiTldPDRULtrh/Z7DmvI6TSGoMEMNAYETzV2eDQCOhQKDD6EhTKIJw0INI2OMDmQKAQzlZYuDCUHAqMKVToCMp2eNQg4J5t1d6s/NyeLL6pSeg0FBQqwWAmYDwWCDrlIrcNcQAgMkzAGw6guyEC1mbczwonaLAQUBbiyR9yZD10zA6e4FN7WNADr5zs1BgV2DZjU3xT8x+R8LKGH4og8CQGeAKAgC14MaQQnBGQkAZgDJmyqTZQBMaKEfwb/9mAq8M8BOHTVJGoE0tHjA1QIFpgq8qlei0M2WThs0dKlR2BbMrZQoLLFTgc9fUa8E7QhM6MbW1BRqvQOghJjWCycsGAlDYxUPcpCcKXFSQlldUZ1gDOsy64z2gYYty0ivlEcCAgYAFZHwjwTFNCNAWDZiV/QagBIMC+SjwQKBhiz1vhEAAHGrrkyASgzo4kGIGHOAoCo5dFBkFWecCAt4QxAVk8o4HpQQAQ6FHgGsCBME9TqEAWozSngAscxNvvNOmOmiWI/cvWFDkO2DuYxzp4omSrgCewtrPv13ALSgejkgrKOoZ4g95SI0L9o/zKG71MEhonjBEl+TXcwbEUT/1smkHdMf5/NZ4I3LKh3wC0GHGDEVADKYFhOlHhXoQs4UacVG85JkNgLoSECl211UAAegQ9YpJNfwSFioFcuaJfOTRIw6ECIEtzoAm6IvGdfQIWhYEyJJR2nw4jwWTYjjS4o+REMVQQASyuIuBgeJCsWlwoFLiaVpQzitXiENRRWROJ9OjRAnA1laokiR2BxZ8AAzlmgY4M8IiTnnDIAwOaDMmRgIAKm6dAaFEctMEwDgVxDAJsmXCbFUQ4gIFsDAjwTzS6ZXPYkoAIJ0KdSBajgBaYk7kGVKG+CsZYPDOhlh18NKNDpqEmwOsuZs/7aa7DCHnHAXMWSgVayXpyBEi2zWCTKJLRBtHcetUgMRIGP2NZgnW7dKkZpOH+Gmx89JCUQwrrsttsBASToEAEAOw==) no-repeat;
}

.ic-sina,
.ic-tencent,
.ic-qzone {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    background-size: 1.5rem auto;
}


/*分享end*/


/*
APP嵌套
页头页尾，内容间距，浮动距离
*/

.ch .header,
.ch .home-header,
.ch .header-detail,
.ch .ch-footer,
.sp-app .header,
.sp-app .home-header,
.sp-app .header-detail,
.sp-app .ch-footer,
.sp-app_b .header,
.sp-app_b .home-header,
.sp-app_b .header-detail,
.sp-app_b .ch-footer,
.sp-app_c .header,
.sp-app_c .home-header,
.sp-app_c .header-detail,
.sp-app_c .ch-footer,
.agent .ag-price,
.sp-shop .header-detail .hd-share,
.miniprogram .ch-footer,
.miniprogram .header,
.miniprogram .header-detail,
.miniprogram .home-header {
    display: none;
}

.ch .m-ct,
.ch .m-ctb,
.sp-app .m-ct,
.sp-app .m-ctb,
.sp-app_b .m-ct,
.sp-app_b .m-ctb,
.sp-app_c .m-ct,
.sp-app_c .m-ctb,
.miniprogram .m-ct,
.miniprogram .m-ctb {
    margin-top: 0;
}

.sp-app .m-ctb,
.sp-app .m-cb,
.sp-app_b .m-ctb,
.sp-app_b .m-cb,
.sp-app_c .m-ctb,
.sp-app_c .m-cb,
.miniprogram .m-cb,
.miniprogram .m-ctb {
    padding-bottom: 1.5rem;
}

.ch .nav-fixed,
.ch .nav-sticky,
.ch .user-order .tab-nav,
.ch .user-coupon .tab-nav,
.ch .search-fixed,
.sp-app .nav-fixed,
.sp-app .nav-sticky,
.sp-app .user-order .tab-nav,
.sp-app .user-coupon .tab-nav,
.sp-app .search-fixed,
.sp-app_b .nav-fixed,
.sp-app_b .nav-sticky,
.sp-app_b .user-order .tab-nav,
.sp-app_b .user-coupon .tab-nav,
.sp-app_b .search-fixed,
.sp-app_c .nav-fixed,
.sp-app_c .nav-sticky,
.sp-app_c .user-order .tab-nav,
.sp-app_b .user-coupon .tab-nav,
.sp-app_c .search-fixed,
.miniprogram .nav-fixed,
.miniprogram .nav-sticky,
.miniprogram .search-fixed,
.miniprogram .user-order .tab-nav,
.miniprogram .user-coupon .tab-nav {
    top: 0;
}

.ch .flight-search .tab-navBox,
.sp-app .flight-search .tab-navBox,
.sp-app_b .flight-search .tab-navBox,
.sp-app_c .flight-search .tab-navBox,
.miniprogram .flight-search .tab-navBox {
    top: 2.08rem;
}


/*.ch .flight-search .tab-navBox {
    top: 2.08rem;
}*/


/*隐藏logo*/

.sp-houtrip .icon-logo:before {
    display: none !important;
}

.sp-houtrip .login-bd .icon-logo {
    display: inline-block;
    background: url(../../../images/login/hou.png) no-repeat center center;
    background-size: 100% 100%;
}


/*.sp-houtrip .home-header .icon-logo {
    width: 3.6rem;
    height: 1.28rem;
}*/

.sp-houtrip .login-bd .login-logo {
    padding-top: 2.3rem;
}

.sp-houtrip .login-bd .icon-logo {
    width: 6.44rem;
    height: 2.18rem;
}


/*代理商隐藏价格*/

.agent .item-money,
.agent .visa-money,
.agent .cruise-room .money,
.agent .t-date .day-on em,
.agent .t-number,
.agent .ft-date,
.agent .ticket-list .flex-1 {
    display: none !important;
}

.shopMasterWechat .t-number,
.shopMasterWechat .ft-date {
    display: none !important;
}


/*
    11月29日新增
    12月8日发布春航微信跳转旅游M网首页产品大类区域特殊处理
*/

.m-wechat .home-link {
    padding: 0
}

.m-wechat .nav-wrap {
    width: 33.33%;
    margin: 0;
    padding: 0.64rem 0;
    position: relative;
}

    .m-wechat .nav-wrap:after,
    .m-wechat .nav-wrap:before {
        content: '';
        position: absolute;
        background-color: #e8e8e8;
    }

    .m-wechat .nav-wrap:after {
        left: 0;
        top: 0;
        right: 0;
        padding-bottom: 1px;
        -webkit-transform: scaleY(0.5);
        -moz-transform: scaleY(0.5);
        -o-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }

    .m-wechat .nav-wrap:before {
        top: 0;
        right: 0;
        bottom: 0;
        padding-right: 1px;
        -webkit-transform: scaleX(0.5);
        -moz-transform: scaleX(0.5);
        -o-transform: scaleX(0.5);
        transform: scaleX(0.5);
    }

    .m-wechat .nav-wrap span,
    .m-wechat .nav-wrap em {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

    .m-wechat .nav-wrap em {
        margin-left: 0.3rem;
        min-width: 1.7rem;
        text-align: left;
    }


/*
    11月29日新增 
    12月8日发布春航微信跳转旅游M网首页产品大类区域特殊处理
    结束
*/


/**************************************************
20171213
app下载窗口定位
.nav-sticky  .nav-fixed  m-ct  m-ctb  .h-header  header    header-detail  fixed-header
**************************************************/


/*过度*/

.wrap {
    /* -webkit-transition: margin .5s ease;
    -moz-transition: margin .5s ease;
    -ms-transition: margin .5s ease;
    -o-transition: margin .5s ease;
    transition: margin .5s ease;
    margin-top: 0;*/
}

.wrap-top {
    margin-top: 2.3rem;
}


    /*频道,切换*/

    .wrap-top .header,
    .wrap-top .fixed-header,
    .wrap-top .header-detail {
        top: 2.3rem;
    }


    /*首页*/


    /* .wrap-top {
    margin-top: 2.3rem;
} */

    .wrap-top .h-header {
        top: 8rem;
    }


    /*切换*/

    .wrap-top .nav-sticky,
    .wrap-top .search-fixed {
        top: 4.09rem;
    }


    /*内容块*/

    .wrap-top .m-ct,
    .wrap-top .m-ctb {
        margin-top: 4.09rem;
    }


/**************************************************
20171213
app下载窗口定位
结束
.nav-sticky  .nav-fixed  m-ct  m-ctb  .h-header  header    header-detail  fixed-header
**************************************************/

.t-box .t-txt {
    word-wrap: break-word;
}


/*隐藏home*/

.sp-app .header-detail i.icon-home,
.sp-app_b .header-detail i.icon-home,
.sp-app_c .header-detail i.icon-home,
.sp-shop .header-detail i.icon-home {
    display: none;
}


/* 优惠券隐藏 */


/**************************************************
节庆皮肤
详情页中缝图
**************************************************/


/* .sp-skin-detail {
    margin-bottom: 0.43rem;
    height: 6.5rem;
    background: url('../../../images/common/skin-detail-a.jpg') no-repeat center center;
    background: url('../../../images/common/skin-detail-b.jpg') no-repeat center center;
    background: url('../../../images/common/skin-detail-c.jpg') no-repeat center center;
    background-size: 100% 100%;
} */


/*
.ch-footer a.on i,
.ch-footer a.on em {
    color: #ea5f50;
} */


/**************************************************
节庆皮肤
详情页中缝图
结束
**************************************************/


/*
2019年8月13日 15:58:51
图片懒加载
http://10.32.0.32/redmine/issues/44363
*/

.img-h {
    min-height: 1.7rem;
}


/*
2020年2月17日 10:21:02
产品详情页新增海报分享
*/

.poster-outer {
    position: relative;
}

.poster-share {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 2.2rem;
    height: 1.1rem;
    line-height: 1.1rem;
}

    .poster-share i {
        display: inline-block;
        vertical-align: middle;
        margin: -0.1rem 0.1rem 0 0;
        font-size: 0.8rem;
        color: #666;
    }

.item-title .item-card {
    margin-right: 2rem;
}



/*点评*/
.comment-box {
    background-color: #fff;
    padding: 0.6rem;
    margin-bottom: 0.43rem;
}

.comment-box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 0.34rem;
}

    .comment-box-title h3 {
        position: relative;
        padding-left: 0.43rem;
        font-weight: bold;
        color: #333;
    }

        .comment-box-title h3::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0.06rem;
            display: block;
            width: 0.128rem;
            height: 0.64rem;
            background-color: #00be88;
        }

    .comment-box-title span {
        color: #bbb;
        font-weight: 400;
        font-size: 0.512rem;
    }

    .comment-box-title .icon-link {
        color: #bbb;
        margin-left: 0.43rem;
        margin-right: 0;
    }

.comment-score-box {
    margin-bottom: 0.34rem;
    width: 100%;
    height: 2.13rem;
    background: #f1fcf6;
    border-radius: 0.17rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.512rem;
    box-sizing: border-box;
    overflow: hidden;
}

.comment-score-box-left {
    display: flex;
    align-items: center;
}

.comment-score-box-num {
    font-size: 1.024rem;
    font-weight: bold;
    color: #2dd173;
    margin-right: 0.213rem;
}

.comment-score-box-left img {
    width: 0.68rem;
    height: 0.68rem;
    margin-right: 0.085rem;
}

.comment-score-box-avgText {
    font-size: 0.512rem;
    font-weight: 500;
    color: #2dd173;
    margin-left: 8px;
}

.comment-score-box-right {
    font-size: 12px;
    font-weight: 400;
    color: #363636;
}

.comment-tag-list {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-around; */
    row-gap: 0.34rem;
    column-gap: 0.34rem;
}

.comment-tag-list-item {
    padding: 0.17rem 0.43rem;
    font-size: 0.512rem;
    font-weight: 400;
    color: #515151;
    background: #f5f5f5;
    border-radius: 1.83rem;
}

    .comment-tag-list-item:last-child {
        margin-right: 0;
    }

.comment-user-box {
    padding: 16px 0;
}

.comment-user-box-member {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comment-user-box-member-left {
    display: flex;
    align-items: center;
}

    .comment-user-box-member-left img {
        width: 1.7rem;
        height: 1.7rem;
        margin-right: 0.512rem;
        border-radius: 50%;
    }

.comment-user-box-member-left-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.comment-user-box-member-info-name {
    font-size: 0.597rem;
    color: #515151;
    display: flex;
    align-items: center;
    margin-bottom: 0.085rem;
    font-weight: bold;
}

    .comment-user-box-member-info-name img {
        width: 1.792rem;
        height: 0.68rem;
        margin-left: 0.34rem;
        border-radius: 0;
    }

.comment-user-box-member-info-time {
    font-size: 0.512rem;
    font-weight: 400;
    color: #6f6f6f;
}

.comment-user-box-member-right {
    display: flex;
    align-items: center;
    background: #fff7ee;
    border-radius: 2.64rem;
    padding: 0.085rem 0.512rem 0.085rem 0.2rem;
}

    .comment-user-box-member-right img {
        width: 1.024rem;
        height: 1.024rem;
        margin-right: .17rem;
    }

.comment-user-box-member-right-score {
    font-size: 0.512rem;
    font-weight: bold;
    color: #ff8a00;
    margin-right: .17rem;
}

.comment-user-box-member-right-text {
    font-size: 0.512rem;
    font-weight: 400;
    color: #515151;
}

.comment-user-suggest {
    margin-top: 0.512rem;
    display: flex;
    align-items: center;
}

.comment-user-suggest-text {
    flex-shrink: 0;
    align-self: flex-start;
    font-size: 0.512rem;
    font-weight: 400;
    color: #9c9c9c;
}


.comment-user-suggest-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.17rem;
    column-gap: 0.17rem;
    flex: 1;
}

.comment-user-suggest-item {
    /* margin: 0 0.17rem; */
    font-size: 0.512rem;
    font-weight: 400;
    color: #427baf;
}


.comment-user-desc {
    margin-top: 0.341rem;
    margin-bottom: 0.512rem;
    font-size: 0.597rem;
    font-weight: 400;
    color: #363636;
    line-height: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 1.707rem;
}

.comment-user-img-list {
    display: flex;
    flex-wrap: wrap;
    /* column-gap: 0.341rem;
    row-gap: 0.341rem; */
}

.comment-user-img-item {
    margin-right: 0.341rem;
    width: 4.65rem;
    height: 4.65rem;
    border-radius: 0.17rem;
    overflow: hidden;
    font-size: 0;
    position: relative;
    display: flex;
    justify-content: center;
}

    .comment-user-img-item:last-child {
        margin-right: 0;
    }

    .comment-user-img-item img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.comment-user-applyTime {
    margin-top: 0.512rem;
    font-size: 0.512rem;
    font-weight: 400;
    color: #6f6f6f;
}

.comment-box-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.98rem 0;
}

    .comment-box-empty img {
        width: 3.41rem;
        height: 3.41rem;
    }

.comment-box-empty-text {
    font-size: 0.597rem;
    font-weight: 400;
    color: #9c9c9c;
    margin-left: 0.85rem;
}

/*热门产品*/

.my-like-container {
    padding: 0 0.511rem;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.my-like {
    box-sizing: border-box;
    overflow: hidden;
}

.my-like-title {
    height: .853rem;
    /* margin-top: .68rem; */
    margin-bottom: .34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}

.my-like-title-line {
    width: 1.152rem;
    height: .043rem;
    background: #a5a5a5;
}

.my-like-title-label {
    margin: 0 .34rem;
    font-size: .64rem;
    font-weight: 500;
    color: #515151;
}

.my-like-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.my-like-list-item {
    width: 7.296rem;
    margin-bottom: .34rem;
    border-radius: .34rem;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.my-like-list-item-type {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.048rem;
    height: .98rem;
    z-index: 1;
    background: linear-gradient(90deg, #62d491, #2fac73 100%, #51b27a 100%);
    border-radius: .34rem 0 .34rem 0;
    font-size: .469rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: .98rem;
    box-sizing: border-box;
    overflow: hidden;
}

.my-like-list-item-img {
    overflow: hidden;
    font-size: 0;
    position: relative;
    display: flex;
    justify-content: center;
    width: 7.296rem;
    height: 4.78rem;
}

    .my-like-list-item-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .my-like-list-item-img .component {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .5;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .my-like-list-item-img .component > img {
            position: relative !important;
            width: 20px;
            height: 20px;
            margin-right: 5px;
            top: 1px;
        }

        .my-like-list-item-img .component > span {
            color: #fff;
            font-size: 16px;
        }

.my-like-list-item-productName {
    margin: .34rem auto .17rem;
    width: 6.613rem;
    height: 1.71rem;
    font-size: .597rem;
    font-weight: 400;
    text-align: LEFT;
    color: #363636;
}

    .my-like-list-item-productName span {
        line-height: .768rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.my-like-list-item-desc {
    display: flex;
    justify-content: space-between;
    width: 6.61rem;
    margin: 0 auto .34rem;
}

.my-like-list-item-city {
    font-size: .512rem;
    font-weight: 400;
    text-align: right;
    color: #9c9c9c;
}

.my-like-list-item-price {
    display: flex;
    align-items: center;
    font-size: .469rem;
    font-weight: 500;
    color: #f75b39;
}

    .my-like-list-item-price span {
        font-size: .597rem;
        font-weight: 700;
    }





.video-play,
.video-stop {
    position: relative;
}

    .video-play:before,
    .video-play:after,
    .video-stop:before,
    .video-stop:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .video-play:before,
    .video-stop:before {
        width: 2rem;
        height: 2rem;
        border-radius: 2rem;
        background-color: rgba(0, 0, 0, .4);
    }

    .video-play:after {
        border: 0.5rem solid transparent;
        border-left-color: white;
        margin-left: 0.3rem;
    }

    .video-stop:after {
        width: 1rem;
        height: 1rem;
        overflow: hidden;
        margin-left: -0.2rem;
        box-shadow: inset 0.4rem 0 0 white, 0.4rem 0px 0 white;
    }

.pop-share-mask {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
}

/*分享弹层*/
.pop-share-box {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background: #ffffff;
    border-radius: 32px 32px 0px 0px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.10) inset;
    position: fixed;
    left: 0;
    bottom: 0;
    /*兼容 IOS<11.2*/
    padding-bottom: calc(constant(safe-area-inset-bottom));
    /*兼容 IOS>11.2*/
    padding-bottom: calc(env(safe-area-inset-bottom));
}

.pop-share-box-title {
    text-align: center;
    margin-top: 0.512rem;
    font-weight: bold;
    font-size: 0.68rem;
    color: #363636;
}

.pop-share-box-list {
    margin: 1.024rem 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
}

.pop-share-box-list-item {
    margin-left: 1.28rem;
    display: flex;
    flex-direction: column;
}

    .pop-share-box-list-item img {
        width: 1.71rem;
        height: 1.71rem;
        margin-bottom: 0.34rem;
    }

.pop-share-box-list-item-text {
    font-size: 0.55rem;
    font-weight: 400;
    text-align: center;
    color: #363636;
}

.pop-share-box-cancel {
    width: 100%;
    height: 1.92rem;
    line-height: 1.92rem;
    background: #ffffff;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.10) inset;
    color: #363636;
    text-align: center;
    font-weight: bold;
    font-size: 0.64rem;
}