body {
    background: #fff;
}
.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  display:none;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

a {
text-decoration:none;
}

.gos-img-h img{
	transition: all 0.5s;
}
.gos-img-h img:hover{
	transform: scale(1.14);
}
.ship-box img{
	transition: all 0.5s;
}
.ship-box img:hover{
	transform: scale(1.14);
}


#warp {

    width: 100%;

    /*min-width: 1200px;*/

    overflow: hidden;

}



#header {

    background: #444;

    padding: 12px 0;

}



#header a {

    width: 54px;

    height: 24px;

    line-height: 24px;

    border: 1px solid #666666;

    border-radius: 14px;

    color: #fff;

    font-size: 12px;

    text-align: center;
	margin-left:5px;

}

#header .current{
background-color:#FFFFFF;
color:#444;
}



#nav {

    background: #141414;



}



#nav .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



nav {

    position: relative;

    width: 100%;

    height: 72px;

    background: none;

}



.navbar {

    margin: 0;

}



nav a {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}



.navbar-logo {

    position: absolute;

    top: 0;

    left: 0;

}



.navbar-logo img {

    padding: 0;

    width: 120px;

    height: 49px;

}



.container-fluid {

    padding: 0 !important;

    margin: 12px 0 0 0;

}



/* .navbar-toggle {

    background-color: #fff !important;

}



.navbar-toggle .icon-bar {

    background: #000;

} */



.navbar-collapse {

    position: relative;

    z-index: 16;

    background: #141414;

    padding: 0 0 10px 0;

}



.navbar-header {

    position: relative;

    z-index: 17;

    padding: 0 10px

}



#copyright {

    border-top: 1px solid #D2D2D7;

    text-align: center;

    height: 54px;

    line-height: 54px;

    background: #f3f3f5;

    color: #333333;

    font-size: 12px;

}



#footer {

    padding: 40px 0 20px 0;

}



.footer-inner-l {

    display: flex;

}



.f-i-left h4 {

    font-size: 16px;

    font-weight: bold;

    color: #1d1d1f;

}



/*margin: 0 120px 0 0;*/



.f-i-left a {

    display: block;

    font-size: 14px;

    color: #333;

}



.f-i-middle h4 {

    font-size: 16px;

    font-weight: bold;

    color: #1d1d1f;

}



.f-i-middle p {

    font-size: 14px;

    color: #333;

}



.f-i-middle div a {

    font-size: 15px;

    font-weight: bold;

    color: #1d1d1f;

}



.f-i-middle div span {

    font-size: 18px;

    color: #d2d2d7;

}



#footer .f-i-right {}



.f-i-right div {

    padding: 5px;

}



#footer {

    background: #f3f3f5;

}



#footer .f-i-right img {
    width: 100%;
}



#footer .f-i-right img:nth-child(4n) {

    margin: 0 0 10px 0;

}



.banner-inner {

    position: relative;

}



.banner-text {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 10px;

    color: #fff;

}



.banner-text h1 {

    font-size: 48px;

}



.banner-text h1 small {

    font-size: 28px;

    color: #fff;

}



.banner-text h1 span {

    height: 40px;

    width: 1px;

    margin: 0 20px;



    background: #fff;

}



.banner-text a {

    margin: 22px 0 0 0;

    width: 148px;

    height: 40px;

    background: #ffffff;

    border-radius: 6px;

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    color: #000

}

#fix-bj{

    position: fixed;

    bottom: 100px;

    right: 10px;

}

#fix-bj a {

    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #000

}

.contain-lease {

    margin: 30px 0 0 0;

    border-bottom: 1px solid #D2D2D7;

}



.car-slide h3 {

    margin: 0 0 30px 0;

    font-size: 40px;

    color: #333;

}



.car-spec {

    position: relative;

    width: 100%;

    margin: 0 0 30px 0;

}



.car-spec div {

    width: 48%;

}



.car-spec > div {

    border: 1px solid #D6D6D6;

    padding: 8px 12px;

    border-radius: 8px;

}



.car-spec div h6 {

    font-size: 14px;

    color: #999;

    padding: 0 0 0 4px;

    margin: 0 0 4px 0;

}



.car-spec div select {

    width: 100%;

    font-size: 18px;

    color: #333;

}



.car-text {

    color: #333333;



}



.car-text h3 {

    font-size: 36px;

}



.car-text p {

    font-size: 16px;

}



/* 船只租赁 */

.ship-box {

    width: 370px;

    height: 386px;

    background: #fff;

    margin: 0 auto 20px;

}



.ship-box a {

    display: block;

    padding: 0 30px;

    text-decoration: none;

}



.ship-box img {

    width: 320px;

    height: 200px;

}



.ship-box h3 {

    margin: 20px 0 10px 0;

    font-size: 28px;

    color: #333;

}



.ship-box p {

    line-height: 28px;

    font-size: 16px;

    color: #333;

}



/* 旅行团详情 */

.contain-travel {

    margin: 28px 0 20px 0;

}



