body,
h1,
h2,
h3,
h4,
h5,
p,
em,
i,
div,
span {
    font-family: 'PingFang SC';
}

body {
    background-color: #F5F5F5;
}

.homepage {
    background: url('../images/homebg.png') no-repeat left -13%;
    background-size: 100%;
    background-color: #F5F5F5;
}

.logotext {
    position: absolute;
    top: 5vh;
    left: 10%;
}

.logotext h2 {
    font-size: 21px;
    color: #ffffff;
}

.logotext p {
    font-size: 12px;
    color: #ffffff;
}

.sk_button {
    width: 90%;
    font-size: 0.9rem;
    height: 6.8vh;
    border-radius: 2em;
    background-color: #FF7F00;
    color: #ffffff;
    outline: none;
    border: none;
    margin: 2vh 5% 2vh 5%;
}

.sk_button_wx {
    background: url('../images/btn-wx.png') no-repeat 22% center;
    background-size: 1.5rem;
    background-color: #FF7F00;
}

.sk_button:active {
    opacity: 0.9;
}

.sk_radisbox {
    padding: 4% 3% 1% 3%;
    background-color: #ffffff;
    border-radius: 0.7rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    width: 88%;
    margin: 2vh 3% 3vh 3%;
}

.sk_transform_rotate {
    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.place_select {
    margin-top: 17vh;
}

.place_select_p {
    margin-top: 3vh;
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 1.5vh;
}

.place_select_p span,
.place_select_p h3 {
    display: inline-block;
    width: 30%;
    text-align: center;
    margin: 0 1% 0 1%;
    height: 5vh;
    line-height: 5vh;
    font-size: 19px;
    color: #333333;
    font-weight: 600;
}

.place_select_p span.img {
    background: url('../images/palce-ref.png') no-repeat center center;
    background-size: 26px;
}

.place_select_p h5 {
    font-size: 15px;
    color: #333333;
    display: inline-block;
    padding-left: 8vw;
    width: 60%;
}

.place_select_p i {
    font-size: 15px;
    color: #666666;
    display: inline-block;
    margin-left: 5px;
}

.his_list {
    width: 90%;
    margin: 0vh 5% 2vh 5%;
    color: #999999;
}

.his_list a {
    font-size: 0.7rem;
    display: inline-block;
    width: 30%;
    margin: 0.5em 1% 0.1em 1%;
    text-align: center;
}

.sk_radisbox .sk_car_pro {
    display: inline-block;
    width: 30%;
    text-align: center;
    margin: 1%;
}

.sk_radisbox .sk_car_pro img {
    width: 65%;
}

.sk_radisbox .sk_car_pro p {
    color: #323232;
    font-size: 0.7rem;
    margin-top: -0.5vh;
}

.hot-jq-list {
    margin-bottom: 10vh;
}

.hot-jq-list h3 {
    color: #FF7F00;
    font-size: 1rem;
}

.hot-jq-list .hot-jq-list-item {
    width: 100%;
    margin: 2vh 0 2vh 0;
    overflow: hidden;
}

.hot-jq-list .hot-jq-list-item > img {
    width: 15vw;
    float: left;
}

.hot-jq-list .hot-jq-list-item .hot-jq-list-item-info {
    float: right;
    width: 48vw;
}

.hot-jq-list .hot-jq-list-item .hot-jq-list-item-info h3 {
    color: #333333;
    font-size: 1rem;
}

.hot-jq-list .hot-jq-list-item .hot-jq-list-item-info > p {
    font-size: 0.9rem;
    color: #666666;
    margin-top: 0.3vh;
}

.hot-jq-list .hot-jq-list-item .hot-jq-list-item-info p.des {
    display: inline-block;
    padding: 2px 4px 2px 4px;
    font-size: 12px;
    background-color: rgba(231, 248, 242);
    color: rgba(81, 177, 144);
    border-radius: 3px;
    line-height: 13px;
}

.hot-jq-list .hot-jq-list-item .hot-jq-list-item-info p.price {
    font-size: 0.7rem;
    color: #666666;
}

.hot-jq-list .hot-jq-list-item .hot-jq-list-item-info p.price em {
    font-size: 1.6em;
    color: #FF7F00;
}

.hot-jq-list .hot-jq-list-item .hot-jq-list-item-info p.price i {
    text-decoration: line-through;
}

.sk_tab {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5vh 0 0.5vh 0;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
}

.sk_tab .sk_tab_item {
    display: inline-block;
    width: 32%;
    text-align: center;
}

.sk_tab .sk_tab_item img {
    width: 20%;
}

.sk_tab .sk_tab_item p {
    color: #323232;
}

.sk_tab .sk_tab_item_on p {
    color: #FF7F00 !important;
}

.sk_tab .sk_tab_item_on img.on {
    display: inline-block;
}

.sk_tab .sk_tab_item_on img.normal {
    display: none;
}


.weltext {
    margin-top: 5vh;
    padding-left: 6%;
}

.weltext h2 {
    font-size: 2rem;
    color: #292C38;
    font-weight: 200;
    font-family: 'PingFang SC';
}

.weltext h5 {
    font-size: 1rem;
    color: #999999;
    font-weight: 200;
    font-family: 'PingFang SC';
    margin-top: 2vh;
}

.loginpage > img {
    width: 100%;
    margin-bottom: 2vh;
}

.loginpage > p {
    font-size: 1rem;
    color: #999999;
    text-align: center;
    margin-top: 3vh;
}

.loginpage .redes,
.loginpage .redes span {
    color: #FF7F00;
    font-size: 1rem;
    margin-top: 1vh;
}

.loginpage .redes span {
    color: #999999;
}


.mycenter .mytop {
    width: 100%;
    height: 40vh;
    text-align: center;
    background: linear-gradient(to right, rgba(255, 127, 0, 0.36), rgba(255, 127, 0, 0.96));
}

.mycenter .mytop > img {
    width: 20vw;
    height: 20vw;
    border-radius: 50%;
    margin-top: 10vh;
    box-shadow: 0px 0px 10px rgba(255, 111, 0, 1);
}

.mycenter .mytop > p {
    font-size: 1em;
    color: #FFFFFF;
    margin-top: 1vh;
}

.mycenter .mytop > p img {
    margin-left: 0.5rem;
    width: 1rem;
}

.menu-list {
    width: 86%;
    padding-left: 4%;
    padding-right: 4%;
}

.menu-list .menu-list-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0px !important;
}

