.tf-yy-banner{
    height: 420px;
}
.tf-yy-title{
    padding: 50px 0;
    text-align: center;
}
.tf-yy-title .yy-main-title{
    color: #00B5ED;
    font-size: 30px;
}
.tf-yy-title .yy-main-title > span{
    display: inline-block;
    font-weight: bold;
    padding-left: 60px;
    background: url("../../images/yy-logo-mainpage-1.png") no-repeat left center;
}
.tf-yy-title .yy-main-subtitle{
    line-height: 45px;
    font-size: 30px;
    margin:10px 0;
}
.tf-yy-title .yy-main-subtitle > span{
    display: inline-block;
    height: 45px;
}
.tf-yy-title .yy-main-subtitle > span.quotemark-left{
    width: 60px;
    background: url("../../images/yy-quotemark-1.png") no-repeat left center;
}
.tf-yy-title .yy-main-subtitle > span.quotemark-right{
    width: 50px;
    background: url("../../images/yy-quotemark-2.png") no-repeat right center;
}
.tf-yy-advert > img{
    height: 250px;
    cursor: pointer;
    margin-right: 16px;
}
.tf-yy-advert > img:last-child{
    margin:0;
}
.yy-pop-goods{
    margin-top:10px;
    padding: 50px 0;
}
.yy-pop-goods .pop-goods-title{
    height: 1px;
    background: #DBDBDB;
    position: relative;
}
.yy-pop-goods .pop-goods-title .pop-title{
    font-size: 24px;
    color: #000000;
    position: absolute;
    width: 100%;
    text-align: center;
    top:-17px;
}
.yy-pop-goods .pop-goods-title .pop-title > span{
    display: inline-block;
    background: #F4F4F4;
    width: 180px;
}
.yy-pop-goods .pop-good-list .pop-good-item{
    width: 262px;
    height: 360px;
    float: left;
    margin:45px 45px 0 0;
    position: relative;
}
.yy-pop-goods .pop-good-list .pop-good-item .list-sold-out{
    position: absolute;
    width: 60px;
    height: 44px;
    background: url("../../images/sold-out-new.png") no-repeat;
    background-size:60px auto;
    right: 0;
    bottom: 0;
}
.yy-pop-goods .pop-good-list .pop-good-item > a{
    display: block;
}
.yy-pop-goods .pop-good-list .pop-good-item > a > img{
    width: 262px;
    height: 262px;
}
.yy-pop-goods .pop-good-list .pop-good-item .pop-goods-detail{
    margin-top: 20px;
}
.yy-pop-goods .pop-good-list .pop-good-item .pop-goods-detail .good-name{
    font-size: 18px;
    font-weight: bold
}
.yy-pop-goods .pop-good-list .pop-good-item .pop-goods-detail .good-price{
    font-size: 24px;
    color: #DFB26C;
}
.yy-more-btn{
    text-align: center;
    margin:60px 0 100px 0;
    font-size: 24px;
}
.yy-more-btn > button{
    width: 286px;
    height: 78px;
    background: transparent;
    border: 2px solid;
}
.tf-yy-bottom{
    background: #F5FAFF;
    padding: 54px 0
}
.tf-yy-bottom .yy-bottom-content{
    width: 1200px;
    margin: 0 auto;
}
.tf-yy-bottom .yy-bottom-content .bottom-title-logo{
    display: none;
    height: 32px;
    background: url("../../images/logoi-mainpage-2.png") no-repeat  center;
}
.tf-yy-bottom .bottom-content{
    text-align: center;
    color: #A6A6A6;
    margin:40px 0;
}
.bottom-detail > div.detail-item{
    float: left;
    width: 250px;
    height: 64px;
    margin-right:20px;
    padding-left: 80px;
    font-size: 13px;
    color:#CACBCB;
    padding-top: 10px;
}
.bottom-detail > div.detail-item .item-title{
    font-size: 15px;
    color: #535353;
    margin-bottom: 5px;
}
.bottom-detail > div.detail-item:first-child{
    margin-left: 100px;
}
.bottom-detail > div.detail-item:last-child{
    margin-right: 0;
}
.bottom-detail  .art-Selections{
    background: url("../../images/yyhouse/icon-1-art.png") no-repeat  left center;
}
.bottom-detail  .authenticity-guaranteed{
    background: url("../../images/yyhouse/icon-2-auth.png") no-repeat  left center;
}
.bottom-detail  .free-delivery{
    background: url("../../images/yyhouse/icon-3-free.png") no-repeat  left center;
}
.bottom-detail  .hot-line{
    background: url("../../images/yyhouse/icon-4-call.png") no-repeat  left center;
}



