@charset "utf-8";
/* CSS Document */
.chinatourtop { margin-bottom: 60px; position: relative;}
.chinatourheadline {position: absolute;
    
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0; }
.chinatourtitle {font-size: 44px;
    color: #fff;
    text-align: center;
    display: block;
    top: calc(50% - 180px);
    height: 100px;
    text-shadow: 3px 3px 3px #414141;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 300;}
.topsubtitle {font-size: 24px;
    color: #fff;
    text-align: center;
    display: block;
    top: calc(50% - 115px);
    height: 100px;
    text-shadow: 3px 3px 3px #414141;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 300;}
p.chinatourp, h1.chinatourh1, h2.chinatourh2, .immersionta { text-align: center;}
.populartour { display: block; text-align:center; font-style: italic; color:#555; font-size:24px; margin-bottom: 30px;}
.beijingindextour {     margin-bottom: 40px;}
.gltour {
    position: relative;
    z-index: 10;
}
.gltour img {
    border-radius: 4px 4px 0 0;}
    .tourindextitle {
        border: 1px solid #cbcbcb;
        border-top: none;
        padding: 15px 20px;
        margin-bottom: 30px;
        border-radius: 0 0 4px 4px;
        background: #fff;
        height: 400px;
    }
    .beijingtourname {
        line-height: 27px;
        display: block;
        width: 100%;
        height: 35px;font-size: 23px;
        color: #000;
        margin-bottom: 40px;
        font-weight: 400;
    }
    .beijingtourname a {     text-decoration: none;  color: #000;}
    .beijingtourname a:hover {  color: #a31022;}
.tourroute {    font-size: 16px;
    display: block; height: 45px;}
em {
    font-size: 14px;
    border: 1px solid #555;
    border-radius: 4px;
    padding: 2px 5px;
    margin-right: 10px;
    float: left;
}
.tourtags {    font-size: 15px;
    display: block;
    margin: 15px 0;
}
.tourtags .fa {color: #a31022; margin-right:10px;    font-size: 17px;}
.beijingpriceFrom {
    font-size: 18px;
    font-weight: 300;
    color: #919191;
    text-align: right;
    margin: 20px 0 0;
}
.beijingviewmore {
    float: right;
    display: block;
    font-size: 16px;
    color: #a31022;
}
.beijingviewmore a {
    color: #a31022;
    text-decoration: none;
}
.beijingviewmore a:hover {
    text-decoration: underline;
}
.chinatoursbg { padding: 80px 0;    margin-bottom: 50px;background-color: #e7e8ea;
    margin-top: 40px;}
.taname { font-size: 30px;    margin-bottom: 35px;    display: block;
    color: #000;}
.reviewnumber {
        display: block;
        margin-top: 5px;
        border-bottom: 1px solid #d1d1d1;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .reviewdetail {
        display: block;
        font-style: italic;
        color: #999;
        font-size: 16px;
        background: url(/pic/quote-left.png) no-repeat left 5px / 18px 14px;
        padding-left: 25px;font-size: 20px;
        color: #555;
    }
.bywho {     background: url(/pic/quote-right.png) no-repeat right bottom / 18px 14px;font-size: 16px;display: block;
    color: #919191;
    margin-top: 40px;}
.experience { float: left;    margin-top: 30px;
    height: 150px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;}
    .experience img {width:85px;left:calc(50% - 45px);position:relative;margin-bottom:15px;height:85px;}
.customertag { font-weight: 600; font-size:18px; color: #000;    margin-bottom: 25px;  text-align: center;
    display: block;}
p.years {font-size: 22px; text-align:center; display:block;font-weight: 300; margin-top: 120px;}
p.createlink { text-align:center; display:block;font-size: 22px;font-weight: 300;margin-bottom:60px;}
p.createlink a {color:#a31022; text-decoration: underline;}
.tourcategory { float: left; margin-right:2px; position: relative;margin-bottom: -2px;}
.categorybg {        position: absolute;
    background: none repeat scroll 0 0 rgba(0,0,0,0.31);
    width: 100%;
    height: 99%;
    left: 0;
    bottom: 4px;}
.categoryname {font-size: 24px;
    color: #fff;
    text-align: center;
    display: block;
    top: calc(50% - 20px);
    height: 100px;
    text-shadow: 3px 3px 3px #414141;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;}
    .categoryname a { color: #fff; text-decoration: none;}
    .categoryname a:hover { text-decoration: underline;}
.gcity { position: relative;     margin-bottom: 60px;}
.gcity img { border-radius: 4px;}
.gateway { position: absolute;
    background: none repeat scroll 0 0 rgba(0,0,0,0.61);
    width: 93%;
    border-radius: 4px;
    height: 90%;
    bottom: 0;
    top: 12px;
    padding: 30px;
    right: calc(50% - 163px);}
.gatewaycity {font-size: 24px;
    color: #fff;
    text-align: center;
    display: block;
    top: calc(50% - 20px);
    height: 50px;
    text-shadow: 3px 3px 3px #414141;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; font-style: italic;}
.suggestion { background: #fff; border-radius: 6px; padding: 30px; margin-bottom: 30px; height: 270px;}
.tipstitle { font-size: 20px; display: block; color: #000; margin-bottom:20px; font-weight: 600;}
.chinatourtailor { display: block;
    font-size: 30px;
    text-align: center;
    color: #333;
    background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/china-tour-arrow.png) no-repeat top center; 
    padding-bottom: 15px;
    padding-top: 50px;
    z-index: 100;margin-top: -50px;}
.chinatourword { text-align: center; font-style: italic; color:#000; font-size: 28px;  margin-top: 60px;  display: block;
    font-weight: 300;}
.chinatourmore {margin-bottom: 100px;  margin-top: 35px; text-align: center;
    display: block; border: 2px solid #a31022; padding: 8px 20px; color: #a31022; font-size: 20px; border-radius: 6px; font-weight: 400;}
    .chinatourmore  .fa {margin-left: 15px; font-size:21px;}
    .tourdayschinatour {
        position: absolute;
        bottom: 0;
        color: #fff;
        font-size: 18px;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.72);
        width: 100%;
        padding: 7px 20px;
        font-weight: 300;
    }
    .date {
        margin-right: 30px;
    }
    .date .fa {
        margin-right: 10px;
    }

    @media(max-width:750px) {
    .chinatourtitle {font-size: 30px;
        line-height: 30px;
        top: calc(50% - 40px);}
        .topsubtitle {    top: calc(100% - 220px);}
        .experience { height: auto; margin-bottom: 0;}
        .suggestion { height: auto;}
    }