.menu-list .menu-list-item {
    font-size: 1rem;
    color: #737373;
    overflow: hidden;
    padding-bottom: 1.5vh;
    padding-top: 0.5vh;
    border-bottom: 1px dashed #E6E6E6;
    margin-bottom: 1vh;
    background: url('../images/ar.png') no-repeat right top;
}

.menu-list .menu-list-item img {
    width: 1.5rem;
    float: left;
}

.menu-list .menu-list-item span {
    float: left;
    font-size: 0.7rem;
    color: #737373;
    margin-top: 0.2rem;
    margin-left: 0.5rem;
}

.orderlist .searchbox {
    width: 100%;
    background-color: #ffffff;
    padding: 1.5vh 0 1.5vh 0;
}

.orderlist .searchbox .upangle {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-top: 0.55rem solid #333333;
    margin-left: 0.1rem;
}

.orderlist .searchbox .circle {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #707070;
    border-radius: 50%;
    margin-right: 0.3rem;
}

.orderlist .searchbox .circleon {
    background-color: #707070;
}

.orderlist .searchbox span {
    display: inline-block;
    width: 32%;
    padding: 0.5vh 0 0.5vh 0;
    text-align: center;
    font-size: 0.8rem;
    color: #333333;
}

.orderlist .order-list-item {
    overflow: hidden;
}

.orderlist .order-list-item h3 {
    font-size: 1rem;
    line-height: 1.2rem;
    color: #333333;
    font-weight: 600;
}

.orderlist .order-list-item h3 img {
    width: 1.2rem;
    margin-right: 0.2rem;
}

.orderlist .order-list-item h3 i {
    color: #FF7F00;
    font-weight: 200;
    float: right;
    font-size: 0.8rem;
}

.orderlist .order-list-item h3 i em {
    font-size: 1.2rem;
}


.orderlist .order-list-item > p {
    margin-top: 2vh;
    color: #666666;
    line-height: 1.2rem;
    padding-left: 1.3rem;
}

