/*兼容ipad ：*/
@media (min-device-width : 780px) and (max-device-width : 1680px){
.gos-img-h{
	width:31%;
}
.gos-img-h img{
	width:255px;
	height:155px;
}
}


/*兼容ipad ：*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
.gos-img-h{
	width:32%;
}
}

/* 兼容ipad横屏 ：*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
.gos-img-h{
	width:32%;
}
.gos-img-h img{
	width:300px;
	height:175px;
}
}

/*兼容ipad竖屏 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
.gos-img-h{
	width:32%;
}
.gos-img-h img{
	width:280px;
	height:175px;
}
.goods-left img{
	width:280px;
	height:175px;
}
.goods-right h5{
font-size:20px;
}
}

/* 小屏幕（平板，大于等于 768px） */

@media (max-width: 999px) {
    .xs-f-i-right {
        margin: 20px 0 0 0;
    }
	
	.colorName{
		font-size:11px;
	}



    .banner-inner .banner-text {

        bottom: 0;

    }



    .banner-inner .banner-text h1 {

        font-size: 26px;

    }

    .sec-box-text h2 {
        color: #fff;
        font-size: 24px;
    }

    .banner-inner .banner-text h1 small {

        font-size: 10px;

        color: #fff;

    }



    .banner-inner .banner-text h1 span {

        height: 16px;

        width: 1px;

        margin: 0 6px;



        background: #fff;

    }



    .banner-inner .banner-text a {

        margin: 16px 0 0 0;

        width: 60px;

        height: 18px;

        background: #ffffff;

        border-radius: 3px;

        text-align: center;

        line-height: 18px;

        font-size: 10px;

        color: #000

    }



    #fix-bj{

    position: fixed;

    bottom: 100px;

    right: 30px;

}

#fix-bj a {

    display: block;

        text-align: center;

        line-height: 18px;

        font-size: 10px;

        color: #000

}

