* {
    box-sizing: border-box;
}
body, html {
    background-color: #e6e6e6;
    font-size: 14px;
}
@media screen and (min-width: 360px) {
body, html {
    font-size: 15.75px;
}
}
@media screen and (min-width: 480px) {
body, html {
    font-size: 21px;
}
}
@media screen and (min-width: 540px) {
body, html {
    font-size: 23.625px;
}
}
@media screen and (min-width: 640px) {
body, html {
    font-size: 28px;
}
}
body, ul, ol, li, table, tr, td, span, nav, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, img, legend, form, fieldset, input, select, button, textarea {
    margin: 0;
    padding: 0;
}
body, input, select, textarea {
    color: #000;
    line-height: 1.5em;
}
div {
    margin: 0 auto;
}
ul {
    list-style: outside none none;
}
img, input, button, select, textarea {
    border: medium none;
    vertical-align: middle;
}
img {
}
input[type="button"], input[type="text"], input[type="password"], textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}
input[type="text"]:focus, input[type="password"]:focus, button:focus, input[type="button"]:focus, textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    outline: medium none;
}
a {
    outline: medium none;
    text-decoration: none;
}
a, img {
}
img {
}
.global {
    background-color: #fff;
    background-position: 0 0;
    background-repeat: no-repeat;
    max-width: 640px;
    min-width: 320px;
}
.hvaeButton {
    padding-bottom: 3.5em;
}
.bottomMenu {
    background-color: #e6e6e6;
    margin-top: 1em;
}
.bottomMenu ul {
    overflow: hidden;
    padding: 4px 0;
}
.bottomMenu ul li {
    float: left;
    text-align: center;
    width: 20%;
}
.bottomMenu ul li p {
    color: #646464;
    font-size: 0.85em;
}
.bottomMenu ul li i {
    background-image: url("../images/icon_bg_1.png");
    background-size: 10em 15em;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 2em;
}
.bottomMenu ul li:first-child i {
    background-position: -2.85em -8.21em;
}
.bottomMenu ul li:nth-child(2) i {
    background-position: -4.85em -8.21em;
}
.bottomMenu ul li:nth-child(3) i {
    background-position: -6.85em -8.21em;
}
.bottomMenu ul li:nth-child(4) i {
    background-position: -2.85em -10.21em;
}
.bottomMenu ul li:nth-child(5) i {
    background-position: -4.85em -10.21em;
}
.footer {
    color: #969696;
    line-height: 1.5em;
    padding: 0.5em 0;
    text-align: center;
}
.footer p.p2 {
    font-size: 0.8em;
}
.footer a {
    color: #333;
    margin: 0 0.3em;
}
.popupWindow {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    height: 100%;
    max-width: 640px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.windowContent {
    background-color: #fff;
    border-top: 0.277em solid #35ba36;
    bottom: 0;
    max-width: 640px;
    padding-bottom: 0.5em;
    position: fixed;
    width: 100%;
}
.windowContent .windowTitle {
    background-color: #e6e6e6;
    color: #333;
    height: 3em;
    line-height: 3em;
    padding: 0 0 0 3%;
}
.windowContent .windowTitle span {
    float: right;
}
.windowContent .windowTitle span img {
    width: 3rem;
}
.windowContent .windowTitle a.chave {
    color: #32b45a;
    display: inline-block;
    margin-left: 0.5rem;
}
.windowContent .showCont {
    padding: 1em 3% 0;
}
.iWantToAsk {
    height: 5.5em;
}
.askArear {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    border-radius: 0;
    color: #969696;
    font-size: 1em;
    height: 4.5em;
    width: 100%;
}
.askArear:focus {
    color: #333;
    outline: medium none;
}
.ask-mail {
    padding: 0 3% 0.5rem;
}
.ask-mail input {
    border-bottom: 1px solid #e6e6e6;
    font-size: 1rem;
    line-height: 2.5rem;
    width: 100%;
}
.ask-mail input:focus {
    border-bottom: 1px solid #dcdcdc;
}
.windowContent .star {
    padding: 0.5em 3% 0;
}
.windowContent .star p {
    color: #969696;
}
.windowContent .star .ct {
}
.windowContent .star .ct a {
    border: 1px solid #dcdcdc;
    color: #969696;
    display: inline-block;
    height: 2.5em;
    line-height: 2.5em;
    margin-right: 2%;
    margin-top: 0.5rem;
    text-align: center;
    width: 23%;
}
.windowContent .star .ct a:nth-child(4n) {
    margin-right: 0;
    width: 25%;
}
.windowContent .star .ct a.this {
    background: url("../images/icon_bg_3.png") no-repeat scroll right bottom / 1.321em 1.321em rgba(0, 0, 0, 0);
    border-color: #ff5555;
    color: #ff5555;
}
.submit-two, .submit {
    padding: 1rem 3% 0;
}
input.submitButton[type="button"], input.cancel[type="button"] {
    background-color: #35ba36;
    border-radius: 0.18em;
    color: #fff;
    font-size: 1em;
    height: 2.85em;
    line-height: 2.85em;
    text-align: center;
    width: 100%;
}
input.cancel[type="button"] {
    background-color: #e6e6e6;
    color: #969696;
}
.submit-two input.submitButton[type="button"], .submit-two input.cancel[type="button"] {
    width: 49%;
}
.submit-two input.cancel[type="button"] {
    margin-left: 2%;
}
.buyselect {
    height: 21em;
    overflow-x: hidden;
    overflow-y: scroll;
}
.buyselect ul li a {
    border-bottom: 1px solid #e6e6e6;
    color: #555;
    display: block;
    height: 3em;
    line-height: 3em;
    padding: 0 3%;
}
.streamfooter {
    background-color: rgb(240, 240, 240);
    color: #969696;
    line-height: 1.5em;
    padding: 0.5em 0;
    text-align: center;
}
.streamfooter p.p2 {
    font-size: 0.8em;
}
.newWindow {
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    max-width: 640px;
    padding: 1em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.outContent {
    background-color: #fff;
    border-radius: 0.4em;
    box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.1);
    height: 100%;
    left: 0;
    padding: 2em 1em 1em;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 998;
}
.outContent .page {
    color: #555;
    font-size: 1.25em;
    height: 100%;
    line-height: 1.5em;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: justify;
}
.outContent .page p {
    padding: 0.5em 0;
}
.closeWindow {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
}
.closeWindow a {
    background-color: #e6e6e6;
    border-radius: 2em;
    display: inline-block;
    height: 2.5em;
    line-height: 1em;
    padding: 0.6em 0 0;
    text-align: center;
    width: 2.5em;
}
.closeWindow a img {
    width: 1em;
}
.ishare {
}
.ishare ul {
    overflow: hidden;
    padding-bottom: 1rem;
    width: 100%;
}
.ishare ul li {
    float: left;
    margin-top: 1rem;
    text-align: center;
    width: 25%;
}
.ishare ul li a {
    color: #333;
}
.ishare ul li a img {
    height: 1.785rem;
    margin-bottom: 0.2rem;
    width: 1.785rem;
}
.ishare ul li a p {
    font-size: 0.85rem;
}
.tips {
    background: none repeat scroll 0 0 #ff3e3e;
    color: #fff;
    height: 3em;
    line-height: 3em;
    max-width: 640px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.micro-page {
    padding: 1.5rem 2%;
    text-align: center;
}
.micro-page a {
    border: 1px solid #e6e6e6;
    border-radius: 2rem;
    color: #969696;
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    margin: 0 0.2rem;
    text-align: center;
    vertical-align: middle;
    width: 2rem;
}
.micro-page a.this {
    border-color: #969696;
    color: #333;
}
.micro-page a.no {
    opacity: 0.5;
}
.messbox {
    padding-top: 1em;
}
.messbox ul li {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    height: 3.2em;
    padding: 0 2%;
}
.messbox ul li span {
    color: #c8c8c8;
    display: inline-block;
    float: right;
    line-height: 3.2em;
}
input.userName[type="text"], input.userPw[type="password"] {
    color: #b4b4b4;
    font-size: 1em;
    font-weight: 100;
    height: 3.2em;
    line-height: 2em;
    padding: 0.6em 0;
    width: 80%;
}
input.userName[type="text"]:focus, input.userPw[type="password"]:focus {
    color: #000;
}
.savev {
    padding: 0.5rem 2% 0;
}
.savev a.c, .visitors_list_window ul li a.c {
    background-image: url("../images/micro_store_bg_4.png");
    background-position: -3.571em -5.571em;
    background-size: 10em 10em;
    display: inline-block;
    height: 1em;
    margin-right: 0.3rem;
    vertical-align: -0.15rem;
    width: 1em;
}
.savev a.t, .visitors_list_window ul li a.t {
    background-position: -3.571em -4.571em;
}
.visitors_list_window {
    height: 20rem;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
}
.visitors_list_window ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 0.5rem 2%;
}
select.zjN {
    color: #555;
    font-size: 1rem;
    height: 2rem;
    margin-top: 0.6rem;
    width: 100%;
}
select.zjN:focus {
    border: 0 none;
    color: #b4b4b4;
    outline: medium none;
}
img.userName {
    height: auto;
    vertical-align: middle;
    width: 7.05rem;
}
.window-black {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.open-box {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    height: 88%;
    margin-top: 10%;
    position: relative;
    width: 88%;
}
.open-title {
    background-color: rgb(240, 240, 240);
    border-bottom: 1px solid rgb(230, 230, 230);
    color: #000;
    line-height: 2rem;
    padding: 0 0 0 3%;
}
.open-title span {
    display: inline-block;
    float: right;
}
.open-title span img {
    width: 1.8rem;
}
.open-content2 {
    padding: 0 0.5rem 0.5rem;
}
ul.otherlist li {
    padding: 0.5rem 0;
}
.open-content2 .cancel, .open-content2 .ok {
    background-color: #35ba36;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    margin-right: 0.2rem;
    padding: 0.1rem 1rem;
}
.open-content2 .cancel {
    background-color: rgb(220, 220, 220);
    color: #787878;
}
.topside, .showLine, .searchKey, .detailsItro ul li {
    padding: 0 2%;
}
.topside {
    background-color:#00a4d6;
    height: 3em;
}
.topside .toback, .topside .pagetitle, .topside .otherFun {
    float: left;
}
.topside .toback, .topside .otherFun {
    padding: 0.365em 0 0.35em;
    width: 22%;
}
.topside .pagetitle {
    color: #fff;
    font-weight: bold;
    height: 3em;
    line-height: 3em;
    padding: 0 5%;
    text-align: center;
    width: 56%;
}
.topside .pagetitle, .travel-notes-list ul li p.t, .travel-notes-list ul li p.h {
    -moz-binding: url("ellipsis.xml#ellipsis");
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topside .pagetitle b {
    font-size: 1.25em;
}
.topside .otherFun {
    text-align: right;
}
.topside a {
    color: #fff;
}
.topside .toback i, .topside .otherFun a.s, .topside .otherFun a.a, .lineSorting ul li a i, .topclass ul li i, .nsc .sc a i, .introtitle .title a i, .itinerary .day span, .backIcon a {
    background-image: url("../images/icon_bg_2.png");
    background-size: 10em 10em;
}
.topside .toback i, .topside .toback b, .topside .otherFun a, .lineSorting ul li a i, .keyContent a, .topclass ul li i, .detailsItro ul li.price span, .introtitle .title a i, .itinerary .day span, .buyCollection a, .backIcon a {
    display: inline-block;
    vertical-align: middle;
}
.topside .toback i {
    height: 2.285em;
    width: 1.2em;
}
.topside .toback b {
    font-weight: 100;
}
.topside .otherFun a.s, .topside .otherFun a.a {
    height: 2.285em;
    width: 2.285em;
}
.topside .otherFun a.s {
    background-position: -2.285em 0;
}
.topside .otherFun a.a {
    background-position: -4.57em 0;
}
.topside .otherFun a.t {
    line-height: 2.285em;
}