.orderlist .order-list-item > p.times span {
    float: right;
    color: #ff7f00;
    margin-top: -0.4vh;
    font-size: 1rem;
}

.orderlist-box {
    margin-bottom: 12vh;
}

.orderlist .btnbox {
    float: right;
}

.orderlist .order-list-item .btnbox {
    width: 70%;
    padding: 3vh 0 2vh 0;
}

.orderlist .order-list-item .btnbox button {
    width: 40%;
    height: 4.3vh;
    margin: 0 0 0 1rem;
    font-size: 0.9rem;
}

.orderlist .order-list-item .btnbox .sk_button_delete {
    background-color: #E6E6E6;
}

.orderlist .orderlist-box > p {
    text-align: center;
    color: #666666;
    margin-top: 1vh;
    font-size: 0.9rem;
}

.orderdetail .order-detail-date {
    width: 40%;
    margin-left: 30%;
    display: inline-block;
    background-color: #FF7F00;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    font-size: 1rem;
    color: #ffffff;
    border-radius: 0.6rem;
    margin-top: 1vh;
}

.orderdetail .order-detail-place {
    margin-top: 3vh;
    width: 90%;
    margin-left: 5%;
    padding-top: 1vh;
    overflow: hidden;
}

.orderdetail .order-detail-place h2,
.orderdetail .order-detail-place > div {
    float: left;
}

.orderdetail .order-detail-place h2 {
    width: 28%;
    text-align: center;
    color: #FF7F00;
    font-size: 1rem;
}

.orderdetail .order-detail-place > div {
    width: 40%;
    text-align: center;
    overflow: hidden;
    margin-top: -1vh;
}

.orderdetail .order-detail-place > div > p.date {
    color: #333333;
    font-size: 1rem;
    width: 100%;
    font-weight: 500;
}

.orderdetail .order-detail-place > div > p.line {
    width: 100%;
    height: 1px;
    background-color: #cccccc;
    line-height: 1;
}

.orderdetail .order-detail-place > div > p {
    margin-top: 0.45vh;
    overflow: hidden;
}

.orderdetail .order-detail-place > div > p span {
    font-size: 0.7rem;
    color: #8C8C8C;
    margin-top: -7px;
    float: left;
}

.orderdetail .order-detail-place > div > p > img {
    width: 1rem;
    margin-right: 0.2rem;
    float: left;
    margin-left: 30%;
}

.orderdetail .placeitem {
    margin-top: 2vh;
    width: 86%;
    margin-left: 0.5%;
    color: #999999;
    font-size: 0.7rem;
    position: relative;
}

.orderdetail .placeitem .location {
    position: absolute;
    right: -17%;
    top: -0.3px;
    padding: 0.3rem 0.3rem;
    color: #ffffff;
    border-radius: 3px;
    font-size: 0.7rem;
    background: url('../images/icon-location.png') no-repeat 80% center;
    background-color: #FF7F00;
    background-size: 0.7rem;
    padding-right: 1.2rem;
}

.orderdetail .placeitem > span.place {
    color: #666666;
    font-size: 0.7rem;
    display: inline-block;
}

.orderdetail .placeitem .point {
    display: inline-block;
    width: 0.65rem;
    height: 0.65rem;
    background-color: #94DC16;
    border-radius: 50%;
    margin-left: 0.6rem;
}

.placeitemxc .point {
    background-color: #EF3D3D !important;
    position: relative;
}


.placeitemxc .point i {
    position: absolute;
    width: 1px;
    height: 1.1rem;
    border-right: 1px dashed #E2E2E2;
    left: 0.29rem;
    top: -1.3rem;
}


.orderdetail .placeitem > span.scplace {
    color: #666666;
    font-size: 0.7rem;
    display: inline-block;
    margin-left: 0.1rem;
}

.option-list {
    margin-top: 3vh;
    border-top: 1px dashed #E6E6E6;
}

.option-list .option-list-item {
    padding: 1vh 0 1vh 0;
    overflow: hidden;
    border-bottom: 1px dashed #E6E6E6;
}

.option-list .option-list-item img {
    width: 1.15rem;
    float: left;
}

.option-list .option-list-item span {
    color: #666666;
    font-size: 0.75rem;
    float: left;
    margin-left: 0.3rem;
    margin-top: 0.2rem;
}

