html{
    font-size: 16px;
}

/*头部区域*/
.container-s {
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container-s {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container-s {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container-s {
        width: 100%;
    }
}
@media (max-width: 1200px) {
    #header .s-col {
        display: none;
    }
}

#header{
    height: 125px;
    background-color: #fff;
}
#header .s-col {
    width: 65%;
}

#swiper{

}

a,
a:hover,
a:focus{
    text-decoration: none;
    /*color:white;*/
}

.col-lg-3 .img {
    padding-top: 10%;
    margin-left: 20%;
}

.s-col{
    padding-left: 0;
    padding-right: 0;
    height: 125px;
    font-size: 16px;
}
.col-lg-7 > span{
    color: #FFB300;
    padding: 29px 10px 30px ;
}
/*导航条*/

.box0 {
    width: 22px;
    height: 40px;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-bottom: 50px solid #2D3E50;
    z-index: 10004;
    margin-top: -70px;
    margin-left: -19px;
}

@media (max-width: 785px) {
    .box0 {
        width: 22px;
        height: 40px;
        border-left: 20px solid rgba(0, 0, 0, 0);
        border-bottom: 50px solid #ffffff;
        z-index: 10004;
        margin-top: -70px;
        margin-left: -19px;
    }
}

.box0-1 {
    width: 22px;
    height: 60px;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-bottom: 60px solid #2D3E50;
    z-index: 10004;
    margin-top: -70px;
    margin-left: -19px;
    /*box-shadow:1px 1px 3px #2D3E50;*/
}

.box0-2 {
    width: 40px;
    height: 60px;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-bottom: 57px solid #2D3E50;
    z-index: 10004;
    margin-top: -60px;
    margin-left: -40px;
    /*box-shadow:1px 1px 3px #2D3E50;*/
}


.navbar-default-s {
    /*height: 50px;*/
    background-color: #2D3E50;
    /*border-color: #e7e7e7;*/
}
@media (max-width: 768px) {
    .navbar-default-s {
        background-color: rgba(255,255,255,.0);
        width: 100%;
    }
}

.navbar-default-s .navbar-brand {
    color: #777;
}
.navbar-default-s .navbar-brand:hover,
.navbar-default-s .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-default-s .navbar-text {
    color: #777;
}
.navbar-default-s .navbar-nav > li > a {
    color: #ffffff;
}

@media (max-width: 768px) {
    .navbar-default-s .navbar-nav > li > a {
        color: #ffffff;
        background-color: #2D3E50;
    }
}
.navbar-default-s .navbar-nav > li > a:hover,
.navbar-default-s .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-default-s .navbar-nav > .active > a,
.navbar-default-s .navbar-nav > .active > a:hover,
.navbar-default-s .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #e7e7e7;
}
.navbar-default-s .navbar-nav > .disabled > a,
.navbar-default-s .navbar-nav > .disabled > a:hover,
.navbar-default-s .navbar-nav > .disabled > a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-default-s .navbar-toggle {
    border-color: #ddd;
}
.navbar-default-s .navbar-toggle:hover,
.navbar-default-s .navbar-toggle:focus {
    background-color: #ddd;
}
.navbar-default-s .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-default-s .navbar-collapse,
.navbar-default-s .navbar-form {
    /*border-color: #e7e7e7;*/
    color: #ffffff;
    background-color: #2D3E50;
    position: relative;
}
.navbar-form{
    position: absolute;
    right: 10px;
}
.navbar-default-s .navbar-nav > .open > a,
.navbar-default-s .navbar-nav > .open > a:hover,
.navbar-default-s .navbar-nav > .open > a:focus {
    color: #FFB300;
    background-color: #2D3E50;
    border-bottom: 2px solid #FFB300;
    z-index: 3;
}
@media (max-width: 767px) {
    .navbar-default-s .navbar-nav .open .dropdown-menu > li > a {
        color: #FFB300;
        background-color: #2D3E50;

    }
    .navbar-default-s .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default-s .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent;
    }
    .navbar-default-s .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default-s .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default-s .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default-s .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default-s .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default-s .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}
