@charset "utf-8";
/* CSS Document */
body {
    font-family: "Microsoft YaHei", 微软雅黑, "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000002;
    background-color: #ffffff;
}

.all-box {
    width: 100%;
    max-width: 1920px;
    min-width: 1600px;
    margin: 0 auto;
}

.all-box2 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.all-box3 {
    width: 100%;
    float: left
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

a:hover {
    text-decoration: none;
    color: inherit
}

a:visited {
    text-decoration: none;
    color: inherit
}

a:active {
    text-decoration: none;
    color: inherit
}

a:link {
    text-decoration: none;
}

a {
    color: #000002;
}

.F-right {
    float: right !important;
}
.F-left {
    float: left !important;
}

.Top-box {
    width: 100%;
    height: 50px;
    background-color: #00cbe3;
    float: left
}

.Top-box-l {
    width: 1340px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    color: #FFF;
    background: url('../image/top-b.png') 0% 50% no-repeat;
    padding-left: 46px;
    overflow: hidden;
    float: left;
}

.TOP-m-box {
    height: 24px;
    margin-top: 13px;
    margin-left: 66px;
    float: left
}

.TOP-m-box ul li {
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
    float: left;
}

.TOP-m-box ul li:nth-child(1) {
    border-right: 1px #84e6f1 solid;
    margin-right: 16px;
    padding-right: 16px;
}

.TOP-m-box ul li a {
    color: #FFF;
}

.TOP-m-box ul li img {
    height: 100%;
}

.header-box {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    float: left
}

.logo {
    width: 287px;
    float: left;
}

.logo img {
    max-width: 100%;
}

.search-box {
    width: 612px;
    height: 62px;
    margin-top: 17px;
    margin-left: 86px;
    float: left;
}

.search-box-l {
    width: 512px;
    height: 62px;
    border: 2px #efefef solid;
    border-right: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    float: left
}

.search-box-l input {
    width: 100%;
    height: 58px;
    font-size: 16px;
    padding-left: 44px;
    border: 0px;
    background: none;
    outline: none;
}

.search-box-r {
    width: 98px;
    height: 62px;
    background: url('../image/search.png') 50% 50% no-repeat;
    background-color: #00cbe3;
    border-left: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    float: left
}

.search-box-r a {
    width: 100%;
    height: 62px;
    float: left
}

.header-btn-list {
    margin-top: 23px;
    margin-left: 200px;
    float: left;
}

.header-btn-list li {
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    margin-top: 14px;
    float: left;
}

.header-btn-list a {
    float: left;
}

.h-img1 {
    background: url('../image/h1.png') 0% 50% no-repeat;
    padding-left: 31px;
    margin-right: 48px;
}

.h-img2 {
    background: url('../image/h2.png') 0% 50% no-repeat;
    padding-left: 15px;
    margin-right: 20px;
}

.h-img3 {
    background: url('../image/h3.png') 0% 50% no-repeat;
    padding-left: 15px;
}

.txt-box {
    width: 31px;
    height: 20px;
    background-color: #43d2ea;
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    margin-top: -13px;
    float: left;
}

.p-menu-btn {
    display: none;
}

.lg-box {
    margin-left: 27px;
    margin-top: 34px;
    float: left;
}

.lg-box ul li {
    padding-left: 11px;
    padding-right: 11px;
    float: left;
}

.lg-box ul li a {
    font-size: 16px;
    line-height: 26px;
    color: #414141;
    float: left
}

.lg-box .active {
    border: 1px #414141 solid;
    border-radius: 30px;
}

.menu-box {
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
    float: left
}

.menu-list {
    width: 100%;
    float: left
}

.menu-list ul li {
    font-size: 18px;
    line-height: 60px;
    height: 60px;
    text-align: center;
    letter-spacing: 2px;
    float: left;
}

.menu-list ul li a {
    width: 100%;
    padding-left: 38px;
    padding-right: 38px;
    float: left;
}

.menu-list ul li a:hover {
    color: #42d3ea;
    background: url('../image/menu-b.jpg') 50% 100% no-repeat;
}

.menu-list ul li:nth-child(1) {
    width: 273px;
}

.menu-list ul li:nth-child(1) a {
    color: #FFF;
    padding: 0px;
}

.menu-list ul li:nth-child(1) a img {
    margin-right: 21px;
    margin-top: -2px;
}

.menu-list .active {
    background-color: #55d2e6 !important
}

.jg-box {
    width: 100%;
    height: 8px;
    float: left;
}

.menu-ej-b-box {
    width: 100%;
    height: 0px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    float: left;
    transition: all .3s;
}

.menu-ej-btn {
    display: none;
}

.menu-ej-box {
    width: 273px;
    height: auto;
    overflow: hidden;
    border: 1px #e6e6e6 solid;
    overflow-y: scroll;
}

.menu-ej-box::-webkit-scrollbar { /*滚动条整体*/
    width: 2px;
}

.menu-ej-box::-webkit-scrollbar-track { /*滚动条轨道*/
    background: #999;
}

.menu-ej-box::-webkit-scrollbar-thumb { /*滚动条里面的滑块*/
    background: #55d2e6;

}

.menu-ej-box::-webkit-scrollbar-thumb:hover { /*滚动条鼠标事件，鼠标放上去出现的事件*/
    background: #333;
}

.menu-ej-box::-webkit-scrollbar-corner { /*滚动条边角*/
    background: #179a16;
}

.menu-ej {
    width: 100%;
    background-color: #fff;
    float: left
}

.menu-ej li {
    width: 100%;
    height: 48px !important;
    font-size: 16px;
    line-height: 48px !important;
    text-align: left !important;
    border-top: 1px #e6e6e6 solid;
    float: left;
}

.menu-ej li:nth-child(1) {
    border-top: 0px;
}

.menu-ej li a {
    width: 270px !important;
    height: 47px !important;
    color: #000002 !important;
    padding-left: 36px !important;
}

.menu-ej li a:hover {
    background: none !important;
    background-color: #FFF !important;
    color: #55d2e6 !important;
    border-left: 2px #55d2e6 solid
}

.menu-list ul li:nth-child(1):hover .menu-ej-b-box {
    height: 662px;
    transition: all .3s;
}

.menu-sj-box {
    width: 864px;
    height: 603px;
    background-color: #FFF;
    border: 1px #e6e6e6 solid;
    position: fixed;
    top: 273px;
    margin-left: 273px;
    padding: 17px;
    display: none;
    overflow-y: scroll;
}

.menu-sj-box::-webkit-scrollbar { /*滚动条整体*/
    width: 2px;
}

.menu-sj-boxx::-webkit-scrollbar-track { /*滚动条轨道*/
    background: #999;
}

.menu-sj-box::-webkit-scrollbar-thumb { /*滚动条里面的滑块*/
    background: #55d2e6;

}

.menu-sj-box::-webkit-scrollbar-thumb:hover { /*滚动条鼠标事件，鼠标放上去出现的事件*/
    background: #333;
}

.menu-sj-box::-webkit-scrollbar-corner { /*滚动条边角*/
    background: #179a16;
}

.menu-sj-k {
    width: 100%;
    border-bottom: 1px #e6e6e6 solid;
    padding-bottom: 16px;
    margin-bottom: 16px;
    float: left;
}

.menu-sj-t {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #43d2ea;
    margin-bottom: 8px;
    float: left;
}

.menu-ej > ul > li > .menu-sj-box > .menu-sj-t > a {
    width: 100% !important;
    font-size: 16px;
    line-height: 16px;
    color: #43d2ea !important;
    margin-bottom: 8px;
    float: left;
    height: auto !important;
    padding-left: 0 !important;
}

.menu-sj-list {
    width: 100%;
    float: left
}

.menu-sj-list ul li {
    width: auto !important;
    height: auto !important;
    font-size: 14px;
    line-height: 45px !important;
    padding-left: 0px;
    border-top: 0px;
    margin-right: 27px;
    letter-spacing: 0px;
    float: left;
}

.menu-sj-list ul li:nth-child(1) {
    width: auto;
}

.menu-sj-list ul li a {
    width: auto !important;
    padding-left: 0px !important;
}

.menu-sj-list ul li a:hover {
    border-left: 0px;
}

.menu-ej li:hover .menu-sj-box {
    display: block
}

.lg-box-phone {
    display: none;
}

.slide-box {
    width: 1066px;
    height: 555px;
    overflow: hidden;
    margin-top: 55px;
    float: left;
}

.carousel-indicators {
    z-index: 1;

}

.carousel-indicators li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #44d2ea;
    border: 0px;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 36px;
    height: 11px;
    margin: 1px;
    background-color: #44d2ea;
}

.index-banner {
    width: 499px;
    height: 555px;
    overflow: hidden;
    margin-top: 55px;
    float: right
}

.index-banner ul li {
    width: 100%;
    height: 259px;
    overflow: hidden;
    float: left
}

.index-banner ul li:nth-child(1) {
    margin-bottom: 37px;
}

.index-banner ul li img {
    max-width: 100%;
}

.p-cat-box {
    width: 100%;
    margin-top: 100px;
    float: left
}

.p-cat-box ul li {
    width: 211px;
    margin-left: 66.8px;
    background-color: #FFF;
    float: left;
    margin-top:25px;
}

.p-cat-box ul li:nth-child(6n+1) {
    margin-left: 0;
}

.p-cat-box ul li:nth-child(1) {
    margin-left: 0px;
}

.p-cat-box .img-box {
    width: 100%;
    height: 214px;
    border: 2px #cecece solid;
    border-top-right-radius: 30px;
    float: left;
}

.p-cat-box .radius-box {
    width: 13px;
    height: 13px;
    border: 2px #cecece solid;
    border-radius: 50%;
    margin-top: 20px;
    margin-right: 17px;
    float: right;
}

.p-cat-box ul li:hover .img-box {
    border: 2px #00cbe3 solid;
}

.p-cat-box ul li:hover .radius-box {
    border: 2px #00cbe3 solid;
}

.p-cat-box .p-cat-t {
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 19px;
    color: #202020;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.p-cat-box ul li:hover .p-cat-t {
    color: #00cbe3
}

.img-img {
    width: 100%;
    height: 180px;
    overflow: hidden;
    float: left
}

.index-tj-box {
    width: 100%;
    height: 868px;
    background: url('../image/index-tj-b.jpg') 50% 50% no-repeat;
    margin-top: 155px;
    float: left;
}

.index-tj-t {
    width: 445px;
    height: 111px;
    font-size: 34px;
    line-height: 111px;
    color: #ffffff;
    background-color: #54d2e6;
    text-align: center;
    margin: 0 auto;
    margin-top: -55px;
    border-radius: 15px;
    letter-spacing: 6px;
}

.index-tj-list {
    width: 100%;
    margin-top: 90px;
    float: left
}

.index-tj-list ul li {
    width: 383px;
    height: 534px;
    background-color: #FFF;
    border: 4px #d4d5d5 solid;
    padding: 28px;
    margin-left: 22.6px;
    float: left;
}

.index-tj-list ul li:nth-child(1) {
    margin-left: 0px;
}

.Collection-box {
    width: 37px;
    height: 31px;
    background: url('../image/Collection1.png') 50% 50% no-repeat;
    background-size: contain;
    float: right;
}

.Collection-active {
    background: url('../image/Collection2.png') 50% 50% no-repeat;
    background-size: contain;
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes example {
    from {
        background-size: 90%;
    }
    to {
        background-size: 100%;
    }
}

.index-tj-img {
    width: 290px;
    height: 290px;
    margin-left: 18.5px;
    background-size: contain;
    margin-top: 5px;
    float: left;
}

.index-tj-price-box {
    width: 100%;
    border-bottom: 1px #e2e2e2 solid;
    margin-top: 20px;
    padding-bottom: 10px;
    float: left;
}

.index-tj-price-l {
    width: 188px;
    float: left
}

.index-tj-price {
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    color: #f84717;
    font-weight: bold;
    float: left;
}

.index-tj-price span {
    font-size: 16px;
    margin-right: 8px;
}

.index-tj-price2 {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #7b7b7b;
    text-decoration: line-through;
    margin-top: 11px;
    float: left;
}

.index-tj-price2 span {
    font-size: 16px;
    margin-right: 8px;
}

.index-tj-btn {
    width: 125px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    color: #f5f5f5;
    text-align: center;
    background-color: #00cbe3;
    border-radius: 30px;
    float: right;
}

.index-tj-txt1 {
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    color: #484849;
    text-align: center;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 20px;
    float: left;
}

.index-tj-txt2 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #bbbaba;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
    float: left;
}

.index-tj-list ul li:hover {
    border: 4px #43d3ea solid;
}

.index-tj-more {
    width: 257px;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    background-color: #ffffff;
    border: 1px #dbddde solid;
    border-radius: 30px;
    margin: 0 auto;
    margin-top: 63px;
}

.index-tj-more a {
    width: 100%;
    color: #484849;
    float: left;
}

.index-tj-more:hover {
    background-color: #00cbe3;
}

.index-tj-more:hover a {
    color: #FFF;
}

.footer-box {
    width: 100%;
    background-color: #FFF;
    padding-top: 21px;
    padding-bottom: 21px;
    float: left
}

.footer-ny {
    background-color: #f5f5f5;
    margin-top: 100px;
}

.footer-list {
    float: left;
}

.footer-list ul li {
    width: 292px;
    height: 76px;
    border-right: 1px #e7e7e7 solid;
    padding-left: 51px;
    margin-left: 30px;
    float: left;
}

.footer-list ul li:nth-child(1) {
    margin-left: 0px;
}

.footer-list .f1 {
    background: url('../image/f1.png') 0 14px no-repeat;
    background-size: 27px;
}

.footer-list .f2 {
    background: url('../image/f2.png') 0 14px no-repeat;
}

.footer-list .f3 {
    background: url('../image/f3.png') 0 14px no-repeat;
}

.footer-list .f4 {
    background: url('../image/f4.png') 0 14px no-repeat;
}

.footer-t1 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #a4a4a4;
    margin-top: 19px;
    float: left;
}

.footer-t2 {
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    color: #555555;
    margin-top: 12px;
    font-weight: bold;
    float: left;
}

.footer-t3 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #555555;
    margin-top: 12px;
    float: left;
}

.footer-btn {
    margin-left: 58px;
    margin-top: 11px;
    float: left
}

.footer-btn ul li {
    width: 55px;
    margin-left: 30px;
    float: left;
}

.footer-btn ul li img {
    width: 100%;
}

.f-wechat-k {
    width: 132px;
    height: 145px;
    background: url(../image/f-wechat-k.png) no-repeat;
    margin-top: -200px;
    margin-left: -38px;
    padding: 16px;
    overflow: hidden;
    display: none;
    float: left;
}

.footer-btn ul li:hover .f-wechat-k {
    display: block
}

.f-wechat-k img {
    width: 100px;
    /*float: left;*/
    /*max-width: 120px;*/
    /*margin: 5px;*/

}

.foote-box2 {
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 27px;
    padding-bottom: 27px;
    float: left;
}

.foote-box2-ny {
    border-top: 1px #e7e7e7 solid;
}

.foote-box2-txt1 {
    font-size: 14px;
    line-height: 14px;
    color: #7b7b7b;
    float: left
}

.foote-box2-txt1 a {
    color: #b8b8b8;
    margin-left: 15px;
}

.foote-box2-txt2 {
    float: right;
}

.foote-box2-txt2 ul li {
    font-size: 14px;
    line-height: 14px;
    color: #7b7b7b;
    margin-left: 25px;
    float: left;
}

.bottom_tools {
    position: fixed;
    z-index: 1070;
    right: 5px;
    bottom: 40px;
}

.bottom_tools > * {
    font: 0/0 a;
    display: block;
    margin-top: 5px;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none
}

#scrollUp {
    width: 64px;
    height: 67px;
    background-image: url(../image/Top.png);
    display: none;
}


/*内页*/
.ny-box {
    width: 100%;
}

.ny-T {
    width: 100%;
    font-size: 36px;
    line-height: 36px;
    color: #585858;
    margin-top: 53px;
    margin-bottom: 30px;
    float: left;
}

/*联络我们*/
.map {
    width: 100%;
    float: left
}

.map img {
    width: 100%;
}

.contact-50 {
    width: 49%;
    margin-top: 30px;
    float: left;
}

.contact-T {
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    color: #555555;
    font-weight: bold;
    float: left;
}

.contact-input-t {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    margin-top: 29px;
    margin-bottom: 16px;
    float: left;
}

.contact-input {
    width: 100%;
    height: 36px;
    font-size: 14px;
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
    outline: none;
    padding-left: 15px;
    float: left;
}

.contact-textarea {
    width: 100%;
    height: 106px;
    font-size: 14px;
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
    outline: none;
    padding-left: 15px;
    padding-top: 9px;
    float: left;
}

.contact-t2 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #8f8f8f;
    margin-top: 20px;
    float: left;
}

.contact-list {
    width: 100%;
    margin-top: 15px;
    float: left
}

.contact-list ul li {
    width: 100%;
    padding-left: 47px;
    margin-top: 15px;
    float: left;
}

.contact-list .f1 {
    background: url('../image/f1.png') no-repeat;
    background-size: 30px;
}

.contact-list .f2 {
    background: url('../image/f2.png') no-repeat;
}

.contact-list .f3 {
    background: url('../image/f3.png') no-repeat;
}

.contact-list .f4 {
    background: url('../image/f4.png') no-repeat;
}

.contact-list-t1 {
    width: 100%;
    font-size: 14px;
    line-height: 27px;
    color: #a4a4a4;
    float: left;
}

.contact-list-t2 {
    width: 100%;
    font-size: 14px;
    line-height: 27px;
    color: #555555;
    float: left;
}

.contact-btn {
    width: 160px;
    height: 44px;
    font-size: 16px;
    color: #ffffff;
    line-height: 44px;
    font-weight: bold;
    background-color: #009aac;
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    border: 0px;
    float: left
}

.contact-btn a {
    width: 100%;
    color: #FFF;
    float: left;
}


/*產品列表*/
.ny-l-tj-box {
    width: 340px;
    border: 1px #ebebeb solid;
    margin-top: 53px;
    padding: 3px;
    padding-bottom: 20px;
    float: left;
}

.ny-l-tj-phone {
    display: none
}

.ny-l-tj-box ul li {
    width: 100%;
    margin-top: 20px;
    float: left;
}

.ny-l-tj-box-T {
    width: 100%;
    font-size: 18px;
    color: #696969;
    background-color: #f3f3f3;
    line-height: 40px;
    padding-left: 16px;
    float: left;
}

.ny-l-tj-box-img {
    width: 120px;
    height: 120px;
    border: 1px #ebebeb solid;
    background-size: contain !important;
    margin-left: 21px;
    float: left;
}

.ny-l-tj-box-txt {
    width: 162px;
    margin-left: 15px;
    float: left;
}

.ny-l-tj-box-txt1 {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #696969;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 22px;
    float: left;
}

.ny-l-tj-box-txt2 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: #838383;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 16px;
    float: left;
}

.ny-l-tj-box-txt3 {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #f84717;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
    float: left;
}

.ny-l-tj-box-txt3 span {
    font-size: 14px;
}

.ny-r-box {
    width: 1229px;
    margin-top: 53px;
    float: right
}

.ny-T-box-img {
    width: 100%;
    height: 340px;
    overflow: hidden;
    float: left;
}

.ny-T-box-img img {
    max-width: 100%;
}

.ny-T-box-t {
    width: 100%;
    font-size: 48px;
    line-height: 48px;
    color: #FFF;
    margin-top: -197px;
    padding-left: 87px;
    letter-spacing: 11px;
    float: left;
}

.ny-sx {
    width: 100%;
    background-color: #f2f2f2;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 7px;
    float: left;
}

.ny-sx-div {
    font-size: 14px;
    color: #9a9a9a;
    float: right
}

.ny-sx-select {
    width: 173px;
    height: 34px;
    border: 1px #e7e7e7 solid;
    border-radius: 5px;
    margin-left: 19px;
    padding-left: 17px;
}

.ny-product-box {
    width: 100%;
    background-color: #FFF;
    float: left
}