.option-list .option-list-item i {
    float: right;
    font-size: 0.9rem;
    color: #FF7F00;
}

.option-list .option-list-item i em {
    font-size: 0.9rem;
    color: #FF7F00;
}

.option-list .total {
    text-align: right;
    font-size: 1rem;
    color: #333333;
    margin: 1vh 0 1vh 0;
}

.option-list .total em {
    color: #FF7F00;
    font-size: 1rem;
}

.order-detail-xy {
    width: 88%;
    margin-left: 6%;
    line-height: 1.1rem;
    overflow: hidden;
}

.order-detail-xy span {
    float: left;
    font-size: 0.9rem;
    color: #666666;
}

.order-detail-xy img {
    width: 1.2rem;
    margin-right: 0.2rem;
    float: left;
}

.order-detail-xy a {
    color: #FF7F00;
    float: left;
}

.option-list-ckitem span.cxr {
    color: #666666;
    display: inline-block;
    font-size: 0.7rem;
    width: 29%;
}

.option-list-ckitem span:last-child {
    color: #333333;
    font-size: 0.75rem;
}

.option-list-ck p {
    text-align: center;
    font-size: 12px;
    color: #999999;
    margin-top: 1vh;
}

.option-list-ck p img {
    width: 30%;
}

.orderdetail {
    padding-bottom: 12vh;
}

.orderdetail-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2.5vh 0 2.5vh 0;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
}

.sk_button_gq {
    background-color: #ffffff !important;
    border: 1px solid #FF7F00 !important;
    color: #FF7F00 !important;
}

.orderdetail-footer button {
    width: 35%;
    margin: 0 6% 0 7%;
    height: 2.4rem;
}

.orderdetail-refundbox {
    display: none;
}

.orderdetail-refundbox .bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.45);
}

.orderdetail-refundbox .content {
    position: fixed;
    width: 90%;
    left: 0;
    bottom: 0;
    background: #ffffff;
    padding: 5%;
    border-radius: 1.5rem 1.5rem 0 0;
    bottom: -30vh;
    opacity: 0;
}

.orderdetail-refundbox .content h3 {
    color: #FF7F00;
    font-size: 1rem;
    margin: 2vh 0 2vh 0;
}

.orderdetail-refundbox .content p {
    color: #666666;
    font-size: 1rem;
}

.orderdetail-refundbox .orderdetail-footer {
    box-shadow: none;
    position: static;
    margin-top: 2vh;
}

.orderdetail-refundbox .orderdetail-footer .sk_button_gq {
    background-color: #E6E6E6 !important;
    border: none !important;
    color: #ffffff !important;
}

.searchticket_filter {
    padding: 0 !important;
    width: 94%;
}

.searchticket_filter_dates {
    border-bottom: 1px dashed #E6E6E6;
    display: flex;
}

.searchticket_filter_dates .item {
    flex: 1;
    text-align: center;
    padding: 1vh 0 1vh 0;
}

.searchticket_filter_dates .item p {
    color: #202020;
    font-size: 0.7rem;
    line-height: 1.35rem;
}

.searchticket_filter_dates .itemon p {
    color: #FF7F00 !important;
}

.searchticket_filter_dates .itemdates {
    background: url('../images/searchdate.png') no-repeat center center;
    background-size: 50%;
    box-shadow: -3px 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 0px 10px 10px 0px;
}

.searchticket_filter_dates .item:active {
    opacity: 0.9;
}

.searchticket_cate {
    display: flex;
    padding: 2vh 0 2vh 0;
}

.searchticket_cate .item {
    flex: 1;
    text-align: center;
    padding: 0.5vh 0 0.5vh 0;
    border-right: 1px solid #E6E6E6;
}

.searchticket_cate .item:active {
    opacity: 0.9;
}

.searchticket_cate .item:last-child {
    border: none;
}

.searchticket_cate .itemimgswxc {
    background: url('../images/searchswxc.png') no-repeat 1.2rem center;
    background-size: 20%;
    padding-left: 0.6rem;
    color: #FF7F00 !important;
}

.searchticket_list {
    position: relative;
    overflow: hidden;
}

.searchticket_list .ticketcategory {
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FF7F00;
    color: #ffffff;
    border-radius: 0 0 1.1em 0;
}