.navbar-default-s .navbar-link {
    color: #777;
}
.navbar-default-s .navbar-link:hover {
    color: #333;
}
.navbar-default-s .btn-link {
    color: #777;
}
.navbar-default-s .btn-link:hover,
.navbar-default-s .btn-link:focus {
    color: #333;
}
.navbar-default-s .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default-s .btn-link:hover,
.navbar-default-s .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default-s .btn-link:focus {
    color: #ccc;
}
/*底部部分*/
#foot{
    /*height: 783px;*/
    background-color: #1D2630;

}

.foot-top{
    /*height: 672px;*/
    background-color: #2D3E50;

}

.foot-top-right{
    margin-top: 5%;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    padding-left: 15%;
    cursor: default;
}

.foot-top-right > div{
    width: 100% ;
    color: #FFB300;
    padding-top: 7px;
    line-height: 40px;
}

@media (max-width: 785px) {
    .foot-top-right > div{
        width: 310px ;
        color: #FFB300;
        padding-top: 7px;
        line-height: 40px;
    }
}

.foot-top-right > div >span {
    width: 50%;
    padding-left: 17px;
    color: white;
}



.xian{
    width:100%;
    height:1px;
    background:rgba(255,255,255,.1);
}

.foot-top-middle{
    margin-left: 20%;
    cursor: default;
}


.title{
    /*padding-left: 15%;*/
    padding-top: 26px;
    font-size:22px;
    /*font-family:Adobe Heiti Std R;*/
    font-weight:normal;
    color:rgba(255,255,255,1);
    line-height:24px;
}

.border{
    /*margin-left: 15%;*/
    margin-top: 20px;
    width:35px;
    height:4px;
    background:rgba(255,179,0,1);
}

.foot-top-middle .detail {
    margin-top: 25px;
    font-size:15px;
    /*font-family:Adobe Heiti Std R;*/
    font-weight:normal;
    color:rgba(238,238,238,1);
    line-height:24px;
}

.link-s{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: default;

}