.ny-product-box ul li {
    width: 284px;
    border: 1px #e7e7e7 solid;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
}

.ny-product-box ul li:nth-child(4n) {
    margin-right: 0px;
}

.ny-product-img-box {
    width: 100%;
    height: 280px;
    background-color: #fff;
    float: left;
}

.ny-product-tj {
    width: 75px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #FFF;
    border-radius: 30px;
    text-align: center;
    background-image: -webkit-linear-gradient(left, #ffa200, #ff6500);
    margin-left: 11px;
    margin-top: 16px;
    float: left;
}

.ny-product-img-Collection {
    width: 25px;
    height: 21px;
    background: url('../image/ny-Collection1.png') 50% 50% no-repeat;
    background-size: contain;
    margin: 20px;
    float: right;
}

.ny-Collection-active {
    background: url('../image/ny-Collection2.png') 50% 50% no-repeat;
    background-size: contain;
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.ny-product-img {
    width: 100%;
    height: 219px;
    background: url('../image/product.png') 50% 50% no-repeat;
    background-size: contain !important;
    float: left;
}

.ny-product-btn-box {
    width: 100%;
    height: 280px;
    margin-top: -280px;
    background: url('../image/ny-product-btn.png') 50% 50% no-repeat;
    background-size: cover;
    display: none;
    float: left;
}

.ny-product-btn {
    width: 116px;
    height: 33px;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    color: #878787;
    background-color: #FFF;
    border-radius: 30px;
    margin: 0 auto;
    margin-top: 124px;
}

.ny-product-box ul li:hover .ny-product-btn-box {
    display: block;
}

.ny-product-t1 {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.ny-product-t2 {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #818181;
    text-align: center;
    margin-top: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.ny-product-price-box {
    width: 100%;
    margin-top: 13px;
    margin-bottom: 23px;
    float: left
}

.ny-product-price-box ul {
    margin: 0 auto;
    padding: 0px;
    display: table
}

.ny-product-price-box ul li {
    width: auto;
    border: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    float: left;
}

.ny-product-price1 {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #f84717;
}

.ny-product-price2 {
    font-size: 14px;
    line-height: 16px;
    text-decoration: line-through;
    color: #b7b7b7;
    margin-left: 13px;
}

.ny-product-booking {
    width: 91px;
    height: 31px;
    font-size: 14px;
    line-height: 31px;
    text-align: center;
    color: #78e3f0;
    border: 1px #78e3f0 solid;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 11px;
}

.ny-product-number {
    font-size: 14px;
    line-height: 36px;
    color: #919191;
    float: left;
}

.page-box {
    margin-top: 20px;
    float: right
}

.page-box ul li {
    width: 36px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    color: #919191;
    text-align: center;
    border: 1px #eaeaea solid;
    border-radius: 5px;
    margin-left: 6px;
    margin-right: 6px;
    float: left;
}

.page-box ul li a {
    width: 100%;
    color: #919191;
    float: left;
}

.page-box .active {
    background-color: #43d3ea;
    border: 1px #43d3ea solid;
    color: #FFF;
}

.page-box .active a {
    color: #FFF;
}

.page-box ul li:hover {
    background-color: #43d3ea;
    border: 1px #43d3ea solid;
    color: #FFF;
}

.page-box ul li:hover a {
    color: #FFF;
}

/*产品详情*/
.product-details-box {
    width: 100%;
    float: left;
}

.product-details-l {
    width: 506px;
    float: left;
}

.product-details-img {
    width: 506px;
    height: 506px;
    border: 2px #e6e6e6 solid;
    float: left;
}

.details-carousel {
    width: 506px;
    margin-left: 0px;
    left: 0;
    position: inherit;
    margin-top: 33px;
    float: left;
    text-align: left
}

.details-carousel li {
    display: inline-block;
    width: 116px;
    height: 116px;
    margin: 0px;
    margin-right: 9.6px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #FFF;
    border: 0px;
    border-radius: 0px;
    border: 2px #e6e6e6 solid;
    background-size: contain !important;
}

.item-details {
    width: 100%;
    height: 502px;
    background-size: contain !important;
    float: left;
}

.item-details a {
    width: 100%;
    height: 502px;
    float: left;
}

.details-carousel li:nth-child(4) {
    margin-right: 0px;
}

.details-carousel .active {
    width: 116px;
    height: 116px;
    margin: 0px;
    margin-right: 10px;
    background-color: #FFF;
    border: 2px #749da1 solid;
}

.details-big {
    width: 41px;
    height: 41px;
    background: url('../image/details-big.png') no-repeat;
    margin-top: -490px;
    position: relative;
    z-index: 2;
    margin-right: 18px;
    float: right;
}

.details-big a {
    width: 100%;
    height: 41px;
    float: left;
}

.product-details-r {
    width: 692px;
    float: right;
}

.product-details-t1 {
    width: 100%;
    font-size: 30px;
    line-height: 32px;
    font-weight: bold;
    color: #454545;
    float: left;
}

.product-details-price-box {
    width: 100%;
    border-bottom: 1px #f4f4f4 solid;
    float: left;
}

.product-details-price {
    font-size: 24px;
    line-height: 24px;
    color: #f85936;
    font-weight: bold;
    margin-top: 36px;
    margin-bottom: 22px;
    float: left;
}

.product-details-price2 {
    font-size: 18px;
    line-height: 18px;
    color: #b5b5b5;
    font-weight: bold;
    text-decoration: line-through;
    margin-left: 14px;
    padding-top: 6px;
    margin-top: 36px;
    float: left;
}

.product-details-T2 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #b1b1b1;
    margin-top: 18px;
    margin-bottom: 18px;
    float: left;
}

.product-details-choice {
    width: 100%;
    float: left;
}

.product-details-choice ul li {
    min-width: 93px;
    font-size: 16px;
    line-height: 40px;
    color: #333333;
    text-align: center;
    border: 1px #d9d9d9 solid;
    border-radius: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.product-details-choice ul li a {
    width: 100%;
    color: #333333;
    float: left;
}

.product-details-choice .active {
    border: 1px #749da1 solid;
    color: #749da1;
}

.product-details-choice .active a {
    color: #749da1
}

.product-details-number {
    float: left;
}

.product-details-number ul li {
    height: 40px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    border: 1px #e9e9e9 solid;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    float: left;
}

.product-details-number ul li a {
    width: 100%;
    float: left;
}

.product-details-number ul li:nth-child(1) {
    width: 34px;
}

.product-details-number ul li:nth-child(2) {
    border-left: 1px #e9e9e9 solid;
    border-right: 1px #e9e9e9 solid;
    width: 52px;
}

.product-details-number ul li:nth-child(2) input {
    width: 52px;
    height: 38px;
    color: #bababa;
    background: none;
    border: 0px;
    text-align: center;
    outline: none;
}

.product-details-number ul li:nth-child(3) {
    width: 34px;
}

.product-details-additional {
    width: 100%;
    float: left;
}

.product-details-additional ul li {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    padding-bottom:10px;
    float: left;
    width: 50%
}


.gcs-checkbox {
    display: none;
}

.gcs-checkbox + label {
    background-color: white;
    border-radius: 2px;
    border: 1px solid #46c5d5;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    line-height: 20px;
    margin-bottom: 0px;
    margin-right: 10px;
}

.gcs-checkbox + label:hover {
    cursor: pointer;
    border: 1px solid #46c5d5;
}

.gcs-checkbox:checked + label {

    background-color: #eee;

    background: #00cbe3;

}

.gcs-checkbox:checked + label:after {

    content: "\2714";

    color: white;

}

.gcs-checkbox2 {
    display: none;
}

.gcs-checkbox2 + label {
    background-color: white;
    border-radius: 2px;
    border: 1px solid #e3e2e2;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    line-height: 20px;
    margin-bottom: 0px;
    margin-right: 10px;
}

.gcs-checkbox2 + label:hover {
    cursor: pointer;
    border: 1px solid #46c5d5;
}

.gcs-checkbox2:checked + label {

    background-color: #eee;

    background: #00cbe3;

}

.gcs-checkbox2:checked + label:after {

    content: "\2714";

    color: white;

}

.product-details-btn {
    width: 100%;
    margin-top: 27px;
    float: left
}

.product-details-btn ul li {
    width: 48px;
    height: 48px;
    background-color: #414141;
    border-radius: 5px;
    margin-left: 10px;
    text-align: center;
    float: left;
}

.product-details-btn ul li:nth-child(1) {
    margin-left: 0px;
}

.product-details-btn ul li a {
    width: 100%;
    height: 48px;
    float: left;
}

.product-details-gwc {
    background: url('../image/gwc.png') 50% 50% no-repeat;
}

.product-details-sc {
    background: url('../image/sc.png') 50% 50% no-repeat;
}

.product-details-bj {
    background: url('../image/bj.png') 50% 50% no-repeat;
}

.product-details-submit {
    width: 155px !important;
    background-color: #1690a5 !important;
    font-size: 18px;
    line-height: 48px;
    color: #ffffff !important;
}

.product-details-submit a {
    color: #FFF;
}

.product-details-inquiry {
    width: 155px !important;
    font-size: 18px;
    line-height: 48px;
    color: #ffffff !important;
}

.product-details-inquiry a {
    color: #FFF;
}

.product-details-share {
    width: 100%;
    float: left;
}

.product-details-share ul li {
    margin-top: 21px;
    margin-right: 35px;
    float: left;
}

.product-details-box2 {
    width: 100%;
    margin-top: 19px;
    float: left
}

.product-details-type {
    width: 100%;
    float: left
}

.product-details-type ul {
    margin: 0 auto;
    padding: 0px;
    display: table
}

.product-details-type ul li {
    min-width: 190px;
    font-size: 18px;
    line-height: 18px;
    color: #bababa;
    text-align: center;
    float: left
}

.product-details-type ul li a {
    width: 100%;
    color: #bababa;
    float: left;
}

.product-details-type .active {
    color: #54a8b6;
    font-weight: bold;
}

.product-details-type .active a {
    color: #54a8b6;
}

.product-details-type-d {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    min-height: 300px;
    border: 1px #f0f0f0 solid;
    margin-top: 16px;
    padding: 60px;
    padding-top: 40px;
    float: left;
}

.product-details-txt1 {
    width: 264px;
    float: left;
}

.product-details-txt2 {
    width: 804px;
    float: left;
}

.color-8d8d8d {
    color: #8d8d8d;
}

.li-display {
    display: none
}

/*优惠情报*/
.discount-box {
    width: 100%;
    float: left;
}

.discount-box ul li {
    width: 377px;
    border: 1px #ececec solid;
    border-radius: 5px;
    padding: 10px;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
}

.discount-box ul li:hover {
    box-shadow: 1px 1px 10px 4px #f8f8f8;
}

.discount-box ul li:nth-child(4n) {
    margin-right: 0px;
}

.discount-box-img {
    width: 140px;
    height: 140px;
    background-color: #f0f0f0;
    float: left;
}

.discount-box-img2 {
    width: 100%;
    height: 140px;
    background-size: contain !important;
    float: left;
}

.discount-box-T {
    width: 140px;
    height: 140px;
    font-size: 14px;
    line-height: 18px;
    color: #FFF;
    margin-left: -140px;
    background-color: rgb(0, 0, 0, 0.4);
    padding: 10PX;
    overflow: hidden;
    display: none;
    float: left
}

.discount-box-T table {
    width: 100%;
    height: 140px;
}

.discount-box ul li:hover .discount-box-T {
    display: block;
}

.discount-r {
    width: 201px;
    float: right
}

.discount-price {
    width: 100%;
    font-size: 30px;
    line-height: 30px;
    color: #f84717;
    font-weight: bold;
    float: left;
}

.discount-price span {
    font-size: 16px;
}

.discount-t2 {
    font-size: 14px;
    line-height: 14px;
    color: #00cbe3;
    padding: 7px;
    background-color: #e3fcff;
    margin-top: 3px;
    float: left;
}

.discount-t3 {
    width: 100%;
    border-bottom: 1px #f8f8f8 solid;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 11px;
    padding-bottom: 10px;
    float: left;
}

.discount-btn {
    width: 91px;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    color: #88e7f2;
    text-align: center;
    border: 1px #88e7f2 solid;
    border-radius: 3px;
    margin-top: 5px;
    float: right;
}

.discount-box ul li:hover .discount-btn {
    background-color: #009aac;
    border: 1px #009aac solid;
    color: #FFF;
}

.crumbs-box {
    width: 100%;
    border-bottom: 2px #f7f7f7 solid;
    margin-top: 22px;
    padding-bottom: 20px;
    float: left;
}

.crumbs-box ul li {
    font-size: 14px;
    color: #8dd4e0;
    margin-right: 21px;
    float: left;
}

.crumbs-box ul li a {
    color: #919191;
}

.Page-content-box {
    width: 100%;
    font-size: 14px;
    float: left;
}


/*登入页面*/
.login-h-box {
    width: 50%;
    float: left;
}

.login-box {
    width: 400px;
    background-color: #FFF;
    box-shadow: 1px 1px 10px 4px #f8f8f8;
    padding: 32px;
    border-radius: 5px;
    margin-top: 50px;
    float: right;
}

.login-t {
    width: 100%;
    font-size: 30px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    margin-top: 13px;
    font-weight: bold;
    margin-bottom: 32px;
    float: left
}

.login-t2 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    margin-bottom: 15px;
    float: left;
    font-weight: normal;
}

.login-t2 span {
    color: #F00;
}

.login-input {
    width: 100%;
    height: 36px;
    font-size: 14px;
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
    outline: none;
    padding-left: 10px;
    margin-bottom: 30px;
    float: left;
}

.login-tel-btn {
    width: 110px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    background-color: #ffa500;
    margin-left: -110px;
    border-radius: 5px;
    float: left;
}

.login-tel-btn a {
    width: 100%;
    color: #FFF;
    float: left;
}

.login-btn {
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    background-color: #009aac;
    border-radius: 5px;
    border: 0px;
    float: left;
}

.login-btn a {
    width: 100%;
    color: #FFF;
    float: left;
}

.login-rem {
    font-size: 14px;
    line-height: 20px;
    color: #929292;
    margin-top: 28px;
    margin-left: 65px;
    float: left;
}

.login-rem a {
    color: #929292;
    text-decoration: underline;
}

.login-register {
    width: 340px;
    margin-left: 30px;
    float: left;
}

.login-register-t {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-top: 145px;
    float: left;
}

.login-rem2 {
    font-size: 14px;
    line-height: 20px;
    color: #929292;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    float: left;
}

.login-register-btn {
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 40px;
    color: #009aac;
    text-align: center;
    font-weight: bold;
    border: 2px #009aac solid;
    margin-top: 25px;
    letter-spacing: 2px;
    float: left;
}

.login-register-btn a {
    width: 100%;
    color: #009aac;
    float: left
}

.login-register-txt {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-top: 10px;
    float: left;
}

.login-register-txt a {
    color: #00cbe3;
}

/**購物車*/
.cart-step {
    width: 100%;
    float: left
}

.cart-step ul li {
    width: 25%;
    font-size: 16px;
    line-height: 16px;
    color: #8f8f8f;
    border-bottom: 1px #ececec solid;
    padding-bottom: 15px;
    text-align: center;
    float: left;
}

.cart-step .active {
    border-bottom: 1px #00cbe3 solid;
    color: #00cbe3;
}

.cart-list {
    width: 100%;
    float: left
}

.cart-list ul li {
    width: 100%;
    border-bottom: 1px #ececec solid;
    padding-top: 31px;
    padding-bottom: 31px;
    float: left;
}

.cart-list-box1 {
    width: 798px;
    float: left;
}

.cart-list-img {
    width: 140px;
    height: 140px;
    background-color: #f7f7f7;
    float: left
}

.cart-list-img2 {
    width: 100%;
    height: 140px;
    background-size: contain !important;
    float: left
}

.cart-list-t1 {
    width: 658px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #585858;
    padding-left: 20px;
    margin-top: 27px;
    float: left
}

.cart-list-t2 {
    width: 658px;
    font-size: 18px;
    line-height: 20px;
    color: #585858;
    padding-left: 20px;
    margin-top: 11px;
    float: left
}

.cart-list-t3 {
    width: 658px;
    font-size: 14px;
    line-height: 14px;
    color: #c0c0c0;
    padding-left: 20px;
    margin-top: 15px;
    float: left
}

.cart-list-number {
    margin-top: 50px;
}

.cart-list-price {
    width: 318px;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin-left: 165px;
    margin-top: 65px;
    float: left;
}

.cart-list-btn {
    margin-top: 60px;
    float: right;
}

.cart-list-btn ul li {
    width: 54px;
    border-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    float: left;
}

.cart-Collection {
    width: 25px;
    height: 21px;
    background: url('../image/ny-Collection1.png') 50% 50% no-repeat;
    background-size: contain;
    float: left
}

.cart-Collection-active {
    background: url('../image/Collection2.png') 50% 50% no-repeat;
    background-size: contain;
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.cart-del {
    width: 20px;
    height: 21px;
    background: url('../image/cart-del.png') 50% 50% no-repeat;
    background-size: contain;
    float: left;
}

.cart-additional {
    width: 100%;
    margin-top: 30px;
    float: left;
}

.cart-additional-t {
    font-size: 16px;
    line-height: 20px;
    color: #adadad;
    margin-right: 20px;
    float: left
}

.cart-additional ul li {
    width: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
    margin-right: 77px;
    float: left;
}

.cart-additional .gcs-checkbox {
    font-size: 16px;
    color: #333333;
}

.cart-additional .gcs-checkbox + label {
    border: 1px #e3e2e2 solid
}

.cart-order {
    width: 100%;
    border-bottom: 1px #ececec solid;
    padding-top: 22px;
    padding-bottom: 22px;
    float: left
}

.cart-order-btn {
    float: left;
}

.cart-order-btn ul li {
    font-size: 14px;
    line-height: 36px;
    color: #333333;
    border: 1px #ececec solid;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 20px;
    float: left;
}

.cart-order-btn ul li a {
    width: 100%;
    color: #333333;
    float: left;
}

.cart-order-product {
    margin-top: 12px;
    float: right
}

.cart-order-product ul li {
    font-size: 14px;
    line-height: 22px;
    color: #7b7b7b;
    margin-left: 40px;
    float: left;
}

.cart-order-product-num {
    color: #333333;
    font-weight: bold;
}

.cart-order-product-price {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #F00;
}

.cart-btn {
    width: 180px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    border-radius: 30px;
    background-color: #00cbe3;
    margin-top: 31px;
    float: right
}

.cart-btn a {
    width: 100%;
    color: #FFF;
    float: left;
}

/*確認訂單*/
.confirm-box {
    width: 783px;
    margin-top: 30px;
    float: left;
}

.confirm-t {
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    color: #7c7c7c;
    font-weight: bold;
    float: left;
}

.confirm-list {
    width: 100%;
    float: left
}

.confirm-list ul li {
    width: 100%;
    border-top: 1px #f6f6f6 solid;
    padding-bottom: 26px;
    padding-top: 29px;
    float: left;
}

.confirm-list ul li:nth-child(1) {
    border-top: 0px;
}

.confirm-box1 {
    width: 546px;
    float: left
}

.confirm-box1 .cart-list-t1 {
    width: 406px;
}

.confirm-box1 .cart-list-t2 {
    width: 406px;
}

.confirm-box1 .cart-list-t3 {
    width: 406px;
}

.confirm-box2 {
    width: 70px;
    font-size: 16px;
    line-height: 16px;
    color: #b4b4b4;
    font-weight: bold;
    text-align: center;
    margin-top: 62px;
    float: left
}

.confirm-box3 {
    width: 120px;
    font-size: 16px;
    line-height: 16px;
    color: #3a3a3a;
    font-weight: bold;
    margin-top: 62px;
    float: right;
}

.confirm-additional {
    width: 100%;
    border-bottom: 1px #f6f6f6 solid;
    padding-bottom: 22px;
    float: left;
}

.confirm-additional ul li {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    margin-left: 47px;
    float: left;
    padding:1px 0;
}


.confirm-additional ul li:nth-child(3n+1) {
    margin-left: 0px;
}

.confirm-order {
    width: 100%;
    border-bottom: 1px #f6f6f6 solid;
    padding-bottom: 19px;
    float: left;
}

.confirm-order ul li {
    width: 100%;
    margin-top: 19px;
    float: left;
}

.confirm-order-box1 {
    width: 126px;
    font-size: 14px;
    line-height: 14px;
    color: #7b7b7b;
    float: left;
}

.confirm-order-box2 {
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    font-weight: bold;
    float: left;
}

.color-009400 {
    color: #009400 !important;
}

.confirm-order2 {
    width: 100%;
    margin-top: 19px;
    float: left;
}

.confirm-order2 .confirm-order-box1 {
    line-height: 24px;
}

.confirm-order2 .confirm-order-box2 {
    font-size: 24px;
    line-height: 24px;
}

.confirm-order2 .confirm-order-box2 span {
    font-size: 18px;
}

.color-f85936 {
    color: #f85936
}

.confirm-xx-box {
    width: 100%;
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 21px;
    margin-top: 31px;
    float: left
}

.confirm-xx-t {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #8a8a8a;
    float: left;
}

.confirm-radio {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    margin-top: 16px;
    float: left
}

.radio-box {
    display: none;
}

.confirm-radio-k {
    background-color: white;
    border-radius: 50px;
    border: 1px solid #ebebeb;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    line-height: 20px;
    margin-bottom: 0px;
    margin-right: 10px;
}

.radio-box + .confirm-radio-k label {
    background-color: white;
    border-radius: 50px;
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    line-height: 10px;
    margin: 4px;

}

.radio-box + .confirm-radio-k label:hover {
    cursor: pointer;

}

.radio-box:checked + .confirm-radio-k label {

    background-color: #eee;

    background: #00cbe3;
    border: 1px solid #46c5d5;

}

.confirm-address {
    width: 100%;
    background-color: #FFF;
    padding: 17px;
    margin-top: 17px;
    border-radius: 5px;
    margin-bottom: 33px;
    float: left;
}

.confirm-address-k1 {
    width: 60px;
    font-size: 14px;
    line-height: 14px;
    color: #43d2ea;
    float: left;
}

.confirm-address-k2 {
    width: 600px;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    float: left;
}

.confirm-address-k3 {
    font-size: 14px;
    line-height: 14px;
    color: #8e8e8e;
    float: left;
}

.color-8e8e8e {
    color: #8e8e8e
}

.confirm-address-k3 a {
    color: #8e8e8e;
    margin-right:10px;
}

.confirm-pay-box {
    width: 100%;
    margin-top: 17px;
    float: left;
}

.confirm-pay-box ul li {
    width: 144px;
    height: 54px;
    border: 2px #ececec solid;
    background-color: #FFF;
    border-radius: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
}

.confirm-pay-box ul li:hover {
    border: 2px #43d3ea solid;
}

.confirm-pay-box .active {
    border: 2px #43d3ea solid;
}

.confirm-pay-box-img {
    width: 100%;
    height: 50px;
    background-size: contain !important;
    float: left;
}

.confirm-pay-box-img a {
    width: 100%;
    height: 50px;
    float: left;
}

.confirm-select {
    /* width: 355px; */
    width:400px;
    height: 38px;
    border: 2px #43d3ea solid;
    border-radius: 5px;
    background-color: #FFF;
    margin-top: 12px;
    padding-left: 15px;
    margin-bottom: 23px;
    float: left;
}

.confirm-select-t {
    font-size: 14px;
    line-height: 34px;
    color: #979797;
    font-weight: lighter;
    float: left;
}

.confirm-select select{
    width: 200px;
    height: 34px;
    font-size: 14px;
    color: #43d3ea;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px;
    outline: none;
    position: relative;
    z-index: 1;
    background: none;
    float: left;
}
.confirm-select input {
    width: 200px;
    height: 34px;
    font-size: 14px;
    color: #43d3ea;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px;
    outline: none;
    position: relative;
    z-index: 1;
    background: none;
    float: left;
}

.cdk-confirm {
    position: relative;
    z-index: 1000;
    cursor: pointer;
}

.confirm-select-t2 {
    /* width: 30px;
    font-size: 14px;
    line-height: 34px;
    color: #979797;
    font-weight: lighter;
    margin-left: -40px;
    float: left; */
    /* width: 100px;  */
    font-size: 14px;
    line-height: 34px;
    color: #979797;
    font-weight: lighter;
    margin-left: -40px;
    float: left;
    padding-right: 10px;
}

.confirm-textarea {
    width: 100%;
    height: 84px;
    background-color: #FFF;
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
    margin-top: 8px;
    padding: 10px;
    float: left;
}

.confirm-btn {
    width: 181px;
    height: 50px;
    background-color: #00cbe3;
    border-radius: 30px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    margin-top: 33px;
    border: 0px;
    float: right;
}

.confirm-btn a {
    width: 100%;
    color: #FFF;
    float: left
}

/*会员中心*/
.member-b {
    width: 100%;
    height: 180px;
    background: url('../image/hyzx-b.jpg') 50% 50% no-repeat;
    background-size: cover;
    float: left
}

.member-photo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #FFF;
    border: 1px #c2c2c3 solid;
    margin: 0 auto;
    margin-top: 36px;
}

.member-photo-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: contain !important;
}

.member-name {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    float: left
}

.member-menu {
    width: 100%;
    border-bottom: 2px #f6f6f6 solid;
    float: left;
}

.member-menu ul {
    margin: 0 auto;
    padding: 0px;
    display: table
}

.member-menu ul li {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    margin: 20px;
    float: left;
}

.member-menu ul li a {
    padding-left: 28px;
    color: #333333
}

.member-menu ul li:hover a {
    color: #00cbe3
}

.mb1 {
    background: url('../image/mb1-1.png') 0% 50% no-repeat;
}

.mb1:hover {
    background: url('../image/mb1-2.png') 0% 50% no-repeat;
}

.mb2 {
    background: url('../image/mb2-1.png') 0% 50% no-repeat;
}

.mb2:hover {
    background: url('../image/mb2-2.png') 0% 50% no-repeat;
}

.mb3 {
    background: url('../image/mb3-1.png') 0% 50% no-repeat;
}

.mb3:hover {
    background: url('../image/mb3-2.png') 0% 50% no-repeat;
}

.mb4 {
    background: url('../image/mb4-1.png') 0% 50% no-repeat;
}

.mb4:hover {
    background: url('../image/mb4-2.png') 0% 50% no-repeat;
}

.mb5 {
    background: url('../image/mb5-1.png') 0% 50% no-repeat;
}

.mb5:hover {
    background: url('../image/mb5-2.png') 0% 50% no-repeat;
}

.mb6 {
    background: url('../image/mb6-1.png') 0% 50% no-repeat;
}

.mb6:hover {
    background: url('../image/mb6-2.png') 0% 50% no-repeat;
}

.mb7 {
    background: url('../image/mb7-1.png') 0% 50% no-repeat;
}

.mb7:hover {
    background: url('../image/mb7-2.png') 0% 50% no-repeat;
}

.mb8 {
    background: url('../image/mb8-1.png') 0% 50% no-repeat;
}

.mb8:hover {
    background: url('../image/mb8-2.png') 0% 50% no-repeat;
}

.mb9 {
    background: url('../image/mb9-1.png') 0% 50% no-repeat;
}

.mb9:hover {
    background: url('../image/mb9-2.png') 0% 50% no-repeat;
}

.mb10 {
    background: url('../image/mb10-1.png') 0% 50% no-repeat;
}

.mb10:hover {
    background: url('../image/mb10-2.png') 0% 50% no-repeat;
}

.active1 {
    color: #00cbe3 !important;
    background: url('../image/mb1-2.png') 0% 50% no-repeat;
}

.active2 {
    color: #00cbe3 !important;
    background: url('../image/mb2-2.png') 0% 50% no-repeat;
}

.active3 {
    color: #00cbe3 !important;
    background: url('../image/mb3-2.png') 0% 50% no-repeat;
}

.active4 {
    color: #00cbe3 !important;
    background: url('../image/mb4-2.png') 0% 50% no-repeat;
}

.active5 {
    color: #00cbe3 !important;
    background: url('../image/mb5-2.png') 0% 50% no-repeat;
}

.active6 {
    color: #00cbe3 !important;
    background: url('../image/mb6-2.png') 0% 50% no-repeat;
}

.active7 {
    color: #00cbe3 !important;
    background: url('../image/mb7-2.png') 0% 50% no-repeat;
}

.active8 {
    color: #00cbe3 !important;
    background: url('../image/mb8-2.png') 0% 50% no-repeat;
}

.active9 {
    color: #00cbe3 !important;
    background: url('../image/mb9-2.png') 0% 50% no-repeat;
}

.active10 {
    color: #00cbe3 !important;
    background: url('../image/mb10-2.png') 0% 50% no-repeat;
}

.member-l {
    width: 400px;
    margin-top: 30px;
    float: left;
}

.member-data-box {
    width: 100%;
    border: 1px #f6f6f6 solid;
    border-radius: 10px;
    padding: 20px;
    float: left
}

.member-data-box ul li {
    float: left;
}

.member-data-box ul li:nth-child(1) {
    width: 136px;
    float: left
}

.member-data-box ul li:nth-child(2) {
    width: 150px;
    float: left
}

.member-data-box ul li:nth-child(3) {
    width: 70px;
    float: left
}

.member-data-box .p1 {
    width: 100%;
    font-size: 30px;
    line-height: 30px;
    color: #333333;
    font-weight: bold;
    float: left;
}

.member-data-box .p2 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    margin-top: 8px;
    float: left;
}

.member-data-box .p3 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #00cbe3;
    margin-top: 22px;
    float: left;
}