.searchticket_list .serachticket_list_top {
    overflow: hidden;
    padding-bottom: 1vh;
    border-bottom: 1px dashed #E6E6E6;
}

.searchticket_list .searchticket_list_left {
    float: left;
    padding-top: 2vh;
    padding-left: 3%;
    width: 25%;
}

.searchticket_list .searchticket_list_left h3 {
    font-size: 1rem;
    color: #000000;
}

.searchticket_list .searchticket_list_left p {
    font-size: 0.8rem;
    color: #999999;
    margin-top: 3.5vh;
}

.searchticket_list .searchticket_list_right {
    float: right;
    width: 75%;
    padding-right: 2%;
}

.searchticket_list .searchticket_list_right > h3 {
    font-size: 1rem;
    color: #333333;
    background: url('../images/searchlistkc.png') no-repeat left center;
    background-size: 0.8rem;
    padding-left: 1.1rem;
}

.searchticket_list .searchticket_list_right > h3 i {
    float: right;
    color: #FF7F00;
    font-size: 0.7rem;
}

.searchticket_list .searchticket_list_right > h3 i em {
    color: #FF7F00;
    font-size: 1.2rem;
}

.searchticket_list .searchticket_list_right > h5,
.searchticket_list .searchticket_list_right > h4 {
    font-size: 0.8rem;
    color: #666666;
    background: url('../images/serachlisttime.png') no-repeat left center;
    background-size: 0.8rem;
    padding-left: 1.1rem;
    position: relative;
    margin-top: 4vh;
}

.searchticket_list .searchticket_list_right > h5 span {
    position: absolute;
    top: -5vh;
    width: 1px;
    height: 5.3vh;
    background-color: #E6E6E6;
    left: 0.8vh
}

.searchticket_list .searchticket_list_right > h5 em {
    color: #999999;
    float: right;
}

.searchticket_list .searchticket_list_right > h4 {
    margin-top: 1.5vh;
    color: #999999;
    font-weight: 300;
    font-size: 0.8rem;
}

.serachticket_list_bottom {
    margin-top: 2vh;
    overflow: hidden;
    padding-bottom: 1vh;
}

.serachticket_list_bottom > span {
    float: left;
    padding: 1vh;
    padding-left: 1.3rem;
    background: url('../images/searchlisttj.png') no-repeat left center;
    background-size: 1rem;
    color: #999999;
}

.serachticket_list_bottom .searchticket_list_dp {
    float: right;
    width: 30%;
    height: 3.8vh;
    margin: 0;
    font-size: 1rem;
}

.serachticket_list_bottom .searchticket_list_dpcancel {
    float: right;
    width: 30%;
    height: 3.8vh;
    margin: 0;
    font-size: 1rem;
    background-color: #E6E6E6;
}

.sk_form {
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
}

.sk_form_item {
    overflow: hidden;
    padding: 1.5vh 0 1.5vh 0;
    line-height: 3vh;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
}

.sk_form_item:last-child {
    border-bottom: none;
}

.sk_form_item > img,
.sk_form_item > span,
.sk_form_item > input,
.sk_form_item > select {
    float: left;
    font-size: 0.7rem;
}

.sk_form_item > input,
.sk_form_item > select {
    width: 60%;
}

.sk_form_item > select,
.sk_form_item input {
    outline: none;
    border: none;
    background-color: transparent;
}

.sk_form_item > img {
    width: 1.3rem
}

.sk_form_item > span {
    width: 25%;
    margin-left: 3%;
    color: #999999;
    font-size: 0.7rem;
    font-weight: 600;
}

.sk_form_item_ckselect .selectck {
    width: 6vw;
    height: 6vw;
    position: absolute;
    background: url('../images/form_sck.png') no-repeat center center;
    background-size: 100%;
    top: 1vh;
    right: 1vw;
}

.form_addno {
    border-radius: 0.7rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    width: 94%;
    margin: 0vh 3% 3vh 3%;
    color: #FF7F00;
    background: url('../images/form-add.png') no-repeat 29% center;
    background-size: 2rem;
    background-color: #ffffff;
    font-size: 1.0rem;
}

