/* step-situation */
form fieldset{
    padding-top: 20px;
}
.step-situation {margin: 20px 0 40px;}

.step-situation li {position: relative;float:left;padding:10px 0;width:calc(100% / 3);color:#9b9b9b;font-size:16px;}
.step-situation li:after {content:'';display:block;width:0;height:0;border-style:solid;border-width:25px 0 25px 25px;border-color: transparent transparent transparent #eeece8;position:absolute;right:1px;top:0;}
.step-situation li:before {content:'';display:block;width:0;height:0;border-style:solid;border-width:25px 0 25px 25px;border-color: transparent transparent transparent #595959;position:absolute;right:0;top:0;}
.step-situation li.now:after {content:'';display:block;width:0;height:0;border-style:solid;border-width:25px 0 25px 25px;border-color: transparent transparent transparent #e9e7e2;position:absolute;right:0;top:0;}
.step-situation li.now:before {/* width:25px; *//* height: 51px; *//* border:none; *//* background: #dad9d5; */}
.step-situation li:last-child:after,.step-situation li:last-child:before { display:none; }
.step-situation li.nowinds:before { background:#e3e3e3; border-color:transparent transparent transparent #e3e3e3; }
.step-situation li p { text-align:center; }
.step-situation li p b {display:inline-block;width:30px;height:30px;background: #a3a3a3;border-radius:50%;color: #dedede;line-height:30px;margin-right:15px;text-align: center;}
.step-situation li.now {/* background:#e3e3e3; */}
.step-situation li.now p { color:#000; }
.step-situation li.now p b {background: #304564;}
form,fieldset { border:0; margin:0; padding:0; }

/* orderStepA */
#orderStepA >h4 {background: #f6f6f6;color:#000;padding:10px 25px;font-weight:400;font-size:16px;}
#orderStepA section { border:1px solid #ddd; position:relative; overflow:hidden; border-bottom:0; }
#orderStepA section:first-child,#orderStepA section:last-child { border-bottom:1px solid #ddd; }
#orderStepA section >.delet { position:absolute; right:45px; top:45px; z-index:2; transition:all linear .3s; }
#orderStepA .normal { overflow:hidden; padding:25px; }
#orderStepA .normal .coverImg { float:left; width:250px; }
#orderStepA .normal .coverImg a { display:block; background-repeat:no-repeat; background-position:50%; background-size:cover; }
#orderStepA .normal .coverImg img { width:100%; }
#orderStepA .normal .order-d-info { float:right; width:calc(100% - 280px); overflow:hidden; }
#orderStepA .normal .topName { border-bottom:1px solid #ddd; overflow:hidden; padding:10px 0; padding-right:70px; }
#orderStepA .normal .topName h5 { margin:0; padding:0; font-size:20px; font-weight:400; width:calc(100% - 155px); display:inline-block; margin-right:26px; }
#orderStepA .normal .topName h5 b {margin-right: 10px;padding: 5px;background: #838383;display: inline-block;font-weight: normal;color: #fff;vertical-align: middle;}
#orderStepA .normal .topName h5 font { vertical-align: middle; }
#orderStepA .normal .topName .roomTotal { width:120px; text-align:center; display:inline-block; vertical-align:middle; color:#7d7d7d; font-size:12px; }
#orderStepA .normal .topName .roomTotal p { text-align:center; }
#orderStepA .normal .topName .roomTotal p b { font-size:17px; color:#000; margin:0 5px 0 2px; }
#orderStepA .normal .sd { padding-right:70px; padding-top:15px; }
#orderStepA .normal .sd .ty { width:calc(100% - 150px); display:inline-block; margin-right:26px; }
#orderStepA .normal .sd .cd { width:120px; display:inline-block; vertical-align:middle; text-align:center; }
#orderStepA .normal .sd .stayNight-info { background-image:url(/images/18/order-calendar.png); background-repeat:no-repeat; background-position:0 0; }
#orderStepA .normal .sd .ty p { font-size:14px; font-weight:700; margin-bottom:5px; }
#orderStepA .normal .sd .stayNight-info p { padding-left:40px; }
#orderStepA .normal .sd .ty p img { margin-right:15px; width: 25px; vertical-align:text-bottom; }
#orderStepA .normal .sd .stayPeople-info p { display:inline-block; margin-right:35px; }
#orderStepA .plus { margin-top:15px; margin-bottom:10px; }
#orderStepA .plus .plusList li { overflow:hidden; text-align:center; }
#orderStepA .plus .plusList li >div { width: 25%; }
#orderStepA .plus .plusList li .plus-operation { width:190px; display: none; }
#orderStepA .plus .plusList li p { text-align:center; padding:5px; color:#464646; font-size:14px; }
#orderStepA .plus .plusList li p b , .order-total-list li .value b { font-weight: normal; }
#orderStepA .plus .plusList li .sstitle { background:#f6f6f6; color:#212121; }
#orderStepA .plus .plusList li .plus-operation p { padding-right:110px; }
#orderStepA .plus .plusList li .plus-operation p a { transition:all linear .3s; }

/* addpeople */
#orderStepA a[data-action="addpeople"] { position: absolute; padding: 5px 15px; background: #ec747b; border-radius: 5px; display: inline-block; color: #fff; bottom: 33px; right: 50px; }

/* order-policy */
.order-policy { margin:50px 0; }
.order-policy h6 { margin:0; font-size:20px; font-weight:400; padding:0 20px 15px; border-bottom:2px solid #e9e9e9; margin-bottom:15px; line-height:120%; }
.order-policy p { margin:0 20px 10px; color:#5f5d5d; }
.order-policy p input { margin-right:5px; vertical-align:baseline; }
.order-policy p a { color:#1d7acc; }
.order-total-list { border:1px solid #ddd; }
.order-total-list h6 { margin:0; font-size:15px; background:#f6f6f6; padding:10px 20px; line-height:120%; font-weight:400; }
.order-total-list ul li { padding:10px 20px; overflow:hidden; }
.order-total-list ul li:last-child { background:#fff9e5; }
.order-total-list li .topic { float:left; }
.order-total-list li .value { float:right; }
.order-total-list li .value span { color:#8a8a8a; vertical-align:baseline; margin-right:10px; }
#orderStepA .plus .plusList li .con a { display:inline-block; background:#5f5f5f; color:#fff; width:21px; text-align:center; height:21px; border-radius:50%; line-height:18px; font-size:20px; margin:0 10px; vertical-align: middle; }
#orderStepA .plus .plusList li .con a.limit { background:#b0b0b0; }
#orderStepA .plus .plusList li .con input { width: 50px; display: inline-block; text-align: center; vertical-align: middle; }

/* nextStep */
.nextStep {/* text-align: right; */margin-top:20px;display: flex;float: right;}

.nextStep02{
    display: block;
    margin-top: 20px;
    float: right;
	margin-right: 10px;
    }
.nextStep a,.nextStep02 a,.switch a {display:inline-block;background: #5b5b5b;color:#fff;font-size:17px;line-height:150%;padding:8px 25px;border-radius:7px;transition:all linear .3s;}

/* switch */
.switch a { display:block; text-align:center; }
.switch .send a { background:#ef4f56; }

/* orderStepB */
#orderStepB { overflow:hidden; }
#orderStepB .contractor {float:left;border-right: 1px solid #d5d5d5;width:calc(100% - 490px);padding-right:25px;margin-right:25px;}
#orderStepB .order-detail { float:right; width:439px; }
#orderStepB .loginOrNot {margin: 10px auto;color: #525252;font-size: 17px;padding: 21px 25px;border-bottom: 4px solid #bdbdbd;border-top: 2px solid #ffffff;background-color: #f6f6f6;}
#orderStepB .almost2 {margin-bottom: 16px;font-size: 18px;}
#orderStepB .almost2 b{
    font-size: 20px;
}
#orderStepB .blue {color: #333333;vertical-align: baseline;}

#orderStepB #login{
    width: 110px;
    height: 35px;
    background: #3f7cf6;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin: auto 12px;
    }
#orderStepB .contractor h4 {font-size: 22px;font-weight:400;padding: 16px 25px;border-bottom: 1px solid #d5d5d5;margin-top: 25px;}
#orderStepB h4 i { color:#6f6f6f; margin-right:10px; }
#orderStepB h4 span {font-size: 22px;font-weight: bold;color: #454545;margin-left: 16px;vertical-align: baseline;}
#orderStepB .almost {padding: 14px 25px;font-size: 17px;}
#orderStepB .formlist { padding:13px 25px; overflow:hidden; }
#orderStepB .formlist .list { margin-bottom:15px; float:right; width:48%; overflow:hidden; }
#orderStepB .formlist .list:nth-child(2n) { float:left; }
#orderStepB .formlist .large { width:100%; }
#orderStepB .formlist .list label , .sendtheOrder label {display:block;margin-bottom: 9px;font-weight: 700;font-size: 18px;}
#orderStepB .formlist .list label span { color: #fd3c3c; font-weight: normal; }
#orderStepB .formlist .list b.info { font-weight: bold; font-size: 18px; color: #fd3c3c; }

#orderStepB .formlist .list select {border-radius:0;-webkit-appearance:none;width:100%;border:1px solid #d5d5d5;padding:10px 20px;font-size:15px;line-height:150%;background:linear-gradient(to bottom,rgba(255,255,255,1) 1%,rgba(247,247,247,1) 100%);outline:none;position:relative;background-image:url(/images/18/selectbutton.png);background-repeat:no-repeat;background-position:95% 50%;background-color: rgb(255 255 255 / 56%);}
#orderStepB .formlist .list input[type="text"] ,
#orderStepB .formlist .list input[type="password"] ,
#Checknum { border:1px solid #d5d5d5; width:calc(100% - 32px); display:block; padding:10px 15px; font-size:15px; line-height:150%; }
#orderStepB .formlist .list input[disabled] { cursor: not-allowed; }
#orderStepB .formlist .list textarea { border:1px solid #d5d5d5; width:calc(100% - 52px); height:22px; padding:10px 25px; font-size:15px; }
#orderStepB .formlist .arrive,#orderStepB .formlist .ps { margin-top:30px; }
#orderStepB .formlist .arrive p {color: #535353;font-size: 16px;margin-bottom: 13px;font-weight: 800;}
#orderStepB .formlist .radio span { vertical-align:middle; margin-right:10px; }
#orderStepB .formlist .radio label { display:inline-block; vertical-align:baseline; margin-right:25px; }
#orderStepB .formlist .list .countN {font-size: 15px;color:#717171;margin: 10px 0 0;}
#orderStepB .order-detail h4 { font-size:24px;  font-weight:400; padding:0 15px 15px; }
#orderStepB .room-wrap {border: 1px solid #d5d5d5;padding:15px;}
#orderStepB .room-wrap >h5 {margin:0;padding:7px 15px;font-size:15px;line-height:150%;font-weight:400;display: none;}
#orderStepB .room-wrap section {border-bottom: 1px solid #afafaf;margin-bottom:20px;}
#orderStepB .room-wrap section h5 {margin:0;padding: 12px 0px;font-size:18px;font-weight:400;border-bottom:1px solid #ececec;}
#orderStepB .room-wrap section h5 b {margin-right: 10px;padding: 5px;background: #8b8b8b;display: inline-block;font-weight: normal;color: #fff;vertical-align: middle;display: none;}
#orderStepB .room-wrap section h5 font {vertical-align: middle;font-size: 20px;font-weight: 500;}
#orderStepB .room-wrap section .first { margin:10px 0 0; }
#orderStepB .room-wrap section .second {color:#717171;margin-bottom: 20px;}
#orderStepB .room-wrap section .third { color:#717171; padding:5px 0; }
#orderStepB .room-wrap section .fourth {padding:15px 0;border-top: 1px dashed #d7d7d7;}
#orderStepB .room-wrap section .fourth p { text-align:right; color:#717171; font-size:12px; }
#orderStepB .room-wrap section .first p { display:inline-block; margin-right:15px; }
#orderStepB .room-wrap section .first img { width:15px; vertical-align:unset; margin-right:10px; }
#orderStepB .room-wrap section ul li { overflow:hidden; margin:5px 0; }
#orderStepB .room-wrap section .third li.fe { float:left; }
#orderStepB .room-wrap section ul li.right { float:right; font-size:12px; }
#orderStepB .room-wrap section ul li.right b { color:#000; font-size:20px; margin:0 5px 0 0; }
#orderStepB .room-wrap section .fourth span { margin-right:15px; vertical-align:baseline; font-weight:700; }
#orderStepB .room-wrap section .fourth b {color: #000000;font-size:20px;margin:0 5px 0 0;vertical-align: bottom;}

/* room-wrap-butt */
.room-wrap-butt { overflow:hidden; margin-bottom: 10px; }
.room-wrap-butt p { float:left; color:#717171; font-weight:700; font-size:13px; }
.room-wrap-butt p b { font-size:30px; vertical-align:inherit; margin-right:10px; }
.room-wrap-butt p.right {float:right;color: #000000;font-size:22px;}

/* switch */
.switch { overflow:hidden; margin-top:50px; }
.switch p.send , .sendtheOrder p { float:right; }

/* sendtheOrder */
.sendtheOrder { overflow:hidden; }
.sendtheOrder >div { display:inline-block; margin-left:25px; }
.sendtheOrder p a { background:#bd3c44; color:#fff; font-size:17px; line-height:150%; padding:8px 25px; border-radius:7px; transition:all linear .3s; display:block; }

/* Checknum */
#Checknum { width:100px; display:inline-block; }
#orderStepC h4 { width:200px; height:200px; border-radius:50%; border:8px solid #e3e3e3; margin:30px auto 20px; text-align:center; position:relative; overflow:hidden; }
#orderStepC h4 span { display:block; text-align:center; font-size:70px; color:#59e2d7; margin-top:40px; }
#orderStepC h4 b { font-size:24px; font-weight:normal; color:#3c3c3c; display:block; margin-top:5px; }
#orderStepC >div { padding: 10px 20px; background: #ffdee0; }
#orderStepC >div p { margin: 10px 0; font-size:24px; color:#4c4c4c; }


@media screen and (min-width:1025px) {
	#orderStepA section >.delet:hover ,
	#orderStepA .plus .plusList li .plus-operation p a:hover ,
	.nextStep a:hover,.switch a:hover ,
	.sendtheOrder p a:hover { opacity:.7 }
}
@media screen and (max-width:980px) {
	#orderStepA .normal .coverImg { width:150px }
	#orderStepA .normal .order-d-info { width:calc(100% - 180px) }
	#orderStepA .normal .sd { padding-right:0 }
	#orderStepA .plus .plusList li .plus-operation p { padding-right:0 }
	#orderStepA .plus .plusList li .plus-operation { width:90px }
	#orderStepA .plus .plusList li >div { width:calc((100% - 90px) / 4) } 
	#orderStepB .contractor { border:0; margin:0 0 50px 0; padding:0; width:100%; }
	#orderStepB .order-detail { width:100%; }
	.sendtheOrder { margin-top:40px; }
	.sendtheOrder >div { margin:0; }
	#orderStepA a[data-action="addpeople"] { position: relative; margin: 0 55px 10px; float: right; right: 0; bottom: 0; }
}
@media screen and (max-width:768px) {
	#orderStepA .normal .coverImg { width:50px }
	#orderStepA .normal .order-d-info { width:calc(100% - 60px) }
	#orderStepA .normal .topName { padding-top:0; padding-right:50px }
	#orderStepA .normal .topName h5 { font-size:18px }
	#orderStepA section >.delet { top:27px; right:25px }
	#orderStepA .normal { padding:15px }
	#orderStepA .normal .topName .roomTotal { vertical-align:top }
	.step-situation li { padding:7px 0 }
	.step-situation li p b { width:20px; height:20px; line-height:20px; margin-right:8px }
	.step-situation li:before { border-width:18px 0 18px 18px }
	.step-situation li:after { border-width:18px 0 18px 18px }
	.step-situation li.now:before { width:18px; height:35px; border:none }
	.step-situation li.now:after { border-width:18px 0 18px 18px }
	#orderStepA a[data-action="addpeople"] { margin-right: 45px; }
}
@media screen and (min-width:641px) {
	#orderStepA .plus .plusList li { display:flex; flex-wrap:nowrap; justify-content:space-between }
}
@media screen and (max-width:640px) {
	#orderStepA .normal .topName h5 { width:100% }
	#orderStepA .normal .topName .roomTotal { width:100%; text-align:right; margin-top:5px }
	#orderStepA .normal .topName .roomTotal p { display:inline-block }
	#orderStepA section >.delet { top:13px; right:15px }
	#orderStepA .normal .sd .cd { width:70px }
	#orderStepA .normal .sd .ty { width:calc(100% - 100px) }
	#orderStepA .normal .sd .cd { vertical-align:top }
	#orderStepA .plus .plusList li >div { width:100%; overflow:hidden }
	#orderStepA .plus .plusList li .plus-operation { width:100% }
	#orderStepA .plus .plusList li p { display:inline-block }
	#orderStepA .plus .plusList li .sstitle { width:80px; margin-right:10px }
	#orderStepA .plus .plusList li .plus-operation p { padding:5px }
	#orderStepA .plus .plusList li >div { border-top:1px solid #ddd }
	#orderStepA .plus .plusList li >div:last-child { border-bottom:1px solid #ddd }
	#orderStepA .plus { margin:0 }
	.step-situation { margin:20px 0 10px }
	#orderStepA a[data-action="addpeople"] { margin-right: 5px; }
}
@media screen and (max-width:480px) {
	#orderStepA section >.delet { top: 20px; right: 20px; }
	#orderStepA .normal .sd .cd { width:50px; text-align:right }
	#orderStepA .normal .sd .ty { margin:0; width:calc(100% - 55px) }
	#orderStepA .normal .sd .stayNight-info { background-size:15px; background-position:0 5px }
	#orderStepA .normal .sd .ty p img { width:15px; margin-right:6px; vertical-align:initial }
	#orderStepA .normal .sd .stayNight-info p { padding-left:20px }
	#orderStepA .normal .coverImg { margin-bottom: 10px; width: 100%; }
	#orderStepA .normal .order-d-info { width: 100%; }
	#orderStepA .normal .topName { padding-right: 0; }
	.step-situation li { font-size:9pt} 
	.step-situation li p b { width:15px; height:15px; line-height:15px }
	#orderStepB .contractor h4 { padding:13px 15px; font-size:20px; }
	#orderStepB .formlist { padding:13px 10px; }
	#orderStepB .almost { padding:13px 15px; }
	#orderStepB .order-detail h4 { font-size:20px; }
	#orderStepB h4 span {margin-left:0;display:block;line-height: 32px;}
	#orderStepB .loginOrNot { padding-left:15px; padding-bottom:0; }
	.sendtheOrder >div { width:100%; }
	.sendtheOrder p { width:100%; margin-top:20px; text-align:center; }
	#orderStepC h4 { margin:70px auto 20px; width:170px; height:170px; }
	#orderStepC p { margin-bottom:70px; font-size:20px; }
	#orderStepC h4 span { margin-top:40px; font-size:50px; }
}