/*详情*/
.tf-artder-detail{
    background: #FFF;
    padding: 30px;
}
.tf-artder-detail .artder-detail-left{
    float: left;
    width: 670px;
}
.artder-detail-carousel .artder-detail-bigimg{
    width: 670px;
    height: 447px;
    overflow: hidden;
    position: relative;
}
.artder-detail-carousel .artder-detail-bigimg > img{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    z-index: 0;
}
.artder-detail-smallimg {
    margin-top:20px;
}
.artder-detail-smallimg .small-img{
    width: 102px;
    height: 102px;
    float:left;
    /* border: 4px solid transparent; */
    cursor: pointer;
    overflow: hidden;
    margin-right: 11px;
}
.artder-detail-smallimg .small-img:last-child{
    margin-right: 0;
}
.artder-detail-smallimg .small-img > img{
    max-width: none;
    width:100%;
    height:100%;
    object-fit: cover;
}
.artder-detail-smallimg .active{
    border: 4px solid #dfb26c;
}

.artder-detail-right{
    width: 404px;
    float: left;
    margin-left: 58px;
}
.artder-detail-right .artder-detail-title{
    font-size: 24px;
    color:#333;
    font-weight: bold;
    background: url("../../images/artist_title_bg.png") no-repeat left bottom;
    padding:10px 0 15px 0;
}

.artder-detail-right > ul{
    padding-top:40px;
}
.artder-detail-right > ul > li{
    color:#666;
}
.artder-detail-right > ul > li.price > span{
    font-size: 28px;
    color:#dfb26c;
    font-weight: bold;
}
.artder-detail-right > ul > li.price > label, .artder-detail-right > ul > li.standards > label{
    margin-top:8px;
}
.artder-detail-right > ul > li > label{
    color:#333;
    font-weight: bold;
    float: left;
}
.artder-detail-right > ul > li > span{
    float: left;
}
.artder-detail-right > ul > li > span > a{
    display: block;
    float: left;
    width: 114px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    color:#666;
    border: 1px solid #666;
}

.artder-detail-right > ul > li.standards > span{
    width: 280px;
}
.artder-detail-right > ul > li.standards > span > a{
    margin:0 20px 20px 0;
}
.artder-detail-right > ul > li.standards > span > a:hover, .artder-detail-right > ul > li.standards > span > a:link{
    text-decoration: none;
}
.artder-detail-right > ul > li.standards > span > a.active{
    border: 2px solid #dfb26c;
    color:#dfb26c;
    line-height: 32px;
}
.price-freight{
    background: url("../../images/seprator.png") no-repeat left bottom;
    padding-bottom: 15px;
    position: relative;
}
.price-freight .sold-out{
    position: absolute;
    width: 135px;
    height: 99px;
    background: url("../../images/sold-out-new.png") no-repeat;
    background-size: 135px auto;
    right: 0;
    top:0;
}
.yygood-label{
    padding: 15px 0 20px 0;
    border-left: none;
    border-right: none;
    margin-bottom: 28px;
    background: url("../../images/seprator.png") no-repeat left bottom;
}
.yygood-label > ul > li > label{
    color: #686868;
    width: 75px;
}
.yygood-label > ul > li.sector-material{
    margin-top:20px;
}
.yygood-label > ul > li > span{
    color: #7C7C7C;
}
.yy-artwork-label{
    margin-top:20px;
}
.yy-artwork-label > span{
    display: block;
    float: left;
    color: #616161;
    margin-right: 30px;
    height: 25px;
    line-height: 25px;
    padding-left: 35px;
}
.yy-artwork-label > span.label-01{
    background: url("../../images/icon-tag-1.png") no-repeat left center;
}
.yy-artwork-label > span.label-02{
    background: url("../../images/icon-tag-2.png") no-repeat left center;
}
.yy-artwork-label > span.label-03{
    background: url("../../images/icon-tag-3.png") no-repeat left center;
}
.order-purchase{
    width: 100%;
    height: 50px;
    font-size: 15px;
    background: #DFB26C;
    color:#FFF;
    border: none;
}
.share-add{
    margin-top:20px;
}
.share-add > span{
    display: block;
    float: left;
    width: 190px;
    height: 50px;
    border: 1px solid #979797;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    color: #1F1F1F;
    font-weight: bold;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}