.letterlist {
    width: 94%;
    margin: 3% 0 0 3%;
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.letterlist .l {
    float: left;
    font-size: 1rem;
    color: #4E4E4E;
    font-weight: 600;
}

.letterlist .r {
    float: left;
    width: 65%;
    margin: 0;
    margin-left: 1rem;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 1vh !important;
}

.letterlist .r p {
    font-size: 0.8rem;
    color: #5F5F5F;
    line-height: 1.5rem;
    border-bottom: 1px solid #E6E6E6;
    padding: 1vh 0 1vh 0;
}

.letterlist .r p:last-child {
    border-bottom: none;
}

.lettersearch {
    position: fixed;
    top: 12vh;
    right: 3%;
    width: 1.2rem;
    text-align: center;
    background-color: #ffffff;
    border-radius: 2em;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.lettersearch a {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    margin: 0.1rem;
    color: #999999;
    font-size: 12px;
}

.lettersearch a.on {
    color: #ffffff;
    background-color: #FF7F00;
    border-radius: 50%;
}

.creatorder .topbg {
    width: 100%;
    height: 20vh;
    background: url('../images/orderbg.png') no-repeat left bottom;
    background-color: rgba(255, 127, 0, 0.66);
    background-size: 100%;
    /* background: linear-gradient(to right, rgba(255, 127, 0, 0.36), rgba(255, 127, 0, 0.96)); */
    border-radius: 0 0 1rem 1rem;
}

.ordercreat_footer {
    overflow: hidden;
    z-index: 0;
}

.ordercreat_footer > h3,
.ordercreat_footer > span,
.ordercreat_footer > button {
    float: left;

}

.ordercreat_footer > h3,
.ordercreat_footer > span {
    height: 4vh;
    line-height: 4vh;
}

.ordercreat_footer > h3 {
    font-size: 1rem;
    color: #333333;
    margin-left: 5%;
}

.ordercreat_footer > h3 i {
    font-size: 1rem;
}

.ordercreat_footer > h3 em {
    font-size: 1.5rem;
    color: #FF7F00;
}

.ordercreat_footer > button {
    float: right;
    margin-right: 5%;
    margin-top: -0.5rem;
    font-size: 1.0rem;
}

.ordercreat_footer > span {
    float: right;
    color: #FF7F00;
    font-size: 0.8rem;
}

.orderdetail-detail .content,
.orderdetail-addck .content,
.orderdetail-coupon .content {
    padding-bottom: 12vh;
}

.orderdetail-detail .content p {
    color: #666666;
    margin-top: 1vh;
    padding: 0 3% 0 3%;
}

.orderdetail-detail .content p span:last-child {
    float: right;
}

.orderdetail-coupon .content h3 {
    width: 96%;
    margin: 2vh 2% 0 2%;
    font-size: 1.4rem;
    color: #333333;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 2.5vh;
}

.orderdetail-coupon .content h3 img {
    width: 1.5rem;
    float: right;
}

.orderdetail-coupon .content > p {
    overflow: hidden;
    margin-top: 2.5vh;
}

.orderdetail-coupon .content > p span {
    float: left;
    width: 50%;
    font-size: 0.8rem;
    color: #999999;
    padding-bottom: 2vh;
    border-bottom: 1px solid transparent;
    text-align: center;
}

.orderdetail-coupon .content > p span.on {
    border-bottom: 1px solid #FF7F00;
    color: #FF7F00;
}

.orderdetail-coupon .content .couponlist {
    width: 96%;
    margin: 2vh 2% 0 2%;
}

.orderdetail-coupon .content .couponlist p {
    margin-top: 1.5vh;
    color: #FF7F00;
    font-size: 12px;
    text-align: right;
}

.orderdetail-coupon .content .couponlist .couponitem {
    width: 100%;
    margin-top: 1.5vh;
    padding: 3vh 0 3vh;
    background: url('../images/couponno.png') no-repeat 95% 88%;
    background-size: 1.5rem;
    background-color: rgba(255, 127, 0, 0.3);
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
}

.orderdetail-coupon .content .couponlist .couponitemnouse {
    background: none;
    background-color: rgba(204, 204, 204, 1);
}

.orderdetail-coupon .content .couponlist .couponitemon {
    background: url('../images/couponcheck.png') no-repeat 95% 88%;
    background-size: 1.5rem;
    background-color: rgba(255, 127, 0, 1);
}

.orderdetail-coupon .content .couponlist .couponitem .l {
    width: 33%;
    float: left;
    height: 9vh;
    line-height: 9vh;
    text-align: center;
    border-right: 1px dashed #FFFFFF;
}

.orderdetail-coupon .content .couponlist .couponitem .l span {
    font-size: 1.8rem;
    color: #ffffff;
}

.orderdetail-coupon .content .couponlist .couponitem .l span i {
    font-size: 1rem;
}

.orderdetail-coupon .content .couponlist .couponitem .r {
    float: right;
    width: 55%;
}

.orderdetail-coupon .content .couponlist .couponitem .r p {
    color: #ffffff;
    font-size: 0.8rem;
    text-align: center;
    line-height: 1rem;
}

.orderdetail-coupon .content .couponlist .couponitem span.cl {
    position: absolute;
    top: 1rem;
    width: 1rem;
    height: 1rem;
    left: -0.5rem;
    background-color: #ffffff;
    border-radius: 50%;
}

.orderdetail-coupon .content .couponlist .couponitem span.cl:nth-child(2) {
    top: 3rem
}

.orderdetail-coupon .content .couponlist .couponitem span.cl:nth-child(3) {
    top: 5rem
}

.orderdetail-coupon .content .couponlist .couponitem span.cr {
    position: absolute;
    top: 1rem;
    width: 1rem;
    height: 1rem;
    right: -0.5rem;
    background-color: #ffffff;
    border-radius: 50%;
}

.orderdetail-coupon .content .couponlist .couponitem span.cr:nth-child(5) {
    top: 3rem;
}

.orderdetail-coupon .content .couponlist .couponitem span.cr:nth-child(6) {
    top: 5rem;
}

orderdetail-addck .content {
    width: 94%;
    margin-left: 3%;
}

.orderdetail-addck .content > h3 {
    width: 100%;
    text-align: center;
    height: 5vh;
    line-height: 5vh;
    color: rgba(255, 127, 0, 1);
    font-size: 1rem;
    background: url('../images/form-add.png') no-repeat 22% center;
    background-size: 1.9rem;
    background-color: rgba(247, 247, 247, 1);
    border-radius: 2em;
}

.orderdetail-addck .orderdetail-ckitem {
    margin-top: 2vh;
    border-bottom: 1px solid rgba(247, 247, 247, 1);
    padding-bottom: 1vh;
    overflow: hidden;
}

.orderdetail-addck .orderdetail-ckitem > span.nock {
    float: left;
    width: 5vw;
    height: 5vw;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 50%;
}

.orderdetail-addck .orderdetail-ckitem > span.ck {
    float: left;
    width: 5vw;
    height: 5vw;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 50%;
    background: url('../images/check.png') no-repeat 50% center;
}


.orderdetail-addck .orderdetail-ckitem .ckinfo {
    float: left;
    margin-left: 5%;
}

.orderdetail-addck .orderdetail-ckitem .ckinfo p {
    font-size: 0.8rem;
    line-height: 0.85rem;
}

.orderdetail-addck .orderdetail-ckitem .ckinfo p .cr,
.orderdetail-addck .orderdetail-ckitem .ckinfo p .myself {
    display: inline-block;
    padding: 2px 5px 2px 5px;
    font-size: 12px;
}

.orderdetail-addck .orderdetail-ckitem .ckinfo p .cr {
    border-radius: 3px;
    border: 1px solid rgba(255, 127, 0, 1);
    color: #73767D;
}

.orderdetail-addck .orderdetail-ckitem .ckinfo p .myself {
    background-color: #FF7F00;
    color: #ffffff;
    margin-left: 5px;
    border-radius: 2em;
}

.orderdetail-addck .orderdetail-ckitem .ckinfo p:last-child {
    margin-top: 1vh;
    font-size: 12px;
    color: #2F2F2F;
}

.orderdetail-addck .orderdetail-ckitem > a {
    float: right;
    width: 10vw;
    height: 3.5vh;
    background: url('../images/ckedit.png') no-repeat center center;
    background-size: 1.5rem;
}

.ck_ccxy {
    font-size: 1rem;
    color: #666666;
    line-height: 1.5rem;
}

.message-dialog {
    display: none;
    z-index: 99999;
    position: relative;
}

.orderdetail-refundbox .bg, .message-dialog .bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.45);
}

