/**/
.about { padding: 0 5%; color: #333; text-align: justify; }
    .about p { margin: 1em 0; font-size: 1.25em; line-height: 2rem; }

/**/
.feedback { }
    .feedback .newtips, .feedback .types { padding: 0.5em 3%; border-bottom: 1px solid #e6e6e6; }
    .feedback .newtips { color: #969696; }
    .feedback .types { }
        .feedback .types .t p { color: #969696; }
        .feedback .types .c { color: #505050; }
            .feedback .types .c ul li { line-height: 2em; }

            .feedback .types .c a { display: inline-block; vertical-align: -0.2em; width: 1em; height: 1em; background-image: url(../images/icon_bg_6.png); background-size: 10em 10em; background-position: -3.571em -5.571em; margin-right: 0.4em; }
                .feedback .types .c a.this { background-position: -3.571em -4.571em; }
        .feedback .types .i { padding: 0.5em 0 0 0; }
            .feedback .types .i textarea { border-radius: 0.18em; border: 1px solid #dcdcdc; width: 100%; height: 6em; line-height: 1.5em; font-size: 1em; padding: 0.5em; font-weight: 100; }
input[type="text"].phoneormail { border-radius: 0.18em; border: 1px solid #dcdcdc; font-size: 1em; width: 100%; line-height: 2em; height: 3em; padding: 0.5em; font-weight: 100; }
.feedback .types:last-child, .feedback .types:nth-last-child(2) { border-bottom: none; }

.feedButtonBox { padding: 0 3% 0.5em 3%; }
input[type="button"].feedsumbit { width: 100%; text-align: center; font-size: 1.2em; line-height: 2.3em; height: 2.8em; color: #fff; border-radius: 0.18em; background-color: #35BA36; }

/**/
.topicmenu { border-bottom: 1px solid #e6e6e6; padding: 0 3%; }
    .topicmenu ul { width: 100%; height: 3em; margin-bottom: -1px; }
        .topicmenu ul li { float: left; height: 3em; margin-right: 1.2em; }
            .topicmenu ul li a { color: #333; padding: 0 0.2em; line-height: 2.5em; font-size: 1.2em; }
            .topicmenu ul li.this a { color: #35BA36; }
            .topicmenu ul li.this { border-bottom: 0.2em solid #35BA36; }

.topicList { padding: 1em 0; border-bottom: 1px solid #e6e6e6; }
    .topicList .pic img { width: 100%; }
    .topicList .pic h2 { font-size: 1.25em; font-weight: bold; }
    .topicList .text { padding: 0.5em 3% 0 3%; }
        .topicList .text p { color: #969696; }
            .topicList .text p.t { font-size: 0.8em; padding: 0.5em 0 0 0; }
        .topicList .text a { color: #333; }
        .topicList .text p.ad { height: 1.5em; line-height: 1.5em; }
        .topicList .text p.ad { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url(ellipsis.xml#ellipsis); }
.topicshow { padding: 0 0 1em 0; }
    .topicshow .text { background-color: #f0f0f0; padding-bottom: 1em; }
.topicList .text p.ad { height: auto; overflow: visible; white-space: normal; word-wrap: break-word; word-break: all; }

.thematiline { }
    .thematiline .title { padding: 1em 3% 0 3%; }
        .thematiline .title span { display: inline-block; border-left: 0.285em solid #35BA36; line-height: 1em; height: 1em; padding-left: 0.5em; }

ul.lineList2 { width: 100%; overflow: hidden; }
    ul.lineList2 li { width: 46%; float: left; margin-top: 0.85em; margin-left: 3%; }
        ul.lineList2 li:nth-child(2n) { margin-left: 2%; }
        ul.lineList2 li img { width: 100%; }
        ul.lineList2 li p { color: #f50; margin-top: 0.4em; font-weight: 300; }
            ul.lineList2 li p a { display: block; margin-bottom: 0.4em; line-height: 1.5em; height: 3em; overflow: hidden; color: #333; }

/**/
.pricesale { background-image: url(../images/icon_bg_7.png); background-size: 10em 10em; display: inline-block; vertical-align: middle; }
.group { }
.groupList ul { overflow: hidden; }
    .groupList ul li { width: 47%; padding: 0.5em 0 0.5em 0; float: left; position: relative; margin-left: 2%; }
        .groupList ul li a img { width: 100%;height:7rem; }
        .groupList ul li p.t { height: 3em; line-height: 1.5em; overflow: hidden; margin-top: 0.5em; }
        .groupList ul li a { color: #333; }
        .groupList ul li p.originalPrice { color: #969696; padding: 0.5em 0 0 0; font-size: 0.8em; text-decoration: line-through; }
            .groupList ul li p.originalPrice span { float: right; text-decoration: none; }
.pricesale { position: absolute; left: 0; top: 5.6em; width: 6em; height: 2em; line-height: 1.5em; background-position: 0 -2.5em; color: #fff; padding-left: 0.5em; }
    .pricesale i { vertical-align: super; font-style: normal; font-size: 0.7em; }

.grouppic { padding: 0.8em 3% 0 3%; overflow: hidden; }
    .grouppic .pic { width: 15em; max-width: 420px; margin: 0; float: left; position: relative; }
.groupCity { position: absolute; left: 0rem; bottom: 0rem; background-color: rgba(43,129,226,.8); color: #fff; height: 2.4em; line-height: 2em; padding: 0.2em 0.5em; }
.grouppic .pic img { width: 100%; max-width: 420px; }
.grouppic .price { margin-left: 15em; height: 9.9em; background-color: #F0F0F0; border: 1px solid #e6e6e6; border-width: 1px 1px 1px 0; }
    .grouppic .price ul li { border-bottom: 1px solid #e6e6e6; padding: 0.5em 0.5em 0.5em 0.8em; line-height: 1.2em; height: 3.2em; }
        .grouppic .price ul li:last-child { border-bottom: none; }
        .grouppic .price ul li p { color: #969696; font-size: 0.8em; }

.grouptitle { padding: 0 3%; }
    .grouptitle ul li { padding: 0.5em 0; }
        .grouptitle ul li.p { color: #f50; font-size: 1.5em; border-bottom: 1px solid #e6e6e6; padding-bottom: 0.2em; }
            .grouptitle ul li.p i { vertical-align: super; font-size: 0.5em; font-style: normal; }
        .grouptitle ul li.t { color: #35BA36; padding: 0.5em 0 0.5em 0; font-size: 1.4em; line-height: 1.4em; }
        .grouptitle ul li.n { color: #969696; padding: 0 0 1em 0; }

.introtitle { border-width: 1px 0 0 0; -webkit-border-image: url(../images/border.png) 2 0 stretch; border-image: url(../images/border.png) 2 0 stretch; }
    .introtitle .groupbox { padding: 0 5% 1em 5%; line-height: 1.8rem; word-break: break-all; }
.groupbox p { padding: 0.5em 0; color: #555; text-align: justify; font-size: 1.15rem; }
    .groupbox p img { width: 100%; }
.groupbox a { color: #000; text-decoration: underline; }
a.buyNow { width: 96%; }

ol.havelist { padding: 1em 0 0 0; margin-left: 1.5em; list-style: circle; }
    ol.havelist li { padding-bottom: 0.2em; font-size: 1.15em; color: #555; }

/* you ji */
.look-more-tn a, a.showarea, a.iwantop, a.zhan { display: inline-block; }
.tn-title p.t, .travel-notes-list ul li p.h b, .tn-reviews dl dd p b { color: #32B45A; }
.youjibox { }
    .youjibox .title { padding: 1rem 0 0 0; color: #969696; }
        .youjibox .title a, .look-more-tn a { color: #969696; }
a.showarea img { width: 0.892rem; margin-left: 0.5rem; }
.travel-notes-area, .youjibox .title, .tn-button, .tn-about-line, .tn-reviews { width: 92%;padding: 0 0 0 1rem; }
.youjibox .travel-notes-list{ width: 92%;padding: 0 0 0 1rem;display: none; }
    .travel-notes-area ul { overflow: hidden; }
        .travel-notes-area ul li { float: left; width: 33%; border: 1px solid #e6e6e6; line-height: 2.5rem; height: 2.5rem; text-align: center; margin: 0.5rem 2% 1rem 0; }
            .travel-notes-area ul li:nth-child(4n) { margin-right: 0; }
            .travel-notes-area ul li a { display: block; color: #555; }
            .title a.on{ background:#ff6600; color:#fff;}
.travel-notes-area ul li a.on{ background:#ff6600; color:#fff;}
.travel-notes-list ul li { margin: 0.5rem 0 1.5rem 0; padding: 0.8rem 0 0 0; border: 1px solid #e6e6e6; border-width: 1px 0; }
    .travel-notes-list ul li a { color: #000; }
    .travel-notes-list ul li p { padding: 0 4%; }
        .travel-notes-list ul li p.t { font-size: 1.15rem; height: 1.5rem; }
        .travel-notes-list ul li p.p { padding: 0.5rem 0; }
            .travel-notes-list ul li p.p img { width: 100%; }
        .travel-notes-list ul li p.n { color: rgb(180,180,180); font-size: 0.85rem; }
        .travel-notes-list ul li p.j { color: #333; height: 3rem; overflow: hidden; }
        .travel-notes-list ul li p.h { color: #646464; height: 1.5rem; overflow: hidden; }
            .travel-notes-list ul li p.h b { font-weight: 100; }
    .travel-notes-list ul li .replyto { background-color: #F5F5F5; padding: 0.5rem 0; margin-top: 1rem; }

.look-more-tn { text-align: center; line-height: 1.2rem; font-size: 0.85rem; }
    .look-more-tn img { width: 1.1785rem; }

.tn-title, .tn-button { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.tn-title { padding: 0.5rem 4%; }
    .tn-title p.t { font-size: 1.5rem; line-height: 2.2rem; font-weight: bold; padding-top: 0.5rem; }
    .tn-title p.n { color: rgb(180,180,180); font-size: 0.85rem; padding-top: 0.5rem; }

.tn-show { color: #333; padding: 0.5rem 4%; line-height: 1.9rem; font-size: 1.25rem; }
    .tn-show p { padding-bottom: 1rem; }
    .tn-show img { width: 100%; }

.tn-button { padding-top: 0; }
a.iwantop, a.zhan { margin-right: 0.5rem; border-radius: 0.1rem; background-color: #1C5AB0; color: #fff; line-height: 2.5rem; height: 2.5rem; padding: 0 2rem; }
a.zhan { background-color: #E53A5F; }

.tn-about-line { }
    .tn-about-line ul { overflow: hidden; }
        .tn-about-line ul li { float: left; width: 49%; margin-top: 0.5rem; margin-bottom: 0.5rem; }
            .tn-about-line ul li img { width: 100%; }
            .tn-about-line ul li p.t { height: 3rem; overflow: hidden; margin-top: 0.5rem; }
            .tn-about-line ul li a { color: #000; }
            .tn-about-line ul li p.j { color: #FF3200; }
            .tn-about-line ul li:nth-child(2n) { margin-left: 2%; }

.tn-reviews { padding-bottom: 1rem; }
    .tn-reviews dl { overflow: hidden; width: 100%; padding: 1rem 0; border-bottom: 1px solid rgb(245,245,245); }
        .tn-reviews dl:last-child { border: 0; }
        .tn-reviews dl dt, .tn-reviews dl dd { float: left; }
        .tn-reviews dl dt { width: 15%; }
            .tn-reviews dl dt img { width: 79%; border-radius: 3rem; }
        .tn-reviews dl dd { width: 85%; }
            .tn-reviews dl dd p b { font-weight: 100; }
            .tn-reviews dl dd p span { color: rgb(180,180,180); float: right; font-size: 0.85rem; }
            .tn-reviews dl dd p + p { color: #000; padding-top: 0.5rem; }

.tn-store-name { position: fixed; bottom: 3.14rem; border-top: 1px solid #e6e6e6; background-color: rgb(255,255,255); width: 100%; max-width: 640px; padding: 0.5rem 0; }
    .tn-store-name dl { overflow: hidden; width: 100%; }
        .tn-store-name dl dt, .tn-store-name dl dd { float: left; }
        .tn-store-name dl dt { width: 24%; padding-left: 4%; }
            .tn-store-name dl dt img { width: 75%; border-radius: 100px; }
        .tn-store-name dl dd { width: 76%; padding: 0.3rem 0 0 0; padding-right: 4%; }
            .tn-store-name dl dd p { height: 1.5rem; font-size: 1.15rem; }
                .tn-store-name dl dd p + p { font-size: 1rem; color: rgb(150,150,150); }

/* advertising walls */
.ad-walls { font-size: 14px; max-width: 640px; position: relative; background-color: rgb(0,0,0); }
    .ad-walls .logo { position: fixed; z-index: 10; }
        .ad-walls .logo img { width: 50%; margin: 10px 0 0 10px; }
.ad-w-c { border: 0; position: absolute; width: 100%; height: 100%; background-position: top center; background-size: cover; box-sizing: border-box; -moz-box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; z-index: 0; display: none; -webkit-transform-origin: center center; background: #fff; }
    .ad-w-c.z-current { z-index: 1; display: inline-block; }
    .ad-w-c.z-active { z-index: 2; display: inline-block; }
.z-current { opacity: 1; }
.ad-w-c img { height: 100%; }
.ad-w-c img, .store-name-adw dl dt img, .store-name-adw, .adw-arrow, .adw-arrow a img { width: 100%; }
.store-name-adw, .adw-arrow, .ad-walls .logo, .store-bton-bottom { max-width: 640px; }
.adw-arrow { position: fixed; bottom: 96px; text-align: center; opacity: 0; display: none; z-index: 10; }
    .adw-arrow a { width: 12.5%; display: inline-block; }
.adw-arrow-top { top: 67px; bottom: auto; }
    .adw-arrow-top a { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.adw-arrow a img { -webkit-animation: arrowMove 1s infinite; -moz-animation: arrowMove 1s infinite; -o-animation: arrowMove 1s infinite; -ms-animation: arrowMove 1s infinite; animation: arrowMove 1s infinite; }

@-webkit-keyframes arrowMove {
    50% { -webkit-transform: translateY(20px); }
}

@-moz-keyframes arrowMove {
    50% { -moz-transform: translateY(20px); }
}

@-o-keyframes arrowMove {
    50% { -o-transform: translateY(20px); }
}

@-ms-keyframes arrowMove {
    50% { -ms-transform: translateY(20px); }
}

@keyframes arrowMove {
    50% { transform: translateY(20px); }
}

.store-name-adw { background-color: rgba(0,0,0,.5); position: fixed; bottom: 0; padding: 0 10px; color: #fff; line-height: 25px; z-index: 10; }
    .store-name-adw dl { padding: 10px 0; overflow: hidden; }
        .store-name-adw dl.hide { visibility: hidden; }
        .store-name-adw dl dt { float: left; }
        .store-name-adw dl dt { width: 56px; }
            .store-name-adw dl dt img { border-radius: 100%; }
        .store-name-adw dl dd { margin-left: 66px; padding-top: 5px; }
            .store-name-adw dl dd p:first-child { height: 26px; }
                .store-name-adw dl dd p:first-child b { font-size: 18px; font-weight: bold; }
            .store-name-adw dl dd p span { display: inline-block; margin-left: 5px; }
            .store-name-adw dl dd p:last-child { height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url(ellipsis.xml#ellipsis); }
.store-bton-bottom { position: fixed; top: 45px; text-align: right; width: 100%; padding: 0 10px; height: 15px; font-size: 12px; z-index: 10; }
    .store-bton-bottom a { color: #F5E8AC; vertical-align: top; display: inline-block; line-height: 15px; padding: 2px 10px; border-radius: 12px; background-color: rgba(0,0,0,.5); text-align: center; }

.colose-sna { position: absolute; right: 10px; top: 5px; }
    .colose-sna img { width: 16.5px; height: 9px; }
.cs-active img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/* added new css 2015-05-08 16:01 */
.topic-title-kid { background-color: rgb(255,255,255); width: 100%; max-width: 640px; }
    .topic-title-kid ul { height: 3.5rem; padding: 0.5rem 3%; }
        .topic-title-kid ul li { float: left; height: 2.5rem; width: 25%; text-align: center; margin-right: 2%; }
            .topic-title-kid ul li a { display: block; line-height: 2.5rem; color: rgb(51,51,51); height: 2.5rem; border: 1px solid rgb(200,200,200); border-radius: 0.15rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url(ellipsis.xml#ellipsis); }
            .more-topic-tkids .cont ul li.this a, .topic-title-kid ul li.this a { background-color: #35BA36; border-color: #35BA36; color: rgb(255,255,255); }
            .topic-title-kid ul li.more { width: 19%; margin-right: 0; }
.more-topic-tkids { position: fixed; z-index: 700; width: 100%; height: 100%; top: 0; max-width: 640px; background-color: rgba(0,0,0,.5); }
    .more-topic-tkids .cont { width: 40%; height: 100%; margin-left: 60%; background-color: rgb(255,255,255); overflow-y: auto; overflow-x: hidden; }
        .more-topic-tkids .cont ul li a { color: rgb(51,51,51); display: block; height: 2rem; line-height: 2rem; border-bottom: 1px solid rgb(220,220,220); padding-left: 0.5rem; }
        .more-topic-tkids .cont ul li.top-close { background-color: rgb(220,220,220); }
            .more-topic-tkids .cont ul li.top-close a { height: 3rem; text-align: right; }
            .more-topic-tkids .cont ul li.top-close img { width: 3rem; }
        .more-topic-tkids .cont ul li.this a { background-color: #35BA36; position: inherit; }
        /*¹¥ÂÔͼƬ*/
		.city_pic {
width: 100%; margin-top:0.8rem;
display: -webkit-box;
box-sizing: border-box;
}
.city_pic ul {
overflow: hidden;
width: 100%;
margin: 0 auto;
}

.city_pic ul li {
float: left;
-webkit-box-flex: 1;
width: 32%;
padding-left:5px; margin-bottom:0.4rem;
overflow: hidden;
}
.city_pic ul li a {
width: 100%;
display: block;
position: relative;
}
.city_pic ul li a img {
width: 100%;
border-radius: 2px;
}
.zhe {
width: 100%;
height: 100%;
position: absolute;
float: left;
left: 0;
bottom: 5px;
background: rgba(0,0,0,.1);
border-radius: 2px;
}
.zhe .city_name {
font-family: arial,sans-serif;
text-align: center;
color: #fff;
font-size: 1.16666667rem;
width: 100%;
box-sizing: border-box;
position: absolute;
top: 50%;
margin-top: -1.25rem;
}
.zhe .city_name p {
text-align: center;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;.city_pic ul li
}
.zhe .name_en {
font-size: .75rem;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.city_pic ul li a .hover_box {
    width: 222px;
    height: 152px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)";
    display: none;
}
.city_pic ul li a:hover .hover_box {
display: block;
}
/*.city_pic ul li a:hover .zhe{ display:none;}*/
.city_pic ul li a p {
margin-top:0.8rem; width:90%;
color: #fff;
font-size: 0.8rem;
line-height: 0.7rempx;
/*padding: 0 1rem;*/
overflow: hidden;
}