.link-s > span{
    font-size:14px;
    /*font-family:SimHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.foot-bottom-detail{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: default;
}

.foot-bottom-detail > span{
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:35px;
}

.row{
    margin-left: 0;
    margin-right: 0;
}



/*商品购买*/
.product-img{
    padding-left: 4%;
    padding-top: 35px;
}


.product-detail{
    /*height: 307px;*/
    margin-top: 36px;

}

.product-detail-1{
    padding-left: 4%;
    display: flex;
    flex-direction: row;
}

.product-body-button-1{
    width:45px;
    height:25px;
    background:rgba(0,102,51,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    text-align: center;
}

.product-body-button-2{
    margin-right: 2%;
    width:96px;
    height:25px;
    background:rgba(215,215,215,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(45,62,80,1);
    line-height:28px;
    text-align: center;
}

.product-body-button-3{
    width:90px;
    height:25px;
    background:rgba(255,102,102,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    text-align: center;
}

.product-body-button-4{
    margin-right: 2%;
    width:54px;
    height:25px;
    background:rgba(204,204,153,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(45,62,80,1);
    line-height:28px;
    text-align: center;
}

.product-body-button-5{
    width:45px;
    height:25px;
    background:rgba(102,204,51,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    text-align: center;
}

@media (max-width: 785px) {
    .product-body-button-2{
        width:96px;
        height:25px;
        background:rgba(215,215,215,1);
        font-size:14px;
        /*font-family:MicrosoftYaHei;*/
        font-weight:400;
        color:rgba(45,62,80,1);
        line-height:28px;
        text-align: center;
    }

    .product-body-button-4{
        margin-right: 20%;
        width:54px;
        height:25px;
        background:rgba(204,204,153,1);
        font-size:14px;
        /*font-family:MicrosoftYaHei;*/
        font-weight:400;
        color:rgba(45,62,80,1);
        line-height:28px;
        text-align: center;
    }
}

.product-body-button-6{
    width:117px;
    height:25px;
    background:rgba(153,153,153,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(45,62,80,1);
    line-height:28px;
    text-align: center;
}
.product-detail-pname{
    padding-left: 4%;
    margin-top: 3px;
    font-size: 22px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(45,62,80,1);
    line-height: 40px;
}
.product-detail-2{
    padding-left: 4%;
    margin-top: 8px;
    font-size:16px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(45,62,80,1);
    line-height:28px;
}

.product-detail-3{
    padding-left: 4%;
    margin-top: 15px;
    font-size:16px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(45,62,80,1);
    line-height:28px;
    display: flex;
    flex-direction: row;
}

.product-body-button-7{
    width:45px;
    height:25px;
    background:rgba(0,102,51,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    text-align: center;
}

.product-body-button-8{
    width:45px;
    height:25px;
    background:rgba(255,204,51,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    margin-left: 10px;
    text-align: center;
}

.product-body-button-9{
    width:45px;
    height:25px;
    background:rgba(102,255,51,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    margin-left: 10px;
    text-align: center;
}

.product-body-button-10{
    width:45px;
    height:25px;
    background:rgba(255,51,0,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    margin-left: 10px;
    text-align: center;
}

.product-body-button-11{
    width:45px;
    height:25px;
    background:rgba(0,153,204,1);
    font-size:14px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    margin-left: 10px;
    text-align: center;
}

.product-btn{
    width:94px;
    height:40px;
    background:rgba(255,179,0,1);
    border-radius:4px;
    font-size:20px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(254,254,254,1);
    line-height:28px;
    text-align: center;
    margin-left: 4%;
    margin-top: 15px;
    border: 0;
}

.bottom-body{
    border:1px solid rgba(47,47,62,1);
    margin-bottom: 54px;
    padding-bottom: 3%;
}

@media (max-width: 785px) {
    .bottom-body{
        border:0;
        margin-bottom: 50%;
    }
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    margin-left: 10px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: rgba(225,225,225,0.2);

    border:1px solid rgba(47,47,62,1);
    border-radius:10px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #FFB300;
    border-color: #FFB300;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.search-body{
    background-color: #fff;
}

.search-container {
    padding-right: 206px;
    padding-left: 225px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .search-container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .search-container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .search-container {
        width: 100%;
    }
}

.head-body{
    padding-top: 3.16%;
    font-size:16px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(85,85,85,1);
    line-height:28px;
}

.message{
    /*height: 580px;*/
    border-left: 1px solid rgba(193,193,193,0.47);
    padding-left: 125px;
    padding-top: 103px;
}

.message-title{
    /*font-family: MicrosoftYaHei;*/
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.9px;
    color: #2d3e50;

}
.message-buttom{
    display: flex;
    flex-direction: row;
    margin-top: 35px;
}

.message-buttom-1{
    width: 45px;
    height: 26px;
    background-color: #006633;
    /*font-family: MicrosoftYaHei;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #ffffff;
    text-align: center;
}

.message-buttom-2{
    width: 96px;
    height: 26px;
    background-color: #d7d7d7;
    /*font-family: MicrosoftYaHei;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #2d3e50;
    text-align: center;
}

.message-buttom-3{
    margin-left: 10px;
    width: 90px;
    height: 26px;
    background-color: #ff6666;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #ffffff;
    text-align: center;
}

.message-buttom-4{
    width: 54px;
    height: 26px;
    background-color: #cccc99;font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #2d3e50;
    text-align: center;
}

.message-buttom-5{
    margin-left: 10px;
    width: 45px;
    height: 26px;
    background-color: #66cc33;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #ffffff;
    text-align: center;
}

.message-buttom-6{
    width: 117px;
    height: 26px;
    background-color: #999999;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #2d3e50;
    text-align: center;
}

.message-detail{
    /*font-family: MicrosoftYaHei;*/
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0.1px;
    color: #555555;
    margin-top: 38px;
}

.message-detail-1{
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.1px;
    color: #999999;
}

.message-detail-2{
    margin-left: 10px;
    width: 45px;
    height: 26px;
    background-color: #0078ff;
    /*font-family: MicrosoftYaHei;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #ffffff;
    text-align: center;
}

.message-detail-3{
    margin-left: 10px;
    width: 45px;
    height: 26px;
    background-color: #fcbd00;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #ffffff;
    text-align: center;
}

.message-detail-4{
    margin-left: 10px;
    width: 45px;
    height: 26px;
    background-color: #41fe02;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #ffffff;
    text-align: center;
}

.message-detail-5{
    margin-left: 10px;
    width: 45px;
    height: 26px;
    background-color: #ff3300;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #ffffff;
    text-align: center;
}

.message-detail-6{
    margin-left: 10px;
    width: 45px;
    height: 26px;
    background-color: #ff007a;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #ffffff;
    text-align: center;
}

.message-detail-1-1{
    margin-left: 10px;
    width: 97px;
    height: 26px;
    border: solid 1px #ffb300;
    /*font-family: MicrosoftYaHei;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0;
    color: #ffb300;
    text-align: center;
}

.message-detail-1-2{
    text-decoration: underline;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0.1px;
    color: #ffb300;
}

.room-number{
    display: flex;
    flex-direction: row;


}

.number-box{
    width: 79px;
    height: 31px;
    border-radius: 6px;
    border: solid 1px #999999;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #555555;
    text-align: center;
    margin-left: 5px;
}

.subtraction{
    width: 30px;
    height: 31px;
    border-radius: 6px;
    border: solid 1px #999999;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 31px;
    letter-spacing: 0px;
    color: #555555;
    text-align: center;
    cursor:pointer
}

.addition{
    width: 30px;
    height: 31px;
    border-radius: 6px;
    border: solid 1px #999999;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 31px;
    letter-spacing: 0px;
    color: #555555;
    text-align: center;
    margin-left: 5px;
    cursor:pointer
}

.message-detail-1-3{
    width: 94px;
    height: 41px;
    background-color: #ffb300;
    border-radius: 4px;
    border: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #fefefe;
}

.message-detail-1-4{
    text-decoration: underline;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0.4px;
    color: #2d3e50;
    text-align: center;
}

.search-body-border{
    margin-top: 50px;
    border-top: 1px solid rgba(193,193,193,.2);
    height: 150px;
}
.product-search-container {
    padding-right: 206px;
    padding-left: 225px;
    margin-right: auto;
    margin-left: auto;
    background:rgba(225,225,225,.2);

}

@media (min-width: 768px) {
    .product-search-container {
        width: 750px;
        background:rgba(225,225,225,.2);
    }
}

@media (min-width: 992px) {
    .product-search-container {
        width: 970px;
        background:rgba(225,225,225,.2);

    }
}

@media (min-width: 1200px) {
    .product-search-container {
        width: 100%;
        background:rgba(225,225,225,.2);
    }
}

.head-body-detail{
    display: flex;
    flex-direction: row;
    border-bottom: 4px solid rgba(255,179,0,1);
    /*background-color: #fff;*/

}

.head-body-bottom-1{
    width:118px;
    height:64px;
    background:rgba(255,179,0,1);
    border-radius:8px 8px 0 0;
    text-align: center;

}

.head-body-bottom-2{
    width:208px;
    height:64px;
    background:rgba(225,225,225,);
    border-radius:8px 8px 0 0;
    text-align: center;
}

.head-body-bottom-1 > span {
    font-size:1.875rem;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(254,254,255,1);
    line-height:64px;
    cursor: pointer;
}
.head-body-bottom-2 > span {
    font-size:30px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(45,62,80,1);
    line-height:64px;
}

@media (max-width: 768px) {
    .head-body-bottom-1 > span {
        font-size:1.875rem;
        /*font-family:MicrosoftYaHei;*/
        font-weight:400;
        color:rgba(254,254,255,1);
        line-height:30px;
    }
    .head-body-bottom-2 > span {
        font-size:30px;
        /*font-family:MicrosoftYaHei;*/
        font-weight:400;
        color:rgba(45,62,80,1);
        line-height:30px;
    }
}

.animal-search-active{
    background-color: #FFB300;
}

.num{
    width:24px;
    height:17px;
    background:rgba(255,102,102,1);
    border-radius:4px;
    font-size:12px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:14px;
    text-align: center;
}

.middle-body{
    margin-top: 129px;
    margin-left: 48px;
    width:122px;
    height:29px;
    font-size:30px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(45,62,80,1);
    line-height:30px;
}

.product-border{
    width:214px;
    height:4px;
    background:rgba(255,179,0,1);
    margin-bottom: 2px;
}

.h-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.head-body{
    padding-top: 94px;
    padding-left: 74px;
    font-size:20px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(85,85,85,1);
    /*line-height:28px;*/

}

@media (max-width: 785px) {
    .head-body{
        padding-top: 94px;
        padding-left: 0;
        font-size:20px;
        /*font-family:MicrosoftYaHei;*/
        font-weight:400;
        color:rgba(85,85,85,1);
        /*line-height:28px;*/
    }
}
.body-title{
    color: #FFB300;
    font-size:30px;
    font-weight:400;
    color:rgba(255,179,0,1);
    padding-left: 45%;
    padding-top: 48px;
    cursor: default;
}

@media (max-width: 785px) {
    .body-title{
        color: #FFB300;
        font-size:30px;
        font-weight:400;
        color:rgba(255,179,0,1);
        padding-left: 40%;
        padding-top: 48px;
        cursor: default;

    }
}

.product-detail-1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
ul{

    list-style: none;
}
.nav-nav {
    margin-top: -12px;

    width: 100%;
    text-align:center;
    position: absolute;
    z-index: 10;

}
.nav-nav .nav-ul-1 {
    /*border-radius:10px;*/
    /*background:linear-gradient(to bottom,#efefef,#bbbbbb);*/
    background-color: #2D3E50;
    /*padding:0 20px;*/
    /*margin-left: -2%;*/
    /*padding: 20px 20p x;*/
    display:inline-table;
    position:relative;
    width: 100%;
    /*box-shadow:1px 1px 3px #2D3E50;*/
}
.nav-nav .nav-ul-1 ul {
    display:none;
}
.nav-nav .nav-ul-1 li {
    float:left;
    border-bottom: 2px solid #2D3E50;
}
.nav-nav .nav-ul-1::after {
    content:"";
    display:block;
    clear:both;
}
.nav-nav .nav-ul-1 li a {
    display:block;
    padding:20px 40px;
    padding-left: 20px;
    color:#fff;
    text-decoration:none;
    font-size: 16px;

}
.nav-nav .nav-ul-1 li:hover > ul {
    display:block;
    /*width: 100%;*/
}
.nav-nav .nav-ul-1 li:hover {
    /*background:linear-gradient(to bottom,#4f5964,#5f6975);*/
    border-bottom:2px solid #FFB300;
    color: #FFB300;

}
.nav-nav .nav-ul-1 li:hover a {

    color: #ffb300;
}
.nav-nav .nav-ul-1 ul {
    background:#5f6975;
    width: 18.65%;
    border-radius:0;
    position:absolute;
    top:100%;
    padding:0;

}
.nav-nav .nav-ul-1 ul li {
    float:none;
    /*border-top:1px solid #6b727c;*/
    /*border-bottom:1px solid #575f6a;*/
    background-color: #2D3E50;
    width: 100%;

}
.nav-nav .nav-ul-1 ul li a {
    color:#FFF;
    /*margin-left: -50px;*/
    width: 100%;
}
.nav-nav .nav-ul-1 ul li a:hover {
    background:#4b545f;

}
.nav-nav .nav-ul-1 ul ul {
    width:100%;
    position:absolute;
    left:100%;
    top:50%;
}


/*三级菜单的盒子*/
#container2 {
    width: 100%;
    height:60px;
    background-color: #2D3E50;
    margin-top:0px;
}
#container2 ul{
    width:90%;
    margin-right: -300px;
}
#container2 ul >li{
    text-align: center;
    margin-top: -22px;
}

#nav2 a, #subMenusContainer a {
    text-decoration:none;
    display:block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    /*-moz-border-radius: 7px;*/


/* All menu links on hover or focus */
}
/* sub menu links on hover or focus */



#nav2, #nav2 ul, #nav2 ol, #subMenusContainer ul, #subMenusContainer ol {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav2 li {
    /*great place to use a background image as a divider*/
    display:block;
    list-style:none;
    position:relative;
}
#subMenusContainer li {
    list-style: none;
}
/* main menu ul or ol elment */
#nav2 {
    display:block;
    position: absolute;
    list-style:none;
    margin:0 0 0 -280px;
    width:186px;
    z-index:5;
    top:35px;
    left:310px;
    text-align: right;
    display:block;
}
#subMenusContainer {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    overflow:visible;
    z-index:1000000000;
}
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/


#nav2 li ul { /* second-level lists */
    display: none;
    background-color: #2D3E50;
    position: absolute;
    top: 42px;
    width: auto;
}
#nav2 li ul li {
    padding: 0 20px;
}
#nav2>li {
    float: left;
}
@media (max-width:1300px) {
    #nav2>li>a {
        /* padding: 0 15px !important; */
    }
}
#nav2>li>a {
    width: 7vw;
}
#nav2>li a{
    text-align: center;
    height:45px;
    line-height: 45px;
    color:white;
    white-space: nowrap;
}
#nav2>li ul {
    display: none;
}
#nav2 li a:hover {
    color: #FFB300;
    border-bottom: 5px solid #FFB300;
}
#nav2 >li:hover ul{
    
}
#nav2 li ul li{
    margin-left: 0px;
    margin-top: 0px;
}
#nav2 li ul a{
    text-align: left;
}
/* third-and-above-level lists */
#nav2 li ul ul {
    position: absolute;
    top: 0;
    display: none;
}
#nav2 li ul ul li{
    margin-left: 0px;
}
#nav2 li ul >li a{
    text-align: center;
}
#nav2 li:hover ul ul {
    

}
/* lists nested under hovered list items */
#nav2 li:hover>ul {
  display: block;
}
#nav2 li li:hover ul {
    
}