.orderdetail-refundbox .content, .message-dialog .content {
    position: fixed;
    width: 90%;
    left: 0;
    bottom: 0;
    background: #ffffff;
    padding: 5%;
    border-radius: 1.5rem 1.5rem 0 0;
    bottom: -30vh;
    opacity: 0;
    max-height: 90vh;
    overflow-y: auto;
}

.orderdetail-refundbox .content h3, .message-dialog .content h3 {
    color: #FF7F00;
    font-size: 1.3rem;
    margin: 2vh 0 2vh 0;
}

.orderdetail-refundbox .content p, .message-dialog .content p {
    color: #666666;
    font-size: 0.7rem;
}

.orderdetail-refundbox .orderdetail-footer, .message-dialog .orderdetail-footer {
    box-shadow: none;
    position: static;
    margin-top: 2vh;
    text-align:center;
}

.orderdetail-refundbox .orderdetail-footer .sk_button_gq, .message-dialog .orderdetail-footer .sk_button_gq {
    background-color: #E6E6E6 !important;
    border: none !important;
    color: #ffffff !important;
}

#map-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.mapbox .toptabs {
    position: absolute;
    z-index: 100;
    top: 2vh;
    text-align: center;
    width: 52%;
    left: 24%;
    height: 5vh;
    border-radius: 1rem;
    box-shadow: 0px 0px 5px #cccccc;
}

