html {
  height: 100%;
}
body {
  height: auto;
  font-size: 15px;
  line-height: 24px;
  line-height: 18px;
  color: #efefef;
  background-attachment: fixed;
  font-family: "NotoSans-Regular";
  padding: 0;
  margin: 0;
}
.yellowbutton {
  background-color: #ffcf01;
  color: #10024a;
  border-color: #ffcf01;
}
.bluebutton {
  background-color: #10024a;
  color: #fff;
  border-color: #10024a;
}
.threebutton {
  background-color: #fff;
  color: #1565c0;
  border-color: #1565c0;
}
input[type="text"] {
  background: none;
}
body.modal-open {
  overflow: hidden;
}
ul,
li {
  padding: 0;
  margin: 0;
}
a {
  color: #FF9900;
}
a:hover {
  color: #FF9900;
}
input {
  width: 290px;
}
input,
select {
  font-family: "NotoSans-Regular";
}
legend {
  font-size: 13px;
  text-align: left;
  border-bottom: 0;
}
b {
  font-family: "NotoSans-Bold";
}
.form-control {
  color: #292f33;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
li {
  list-style: none;
}
input {
  outline: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.clearfix {
  overflow: auto;
  _height: 1%;
}
.widget_box {
  width: 498px;
  margin: 0 auto;
  border: 1px #d5d5d5 solid;
  border-radius: 3px;
  padding-bottom: 25px;
  font-family: "NotoSans-Regular";
}
.widget_box .hdr-lang {
  line-height: 33px;
  background: #ffcf01;
  height: 33px;
}
/**下拉箭头**/
/**下拉箭头**/
.widget_box .hdr-lang .county {
  width: 150px;
  float: right;
  border-left: 1px #ffcf01 solid;
  border: none !important;
  line-height: 33px;
  height: 33px;
  color: #10024a;
  padding-left: 3px;
  cursor: pointer;
  background: url(../img/down_down.png) no-repeat 135px 13px;
}
.widget_box .hdr-lang .county img {
  display: inline-block;
}
.hdr-lang .county p {
  display: inline-block;
  margin-left: 7px;
  font-size: 12px;
  color: #10024a;
  float: right;
  padding-right: 20px;
}
.hdr-lang .county a {
  display: inline-block;
  margin-left: 7px;
  font-size: 12px;
  color: #10024a;
  text-decoration: none;
  float: right;
  padding-right: 20px;
}
.hdr-lang .dropdown-menu {
  min-width: 77px;
  margin-top: 10px;
}
.hdr-lang .dropdown-menu::after {
  content: " ";
  width: 0;
  position: absolute;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -8px;
  right: 20px;
}
.hdr-lang .dropdown-menu::before {
  content: " ";
  width: 0;
  position: absolute;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #ccc;
  top: -10px;
  right: 19px;
}
.hdr-lang .dropdown-menu li:hover {
  background: #f5f5f5;
}
.hdr-lang .dropdown-menu img {
  display: inline-block;
  margin-left: 15px;
}
.hdr-lang .dropdown-menu a {
  display: inline-block;
  font-size: 12px;
  padding: 0;
  padding-left: 10px;
  padding-right: 20px;
}
.logo_box {
  min-height: 120px;
  background-color: #ffcf01;
  padding-top: 15px;
  padding-bottom: 10px;
}
.logo_box .logo {
  width: 88px;
  height: 88px;
  background-color: #fff;
  border-radius: 44px;
  margin: 0px 0 0 20px;
  text-align: center;
  padding-top: 13px;
}
.logo_box .content {
  margin-left: 15px;
  width: 75%;
}
.logo_box .content a {
  color: #10024a;
  text-decoration: none;
}
.logo_box .content h4 {
  padding: 0;
  margin: 0;
  font-size: 20px;
  padding-bottom: 10px;
  line-height: 30px;
  font-family: "NotoSans-SemiBold";
}
.logo_box .content p {
  font-style: italic;
  font-size: 12px;
  padding: 0;
  margin: 0;
  color: #10024a;
}
.progress_bar ul {
  margin-top: 35px;
  padding-bottom: 40px;
  padding-left: 50px;
}
.progress_bar ul li {
  float: left;
  width: 46%;
  position: relative;
}
.progress_bar ul li p {
  height: 5px;
  background: #e0e0e0;
}
.progress_bar ul li a {
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 14px;
  background: #e0e0e0;
  position: absolute;
  right: 0;
  top: -10px;
  text-align: center;
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  color: #fff;
  z-index: 9;
  text-decoration: none;
}
.progress_bar ul li a em {
  font-style: normal;
}
.progress_bar ul li span {
  position: absolute;
  bottom: -25px;
  font-size: 12px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  color: #e0e0e0;
}
.progress_bar ul li .pos_1 {
  right: -20px;
}
.progress_bar ul li .pos_2 {
  right: -23px;
}
.progress_bar ul li .pos_3 {
  right: -12px;
}
.progress_bar ul li.selc p {
  background: #ffcf01;
  height: 5px;
}
.progress_bar ul li.selc a {
  background: #ffcf01;
  color: #2b2a29;
  -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 203, 5, 0.5);
  -moz-box-shadow: 0px 0px 0px 4px rgba(255, 203, 5, 0.5);
  box-shadow: 0px 0px 0px 3px rgba(255, 203, 5, 0.5);
}
.progress_bar ul li.selc a em {
  color: #2b2a29;
  font-style: normal;
}
.progress_bar ul li.selc span {
  color: #ffcf01;
}
.progress_bar ul li.finish p {
  background-color: #ffcf01;
  height: 5px;
}
.progress_bar ul li.finish a {
  background: url(../img/finish.png) no-repeat center;
  background-color: #ffcf01;
  color: #2b2a29;
}
.progress_bar ul li.finish a em {
  color: #2b2a29;
  display: none;
}
.progress_bar ul li.finish span {
  color: #ffcf01;
}
.progress_bar ul li.specil {
  width: 28px;
}
.progress_bar ul li.specil a {
  left: -6px;
  z-index: 10;
}
.progress_bar ul li.specil a em {
  font-style: normal;
}
.progress_bar ul li.specil span {
  position: absolute;
  bottom: -40px;
  left: -25px;
}
.progress_bar ul li.last_one {
  width: 42%;
}
.progress_bar ul li.last_one a {
  right: 0px;
}
.pro_long ul li {
  width: 31%;
}
.pro_long ul li.last_one {
  width: 27%;
}
.pro_long ul li.last_one a {
  right: 0px;
}
.inputbox {
  width: 90%;
  margin: 0 auto;
  border: 1px #ededed solid;
  padding: 20px 0px;
}
.inputbox li {
  display: inline-block;
  margin-left: 27px;
  margin-bottom: 12px;
}
.inputbox li .dropdown-toggle {
  background: url(../img/down_grey.svg) no-repeat 160px 10px;
  width: 180px;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 32px;
  height: 32px;
  padding-left: 8px;
  cursor: pointer;
  position: relative;
}
.inputbox li .dropdown-toggle img {
  display: inline-block;
  float: left;
  margin-top: 7px;
  width: 18px;
}
.inputbox li .dropdown-toggle span {
  display: inline-block;
  float: left;
  margin-left: 10px;
  line-height: 31px;
  color: #2b2a29 !important;
  overflow: hidden;
  width: 70%;
  height: 31px;
}
.inputbox li .dropdown-toggle #date-field {
  border: 0;
  position: absolute;
  width: 150px;
  background: none;
  left: 35px;
  cursor: pointer;
  top: 0px;
  line-height: 33px;
  height: 33px;
  color: #2b2a29;
  padding-left: 0px;
}
.inputbox li .waitlist_edit_gray span {
  color: #d4d4d4 !important;
}
.inputbox .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}
.inputbox #calendar-drop {
  max-height: 500px;
  overflow: visible;
  max-width: 500px;
  z-index: 9999;
}
.inputbox .dropdown-menu li {
  width: 100%;
  margin: 0;
  padding: 0;
}
.inputbox .dropdown-menu li:hover {
  background: #f5f5f5;
}
.calendar {
  width: 250px;
  margin: 0 auto 0 auto;
  left: 0;
  color: #fff;
  table-layout: fixed;
  border-top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.calendarhead {
  border: 0;
  border-bottom: 0;
  width: 260px;
}
.calendarhead th {
  color: #404545;
  background: #404545;
  background: #fff;
  text-align: center;
  padding: 5px;
}
.calendarhead th .year,
.calendarhead th .month {
  font-size: 14px;
  margin: 5px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  position: relative;
  display: inline;
}
.calendarhead th.sel:hover {
  outline: 0 none;
  cursor: pointer;
  color: #ffffff;
}
.calendarhead .arrow {
  padding: 3px 0;
  text-align: center;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  font-size: 25px;
}
.calendarhead .arrow .glyphicon {
  font-size: 10px;
}
.calendarhead .arrow:hover {
  background: #303535;
  background: #fbfbfb;
  color: #303535;
}
.calendar {
  padding: 10px;
}
.calendar body {
  position: absolute;
}
.calendar th {
  width: 37px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  text-align: center;
  background: #f5f5f5;
}
.calendar .calendar-header th {
  font-weight: normal;
  color: #999;
  color: #7e7e7e;
  border-bottom: 0;
  font-size: 12px;
}
.calendar td {
  background: #fff;
  border: none;
  height: 35px !important;
  width: 35px !important;
  font-size: 16px;
  font-size: 12px;
  text-align: center;
  padding: 0;
}
.calendar td.day {
  color: #404545;
  background: #ffffff;
}
.calendar td:first-child {
  border-left: 0;
}
.calendar td:last-child {
  border-right: 0;
}
.calendar td.selected {
  background: url("../img/bg.gif") no-repeat scroll 0 0 transparent;
  background-position: center;
}
.calendar td.day_selected {
  outline: 0 none;
  cursor: pointer;
  color: #232323;
  background: #f1d124;
  background: #facb28;
  border-radius: 50%;
  /*background:url(../img/close.png) no-repeat; height:30px*/
}
.calendar td.day:hover {
  outline: 0 none;
  cursor: pointer;
  color: #404545;
  background: #eaeaea;
  background: #f3f3f3;
  border-radius: 50%;
}
.calendar td.day_selected:hover {
  color: #232323;
  background: #f1d124;
  background: #facb28;
}
.calendar td.waitlist:hover {
  color: #ff9900;
}
.calendar td.day_selected.waitlist {
  color: #000;
  background: #ffcf01;
}
.calendar td.today {
  color: #ffcf01;
}
.calendar td.today.day_selected {
  background: #ffcf01;
  color: #000;
}
.calendar td.today.day_selected.waitlist {
  color: #000;
  background: #ffcf01;
}
.calendar td.today:hover {
  border-radius: 50%;
  outline: 0 none;
  cursor: pointer;
}
.calendar td.past {
  color: #d3d3d3;
  /*background:#fbfbfb;*/
  color: #e1e1e1;
}
.calendar td.holiday {
  background: #ffffff;
}
.calendar td.holiday:hover {
  background: #eaeaea;
}
.calendar td.holiday.day_selected {
  outline: 0 none;
  cursor: pointer;
  color: #232323;
  background: #f1d124;
  background: #facb28;
}
.calendar td.full.today,
.calendar td.full {
  color: #aaa;
  /*background:#f0f0f0;*/
  font-size: 12px;
}
.calendar td.full.today .icon-full,
.calendar td.full .icon-full {
  position: absolute;
  top: -70%;
  top: -10%;
  left: 10%;
  font-size: 8px;
}
.calendar td.closed {
  color: #d3d3d3;
  color: #aaa;
  font-size: 11px;
}
.calendar td.closed .icon-closed {
  position: absolute;
  top: -70%;
  top: -10%;
  left: 10%;
  font-size: 8px;
}
.calendar td span.weekday:hover {
  background: #333333;
}
.calendar tfoot,
.calendar tfoot tr th.sel {
  height: 35px;
  width: 50px;
  font-size: 14px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: background .2s linear 0s;
  border: 0;
  cursor: pointer;
  padding: 5px;
  color: #000000;
}
.calendar tfoot tr th.sel:hover {
  outline: 0 none;
  cursor: pointer;
  background: #fbfbfb;
  color: #303535;
}
.calendar td.waitlist.today,
.calendar td.waitlist {
  color: #f90;
  font-size: 12px;
}
.textbox {
  width: 96%;
  margin: 0 auto;
  background: #f7f7f7;
  border-radius: 3px;
  max-height: 210px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.text_boxs {
  width: 96%;
  margin: 0px auto;
  background: #f7f7f7;
  max-height: 190px;
  overflow: auto;
}
/*.text_boxs h4{ font-size:12px;  padding-left:30px; font-weight:bold; margin-left:19px; width:90%; min-height:26px; background:url(../img/warning.png) no-repeat left center; }
.text_boxs .detail{ color:#2b2a29; font-size:12px; line-height:18px; width:80%; margin-left:50px; word-wrap:break-word}
*/
.text_boxs::-webkit-scrollbar {
  width: 5px;
  background-color: #f7f7f7;
}
/*定义滚动条轨道 内阴影+圆角*/
.text_boxs::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #f7f7f7;
}
.text_boxs::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #d4d4d4;
  transform: translateY(0%);
  height: 20.8829%;
}
.text_boxs h4 {
  font-size: 12px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  margin-left: 2%;
  width: 95%;
  min-height: 26px;
}
.text_boxs .detail {
  color: #2b2a29;
  font-size: 12px;
  line-height: 18px;
  width: 95%;
  margin-left: 2%;
  word-wrap: break-word;
}
.agree {
  margin-top: 15px;
  padding-bottom: 10px;
  text-align: center;
}
.agree label {
  margin-top: 5px;
  font-weight: normal;
  font-size: 12px;
}
.agree input[type="checkbox"] {
  padding: 0;
  display: inline-block;
  width: 20px;
  margin: 0;
  margin-top: 8px;
}
.agree lable {
  display: inline-block;
  float: left;
  font-size: 14px;
  color: #2b2a29;
  width: 100%;
}
.nextbut {
  border: none;
  padding: 0px 40px;
  background: #f1f2f2;
  color: #c9cacb;
  line-height: 38px;
  font-size: 12px;
  border-radius: 5px;
  margin-right: 15px;
  margin-top: 20px;
  font-family: "NotoSans-SemiBold";
}
.clickable {
  background: #ffcf01;
  color: #2b2a29;
}
.footer {
  width: 490px;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  padding-bottom: 20px;
  font-family: "NotoSans-Regular";
}
.footer span {
  color: #2b2a29;
  font-size: 14px;
  line-height: 18px;
}
.footer em {
  color: #b5b5b5;
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
}
.flash_box_new {
  border-radius: 4px;
  border: 2px #facb28 solid;
  height: 90px;
  margin-bottom: 20px;
  position: relative;
  width: 76%;
  padding-top: 5px;
  margin-top: 20px;
  margin-left: 17%;
}
.flash_box_new .woucher {
  background: url(../img/flash_away.png) no-repeat;
  width: 110px;
  height: 112px;
  position: absolute;
  left: -60px;
  top: -12px;
  text-align: center;
}
.flash_box_new .woucher p {
  font: 700 40px/30px Arial;
  margin-top: 25px;
  margin-bottom: 9px;
  color: #000000;
}
.flash_box_new .woucher span {
  color: #2a2929;
  font: 700 14px/14px Arial;
  display: block;
}
.flash_box_new .text_box {
  padding-left: 65px;
}
.flash_box_new .text_box em {
  color: #2a2929;
  font: 700 13px/20px Arial;
  font-style: italic;
}
.flash_box_new .text_box span {
  color: #facb28;
  font: 700 17px/16px Arial;
  font-style: italic;
}
.flash_box_new .text_box p {
  color: #2b2a29;
  font: 400 12px/15px Arial;
  margin: 0;
  padding: 0;
}
.flash_box_new .text_box a {
  color: #2b2a29;
  font: 400 12px/15px Arial;
}
.flash_box_new .text_box input {
  width: 130px;
  border-radius: 2px;
  border: 1px #ccc solid;
  line-height: 18px;
  color: #595656;
  font-size: 12px;
}
.flash_box_new .text_box .flash_botton {
  width: 80px;
  color: #fff;
  line-height: 20px;
  font-size: 12px;
  background-color: #facb28;
  border-radius: 2px;
  border: 1px #facb28 solid;
  text-align: center;
}
.detail_res {
  background: #fff2bf;
  width: 90%;
  margin: 0 auto;
  padding: 10px 10px;
  text-align: center;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.detail_res h4 {
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
}
.detail_res p {
  font-size: 14px;
  margin-bottom: 0;
}
.detail_res p strong {
  font-size: 14px;
  margin-left: 5px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
}
.detail_res em {
  font-size: 14px;
}
.detail_res span {
  font-size: 14px;
  color: #2b2a29;
}
.detail_res .speci {
  color: #1565c0;
  font-weight: bold;
  font-family: "NotoSans-Bold";
}
.timeout {
  background: #ffe1e1;
}
.timeout span {
  color: #de1c24;
  width: 260px;
  display: block;
  margin: 0 auto;
}
/*2*/
.infor_box {
  border: 1px #ededed solid;
  border-radius: 3px;
  padding: 25px 10px;
  margin: 0 auto;
  width: 90%;
  margin-top: 10px;
}
.infor_box .mrbox {
  background: url(../img/down_grey.svg) no-repeat 160px 10px;
  width: 180px;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  height: 32px;
  padding-left: 12px;
  cursor: pointer;
  margin-left: 17px;
  margin-bottom: 20px;
}
.infor_box .mrbox_step2 {
  background: url(../img/down_grey.svg) no-repeat 160px 10px;
  width: 180px;
  border-radius: 3px;
  line-height: 31px;
  height: 32px;
  cursor: pointer;
  margin-left: 17px;
  margin-bottom: 20px;
}
.infor_box .mrbox img {
  padding-right: 2px;
  width: 16px;
}
.infor_box .mrbox .dropdown-menu {
  min-width: 180px;
  max-height: 400px;
  overflow: auto;
}
.infor_box .mrbox .dropdown-toggle span {
  padding-left: 8px;
}
.infor_box .must_write {
  color: #fb2117;
  line-height: 32px;
}
.infor_box .names {
  width: 180px;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  height: 31px;
  margin-left: 7px;
  background: url(../img/Profile.png) 12px 7px no-repeat;
  background-size: 16px;
  padding-left: 40px;
  margin-top: 1px;
}
.infor_box .name_name {
  width: 47%;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  height: 33px;
  margin-left: 14px;
  padding-left: 10px;
  display: inline-block;
}
.mtp {
  margin-top: 20px;
}
.infor_box .mail {
  width: 92%;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  height: 31px;
  padding-left: 40px;
  background: url(../img/Email.png) 12px 9px no-repeat;
  background-size: 16px;
  display: inline-block;
  margin-left: 7px;
}
.infor_box .phone {
  width: 94%;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 33px;
  padding-left: 40px;
  background: url(../img/Phone-Number.png) 12px 9px no-repeat;
  margin-left: 16px;
  height: 33px;
  background-size: 16px;
}
.infor_box .phone_num {
  background: url(../img/down_grey.svg) no-repeat 90px 12px;
  width: 100px;
  line-height: 31px;
  height: 31px;
  cursor: pointer;
  float: left;
}
.infor_box .phone_num .dropdown-menu {
  min-width: 100px;
}
.infor_box .phone_num .dropdown-menu li {
  text-align: left;
}
.infor_box .phone_num .dropdown-menu > li > a {
  padding: 3px 10px;
}
.infor_box .phone .p_num {
  display: inline-block;
  width: 60%;
  float: left;
  border: none;
  height: 30px;
  line-height: 30px;
  margin-left: 15px;
}
.infor_box .phone .p_num:focus {
  outline: none;
}
.infor_box .notes {
  width: 94%;
  height: 60px;
  margin-left: 17px;
  background: url(../img/Note-new.png) no-repeat 10px 10px;
  padding-left: 35px;
  background-size: 14px;
}
.infor_box .promo_box {
  color: #1565c0;
  cursor: pointer;
  margin-top: 20px;
  margin-left: 16px;
  width: 94%;
}
.infor_box .promo_box label {
  line-height: 36px;
  margin-right: 5px;
}
.infor_box .promo_box .form_box {
  display: none;
  width: 100%;
}
.infor_box .promo_box .form_box label {
  font-weight: normal;
}
.infor_box .promo_box .ues_pro {
  padding-right: 10px;
  width: 150px;
  border-bottom: 1px #1565c0 solid;
  font-size: 12px;
  position: relative;
}
/**下拉箭头**/
.infor_box .promo_box .ues_pro:after {
  position: absolute;
  right: 2px;
  top: 7px;
  width: 0;
  height: 0;
  content: "";
  border-width: 3px 3px 0 3px;
  border-style: solid;
  border-color: #fff transparent;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.infor_box .promo_box .ues_pro:before {
  position: absolute;
  right: 0px;
  top: 7px;
  width: 0;
  height: 0;
  content: "";
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #1565c0 transparent;
  -webkit-transition: transform .25s;
  -moz-transition: transform .25s;
  -ms-transition: transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
}
/**下拉箭头**/
.infor_box .promo_box #promo_code {
  width: 51%;
  float: left;
}
.infor_box .promo_box .if_right {
  background: url(../img/rightimage.jpg) no-repeat right;
}
.infor_box .promo_box .if_wrong {
  border: 1px #F00 solid;
}
.infor_box .btn_style {
  background: #f1f2f2 !important;
  color: #c9cacb !important;
  border: none !important;
  font-family: "NotoSans-SemiBold";
}
.infor_box #applybutton.btn_style {
  background: #f1f2f2 !important;
  color: #c9cacb !important;
  border: none !important;
  font-family: "NotoSans-SemiBold";
}
.infor_box #applybutton {
  line-height: 32px;
  height: 34px;
  padding: 0 15px;
  font-size: 12px;
  float: right;
  width: 90px;
  background-color: #10024a;
  color: #fff;
  border-color: #10024a;
}
.infor_box #confirm-details .if_wrongtext {
  color: #ff0000;
}
.infor_box .btn_box {
  padding-top: 40px;
  width: 92%;
  margin: 0 auto;
}
.infor_box .btn_box button {
  border: none;
  line-height: 30px;
  border: 1px #f7f8fa solid;
  height: 36px;
  background-color: #fff;
  color: #10024a;
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Regular";
  border-radius: 4px;
  background-color: #f7f8fa;
  color: #101125;
  width: 160px;
}
.infor_box .btn_box button.nexts {
  background-color: #ffcf01;
  border: 1px #ffcf01 solid;
  font-family: "NotoSans-SemiBold";
  color: #10024a;
}
.infor_box .btn_box button.nexts_long {
  width: 160px;
}
/*3*/
.paybox .needpay {
  padding: 0px 20px;
}
.paybox .needpay p {
  float: left;
  color: #2b2a29;
  font-size: 12px;
  line-height: 24px;
}
.paybox .needpay span {
  float: right;
  color: #2b2a29;
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  line-height: 24px;
}
.paybox .total {
  height: 50px;
  line-height: 50px;
  border-bottom: 2px #2b2a29 solid;
  border-top: 1px #2b2a29 solid;
  margin-top: 100px;
  padding: 0 10px;
}
.paybox .total p {
  float: left;
  color: #2b2a29;
  font-size: 12px;
  line-height: 50px;
}
.paybox .total a {
  margin-right: 25px;
  position: relative;
}
.paybox .total a .answerbox {
  position: absolute;
  width: 190px;
  bottom: 40px;
  left: -88px;
  border: 1px #ccc solid;
  background: #fff;
  padding: 10px 0px;
  display: none;
}
.paybox .total span {
  color: #2b2a29;
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  line-height: 50px;
}
.paybox .total a:hover .answerbox {
  display: block;
}
.answerbox::after {
  content: " ";
  width: 0;
  position: absolute;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  bottom: -8px;
  right: 90px;
}
.answerbox::before {
  content: " ";
  width: 0;
  position: absolute;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid #ccc;
  bottom: -10px;
  right: 89px;
}
.paybox .total .answerbox p {
  font-size: 12px;
  color: #333;
  line-height: 20px;
  width: 170px;
  margin-left: 10px;
}
.infor_box button.paypal {
  line-height: 36px;
  border-radius: 5px;
  height: 36px;
  width: 130px;
  background-color: #ffcf01;
  text-align: center;
  border: none;
}
.infor_box button.reddot {
  line-height: 36px;
  border-radius: 5px;
  height: 36px;
  width: 130px;
  background-color: #ffcf01;
  text-align: center;
  border: none;
}
.infor_box button.stripe {
  border-radius: 5px;
  height: 36px;
  width: 130px;
  background-color: #ffcf01;
  text-align: center;
  border: none;
}
.alone_pay {
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
  width: 190px;
}
/*4*/
.conf_box {
  border: 1px #ffcf01 solid;
  border-radius: 3px;
  padding: 25px 10px;
  margin: 0 auto;
  width: 90%;
  margin-top: 10px;
}
.conf_box h4 {
  font-size: 18px;
  color: #333333;
  margin-left: 10px;
}
.conf_box h4 span {
  color: #1565c0;
}
.voucher-box {
  color: #000;
  padding: 0;
  margin: 8px auto;
  width: 90%;
}
.voucher-box a {
  text-decoration: none !important;
}
.voucher-box-title {
  font-size: 16px;
  font-weight: 400;
  padding-left: 16px;
  padding-top: 16px;
}
.voucher-box .card-box {
  display: flex;
  padding-left: 16px;
}
.voucher-box .divide-line {
  width: 100%;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 16px;
  background-color: #E4E5EC;
}
.voucher-box-title {
  margin-top: 0;
}
.voucher-box-more {
  padding-top: 16px;
  padding-left: 16px;
  font-weight: 400;
  font-size: 14px;
  color: #000;
}
.voucher-box a:hover {
  text-decoration: none !important;
}
.voucher-box .arrow-right {
  vertical-align: bottom;
}
.voucher-box .card-picture {
  min-width: 92px;
  height: 92px;
  background-repeat: no-repeat;
  background-size: cover;
}
.voucher-box .voucher-background {
  text-align: center;
  width: 36px;
  height: 36px;
  border-radius: 24px;
  background-color: #F15623;
  margin-left: 4px;
  margin-top: 4px;
}
.voucher-box .voucher-rate {
  line-height: 36px;
  color: #F7F8FA;
  font-size: 14px;
  font-weight: 700;
  font-family: "NotoSans-Regular";
}
.voucher-box .card-text {
  margin-left: 16px;
  width: 70%;
}
@media (max-width: 400px) {
  .voucher-box .card-text {
    width: 55%;
  }
}
.voucher-box .card-title {
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 700;
  font-size: 11px;
  color: #101125;
  font-family: "NotoSans-Bold";
}
.voucher-box .card-des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 400;
  font-size: 11px;
  color: #101125;
}
.voucher-box .price-cur {
  color: #F15623;
  font-weight: 400;
  font-size: 14px;
}
.voucher-box .price-pre {
  font-weight: 400;
  font-size: 14px;
  text-decoration-line: line-through;
  color: #A7A9BF;
}
.conf_box ul {
  margin-left: 10px;
}
.conf_box ul li {
  margin-top: 20px;
}
.conf_box ul li img {
  float: left;
  width: 16px;
}
.conf_box ul li span {
  font-size: 14px;
  color: #333333;
  margin-left: 13px;
  display: inline-block;
  width: 80%;
}
.reser_de {
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}
.reser_de a {
  color: #1565c0;
}
.solids {
  border-bottom: 1px #d4d4d4 solid;
  width: 205px;
  margin: 0 auto;
  height: 8px;
}
.invite {
  font-size: 12px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  text-align: center;
  line-height: 16px;
  padding: 8px 0px;
  padding-bottom: 0;
}
.mail_fri {
  width: 90%;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  padding-left: 40px;
  background: url(../img/mail.png) 12px 9px no-repeat;
  display: inline-block;
  margin-left: 7px;
  margin-left: 5%;
  color: #333333;
}
.fri_send {
  width: 119px;
  line-height: 40px;
  border: none;
  border-radius: 4px;
  height: 40px;
  background-color: #ffcf01;
  color: #2b2a29;
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  margin: 15px auto;
  display: block;
}
.store {
  text-align: center;
}
.store a {
  display: inline-block;
}
.done {
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
  font-style: italic;
}
.done a {
  color: #1565c0;
}
h4.confir_id {
  font-size: 18px;
  color: #333333;
  margin-left: 20px;
  line-height: 30px;
}
h4.confir_id span {
  color: #1565c0;
}
.process {
  margin-left: 15px;
  margin-bottom: 10px;
}
.process span {
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 14px;
  background: #ffcf01;
  text-align: center;
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  color: #fff;
  float: left;
}
.process p {
  font-size: 18px;
  color: #333;
  float: left;
  margin-left: 15px;
}
.nostyle {
  padding: 0;
  border: 0;
}
.warn_red {
  border: 1px #de1c24 solid !important;
}
.warn_red span {
  color: #de1c24 !important;
}
.suggest {
  background: #f7f7f7;
  padding: 20px 0 20px 15px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.suggest h4 {
  font-size: 12px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  width: 98%;
  min-height: 26px;
}
.suggest p {
  font-size: 12px;
  color: #2b2a29;
  margin: 0;
  line-height: 30px;
}
.suggest span {
  display: inline-block;
  font-size: 14px;
  color: #2b2a29;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  line-height: 28px;
  padding: 0 10px;
  background: #ffcf01;
  margin-right: 8px;
  border-radius: 3px;
  margin-bottom: 10px;
  cursor: pointer;
}
/*sign*/
.signbox {
  width: 500px;
  margin: 0 auto;
  background: #fff;
  padding: 40px 0 25px 0;
  border: 1px #efefef solid;
  margin-top: 20px;
  text-align: center;
  font-family: "NotoSans-Regular";
}
.signbox .biglogo {
  max-width: 50% !important;
}
.three-login .g_sign_in_btn {
  display: flex;
  justify-content: center;
  background-color: #1a73e8;
  border-radius: 5px;
}
.signbox .login {
  width: 70%;
  display: block;
  background: #1565c0;
  margin: 0 auto;
  border-radius: 5px;
  height: 37px;
  border: none;
  margin-top: 25px;
  font-size: 12px;
  font-family: "NotoSans-SemiBold";
  color: #fff;
  background-color: #ffcf01;
  color: #10024a;
  border-color: #ffcf01;
}
.signbox .three-login {
  max-width: 70%;
  margin: 0 auto;
}
.part2 .login-content .three-login {
  max-width: 80%;
  margin: 0 auto;
}
.signbox .loginface {
  display: block;
  background: url(../img/facebook.png) no-repeat 80px 6px;
  background-color: #3b5998;
  margin: 0 auto;
  border-radius: 5px;
  height: 37px;
  line-height: 37px;
  border: none;
  font-family: "NotoSans-SemiBold";
  color: #fff;
  margin-bottom: 10px;
  font-size: 12px;
}
.signbox .orbox {
  width: 70%;
  margin: 0 auto;
  height: 63px;
  position: relative;
}
.signbox .orbox p {
  border-bottom: 1px #ededed solid;
  height: 33px;
}
.signbox .orbox span {
  position: absolute;
  left: 41%;
  top: 26px;
  font-size: 16px;
  color: #818181;
  width: 60px;
  background-color: #fff;
  line-height: 16px;
}
.signbox .textsign {
  color: #1565c0;
}
.signbox .con_with {
  color: #ffcf01;
  font-size: 12px;
  font-family: "NotoSans-SemiBold";
}
.mar_top {
  line-height: 75px;
  height: 75px;
  background: #f7f7f7;
  margin-bottom: 0;
}
.no_margito {
  padding-bottom: 0;
}
.signbox .textpl {
  font-size: 16px;
  line-height: 24px;
  color: #2b2a29;
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.signbox .infor_box {
  width: 80%;
  border: 0;
  text-align: left;
  padding: 0;
}
.signbox .infor_box input {
  margin-left: 0;
}
.signbox .infor_box .mrbox {
  text-align: left;
  margin-left: 0;
}
.signbox .infor_box .phone {
  text-align: left;
  margin-left: 0;
}
.signbox .infor_box .names {
  width: 140px;
  margin-bottom: 0;
  margin-left: 2px;
}
.signbox .infor_box .name_name {
  margin-left: 10px;
  width: 189px;
  -moz-width: 162px;
  float: right;
  height: 34px;
  line-height: 34px;
}
.signbox .infor_box .mail {
  margin-top: 20px;
  width: 100%;
}
.signbox .infor_box .phone {
  margin-top: 20px;
  width: 100%;
}
.signbox .infor_box .passwordin {
  width: 100%;
  margin-top: 20px;
  height: 31px;
  line-height: 31px;
  padding: 0;
}
.signbox .canclelogo {
  margin-left: 43px;
  object-fit: contain;
}
.signbox .canclelogo {
  height: 70px;
  width: 70px;
}
.signbox h4 {
  margin: 0;
  line-height: 73px;
  margin-left: 20px;
}
.canclebox {
  text-align: left;
  padding-left: 43px;
  margin-top: 20px;
}
.canclebox p {
  font-size: 14px;
}
.agree_3 {
  margin-left: 16px;
  margin-top: 15px;
  padding-bottom: 10px;
}
.agree_3 input {
  width: 20px;
  float: left;
  margin-top: 8px !important;
}
.agree_3 label {
  margin-top: 8px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  font-size: 12px;
  float: left;
  width: 95%;
}
.popup_box {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 11;
  display: none;
  left: 0;
  top: 0;
}
.popup_box .bg_d {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  opacity: 0.5;
  -moz-opacity: 0.5;
  z-index: 11;
}
.popup_box .content {
  position: absolute;
  z-index: 12;
  width: 50%;
  background: #fff;
  border-radius: 3px;
  left: 50%;
  margin-left: -25%;
  margin-top: 5%;
  padding-top: 30px;
  text-align: center;
}
.popup_box .content .close_p {
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 13;
  cursor: pointer;
}
.popup_box .content h4 {
  font-size: 22px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
}
.popup_box .content .text_box {
  border-top: 1px #d4d4d4 solid;
  padding-top: 30px;
  width: 98%;
  margin: 0 auto;
  margin-top: 25px;
}
.popup_box .content .text_box p {
  font-size: 24px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  color: #212121;
}
.popup_box .content .text_box button {
  width: 45%;
  border-radius: 4px;
  background: #ff9501;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  line-height: 60px;
  height: 60px;
  margin-top: 20px;
  margin-bottom: 25px;
  border: none;
}
.cq input[type=checkbox] {
  width: 30px;
  position: static !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
#custom-questions select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#custom-questions select option {
  display: block !important;
}
#select_id {
  margin-left: 17px !important;
  width: 94%;
}
#agree-check-required0 {
  position: static;
  margin-left: 0;
  height: 14px;
}
.calendar td .dropdown {
  display: block;
  padding: 8px 0;
}
.calendar td .dropdown .dropdown-toggle {
  pointer-events: none;
}
.calendar td .dropdown .dropdown-toggle-new {
  display: none;
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  bottom: -50%;
  border-style: solid;
  border-color: #fff;
  left: 50%;
  margin-left: -14px;
  margin-bottom: 0;
  position: static;
  line-height: 0px;
  padding: 0;
}
.calendar td .dropdown .dropdown-toggle-new:before {
  border-color: rgba(255, 0, 0, 0);
  border-bottom-color: #cdcdcd;
  border-width: 9px;
  margin-left: -9px;
}
.calendar td .dropdown .dropdown-toggle-new:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.calendar td .dropdown .dropdown-menu-new {
  border-color: rgba(255, 0, 0, 0);
  border-bottom-color: #cdcdcd;
  border-width: 9px;
  margin-left: -9px;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: none;
  float: left;
  font-size: 14px;
  left: -95%;
  list-style: none outside none;
  margin: 0;
  max-width: 160px;
  min-width: 120px;
  padding: 5px 4px;
  position: absolute;
  top: 100%;
  z-index: 1000;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  color: #232323;
}
.calendar td .dropdown .dropdown-toggle-new {
  display: none;
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  bottom: -50%;
  border-style: solid;
  border-color: #ffffff transparent rgba(0, 0, 0, 0.2);
  left: 50%;
  margin-left: -19px;
  margin-bottom: 0;
}
.calendar td .dropdown .dropdown-toggle-new:before,
.calendar td .dropdown .dropdown-toggle-new:after {
  bottom: -2%;
  left: 44%;
  border: solid #fff;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.calendar td .dropdown .dropdown-toggle-new:before {
  border-color: transparent transparent #fff;
  border-width: 9px;
  margin-left: -9px;
}
.calendar td .dropdown .dropdown-toggle-new:after {
  border-color: transparent transparent rgba(0, 0, 0, 0.2);
  border-width: 0;
  margin-left: 0;
}
.calendar td .dropdown .dropdown-menu {
  font-weight: normal;
  color: #232323;
  font-size: 11px;
  left: -70%;
  top: 134%;
  top: 95%;
  min-width: 120px;
  left: -95%;
  max-width: 160px;
  width: auto;
  padding: 5px 4px;
  text-align: left;
  z-index: 99;
}
.calendar td .dropdown .dropdown-menu .session {
  white-space: nowrap;
  display: block;
}
.calendar td .dropdown .dropdown-menu:before,
.calendar td .dropdown .dropdown-menu:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 50%;
  left: 55%;
  bottom: 100%;
}
.calendar td .dropdown .dropdown-menu:before {
  border-color: rgba(255, 0, 0, 0);
  border-bottom-color: #cdcdcd;
  border-width: 9px;
  margin-left: -9px;
}
.calendar td .dropdown .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.calendar td .dropdown .dropdown-menu-new {
  border-color: rgba(255, 0, 0, 0);
  border-bottom-color: #cdcdcd;
  border-width: 9px;
  margin-left: -9px;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: none;
  float: left;
  font-size: 14px;
  left: -95%;
  list-style: none outside none;
  margin: 0;
  max-width: 160px;
  min-width: 120px;
  padding: 5px 4px;
  position: absolute;
  top: 100%;
  z-index: 1000;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
}
.calendar td .dropdown:hover .dropdown-menu {
  z-index: 9999;
}
.calendar td.past {
  color: #d3d3d3;
  color: #e1e1e1;
}
.calendar td.past .dropdown .dropdown-toggle,
.calendar td.past .dropdown .dropdown-menu {
  display: none;
}
.forgetbox {
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}
.forgetbox .mail_fri {
  margin-left: 2%;
}
.forgetbox p {
  padding-bottom: 20px;
}
.remeberme {
  width: 70%;
  margin: 0 auto;
  margin-top: 10px;
  text-align: left;
}
.remeberme input {
  width: 15px;
  float: left;
  margin-right: 5px !important;
}
.remeberme span {
  font-size: 12px;
  text-align: left;
  float: left;
  color: #333;
  line-height: 14px;
  margin-top: 3px;
}
.inputbox li.open .dropdown-toggle {
  border: 1px #ffcf01 solid;
}
.inputbox li.open .waitlist_edit_gray {
  border: 1px #d4d4d4 solid !important;
}
.phones {
  width: 90%;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 33px;
  padding-left: 40px;
  background: url(../img/phone.png) 12px 9px no-repeat;
  height: 33px;
  margin-top: 20px;
}
.phones .phone_num {
  background: url(../img/down_grey.svg) no-repeat right center;
  width: 80px;
  line-height: 31px;
  height: 31px;
  padding-left: 0px;
  cursor: pointer;
  float: left;
}
.phones .phone_num .dropdown-menu {
  min-width: 80px;
}
.phones .phone_num .dropdown-menu li {
  text-align: left;
}
.phones .phone_num .dropdown-menu > li > a {
  padding: 3px 10px;
}
.phones .p_num {
  display: inline-block;
  width: 65%;
  float: left;
  border: none;
  height: 29px;
  line-height: 29px;
  margin-left: 15px;
}
.location_box .dropdown-toggle {
  background: url(../img/down_grey.svg) no-repeat 98% center;
  width: 90%;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 33px;
  height: 33px;
  padding-left: 10px;
  cursor: pointer;
  margin-top: 20px;
  text-align: left;
  padding-right: 10px;
  margin-bottom: 50px;
}
.location_box .dropdown-toggle span {
  padding-left: 18px;
}
.location_box .dropdown-menu {
  width: 90%;
  max-height: 150px;
}
.notcenter {
  text-align: left;
}
.cloloor {
  color: #1565c0;
}
.Confirm_chope {
  font-size: 14px;
  color: #333;
  font-weight: 200;
  width: 100%;
  margin: 0 auto;
  line-height: 25px;
  text-align: center;
  padding-top: 10px;
}
.signbox .mail {
  display: block;
  width: 100%;
  border: none;
  height: 31px;
  line-height: 31px;
}
.mail_box {
  width: 70%;
  margin: 0 auto;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  padding-left: 40px;
  background: url(../img/mail.png) 12px 11px no-repeat;
  margin-top: 30px;
}
.signbox .passwordin {
  width: 100%;
  border: none;
  line-height: 31px;
  background: none;
  height: 31px;
}
.signbox .pass {
  width: 70%;
  margin-top: 10px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  padding-left: 40px;
  background: url(../img/password.png) 12px 9px no-repeat;
  display: block;
  background-size: 18px;
}
.signbox .pass a {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #1565c0;
}
.mail_boxs {
  width: 100%;
  margin: 0 auto;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 33px;
  padding-left: 40px;
  background: url(../img/Email.png) 12px 9px no-repeat;
  margin-top: 20px;
  display: inline-block;
  background-size: 16px;
}
.mail_boxs input.mail {
  width: 100%;
  margin: 0 !important;
  padding: 0;
  border: none;
  background: none;
}
.birth_boxes {
  width: 100%;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  padding-left: 40px;
  background: url(../img/birth.png) 12px 6px no-repeat;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
  background-size: 18px;
}
.signbox .infor_box .birth {
  width: 100%;
  border: 0;
  line-height: 30px;
  height: 30px;
}
.password_box .passwordin {
  width: 100%;
  border: none;
  margin: 0 !important;
  line-height: 30px;
  background: none;
}
.password_box {
  width: 100%;
  margin-top: 10px;
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  padding-left: 40px;
  background: url(../img/password.png) 12px 9px no-repeat;
  display: block;
  background-size: 18px;
}
.name_boxs {
  width: 182px;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  background: url(../img/Profile.png) 12px 7px no-repeat;
  padding-left: 35px;
  display: inline-block;
  background-size: 14px;
}
.name_boxs .names {
  border: none;
  width: 100%;
  background: none;
  padding: 0;
  line-height: 31px;
}
.havemaige {
  margin-left: 5px;
}
.other_width {
  width: 94%;
}
.concode_inbox {
  width: 90%;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  padding-left: 60px;
  background: url(../img/concode.png) 12px 9px no-repeat;
  display: inline-block;
  margin-left: 0px;
  color: #333;
  text-align: left;
  display: block;
}
.concode_in {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  line-height: 31px;
}
.location_box .dropdown-menu {
  overflow: auto;
}
.waitlists {
  border: 1px #facb28 solid !important;
}
.margin_other {
  margin-left: 3%;
}
.smart-banner {
  width: 90%;
  margin: 10px auto;
  display: block;
}
.contry_in {
  width: 49%;
  border: none;
  line-height: 30px;
  background: none;
  margin-left: 10px;
}
.wait_listbox {
  padding-left: 20px;
  margin-top: 10px;
}
.wait_listbox .bl {
  color: #404545;
  line-height: 16px;
  font-size: 12px;
}
.wait_listbox .or {
  color: #ffcf01;
  line-height: 16px;
  font-size: 12px;
}
.wait_listbox .gr {
  color: #bdbdbd;
  line-height: 16px;
  font-size: 12px;
}
.phone_num .dropdown-menu {
  height: 200px;
  overflow: auto;
}
.phone_num .dropdown-menu li {
  cursor: pointer;
}
.power_by {
  text-align: right;
  padding-right: 20px;
  margin-top: 25px;
  background: #f7f7f7;
  padding-bottom: 10px;
  padding-top: 10px;
}
.power_by em {
  font-size: 14px;
}
.power_by img {
  margin-left: 10px;
}
.waitbutton {
  background: #ffcf01;
  color: #10024a;
}
.infor_box .phone_num .dropdown-menu li.others {
  text-align: center;
}
.otheriuput {
  width: 70px;
  border: none;
  line-height: 30px;
  height: 30px;
}
.align_margin {
  margin-left: 11px;
}
.align_width {
  width: 45% !important;
}
.inputbox #calendar-drop {
  padding: 0;
}
.detail_res a {
  color: #ffcf01;
}
.mobileview {
  display: none;
}
.havenomargin {
  margin-top: 0;
}
.greenline {
  border: 1px #8cc051 solid !important;
}
.longbutton {
  width: 175px !important;
}
.infor_box .btn_box button.likegrey {
  background-color: #f1f2f2;
  color: #c9cacb;
  border: none;
}
.suggest_new {
  background-color: #fff2bf;
}
.resetbox p {
  text-align: left;
}
.reset_boxs {
  background: url(../img/password.png) no-repeat 12px 9px;
  margin-top: 5px;
  background-size: 18px;
}
.resetbox span {
  text-align: left;
  display: block;
  font-size: 14px;
  margin-top: 20px;
}
.resetbox .errorborder {
  border: 1px #de1c24 solid;
}
.resetbox .errorp {
  padding: 0 !important;
  margin: 0;
  color: #de1c24;
  margin-top: 5px;
}
.wrong_pro_message {
  margin-left: 24%;
  color: red;
}
.inputbox li .longlocation {
  width: 390px;
  background-position: 370px 10px;
}
.inputbox li .dropdown-toggle span.locationspan {
  width: 90%;
}
.refer_p {
  width: 90%;
  margin: 0 auto;
}
.refer_face {
  margin-bottom: 0 !important;
  margin-top: 35px !important;
  padding: 0;
}
.refer_log {
  margin-bottom: 40px !important;
  margin-top: 0 !important;
}
.refer_in {
  font-size: 12px;
  font-style: normal;
  display: block;
  width: 90%;
  margin: 0 auto;
  margin-top: 40px;
}
.refer_acolor {
  color: #333;
  text-decoration: none;
}
.vocate {
  margin-left: 2%;
  font-size: 12px;
}
.show_voct_time {
  margin-left: 2%;
  font-size: 12px;
}
.birth_boxes input[type='text'] {
  border: none !important;
  background-color: #fff !important;
  padding: 0;
  height: 31px;
  line-height: 31px;
  margin: 0;
  background-size: 18px;
}
.datetimepicker {
  margin-top: 20px !important;
}
.resdiary_box li {
  width: 86%;
  margin-left: 29px;
  margin-bottom: 0;
}
.resdiary_box li input {
  width: 14px;
  margin-right: 10px;
}
.resdiary_box li span {
  width: 80%;
}
.resdiary_box li p {
  width: 15px;
  height: 15px;
  background: url(../img/re_plus.png);
  background-size: contain;
  cursor: pointer;
}
.resdiary_box li p.reduce {
  width: 15px;
  height: 15px;
  background: url(../img/re_reduce.png);
  background-size: contain;
}
.resdiary_box li .detail {
  margin-left: 24px;
  font-size: 12px;
  color: #7b7a7a;
  display: none;
}
#agree .checkbox {
  position: static !important;
}
.payment_red {
  color: red;
  font-weight: bold;
}
/*edit page alert*/
.alert_cancel {
  font-family: "NotoSans-Regular";
  position: fixed;
  top: 200px;
  width: 400px;
  padding: 20px 20px;
  box-sizing: border-box;
  border: #000;
  background: #fff;
  left: 50%;
  margin-left: -200px;
  border: 1px #848484 solid;
  border-radius: 4px;
  display: none;
  z-index: 99;
}
.alert_cancel .event-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #101125;
  opacity: 0.4;
}
.alert_cancel h4 {
  font-weight: 400;
  font-size: 16px;
}
.alert_cancel .nubox {
  text-align: center;
  margin-top: 20px;
}
.alert_cancel .nubox a {
  color: #1565c0;
  background: #fff;
  display: inline-block;
  margin-right: 20px;
  border: 1px #1565c0 solid;
  width: 96px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  border-radius: 4px;
  cursor: pointer;
}
.alert_cancel .nubox a:hover {
  text-decoration: none;
}
.alert_cancel .nubox #not_cancel {
  background-color: #10024a;
  color: #fff;
  border-color: #10024a;
}
.resdiary_alert input {
  width: auto;
}
.resdiary_alert span {
  margin-left: 10px;
}
.progress_bar ul li span {
  width: 70px;
  text-align: center;
}
.over_noshow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommend_box {
  width: 96%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.recommend_box .strongfont {
  font-weight: bold;
}
.recommend_box .title_t {
  padding: 0 20px;
  line-height: 37px;
  height: 37px;
  font-size: 14px;
  text-align: center;
  background: url(../img/arrow2.png) no-repeat 90% center;
  cursor: pointer;
  font-weight: bold;
}
.recommend_box .title_t2 {
  background: url(../img/arrow1.png) no-repeat 90% center;
}
.recommend_box .re_p {
  color: #ff635b;
  text-align: center;
  width: 96%;
  margin: 0 auto;
  line-height: 20px;
}
.recommend_box .time_box {
  border-radius: 2px;
  background-color: #f2f2f2;
}
.recommend_box .time_box .time_content {
  padding-bottom: 20px;
  margin-left: 10px;
}
.recommend_box .time_box .time_content span {
  width: 72px;
  height: 28px;
  border-radius: 2px;
  background-color: #ffcf01;
  text-align: center;
  line-height: 28px;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
  font-size: 12px;
}
.recommend_box .time_box .time_content span.ifchose {
  color: #ffcf01;
  background-color: #000000;
}
.recommend_box .time_box .time_content a {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-decoration: underline;
  margin-left: 6px;
  cursor: pointer;
}
.recommend_box .orchose {
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  text-align: center;
  color: #9b9b9b;
}
.recommend_box .restrantbox {
  border-radius: 2px;
  background-color: #f2f2f2;
}
.recommend_box .restrantbox .re_content {
  padding-right: 0;
}
.recommend_box .restrantbox .re_content .notshow {
  display: none;
}
.recommend_box .restrantbox .re_content li {
  margin: 0;
  padding-left: 20px;
  margin-bottom: 10px;
}
.recommend_box .restrantbox .re_content li .imgbox {
  width: 300px;
  height: 160px;
  float: left;
}
.recommend_box .restrantbox .re_content li .imgbox img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.recommend_box .restrantbox .re_content li .timelist {
  float: left;
  margin-left: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 160px;
}
.recommend_box .restrantbox .re_content li .timelist span {
  width: 72px;
  height: 28px;
  border-radius: 2px;
  background-color: #ffcf01;
  text-align: center;
  line-height: 28px;
  display: inline-block;
  margin-left: 6px;
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  cursor: pointer;
}
.recommend_box .restrantbox .re_content li .timelist span.ifchose {
  color: #ffcf01;
  background-color: #000;
}
.recommend_box .restrantbox .re_content li .timelist a {
  color: #000;
}
.recommend_box .restrantbox .re_content li .timelist a:hover {
  text-decoration: none;
}
.recommend_box .restrantbox .re_content li .in_box {
  padding-bottom: 10px;
}
.recommend_box .restrantbox .re_content li .in_box h4 {
  width: 380px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommend_box .restrantbox .re_content li .in_box span {
  color: #5b5b5b;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 380px;
}
.recommend_box .restrantbox .re_content .showmore {
  width: 100%;
  height: 29px;
  cursor: pointer;
  background-color: #dfdfdf;
  line-height: 29px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  display: block;
  color: #000000;
}
.longnext {
  width: 96%;
  margin: 0 auto;
  text-align: center;
  display: block;
  float: none;
}
.normalbox {
  background: #f2f2f2;
  width: 96%;
  padding: 10px 15px;
  margin: 0 auto;
  font-size: 12px;
}
.showbox {
  display: none;
}
#loading2 {
  width: 250px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -125px;
  z-index: 99999;
  background: none;
  margin-top: -80px;
}
#loading2 .message {
  -moz-opacity: 0.8;
  opacity: 0.8;
  position: static;
  margin: 0;
  top: 0;
  left: 0;
  width: 250px;
  z-index: 99999999;
  background: #000;
  border-radius: 4px;
  height: 60px;
}
#loading2 .center {
  color: #fff;
  padding: 0 0 10px;
  float: left;
  margin-left: 20px;
}
#loading2 .box_ami {
  width: 20px;
  display: inline-block;
  float: left;
}
#loading2 .loadi_ami {
  display: inline-block;
  width: 0;
  overflow: hidden;
  animation: loadinga 2s infinite;
  animation-iteration-count: infinite;
  -webkit-animation: loadinga 2s infinite;
  color: #fff;
  margin-top: 20px;
  margin-left: 2px;
}
.logo_box img {
  border-radius: 50%;
  object-fit: contain;
}
.logo_box .logo {
  padding-top: 0;
}
@keyframes loadinga {
  from {
    width: 0;
  }
  to {
    width: 20px;
  }
}
@-webkit-keyframes loadinga {
  from {
    width: 0;
  }
  to {
    width: 20px;
  }
}
.smsbox {
  width: 96%;
  margin: 0 auto;
  padding: 50px 20px;
  text-align: center;
}
.smsbox p {
  color: #333;
  font-size: 20px;
  font-family: "NotoSans-Regular";
  padding: 10px 0px;
  line-height: 30px;
}
.smbox_box .logobox {
  margin: 0 auto;
}
.smbox_box .title_text {
  font-size: 24px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
}
.smbox_box .cancle_button {
  padding: 0px 20px;
  background-color: #999;
  color: #fff;
  line-height: 30px;
  margin-top: 40px;
  margin-left: 20px;
  font-size: 18px;
}
.smbox_box .confirm_button {
  padding: 0px 20px;
  background-color: #428bca;
  color: #FFF;
  line-height: 30px;
  margin-top: 40px;
  font-size: 18px;
}
.sms_box {
  width: 333px;
  margin: 0 auto;
  border: 1px #d4d4d4 solid;
  border-radius: 5px;
  padding-bottom: 20px;
  background: #fff;
  margin-top: 20px;
}
.sms_box .titles {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
  text-align: center;
  padding-top: 30px;
  color: #212121;
}
.sms_box .reservation_box {
  padding: 20px 2%;
  width: 92%;
  margin: 0 auto;
  text-align: center;
  border: 1px #d4d4d4 solid;
  border-radius: 5px;
}
.sms_box .reservation_box p {
  font-size: 20px;
  color: #212121;
  line-height: 25px;
}
.sms_box .reservation_box p.title_re {
  font-size: 16px;
  line-height: 30px;
  color: #212121;
  font-weight: 600;
}
.sms_box .reservation_box em {
  font-size: 12px;
  color: #919191;
  padding-bottom: 20px;
  font-weight: 500;
}
.sms_box .btn_box {
  width: 92%;
  margin: 0 auto;
  margin-top: 20px;
}
.sms_box .btn_box a {
  width: 115px;
  border: none;
  line-height: 30px;
  border: 2px #ffcf01 solid;
  border-radius: 5px;
  height: 36px;
  background-color: #fff;
  color: #2b2a29;
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  float: left;
  text-align: center;
  text-decoration: none;
}
.sms_box .btn_box a.nexts {
  background-color: #ffcf01;
  float: right;
}
.sms_box .yes_box {
  text-align: center;
  padding: 100px 20px 200px 20px;
}
.sms_box .yes_box h4 {
  font-size: 30px;
  color: #212121;
  line-height: 36px;
}
.sms_box .yes_box span {
  font-size: 16px;
  color: #212121;
}
.sms_box .yes_box p {
  padding: 0 0px;
  border-radius: 20px;
  height: 30px;
  line-height: 30px;
  color: #919191;
  font-size: 18px;
  background: #f7f7f7;
  width: 109px;
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
}
.signbox {
  position: relative;
}
.mar_top {
  width: 70%;
  display: block;
  background-color: #d4d4d4;
  margin: 0 auto;
  border-radius: 5px;
  height: 37px;
  line-height: 37px;
  border: none;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 70px;
}
.signbox .con_with {
  color: #333;
  font-size: 14px;
}
.forgetbox .concode_inbox {
  width: 100%;
}
.forgetbox .phones {
  width: 100%;
}
.forgetbox .location_box .dropdown-toggle {
  width: 100%;
}
.forgetbox .phones .phone_num {
  margin-left: 10px;
  text-align: left;
}
.infor_box .btn_box button.langbutton_long {
  width: auto !important;
}
.reason {
  color: #ff635b;
  text-align: center;
  width: 96%;
  margin: 0 auto;
  line-height: 20px;
}
#note {
  margin-top: 0 !important;
}
.invate-box {
  width: 400px;
  margin: 0 auto;
}
.invate-box {
  padding: 10px 5px;
  box-sizing: border-box;
  border: 1px #979797 solid;
}
.invate-box .header .logo-box {
  margin-top: 10px;
}
.invate-box .header img {
  margin-top: 20px;
}
.invate-box .header .hdr-lang .county a {
  color: #212121;
  line-height: 30px;
  font-family: 'Montserrat-SemiBold';
}
.invate-box .header .hdr-lang .county {
  background: url(../img/DropDownButton.png) no-repeat 65px 13px;
  width: 80px;
  height: 30px;
}
.invate-box .header .hdr-lang .county p {
  color: #212121;
  line-height: 30px;
  font-family: 'Montserrat-SemiBold';
  float: right;
  padding-right: 20px;
}
.invate-box .dining {
  color: #E32064;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  width: 238px;
  text-align: left;
  margin-top: 15px;
  font-family: 'OpenSans-Semibold';
}
.invate-box .hey-youve-been-inv {
  color: #212121;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  font-family: 'Montserrat-SemiBold';
}
.invate-box .inve-show {
  border-bottom: 1px solid #979797;
  line-height: 5px;
  height: 5px;
}
.invate-box .inve-show-2 {
  border-bottom: 1px solid #979797;
  line-height: 5px;
  height: 5px;
}
.invate-box .artemis {
  color: #212121;
  font-family: 'OpenSans-Semibold';
  font-size: 22px;
  font-weight: 600;
  line-height: 41px;
  text-align: left;
}
.invate-box .booking-id-2-ruop {
  color: #212121;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  font-family: 'OpenSans-Semibold';
}
.invate-box .map-box {
  background-color: #FFFFFF;
  border: 0.5px solid #9B9B9B;
  height: 144px;
  margin: 10 0px;
}
.invate-box .detail-box {
  margin-top: 30px;
}
.invate-box .detail-box li {
  margin-top: 2px;
}
.invate-box .detail-box li span {
  color: #9B9B9B;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  float: left;
  line-height: 16px;
  width: 30%;
  font-family: 'OpenSans-Regular';
}
.invate-box .detail-box li p {
  color: #212121;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  float: left;
  line-height: 16px;
  margin-top: 0;
  width: 70%;
  font-family: 'OpenSans-Semibold';
}
.invate-box .about-artemis {
  color: #9B9B9B;
  font-family: 'OpenSans-Regular';
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin-top: 24px;
  margin-bottom: 16px;
}
.invate-box .img-box {
  background-color: #FFFFFF;
  border: 0.5px solid #9B9B9B;
  height: 144px;
}
.invate-box .show-more {
  color: #212121;
  margin-top: 24px;
  margin-bottom: 10px;
  font-family: 'OpenSans-Regular';
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  padding-bottom: 60px;
}
.invate-box .show-more .more {
  color: #6aa4e5;
  font-family: 'OpenSans-Regular';
}
.store-box {
  text-align: center;
  position: fixed;
  bottom: 0;
  padding-bottom: 10px;
  height: 70px;
  background: #fff;
  width: 390px;
  border-top: 1px solid #9B9B9B;
}
.store-box div {
  margin-top: 16px;
}
.need-hide {
  display: none;
}
.invate-box .widget_box {
  width: 100%;
}
.third_party {
  margin-left: 17px;
  padding-bottom: 20px;
  border-bottom: 1px #ededed solid;
  margin-bottom: 20px;
}
.third_party p {
  font-weight: bold;
  font-size: 14px;
}
.third_party input {
  width: 15px;
}
.third_party .radioin {
  margin-bottom: 5px;
}
.third_in {
  display: none;
  padding-bottom: 20px;
  border-bottom: 1px #ededed solid;
  margin-bottom: 20px;
}
.third_in .check_3 {
  width: 15px;
  margin-left: 17px;
  margin-top: 20px;
}
.title_third {
  margin-left: 17px;
  font-size: 14px;
  color: #000;
  margin-bottom: 20px;
  display: none;
}
.title_third span {
  color: #909399;
  font-size: 12px;
  margin-left: 5px;
}
.third_information {
  display: none;
}
.infor_box .relation {
  width: 94%;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 33px;
  padding-left: 10px;
  background: url(../img/down_grey.svg) 97% 12px no-repeat;
  margin-left: 16px;
  height: 33px;
  margin-top: 20px;
  position: relative;
  display: none;
}
.infor_box .relation span {
  margin-left: 8px;
}
.infor_box .relation input {
  margin-left: 8px;
  border: none;
  line-height: 30px;
  height: 30px;
  width: 80%;
  cursor: pointer;
}
.infor_box .relation .dropdown-menu {
  width: 100%;
}
.infor_box .relation .dropdown-toggle img {
  width: 18px;
  margin-top: -5px;
}
.diner_titlegrey {
  color: #ededed;
}
.bookby_3 {
  font-size: 14px;
  background: #ffcf01;
  border-radius: 4px;
  width: 80px;
  text-align: center;
  font-weight: bold;
  line-height: 26px;
  margin-top: 20px;
}
.edit_surname {
  width: 42% !important;
}
.booby_in {
  margin-top: 15px;
}
.booby_in span {
  display: inline-block;
  font-size: 14px;
  margin-left: 13px;
}
.booby_in img {
  width: 12px;
}
.in_detail_3 {
  font-size: 14px;
  margin-top: 15px;
}
.foapp .header {
  height: 51px;
  line-height: 51px;
  background-color: #f8dc1c;
  padding-left: 10px;
}
.foapp .header a {
  color: #fff;
  font-size: 20px;
  float: left;
  margin-left: 3px;
}
.foapp .header img {
  display: inline-block;
  float: left;
  margin-top: 16px;
}
.foapp .forbody {
  background: #222222;
  padding: 0 10%;
  padding-top: 20px;
  text-align: center;
  padding-bottom: 230px;
}
.foapp .forbody h4 {
  font-size: 24px;
  color: #D8D8D8;
  margin-top: 15px;
}
.foapp .forbody P {
  font-size: 16PX;
  color: #FFF;
  line-height: 24px;
  margin-top: 20px;
}
.foapp .forfoot {
  padding: 10px 5%;
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
}
.foapp .forfoot p {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}
.foapp .forfoot .forstroe {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.wait-pay {
  width: 498px;
  margin: 0 auto;
  border-radius: 3px;
  padding-bottom: 25px;
  position: relative;
}
.waitpaybox {
  padding: 25px;
  background: #fff;
  font-family: 'OpenSans-Regular';
  color: #000;
}
.waitpaybox .warn {
  font-size: 17px;
  color: #FF4A4A;
  margin-top: 5px;
}
.waitpaybox .info-name {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
  margin-top: 25px;
}
.waitpaybox .info-height {
  margin-bottom: 12px;
  font-size: 17px;
  font-weight: 400;
}
.waitpaybox .info-height span {
  margin-left: 15px;
}
.waitpaybox .info-height img {
  margin-top: -3px;
}
.waitpaybox .mid-night {
  display: inline-block;
  width: 29px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  background-color: #B2BBCB;
  border-radius: 10px;
  font-size: 14px;
  margin-left: 10px;
}
.waitpaybox .content-bottom {
  margin-top: 40px;
}
.waitpaybox .pay-title {
  font-size: 15px;
  font-weight: 400;
  text-align: right;
  color: #000;
  margin-bottom: 6px;
}
.waitpaybox .pay-money {
  font-size: 32px;
  font-weight: 800;
  color: #FF4A4A;
  text-align: right;
  margin-bottom: 28px;
}
.waitpaybox .pay-button {
  width: 98%;
  text-align: center;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  background: #ffcf01;
  color: #000;
  font-weight: 600;
  font-size: 17px;
  border-radius: 8px;
  cursor: pointer;
  display: block;
}
.waitpaybox .preorder {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  text-align: center;
}
.waitpaybox .cancel-r {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
}
.waitpaybox .foot-text {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
  color: #ABABAB;
  width: 80%;
}
.waitpaybox .paid-content {
  width: 100%;
  background-color: #EAF7EA;
  border-radius: 8px;
  margin-top: 20px;
  padding: 10px 0;
}
.waitpaybox .paid-book {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
  margin-bottom: 10px;
}
.waitpaybox .paid-title {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-top: 10px;
}
.waitpaybox .paid-money {
  font-size: 32px;
  font-weight: 800;
  color: #31B531;
  text-align: center;
  margin-bottom: 28px;
  margin-top: 10px;
}
.waitpaybox .warnseatbg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  z-index: 1000;
  background-color: #000;
}
.waitpaybox .warnsea {
  background: #fff;
  width: 294px;
  position: fixed;
  top: 200px;
  left: 50%;
  margin-left: -147px;
  z-index: 1001;
  border-radius: 8px;
  padding: 20px;
}
.waitpaybox .warnsea_2 {
  background: #fff;
  width: 294px;
  position: fixed;
  top: 200px;
  left: 50%;
  margin-left: -147px;
  z-index: 1001;
  border-radius: 8px;
  padding: 20px;
}
.waitpaybox .warnsea h4 {
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 13px;
}
.waitpaybox .warnsea p {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 30px;
  color: #000;
  font-weight: 400px;
}
.waitpaybox .warnsea_2 h4 {
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 13px;
}
.waitpaybox .warnsea_2 p {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 30px;
  color: #000;
  font-weight: 400px;
}
.waitpaybox .if-button {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  height: 47px;
  line-height: 47px;
  text-align: center;
  border-radius: 3px;
  background: #DCE1E9;
  margin-bottom: 8px;
  cursor: pointer;
}
.waitpaybox .nobutton {
  background: #ffcf01;
}
.waitpaybox .close-w {
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
}
.waitpaybox .cancel-warn {
  display: none;
}
.waitpaybox .has-cancel {
  color: #8E8E8E;
  text-decoration: line-through;
}
.waitpaybox .make-new {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  background: #ffcf01;
  color: #000;
  font-weight: 600;
  font-size: 17px;
  border-radius: 8px;
  cursor: pointer;
  display: block;
  margin-top: 200px;
  border: none;
  font-family: 'OpenSans-Bold';
  font-weight: bold;
}
.waitpaybox .gray-bu {
  background-color: #f1f3f4;
  color: #b2b2b2;
}
.waitpaybox .nomargint {
  margin-top: 5px;
}
.waitpaybox .detail_cny {
  color: #000;
  font-size: 14px;
  margin-top: 28px;
  margin-bottom: 14px;
  text-align: center;
}
.waitpaybox .border-for {
  border-top: solid 1px #979797;
  opacity: 0.2;
}
.waitpaybox .myorderbox {
  padding: 20px 0;
}
.waitpaybox .myorderbox h4 {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
.waitpaybox .myorderbox ul {
  margin-top: 10px;
}
.waitpaybox .myorderbox li span {
  float: left;
  width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
}
.waitpaybox .myorderbox li p {
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
}
.waitpaybox .view-button {
  height: 48px;
  border-radius: 8px;
  border: solid 1px #000000;
  line-height: 48px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  display: block;
  color: #000;
  cursor: pointer;
  font-family: 'OpenSans-Bold';
  background-size: 50%;
}
.waitpaybox .view-button .menuicon {
  position: absolute;
  left: 30%;
  top: 7px;
}
.waitpaybox .logo_dbox {
  text-align: center;
}
.waitpaybox .logo_dbox h4 {
  font-size: 34px;
  font-weight: bold;
  font-family: 'OpenSans-Bold';
}
.waitpaybox .logo_dbox p {
  font-size: 14px;
}
.waitpaybox .menubox ul {
  margin-top: 20px;
}
.waitpaybox .menubox li {
  margin-bottom: 10px;
}
.waitpaybox .menubox li b {
  display: inline-block;
  width: 24px;
  height: 24px;
  float: left;
}
.waitpaybox .menubox li .canjia {
  background: url(../img/use_jia.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.waitpaybox .menubox li .canjian {
  background: url(../img/ues_jian.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.waitpaybox .menubox li .cantjia {
  background: url(../img/cant_jia.png);
  background-size: 100% 100%;
  cursor: default;
}
.waitpaybox .menubox li .cantjian {
  background: url(../img/cant_jian.png);
  background-size: 100% 100%;
  cursor: default;
}
.waitpaybox .menubox li .menu_fl {
  float: left;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
  max-width: 330px;
  color: #000;
  font-family: 'OpenSans-Semibold';
  cursor: pointer;
}
.waitpaybox .menubox li .menu_fr {
  float: right;
  margin: 0;
}
.waitpaybox .menubox li .menu_fr input {
  float: left;
  display: inline-block;
  width: 50px;
  text-align: center;
  line-height: 24px;
  border: none;
  font-weight: 600;
  color: #000000;
}
.alertmenu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 18;
}
.alertmenu .bg {
  background: #000;
  opacity: 0.2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.alertmenu .bg2 {
  background: #000;
  opacity: 0.2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.alertmenu .menu {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 30px 25px;
  position: absolute;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
  font-family: 'OpenSans-Regular';
}
.alertmenu .textop {
  max-height: 600px;
  overflow: auto;
}
.alertmenu .closs-menu {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.alertmenu .menu1 {
  border-radius: 10px;
  background-color: none !important;
  padding: 30px 25px;
  position: absolute;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
  font-family: 'OpenSans-Regular';
}
#handout_wrap_inner {
  position: fixed;
  top: 0;
}
.waitpaybox .content-head {
  font-size: 34px;
  font-weight: 700;
  width: 90%;
  line-height: 40px;
}
.login-box {
  width: 90%;
  margin: 0 auto;
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  margin-top: 15px;
}
.login-box .login-header {
  cursor: pointer;
  padding-left: 20px;
  line-height: 35px;
  height: 35px;
  background: url(../img/loginarr.svg) no-repeat 98% 10px;
  color: #212121;
}
.login-box .login-header2 {
  background: url(../img/loginarr2.png) no-repeat 98% 10px;
}
.login-box .mail {
  display: block;
  width: 100%;
  border: none;
  height: 31px;
  line-height: 31px;
}
.login-box .mail_box {
  width: 80%;
  margin: 0 auto;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  padding-left: 40px;
  background: url(../img/mail.png) 12px 11px no-repeat;
  margin-top: 20px;
}
.login-content {
  display: none;
}
.login-box .remeberme {
  width: 80%;
}
.login-box .passwordin {
  width: 100%;
  border: none;
  line-height: 31px;
  background: none;
  height: 31px;
}
.login-box .pass {
  width: 80%;
  margin-top: 10px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  border: 1px #d4d4d4 solid;
  border-radius: 3px;
  line-height: 31px;
  padding-left: 40px;
  background: url(../img/password.png) 12px 9px no-repeat;
  display: block;
  background-size: 18px;
}
.login-box .pass a {
  position: absolute;
  right: 10px;
  top: 2px;
}
.login-box .login {
  width: 80%;
  display: block;
  background: #ffcf01;
  margin: 0 auto;
  border-radius: 5px;
  height: 37px;
  border: none;
  margin-top: 25px;
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  font-family: 'OpenSans-Semibold';
}
.login-box .loginface {
  display: block;
  background: url(../img/facebook.png) no-repeat 60px 6px;
  background-color: #3b5998;
  margin: 0 auto;
  border-radius: 5px;
  height: 37px;
  line-height: 37px;
  border: none;
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Bold";
  color: #fff;
  margin-bottom: 20px;
  font-family: 'OpenSans-Semibold';
}
.login-box .orbox {
  width: 80%;
  margin: 0 auto;
  height: 63px;
  position: relative;
}
.login-box .orbox p {
  border-bottom: 1px #ededed solid;
  height: 33px;
}
.login-box .orbox span {
  position: absolute;
  left: 41%;
  top: 26px;
  font-size: 16px;
  color: #818181;
  width: 60px;
  background-color: #fff;
  line-height: 16px;
  text-align: center;
}
.otpbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.otpbox .bgbg {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
.otpbox .mobileotp {
  border-radius: 4px;
  background-color: #ffffff;
  width: 328px;
  margin: 0 auto;
  position: absolute;
  z-index: 100;
  top: 100px;
  left: 50%;
  margin-left: -164px;
  padding: 0 16px;
  padding-bottom: 24px;
}
.otpbox .mobileotp .closeotp {
  position: absolute;
  right: 16px;
  top: 24px;
  cursor: pointer;
}
.otpbox .mobileotp .otp_title {
  padding-top: 64px;
  font-family: HelveticaNeue;
  font-size: 14px;
  font-weight: bold;
  color: #212121;
}
.otpbox .mobileotp .otp_content {
  margin-top: 16px;
  font-family: HelveticaNeue;
  font-size: 14px;
  color: #212121;
}
.otpbox .mobileotp input.ttpey {
  border: solid 1px #d6d6d6;
  height: 35px;
  width: 100%;
  line-height: 35px;
  border-radius: 2px;
  padding-left: 10px;
}
.otpbox .mobileotp .needheigh {
  height: 65px;
  margin-top: 45px;
}
.otpbox .mobileotp .warn {
  font-family: HelveticaNeue;
  font-size: 14px;
  color: #de1c24;
  margin-top: 8px;
}
.otpbox .mobileotp .again {
  margin-top: 15px;
}
.otpbox .mobileotp .resend {
  color: #4d87ad;
  cursor: pointer;
  display: inline-block;
  background: none;
  border: none;
  width: 170px;
}
.otpbox .mobileotp .cantues {
  color: #333333 !important;
}
.otpbox .mobileotp .warin_wait {
  display: block;
}
.otpbox .mobileotp .warn_invalid {
  display: block;
}
.otpbox .mobileotp .verify {
  margin: 0 auto;
  margin-top: 120px;
  border: none;
  height: 36px;
  border-radius: 4px;
  background-color: #ccc;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  display: block;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  width: 116px;
}
/*弹框样式*/
.imgzoom_pack {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0%;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 15;
}
.imgzoom_pack .imgzoom_x {
  color: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
  cursor: pointer;
  background: url(../img/closebtnx.png) no-repeat;
  background-size: 100% 100%;
}
.imgzoom_pack .imgzoom_img {
  width: 36%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  overflow: auto;
  margin-left: -18%;
}
.imgzoom_pack .imgzoom_img img {
  width: 100%;
  position: absolute;
  top: 50%;
}
.con_box {
  padding: 20px 0;
  background: #fff;
}
.greenborder {
  border: 1px #ffcf01 solid !important;
}
.greentext {
  font-size: 12px;
  color: #10024a;
  padding: 10px 30px;
}
.widget_box .hdr-lang .county img {
  display: none;
}
.it_p {
  font-style: italic;
  font-size: 14px;
}
#loading p {
  font-family: "NotoSans-Regular";
}
.invate_new {
  border: 1px #9b9b9b solid;
  width: 600px;
  margin: 0 auto;
  text-align: center;
  font-family: "NotoSans-Regular";
  color: black;
  padding: 0 35px;
}
.invate_new .inva-log {
  padding: 20px 0;
  padding-top: 35px;
}
.invate_new h3 {
  font-family: "NotoSans-Bold";
  font-size: 26px;
  padding-top: 6px;
  padding-bottom: 20px;
  margin: 0;
}
.invate_new .n_pin {
  font-size: 16px;
  padding-bottom: 18px;
}
.invate_new .b_pin {
  font-size: 16px;
  font-family: "NotoSans-Bold";
}
.invate_new .f_date {
  font-size: 16px;
  padding: 0 10px 10px 10px;
  border-bottom: 1px #979797 solid;
  width: 50%;
  margin: 0 auto;
}
.invate_new .noborder {
  border: none;
  padding: 0;
}
.invate_new .width_long {
  width: 50%;
  margin: 0 auto;
  margin-top: 15px;
  padding-bottom: 0;
}
.invate_new .viewa {
  margin-bottom: 15px;
  display: block;
  margin-top: 10px;
  font-size: 16px;
  text-decoration: underline;
}
.are_going {
  background: #fff;
  padding-top: 20px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 17px;
  font-family: "NotoSans-Bold";
  width: 100%;
}
.are_going p {
  text-align: center;
  width: 100%;
}
.are_going .actionbox {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.are_going .actionbox a {
  display: inline-block;
  margin-left: 10px;
  padding: 15px 45px;
  color: #1565C0;
  border: 1px #1565C0 solid;
  border-radius: 3px;
  font-family: "NotoSans-SemiBold";
}
.are_going .actionbox .action_bu {
  color: #212121;
  border: 1px #FFCB05 solid;
  background: #FFCB05;
}
#loading img {
  width: 60px;
  height: 60px;
}
.inputbox li#section_id_list .dropdown-toggle {
  width: 393px;
  background-position: 370px 12px;
}
.inputbox li#section_id_list .dropdown-menu {
  width: 100%;
}
.inputbox li#section_id_list .cantseat {
  color: #cccccc;
}
.modal {
  font-family: "NotoSans-Regular";
  padding: 0 !important;
  position: fixed !important;
  top: 200px !important;
  width: 400px !important;
  padding: 20px 20px !important;
  box-sizing: border-box !important;
  border: #000 !important;
  background: #fff !important;
  left: 50% !important;
  margin-left: -200px !important;
  border: none !important;
  border-radius: 4px !important;
  z-index: 99 !important;
  bottom: auto !important;
  border: 1px #848484 solid !important;
}
.modal button.close {
  display: none;
}
.modal-footer {
  border: none !important;
  padding: 0 !important;
  text-align: center !important;
}
.modal-footer button {
  min-width: 80px !important;
}
.waitlistfont {
  color: #f15623 !important;
  font-size: 12px;
}
.inputbox li .dropdown-toggle span.addwait {
  color: #f15623 !important;
}
.inputbox li .dropdown-toggle .addwait {
  color: #f15623 !important;
}
.dropdown-menu li a.addwait {
  color: #f15623 !important;
}
.pro_order ul li {
  width: 21%;
}
.pro_order ul li.num2 {
  width: 100px;
}
.pro_order ul li.last_one {
  width: 22%;
}
.pro_order ul li.last_one a {
  right: 0px;
}
.pro_order ul li .pos_2 {
  width: 120px;
  right: -48px;
}
.pro_order ul li .pos_1 {
  right: -24px;
}
.order-box {
  padding-left: 48px;
  background: url(../img/Pre-Order-Icon.svg) no-repeat 11px 10px;
  background-color: #fff2bf;
  text-align: left;
}
.pay-order {
  background: url(../img/SystemWarning.svg) no-repeat 16px 10px;
  background-color: #fff2bf;
}
.set-menu {
  text-align: center;
  color: #a7a9bf;
  font-size: 15px;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  padding-bottom: 16px;
}
.menu-order {
  width: 90%;
  margin: 0 auto;
}
.menu-order a {
  display: block;
  margin-bottom: 8px;
  border-radius: 4px;
  border: solid 1px #10024a;
  width: 100%;
  line-height: 24px;
  color: #10024a;
  font-family: "NotoSans-SemiBold";
  font-size: 15px;
  text-align: center;
  padding: 12px 10px;
  box-sizing: border-box;
}
.warn {
  color: #dd1b1b;
  text-align: right;
  font-size: 15px;
  font-weight: 600;
  font-family: "NotoSans-SemiBold";
  width: 90%;
  margin: 0 auto;
  margin-bottom: 8px;
}
.warn span {
  text-align: right;
  float: right;
  max-width: 234px;
  padding-bottom: 5px;
}
.warn .choose_size {
  float: none;
}
.bu-group {
  width: 90%;
  margin: 0 auto;
  height: 48px;
}
.bu-group .back {
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4d4dd0;
  padding-left: 23px;
  background: url(../img/Chevron-Left.svg) no-repeat 4px;
  line-height: 48px;
  float: left;
}
.bu-group .next {
  float: right;
  width: 180px;
  height: 48px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  font-family: "NotoSans-SemiBold";
  color: #a7a9bf;
  line-height: 48px;
  padding-left: 23px;
  box-sizing: border-box;
  background: url(../img/cantclickright.svg) no-repeat 155px;
  background-color: #f7f8fa;
}
.bu-group .cancliack {
  background: url(../img/Chevron-right-next.svg) no-repeat 155px;
  background-color: #ffcf01;
  color: #10024a;
}
.menu_content_box li .name {
  display: inline-block;
}
.menu_content_box li .sold {
  width: 76px;
  height: 21px;
  border-radius: 10.5px;
  background-color: #de1c24;
  line-height: 21px;
  color: #fff;
  padding: 0 10px;
  text-align: center;
}
.menu-order-box {
  margin: 0 auto;
  width: 90%;
  margin-top: 16px;
}
.menu-order-box li {
  margin-bottom: 32px;
}
.menu-order-box li .name {
  font-size: 15px;
  color: #a7a9bf;
  margin-bottom: 8px;
  display: inline-block;
}
.menu-order-box li .sold {
  width: 76px;
  height: 21px;
  border-radius: 10.5px;
  background-color: #de1c24;
  line-height: 21px;
  color: #fff;
  padding: 0 10px;
  text-align: center;
}
.menu-order-box li .look-menu span {
  float: left;
  max-width: 330px;
  font-family: "NotoSans-SemiBold";
}
.menu-order-box li .look-menu b {
  display: inline-block;
  width: 24px;
  height: 24px;
  float: left;
}
.menu-order-box li .look-menu .canjia {
  background: url(../img/add-light-mode.svg);
  background-size: 100% 100%;
  cursor: pointer;
}
.menu-order-box li .look-menu .canjian {
  background: url(../img/minus-light-mode.svg);
  background-size: 100% 100%;
  cursor: pointer;
}
.menu-order-box li .look-menu .cantjia {
  background: url(../img/add-light-mode.svg);
  background-size: 100% 100%;
  cursor: default;
}
.menu-order-box li .look-menu .cantjian {
  background: url(../img/cant_jian.png);
  background-size: 100% 100%;
  cursor: default;
}
.menu-order-box li .look-menu .menu_fr {
  float: right;
  margin: 0;
}
.menu-order-box li .look-menu .menu_fr input {
  float: left;
  display: inline-block;
  width: 42px;
  text-align: center;
  line-height: 24px;
  border: none;
  font-weight: 600;
  color: #000;
  font-size: 15px;
}
.menu-order-box li .price {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #6c6f95;
  font-size: 15px;
}
.menu-order-box li .view {
  width: 80px;
  height: 31px;
  border-radius: 4px;
  border: solid 1px #10024a;
  display: block;
  text-align: center;
  line-height: 31px;
  font-family: "NotoSans-SemiBold";
  color: #10024a;
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
}
.orderpaybox {
  padding: 16px 24px;
}
.orderpaybox li {
  line-height: 35px;
  border-bottom: 1px #ededed solid;
}
.orderpaybox li p {
  float: left;
  color: #000;
  font-size: 12px;
  margin: 0;
}
.orderpaybox li span {
  float: right;
  font-weight: bold;
  color: #000;
  font-size: 12px;
}
.orderpaybox .total {
  height: 24px;
  line-height: 24px;
  padding: 0;
}
.orderpaybox .total p {
  line-height: 24px;
  margin: 0;
}
.orderpaybox .total a {
  float: right;
  line-height: 24px;
  margin-right: 12px;
  margin-top: -2px;
  position: relative;
}
.orderpaybox .total .answerbox {
  position: absolute;
  width: 190px;
  bottom: 40px;
  left: -88px;
  border: 1px #ccc solid;
  background: #fff;
  padding: 10px 0px;
  display: none;
}
.orderpaybox .total span {
  line-height: 24px;
  float: right;
}
.orderpaybox .btn_box {
  width: 100%;
}
.order-con {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 24px;
  color: #a7a9bf;
  font-size: 13px;
}
.conf_box ul li span.twomenu {
  margin-left: 29px;
}
.orderpaybox .total a:hover .answerbox {
  display: block;
}
.email-box {
  width: 80%;
  margin: 0 auto;
  /*未选中时*/
  /*选中checkbox时,修改背景图片的位置*/
}
.email-box p {
  text-align: left;
  margin-top: 20px;
  color: #2b2a29;
  font-size: 16px;
}
.email-box .check-inp {
  display: none;
}
.email-box .se {
  float: left;
  margin: 0;
  margin-left: 4px;
  color: #333333;
  font-size: 14px;
}
.email-box .email_my_protocol span {
  width: 16px;
  height: 16px;
  background-color: red;
  display: inline-block;
  background: url(../img/Uncheck.svg) no-repeat;
  position: relative;
  top: 3px;
}
.email-box .email_my_protocol .check-inp + span {
  width: 16px;
  height: 16px;
  background-color: red;
  display: inline-block;
  background: url(../img/Uncheck.svg) no-repeat;
  position: relative;
  top: 3px;
  float: left;
}
.email-box .email_my_protocol .check-inp:checked + span {
  background: url(../img/Selected.svg) no-repeat;
}
.event-ti {
  padding: 20px 16px;
}
.event-ti .book-event {
  line-height: 52px;
  height: 52px;
  border: 1px #101125 solid;
  border-radius: 8px;
  text-align: center;
  color: #101125;
  font-size: 16px;
  font-family: "NotoSans-Bold";
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.event-ti .fully {
  color: #a7a9bf;
  border-color: #a7a9bf;
}
.event-ti .book-next {
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 4px;
  background-color: #f7f8fa;
  font-size: 16px;
  font-family: "NotoSans-Bold";
  display: block;
  text-decoration: none;
  cursor: pointer;
  color: #a7a9bf;
}
.event-ti .warn-event {
  color: #dd1b1b;
  font-size: 12px;
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
  margin-top: 10px;
}
.event-ti .cancliack {
  background: #ffcf01;
  color: #101125;
}
.event-ti .line-span {
  font-size: 10px;
  line-height: 16px;
  display: block;
  margin-top: 12px;
  margin-bottom: 16px;
  color: #6c6f95;
  font-family: "NotoSans-Bold";
  text-align: center;
}
.event-ti .event-title {
  padding: 0;
  color: #101125;
  font-size: 12px;
  font-family: "NotoSans-Bold";
  line-height: 16px;
  margin-top: 15px;
}
.event-ti .event-con {
  font-size: 10px;
  color: #6c6f95;
  display: block;
  padding-bottom: 16px;
}
.event-ti .se-title {
  color: #6c6f95;
  font-size: 10px;
  font-family: "NotoSans-Bold";
  padding: 0;
  padding-bottom: 16px;
  text-align: center;
  margin: 0;
}
.event-ti .depay-title {
  margin: 0;
  font-size: 16px;
  font-family: "NotoSans-Bold";
  margin-bottom: 8px;
}
.event-ti ul {
  border-bottom: 1px #a7a9bf dotted;
  margin-bottom: 20px;
}
.event-ti li {
  padding: 16px 0;
  border-top: 1px #a7a9bf dotted;
  position: relative;
}
.event-ti li .name {
  font-size: 12px;
  color: #6c6f95;
  margin-bottom: 4px;
}
.event-ti li .look-menu span {
  float: left;
  max-width: 330px;
  font-family: "NotoSans-SemiBold";
  color: #101125;
  font-size: 12px;
  font-family: "NotoSans-Bold";
  line-height: 16px;
  margin-bottom: 4px;
}
.event-ti li .look-menu b {
  display: inline-block;
  width: 16px;
  height: 16px;
  display: block;
  margin: 0 auto;
}
.event-ti li .look-menu .canjia {
  background: url(../img/ycropup.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.event-ti li .look-menu .canjian {
  background: url(../img/ycropdown.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.event-ti li .look-menu .cantjia {
  background: url(../img/ncropup.png);
  background-size: 100% 100%;
  cursor: default;
}
.event-ti li .look-menu .cantjian {
  background: url(../img/ncropdown.png);
  background-size: 100% 100%;
  cursor: default;
}
.event-ti li .look-menu .menu_fr {
  margin: 0;
  position: absolute;
  right: 0;
  top: 30px;
}
.event-ti li .look-menu .menu_fr input {
  display: inline-block;
  width: 26px;
  text-align: center;
  line-height: 24px;
  border: none;
  font-weight: 600;
  color: #000;
  font-size: 12px;
  font-family: "NotoSans-Bold";
}
.event-ti li .price {
  margin-bottom: 4px;
  color: #6c6f95;
  font-size: 12px;
  font-family: "NotoSans-Bold";
  line-height: 16px;
}
.event-ti li .view {
  display: block;
  text-align: center;
  line-height: 16px;
  font-family: "NotoSans-Bold";
  color: #4d4dd0;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  text-align: left;
}
.event-ti .event-cons {
  background-color: #f7f8fa;
  padding: 12px 16px;
  font-size: 10px;
  color: #101125;
}
.event-ti .eventbox {
  padding: 0;
}
.event-ti .eventbox .titick p {
  float: left;
  color: #6c6f95;
  font-size: 12px;
  margin: 0;
  line-height: 47px;
}
.event-ti .eventbox .titick span {
  float: right;
  color: #6c6f95;
  font-size: 12px;
  line-height: 47px;
}
.event-ti .eventbox ul {
  border: none;
  margin-bottom: 0;
  border-top: 1px #a7a9bf dotted;
}
.event-ti .eventbox li {
  line-height: 47px;
  border: none;
  border-bottom: 1px #a7a9bf dotted;
  padding: 0;
}
.event-ti .eventbox li p {
  float: left;
  color: #101125;
  font-size: 12px;
  margin: 0;
}
.event-ti .eventbox li span {
  float: right;
  font-weight: bold;
  color: #101125;
  font-size: 12px;
}
.event-ti .eventbox .total {
  height: 47px;
  line-height: 47px;
  padding: 0;
  margin-top: 0;
  border: none;
}
.event-ti .eventbox .total p {
  line-height: 47px;
  margin: 0;
}
.event-ti .eventbox .total a {
  float: right;
  line-height: 47px;
  margin-right: 12px;
  margin-top: -2px;
  position: relative;
}
.event-ti .eventbox .total .answerbox {
  position: absolute;
  width: 190px;
  bottom: 40px;
  left: -88px;
  border: 1px #ccc solid;
  background: #fff;
  padding: 10px 0px;
  display: none;
}
.event-ti .eventbox .total span {
  line-height: 47px;
  float: right;
}
.event-alert {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
}
.event-alert .event-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #101125;
  opacity: 0.4;
}
.event-alert .box {
  width: 410px;
  position: absolute;
  left: 50%;
  margin-left: -205px;
  background: #fff;
  padding: 16px;
  margin-top: 200px;
  border-radius: 4px;
}
.event-alert .box h4 {
  padding: 0;
  margin: 0;
  font-family: "NotoSans-Bold";
  color: #101125;
  font-size: 16px;
}
.event-alert .box p {
  margin: 0;
  color: #6c6f95;
  margin-top: 3px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 16px;
  line-height: 24px;
}
.event-alert .box .bubox a {
  cursor: pointer;
}
.event-alert .box .bubox .bu-l {
  height: 32px;
  border-radius: 4px;
  border: solid 1px #6c6f95;
  color: #6c6f95;
  font-family: "NotoSans-Bold";
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  width: 180px;
  float: left;
}
.event-alert .box .bubox .bu-r {
  height: 32px;
  border-radius: 4px;
  border: solid 1px #10024a;
  background: #10024a;
  color: #fff;
  font-family: "NotoSans-Bold";
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  width: 180px;
  float: right;
}
.event-alert .box .view {
  color: #4d4dd0;
  font-family: "NotoSans-Bold";
  font-size: 12px;
  margin-top: 16px;
  text-align: center;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.inputbox li .only_adu {
  width: 393px;
  background-position: 370px 12px;
}
.needshow {
  display: block;
}
.no-backg {
  background: none;
}
.dress-bg {
  background-image: url(../img/Address-bg.png);
  background-size: 14px;
}
.totle-evetn {
  padding-top: 6px;
  font-size: 12px;
}
.totle-evetn p {
  float: left;
  font-family: "NotoSans-Bold";
  line-height: 16px;
  margin: 0;
  font-size: 12px;
}
.totle-evetn span {
  float: right;
  font-family: "NotoSans-Bold";
  line-height: 16px;
}
.totle-evetn .tottle {
  font-size: 18px;
  color: #58c181;
}
.pro_order ul li span {
  width: 80px;
}
.new-mesbox {
  background: url(../img/i-img.svg) no-repeat 5px 10px;
  background-color: #ff9248;
  padding: 16px;
  width: 90%;
  margin: 0 auto;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 38px;
  background-size: 30px;
}
.deliverynew ul li span {
  width: 85px;
}
.new-tick {
  padding: 0 20px;
}
.new-tick .inputbox li .time_select {
  background: none;
}
.new-tick .se-title {
  text-align: left;
  font-family: "NotoSans-Bold";
  font-size: 12px;
  margin-bottom: 20px;
}
.item-text {
  text-align: left;
  font-family: "NotoSans-Bold";
  font-size: 12px;
  margin-top: 20px;
}
.new-tick .inputbox {
  border: none;
  width: 100%;
  padding: 0;
}
.new-tick .inputbox li {
  width: 210px;
  margin: 0;
}
.new-tick .inputbox li .dropdown-toggle {
  width: 100%;
  background-position: 180px;
  border: 1px #a7a9bf solid;
}
.new-tick .inputbox li .dropdown-toggle span {
  font-size: 12px;
}
.delivery li .name {
  font-size: 12px;
  font-family: "NotoSans-Bold";
  color: #101125;
  display: inline-block;
}
.delivery li .price {
  font-size: 12px;
  font-family: "NotoSans-Bold";
  color: #101125;
}
.delivery li .look-menu span {
  font-size: 10px;
  color: #6c6f95;
  font-family: "NotoSans-Regular";
}
.delivery .book-next {
  width: 200px;
  float: right;
  margin-top: 20px;
}
.alert-new {
  text-align: center;
}
.alert-new .box {
  padding: 28px;
}
.alert-new .box strong {
  font-size: 12px;
  color: #101125;
}
.alert-new .box p {
  font-size: 12px;
  color: #101125;
}
.event-alert .box .bubox .event-alertnew {
  width: 100%;
  text-decoration: none;
  line-height: 48px;
  height: 48px;
  font-size: 16px;
}
.delivery .sold {
  width: 76px;
  height: 21px;
  border-radius: 10.5px;
  background-color: #de1c24;
  line-height: 21px;
  color: #fff;
  padding: 0 10px;
  text-align: center;
}
.color-green {
  color: #58c181 !important;
  font-family: "NotoSans-Regular";
}
.pay-lisbox button {
  border: none;
  line-height: 30px;
  border: 1px #f7f8fa solid;
  height: 36px;
  background-color: #fff;
  color: #10024a;
  font-size: 14px;
  font-weight: bold;
  font-family: "NotoSans-Regular";
  border-radius: 4px;
  background-color: #f7f8fa;
  color: #101125;
  width: 160px;
  margin-top: 25px;
}
.pay-lisbox .paynow {
  background-color: #58c181;
  color: #ffffff;
}
.di-box {
  border: none;
  width: 95%;
}
.di-box .name_name {
  width: 50%;
}
.part1 .pickernotclick {
  width: 55px;
  pointer-events: none;
}
.part1 .pickernotclick .arrow {
  display: none;
}