#nav2 li li a:focus + ul {
    

}
#nav2 li li a:focus {
   
}
#nav2 li li li a:focus {
    
}
#nav2 li:hover a:focus {
    
}
#nav2 li li:hover a:focus + ul {
   
}

/*-*----------*/
/*三级菜单的盒子*/
.box0-1{
margin-top: -60px
}
#container3 {
    width: 100%;
    height:60px;
    background-color: #2D3E50;
    margin-top:0px;
}
#container3 ul{
    width:100%;
    margin-right: -300px;
}
#container3 ul >li{
    text-align: center;
    float: left;
    margin-top: -22px;
}

#nav3 a, #subMenusContainer a {
    text-decoration:none;
    display:block;
    width: auto;
    text-align: center;
    height: 30px;
    line-height: 30px;
    /*-moz-border-radius: 7px;*/


    /* All menu links on hover or focus */
}
/* sub menu links on hover or focus */



#nav3, #nav3 ul, #nav3 ol, #subMenusContainer ul, #subMenusContainer ol {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav3 li {
    /*great place to use a background image as a divider*/
    display:block;
    list-style:none;
    position:relative;
}

#nav3 {
    display:block;
    position: absolute;
    list-style:none;
    margin:0 0 0 -280px;
    width:186px;
    z-index:5;
    top:35px;
    left:310px;
    text-align: right;
    display:block;
}