.share-add > span:last-child{
    margin-right: 0;
}

.share-add > span > i{
    padding: 5px 10px;
    margin-right: 10px;
}
.share-add > span.shopp-cart > i{
    background: url("../../images/icon-cart.png") no-repeat  center;
}
.share-add > span.share > i{
    background: url("../../images/icon-share.png") no-repeat  center;
}
.share-add > span.share > div{
    position: absolute;
    display: none;
}
.share-add > span.share:hover > div{
    display: block;
}
.artder-goods-detail{
    background: #FFF;
    margin-top:10px;
}
.artder-goods-detail .goods-detail-left{
    width: 733px;
    float: left;
}
.artder-goods-detail .goods-detail-title{
    text-align: center;
    padding: 22px 0;
    color:#333;
    font-weight: bold;
    font-size: 24px;
    background: url("../../images/artist_title_bg.png") no-repeat center bottom;
}
.artder-goods-detail .goods-detail-left .goods-detail-title{
    width: 670px;
}
.detail-left{
    width: 700px;
}

.left-content-item-01{
    padding-bottom: 72px;
}
.left-content-item-01 .item-img{
    width: 670px;
    overflow: hidden;
    position: relative;
}
.left-content-item-01 .item-img > .img-bg{
    width: 670px;
    height: 106px;
    position: absolute;
    background: url("../../images/artder-detail-bg.png") no-repeat;
    bottom: 0;
}
.left-content-item-01 .item-img > img{
    height: 600px;
}
.detail-left .product-title{
    margin-left:35px;
    padding-left: 15px;
    border-left: 4px solid #dfb26c;
    margin-top:72px;
}
.detail-left .product-title > p{
    margin:0;
}
.detail-left .product-title .englist-title{
    font-size: 24px;
    color:#666;
    text-transform: uppercase;
}
.detail-left .product-title .title{
    color:#dfb26c;
    font-size: 32px;
    background: url("../../images/artder-item01-bg.png") no-repeat 150px center;
}
.left-content-item-02{
    padding: 40px 0;
    border: 1px solid #423837;
    border-left:0;
    border-right:0;
}
.left-content-item-02 > img{
    height: 400px;
}