.contain-travel .travel-left h3 {

    font-size: 24px;

    color: #141414;

    margin: 30px 0 10px 0;

}



.contain-travel .travel-left p {

    font-size: 16px;

    color: #333;

}



.contain-travel .travel-right img {

    width: 541px;

}



.row-travel-list {

    border: 1px solid #D6D6D6;

    border-radius: 8px;

    height: 322px;

    overflow: hidden;

    margin: 22px 0 0 0;

}



.row-travel-list .travel-right1 {

    padding: 0;

}



.row-travel-list .travel-right1 {

    width: 48%;

}



.travel-right1 img {

    width: 458px;

    height: 320px;

}



/* 网志 */

.contain-weblog {

    margin: 30px 0 0 0;

}



.contain-weblog .weblog-list {

    border: 1px solid #D6D6D6;

    overflow: hidden;

    padding: 0;

    border-radius: 8px;

    margin: 0 0 30px 0;

}



.weblog-list img {

    height: 320px;

}



.weblog-list h3 {

    font-size: 24px;

    color: #141414;

    margin: 0;

    padding: 20px 0 10px 0;

}



.weblog-list p {

    margin: 0 0 auto 0;

    font-size: 16px;

    color: #333;

}



.weblog-list span {

    font-size: 16px;

    color: #666;

    margin: 0 0 30px 0;

}



.weblog-list div {

    height: 320px;

    padding: 0 20px;

}



/* 文章详情 */

.contain-article {

    margin: 30px 0;

}



.contain-article h1 {

    font-size: 40px;

    color: #141414;

    margin: 0 0 10px 0;

}



.contain-article h6 {

    font-size: 16px;

    color: #666;

    margin: 0 0 30px 0;

}



.contain-article p {

    font-size: 16px;

    color: #333;

    line-height: 28px;

    margin: 0 0 10px 0;

}



.contain-article img {

    margin: 20px auto;

}



/* 常见问题 */

.contain-problem h1 {

    font-size: 40px;

    color: #141414;

    border-bottom: 1px solid #D2D2D7;

    padding: 20px 0;

    margin: 10px 0 30px 0;

}



.problem-text {

    font-size: 16px;

    margin: 0 0 30px 0;

}



.problem-text h6 {

    font-size: 16px;

    font-weight: bold;

}



/* 关于我们 */

.contain-aboutUs {

    margin: 30px 0;

}



.aboutUs-left h1 {

    margin: 0 0 20px 0;

    padding: 0 0 20px 0;

    font-size: 40px;

    border-bottom: 1px solid #D2D2D7;

}



.aboutUs-left p {

    font-size: 16px;

    color: #333;

    line-height: 28px;

    margin: 0;

}



.aboutUs-left h3 {

    font-size: 28px;

    color: #333;

    margin: 10px 0 10px 0;

}



.aboutUs-left input {

    width: 100%;

    border: 1px solid #D6D6D6;

    padding: 20px;

    font-size: 18px;

    text-align: center;

    border-radius: 8px;

    margin: 0 0 10px 0;

}



.aboutUs-left input::placeholder {

    color: #ccc;

}



/* 确认资料-车 */

.contain-confirm {

    margin: 20px 0;

}



.goods-row {

    margin: 0 0 30px 0;

}



.confirm-h1 {

    font-size: 40px;

    text-align: center;

    padding: 0 0 30px 0;

}



.confirm-goods {

    border-top: 1px solid #D2D2D7;

    border-bottom: 1px solid #D2D2D7;

    padding: 30px 0;

}



.goods-left {

    width: 320px;

    height: 222px;

}



.goods-left img {

    max-width: 320px;

    max-height: 222px;

}



.goods-right {

    flex: 1;

    padding: 0 0 0 30px;

    height: 222px;

}



.goods-right h5 {

    font-size: 28px;

    color: #141414;

}



.goods-right .gos-spec {

    margin: 0px 0 auto 0;

}



.goods-right p {

    font-size: 14px;

    color: #141414;

    margin: 0 0 3px 0;

}



.goods-right h6 {

    font-size: 16px;

    color: #141414;

}



.goods-right a {

    width: 148px;

    height: 40px;

    border: 1px solid #666666;

    border-radius: 6px;

    font-size: 16px;

    color: #141414;

    line-height: 40px;

    text-align: center;

}



.goods-select {

    padding: 30px 0;

    color: #141414;

    font-size: 18px;

    border-bottom: 1px solid #D2D2D7;

}



.goods-total-price {

    padding: 10px 0;

    color: #141414;

    font-size: 28px;

}



.confirm-user-info {

    padding: 30px 0 0 0;

    border-top: 1px solid #D2D2D7;

}



.user-info-input {

    border: 1px solid #D6D6D6;

    padding: 10px 20px;

    border-radius: 8px;

    margin: 0 0 20px 0;

}



.user-info-input p {

    font-size: 14px;

    color: #999;

    margin: 0;

}

.user-info-input input {

    font-size: 14px;

    color: #999;

    margin: 0;

	width:100%;
}



