#GuestOverlay {background:url(../images/master/Brief_bg.png) #000; opacity: 0.5;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 100;display: none;}
.PlaceAnOrderPopUp{width: 1000px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #ffffff;border-radius: 30px;z-index: 101;padding: 40px 0;}
.PlaceAnOrderPopUp h2{font-size: 28px;text-align: center; padding: 0 50px;}
.PlaceAnOrderPopUp .Clone{background: url(../images/account/icon-clone.png) no-repeat;width: 28px;height: 28px;display: block;position: absolute;top: 15px;right: 15px;background-size: 100%;}
.PlaceAnOrderPopUp .JiezhangMethod{display: flex;flex-wrap: wrap;padding-top: 30px;}
.PlaceAnOrderPopUp .JiezhangMethod div{display: flex;flex-direction: column;justify-content: space-between;width: calc((100% - 1px) / 2);padding: 0 70px;box-sizing: border-box;align-items: center;text-align: center;border-right: 1px solid #e2e2e2;}
.PlaceAnOrderPopUp .JiezhangMethod div:nth-last-of-type(1){border-right: none;}
.PlaceAnOrderPopUp .JiezhangMethod div strong{font-size: 20px;}
.PlaceAnOrderPopUp .JiezhangMethod p:first-of-type{margin: 20px 0;}
.PlaceAnOrderPopUp .JiezhangMethod p:last-of-type{height: 100px;}
.PlaceAnOrderPopUp .JiezhangMethod p span{font-size: 15px;display: block;margin-bottom: 10px;}
.PlaceAnOrderPopUp .JiezhangMethod p input{color: #ffffff;border-radius: 25px; cursor: pointer; background-color: #79beb1;width: 310px;height: 45px;font-size: 18px;margin-bottom: 10px;padding: 0 5px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;text-align: center;}
.PlaceAnOrderPopUp .JiezhangMethod p input:hover {text-decoration: underline;}
.PlaceAnOrderPopUp .JiezhangMethod p input:last-of-type{margin-bottom: 0;}
@media screen and (max-width:767px) {
    .PlaceAnOrderPopUp{width: 90%;padding: 30px 0 10px;border-radius: 20px;}
    .PlaceAnOrderPopUp h2{font-size: 18px;padding: 0 40px;box-sizing: border-box;}
    .PlaceAnOrderPopUp .Clone{height: 25px;width: 25px;}
    .PlaceAnOrderPopUp .JiezhangMethod{padding-top: 0;}
    .PlaceAnOrderPopUp .JiezhangMethod div{width: 100%;border-right: none;padding: 15px;}
    .PlaceAnOrderPopUp .JiezhangMethod div:first-of-type{border-bottom: 1px solid #e2e2e2;}
    .PlaceAnOrderPopUp .JiezhangMethod div strong{font-size: 16px;}
    .PlaceAnOrderPopUp .JiezhangMethod p:first-of-type{margin: 10px 0;}
    .PlaceAnOrderPopUp .JiezhangMethod p:last-of-type{height: auto;}
    .PlaceAnOrderPopUp .JiezhangMethod p span{font-size: 14px;}
    .PlaceAnOrderPopUp .JiezhangMethod p input{width: 290px !important; padding: 0 !important; height: 38px;line-height: 16px;font-size: 15px;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .PlaceAnOrderPopUp{width: 90%;padding: 30px 0;}
    .PlaceAnOrderPopUp h2{font-size: 22px;}
    .PlaceAnOrderPopUp .JiezhangMethod{padding-top: 20px;}
    .PlaceAnOrderPopUp .JiezhangMethod div{padding: 0 40px;}
    .PlaceAnOrderPopUp .JiezhangMethod div strong{font-size: 18px;}
    .PlaceAnOrderPopUp .JiezhangMethod p:first-of-type{margin: 10px 0;}
    .PlaceAnOrderPopUp .JiezhangMethod p:last-of-type{height: 90px;}
    .PlaceAnOrderPopUp .JiezhangMethod p input{font-size: 16px;width: 270px;height: 40px;line-height: 18px;}
}
@media screen and (min-width:1024px) and (max-width:1279px) {
    .PlaceAnOrderPopUp{width: 80%;padding: 30px 0;}
    .PlaceAnOrderPopUp h2{font-size: 24px;}
    .PlaceAnOrderPopUp .JiezhangMethod{padding-top: 20px;}
    .PlaceAnOrderPopUp .JiezhangMethod div{padding: 0 50px;}
    .PlaceAnOrderPopUp .JiezhangMethod p:first-of-type{margin: 15px 0;}
    .PlaceAnOrderPopUp .JiezhangMethod p:last-of-type{height: 90px;}
    .PlaceAnOrderPopUp .JiezhangMethod p input{width: 270px;height: 40px;line-height: 18px;}
}
@media screen and (min-width:1800px) {
    .PlaceAnOrderPopUp{width: 1160px;padding: 50px 0;}
    .PlaceAnOrderPopUp h2{font-size: 30px;}
    .PlaceAnOrderPopUp .JiezhangMethod{padding-top: 40px;}
    .PlaceAnOrderPopUp .JiezhangMethod div{padding: 0 100px;}
    .PlaceAnOrderPopUp .JiezhangMethod div strong{font-size: 22px;}
    .PlaceAnOrderPopUp .JiezhangMethod p:last-of-type{height: 110px;}
    .PlaceAnOrderPopUp .JiezhangMethod p span{font-size: 17px;}
    .PlaceAnOrderPopUp .JiezhangMethod p input{font-size: 20px;height: 50px;}
}


.SightseerOrder{ width: 920px; box-sizing: border-box; padding: 50px 80px; background: #FFF; border-radius: 20px; z-index: 100; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.SightseerOrder .ClostBtn{ background: url(../images/account/icon-clone.png) no-repeat; width: 28px; height: 28px; right: 15px; top: 15px; position: absolute; display: block;}
.SightseerOrder h3{ font-size: 30px; text-align: center; padding-bottom: 15px;}
.SightseerOrder li{ display: flex; margin-top: 15px;}
.SightseerOrder li span{ height: 50px; line-height: 50px; text-align: right; padding-right: 10px; width: 190px; display: block; font-size: 18px; box-sizing: border-box;}
.SightseerOrder li input[type="email"], .SightseerOrder li input[type="text"]{ font-size: 18px; border:#cccccc solid 1px; height: 50px; line-height: 48px; padding: 0 10px; box-sizing: border-box; border-radius: 25px;}
.SightseerOrder li label{ width: calc(100% - 190px);}
.SightseerOrder li:nth-child(2) label{ display: flex; flex-wrap: wrap;}
.SightseerOrder li input[type="email"]{ width: 100%;}
.SightseerOrder li button{ display: block; cursor: pointer; background: #ffc439; color: #fff; font-size: 20px; width: 200px; text-align: center; border-radius: 25px; line-height: 50px;}
.SightseerOrder li input[type="text"]{ width: calc(100% - 210px); margin-right: 10px;}
.SightseerOrder li button:disabled { cursor:not-allowed; background: #d5d5d5; font-size: 20px;}
.SightseerOrder li.CheckOutBtn{ margin-left: 190px;}
.SightseerOrder li.CheckOutBtn input{ cursor: pointer; width: 258px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; color: #FFFFFF; background: #79beb1; border-radius: 25px;}
.SightseerOrder li label > p{ font-size: 16px; margin: 5px 0 0 20px; width: 100%; box-sizing: border-box;}
.SightseerOrder li .errorTip{ color: #cc0000;}
.SightseerOrder li .NoteText{ color: #4f7dff;}
.SightseerOrder li .TipText{ color: #c6c6c6;}
@media only screen and (max-width: 767px) {
    .SightseerOrder{ width: 90%; padding: 20px 15px; margin: 0 auto; border-radius: 10px;}
    .SightseerOrder .ClostBtn{ top: -38px; right: 0;}
    .SightseerOrder h3{ font-size: 18px; padding-bottom: 0;}
    .SightseerOrder li{ flex-wrap: wrap; margin-top: 5px;}
    .SightseerOrder li span{ font-size: 14px; height: 36px; line-height: 36px; width: 100%; text-align: left; padding: 0;}
    .SightseerOrder li input[type="email"], .SightseerOrder li input[type="text"]{ height: 36px; line-height: 36px; font-size: 14px;}
    .SightseerOrder li input[type="text"]{ width: calc(100% - 115px); margin-right: 5px;}
    .SightseerOrder li label{ width: 100%;}
    .SightseerOrder li button{ font-size: 14px; width: 110px; height: 36px; line-height: 36px;}
    .SightseerOrder li button:disabled {font-size: 14px;}
    .SightseerOrder li label > p{ font-size: 13px; margin-left: 10px;}
    .SightseerOrder li.CheckOutBtn input{ width: 160px; font-size: 14px; height: 36px; line-height: 36px;}
    .SightseerOrder li.CheckOutBtn{ margin: 10px 0 0; justify-content: center;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .SightseerOrder{ width: 620px; padding: 20px 35px; border-radius: 10px;}
    .SightseerOrder .ClostBtn{ top: 10px; right: 10px;}
    .SightseerOrder h3{ font-size: 21px; padding-bottom: 5px;}
    .SightseerOrder li span{ font-size: 14px; height: 38px; line-height: 38px; width: 150px;}
    .SightseerOrder li input[type="email"], .SightseerOrder li input[type="text"]{ height: 38px; line-height: 38px; font-size: 14px;}
    .SightseerOrder li input[type="text"]{ width: calc(100% - 160px);}
    .SightseerOrder li label{ width: calc(100% - 150px);}
    .SightseerOrder li button{ font-size: 16px; width: 150px; height: 38px; line-height: 38px;}
    .SightseerOrder li button:disabled {font-size: 16px;}
    .SightseerOrder li label > p{ font-size: 13px; margin-left: 10px;}
    .SightseerOrder li.CheckOutBtn input{ width: 178px; font-size: 16px; height: 38px; line-height: 38px;}
    .SightseerOrder li.CheckOutBtn{ margin-left: 150px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .SightseerOrder{ width: 720px; padding: 30px 50px; border-radius: 15px;}
    .SightseerOrder .ClostBtn{ top: 10px; right: 10px;}
    .SightseerOrder h3{ font-size: 24px; padding-bottom: 5px;}
    .SightseerOrder li span{ font-size: 16px; height: 42px; line-height: 42px; width: 170px;}
    .SightseerOrder li input[type="email"], .SightseerOrder li input[type="text"]{ height: 42px; line-height: 42px; font-size: 16px;}
    .SightseerOrder li input[type="text"]{ width: calc(100% - 170px);}
    .SightseerOrder li label{ width: calc(100% - 170px);}
    .SightseerOrder li button{ font-size: 18px; width: 160px; height: 42px; line-height: 42px;}
    .SightseerOrder li button:disabled {font-size: 18px;}
    .SightseerOrder li label > p{ font-size: 14px;}
    .SightseerOrder li.CheckOutBtn input{ width: 198px; font-size: 18px; height: 42px; line-height: 42px;}
    .SightseerOrder li.CheckOutBtn{ margin-left: 170px;}
}
@media only screen and (min-width: 1366px) and (max-width: 1535px) {
    .SightseerOrder{ width: 820px; padding: 40px 65px;}
    .SightseerOrder h3{ font-size: 27px; padding-bottom: 10px;}
    .SightseerOrder li span{ font-size: 17px; height: 46px; line-height: 46px; width: 180px;}
    .SightseerOrder li input[type="email"], .SightseerOrder li input[type="text"]{ height: 46px; line-height: 46px; font-size: 17px;}
    .SightseerOrder li input[type="text"]{ width: calc(100% - 190px);}
    .SightseerOrder li label{ width: calc(100% - 180px);}
    .SightseerOrder li button{ font-size: 19px; width: 180px; height: 46px; line-height: 46px;}
    .SightseerOrder li button:disabled {font-size: 19px;}
    .SightseerOrder li label > p{ font-size: 15px;}
    .SightseerOrder li.CheckOutBtn input{ width: 228px; font-size: 19px; height: 46px; line-height: 46px;}
    .SightseerOrder li.CheckOutBtn{ margin-left: 180px;}
}