#fix-bj img{
	height:35px;
}



    #contain .contain-lease {

        margin: 20px 0 0 0;

    }



    .car-spec {

        margin: 10px 0 10px 0;

    }

    .car-spec div select{

        font-size: 14px;

    }



    .car-slide h3 {

        margin: 0 0 10px 0;

        font-size: 20px;

        color: #333;

    }



    .car-text h3 {

        font-size: 16px;

    }



    .car-text p {

        font-size: 12px;

    }



    /* 船只租赁 */

    .ship-box {

        width: 335px;

        height: 299px;

        background: #fff;

        margin: 0 auto 10px;

        border-radius: 8px;

    }



    .ship-box a {

        display: block;

        padding: 0 30px;

        text-decoration: none;

    }



    .ship-box img {

        width: 295px;

        height: 181px;

    }



    .ship-box h3 {

        margin: 20px 0 10px 0;

        font-size: 16px;

        color: #333;

    }



    .ship-box p {

        line-height: 20px;

        font-size: 11px;

        color: #333;

    }



    /* 旅行团详情 */

    .contain-travel {

        margin: 28px 0 20px 0;

        padding: 20px;

    }



    .contain-travel .travel-left {

        padding: 0;

    }



    .contain-travel .travel-left h3 {

        font-size: 16px;

        color: #141414;

        margin: 30px 0 10px 0;

    }



    .contain-travel .travel-left p {

        font-size: 12px;

        color: #333;

    }



    .contain-travel .travel-right img {

        /*width: 333px;*/

        width: 100%;

    }



    .row-travel-list {

        border: 1px solid #D6D6D6;

        border-radius: 8px;

        overflow: auto;

        height: auto;

        margin: 22px 0 0 0;

        padding: 20px;

    }



    .row-travel-list .travel-right1 {

        padding: 0;

    }



    .row-travel-list .travel-right1 {

        width: 100%;

    }



    .travel-right1 img {

        width: 333px;

        height: 227px;

    }



    /* 网志 */

    .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 10px 0;

        height: 184px;

    }



    .weblog-list img {

        width: 168px;

        height: 184px;

    }



    .weblog-list h3 {

        font-size: 16px;

        color: #141414;

        margin: 0;

        padding: 10px 0 10px 0;

    }



    .weblog-list p {

        margin: 0 0 auto 0;

        font-size: 12px;

        color: #333;

    }



    .weblog-list span {

        font-size: 12px;

        color: #666;

        margin: 0 0 30px 0;

    }



    .weblog-list div {

        padding: 0 16px;

        height: 184px;

    }



    /* 文章详情 */

    .contain-article {

        margin: 20px 0;

    }



    .contain-article h1 {

        font-size: 16px;

        color: #141414;

        margin: 0 0 10px 0;

    }



    .contain-article h6 {

        font-size: 12px;

        color: #666;

        margin: 0 0 30px 0;

    }



    .contain-article p {

        font-size: 12px;

        color: #333;

        line-height: 18px;

        margin: 0 0 10px 0;

    }



    .contain-article img {

        margin: 10px auto;

    }



    /* 常见问题 */

    .contain-problem h1 {

        font-size: 16px;

        color: #141414;

        border-bottom: 1px solid #D2D2D7;

        padding: 10px 0;

        margin: 5px 0 20px 0;

    }



    .problem-text {

        font-size: 12px;

        margin: 0 0 30px 0;

    }



    .problem-text h6 {

        font-size: 12px;

        font-weight: bold;

    }



    /* 关于我们 */

    .contain-aboutUs {

        margin: 20px 0;

    }



    .aboutUs-left h1 {

        margin: 0 0 10px 0;

        padding: 0 0 10px 0;

        font-size: 20px;

        border-bottom: 1px solid #D2D2D7;

    }



    .aboutUs-left p {

        font-size: 12px;

        color: #333;

        line-height: 20px;

        margin: 0;

    }



    .aboutUs-left h3 {

        font-size: 20px;

        color: #333;

        margin: 10px 0 10px 0;

    }



    .aboutUs-left input {

        width: 100%;

        border: 1px solid #D6D6D6;

        padding: 10px;

        font-size: 18px;

        text-align: center;

        border-radius: 8px;

        margin: 0 0 10px 0;

    }



    .aboutUs-left input::placeholder {

        color: #ccc;

    }



    /* 确认资料-车 */

    .contain-confirm {

        margin: 10px 0;

    }



    .goods-row {

        margin: 0 0 0 0;

    }



    .contain-confirm .goods-row-item {

        margin: 0 0 22px 0;

        padding: 0;

    }



    .confirm-h1 {

        margin: 0;

        font-size: 20px;

        text-align: center;

        padding: 0 0 10px 0;

        border-bottom: 1px solid #D2D2D7;

    }



    .confirm-goods {

        padding: 30px 0;

    }



    .goods-left {

        width: 176px;

        height: 132px;

    }



    .goods-left img {

        max-width: 176px;

        max-height: 132px;

    }



    .goods-right {

        flex: 1;

        padding: 0 0 0 10px;

        height: 132px;

    }



    .goods-right h5 {

        font-size: 16px;

        color: #141414;

        margin: 0;

    }



    .goods-right .gos-spec {

        margin: 0 0 auto 0;

    }



    .goods-right p {

        font-size: 12px;

        color: #141414;

        margin: 0 0 4px 0;

    }



    .goods-right h6 {

        margin: 0;

        font-size: 10px;

        color: #141414;

        margin: 0 0 4px 0;

    }



    .goods-right a {

        width: 94px;

        height: 25px;

        border: 1px solid #666666;

        border-radius: 6px;

        font-size: 12px;

        color: #141414;

        line-height: 25px;

        text-align: center;

    }



    .goods-select {

        padding: 20px 0;

        color: #141414;

        font-size: 14px;

        border-bottom: 1px solid #D2D2D7;

    }



    .goods-total-price {

        padding: 10px 0;

        color: #141414;

        font-size: 18px;

    }



    .confirm-user-info {

        padding: 30px 0 0 0;

        border-top: 1px solid #D2D2D7;

    }



    .user-info-input {

        border: 1px solid #D6D6D6;

        padding: 6px 10px;

        border-radius: 6px;

        margin: 0 0 10px 0;

    }



    .user-info-input p {

        font-size: 10px;

        color: #999;

        margin: 0;

    }



    .agree-file {

        font-size: 12px;

        color: #141414;

    }



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

        margin: 0 10px 0 0;

    }



    .user-info-btn {

        display: flex;

        flex-direction: column;

        margin: 30px 0 0 0;

    }



    .user-info-btn a {

        width: 100%;

        line-height: 48px;

        text-align: center;

        border-radius: 6px;

    }



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

        background: #5476f0;

        color: #fff;

        margin: 0 0 10px 0;

    }



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

        background: #fff;

        color: #141414;

    }



    /* 汽车规格选择 */

    .goodsSpec {}



    .goodsSpec-title {

        border-bottom: 1px solid #D2D2D7;

    }



    .goodsSpec-title h1 {

        font-size: 20px;

        color: #333;

        padding: 0 0 10px 0;

    }



    .select-box {

        padding: 10px 0;

        border-bottom: 1px solid #D2D2D7;

    }



    .select-box h4 {

        font-size: 20px;

        color: #333;

    }



    .select-box-btn a {

        text-align: center;

        height: 48px;

        line-height: 48px;

        font-size: 13px;

        border-radius: 6px;

        border: 1px solid #D2D2D7;

        color: #333;

    }



    .select-box-btn1 a {

        width: 49%;

    }



    .select-box-btn2 a {

        width: 32%;



    }



    .select-box-btn a.active {

        border: 2px solid #5476F0;

    }



    .select-box-btn a p {

        line-height: 10px;

        margin: 0 0 10px 0;

    }



    .select-box-btn a span {

        line-height: 0;

        font-size: 12px;

        color: #999;

    }



    .car-spec1 {

        margin: 10px 0;

    }



    .car-spec1 div h6 {

        font-size: 10px;

    }



    .car-spec1 div select {

        font-size: 14px;

    }







    .car-spec2 {

        width: 32%;

        margin: 0;

    }



    .car-spec2 div {

        width: 100%;

    }



    .members-title {

        font-size: 14px;

        color: #333;

    }



    .members-box {

        margin: 0 0 10px 0;

        padding: 20px;

        border: 1px solid #D6D6D6;

        border-radius: 8px;

    }







    .next-btn a {

        width: 100%;

        height: 48px;

        line-height: 48px;

        background: #5476f0;

        border-radius: 6px;

        color: #fff;

        text-align: center;

        font-size: 14px;

    }



    .members-box input {

        font-size: 14px;

    }



    .gos-img-box {}



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

        float: left;

        margin: 0 10px 10px 0;

    }



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

        margin: 0 0 10px 0;

    }



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

        margin: 0 10px 10px 0;

    }



    .car-spec1 div {

        width: 100%;

    }



    .car-spec3 div input {

        font-size: 14px;

        padding: 0 0 0 4px;

    }



    .code-tip {

        font-size: 10px;

        color: #999;

    }



    .edit-textarea {

        font-size: 12px;

        min-height: 100px;

    }

	.sec-box-text{
		width:50%;
	}

    .sec-box-text h1 {
		padding-top:0px;
		margin-top:0px;

        color: #fff;

        font-size: 26px;

    }



    .sec-box-text a {

        display: block;

        font-size: 16px;

        color: #5476F0;

        text-align: center;

    }



    .sec-box-text p {

        color: #fff;

        font-size: 10px;

    }



    .navbar-right a {

        border-bottom: 1px solid #333333;

        background: url('../img/nav-arrow.png') 100% center no-repeat;

        background-size: 13px;

    }



    .navbar-right li {

        padding: 0 20px;

    }



    #nav .nav>li>a {

        padding-left: 0;

    }



    .navbar-logo {

        left: 10px;

    }

    

    .gos-img-h {

        width: 335px;

        height: 127px;

        border: 1px solid #D6D6D6;

        border-radius: 6px;

        margin: 0 0 10px 0;

        overflow: hidden;

    }



    .gos-img-h img {

        width: 125px;

        height: 79px;

    }



    .gos-img-h p {

        margin: 10px 0 0 0;

        font-size: 14px;

        color: #333;

    }

    .car-color{

        padding: 10px 0;

    }

    .car-color a{

        display: flex;

        width: 28px;

        height: 28px;

       border-radius: 28px;
	   margin-bottom:15px;
	   margin-left:10px;

    }

    .car-color a span{

        width: 24px;

        height: 24px;

        border-radius: 24px;

     }

}



@media screen and (max-width: 400px) {

    .gos-img-h {

        width: 46.5%;

    }
	
	.car-spec div input{
		font-size:16px;
	}
	
	#start{
		font-size:11px;
	}
	
	#end{
		font-size:11px;
	}
}
@media (max-width: 576px) {
    .sec-box-text h1 {
        color: #fff;
        font-size: 18px;
    }
    .sec-box-text h2 {
        color: #fff;
        font-size: 14px;
    }
}