.agree-file {

    font-size: 14px;

    color: #141414;

}



.confirm-user-info .agree-file input {

    margin: 0 10px 0 0;

}



.user-info-btn {

    margin: 40px 0 0 0;

}



.user-info-btn a {

    width: 45%;

    line-height: 48px;

    text-align: center;

    border-radius: 6px;

}



.user-info-btn a.btn-confirm {

    background: #5476f0;

    color: #fff;

}



.user-info-btn a.btn-back {

    background: #fff;

    color: #141414;

    border: 1px solid #666;

}



/* 汽车规格选择 */

.goodsSpec {}



.goodsSpec-title {

    border-bottom: 1px solid #D2D2D7;

}



.goodsSpec-title h1 {

    font-size: 40px;

    color: #333;

    padding: 0 0 10px 0;

}



.select-box {

    padding: 30px 0;

    border-bottom: 1px solid #D2D2D7;

}



.select-box1 {

    padding: 0;

}



.select-box h4 {

    font-size: 28px;

    color: #333;

}



.select-box-btn a {

    text-align: center;

    height: 68px;

    line-height: 68px;

    font-size: 28px;

    border-radius: 8px;

    border: 1px solid #D2D2D7;

    color: #333;

}



.select-box-btn1 a {

    width: 49%;

}



.select-box-btn2 a {

    width: 32%;



}



.select-box-btn3 a {

    width: 100%;



}



.select-box-btn a.active {

    border: 2px solid #5476F0;

}



.select-box-btn a p {

    line-height: 10px;

    margin: 0 0 20px 0;

}



.select-box-btn a span {

    line-height: 0;

    font-size: 12px;

    color: #999;

}



.car-spec1 {

    margin: 30px 0;

}



.gos-img-h {

    width: 32%;

    height: 315px;

    border: 1px solid #D6D6D6;

    border-radius: 8px;

    margin: 0 0 10px 0;

}



.gos-img-box .active {

    border: 2px solid #5476F0;

}



.gos-img-h img {

    width: 320px;

    height: 200px;

}



.gos-img-h p {

    margin: 30px 0 0 0;

    font-size: 18px;

    color: #333;

}



.car-spec2 {

    width: 32%;

    margin: 0;

}



.car-spec2 div {

    width: 100%;

}



.car-spec3 {

    width: 49%;

    margin: 0;

}



.car-spec4 {

    width: 100%;

    margin: 0;

}



.car-spec4 div {

    width: 100%;

}



.car-spec3 div {

    width: 100%;

}



.members-title {

    font-size: 20px;

    color: #333;

}



.members-box {

    padding: 20px;

    border: 1px solid #D6D6D6;

    border-radius: 8px;

}



.next-btn {

    margin: 30px 0;

}



.next-btn a {

    width: 280px;

    height: 48px;

    line-height: 48px;

    background: #5476f0;

    border-radius: 6px;

    color: #fff;

    text-align: center;

    font-size: 16px;

}



.gos-img-box {

    overflow: hidden;

}



.gos-img-box .gos-img-h {

    float: left;

    margin: 0 15px 10px 0;

}



.gos-img-box .gos-img-h:nth-child(3n) {

    margin: 0 0 15px 0;

}



.car-spec div input {

    width: 100%;

    font-size: 18px;

    color: #333;

}



.ul-area {

    position: absolute;

    top: 60px;

    left: 0;

    z-index: 2;

    width: 100%;

    border: 1px solid #D6D6D6;

    background: #fff;

    padding: 10px;

    border-radius: 5px;

    color: #333;

}



.code-tip {

    font-size: 16px;

    color: #999;

}



.edit-textarea {

    font-size: 18px;

    border: 1px solid #D6D6D6;

    width: 100%;

    padding: 10px;

    min-height: 150px;

    border-radius: 8px;

    resize: none;

}



.edit-textarea::placeholder {

    color: #ccc;

}



/* 首页 */

.home-sec {

    position: relative;

}



.sec-box-text {
	background:#000; 
	opacity: 0.65;
	padding:10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
	width:28%;
}



.sec-box-text h1 {

    color: #fff;

    font-size: 40px;

}



.sec-box-text p {

    color: #fff;

    font-size: 20px;

}



.sec-box-text a {

    display: block;

    font-size: 40px;

    color: #5476F0;

    text-align: center;

}



.sec-box-text a:hover {

    color: #5476F0;

}



.home-bj {

    margin: 0 0 30px 0;

}









.navbar-header .navbar-toggle{

    width: 30px;

    height: 30px;

    background: url('../img/menu-bg.png') center center no-repeat;

    background-size:20px; 

}

.car-color{

    padding: 20px 0;

}

.car-color a{

    display: flex;

    width: 54px;

    height: 54px;

   border-radius: 54px;

}

.car-color a span{

    width: 48px;

    height: 48px;

    border-radius: 48px;

 }

.car-color a.active{

    border: 2px solid #5476F0;

}