.left-content-item-03 .product-info{
    width: 620px;
    color:#FFF;
    background: #302826;
    border: 1px solid #FFF;
    box-shadow: #302826 0px 0px 0px 10px;
    padding: 75px 33px;
    margin:75px 0 0 25px;
    font-size: 16px;
    line-height: 180%;
    min-height: 480px;
}
.left-content-item-03 > img{
    margin-top:40px;
}
.goods-detail-right{
    float: left;
    width: 314px;
    margin-left:63px;
}
.goods-detail-right .detail-right{
    margin:50px 30px;
}
.goods-detail-right .detail-right .right-content-item{
    width: 262px;
    margin-top:30px;
}
.goods-detail-right .detail-right .right-content-item > img{
    width: 100%;
}
.goods-detail-right .detail-right .right-content-item .item-detail{
    padding: 30px 0;
    cursor: pointer;
}
.goods-detail-right .detail-right .right-content-item .item-detail > p{
    margin-bottom: 0;
}
.goods-detail-right .detail-right .right-content-item .item-detail .goods-name{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.goods-detail-right .detail-right .right-content-item .item-detail .goods-price{
    font-size: 24px;
    color: #DFB26C;
}
.detail-left-content{
    padding-left: 50px;
    border-bottom: 1px solid #E8E8E8;
}
.detail-left-content .yy-detail-title{
    position: relative;
    font-size: 24px;
    color: #278205;
    height: 37px;
}
.detail-left-content .yy-detail-title > span{
    display: block;
    position: absolute;
}
.detail-left-content .yy-detail-title > span.detail-title-bg{
    width: 73px;
    height: 19px;
    opacity: 0.18;
    background: #278205;
    top:0;
    left:-26px;
}
.detail-left-content .yy-detail-img{
    width: 500px;
    min-height: 281px;
    margin:30px 0;
    overflow: hidden;
}
.detail-left-content .yy-detail-img > img{
    width: 500px;
}
.detail-paragraph{
    margin-bottom: 30px;
    width: 500px;
}
.detail-paragraph > p{
    margin-bottom: 5px;
    color:#757575;
}
.paragraph1{
    margin:36px 0;
}
.paragraph2 > p{
    opacity: 0.54;
}
.content-item-img{
    width: 262px;
    height: 262px;
    overflow: hidden;
}
.content-item-img > a{
    width: 100%;
    height: 100%;
}
.content-item-img > a > img{
    max-width: none;
    height: 100%;
}
.yy-artwork-detail{
    padding: 50px;
    color: #AEAEAE;
    font-size: 14px;
}
.yy-artwork-detail  ul.artwork-parameter > li > label{
    width: 60px;
    margin-right: 18px;
}
.yy-artwork-detail .artwork-detail-title{
    position: relative;
    height: 27px;
    margin-bottom: 12px;
}
.yy-artwork-detail .artwork-detail-title > span{
    display: block;
    position: absolute;
}
.yy-artwork-detail .artwork-detail-title > span.detail-title{
    font-size: 17px;
    color: #1F1F1F;
    left:8px;
    font-weight: bold;
}
.yy-artwork-detail .artwork-detail-title > span.artwork-detail-bg{
    width: 13px;
    height: 13px;
    opacity: 0.18;
    background: #278205;
}
.yy-artwork-content{
    margin-bottom: 25px;
}
.artwork-detail-paragraph > p{
    margin-bottom: 5px;
}
.yy-detail-title{
    font-size: 17px;
    color: #919191;
    font-weight: bold;
}
.yy-artist-header{
    width: 500px;
    text-align: center;
    padding: 30px 0 20px 0;
}
.yy-artist-header > img{
    width: 140px;
    height: 140px;
    border-radius: 90px;
}
.yy-certificate{
    width: 500px;
    height: 48px;
    color: #757575;
    margin:20px 0;
    padding-left: 20px;
    border-left: 12px solid #D8E8D2;
    line-height: 180%;
}
.yy-certificate-img{
    width: 500px;
    position: relative;
}
.yy-certificate-img > img{
    display: block;
    margin: 0 auto;
}
.yy-certificate-img .cert-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .42;
}
.yy-certificate-img .null-certificate{
    position: absolute;
    font-size: 80px;
    color: #FFF;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 10;
    line-height: 360px;
    font-weight: bold;
}
.yy-credit{
    padding-left: 100px;
}
.yy-credit .credit-score{
    text-align: left;
    padding-left: 75px;
}
.yy-association-img{
    width: 500px;
    text-align: center
}
.yy-association-img > img{
    width: 360px;
}
.yy-c-a-association{
    color: #757575;
}

.artder-goods-detail .artder-goods-content{
    width: 1200px;
    margin:0 auto;
}