@charset "utf-8";
/* CSS Document */

/* 定制·包团   图片轮播  */
.custom .slider {position:relative;overflow:hidden;z-index:1;box-sizing:border-box;margin:auto;background:#FFF;}
.custom .slider .swiper-wrapper {position:relative;display:flex;box-sizing:content-box;width:100%;height:100%;z-index:1;transition-property:transform;transform:translate3d(0,0,0);}
.custom .slider .swiper-wrapper .swiper-slide {display:inline-block;flex-shrink:0;}
.custom .slider .swiper-wrapper .swiper-slide a {position:relative;float:left;display:inline-block;width:100%;padding-top:40%;}
.custom .slider .swiper-wrapper .swiper-slide a img {position:absolute;top:0;display:inline-block;width:100%;}

/* 定制·包团   专属服务  */
.custom .server {display:block;width:100%;padding-top:10px;padding-bottom:10px;background:#FFF;}
.custom .server .tit {overflow:hidden;width:100%;height:40px;line-height:40px;font-size:16px;text-align:center;}
.custom .server .types {display:block;overflow:hidden;box-sizing:content-box;width:calc(100% - 20px);margin-left:10px;background:#fff;}
.custom .server .types li {float:left;display:inline-block;overflow:hidden;width:calc(100% / 2);margin-bottom:20px;}
.custom .server .types li .icon {float:left;display:inline-block;width:40px;height:40px;}
.custom .server .types li .i1 {background:url('../images/custom_server_icon_i1.png') no-repeat center 0;background-size:contain;}
.custom .server .types li .i2 {background:url('../images/custom_server_icon_i2.png') no-repeat center 0;background-size:contain;}
.custom .server .types li .i3 {background:url('../images/custom_server_icon_i3.png') no-repeat center 0;background-size:contain;}
.custom .server .types li .i4 {background:url('../images/custom_server_icon_i4.png') no-repeat center 0;background-size:contain;}
.custom .server .types li .tit {float:right;display:inline-block;width:calc(100% - 45px);height:40px;text-align:left;white-space:nowrap;}
.custom .server .types li .tit b {display:block;width:100%;height:22px;line-height:22px;font-size:14px;font-weight:normal;}
.custom .server .types li .tit span {display:block;width:100%;height:18px;line-height:18px;font-size:12px;color:#999;}

/* 定制·包团   热门目的地  */
.custom .hot-area {display:block;overflow:hidden;width:100%;margin-top:10px;padding-top:5px;background:#FFF;font-size:18px;}
.custom .hot-area .tit {overflow:hidden;width:100%;line-height:40px;font-size:16px;text-align:center;}
.custom .hot-area .area {position:relative;float:left;display:inline-block;overflow:hidden;box-sizing:border-box;background:#FFF;}
.custom .hot-area .area a {position:absolute;top:0;left:0;z-index:3;display:block;width:100%;height:100%;text-indent:-9999px;}
.custom .hot-area .area b {position:absolute;z-index:1;display:block;width:100%;height:24px;line-height:24px;font-weight:normal;}
.custom .hot-area .area span {position:absolute;z-index:1;display:block;width:100%;height:20px;line-height:20px;font-size:12px;color:#999;}
.custom .hot-area .area img {position:absolute;z-index:2;display:block;width:auto;}
.custom .hot-area .a1 {width:50%;padding-top:36%;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.custom .hot-area .a2 {width:50%;padding-top:18%;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.custom .hot-area .a3 {width:50%;padding-top:18%;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.custom .hot-area .a4 {width:calc(100% / 3);padding-top:30%;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.custom .hot-area .a4:nth-child(3) {border-right:0;}
.custom .hot-area .a1 b {top:10px;left:10px;}
.custom .hot-area .a1 span {top:34px;left:10px;}
.custom .hot-area .a1 img {top:60%;right:10px;height:65%;margin-top:-25%;}
.custom .hot-area .a2 b {top:16%;left:10px;}
.custom .hot-area .a2 span {top:50%;left:10px;}
.custom .hot-area .a2 img {top:50%;right:10px;height:80%;margin-top:-14%;}
.custom .hot-area .a3 b {top:16%;left:10px;}
.custom .hot-area .a3 span {top:50%;left:10px;}
.custom .hot-area .a3 img {top:50%;right:20px;height:70%;margin-top:-13%;}
.custom .hot-area .a4 b {top:8%;left:0;text-align:center;}
.custom .hot-area .a4 span {top:28%;left:0;text-align:center;}
.custom .hot-area .a4 img {bottom:8px;left:50%;height:40%;margin-left:-20%;}

/* 定制·包团   预定流程  */
.custom .booking-process {display:block;overflow:hidden;box-sizing:border-box;width:100%;margin-top:10px;/* padding-top:5px;padding-bottom:20px; */padding:5px 10px 20px 10px;background:#FFF;font-size:18px;}
.custom .booking-process .tit {display:block;box-sizing:border-box;width:100%;margin-bottom:5px;line-height:40px;font-size:16px;text-align:center;}
.custom .booking-process .step {position:relative;float:left;display:inline-block;box-sizing:border-box;width:calc((100% - 60px) / 4);height:64px;background:#FFF;text-align:center;}
.custom .booking-process .step:first-child {margin-left:10px;}
.custom .booking-process .step .icon {display:inline-block;width:40px;height:40px;}
.custom .booking-process .step .i1 {background:url('../images/custom_process_icon_i1.png') no-repeat center 0;background-size:contain;}
.custom .booking-process .step .i2 {background:url('../images/custom_process_icon_i2.png') no-repeat center 0;background-size:contain;}
.custom .booking-process .step .i3 {background:url('../images/custom_process_icon_i3.png') no-repeat center 0;background-size:contain;}
.custom .booking-process .step .i4 {background:url('../images/custom_process_icon_i4.png') no-repeat center 0;background-size:contain;}
.custom .booking-process .step em {display:block;width:100%;height:24px;line-height:24px;font-size:14px;color:#999;text-align:center;}
.custom .booking-process .direction {float:left;display:block;overflow:hidden;box-sizing:border-box;width:20px;height:64px;background:url('../images/custom_process_direction.png') no-repeat center 10%;background-size:80%;}

/* 定制·包团   开始定制  */
.custom .start-custom {display:block;width:100%;margin-top:10px;padding-top:5px;padding-bottom:15px;background:#FFF;font-size:18px;}
.custom .start-custom .tit {display:block;width:100%;line-height:40px;font-size:16px;text-align:center;}
.custom .start-custom .form {display:block;box-sizing:border-box;width:100%;padding:0 15px;text-align:left;}
.custom .start-custom .form h3 {display:block;width:100%;height:40px;line-height:40px;font-size:14px;text-align:left;}
.custom .start-custom .form h3:first-child {margin-top:-10px;}
.custom .start-custom .form ul {display:block;overflow:hidden;width:100%;border-bottom:1px solid #ddd;}
.custom .start-custom .form ul li {float:left;display:block;width:100%;border-top:1px solid #ddd;line-height:40px;font-size:14px;text-align:left;}
.custom .start-custom .form ul li b {float:left;display:inline-block;width:80px;line-height:40px;font-size:14px;font-weight:normal;text-align:left;}
.custom .start-custom .form ul li .blankOne {display:inline-block;width:0.5em;line-height:40px;}
.custom .start-custom .form ul li input[type=text] {float:left;display:inline-block;box-sizing:border-box;width:calc(100% - 100px);height:40px;padding:0 5px;outline:none;line-height:40px;font-size:14px;}
.custom .start-custom .form ul li input[type=text]::-webkit-input-placeholder {font-size:12px;color:#999;}
.custom .start-custom .form ul li input[type=text]:-ms-input-placeholder {/*IE10+*/ font-size:12px;color:#999;}
.custom .start-custom .form ul li input[type=text]::-moz-placeholder {/*Firefox19+*/ font-size:12px;color:#999;}
.custom .start-custom .form ul li input[type=text].err {border:1px solid #f30;}
.custom .start-custom .form ul li i {float:left;display:inline-block;width:10px;height:40px;line-height:40px;font-size:14px;color:#f30;vertical-align:middle;text-align:center;}
.custom .start-custom .form textarea {box-sizing:border-box;width:100%;height:82px;padding:5px;border:1px solid #ddd;border-radius:5px;outline:none;line-height:24px;font-size:12px;}
.custom .start-custom .form textarea::-webkit-input-placeholder {font-size:12px;color:#999;}
.custom .start-custom .form textarea:-ms-input-placeholder {/*IE10+*/ font-size:12px;color:#999;}
.custom .start-custom .form textarea::-moz-placeholder {/*Firefox19+*/ font-size:12px;color:#999;}
.custom .start-custom .form textarea.err {border:1px solid #f30;}
.custom .start-custom .form input.mobilesubmit {width:100%;height:32px;margin-top:15px;background:#2577e3;border-radius:5px;letter-spacing:2px;line-height:32px;font-size:16px;color:#fff;text-align:center;}

/* 定制·包团   成功案例  */
.custom .case {display:block;overflow:hidden;width:100%;margin-top:10px;padding-top:5px;padding-bottom:10px;background:#FFF;font-size:18px;}
.custom .case .tit {display:block;width:100%;line-height:40px;font-size:16px;text-align:center;}
.custom .case .list {display:block;box-sizing:border-box;width:100%;padding:0 15px;text-align:left;}
.custom .case .list li {position:relative;display:block;overflow:hidden;width:100%;margin-bottom:10px;padding-top:35%;border-radius:5px;text-align:center;}
.custom .case .list li a {position:absolute;top:0;left:0;z-index:4;width:100%;height:100%;text-indent:-9999px;}
.custom .case .list li img {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.custom .case .list li p {position:absolute;top:50%;left:0;z-index:2;display:block;width:100%;height:30px;margin-top:-15px;line-height:30px;font-size:14px;/* color:#fff; */color:#666;text-align:center;}
.custom .case .list li .circle-left {position:absolute;top:50%;left:-8px;z-index:3;display:block;width:20px;height:20px;margin-top:-10px;background:#fff;border-radius:10px;}
.custom .case .list li .circle-right {position:absolute;top:50%;right:-8px;z-index:3;display:block;width:20px;height:20px;margin-top:-10px;background:#fff;border-radius:10px;}