#nav3 li ul { /* second-level lists */
    display: none;
    width:110px;
    background-color: #2D3E50;
    position: absolute;
    top: 42px;
    left: -5px;
}
#nav3 li a{
    text-align: center;
    height:45px;
    line-height: 45px;
    width: 90px;
    color:white;
}
#nav3 li ul li a{
    text-align: center;
    height:45px;
    line-height: 45px;
    width: 116px;
    color:white;
}
#nav3 li a:hover {
    color: #FFB300;
    border-bottom: 5px solid #FFB300;
}
#nav3 li:hover>ul{
    display: block;
}
#nav3 li ul li{
    width: 110px;
    margin-left: 0px;
    margin-top: 0px;
}
#nav3 li ul a{
    text-align: left;
}
/* third-and-above-level lists */
#nav3 li ul ul {
    position: absolute;
    top: 0;
    left: -51px;
}
#nav3 li ul ul li{
    margin-left: 0px;
}
#nav3 li ul >li a{
    text-align: center;
}
#nav3 li:hover ul ul {
    margin-left: -1000em;

}
/* lists nested under hovered list items */
#nav3 li:hover ul {
    margin-left: 5px;
}
#nav3 li li:hover ul {
    margin-left: 10em;
}

#nav3 li li a:focus + ul {
    left:186px;
    margin-left: 1010em;
    margin-top:-2.5em;
}
#nav3 li li a:focus {
    left:186px;
    margin-left:1000em;
    width:10em;
}
#nav3 li li li a:focus {
    left:186px;
    margin-left: 2010em;
    width: 10em;
}
#nav3 li:hover a:focus {
    margin-left: 0;
}
#nav3 li li:hover a:focus + ul {
    margin-left: 10em;