@charset "utf-8";
/* CSS Document */
body, textarea, input, button, select, keygen, legend {font-size:13px; outline: 0;}
.none {display:none !important;;}
.container {max-width: 1200px;}
.cruise-booking{min-height:500px;}
/*order-form*/
.booking-form {width: auto;margin: 50px 6%;min-height: 470px;border: solid 1px #eee;overflow: hidden;background-color: #fff;}
.booking-form-detail {padding: 30px 40px;overflow: hidden;}
.booking-form-detail .form-title{ margin-bottom:30px; padding:0 20px; line-height:40px; background-color:#E6F3FF; overflow: hidden;}
.booking-form-detail .form-title h3{float:left; font-size:16px; font-weight:bold; color:#333;}
.booking-form-detail .form-title em{ color:#666;font-size:12px;font-weight:normal;text-decoration:none; padding-left:12px;}
.booking-form-detail .form-title .buycar{float:right; font-size:14px;font-weight:normal;text-decoration:none; margin-right:12px;}
.booking-form-div{padding-bottom:30px;}
.booking-form-div label {width: 100px;color: #999;display: inline-block;text-align: right; font-size: 14px;}
.booking-form-div label em {padding-right:5px;color: #fa4a4a;}
/*booking-mesg*/
.booking-form .booking-mesg{padding: 0px 0;overflow: hidden;}
.booking-form .booking-mesg ul{padding-top:10px; overflow: hidden;}
.booking-form .booking-mesg li{ margin-bottom:20px; line-height:30px;display:inline-block;font-size: 14px;}
.booking-form .booking-mesg li .text {height: 28px;line-height: 28px;outline: medium none;padding: 0 8px; vertical-align: middle;width: 100px; border-radius: 3px; border-bottom: 1px #ddd solid;}
.booking-form .booking-mesg li.title{ font-weight:500; color:#086fc5; } 
.booking-form .booking-mesg li.title input {width:600px;;font-size:18px;color:#086fc5;}
.booking-form .booking-mesg li em{font-size:20px;color:#ff6600;}
.booking-form .booking-mesg li i{ font-style:normal; padding:0 10px}

.txt40{width: 40px !important;}
.txt60{width: 60px !important;}
.txt80{width: 80px !important;}
/*
.booking-form .booking-mesg li:nth-child(1) input{color:#086fc5;}
.booking-form .booking-mesg li:nth-child(2) .text{width: 40px;}
.booking-form .booking-mesg li:nth-child(3) .text{width: 100px;}
.booking-form .booking-mesg li:nth-child(4) .text{width: 40px;}
.booking-form .booking-mesg li:nth-child(5) .text{width: 100px;color: #ff6600;}
.booking-form .booking-mesg li:nth-child(6) .text{border: 1px solid #ddd;}
*/
.booking-form .booking-remark {margin-top:20px;padding-left: 30px; font-size:12px;line-height:26px; font-weight:500; color:#fb5f10; }
/*booking-contact*/
.booking-form .booking-contact {padding:0px 0;display: flex;flex-direction: column;gap: 20px;}
.booking-form .booking-contact dd {padding-bottom:0px; padding-left:0px;line-height: 30px;}
.booking-form .booking-contact dd i {color: #999;margin-left: 7px; font-size:12px; color: #b5b5b5;line-height: 22px;font-weight: normal;}
.booking-form .booking-contact .text {padding:0 8px;width:240px; height:28px; line-height:28px; border:solid 1px #ccc; vertical-align:top; border-radius: 3px;}
.booking-form .booking-contact .message{ width:600px; height:100px; line-height:25px;border:solid 1px #ccc; padding:8px 8px; font-size:14px; color:#666; vertical-align:top; border-radius: 3px;}
.booking-form .booking-submit{padding-bottom:0px;}
.booking-form .booking-submit input,.booking-form .booking-btnB {margin:0 15px;padding: 0px 30px;line-height: 40px; display:inline-block; *display:inline; *zoom:1; background-color:#ff9600;border-radius:3px; font-size:16px; color:#fff !important; cursor: pointer; }
.booking-form .booking-submit input:hover,.booking-form .booking-btnB:hover { background-color:#0099ff; }
/*=====cruise-dingzhi=======*/
.cruise-dingzhi{min-height:500px;}
.dingzhi-top {background: url("../images/bg-top-dingzhi.png");background-size: 100% 400px;height: 400px;min-width: 1160px;}
.dingzhi-element {padding: 30px 0;background: #ffffff;}
.dingzhi-element .dizhi-element-ul{width: 100%;font-size: 18px;color:#222544;padding-bottom: 0px;display: flex;justify-content: space-evenly;}
.dingzhi-element .dizhi-element-ul li{width: 170px;text-align: center;float: left;/*margin-left: 100px;*/}
.dingzhi-element .dizhi-element-ul li img{display: block;margin: 20px auto 20px;}
/*list-element*/
.dingzhi-element .list-element {display: flex; justify-content: space-evenly;align-items: center;}
.dingzhi-element .list-element .item {display: flex;flex-direction: column;align-items: center;gap: 10px;}
.dingzhi-element .list-element .arrow {}
.dingzhi-element .list-element .item .item-img {width 80px;}
.dingzhi-element .list-element .item .item-img img {}
.dingzhi-element .list-element .item .title {font-size: 22px;}
/*dingzhi-body*/
.dingzhi-body{padding: 30px 0;overflow: hidden;}
.dingzhi-form{width 80%;margin: 0 6%;padding:40px 40px;background: #fff;border-radius: 4px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.dingzhi-form .form-head {margin-bottom: 0px;padding: 0px;text-align: center;overflow: hidden;}
.dingzhi-form .form-head .title{height: 30px;line-height: 30px;font-size: 28px;font-weight: bold;overflow: hidden;}
.dingzhi-form .form-head .subtitle{margin-top: 15px;line-height: 20px;font-size: 14px;color: #999;overflow: hidden;}
.dingzhi-form .form-left{ width:600px; height:838px;}
.dingzhi-form .form-right{ background:url("./../images/bg-form-r.jpg") no-repeat right top; width:400px; height:838px; position:absolute; top:0px; right:0px;}
/*form-content*/
.dingzhi-form .form-content {padding:0px 40px;}
.dingzhi-form .form-item {overflow: hidden;padding: 30px 0px 30px; border-top:0px solid #eee;display: flex;justify-content: space-around;    flex-direction: column;}
.dingzhi-form .form-item em {padding:0 3px;color: #fa4a4a;}
.dingzhi-form .form-item .item-name{ width:180px; float:left; font-size:16px; color:#666; font-weight:bold;}
.dingzhi-form .form-item .item-name span{ font-size:12px; color:#333; font-weight:500;}
.dingzhi-form .form-item .item-list{margin: 0 6%;/*width: -webkit-calc(100% - 240px);*/ float:left; display: flex;flex-direction: column;gap: 20px;}
.dingzhi-form .form-item .item-list dd {padding-bottom:0px; padding-left:0px;line-height: 30px; display: flex;justify-content: flex-start;align-items: center;}
.dingzhi-form .form-item .item-list dd i {margin-left: 7px;line-height: 22px;font-size:14px;color: #333;font-weight: normal;}
.dingzhi-form .form-item .item-list dd label {width: 100px; color:#333; display: inline-block;text-align: right; font-size: 14px;}
.dingzhi-form .form-item .item-list dd .text {padding:0 8px;width:180px; height:30px; line-height:30px; color:#999;border:solid 1px #ccc; vertical-align:top; border-radius: 3px;}
.dingzhi-form .form-item .item-list dd .message{ width:426px; height:100px; line-height:25px;border:solid 1px #ccc; padding:8px 8px; font-size:14px; color:#666; vertical-align:top; border-radius: 3px;}
.dingzhi-form .form-item .item-list .long .text{width: 426px;}
.dingzhi-form .form-item .item-list .mlong .text{width: 320px;}
/*.dingzhi-form .form-item .item-list dd:nth-child(1) {color:#086fc5;}
.dingzhi-form .form-item .item-list dd:nth-child(2) .text{width: 462px;}
.dingzhi-form .form-item .item-list dd:nth-child(3) .text{width: 462px;}*/
.dingzhi-form .btn-con {font-size: 14px;padding: 0px;display: flex;justify-content: center;align-items: center; flex-direction: row;gap: 50px;}
.dingzhi-form .btn-con .btn-submit {background: #ff9600;border-radius: 5px; color: #fff;display: inline-block;font-size: 16px;line-height: 40px; text-align: center; width: 140px; border:none; cursor:pointer}
.dingzhi-form .btn-con .btn-submit:hover {background: #ff6600;}
.dingzhi-form .btn-con input.ckeckbox { margin: 0 3px 0 10px;}
.dingzhi-form .btn-con a { color: #16b;}
.dingzhi-form .btn-con a:hover { color: #f70;}
/*btn-zixun*/
.btn-zixun {width: 140px;height: 40px;border-radius: 4px;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;background-color: #33acff;cursor: pointer;}
.btn-zixun:hover {background-color: #0099ff;}
.btn-zixun .icon-kefu{margin-right: 4px;width: 20px;height: 20px;background:url("./../images/icon-kefu.png") center center no-repeat;background-size: 100%;}

.dingzhi-form .form-item .form-title{ margin-bottom:30px; padding:0 20px; line-height:40px; background-color:#E6F3FF; overflow: hidden;}
.dingzhi-form .form-item .form-title h3{float:left; font-size:16px; font-weight:bold; color:#333;}
.dingzhi-form .form-item .form-title span{ color:#666;font-size:14px;font-weight:normal;text-decoration:none; padding-left:12px;}