.member-data-box .p3 a {
    color: #00cbe3;
}

.member-footprint {
    width: 100%;
    border: 1px #f6f6f6 solid;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
    float: left
}

.member-footprint ul li {
    width: 106px;
    height: 106px;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin-top: 20px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
}

.member-footprint ul li:nth-child(3n) {
    margin-right: 0px;
}

.member-footprint-img {
    width: 100%;
    height: 106px;
    background-size: contain !important;
    float: left
}

.member-footprint-k {
    width: 100%;
    height: 106px;
    background-color: rgb(247, 247, 247, .5);
    margin-top: -106px;
    float: left
}

.member-table {
    width: 100%;
    height: 0px;
    font-size: 14px;
    line-height: 16px;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: -10;
}

.member-footprint-t {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    font-weight: bold;
    float: left;
}

.member-footprint ul li:hover .member-footprint-k {
    background-color: rgb(0, 0, 0, .5);
}

.member-footprint ul li:hover .member-table {
    height: 106px;
    position: inherit;
}

.member-footprint-btn {
    width: 117px;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
    color: #8f8f8f;
    text-align: center;
    border-radius: 30px;
    border: 1px #d7d7d7 solid;
    margin-top: 20px;
    margin-left: 122px;
    float: left;
}

.member-footprint-btn a {
    width: 100%;
    color: #8f8f8f;
    float: left;
}

.member-r {
    width: 1170px;
    margin-top: 30px;
    float: right
}

.member-r-t {
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    border-bottom: 2px #f6f6f6 solid;
    padding-bottom: 19px;
    float: left;
}

.member-order-list {
    width: 100%;
    margin-bottom: 47px;
    float: left;
}

.member-order-list ul li {
    width: 100%;
    border: 1px #f6f6f6 solid;
    margin-top: 20px;
    border-radius: 5px;
    float: left;
}

.member-order-box1 {
    width: 100%;
    border-bottom: 1px #f6f6f6 solid;
    padding: 13px;
    float: left
}

.member-order-box1 div {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    float: left
}

.member-order-box1 div:nth-child(1) span {
    font-weight: lighter;
}

.member-order-box1 div:nth-child(2) {
    margin-left: 32px;
}

.member-order-box1 div:nth-child(3) {
    float: right;
}

.order-type1 {
    color: #ff8533 !important;
}

.order-type2 {
    color: #8c8c8c !important;
}

.order-type3 {
    color: #9fbb32 !important;
}

.member-order-box2 {
    width: 100%;
    padding: 13px;
    float: left
}

.member-order-img {
    width: 79px;
    height: 79px;
    background-color: #f1f1f1;
    float: left;
}

.member-order-img2 {
    width: 100%;
    height: 79px;
    background-size: contain !important;
    float: left;
}

.member-order-box2-1 {
    width: 810px;
    margin-left: 14px;
    float: left;
}

.member-order-t1 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #585858;
    font-weight: bold;
    margin-top: 10px;
    float: left
}

.member-order-t2 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #585858;
    margin-top: 10px;
    float: left
}

.member-order-t3 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #c0c0c0;
    margin-top: 10px;
    float: left
}

.member-order-box2-2 {
    width: 60px;
    font-size: 16px;
    line-height: 16px;
    color: #979797;
    font-weight: bold;
    margin-top: 30px;
    float: left;
}

.member-order-box2-3 {
    font-size: 16px;
    line-height: 16px;
    color: #3a3a3a;
    font-weight: bold;
    margin-top: 30px;
    float: right;
}

.member-order-box3 {
    width: 100%;
    padding: 13px;
    border-top: 1px #f6f6f6 solid;
    float: left
}

.member-order-box3-1 {
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    font-weight: bold;
    margin-top: 10px;
    float: left;
}

.member-order-box3-btn {
    float: right
}

.member-order-box3-btn ul li {
    width: auto;
    min-width: 90px;
    border: 1px #f6f6f6 solid;
    border-radius: 5px;
    font-size: 14px;
    color: #8f8f8f;
    padding: 8px;
    margin-left: 14px;
    margin-top: 0px;
    text-align: center;
    float: left;
}

.member-order-box3-btn ul li a {
    width: 100%;
    color: #8f8f8f;
    float: left;
}

.member-order-box3-btn-pay {
    background-color: #00cbe3;
    border: 1px #00cbe3 solid;
    color: #FFF;
}

.member-order-box3-btn-pay a {
    color: #FFF !important;
}

.member-order-box3-btn-collect {
    background-color: #4c4c4c;
    border: 1px #4c4c4c solid;
    color: #FFF;
}

.member-order-box3-btn-collect a {
    color: #FFF !important;
}

.member-order-list ul li:hover {
    box-shadow: 1px 1px 10px 4px #f8f8f8;
}

.member-like {
    width: 100%;
    margin-top: 0px;
    float: left;
}

.member-like-list {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 21px;
    float: left
}

.member-like-list ul li {
    width: 273px;
    background-color: #FFF;
    border: 1px #ebebeb solid;
    border-radius: 5px;
    padding-bottom: 20px;
    margin-left: 26px;
    float: left
}

.member-like-list ul li:nth-child(1) {
    margin-left: 0px;
}

.member-like-img {
    width: 100%;
    height: 270px;
    background-color: #f1f1f1;
    float: left
}

.member-like-img2 {
    width: 100%;
    height: 270px;
    background-size: contain !important;
    float: left
}

.member-like-t1 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.member-like-t2 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    font-weight: bold;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.member-like-list ul li:hover {
    box-shadow: 1px 1px 6px 2px #f8f8f8;
}

.member-like-list ul li:hover .member-like-t1 {
    color: #00cbe3;
}

.member-like-btn {
    margin-top: -48px;
    float: right;
}

.member-like-btn ul li {
    width: 33px;
    height: 33px;
    border: 1px #ebebeb solid;
    border-radius: 5px;
    text-align: center;
    margin-left: 15px;
    float: left;
}

.member-like-btn ul li a {
    width: 100%;
    font-size: 20px;
    line-height: 33px;
    color: #b3b3b3;
    font-weight: bold;
    outline: none;
    float: left
}

.member-like-btn ul li a:link {
    text-decoration: none;
}

.order-search-box {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
}

.order-search-box1 {
    width: 127px;
    height: 42px;
    font-size: 14px;
    color: #7c7c7c;
    border: 1px #ebebeb solid;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 20px;
    outline: none;
    background: url('../image/s-jt.png') 80% 50% no-repeat;
    float: left;
}

.order-search-box2 {
    width: 262px;
    height: 42px;
    font-size: 14px;
    color: #7c7c7c;
    border: 1px #ebebeb solid;
    border-radius: 5px;
    overflow: hidden;
    float: right;
}

.order-search-box2 input {
    width: 222px;
    height: 40px;
    padding-left: 20px;
    border: 0px;
    outline: none;
    float: left
}

.order-search-box2 a {
    width: 38px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    float: left;
}

.order-search-box2 a i {
    width: 38px;
    height: 40px;
    line-height: 40px;
    color: #686161;
}

/*訂單詳情*/
.order-d-box1 {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    border-bottom: 1px #ebebeb solid;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.order-d-box1-1 {
    color: #333333;
    float: left
}

.order-d-box1-1 span {
    font-weight: lighter;
}

.order-d-box1-2 {
    color: #8c8c8c;
    float: right;
}

.order-d-box2 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    padding-top: 20px;
    border-bottom: 1px #ebebeb solid;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.order-d-box-h {
    width: 50%;
    margin-bottom: 15px;
    float: left;
}

.order-d-box-all {
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

.order-d-list {
    width: 100%;
    float: left;
}

.order-d-list ul li {
    width: 100%;
    border-bottom: 1px #ebebeb solid;
    padding-bottom: 10px;
    margin-top: 10px;
    float: left;
}

.order-d-additional {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.order-d-additional ul li {
    width: auto;
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    border-bottom: 0px;
    margin-right: 53px;
    float: left;
}

.order-d-additional-t {
    font-size: 14px;
    color: #adadad;
    line-height: 14px;
    margin-right: 20px;
    padding-top: 10px;
    float: left;
}

.order-d-box1-1-t {
    font-size: 14px;
}

.order-d-order {
    width: 400px;
    border-bottom: 0px;
    float: right;
}

.order-d-order .confirm-order-box1 {
    width: 176px;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    float: left;
}

.order-d-order .confirm-order-box2 {
    width: 219px;
    font-size: 16px;
    line-height: 16px;
    float: left
}

.order-d-order2 {
    width: 400px;
    border-bottom: 0px;
    margin-right: 10px;
    float: right;
}

.order-d-order2 .confirm-order-box1 {
    width: 176px;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    font-weight: lighter;
    margin-left: 0px;
    float: left;
}

.order-d-order2 .confirm-order-box2 {
    width: 219px;
    font-size: 30px;
    line-height: 30px;
    float: left
}

.order-d-order2 .confirm-order-box2 span {
    font-size: 20px;
    line-height: 30px;
}

.order-d-order-btn {
    width: 140px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    color: #7c7c7c;
    border: 1px #ebebeb solid;
    border-radius: 30px;
    text-align: center;
    margin-top: 40px;
    float: right;
}

.order-d-order-btn a {
    width: 100%;
    color: #7c7c7c;
    float: left
}

/*我的收藏*/
.member-Collection {
    margin-top: 30px;
}

.member-Collection .ny-product-img-box {
    height: 270px;
}

.member-Collection .ny-product-img {
    height: 270px;
}

.member-Collection .ny-product-btn-box {
    height: 270px;
    margin-top: -270px;
}

.member-Collection ul li {
    width: 270px;
    margin-right: 30px;
}

.member-Collection .ny-product-price-box ul li {
    width: auto;
    margin-right: 0px;
}

/*我的足*/
.member-log {
    margin-top: 30px;
}

.member-log ul li {
    width: 270px;
    margin-right: 30px;
}

.member-log .ny-product-price-box ul li {
    width: auto;
    margin-right: 0px;
}

.member-log-box1 {
    width: 100%;
    margin-top: 28px;
    float: left
}

.member-log-box1-1 {
    font-size: 18px;
    line-height: 18px;
    float: left;
}

.member-log-box1-2 {
    width: 107px;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
    color: #a3a3a3;
    border: 1px #ebebeb solid;
    border-radius: 30px;
    text-align: center;
    float: right;
}

.member-log-box1-2 a {
    width: 100%;
    color: #a3a3a3;
    float: left;
}

/*我的積分*/
.member-integral-box {
    width: 100%;
    border: 1px #e3e3e3 solid;
    border-radius: 7px;
    padding: 34px;
    margin-top: 26px;
    float: left;
}

.member-integral-box1 {
    width: 30.3%;
    text-align: center;
    float: left;
}

.member-integral-box1-1 {
    width: 100%;
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    color: #43d2ea;
    float: left;
}

.member-integral-box1-2 {
    width: 100%;
    font-size: 14px;
    color: #333333;
    margin-top: 8px;
    float: left;
}

.member-integral-box1-3 {
    width: 100%;
    font-size: 14px;
    color: #333333;
    margin-top: 18px;
    float: left;
}

.member-integral-box1-4 {
    width: 100%;
    font-size: 14px;
    color: #aeaeae;
    margin-top: 10px;
    float: left;
}

.member-integral-box2 {
    width: 50%;
    float: left;
}

.member-integral-box2-1 {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 7px;
    float: left;
}

.member-integral-box2-2 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #a9a9a9;
    margin-top: 10px;
    float: left;
}

.member-integral-box2-3 {
    width: 100%;
    font-size: 30px;
    line-height: 30px;
    color: #43d2ea;
    text-align: right;
    float: left;
}

.member-integral-box2-4 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #a9a9a9;
    text-align: right;
    margin-top: 21px;
    float: left;
}