.mapbox .toptabs a {
    display: inline-block;
    width: 26vw;
    height: 5vh;
    line-height: 5vh;
    background-color: #ffffff;
    border-radius: 1rem;
    color: #525252;
    font-size: 0.8rem;
}

.mapbox .toptabs a.on {
    background-color: #FF7F00 !important;
    color: #ffffff !important;
}

.mapbox .toptabs a:first-child {
    border-radius: 1rem 0 0 1rem;
    margin-right: -1%;
}

.mapbox .toptabs a:last-child {
    border-radius: 0 1rem 1rem 0;
    margin-left: -1%;
}

.map-dialog {
    z-index: 100;
    position: absolute;
}

.zhitongche-box h3 {
    color: #373737 !important;
    font-size: 1.3rem;
}

.zhitongche-box p > img {
    float: right;
    width: 2rem;
}

.zhitongche-box .content > p {
    color: #999999 !important;
    font-size: 1rem !important;
}

.zhitongche-box .content > div {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.zhitongche-box .content > div p {
    color: #999999 !important;
    font-size: 0.8rem !important;
}

.zhitongche-box .content > div p span {
    display: inline-block;
}

.zhitongche-box .content > div p > span {
    margin-left: 1rem;
}

.toptips {
    position: absolute;
    top: 2vh;
    width: 94%;
    margin: 0 2% 0 2%;
    padding-left: 2%;
    height: 6vh;
    line-height: 6vh;
    font-size: 0.8rem;
    color: #FF7F00;
    text-align: center;
    border-radius: 2em;
    background: url('../images/tz.png') no-repeat 1rem center;
    background-size: 1.5rem;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.toptips span {
    position: absolute;
    background: url('../images/closetc.png') no-repeat center center;
    background-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    right: 1rem;
    top: 1.3vh;
}

.shangwuche-box .search input {
    outline: none;
    border: none;
    background-color: #F7F7F7;
    height: 6vh;
    line-height: 6vh;
    width: 90%;
    padding: 0 5% 0 5%;
    border-radius: 2em;
}

.shangwuche-box .search {
    position: relative;
}

.shangwuche-box .search img {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    right: 5%;
    top: 1.5vh;
}

.shangwuche-box ul li {
    position: relative;
    padding-left: 10%;
    margin-top: 3vh;
    background: url('../images/dw.png') no-repeat left top;
    background-size: 1.5rem;
}

.shangwuche-box ul li h5 {
    color: #FF7F00;
    font-size: 1rem;
}

.shangwuche-box ul li p {
    color: #71747D;
    font-size: 1rem;
    margin-top: 0.5rem;
}

.shangwuche-box ul li button {
    position: absolute;
    right: 0;
    top: 2vh;
    width: 17vw;
    height: 1.8rem;
    background-color: #FF7F00;
    color: #ffffff;
    border-radius: 2em;
    border: none;
}