html,body { width:100%; height:100%;}
body { background: #f0f0f0; }
textarea { width:47%; box-sizing: border-box; border: #ccc solid 1px; background: #fff; outline: 0; padding: 6px; font: 400 13.3333px Arial; vertical-align: top; }
.CheckBox input {
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
}

.CheckBox label {
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
}

/*蒙板*/
#Mask { display: none; position: fixed; width: 100%; height: 100%; background: #fff; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 88888 }
*html #Mask { position: absolute; width: 100%; height: 100%; background: #fff; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 88888 }

#Doing { display: none; position: fixed; width: 60px; height: 60px; background: #eee url(../images/loading.gif) no-repeat center; background-size: 60%; border-radius: 5px; margin: -30px 0 0 -30px; top: 50%; left: 50%; z-index: 99999; }

/*订单*/
#booking { padding: 30px 30px 48px 30px; border: #ddd solid 1px; background: #fff; position: relative; box-shadow: 1px 1px 2px #ddd; margin-bottom: 18px; }
#booking h3.title { border-left: solid 4px #00a2ca; padding-left: 8px; font-size: 20px; line-height: 20px; font-weight:normal; margin-bottom:20px; color: #00a2ca; position:relative; }
#booking h3.title span { color:#000; font-size:12px; display:inline-block; padding-left:10px; color:#666; vertical-align:top}
#booking h3.title em { color:#ff3300; font-size:12px; position:absolute; right:0;}
#booking h3.title em i { width:16px; height:16px; display:inline-block; vertical-align:middle; margin-right:5px; background:url(../images/tip.png) no-repeat; background-size:100% auto;}
#booking .book_item { padding:0 0 20px 12px; margin-bottom:30px; border-bottom:#eee solid 1px; position:relative}
#booking .book_item:last-child { border:0;}
#booking .remark .title { font-size:13px;}
#booking .hotel .title { font-size:13px;}
#booking .hotel input[type="text"] { width: 46.5%; height: 30px; box-sizing: border-box; border: #ccc solid 1px; background: #fff; outline: 0; padding: 6px; font-size: 13px; vertical-align: middle; }
#booking .hotel ul { list-style:none; padding:0;}
#booking .hotel ul li { margin: 20px 0; font-size: 13px; }
#booking .hotel ul input[type="text"] { width: 200px; height: 30px; box-sizing: border-box; border: #ccc solid 1px; background: #fff; outline: 0; padding: 6px; font-size: 13px; vertical-align: middle; }
#booking .hotel ul li em { display: inline-block; color: #ff3300; padding-left: 10px; vertical-align: middle; }
#booking .remark ul { list-style: none; padding: 0; }
#booking .remark ul li { margin: 20px 0; font-size: 13px; }
#booking .remark ul input[type="text"] { width: 200px; box-sizing: border-box; border: #ccc solid 1px; background: #fff; outline: 0; padding: 6px; font-size: 13px; vertical-align: middle; }

/*购买内容*/
#booking .buyinfo .buytable { width: 100%; border: 0; font-size: 13px; }
#booking .buyinfo .buytable thead td { background:#f2f2f2; padding:5px 10px;}
#booking .buyinfo .buytable tbody td { padding:20px 10px; }
#booking .buyinfo .buytable .imgtd { width:120px;}

/*数量操作区*/
#booking .buyinfo .buytable .numtd { width: 120px; text-align:center; }
#booking .buyinfo .buytable .numtd span.pub { height: 26px; width: 26px; border: #ccc solid 1px; text-align: center; display: inline-block; vertical-align: middle; font-size: 20px; line-height: 24px; font-family: sans-serif; cursor:pointer }
#booking .buyinfo .buytable .numtd span.num { width: 40px; font-size:13px; line-height:26px; cursor:default }
#booking .buyinfo .buytable .numtd span.drop { border-right:0;}
#booking .buyinfo .buytable .numtd span.rise { border-left: 0; }
#booking .buyinfo .proimg { width: 120px; height: auto; }
#booking .buyinfo .buytable p.desc { font-size:12px; color:#666}

/*价格显示区*/
#booking .buyinfo .buytable .pricetd { width: 140px; text-align: right; }
#booking .buyinfo .buytable .pricetd p { padding:0; margin:0; font-size:12px; line-height:160%;}
#booking .buyinfo .buytable .pricetd p span.pn { display:inline-block; text-align:right; vertical-align:middle }
#booking .buyinfo .buytable .pricetd p span.red { display: inline-block; width: 60px; text-align: right; vertical-align: middle; color: #e23540 }

/*日期*/
#booking .date { padding-top: 10px; }
#booking .date ul { list-style: none; margin-top: -20px; padding: 0; }
#booking .date ul li { margin: 20px 0; font-size: 13px; }
#booking .date ul input[type="text"] { width: 120px; height: 30px; box-sizing: border-box; border: #ccc solid 1px; background: #fff; outline: 0; padding: 6px; font-size: 13px; vertical-align: middle; }
#booking .date ul li span.title { font-size: 14px; text-align: right; display: inline-block; vertical-align: middle }
#booking .date ul li em { display: inline-block; color: #ff3300; padding-left: 10px; vertical-align: middle; }

/*添加按钮*/
#booking #addPerson { padding-top:10px;}
#booking #addPerson a.addbtn { display: inline-block; width: 120px; height: 32px; font-size: 13px; line-height: 32px; text-align: center; padding: 0 30px; border: #ccc solid 1px; margin-bottom: 20px; }
#booking #addPerson a.addbtn:hover { color: #fff; background: #00c1de; }

/*成员列表*/
#booking #have { margin-bottom:10px;}
#booking #have ul, #booking #have li { list-style: none }
#booking #have li { width:80%; position:relative; font-size:13px; padding:2px 30px 2px 10px; box-sizing:border-box; border-bottom:#eee solid 1px;}
#booking #have li span.xm { display:inline-block; width:45%; vertical-align:middle}
#booking #have li span.xb { display: inline-block; width: 10%; text-align:center; vertical-align: middle }
#booking #have li span.nl { display: inline-block; width: 15%; text-align: center; vertical-align: middle }
#booking #have li span.pn { display: inline-block; width: 15%; text-align: right; vertical-align: middle }
#booking #have li span.jg { display: inline-block; width: 15%; text-align: right; vertical-align: middle }
#booking #have li:hover { background: #f2f2f2 }
#booking #have li em { position: absolute; right: 10px; top: 10px; display: block; width: 10px; height: 10px; background: url(../images/close1.png) no-repeat; background-size: 100% auto; cursor: pointer; opacity: .6; }
#booking #have li em:hover { opacity:1;}

/*成员添加*/
#booking #single { background: #f7f7f7; padding: 10px 30px; font-size: 13px; }
#booking #single input[type="text"] { width: 200px; height: 30px; box-sizing: border-box; border: #ccc solid 1px; background: #fff; outline: 0; padding: 6px; font-size: 13px; vertical-align: middle; }
#booking #single input[type="radio"] { vertical-align: middle; width: 16px; height: 16px; margin-right:5px; cursor: pointer; }
#booking #single label { display: inline-block; vertical-align: middle; margin-right: 20px; cursor: pointer; }
#booking #single input[type="button"] { height: 32px; line-height: 32px; padding: 0 20px; border: 0; cursor: pointer; vertical-align:middle; margin-right:10px; outline:none}
#booking #single input[type="button"]:hover { opacity:.8}
#booking #single .okbtn { background: #3ebbe6; color: #fff; }
#booking #single .cancelbtn { background: #ccc; }
#booking #single ul, #booking #single li { list-style: none }
#booking #single li { margin: 10px 0;}
#booking #single li em { display:inline-block; vertical-align:middle; color:#ff3300; padding-left:20px;}
#booking #single li span.title { width: 70px; display: inline-block; vertical-align: middle }
#booking #single li .name { width: 200px;}
#booking #single li .age { width: 80px;}

/*联系人*/
#booking .linkinfo { padding-top:10px; margin-bottom:80px; border:0;}
#booking .linkinfo ul { list-style:none; margin-top:-20px; padding:0;}
#booking .linkinfo ul li { margin: 20px 0; font-size: 13px; }
#booking .linkinfo ul input[type="text"] { width: 200px; height: 30px; box-sizing: border-box; border: #ccc solid 1px; background: #fff; outline: 0; padding: 6px; font-size: 13px; vertical-align: middle; }
#booking .linkinfo ul li span.title { font-size: 14px; text-align: right; width:70px; display: inline-block; vertical-align: middle }
#booking .linkinfo ul li em { display: inline-block; color: #ff3300; padding-left: 10px; vertical-align: middle; }

/*帐单*/
#booking .bookinfo { position: absolute; left: 0; bottom: 0; background: #f7f7f7; width: 100%; height:80px; padding:20px 30px; border-top:#eee solid 1px; box-sizing: border-box; }
#booking .bookinfo .text { font-size:14px; color:#444; line-height:40px;}
#booking .bookinfo .total { position: absolute; right: 20px; top:26px; }
#booking .bookinfo .total .price { font-size:18px;}
#booking .bookinfo .total .submitBtn { height: 40px; line-height: 40px; width:140px; font-size: 16px; border: 0; cursor: pointer; vertical-align: middle; display: inline-block; margin-left: 30px; outline:none }
#booking .bookinfo .total .orange { background: #fd7d1d; color: #fff; }
#booking .bookinfo .total .orange:hover { opacity: .8 }
#booking .bookinfo .total .gray { background: #ccc; color: #efefef; }

/*订单详情页-支付区*/
#booking .information_pay { position:relative; background: #f7f7f7; width: 100%; height:80px; margin-top:20px; padding:20px 30px; box-sizing: border-box; }
#booking .information_pay .text
{
    font-size: 12px;
    color: #444;
    line-height: 40px;
}
#booking .information_pay .total { position: absolute; right: 20px; }
#booking .information_pay .total .price { font-size:15px;}
#booking .information_pay .total .submitBtn { height: 40px; line-height: 40px; width:140px; font-size: 13px; border: 0; cursor: pointer; vertical-align: middle; display: inline-block; margin-left: 30px; outline:none }
#booking .information_pay .total .orange { background: #fd7d1d; color: #fff; }
#booking .information_pay .total .orange:hover { opacity: .8 }
#booking .information_pay .total .gray
{
    background: #ccc;
    color: #efefef;
}

/*确认单页面订单详情*/
#booking .book_information { position:relative;}
#booking .book_information ul,#booking .book_information li { list-style: none }
#booking .book_information li { padding:3px 0; font-size:14px;}
#booking .book_information li span.title { width:200px; display:inline-block; text-align:right; color:#888;}

/*确认单页面支付方式*/
#booking .paytype { position:relative; margin-bottom:70px;}
#booking .paytype ul,#booking .paytype li { list-style: none }
#booking .paytype li { width:40%; padding:10px 20px}
#booking .paytype li input[type="radio"] { vertical-align: middle; width: 16px; height: 16px; margin-right:5px; cursor: pointer; }
#booking .paytype li span { display:inline-block; vertical-align:middle; cursor:pointer;}
#booking .paytype li .pay1 { width:114px; height:40px; background:url(../images/icon_alipay.png) no-repeat;}
#booking .paytype li .pay2 { width:127px; height:40px; background:url(../images/icon_pay2.png) no-repeat;}

/*支付成功*/
#successdiv { padding: 80px 0  80px 0; border: #ddd solid 1px; background: #fff; position: relative; box-shadow: 1px 1px 2px #ddd; margin-bottom: 18px; text-align:center; }
#successdiv span.tip { width:120px; height:120px; display:inline-block; margin-bottom:20px;}
#successdiv span.complet { background:url(../images/success.png) no-repeat center; background-size:100% auto;}
#successdiv span.error { background:url(../images/error.png) no-repeat center; background-size:100% auto;}
#successdiv h3 { font-size: 24px; font-weight:normal; margin-bottom:50px; color: #333; }
#successdiv .btns { text-align:center;}
#successdiv .btns a { height:36px; line-height:36px; padding:0 20px; display:inline-block; vertical-align:middle; margin:0 10px; background:#53acdc; color:#fff;}
#successdiv .btns a:hover { opacity:.8;}
#successdiv .hotline { font-size:13px; color:#666;}

/*入住信息*/
#GuestDiv { width:100%; padding:10px 0 0 0; font-size:13px;}
#GuestDiv .room_item { width:100%; padding:0 0 20px 70px; margin-bottom:20px; box-sizing:border-box; position:relative; border-bottom:#ccc dotted 1px;}
#GuestDiv .room_item:last-child { border:0; margin-bottom:0;}
#GuestDiv .room_item .rname { position:absolute; left:0; font-size:15px;}
#GuestDiv .room_item ul li { width:100%; padding:5px 0;}
#GuestDiv .room_item ul li:first-child { padding-top:0;}
#GuestDiv .room_item ul li:last-child { padding-bottom:0;}
#GuestDiv .room_item ul li .text { height: 30px; box-sizing: border-box; border: #ccc solid 1px; background: #fff; outline: 0; padding: 5px; font-size: 12px; vertical-align: middle; margin:0 5px;}
#GuestDiv .room_item ul li .focus { border:#ff3300 solid 1px; color:#333;}
#GuestDiv .room_item ul li .age { width: 50px;}
#GuestDiv .room_item ul li .sp1 { margin-right:20px; color:#999; position:relative;}
#GuestDiv .room_item ul li .sp1 i { position:absolute; font-size:12px; left:-60px; top:-4px; cursor:pointer; text-decoration:underline; color:#ff3300}
#GuestDiv .room_item ul li span.add { font-size:12px; color:#3ebbe6; text-decoration:underline; cursor:pointer;}
#GuestDiv .room_item ul li span.add:hover { text-decoration:none;}
#GuestDiv .room_item ul li span.ext { font-size:12px; color:#999;}
#GuestDiv .room_item ul li em.xl,#GuestDiv .room_item ul li em.zc { padding-left:20px;}
#GuestDiv .room_item ul li em.xl i,#GuestDiv .room_item ul li em.zc i { color:#ff0000}

/*酒店价格*/
.book_item .PriceList { font-size:12px; padding-left:68px;}
.book_item .PriceList span { width:70px; display:inline-block; vertical-align:middle; margin:3px; border:#00c1de solid 1px; text-align:center; color:#ff0000}
.book_item .PriceList span em { display:block; background:#00c1de; color:#fff; text-align:center;}

/*私人定制*/
ul.plan { width:100%; list-style:none;}
ul.plan li { margin:10px 0; list-style:none; width:100%; padding:10px 15px; box-sizing:border-box; border-radius:3px; border:#ccc solid 1px; background:#fff; position:relative;}
ul.plan li .price { position:absolute; right:20px; top:10px; font-size:15px; color: #e23540; font-family: Arial;}
ul.plan li .price span { font-size:13px; color:#999; display:inline-block;}
ul.plan li:last-child { margin:0;}
ul.plan li:hover { box-shadow:0 0 1px 3px #f5f5f5;}
ul.plan li.selected { border:#ff9900 solid 2px;}
ul.plan li h4 { font-weight:normal; font-size:16px; margin:0 0 5px 0; padding:0; color:#000;}
ul.plan li h6 { font-weight:normal; font-size:12px; line-height:160%; margin:0 0 5px 0; padding:0; color:#999;}
ul.plan li p { font-size:13px; margin:2px 0; line-height:160%;}

.batch_tb { width:50%;}
.batch_tb td { padding:6px 10px; } 
.batch_tb thead td { background:#f9f9f9;}
.batch_tb .td1 { width:80%;}
.batch_tb .td2 { text-align:right;}
.batch_tb tbody td { border-bottom:#efefef dotted 1px;}