.member-integral-box2-5 {
    width: 100%;
    font-size: 30px;
    line-height: 30px;
    color: #64cc31;
    text-align: right;
    margin-top: 24px;
    float: left;
}

.margin-t-30 {
    margin-top: 80px;
}

/*我的優惠卷*/
.member-discount {
    margin-top: 25px;
}

.member-discount ul li {
    margin-right: 19px;
}

.member-discount ul li:nth-child(3n) {
    margin-right: 0px;
}

.member-discount ul li:nth-child(4n) {
    margin-right: 19px;
}

.member-discount ul li:nth-child(12) {
    margin-right: 0px;
}

.discount-get {
    background: url('../image/lq.png') 100% 1% no-repeat;
}

.discount-btn2 {
    width: 91px;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    background-color: #009aac;
    border: 1px #009aac solid;
    border-radius: 3px;
    margin-top: 5px;
    float: right;
}

.discount-btn3 {
    width: 91px;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    color: #797878;
    text-align: center;
    background-color: #f0f0f0;
    border: 1px #f0f0f0 solid;
    border-radius: 3px;
    margin-top: 5px;
    float: right;
}

/*地址管理*/
.address-box1 {
    width: 100%;
    margin-top: 50px;
    float: left;
}

.address-box1 ul li {
    width: 559px;
    border: 1px #e0e0e0 solid;
    padding: 20px;
    margin-right: 50px;
    margin-bottom: 20px;
    float: left
}

.address-box1 ul li:nth-child(2n) {
    margin-right: 0px;
}

.address-box1-1 {
    font-size: 14px;
    line-height: 22px;
    color: #44d2ea;
    margin-bottom: 10px;
    float: left;
}

.address-box1-1-2 {
    width: 82px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    background-color: #c2c2c2;
    border-radius: 30px;
    text-align: center;
    float: left
}

.address-box1-1-2 a {
    width: 100%;
    color: #FFF;
    float: left
}

.address-box1-2 {
    float: right
}

.address-box1-2 ul li {
    width: 22px;
    height: 22px;
    background-size: contain !important;
    border: 0px;
    padding: 0px;
    margin-right: 0px;
    float: left
}

.address-box1-2 ul li a {
    width: 100%;
    height: 22px;
    float: left
}

.address-btn1 {
    background: url('../image/address1.png') 50% 50% no-repeat
}

.address-btn2 {
    background: url('../image/address2.png') 50% 50% no-repeat;
    margin-left: 46px;
}

.address-box2 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    margin-top: 14px;
    float: left;
}

.address-box2 span {
    color: #818181;
}

.address-T {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #212121;
    margin-top: 42px;
    float: left;
}

.address-T2 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #808080;
    margin-top: 31px;
    float: left;
}

.address-T2 span {
    color: #F00
}

.address-box3 {
    width: 559px;
    float: left;
}

.address-input {
    width: 100%;
    height: 44px;
    font-size: 14px;
    border: 1px #e0e0e0 solid;
    border-radius: 5px;
    margin-top: 10px;
    padding-left: 30px;
    float: left;
}

.address-select {
    width: 100%;
    height: 44px;
    font-size: 14px;
    border: 1px #e0e0e0 solid;
    border-radius: 5px;
    margin-top: 10px;
    padding-left: 30px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../image/s-jt.png') 98% 50% no-repeat;
}

.address-btn3 {
    width: 180px;
    height: 44px;
    background-color: #009aac;
    font-size: 16px;
    line-height: 44px;
    color: #FFF;
    text-align: center;
    margin-top: 32px;
    margin-left: 0px;
    font-weight: bold;
    float: left;
}

.address-btn3 a {
    width: 100%;
    color: #FFF;
    float: left
}

.m-data-photo {
    width: 118px;
    height: 110px;
    border-radius: 10px;
    overflow: hidden;
    background-size: contain !important;
    margin-right: 39px;
    float: left;
}

.m-data-photo2 {
    float: left;
}

.m-data-photo2-1 {
    width: 150px;
    height: 42px;
    border: 1px #e0e0e0 solid;
    border-radius: 30px;
    font-size: 14px;
    line-height: 40px;
    color: #808080;
    margin-top: 30px;
    text-align: center;
}

.m-data-photo2-1 a {
    width: 100%;
    color: #808080;
    float: left;
}

.m-data-photo2-2 {
    font-size: 14px;
    line-height: 14px;
    color: #808080;
    margin-top: 25px;
}

.photo-box3 {
    width: 100%;
    border-bottom: 1px #e0e0e0 dashed;
    padding-bottom: 24px;
    margin-top: 22px;
    float: left
}

.message-box {
    width: 100%;
    float: left
}


/*完成下單*/
.ok-box {
    width: 800px;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin: 0 auto;
    padding: 53px;
    margin-top: 51px;
}

.ok-box1 {
    width: 100%;
    text-align: center;
}

.ok-box2 {
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    color: #3ca5b1;
    text-align: center;
    margin-top: 27px;
}

.ok-box3 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    text-align: center;
    margin-top: 27px;
}

.ok-box3 a {
    color: #00cbe3
}

.ok-box4 {
    width: 100%;
}

.ok-box4 ul {
    margin: 0 auto;
    padding: 0px;
    display: table
}

.ok-box4 ul li {
    width: 140px;
    height: 40px;
    border: 1px #e2e2e2 solid;
    border-radius: 30px;
    font-size: 16px;
    line-height: 38px;
    color: #7c7c7c;
    text-align: center;
    margin: 11px;
    margin-top: 22px;
    float: left
}

.ok-box4 ul li a {
    color: #7c7c7c
}

.ok-box4-btn1 {
    background-color: #00cbe3;
    border: 1px #00cbe3 solid
}

.ok-box4-btn1 a {
    color: #FFF !important
}

.color-333333 {
    color: #333333
}

/*商品对比*/
.contrast-box1 {
    width: 100%;
    border-bottom: 2px #f5f5f5 solid;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
}

.contrast-box1-1 {
    font-size: 24px;
    line-height: 38px;
    font-weight: bold;
    color: #706d6d;
    float: left
}

.contrast-box1-2 {
    font-size: 14px;
    line-height: 38px;
    color: #9f9d9d;
    margin-left: 20px;
    float: left
}

.contrast-box1-3 {
    width: 110px;
    height: 38px;
    font-size: 14px;
    color: #333333;
    line-height: 34px;
    text-align: center;
    border: 2px #f2f2f2 solid;
    border-radius: 5px;
    float: right
}

.contrast-box1-3 a {
    width: 100%;
    color: #333333;
    float: left
}

.contras-list {
    width: 100%;
    float: left;
}

.contras-list ul li {
    width: 100%;
    border-bottom: 2px #f5f5f5 solid;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
}

.contras-list-box1 {
    width: 383px;
    float: left;
}

.contras-list-box2 {
    width: 367px;
    margin-left: 32px;
    float: left;
}

.contras-list-box1-1 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #acacac;
    float: left;
}

.contras-list-box1-2 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #acacac;
    margin-top: 273px;
    float: left;
}

.contras-list-box2-1 {
    width: 337px;
    float: left;
}

.contras-list-box2-1-t1 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.contras-list-box2-1-t2 {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
    float: left;
}

.contras-list-box2-1-img {
    width: 200px;
    height: 200px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 22px;
    float: left
}

.contras-list-box2-1-img2 {
    width: 200px;
    height: 200px;
    background-size: contain !important;
    float: left
}

.contras-list-box2-1-price {
    width: 100%;
    margin-top: 15px;
    float: left
}

.contras-list-box2-1-price1 {
    font-size: 24px;
    line-height: 24px;
    color: #f85936;
    font-weight: bold;
    float: left;
}

.contras-list-box2-1-price2 {
    font-size: 18px;
    line-height: 24px;
    color: #c0c0c0;
    text-decoration: line-through;
    margin-left: 10px;
    float: left;
}

.contras-list-box2-2 {
    float: right;
}

.contras-list-box2 .product-details-btn {
    margin-top: 22px;
}

.contras-list-box2 .product-details-btn ul li {
    width: 60px;
    height: 36px;
    margin-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    float: left;
}

.contras-list-box2-3 {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    float: left;
}

/*彈出層*/
.Popup-all-box {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999998;
    background-color: rgb(0, 0, 0, .5);
    left: 0;
    top: 0;
}

.Popup-box {
    display: none;
    width: 34%;
    background-color: #FFF;
    left: 0;
    border-radius: 5px;
    margin-left: 33%;
    padding-bottom: 30px;
    position: absolute;
    z-index: 999999;
    margin-top: 100px;
    float: left;
}

.Popup-box-box1 {
    width: 100%;
    padding: 20px;
    float: left;
}

.Popup-box-box1-t {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    float: left
}

.Popup-box-box1-1 {
    float: right
}

.Popup-box-box2 {
    width: 100%;
    background-color: #f7f7f7;
    padding: 12px;
    padding-top: 30px;
    padding-bottom: 30px;
    float: left
}

.Popup-box-box2-1 {
    width: 20%;
    height: 120px;
    background-color: #FFF;
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
    float: left
}

.Popup-box-box2-1-img {
    width: 100%;
    height: 118px;
    background-size: contain !important;
    float: left;
}

.Popup-box-box2-2 {
    width: 78%;
    height: 120px;
    font-size: 18px;
    line-height: 20px;
    color: #454545;
    margin-left: 2%;
    float: left;
}

.Popup-box-box2-2 table {
    height: 120px;
}

.Popup-box-box3 {
    width: 95%;
    margin-left: 2.5%;
    font-size: 14px;
    line-height: 16px;
    color: #8a6934;
    background-color: #fffbe7;
    border: 1px #edcf9f solid;
    border-radius: 5px;
    padding: 15px;
    margin-top: 15px;
    float: left
}

.Popup-box-box4 {
    width: 100%;
    width: 95%;
    margin-left: 2.5%;
    float: left;
}

.Popup-box-box5 {
    width: 45%;
    margin-left: 2.5%;
    float: left
}

.Popup-box-box6 {
    width: 45%;
    margin-right: 2.5%;
    float: right
}

.Popup-box-box7 {
    width: 95%;
    border: 1px #e0e0e0 solid;
    margin-left: 2.5%;
    margin-top: 37px;
    padding: 17px;
    float: left
}

.color-44d2ea {
    color: #44d2ea
}

.Popup-box-btn {
    width: 219px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    border-radius: 5px;
    background-color: #009aac;
    margin: 0 auto;
    margin-top: 42px;
    text-align: center;
}

.Popup-box-btn a {
    width: 100%;
    height: 45px;
    color: #FFF;
    float: left;
}

.Popup-box-btn a i {
    line-height: 20px;
    margin-right: 5px;
}

.add-b {
    width: 20px;
    height: 20px;
}

.Popup-box-btn a i img {
    margin-top: -1px;
}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) {
    .all-box {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .all-box2 {
        width: 100%;
        max-width: 100%;
    }

    .Top-box {
        height: 40px;
        position: fixed;
        z-index: 999;
        top: 0px;
    }

    .Top-box-l {
        width: 70%;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        background: url('../image/top-b.png') 8px 50% no-repeat;
        background-size: 25px;
        padding-left: 7%;
    }

    .TOP-m-box {
        height: 20px;
        margin-top: 10px;
        margin-left: 3%;
    }

    .TOP-m-box ul li {
        font-size: 16px;
        line-height: 20px;
        color: #FFF;
        float: left;
    }

    .TOP-m-box ul li:nth-child(1) {
        border-right: 1px #84e6f1 solid;
        margin-right: 16px;
        padding-right: 16px;
    }

    .TOP-m-box ul li a {
        height: 20px;
        color: #FFF;
    }

    .TOP-m-box ul li img {
        height: 20px;
    }

    .header-box {
        width: 100%;
        height: 60px;
        padding-top: 0%;
        padding-bottom: 0%;
        padding-top: 1%;
        position: fixed;
        z-index: 999;
        top: 40px;
        background: #FFF;
    }

    .logo {
        width: 20%;
        margin-left: 20px;
        float: left;
    }

    .logo img {
        max-width: 100%;
    }

    .search-box {
        width: 100%;
        height: 60px;
        margin-top: 0px;
        padding-top: 10px;
        padding-left: 2%;
        padding-right: 2%;
        margin-left: 0px;
        position: fixed;
        z-index: 999;
        top: 100px;
        background-color: #FFF;
    }

    .search-box-l {
        width: 88%;
        height: 40px;
        border: 1px #efefef solid;
        border-right: 0px;
    }

    .search-box-l input {
        height: 35px;
        font-size: 14px;
        padding-left: 30px;
    }

    .search-box-r {
        width: 12%;
        height: 40px;
        background-size: 20%;
    }

    .search-box-r a {
        height: 40px;
    }

    .header-btn-list {
        margin-top: 5px;
        margin-left: 0px;
        margin-right: 3%;
        float: right;
    }

    .header-btn-list li {
        height: 24px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 14px;
        float: left;
    }

    .header-btn-list a {
        float: left;
    }

    .h-img1 {
        padding-left: 31px;
        margin-right: 30px;
    }

    .h-img2 {
        padding-left: 15px;
        margin-right: 25px;
    }

    .h-img3 {
        padding-left: 15px;
    }

    .lg-box {
        display: none
    }

    .p-menu-btn {
        font-size: 25px !important;
        color: #00cbe3;
        margin-left: 40px;
        display: block
    }

    .menu-box {
        width: 50%;
        overflow: hidden;
        height: 100%;
        position: fixed;
        z-index: 9999;
        top: 0px;
        transition: all .30s linear;
        margin-left: -50%;
    }

    .menu-list ul li {
        width: 100%;
    }

    .menu-list ul li a {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-list ul li a:hover {
        background: none;
    }

    .menu-list ul li:nth-child(1) {
        width: 100%;
    }

    .menu-box-on {
        margin-left: 0%;
        transition: all .30s linear;
    }

    .jg-box {
        display: none
    }

    .menu-ej-b-box {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        position: fixed;
        z-index: 2;
        display: none;
        float: left
    }

    .menu-ej-btn {
        width: 100%;
        height: 40px;
        color: #999;
        background-color: #f5f5f5;
        text-align: right;
        line-height: 40px;
        padding-right: 20px;
        display: block;
        float: left;
    }

    .menu-ej-btn a {
        width: auto !important;
        color: #999 !important;
        float: right !important;
    }

    .menu-ej-box {
        width: 30%;
        height: 100%;
    }

    .menu-ej {
        width: 100%;
        height: 100%;
    }

    .menu-ej li {
        height: 40px !important;
        font-size: 15px !important;
        line-height: 40px !important;
    }

    .menu-ej li a {
        width: 100% !important;
        height: 40px !important;
        padding-left: 20px !important;
    }

    .menu-sj-box {
        width: 70%;
        height: 100%;
        position: fixed;
        top: 40px;
        right: 0;
        margin-left: 0px;
    }

    .menu-sj-t {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 6px;
    }

    .menu-sj-list ul li {
        line-height: 35px !important;
        margin-right: 20px;
    }

    .menu-list ul li:nth-child(1):hover .menu-ej-b-box {
        height: 100%;
        transition: all .3s;
    }

    .lg-box-phone {
        width: 100%;
        margin-top: 10%;
        display: block;
        float: left;
    }

    .lg-box-phone ul {
        margin: 0 auto;
        padding: 0px;
        display: table
    }

    .lg-box-phone ul li {
        padding-left: 11px;
        padding-right: 11px;
        margin: 10px;
        float: left;
    }

    .lg-box-phone ul li a {
        font-size: 16px;
        line-height: 26px;
        color: #414141;
        float: left
    }

    .lg-box-phone .active {
        border: 1px #414141 solid;
        border-radius: 30px;
    }

    .slide-box {
        width: 100%;
        height: auto;
        margin-top: 160px;
    }


    .index-banner {
        width: 98%;
        height: auto;
        overflow: hidden;
        margin-top: 2%;
        margin-left: 1%;
        float: left
    }

    .index-banner ul li {
        width: 49.5%;
        height: auto;
    }

    .index-banner ul li:nth-child(1) {
        margin-bottom: 0px;
        margin-right: 1%;
    }

    .p-cat-box {
        width: 98%;
        margin-top: 2%;
        margin-left: 1%;
    }

    .p-cat-box ul li {
        width: 32%;
        margin-left: 0;
        margin-right: 2%;
        margin-bottom: 3%;
    }

    .p-cat-box ul li:nth-child(3n) {
        margin-right: 0px;
    }

    .p-cat-box .img-box {
        width: 100%;
        height: 214px;
    }

    .p-cat-box .p-cat-t {
        font-size: 16px;
        line-height: 16px;
    }


    .index-tj-box {
        width: 100%;
        height: auto;
        margin-top: 10%;
        background-size: cover;
        float: left;
    }

    .index-tj-t {
        width: 50%;
        height: 80px;
        font-size: 25px;
        letter-spacing: 3px;
        line-height: 80px;
        margin-top: -40px;
    }

    .index-tj-list {
        width: 98%;
        margin-top: 3%;
        margin-left: 1%;
    }

    .index-tj-list ul li {
        width: 49.5%;
        height: auto;
        padding: 10px;
        margin-left: 0px;
        margin-right: 1%;
        margin-bottom: 2%;
    }

    .index-tj-list ul li:nth-child(2n) {
        margin-right: 0px;
    }

    .Collection-box {
        width: 37px;
        height: 31px;
        background: url('../image/Collection1.png') 50% 50% no-repeat;
        background-size: contain;
        float: right;
    }

    .Collection-active {
        background: url('../image/Collection2.png') 50% 50% no-repeat;
        background-size: contain;
        animation-name: example;
        animation-duration: 1s;
        animation-iteration-count: infinite;
    }

    @keyframes example {
        from {
            background-size: 90%;
        }
        to {
            background-size: 100%;
        }
    }

    .index-tj-img {
        width: 90%;
        height: 290px;
        margin-left: 5%;
        margin-top: 5px;
    }

    .index-tj-price-box {
        margin-top: 15px;
        padding-bottom: 10px;
        float: left;
    }

    .index-tj-price-l {
        width: 65%;
        float: left
    }

    .index-tj-price {
        font-size: 20px;
        line-height: 20px;
    }

    .index-tj-price span {
        font-size: 15px;
        margin-right: 6px;
    }

    .index-tj-price2 {
        font-size: 16px;
        line-height: 16px;
    }

    .index-tj-price2 span {
        font-size: 15px;
        margin-right: 8px;
    }

    .index-tj-btn {
        width: 30%;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }

    .index-tj-txt1 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 18px;
    }

    .index-tj-txt2 {
        font-size: 15px;
        line-height: 15px;
    }

    .index-tj-more {
        width: 257px;
        height: 60px;
        font-size: 16px;
        line-height: 60px;
        text-align: center;
        background-color: #ffffff;
        border: 1px #dbddde solid;
        border-radius: 30px;
        margin: 0 auto;
        margin-top: 2%;
        margin-bottom: 3%;
    }

    .index-tj-more a {
        width: 100%;
        color: #484849;
        float: left;
    }


    .footer-box {
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .footer-ny {
        margin-top: 5%;
    }

    .footer-list {
        width: 78%;
        margin-left: 2%;
    }

    .footer-list ul li {
        width: 49%;
        height: 76px;
        padding-left: 51px;
        margin-left: 0px;
        margin-bottom: 1%;
        margin-right: 2%;
    }

    .footer-list ul li:nth-child(2n) {
        margin-right: 0px;
        border-right: 0px;
    }

    .footer-list .f1 {
        background: url('../image/f1.png') 0 14px no-repeat;
        background-size: 27px;
    }

    .footer-list .f2 {
        background: url('../image/f2.png') 0 14px no-repeat;
    }

    .footer-list .f3 {
        background: url('../image/f3.png') 0 14px no-repeat;
    }

    .footer-list .f4 {
        background: url('../image/f4.png') 0 14px no-repeat;
    }

    .footer-t1 {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        color: #a4a4a4;
        margin-top: 19px;
        float: left;
    }

    .footer-t2 {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #555555;
        margin-top: 12px;
        font-weight: bold;
        float: left;
    }

    .footer-t3 {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        color: #555555;
        margin-top: 12px;
        float: left;
    }

    .footer-btn {
        width: 19%;
        margin-left: 0px;
        margin-top: 11px;
        float: left
    }

    .footer-btn ul li {
        width: 45%;
        margin-left: 5%;
        float: left;
    }

    .f-wechat-k {
        width: 132px;
        height: 145px;
        background: url(../image/f-wechat-k.png) no-repeat;
        margin-top: -210px;
        margin-left: -38px;
        padding: 16px;
        overflow: hidden;
        display: none;
        float: left;
    }
    .f-wechat-k img{
        /*max-width: 80px;
        padding: 0;
        margin:5px;*/
        width:100%;

    }

    .footer-btn ul li:hover .f-wechat-k {
        display: block
    }

    .foote-box2 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 1%;
    }

    .foote-box2-txt1 {
        font-size: 12px;
        line-height: 12px;
    }

    .foote-box2-txt1 a {
        color: #b8b8b8;
        margin-left: 15px;
    }

    .foote-box2-txt2 {
        float: right;
        padding-right: 5px;
    }

    .foote-box2-txt2 ul li {
        font-size: 12px;
        line-height: 12px;
        margin-left: 10px;
        float: left;
    }

    .bottom_tools {
        position: fixed;
        z-index: 1070;
        right: 5px;
        bottom: 40px;
    }

    .bottom_tools > * {
        font: 0/0 a;
        display: block;
        margin-top: 5px;
        color: transparent;
        border: 0;
        background-color: transparent;
        text-shadow: none
    }

    #scrollUp {
        width: 64px;
        height: 67px;
        background-image: url(../image/Top.png);
        display: none;
    }

    /*内页*/
    .ny-box {
        width: 100%;
        margin-top: 150px;
    }

    .ny-T {
        width: 98%;
        font-size: 20px;
        line-height: 20px;
        color: #585858;
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: 1%;
        float: left;
    }

    /*联络我们*/
    .contact-50 {
        margin-top: 3%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .contact-T {
        font-size: 18px;
        line-height: 18px;
    }

    .contact-input-t {
        font-size: 14px;
        line-height: 14px;
        color: #000;
        margin-top: 7%;
        margin-bottom: 4%;
    }

    .contact-t2 {
        font-size: 13px;
        line-height: 15px;
        margin-top: 7%;
        float: left;
    }

    .contact-list {
        width: 100%;
        margin-top: 15px;
        float: left
    }

    .contact-list ul li {
        width: 100%;
        padding-left: 47px;
        margin-top: 15px;
        float: left;
    }

    .contact-btn {
        margin-top: 3%;
        margin-left: 1%;
    }


    /*產品列表*/
    .ny-l-tj-phone {
        display: block !important
    }

    .ny-l-tj-box {
        display: none
    }

    .ny-l-tj-box {
        width: 98%;
        margin-top: 5%;
        padding: 3px;
        padding-bottom: 5%;
        margin-left: 1%;
        float: left;
    }

    .ny-l-tj-box ul li {
        width: 49%;
        margin-top: 20px;
        float: left;
    }

    .ny-l-tj-box-T {
        width: 100%;
        font-size: 16px;
        line-height: 35px;
        padding-left: 2%;
        float: left;
    }

    .ny-l-tj-box-img {
        width: 30%;
        height: 100px;
        margin-left: 1%;
    }

    .ny-l-tj-box-txt {
        width: 65%;
        margin-left: 0px;
        float: right;
    }

    .ny-l-tj-box-txt1 {
        font-size: 16px;
        line-height: 16px;
        margin-top: 3%;
    }

    .ny-l-tj-box-txt2 {
        font-size: 13px;
        line-height: 16px;
        margin-top: 3%;
    }

    .ny-l-tj-box-txt3 {
        font-size: 16px;
        line-height: 16px;
        margin-top: 3%;
    }

    .ny-l-tj-box-txt3 span {
        font-size: 14px;
    }

    .ny-r-box {
        width: 100%;
        margin-top: 170px;
        float: left
    }

    .ny-T-box-img {
        width: 100%;
        height: auto;
    }

    .ny-T-box-t {
        font-size: 30px;
        line-height: 30px;
        margin-top: -17%;
        padding-left: 5%;
        letter-spacing: 5px;
    }

    .ny-sx {
        width: 98%;
        margin-top: 2%;
        margin-bottom: 2%;
        margin-left: 1%;
    }

    .ny-product-box {
        width: 98%;
        margin-left: 1%;
    }

    .ny-product-box ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .ny-product-box ul li:nth-child(2n) {
        margin-right: 0px;
    }


    .ny-product-t1 {
        font-size: 16px;
        line-height: 16px;
        margin-top: 4%;
    }

    .ny-product-t2 {
        font-size: 16px;
        line-height: 16px;
        margin-top: 4%;
    }

    .ny-product-price-box {
        width: 100%;
        margin-top: 4%;
        margin-bottom: 23px;
        float: left
    }

    .ny-product-price-box ul li {
        width: auto;
        border: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        float: left;
    }

    .ny-product-price1 {
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
        color: #f84717;
    }

    .ny-product-price2 {
        font-size: 13px;
        line-height: 14px;
        text-decoration: line-through;
        color: #b7b7b7;
        margin-left: 13px;
    }

    .ny-product-booking {
        width: 91px;
        height: 31px;
        font-size: 14px;
        line-height: 31px;
        text-align: center;
        color: #78e3f0;
        border: 1px #78e3f0 solid;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 11px;
    }

    .ny-product-number {
        font-size: 12px;
        line-height: 30px;
        margin-left: 1%;
        float: left;
    }

    .page-box {
        float: right
    }

    .page-box ul li {
        width: 30px;
        height: 30px;
        font-size: 13px;
        line-height: 30px;
        color: #919191;
        text-align: center;
        border: 1px #eaeaea solid;
        border-radius: 5px;
        margin-left: 6px;
        margin-right: 6px;
        float: left;
    }

    .page-box ul li a {
        width: 100%;
        color: #919191;
        float: left;
    }

    .page-box .active {
        background-color: #43d3ea;
        border: 1px #43d3ea solid;
        color: #FFF;
    }

    .page-box ul li:hover {
        background-color: #43d3ea;
        border: 1px #43d3ea solid;
        color: #FFF;
    }

    /*产品详情*/
    .product-details-box {
        width: 100%;
        float: left;
    }

    .product-details-l {
        width: 40%;
        margin-left: 1%;
        float: left;
    }

    .product-details-img {
        width: 100%;
        height: 300px;
        margin-left: 1%;
    }

    .details-carousel {
        width: 98%;
        margin-left: 2%;
        margin-top: 28px;
    }

    .details-carousel li {
        display: inline-block;
        width: 22.4%;
        height: 60px;
        margin-right: 2%;
    }

    .item-details {
        height: 296px;
    }

    .item-details a {
        height: 296px;
    }

    .details-carousel .active {
        width: 22.5%;
        height: 60px;
        margin-right: 2%;

    }

    .details-big {
        width: 41px;
        height: 41px;
        background-size: 30px;
        margin-top: -290px;
        margin-right: 0px;
    }

    .product-details-r {
        width: 57%;
    }

    .product-details-t1 {
        font-size: 18px;
        line-height: 20px;
    }

    .product-details-price {
        font-size: 16px;
        line-height: 16px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .product-details-price2 {
        font-size: 15px;
        line-height: 15px;
        margin-left: 10px;
        padding-top: 2px;
        margin-top: 15px;
    }

    .product-details-T2 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .product-details-choice ul li {
        min-width: 60px;
        font-size: 13px;
        line-height: 30px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .product-details-number ul li {
        height: 30px;
        font-size: 13px;
        line-height: 28px;
    }

    .product-details-number ul li:nth-child(1) {
        width: 34px;
    }

    .product-details-number ul li:nth-child(2) {
        width: 50px;
    }

    .product-details-number ul li:nth-child(2) input {
        width: 50px;
        height: 28px;
    }

    .product-details-number ul li:nth-child(3) {
        width: 34px;
    }

    .product-details-additional ul li {
        font-size: 13px;
        line-height: 18px;
        margin-left: 0px;
        margin-right: 20px;
        margin-bottom: 5px;
    }

    .product-details-additional ul li:nth-child(1) {
        margin-left: 0PX;
    }

    .gcs-checkbox {
        display: none;
    }

    .gcs-checkbox + label {
        width: 18px;
        height: 18px;
        line-height: 18px;
        margin-bottom: 0px;
        margin-right: 5px;
    }

    .product-details-btn {
        margin-top: 10px;
    }

    .product-details-btn ul li {
        width: 40px;
        height: 40px;
    }

    .product-details-btn ul li a {
        height: 40px;
    }

    .product-details-submit {
        font-size: 16px;
        line-height: 40px;
    }

    .product-details-inquiry {
        font-size: 16px;
        line-height: 40px;
    }

    .product-details-share ul li {
        margin-top: 15px;
        margin-right: 30px;
    }

    .product-details-box2 {
        margin-top: 40px;
    }

    .product-details-type ul li {
        min-width: 150px;
        font-size: 18px;
        line-height: 18px;
    }

    .product-details-type-d {
        font-size: 14px;
        line-height: 30px;
        margin-top: 16px;
        padding: 20px;
        padding-top: 20px;
    }

    .product-details-txt1 {
        width: 35%;
        float: left;
    }

    .product-details-txt2 {
        width: 55%;
        float: left;
    }

    /*优惠情报*/
    .discount-box {
        width: 98%;
        margin-left: 1%;
        margin-top:30%;
        
    }

    .discount-box ul li {
        width: 49%;
        padding: 10px;
        margin-right: 2%;
        margin-bottom: 20px;
        float: left;
    }

    .discount-box ul li:nth-child(2n) {
        margin-right: 0px;
    }

    .discount-box-img {
        width: 35%;
        height: 140px;
    }

    .discount-box-img2 {
        width: 100%;
        height: 140px;
    }

    .discount-box-T {
        width: 35%;
        height: 140px;
        font-size: 13px;
        line-height: 16px;
        color: #FFF;
        margin-left: -35%;
        display: none;
        float: left
    }

    .discount-box-T table {
        width: 100%;
        height: 140px;
    }

    .discount-r {
        width: 63%;
        float: right
    }

    .discount-price {
        font-size: 28px;
        line-height: 30px;
    }

    .discount-price span {
        font-size: 16px;
    }

    .discount-t2 {
        font-size: 13px;
        line-height: 13px;
        padding: 7px;
    }

    .discount-t3 {
        font-size: 13px;
        line-height: 13px;
        margin-top: 11px;
        padding-bottom: 10px;
        float: left;
    }

    .discount-btn {
        width: 91px;
        height: 32px;
        font-size: 14px;
        line-height: 30px;
        color: #88e7f2;
        text-align: center;
        border: 1px #88e7f2 solid;
        border-radius: 3px;
        margin-top: 5px;
        float: right;
    }

    .crumbs-box {
        width: 98%;
        margin-left: 1%;
    }

    .crumbs-box ul li {
        font-size: 14px;
        color: #8dd4e0;
        margin-right: 21px;
        float: left;
    }

    .crumbs-box ul li a {
        color: #919191;
    }

    .Page-content-box {
        width: 98%;
        font-size: 14px;
        margin-left: 1%;
        float: left;
    }


    /*登入页面*/
    .login-h-box {
        width: 50%;
        float: left;
    }

    .login-box {
        width: 95%;
        padding: 20px;
        margin-top: 30px;
    }

    .login-t {
        font-size: 25px;
        line-height: 25px;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .login-t2 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 15px;
        float: left;
    }

    .login-input {
        width: 100%;
        height: 36px;
        border: 1px #e6e6e6 solid;
        border-radius: 5px;
        outline: none;
        padding-left: 10px;
        margin-bottom: 30px;
        float: left;
    }

    .login-btn {
        width: 100%;
        height: 44px;
        font-size: 16px;
        line-height: 44px;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        background-color: #009aac;
        border-radius: 5px;
        border: 0px;
        float: left;
    }

    .login-btn a {
        width: 100%;
        color: #FFF;
        float: left;
    }

    .login-rem {
        font-size: 14px;
        line-height: 20px;
        color: #929292;
        margin-top: 28px;
        margin-left: 65px;
        float: left;
    }

    .login-rem a {
        color: #929292;
        text-decoration: underline;
    }

    .login-register {
        width: 340px;
        margin-left: 30px;
        float: left;
    }

    .login-register-t {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        color: #333333;
        font-weight: bold;
        text-align: center;
        margin-top: 145px;
        float: left;
    }

    .login-register-btn {
        width: 100%;
        height: 44px;
        font-size: 16px;
        line-height: 40px;
        color: #009aac;
        text-align: center;
        font-weight: bold;
        border: 2px #009aac solid;
        margin-top: 25px;
        letter-spacing: 2px;
        float: left;
    }

    .login-register-btn a {
        width: 100%;
        color: #009aac;
        float: left
    }

    .login-register-txt {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        color: #333333;
        margin-top: 10px;
        float: left;
    }

    .login-register-txt a {
        color: #00cbe3;
    }

    /**購物車*/
    .cart-step {
        width: 98%;
        margin-left: 1%;
    }

    .cart-step ul li {
        width: 25%;
        font-size: 13px;
        line-height: 13px;
        padding-bottom: 13px;
    }

    .cart-list {
        width: 98%;
        margin-left: 1%;
    }

    .cart-list ul li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .cart-list-box1 {
        width: 50%;
    }

    .cart-list-img {
        width: 20%;
        height: 80px;
    }

    .cart-list-img2 {
        width: 100%;
        height: 80px;
    }

    .cart-list-t1 {
        width: 80%;
        font-size: 13px;
        line-height: 13px;
        padding-left: 10px;
        margin-top: 0px;
    }

    .cart-list-t2 {
        width: 80%;
        font-size: 13px;
        line-height: 13px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .cart-list-t3 {
        width: 80%;
        font-size: 13px;
        line-height: 13px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .cart-list-number {
        width: 25%;
        margin-top: 10px;
    }

    .cart-list-price {
        width: 25%;
        font-size: 16px;
        line-height: 16px;
        margin-left: 0px;
        margin-top: 17px;
    }

    .cart-list-btn {
        margin-top: 10px;
        float: right;
    }

    .cart-list-btn ul li {
        width: 54px;
    }

    .cart-Collection {
        width: 20px;
        height: 18px;
    }

    .cart-del {
        width: 20px;
        height: 18px;
    }

    .cart-additional {
        width: 100%;
        margin-top: 10px;
    }

    .cart-additional-t {
        font-size: 13px;
        line-height: 20px;
        margin-right: 10px;
    }

    .cart-additional ul li {
        width: auto;
        font-size: 13px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-bottom: 0px;
        margin-right: 10px;
    }

    .cart-order {
        width: 98%;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: 1%;
    }

    .cart-order-btn ul li {
        font-size: 13px;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 10px;
    }

    .cart-order-product {
        margin-top: 12px;
    }

    .cart-order-product ul li {
        font-size: 13px;
        line-height: 21px;
        margin-left: 20px
    }

    .cart-order-product-num {
        color: #333333;
        font-weight: bold;
    }

    .cart-order-product-price {
        font-size: 16px;
        line-height: 16px;
    }

    .cart-btn {
        width: 160px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        margin-top: 10px;
        margin-right: 1%
    }

    /*確認訂單*/
    .confirm-box {
        width: 48%;
        margin-top: 30px;
        margin-left: 1%;
        float: left;
    }

    .confirm-t {
        font-size: 16px;
        line-height: 16px;
    }

    .confirm-list ul li {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .confirm-box1 {
        width: 100%;
        float: left
    }

    .confirm-box1 .cart-list-t1 {
        width: 80%;
    }

    .confirm-box1 .cart-list-t2 {
        width: 80%;
    }

    .confirm-box1 .cart-list-t3 {
        width: 80%;
    }

    .confirm-box2 {
        width: 40%;
        font-size: 15px;
        line-height: 15px;
        text-align: right;
        margin-top: 20px;
    }

    .confirm-box3 {
        width: 50%;
        font-size: 15px;
        line-height: 15px;
        margin-top: 20px;
        text-align: right;
    }

    .confirm-additional {
        padding-bottom: 22px;
    }

    .confirm-additional .cart-additional-t {
        width: 15%;
    }

    .confirm-additional ul {
        width: 80%;
        float: left;
    }

    .confirm-additional ul li {
        font-size: 13px;
        line-height: 20px;
        margin-left: 0px;
        margin-right: 5px;
    }

    .confirm-order {
        width: 100%;
        border-bottom: 1px #f6f6f6 solid;
        padding-bottom: 19px;
        float: left;
    }

    .confirm-order ul li {
        margin-top: 10px;
        float: left;
    }

    .confirm-order-box1 {
        width: 20%;
        font-size: 13px;
        line-height: 13px;
    }

    .confirm-order-box2 {
        font-size: 13px;
        line-height: 13px;
    }

    .confirm-order2 {
        margin-top: 10px;
    }

    .confirm-order2 .confirm-order-box1 {
        line-height: 20px;
    }

    .confirm-order2 .confirm-order-box2 {
        font-size: 20px;
        line-height: 20px;
    }

    .confirm-order2 .confirm-order-box2 span {
        font-size: 16px;
    }

    .confirm-xx-box {
        width: 98%;
        padding: 10px;
        margin-top: 10px;
    }

    .confirm-xx-t {
        font-size: 14px;
        line-height: 20px;
    }

    .confirm-radio {
        font-size: 14px;
        line-height: 20px;
        margin-top: 16px;
        float: left
    }

    .confirm-address {
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .confirm-address-k1 {
        width: 10%;
        font-size: 14px;
        line-height: 14px
    }

    .confirm-address-k2 {
        width: 70%;
        font-size: 14px;
        line-height: 14px;
    }

    .confirm-address-k3 {
        width: 20%;
        font-size: 14px;
        line-height: 14px;
    }

    .confirm-pay-box {
        margin-top: 10px;
    }

    .confirm-pay-box ul li {
        width: 40%;
        height: 40px;
    }

    .confirm-pay-box .active {
        border: 2px #43d3ea solid;
    }

    .confirm-pay-box-img {
        height: 36px;
    }

    .confirm-pay-box-img a {
        height: 36px;
    }

    .confirm-select {
        width: 100%;
        height: 38px;
        border: 2px #43d3ea solid;
        border-radius: 5px;
        background-color: #FFF;
        margin-top: 12px;
        padding-left: 15px;
        margin-bottom: 23px;
        float: left;
    }

    .confirm-select-t {
        width: 25% !important;
        font-size: 12px;
        line-height: 34px;
        color: #979797;
        font-weight: lighter;
        float: left;
    }

    .confirm-select div {
        width: 75%;
    }

    .confirm-select select {
        width: 100%;
        height: 34px;
        font-size: 14px;
        color: #43d3ea;
        font-weight: bold;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0px;
        outline: none;
        position: relative;
        z-index: 1;
        background: none;
        float: left;
    }

    .confirm-select-t2 {
        width: 30px !important;
        font-size: 14px;
        line-height: 34px;
        color: #979797;
        font-weight: lighter;
        margin-left: -40px;
        float: left;
    }

    .confirm-textarea {
        width: 100%;
        height: 84px;
        background-color: #FFF;
        border: 1px #e6e6e6 solid;
        border-radius: 5px;
        margin-top: 8px;
        padding: 10px;
        float: left;
    }

    .confirm-btn {
        width: 150px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        margin-top: 20px;
        border: 0px;
        margin-right: 2%;
        float: right;
    }

    .confirm-btn a {
        width: 100%;
        color: #FFF;
        float: left
    }

    /*会员中心*/
    .member-b {
        height: 160px;
    }

    .member-photo {
        width: 80px;
        height: 80px;
        margin-top: 30px;
    }

    .member-name {
        font-size: 16px;
        line-height: 16px;
    }

    .member-menu ul li {
        font-size: 14px;
        line-height: 18px;
        margin: 15px;
        float: left;
    }

    .member-l {
        width: 20%;
        margin-top: 20px;
        margin-left: 1%;
        float: left;
    }

    .member-data-box {
        padding: 10px;
    }

    .member-data-box ul li {
        margin-bottom: 30px;
        text-align: center
    }

    .member-data-box ul li:nth-child(1) {
        width: 100%;
        float: left
    }

    .member-data-box ul li:nth-child(2) {
        width: 100%;
        float: left
    }

    .member-data-box ul li:nth-child(3) {
        width: 100%;
        float: left
    }

    .member-data-box .p1 {
        font-size: 30px;
        line-height: 30px;
    }

    .member-data-box .p2 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px;
    }

    .member-data-box .p3 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 10px;
    }

    .member-data-box .p3 a {
        color: #00cbe3;
    }

    .member-footprint {
        padding: 10px;
        margin-top: 20px;
    }

    .member-footprint ul li {
        width: 100%;
        height: 106px;
        margin-top: 20px;
        margin-right: 0px;
    }

    .member-footprint-img {
        height: 106px;
    }

    .member-footprint-k {
        height: 106px;
        margin-top: -106px;
    }

    .member-table {
        font-size: 13px;
        line-height: 14px;
    }

    .member-footprint-t {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
    }

    .member-footprint ul li:hover .member-footprint-k {
        background-color: rgb(0, 0, 0, .5);
    }

    .member-footprint ul li:hover .member-table {
        height: 106px;
        position: inherit;
    }

    .member-footprint-btn {
        width: 80%;
        height: 30px;
        font-size: 14px;
        line-height: 28px;
        margin-top: 20px;
        margin-left: 10%;
        float: left;
    }

    .member-r {
        width: 77%;
        margin-top: 20px;
        margin-right: 1%;
        float: right
    }

    .member-r-t {
        font-size: 18px;
        line-height: 18px;
        padding-bottom: 10px;
    }

    .member-order-list ul li {
        margin-top: 15px;
    }

    .member-order-box1 {
        padding: 10px;
    }

    .member-order-box1 div {
        font-size: 13px;
    }

    .member-order-box1 div:nth-child(2) {
        margin-left: 30px;
    }

    .member-order-box2 {
        padding: 10px;
    }

    .member-order-img {
        width: 12%;
        height: 79px;
    }

    .member-order-img2 {
        width: 100%;
        height: 79px;
    }

    .member-order-box2-1 {
        width: 60%;
        margin-left: 10px;
    }

    .member-order-t1 {
        font-size: 13px;
        line-height: 13px;
    }

    .member-order-t2 {
        font-size: 13px;
        line-height: 13px;
    }

    .member-order-t3 {
        font-size: 13px;
        line-height: 13px;
    }

    .member-order-box2-2 {
        width: 5%;
        font-size: 13px;
    }

    .member-order-box2-3 {
        width: 20%;
        font-size: 13px;
        line-height: 13px;
    }

    .member-order-box3 {
        padding: 10px;
    }

    .member-order-box3-1 {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 15px;
    }

    .member-order-box3-btn ul li {
        width: auto;
        min-width: 85px;
        font-size: 13px;
        padding: 5px;
        margin-left: 10px;
    }

    .member-like {
        width: 100%;
        margin-top: 0px;
        float: left;
    }

    .member-like-list ul li {
        width: 49%;
        margin-left: 0px;
        margin-right: 2%;
        margin-bottom: 15px;
    }

    .member-like-list ul li:nth-child(2n) {
        margin-right: 0px;
    }

    .member-like-img {
        width: 100%;
        height: 270px;
        background-color: #f1f1f1;
        float: left
    }

    .member-like-img2 {
        width: 100%;
        height: 270px;
        background-size: contain !important;
        float: left
    }

    .member-like-t1 {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        color: #333333;
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
    }

    .member-like-t2 {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        color: #333333;
        font-weight: bold;
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
    }

    .member-like-list ul li:hover {
        box-shadow: 1px 1px 6px 2px #f8f8f8;
    }

    .member-like-list ul li:hover .member-like-t1 {
        color: #00cbe3;
    }

    .member-like-btn {
        margin-top: -48px;
        float: right;
    }

    .member-like-btn ul li {
        width: 33px;
        height: 33px;
        border: 1px #ebebeb solid;
        border-radius: 5px;
        text-align: center;
        margin-left: 15px;
        float: left;
    }

    .member-like-btn ul li a {
        width: 100%;
        font-size: 20px;
        line-height: 33px;
        color: #b3b3b3;
        font-weight: bold;
        outline: none;
        float: left
    }

    .member-like-btn ul li a:link {
        text-decoration: none;
    }

    .order-search-box {
        width: 98%;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 1%;
        float: left;
    }

    .order-search-box1 {
        width: 35%;
        height: 42px;
        font-size: 14px;
        color: #7c7c7c;
        border: 1px #ebebeb solid;
        border-radius: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-left: 20px;
        outline: none;
        background: url('../image/s-jt.png') 80% 50% no-repeat;
        float: left;
    }

    .order-search-box2 {
        width: 55%;
        height: 42px;
        font-size: 13px;
        color: #7c7c7c;
        border: 1px #ebebeb solid;
        border-radius: 5px;
        overflow: hidden;
        float: right;
    }

    .order-search-box2 input {
        width: 80%;
        height: 40px;
        padding-left: 20px;
        border: 0px;
        outline: none;
        float: left
    }

    .order-search-box2 a {
        width: 20%;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
        float: left;
    }

    .order-search-box2 a i {
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #686161;
    }


    /*訂單詳情*/
    .order-d-box1 {
        font-size: 16px;
        line-height: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .order-d-box2 {
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        color: #333333;
        padding-top: 20px;
        border-bottom: 1px #ebebeb solid;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
    }

    .order-d-box-h {
        width: 50%;
        margin-bottom: 15px;
        float: left;
    }

    .order-d-box-all {
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }

    .order-d-list {
        width: 100%;
        float: left;
    }

    .order-d-list ul li {
        width: 100%;
        border-bottom: 1px #ebebeb solid;
        padding-bottom: 10px;
        margin-top: 10px;
        float: left;
    }

    .order-d-additional {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .order-d-additional ul li {
        width: auto;
        font-size: 14px;
        color: #333333;
        line-height: 14px;
        border-bottom: 0px;
        margin-right: 53px;
        float: left;
    }

    .order-d-additional-t {
        font-size: 14px;
        color: #adadad;
        line-height: 14px;
        margin-right: 20px;
        padding-top: 10px;
        float: left;
    }

    .order-d-box1-1-t {
        font-size: 14px;
    }

    .order-d-order {
        width: 50%;
        border-bottom: 0px;
        float: right;
    }

    .order-d-order .confirm-order-box1 {
        width: 40%;
        font-size: 14px;
        line-height: 14px;
    }

    .order-d-order .confirm-order-box2 {
        width: 60%;
        font-size: 14px;
        line-height: 14px;
    }

    .order-d-order2 {
        width: 48%;
    }

    .order-d-order2 .confirm-order-box1 {
        width: 40%;
        font-size: 14px;
        line-height: 20px;
    }

    .order-d-order2 .confirm-order-box2 {
        width: 60%;
        font-size: 20px;
        line-height: 20px;
    }

    .order-d-order2 .confirm-order-box2 span {
        font-size: 16px;
        line-height: 20px;
    }

    .order-d-order-btn {
        width: 140px;
        height: 35px;
        font-size: 13px;
        line-height: 33px;
        margin-top: 30px;
        float: right;
    }

    /*我的積分*/
    .member-integral-box {
        width: 100%;
        padding: 15px;
        margin-top: 15px;
        float: left;
    }

    .member-integral-box1 {
        width: 40%;
    }

    .member-integral-box .member-integral-box1:nth-child(1) {
        width: 20%;
    }

    .member-integral-box1-1 {
        font-size: 30px;
        line-height: 30px;
    }

    .member-integral-box1-2 {
        font-size: 12px;
        margin-top: 5px;
        float: left;
    }

    .member-integral-box1-3 {
        width: 100%;
        font-size: 12px;
        color: #333333;
        margin-top: 10px;
        float: left;
    }

    .member-integral-box1-4 {
        width: 100%;
        font-size: 12px;
        color: #aeaeae;
        margin-top: 10px;
        float: left;
    }

    .member-integral-box2 {
        width: 50%;
        float: left;
    }

    .member-integral-box2-1 {
        font-size: 16px;
        line-height: 16px;
    }

    .member-integral-box2-2 {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
        color: #a9a9a9;
        margin-top: 8px;
        float: left;
    }

    .member-integral-box2-3 {
        width: 100%;
        font-size: 25px;
        line-height: 25px;
        color: #43d2ea;
        text-align: right;
        float: left;
    }

    .member-integral-box2-4 {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
        color: #a9a9a9;
        text-align: right;
        margin-top: 21px;
        float: left;
    }

    .member-integral-box2-5 {
        width: 100%;
        font-size: 25px;
        line-height: 25px;
        color: #64cc31;
        text-align: right;
        margin-top: 24px;
        float: left;
    }

    .margin-t-30 {
        margin-top: 40px;
    }


    /*地址管理*/
    .address-box1 {
        width: 100%;
        margin-top: 20px;
        float: left;
    }

    .address-box1 ul li {
        width: 100%;
        padding: 10px;
        margin-right: 0px;
    }

    .address-box1-1 {
        font-size: 14px;
        line-height: 22px;
    }

    .address-box1-1-2 {
        width: 82px;
        height: 22px;
        font-size: 14px;
        line-height: 22px;
        background-color: #c2c2c2;
        border-radius: 30px;
        text-align: center;
        float: left
    }

    .address-box1-1-2 a {
        width: 100%;
        color: #FFF;
        float: left
    }

    .address-box1-2 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        float: right
    }

    .address-box1-2 ul li {
        width: 22px;
        height: 22px;
        background-size: contain !important;
        border: 0px;
        padding: 0px;
        margin-right: 0px;;
        margin-bottom: 0px;
        float: left
    }

    .address-box1-2 ul li a {
        width: 100%;
        height: 22px;
        float: left
    }

    .address-btn1 {
        background: url('../image/address1.png') 50% 50% no-repeat
    }

    .address-btn2 {
        background: url('../image/address2.png') 50% 50% no-repeat;
        margin-left: 46px;
    }

    .address-box2 {
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        color: #333333;
        margin-top: 10px;
        float: left;
    }

    .address-box2 span {
        color: #818181;
    }

    .address-T {
        width: 100%;
        font-size: 18px;
        line-height: 18px;
        color: #212121;
        margin-top: 42px;
        float: left;
    }

    .address-T2 {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        color: #808080;
        margin-top: 31px;
        float: left;
    }

    .address-T2 span {
        color: #F00
    }

    .address-box3 {
        width: 100%;
        float: left;
    }

    .address-input {
        width: 100%;
        height: 44px;
        font-size: 14px;
        border: 1px #e0e0e0 solid;
        border-radius: 5px;
        margin-top: 10px;
        padding-left: 30px;
        float: left;
    }

    .address-select {
        width: 100%;
        height: 44px;
        font-size: 14px;
        border: 1px #e0e0e0 solid;
        border-radius: 5px;
        margin-top: 10px;
        padding-left: 30px;
        float: left;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url('../image/s-jt.png') 98% 50% no-repeat;
    }

    .address-btn3 {
        width: 50%;
        height: 44px;
        background-color: #009aac;
        font-size: 16px;
        line-height: 44px;
        color: #FFF;
        text-align: center;
        margin-top: 32px;
        margin-left: 0px;
        font-weight: bold;
        margin-left: 25%;
        float: left;
    }

    .address-btn3 a {
        width: 100%;
        color: #FFF;
        float: left
    }

    .message-box {
        width: 100%;
        float: left
    }

    /*完成下單*/
    .ok-box {
        width: 80%;
        background-color: #f7f7f7;
        border-radius: 5px;
        margin: 0 auto;
        padding: 53px;
        margin-top: 51px;
    }

    .ok-box1 {
        width: 100%;
        text-align: center;
    }

    .ok-box2 {
        width: 100%;
        font-size: 24px;
        line-height: 24px;
        color: #3ca5b1;
        text-align: center;
        margin-top: 27px;
    }

    .ok-box3 {
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        color: #333333;
        text-align: center;
        margin-top: 27px;
    }

    .ok-box3 a {
        color: #00cbe3
    }

    .ok-box4 {
        width: 100%;
    }

    .ok-box4 ul {
        margin: 0 auto;
        padding: 0px;
        display: table
    }

    .ok-box4 ul li {
        width: 140px;
        height: 40px;
        border: 1px #e2e2e2 solid;
        border-radius: 30px;
        font-size: 16px;
        line-height: 38px;
        color: #7c7c7c;
        text-align: center;
        margin: 11px;
        margin-top: 22px;
        float: left
    }

    .ok-box4 ul li a {
        color: #7c7c7c
    }

    .ok-box4-btn1 {
        background-color: #00cbe3;
        border: 1px #00cbe3 solid
    }

    .ok-box4-btn1 a {
        color: #FFF !important
    }

    /*商品对比*/
    .contrast-box1 {
        width: 98%;
        border-bottom: 1px #f5f5f5 solid;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 1%;
        float: left;
    }

    .contrast-box1-1 {
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
        color: #706d6d;
        float: left
    }

    .contrast-box1-2 {
        font-size: 13px;
        line-height: 30px;
        color: #9f9d9d;
        margin-left: 10px;
        float: left
    }

    .contrast-box1-3 {
        width: 100px;
        height: 30px;
        font-size: 13px;
        color: #333333;
        line-height: 26px;
        text-align: center;
        border: 2px #f2f2f2 solid;
        border-radius: 5px;
        float: right
    }

    .contrast-box1-3 a {
        width: 100%;
        color: #333333;
        float: left
    }

    .contras-list {
        width: 98%;
        margin-left: 1%;
        float: left;
    }

    .contras-list ul li {
        width: 100%;
        border-bottom: 2px #f5f5f5 solid;
        padding-top: 20px;
        padding-bottom: 20px;
        float: left;
    }

    .contras-list-box1 {
        width: 20%;
        float: left;
    }

    .contras-list-box2 {
        width: 25%;
        margin-left: 1%;
        float: left;
    }

    .contras-list-box1-1 {
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        color: #acacac;
        float: left;
    }

    .contras-list-box1-2 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #acacac;
        margin-top: 202px;
        float: left;
    }

    .contras-list-box2-1 {
        width: 80%;
        float: left;
    }

    .contras-list-box2-1-t1 {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
    }

    .contras-list-box2-1-t2 {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
        color: #333333;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 5px;
        float: left;
    }

    .contras-list-box2-1-img {
        width: 100%;
        height: 150px;
        background-color: #f2f2f2;
        border-radius: 5px;
        overflow: hidden;
        margin-top: 22px;
        float: left
    }

    .contras-list-box2-1-img2 {
        width: 100%;
        height: 150px;
        background-size: contain !important;
        float: left
    }

    .contras-list-box2-1-price {
        width: 100%;
        margin-top: 10px;
        float: left
    }

    .contras-list-box2-1-price1 {
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        color: #f85936;
        font-weight: bold;
        float: left;
    }

    .contras-list-box2-1-price2 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #c0c0c0;
        text-decoration: line-through;
        margin-left: 0px;
        margin-top: 5px;
        float: left;
    }

    .contras-list-box2-2 {
        width: 12%;
        float: right;
    }

    .contras-list-box2-2 img {
        width: 100%;
    }

    .contras-list-box2 .product-details-btn {
        margin-top: 15px;
    }

    .contras-list-box2 .product-details-btn ul li {
        width: 50px;
        height: 36px;
        margin-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        float: left;
    }

    .contras-list-box2-3 {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #333333;
        float: left;
    }


    /*彈出層*/
    .Popup-all-box {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999998;
        background-color: rgb(0, 0, 0, .5)
    }

    .Popup-box {
        width: 80%;
        background-color: #FFF;
        border-radius: 5px;
        margin-left: 10%;
        padding-bottom: 30px;
        position: absolute;
        z-index: 999999;
        margin-top: 50px;
        float: left;
    }

    .Popup-box-box1 {
        width: 100%;
        padding: 20px;
        float: left;
    }

    .Popup-box-box1-t {
        font-size: 16px;
        line-height: 18px;
        color: #333333;
        float: left
    }

    .Popup-box-box1-1 {
        float: right
    }

    .Popup-box-box2 {
        width: 100%;
        background-color: #f7f7f7;
        padding: 12px;
        padding-top: 30px;
        padding-bottom: 30px;
        float: left
    }

    .Popup-box-box2-1 {
        width: 20%;
        height: 120px;
        background-color: #FFF;
        border: 1px #e6e6e6 solid;
        border-radius: 5px;
        float: left
    }

    .Popup-box-box2-1-img {
        width: 100%;
        height: 118px;
        background-size: contain !important;
        float: left;
    }

    .Popup-box-box2-2 {
        width: 78%;
        height: 120px;
        font-size: 16px;
        line-height: 18px;
        color: #454545;
        margin-left: 2%;
        float: left;
    }

    .Popup-box-box2-2 table {
        height: 120px;
    }

    .Popup-box-box3 {
        width: 95%;
        margin-left: 2.5%;
        font-size: 13px;
        line-height: 16px;
        color: #8a6934;
        background-color: #fffbe7;
        border: 1px #edcf9f solid;
        border-radius: 5px;
        padding: 15px;
        margin-top: 15px;
        float: left
    }

    .Popup-box-box4 {
        width: 100%;
        width: 95%;
        margin-left: 2.5%;
        float: left;
    }

    .Popup-box-box5 {
        width: 45%;
        margin-left: 2.5%;
        float: left
    }

    .Popup-box-box6 {
        width: 45%;
        margin-right: 2.5%;
        float: right
    }


}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 428px) {

    .Top-box {
        height: 35px;
    }

    .Top-box-l {
        width: 63%;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
        background: url('../image/top-b.png') 8px 50% no-repeat;
        background-size: 20px;
        padding-left: 7%;
    }

    .TOP-m-box {
        height: 20px;
        margin-top: 8px;
        margin-left: 0%;
        float: right;
        margin-right: 1%;
    }

    .TOP-m-box ul li {
        font-size: 12px;
        line-height: 20px;
    }

    .TOP-m-box ul li:nth-child(1) {
        margin-right: 5px;
        padding-right: 5px;
    }

    .TOP-m-box ul li a {
        height: 15px;
    }

    .TOP-m-box ul li img {
        height: 13px;
    }

    .header-box {
        height: 50px;
        top: 35px;
    }

    .logo {
        width: 29%;
        margin-left: 10px;
        float: left;
    }

    .search-box {
        height: 55px;
        top: 85px;
    }

    .search-box-l {
        width: 88%;
        height: 38px;
        border: 1px #efefef solid;
        border-right: 0px;
    }

    .search-box-l input {
        height: 33px;
        font-size: 14px;
        padding-left: 30px;
    }

    .search-box-r {
        width: 12%;
        height: 38px;
        background-size: 35%;
    }

    .search-box-r a {
        height: 35px;
    }

    .header-btn-list {
        margin-top: 5px;
        margin-left: 0px;
        margin-right: 3%;
        float: right;
    }

    .header-btn-list li {
        height: 20px;
        font-size: 13px;
        line-height: 20px;
        margin-top: 14px;
        float: left;
    }

    .header-btn-list a {
        float: left;
    }

    .h-img1 {
        background-size: 18px;
        padding-left: 21px;
        margin-right: 20px;
    }

    .h-img2 {
        background-size: 18px;
        padding-left: 10px;
        margin-right: 10px;
    }

    .h-img3 {
        background-size: 18px;
        padding-left: 10px;
    }

    .lg-box {
        display: none
    }

    .p-menu-btn {
        font-size: 20px !important;
        color: #00cbe3;
        margin-left: 15px;
        display: block
    }

    .menu-list ul li {
        font-size: 16px;
        line-height: 50px;
        height: 50px;

    }

    .menu-ej-box {
        width: 45%;
        height: 100%;
    }

    .menu-sj-box {
        width: 55%;
        height: 100%;
        position: fixed;
        top: 40px;
        right: 0;
        margin-left: 0px;
    }

    .menu-ej li {
        height: 40px !important;
        font-size: 14px !important;
        line-height: 40px !important;
    }

    .menu-ej li a {
        width: 100% !important;
        height: 40px !important;
        padding-left: 10px !important;
    }

    .menu-sj-t {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 6px;
    }

    .menu-sj-box {
        padding: 10px;
    }

    .slide-box {
        margin-top: 140px;
    }

    .index-banner ul li {
        width: 100%;
        margin-top: 2.5%;
    }

    .p-cat-box {
        margin-top: 3%;
    }

    .p-cat-box ul li {
        width: 48%;
        margin-left: 0;
        margin-right: 4%;
        margin-bottom: 5%;
    }

    .p-cat-box ul li:nth-child(2n) {
        margin-right: 0px;
    }

    .p-cat-box ul li:nth-child(3) {
        margin-right: 4%;
    }

    .index-tj-t {
        width: 50%;
        height: 60px;
        font-size: 20px;
        letter-spacing: 3px;
        line-height: 60px;
        margin-top: -30px;
    }

    .index-tj-list ul li {
        width: 100%;
        padding: 10px;
        margin-left: 0px;
        margin-right: 0%;
        margin-bottom: 3%;
    }

    .index-tj-img {
        width: 90%;
        height: 290px;
        margin-left: 5%;
        margin-top: 5px;
    }

    .index-tj-price-box {
        margin-top: 15px;
        padding-bottom: 10px;
        float: left;
    }

    .index-tj-price-l {
        width: 65%;
        float: left
    }

    .index-tj-price {
        font-size: 20px;
        line-height: 20px;
    }

    .index-tj-price span {
        font-size: 15px;
        margin-right: 6px;
    }

    .index-tj-price2 {
        font-size: 16px;
        line-height: 16px;
    }

    .index-tj-price2 span {
        font-size: 15px;
        margin-right: 8px;
    }

    .index-tj-btn {
        width: 30%;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }

    .index-tj-txt1 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 18px;
    }

    .index-tj-txt2 {
        font-size: 15px;
        line-height: 15px;
    }

    .index-tj-more {
        width: 60%;
        height: 50px;
        font-size: 15px;
        line-height: 50px;
        text-align: center;
        background-color: #ffffff;
        border: 1px #dbddde solid;
        border-radius: 30px;
        margin: 0 auto;
        margin-top: 2%;
        margin-bottom: 8%;
    }

    .index-tj-more a {
        width: 100%;
        color: #484849;
        float: left;
    }


    .footer-ny {
        margin-top: 7%;
    }

    .footer-list {
        width: 95%;
        margin-left: 2.5%;
    }

    .footer-list ul li {
        width: 100%;
        height: auto;
        padding-left: 51px;
        margin-left: 0px;
        margin-bottom: 1%;
        border-right: 0px;
        margin-right: 2%;
    }

    .footer-t1 {
        font-size: 15px;
        line-height: 15px;
    }

    .footer-t2 {
        font-size: 16px;
        line-height: 16px;
    }

    .footer-t3 {
        font-size: 13px;
        line-height: 13px;
    }

    .footer-btn {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        float: left
    }

    .footer-btn ul li {
        width: 50px;
        margin-left: 57px;
        float: left;
    }

    .f-wechat-k {
        width: 132px;
        height: 145px;
        background: url(../image/f-wechat-k.png) no-repeat;
        margin-top: -200px;
        margin-left: -38px;
        padding: 16px;
        overflow: hidden;
        display: none;
        float: left;
    }

    .footer-btn ul li:hover .f-wechat-k {
        display: block
    }

    .foote-box2 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 1%;
    }

    .foote-box2-txt1 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
    }

    .foote-box2-txt1 a {
        color: #b8b8b8;
        margin-left: 15px;
    }

    .foote-box2-txt2 {
        padding-right: 10px;
        margin-top: 3%;
    }

    .foote-box2-txt2 ul li {
        font-size: 12px;
        line-height: 12px;
        margin-left: 10px;
        float: left;
    }

    .bottom_tools {
        position: fixed;
        z-index: 1070;
        right: 5px;
        bottom: 40px;
    }

    .bottom_tools > * {
        font: 0/0 a;
        display: block;
        margin-top: 5px;
        color: transparent;
        border: 0;
        background-color: transparent;
        text-shadow: none
    }

    #scrollUp {
        width: 64px;
        height: 67px;
        background-image: url(../image/Top.png);
        display: none;
    }

    /*内页*/
    .ny-box {
        width: 100%;
        margin-top: 130px;
    }

    .ny-T {
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
        margin-bottom: 15px;
        text-align: center
    }

    /*联络我们*/
    .contact-50 {
        width: 98%;
        margin-top: 3%;
        padding-left: 1%;
        padding-left: 1%;
        padding-right: 0px;
    }

    .contact-T {
        font-size: 16px;
        line-height: 16px;
        margin-top: 5%;
        text-align: center
    }

    .contact-input-t {
        font-size: 14px;
        line-height: 14px;
        color: #000;
        margin-top: 7%;
        margin-bottom: 4%;
    }

    .contact-t2 {
        font-size: 13px;
        line-height: 15px;
        margin-top: 7%;
        text-align: center;
        float: left;
    }

    .contact-list {
        width: 100%;
        margin-top: 15px;
        float: left
    }

    .contact-list ul li {
        width: 100%;
        padding-left: 47px;
        margin-top: 15px;
        float: left;
    }

    .contact-btn {
        width: 100%;
        margin-top: 3%;
        margin-left: 1%;
    }

    .p-display {
        display: none;
    }

    /*產品列表*/
    .ny-l-tj-box ul li {
        width: 100%;
        margin-top: 5%;
        float: left;
    }

    .ny-l-tj-box-T {
        font-size: 14px;
        line-height: 30px;
    }

    .ny-l-tj-box-img {
        width: 30%;
        height: 80px;
        margin-left: 1%;
    }

    .ny-l-tj-box-txt1 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 3%;
    }

    .ny-l-tj-box-txt2 {
        font-size: 13px;
        line-height: 16px;
        margin-top: 3%;
    }

    .ny-l-tj-box-txt3 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 3%;
    }

    .ny-l-tj-box-txt3 span {
        font-size: 14px;
    }

    .ny-r-box {
        margin-top: 145px;
        float: left
    }

    .ny-T-box-img {
        width: 100%;
        height: auto;
    }

    .ny-T-box-t {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 2px;
    }

    .ny-product-img-Collection {
        margin: 5px;
    }

    .ny-product-img-box {
        height: auto;
    }

    .ny-product-img {
        height: 150px;
    }

    .ny-product-tj {
        width: 55px;
        height: 21px;
        font-size: 13px;
        line-height: 21px;
        margin-left: 11px;
        margin-top: 5px;
        float: left;
    }

    .ny-product-btn-box {
        height: 150px;
        margin-top: -150px;
    }

    .ny-product-btn {
        margin-top: 55px;
    }

    .ny-product-t1 {
        font-size: 12px;
        line-height: 12px;
        margin-top: 4%;
        text-align: left;
        padding-left: 1%;
    }

    .ny-product-t2 {
        font-size: 12px;
        line-height: 12px;
        margin-top: 4%;
        text-align: left;
        padding-left: 1%;
    }

    .ny-product-price-box {
        margin-bottom: 14px;
    }

    .ny-product-price-box ul {
        margin: 0;
        width:100%;
    }

    .ny-product-price-box ul li {
        width: 100%;
    }

    .ny-product-price1 {
        font-size: 13px;
        line-height: 13px;
        padding-left: 1%;
    }

    .ny-product-price2 {
        font-size: 13px;
        line-height: 13px;
        margin-left: 0px;
        padding-left: 1%;
        margin-top: 2%;
    }

    .ny-product-booking {
        width: 91px;
        height: 31px;
        font-size: 13px;
        line-height: 29px;
    }

    .ny-product-number {
        font-size: 12px;
        line-height: 25px;
        margin-left: 1%;
        margin-top: 2%;
        float: left;
    }

    .page-box {
        margin-top: 2%;
        float: right
    }

    .page-box ul li {
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
        margin-left: 3px;
        margin-right: 3px;
        float: left;
    }

    .page-box ul li a {
        width: 100%;
        color: #919191;
        float: left;
    }

    .page-box .active {
        background-color: #43d3ea;
        border: 1px #43d3ea solid;
        color: #FFF;
    }

    .page-box ul li:hover {
        background-color: #43d3ea;
        border: 1px #43d3ea solid;
        color: #FFF;
    }

    /*产品详情*/
    .product-details-l {
        width: 98%;
        margin-left: 1%;
        float: left;
    }

    .product-details-img {
        height: 300px;
        margin-left: 0px;
    }

    .details-carousel {
        margin-top: 20px;
    }

    .details-carousel li {
        display: inline-block;
        width: 22.4%;
        height: 70px;
        margin-right: 2%;
    }

    .item-details {
        height: 296px;
    }

    .item-details a {
        height: 296px;
    }

    .details-carousel .active {
        width: 22.5%;
        height: 70px;
        margin-right: 2%;

    }

    .product-details-r {
        width: 96%;
        margin-right: 2%;
    }

    .product-details-t1 {
        font-size: 16px;
        line-height: 18px;
    }

    .product-details-price {
        font-size: 14px;
        line-height: 14px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .product-details-price2 {
        font-size: 13px;
        line-height: 13px;
        margin-left: 10px;
        padding-top: 0px;
        margin-top: 15px;
    }

    .product-details-T2 {
        font-size: 13px;
        line-height: 13px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .product-details-choice ul li {
        min-width: 60px;
        font-size: 13px;
        line-height: 30px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .product-details-number ul li {
        height: 30px;
        font-size: 13px;
        line-height: 28px;
    }

    .product-details-number ul li:nth-child(1) {
        width: 34px;
    }

    .product-details-number ul li:nth-child(2) {
        width: 50px;
    }

    .product-details-number ul li:nth-child(2) input {
        width: 50px;
        height: 28px;
    }

    .product-details-number ul li:nth-child(3) {
        width: 34px;
    }

    .product-details-additional ul li {
        font-size: 13px;
        line-height: 18px;
        margin-left: 0px;
        margin-right: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
        width:100%;
    }

    /*.product-details-additional ul li:nth-child(1) {
        margin-left: 0PX;
    }*/

    .gcs-checkbox {
        display: none;
    }

    .gcs-checkbox + label {
        width: 18px;
        height: 18px;
        line-height: 18px;
        margin-bottom: 0px;
        margin-right: 5px;
    }

    .product-details-btn {
        margin-top: 15px;
    }

    .product-details-btn ul li {
        width: 40px;
        height: 40px;
    }

    .product-details-btn ul li a {
        height: 40px;
    }

    .product-details-submit {
        font-size: 16px;
        line-height: 40px;
    }

    .product-details-inquiry {
        font-size: 16px;
        line-height: 40px;
    }

    .product-details-share ul li {
        margin-top: 15px;
        margin-right: 30px;
    }

    .product-details-box2 {
        margin-top: 40px;
    }

    .product-details-type ul li {
        min-width: 150px;
        font-size: 18px;
        line-height: 18px;
    }

    .product-details-type-d {
        font-size: 14px;
        line-height: 30px;
        margin-top: 16px;
        padding: 20px;
        padding-top: 20px;
    }

    .product-details-txt1 {
        width: 35%;
        float: left;
    }

    .product-details-txt2 {
        width: 55%;
        float: left;
    }

    /*优惠情报*/
    .discount-box ul li {
        width: 100%;
        padding: 10px;
        margin-right: 0%;
        margin-bottom: 15px;
        float: left;
    }

    .discount-box ul li:nth-child(2n) {
        margin-right: 0px;
    }

    .discount-box-img {
        width: 35%;
        height: 140px;
    }

    .discount-box-img2 {
        width: 100%;
        height: 140px;
    }

    .discount-box-T {
        width: 35%;
        height: 140px;
        font-size: 13px;
        line-height: 16px;
        color: #FFF;
        margin-left: -35%;
        display: none;
        float: left
    }

    .discount-box-T table {
        width: 100%;
        height: 140px;
    }

    .discount-r {
        width: 63%;
        float: right
    }

    .discount-price {
        font-size: 28px;
        line-height: 30px;
    }

    .discount-price span {
        font-size: 16px;
    }

    .discount-t2 {
        font-size: 13px;
        line-height: 13px;
        padding: 7px;
    }

    .discount-t3 {
        font-size: 13px;
        line-height: 13px;
        margin-top: 11px;
        padding-bottom: 10px;
        float: left;
    }

    .discount-btn {
        width: 91px;
        height: 32px;
        font-size: 14px;
        line-height: 30px;
        color: #88e7f2;
        text-align: center;
        border: 1px #88e7f2 solid;
        border-radius: 3px;
        margin-top: 5px;
        float: right;
    }

    .crumbs-box {
        width: 98%;
        margin-left: 1%;
        padding-bottom: 10px;
    }

    .crumbs-box ul li {
        font-size: 13px;
        color: #8dd4e0;
        margin-right: 15px;
        float: left;
    }

    .crumbs-box ul li a {
        color: #919191;
    }

    .Page-content-box {
        width: 98%;
        font-size: 14px;
        margin-left: 1%;
        float: left;
    }

    /*登入页面*/
    .login-h-box {
        width: 95%;
        margin-left: 2.5%;
    }

    .login-box {
        width: 100%;
        padding: 15px;
        margin-top: 20px;
    }

    .login-t {
        font-size: 20px;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .login-register {
        width: 100%;
        margin-left: 0px;
    }

    .login-register-t {
        margin-top: 30px;
        float: left;
    }

    .login-register-btn {
        width: 100%;
        height: 44px;
        font-size: 16px;
        line-height: 40px;
        color: #009aac;
        text-align: center;
        font-weight: bold;
        border: 2px #009aac solid;
        margin-top: 25px;
        letter-spacing: 2px;
        float: left;
    }

    .login-register-btn a {
        width: 100%;
        color: #009aac;
        float: left
    }

    .login-register-txt {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        color: #333333;
        margin-top: 10px;
        float: left;
    }

    .login-register-txt a {
        color: #00cbe3;
    }


    /**購物車*/
    .cart-step ul li {
        font-size: 12px;
        line-height: 12px;
        padding-bottom: 10px;
    }

    .cart-list-box1 {
        width: 100%;
    }

    .cart-list-img {
        width: 30%;
        height: 100px;
    }

    .cart-list-img2 {
        width: 100%;
        height: 100px;
    }

    .cart-list-t1 {
        width: 70%;
        font-size: 12px;
        line-height: 12px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .cart-list-t2 {
        width: 70%;
        font-size: 12px;
        line-height: 12px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .cart-list-t3 {
        width: 70%;
        font-size: 12px;
        line-height: 12px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .cart-list-number {
        width: 48%;
        margin-top: 10px;
    }

    .cart-list-price {
        width: 36%;
        font-size: 13px;
        line-height: 16px;
        margin-left: 0px;
        margin-top: 17px;
    }

    .cart-list-btn {
        width: 16%;
        margin-top: 16px;
        float: right;
    }

    .cart-list-btn ul li {
        width: auto;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 20%;
    }

    .cart-list-btn ul li:nth-child(1) {
        margin-left: 0px;
    }

    .cart-Collection {
        width: 20px;
        height: 18px;
    }

    .cart-del {
        width: 20px;
        height: 18px;
    }

    .cart-additional {
        width: 100%;
        margin-top: 10px;
    }

    .cart-additional-t {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        margin-right: 0px;
        margin-bottom: 5px;
    }

    .cart-additional ul li {
        width: auto;
        font-size: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-bottom: 0px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .cart-order {
        width: 98%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 1%;
    }

    .cart-order-btn {
        width: 100%;
    }

    .cart-order-btn ul li {
        font-size: 12px;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 10px;
    }

    .cart-order-product {
        margin-top: 12px;
    }

    .cart-order-product ul li {
        font-size: 13px;
        line-height: 21px;
        margin-left: 20px
    }

    .cart-order-product-num {
        color: #333333;
        font-weight: bold;
    }

    .cart-order-product-price {
        font-size: 14px;
        line-height: 16px;
    }

    .cart-btn {
        width: 150px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
        margin-top: 10px;
        margin-right: 1%
    }

    /*確認訂單*/
    .confirm-box {
        width: 98%;
        margin-top: 20px;
        margin-left: 1%;
        float: left;
    }

    .confirm-t {
        font-size: 14px;
        line-height: 14px;
    }

    .confirm-list ul li {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .confirm-box1 {
        width: 100%;
        float: left
    }

    .confirm-box1 .cart-list-t1 {
        width: 70%;
    }

    .confirm-box1 .cart-list-t2 {
        width: 70%;
    }

    .confirm-box1 .cart-list-t3 {
        width: 70%;
    }

    .confirm-box2 {
        width: 40%;
        font-size: 15px;
        line-height: 15px;
        text-align: right;
        margin-top: 20px;
    }

    .confirm-box3 {
        width: 50%;
        font-size: 15px;
        line-height: 15px;
        margin-top: 20px;
        text-align: right;
    }

    .confirm-additional {
        padding-bottom: 22px;
    }

    .confirm-additional .cart-additional-t {
        width: 15%;
    }

    .confirm-additional ul {
        width: 80%;
        float: left;
    }

    .confirm-additional ul li {
        font-size: 13px;
        line-height: 20px;
        margin-left: 0px;
        margin-right: 5px;
    }

    .confirm-order {
        width: 100%;
        border-bottom: 1px #f6f6f6 solid;
        padding-bottom: 19px;
        float: left;
    }

    .confirm-order ul li {
        margin-top: 10px;
        float: left;
    }

    .confirm-order-box1 {
        width: 20%;
        font-size: 13px;
        line-height: 13px;
    }

    .confirm-order-box2 {
        font-size: 13px;
        line-height: 13px;
    }

    .confirm-order2 {
        margin-top: 10px;
    }

    .confirm-order2 .confirm-order-box1 {
        line-height: 20px;
    }

    .confirm-order2 .confirm-order-box2 {
        font-size: 20px;
        line-height: 20px;
    }

    .confirm-order2 .confirm-order-box2 span {
        font-size: 16px;
    }

    .confirm-xx-box {
        width: 98%;
        padding: 10px;
        margin-top: 10px;
    }

    .confirm-xx-t {
        font-size: 14px;
        line-height: 20px;
    }

    .confirm-radio {
        font-size: 14px;
        line-height: 20px;
        margin-top: 16px;
        float: left
    }

    .confirm-address {
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .confirm-address-k1 {
        width: 10%;
        font-size: 14px;
        line-height: 14px
    }

    .confirm-address-k2 {
        width: 70%;
        font-size: 14px;
        line-height: 14px;
    }

    .confirm-address-k3 {
        width: 20%;
        font-size: 14px;
        line-height: 14px;
    }

    .confirm-pay-box {
        margin-top: 10px;
    }

    .confirm-pay-box ul li {
        width: 40%;
        height: 40px;
    }

    .confirm-pay-box .active {
        border: 2px #43d3ea solid;
    }

    .confirm-pay-box-img {
        height: 36px;
    }

    .confirm-pay-box-img a {
        height: 36px;
    }

    .confirm-select {
        width: 100%;
        height: 38px;
        font-size: 14px;
        margin-top: 12px;
        padding-left: 15px;
        margin-bottom: 23px;
    }

    .confirm-textarea {
        width: 100%;
        height: 84px;
        background-color: #FFF;
        border: 1px #e6e6e6 solid;
        border-radius: 5px;
        margin-top: 8px;
        padding: 10px;
        float: left;
    }

    .confirm-btn {
        width: 150px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        margin-top: 20px;
        border: 0px;
        margin-right: 2%;
        float: right;
    }

    .confirm-btn a {
        width: 100%;
        color: #FFF;
        float: left
    }

    /*会员中心*/
    .member-b {
        height: 120px;
    }

    .member-photo {
        width: 60px;
        height: 60px;
        margin-top: 18px;
    }

    .member-photo-img {
        width: 100%;
        height: 60px;
    }

    .member-name {
        font-size: 13px;
        line-height: 13px;
        margin-top: 10px;
    }

    .member-menu ul li {
        font-size: 13px;
        line-height: 18px;
        margin: 10px;
        float: left;
    }

    .member-l {
        width: 98%;
        margin-top: 15px;
        margin-left: 1%;
        float: left;
    }

    .member-data-box {
        padding: 10px;
        padding-bottom: 0px;
    }

    .member-data-box ul li {
        margin-bottom: 30px;
        text-align: center;
    }

    .member-data-box ul li:nth-child(1) {
        width: 33.3%;
        float: left
    }

    .member-data-box ul li:nth-child(2) {
        width: 33.3%;
        float: left
    }

    .member-data-box ul li:nth-child(3) {
        width: 33.3%;
        float: left
    }

    .member-data-box .p1 {
        font-size: 25px;
        line-height: 25px;
    }

    .member-data-box .p2 {
        font-size: 13px;
        line-height: 13px;
        margin-top: 10px;
    }

    .member-data-box .p3 {
        font-size: 13px;
        line-height: 13px;
        margin-top: 15px;
    }

    .member-data-box .p3 a {
        color: #00cbe3;
    }

    .member-footprint {
        padding: 10px;
        margin-top: 20px;
    }

    .member-footprint ul li {
        width: 32.5%;
        height: 106px;
        margin-top: 20px;
        margin-right: 1.2%;
    }

    .member-footprint ul li:nth-child(3n) {
        margin-right: 0px;
    }

    .member-footprint-img {
        height: 106px;
    }

    .member-footprint-k {
        height: 106px;
        margin-top: -106px;
    }

    .member-table {
        font-size: 12px;
        line-height: 13px;
    }

    .member-footprint-t {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
    }

    .member-footprint ul li:hover .member-footprint-k {
        background-color: rgb(0, 0, 0, .5);
    }

    .member-footprint ul li:hover .member-table {
        height: 106px;
        position: inherit;
    }

    .member-footprint-btn {
        width: 60%;
        height: 30px;
        font-size: 14px;
        line-height: 28px;
        margin-top: 20px;
        margin-left: 20%;
        float: left;
    }

    .member-r {
        width: 98%;
        margin-top: 20px;
        margin-right: 1%;
        float: right
    }

    .member-r-t {
        font-size: 16px;
        line-height: 16px;
        padding-bottom: 10px;
    }

    .member-order-list ul li {
        margin-top: 15px;
    }

    .member-order-box1 {
        padding: 10px;
    }

    .member-order-box1 div {
        font-size: 12px;
    }

    .member-order-box1 div:nth-child(2) {
        margin-left: 20px;
    }

    .member-order-box2 {
        padding: 10px;
    }

    .member-order-img {
        width: 20%;
        height: 79px;
    }

    .member-order-img2 {
        width: 100%;
        height: 79px;
    }

    .member-order-box2-1 {
        width: 70%;
        margin-left: 10px;
    }

    .member-order-t1 {
        font-size: 12px;
        line-height: 12px;
    }

    .member-order-t2 {
        font-size: 12px;
        line-height: 12px;
    }

    .member-order-t3 {
        font-size: 12px;
        line-height: 12px;
    }

    .member-order-box2-2 {
        width: 5%;
        font-size: 12px;
    }

    .member-order-box2-3 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        text-align: right;
        margin-top: 0px;
    }

    .member-order-box3 {
        padding: 10px;
    }

    .member-order-box3-1 {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 15px;
    }

    .member-order-box3-btn ul li {
        width: auto;
        min-width: 85px;
        font-size: 13px;
        padding: 5px;
        margin-left: 10px;
    }

    .member-like {
        width: 100%;
        margin-top: 0px;
        float: left;
    }

    .member-like-list ul li {
        width: 49%;
        margin-left: 0px;
        margin-right: 2%;
        margin-bottom: 15px;
    }

    .member-like-list ul li:nth-child(2n) {
        margin-right: 0px;
    }

    .member-like-img {
        height: 180px;
    }

    .member-like-img2 {
        height: 180px;
    }

    .member-like-t1 {
        font-size: 12px;
        line-height: 12px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
    }

    .member-like-t2 {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 13px;
    }

    .member-like-list ul li:hover {
        box-shadow: 1px 1px 6px 2px #f8f8f8;
    }

    .member-like-btn {
        margin-top: -48px;
        float: right;
    }

    .member-like-btn ul li {
        width: 33px;
        height: 33px;
        margin-left: 10px;
        float: left;
    }

    /*訂單詳情*/
    .order-d-box1 {
        font-size: 13px;
        line-height: 13px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .order-d-box2 {
        font-size: 13px;
        line-height: 13px;
        padding-top: 15px;
    }

    .order-d-box-h {
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }

    .order-d-box-all {
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }

    .order-d-list {
        width: 100%;
        float: left;
    }

    .order-d-list ul li {
        width: 100%;
        border-bottom: 1px #ebebeb solid;
        padding-bottom: 10px;
        margin-top: 10px;
        float: left;
    }

    .order-d-additional {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .order-d-additional ul li {
        width: auto;
        font-size: 13px;
        color: #333333;
        line-height: 13px;
        border-bottom: 0px;
        margin-right: 20px;
        float: left;
    }

    .order-d-additional-t {
        width: 100%;
        font-size: 14px;
        color: #adadad;
        line-height: 14px;
        margin-right: 20px;
        padding-top: 10px;
        float: left;
    }

    .order-d-box1-1-t {
        font-size: 14px;
    }

    .order-d-order {
        width: 100%;
        border-bottom: 0px;
        float: right;
    }

    .order-d-order .confirm-order-box1 {
        width: 30%;
        font-size: 14px;
        line-height: 14px;
    }

    .order-d-order .confirm-order-box2 {
        width: 70%;
        font-size: 14px;
        line-height: 14px;
    }

    .order-d-order2 {
        width: 95%;
    }

    .order-d-order2 .confirm-order-box1 {
        width: 30%;
        font-size: 14px;
        line-height: 20px;
    }

    .order-d-order2 .confirm-order-box2 {
        width: 70%;
        font-size: 20px;
        line-height: 20px;
    }

    .order-d-order2 .confirm-order-box2 span {
        font-size: 16px;
        line-height: 20px;
    }

    .order-d-order-btn {
        width: 140px;
        height: 35px;
        font-size: 13px;
        line-height: 33px;
        margin-top: 30px;
        float: right;
    }


    /*我的積分*/
    .member-integral-box {
        width: 100%;
        padding: 15px;
        margin-top: 15px;
        float: left;
    }

    .member-integral-box1 {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .member-integral-box .member-integral-box1:nth-child(1) {
        width: 100%;
    }

    .member-integral-box1-1 {
        font-size: 30px;
        line-height: 30px;
    }

    .member-integral-box1-2 {
        font-size: 13px;
        margin-top: 5px;
        float: left;
    }

    .member-integral-box1-3 {
        width: 100%;
        font-size: 13px;
        color: #333333;
        margin-top: 10px;
        float: left;
    }

    .member-integral-box1-4 {
        width: 100%;
        font-size: 13px;
        color: #aeaeae;
        margin-top: 10px;
        float: left;
    }

    .member-integral-box2 {
        width: 50%;
        float: left;
    }

    .member-integral-box2-1 {
        font-size: 16px;
        line-height: 16px;
    }

    .member-integral-box2-2 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #a9a9a9;
        margin-top: 8px;
        float: left;
    }

    .member-integral-box2-3 {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #43d2ea;
        text-align: right;
        float: left;
    }

    .member-integral-box2-4 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #a9a9a9;
        text-align: right;
        margin-top: 21px;
        float: left;
    }

    .member-integral-box2-5 {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #64cc31;
        text-align: right;
        margin-top: 24px;
        float: left;
    }

    .margin-t-30 {
        margin-top: 30px;
    }

    /*地址管理*/
    .address-box1 {
        width: 100%;
        margin-top: 20px;
        float: left;
    }

    .address-box1 ul li {
        width: 100%;
        padding: 10px;
        margin-right: 0px;
    }

    .address-box1-1 {
        font-size: 14px;
        line-height: 22px;
    }

    .address-box1-1-2 {
        width: 82px;
        height: 22px;
        font-size: 14px;
        line-height: 22px;
        background-color: #c2c2c2;
        border-radius: 30px;
        text-align: center;
        float: left
    }

    .address-box1-1-2 a {
        width: 100%;
        color: #FFF;
        float: left
    }

    .address-box1-2 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        float: right
    }

    .address-box1-2 ul li {
        width: 22px;
        height: 22px;
        background-size: contain !important;
        border: 0px;
        padding: 0px;
        margin-right: 0px;;
        margin-bottom: 0px;
        float: left
    }

    .address-box1-2 ul li a {
        width: 100%;
        height: 22px;
        float: left
    }

    .address-btn1 {
        background: url('../image/address1.png') 50% 50% no-repeat
    }

    .address-btn2 {
        background: url('../image/address2.png') 50% 50% no-repeat;
        margin-left: 46px;
    }

    .address-box2 {
        width: 100%;
        font-size: 13px;
        line-height: 13px;
        color: #333333;
        margin-top: 10px;
        float: left;
    }

    .address-box2 span {
        color: #818181;
    }

    .address-T {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        color: #212121;
        margin-top: 20px;
        float: left;
    }

    .address-T2 {
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        color: #808080;
        margin-top: 31px;
        float: left;
    }

    .address-T2 span {
        color: #F00
    }

    .address-box3 {
        width: 100%;
        float: left;
    }

    .address-input {
        width: 100%;
        height: 44px;
        font-size: 14px;
        border: 1px #e0e0e0 solid;
        border-radius: 5px;
        margin-top: 10px;
        padding-left: 30px;
        float: left;
    }

    .address-select {
        width: 100%;
        height: 44px;
        font-size: 14px;
        border: 1px #e0e0e0 solid;
        border-radius: 5px;
        margin-top: 10px;
        padding-left: 30px;
        float: left;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url('../image/s-jt.png') 98% 50% no-repeat;
    }

    .address-btn3 {
        width: 50%;
        height: 44px;
        background-color: #009aac;
        font-size: 16px;
        line-height: 44px;
        color: #FFF;
        text-align: center;
        margin-top: 32px;
        margin-left: 0px;
        font-weight: bold;
        margin-left: 25%;
        float: left;
    }

    .address-btn3 a {
        width: 100%;
        color: #FFF;
        float: left
    }

    .m-data-photo {
        width: 20%;
        height: 110px;
        border-radius: 10px;
        overflow: hidden;
        background-size: contain !important;
        margin-right: 3%;
        float: left;
    }

    .m-data-photo2 {
        float: left;
    }

    .m-data-photo2-1 {
        width: 50%;
        height: 30px;
        border: 1px #e0e0e0 solid;
        border-radius: 30px;
        font-size: 12px;
        line-height: 30px;
        color: #808080;
        margin-top: 25px;
        text-align: center;
    }

    .m-data-photo2-1 a {
        width: 100%;
        color: #808080;
        float: left;
    }

    .m-data-photo2-2 {
        font-size: 12px;
        line-height: 12px;
        color: #808080;
        margin-top: 15px;
    }

    .photo-box3 {
        width: 100%;
        border-bottom: 1px #e0e0e0 dashed;
        padding-bottom: 10px;
        margin-top: 22px;
        float: left
    }

    .message-box {
        width: 100%;
        float: left
    }

    /*完成下單*/
    .ok-box {
        width: 95%;
        background-color: #f7f7f7;
        border-radius: 5px;
        margin: 0 auto;
        padding: 10px;
        margin-top: 20px;
    }

    .ok-box1 {
        width: 100%;
        text-align: center;
    }

    .ok-box2 {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #3ca5b1;
        text-align: center;
        margin-top: 20px;
    }

    .ok-box3 {
        width: 100%;
        font-size: 12px;
        line-height: 15px;
        color: #333333;
        text-align: center;
        margin-top: 20px;
    }

    .ok-box3 a {
        color: #00cbe3
    }

    .ok-box4 {
        width: 100%;
    }

    .ok-box4 ul {
        margin: 0 auto;
        padding: 0px;
        display: table
    }

    .ok-box4 ul li {
        width: 100px;
        height: 30px;
        border: 1px #e2e2e2 solid;
        border-radius: 30px;
        font-size: 13px;
        line-height: 28px;
        color: #7c7c7c;
        text-align: center;
        margin: 5px;
        margin-top: 22px;
        float: left
    }

    .ok-box4 ul li a {
        color: #7c7c7c
    }

    .ok-box4-btn1 {
        background-color: #00cbe3;
        border: 1px #00cbe3 solid
    }

    .ok-box4-btn1 a {
        color: #FFF !important
    }

    /*商品对比*/
    .contrast-box1 {
        width: 98%;
        border-bottom: 1px #f5f5f5 solid;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 1%;
        float: left;
    }

    .contrast-box1-1 {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
        color: #706d6d;
        float: left
    }

    .contrast-box1-2 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #9f9d9d;
        margin-left: 0px;
        margin-top: 10px;
        float: left
    }

    .contrast-box1-3 {
        width: 100px;
        height: 30px;
        font-size: 13px;
        color: #333333;
        line-height: 26px;
        text-align: center;
        border: 2px #f2f2f2 solid;
        border-radius: 5px;
        margin-top: 15px;
        float: right
    }

    .contrast-box1-3 a {
        width: 100%;
        color: #333333;
        float: left
    }

    .contras-list {
        width: 98%;
        margin-left: 1%;
        float: left;
    }

    .contras-list ul li {
        width: 100%;
        border-bottom: 2px #f5f5f5 solid;
        padding-top: 10px;
        padding-bottom: 10px;
        float: left;
    }

    .contras-list-box1 {
        width: 9%;
        margin-right: 1%;
        float: left;
    }

    .contras-list-box2 {
        width: 30%;
        margin-left: 0%;
        float: left;
    }

    .contras-list-box1-1 {
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        color: #acacac;
        float: left;
    }

    .contras-list-box1-2 {
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        color: #acacac;
        margin-top: 115px;
        float: left;
    }

    .contras-list-box2-1 {
        width: 80%;
        float: left;
    }

    .contras-list-box2-1-t1 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
    }

    .contras-list-box2-1-t2 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #333333;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 5px;
        float: left;
    }

    .contras-list-box2-1-img {
        width: 100%;
        height: 100px;
        background-color: #f2f2f2;
        border-radius: 5px;
        overflow: hidden;
        margin-top: 10px;
        float: left
    }

    .contras-list-box2-1-img2 {
        width: 100%;
        height: 100px;
        background-size: contain !important;
        float: left
    }

    .contras-list-box2-1-price {
        width: 100%;
        margin-top: 10px;
        float: left
    }

    .contras-list-box2-1-price1 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #f85936;
        font-weight: bold;
        float: left;
    }

    .contras-list-box2-1-price2 {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #c0c0c0;
        text-decoration: line-through;
        margin-left: 0px;
        margin-top: 5px;
        float: left;
    }

    .contras-list-box2-2 {
        width: 12%;
        float: right;
    }

    .contras-list-box2-2 img {
        width: 100%;
    }

    .contras-list-box2 .product-details-btn {
        margin-top: 10px;
    }

    .contras-list-box2 .product-details-btn ul li {
        width: 40%;
        height: 36px;
        margin-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        float: left;
    }

    .contras-list-box2-3 {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #333333;
        float: left;
    }

    /*彈出層*/
    .Popup-all-box {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999998;
        background-color: rgb(0, 0, 0, .5)
    }

    .Popup-box {
        width: 95%;
        background-color: #FFF;
        border-radius: 5px;
        margin-left: 2.5%;
        padding-bottom: 30px;
        position: absolute;
        z-index: 999999;
        margin-top: 20px;
        float: left;
    }

    .Popup-box-box1 {
        width: 100%;
        padding: 20px;
        float: left;
    }

    .Popup-box-box1-t {
        font-size: 16px;
        line-height: 18px;
        color: #333333;
        float: left
    }

    .Popup-box-box1-1 {
        float: right
    }

    .Popup-box-box2 {
        width: 100%;
        background-color: #f7f7f7;
        padding: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
        float: left
    }

    .Popup-box-box2-1 {
        width: 25%;
        height: 110px;
        background-color: #FFF;
        border: 1px #e6e6e6 solid;
        border-radius: 5px;
        float: left
    }

    .Popup-box-box2-1-img {
        width: 100%;
        height: 118px;
        background-size: contain !important;
        float: left;
    }

    .Popup-box-box2-2 {
        width: 73%;
        height: 110px;
        font-size: 12px;
        line-height: 16px;
        color: #454545;
        margin-left: 2%;
        float: left;
    }

    .Popup-box-box2-2 table {
        height: 110px;
    }

    .Popup-box-box3 {
        width: 95%;
        margin-left: 2.5%;
        font-size: 12px;
        line-height: 14px;
        color: #8a6934;
        background-color: #fffbe7;
        border: 1px #edcf9f solid;
        border-radius: 5px;
        padding: 10px;
        margin-top: 15px;
        float: left
    }

    .Popup-box-box4 {
        width: 100%;
        width: 95%;
        margin-left: 2.5%;
        float: left;
    }

    .Popup-box-box5 {
        width: 95%;
        margin-left: 2.5%;
        float: left
    }

    .Popup-box-box6 {
        width: 95%;
        margin-right: 2.5%;
        float: right
    }
}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 320px) {

    .logo {
        width: 26%;
        margin-left: 5px;
        margin-top: 8px;
        float: left;
    }


    .header-btn-list {
        margin-top: 5px;
        margin-left: 0px;
        margin-right: 3%;
        float: right;
    }

    .header-btn-list li {
        height: 20px;
        font-size: 13px;
        line-height: 20px;
        margin-top: 14px;
        float: left;
    }

    .header-btn-list a {
        float: left;
    }

    .h-img1 {
        background-size: 12px;
        padding-left: 15px;
        margin-right: 10px;
    }

    .h-img2 {
        background-size: 12px;
        padding-left: 10px;
        margin-right: 0px;
    }

    .h-img3 {
        background-size: 12px;
        padding-left: 10px;
    }


    .foote-box2-txt1 {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
    }


    .bottom_tools {
        position: fixed;
        z-index: 1070;
        right: 5px;
        bottom: 40px;
    }

    .bottom_tools > * {
        font: 0/0 a;
        display: block;
        margin-top: 5px;
        color: transparent;
        border: 0;
        background-color: transparent;
        text-shadow: none
    }

    #scrollUp {
        width: 64px;
        height: 67px;
        background-image: url(../image/Top.png);
        display: none;
    }


}