@font-face {
    font-family: 'song';
    src: url('/themes/mall/jd2014/styles/default/font/song.ttf?v=3') format('truetype');
}
label{
    font-weight: normal;
}
.tf-main-content{
    width: 1400px;
    margin: 0 auto;
    position: relative;
}
.tf-small-main-content{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.white-bg{
    background: #FFF;
}
.white-bg-01{
    background: #F4F4F4;
}
.tf-ecmall-header{
    height: 150px;
    background-color: #00204E;
    /* background: hsl(0, 0%, 12%); */
    /* background: #CE2B00; */
}
.tf-ecmall-header .tf-header-content{
    width: 1200px;
    height: 150px;
    margin: 0 auto;
    /* background: url("../../images/tf_logo_r.png") no-repeat left center; */
}
.tf-header-content .tf-header-left{
    float: left;
    line-height: 150px;
}
.tf-header-content .tf-header-left > a{
    width: 389px;
    height: 60px;
}
.tf-header-content .tf-header-left > a:nth-child(2){
    margin-left: 7px;
}
.tf-header-content .tf-header-left > a > img{
    /* width: 389px; */
    vertical-align: middle;
    /*mix-blend-mode: screen;*/
}

.tf-header-content .tf-header-right{
    float: right;
    padding: 50px 0;
}
.tf-header-content .tf-header-right .search-text-cont{
    position: relative;
    z-index: 1;
    width: 235px;
    padding-left: 11px;
    background: #FFF; 
    float: right;
    margin-left:10px;
}
.tf-header-content .tf-header-right .search-text-cont input{
    width: 160px; 
    float: left;
    margin-top:5px;
    border: none;
    box-shadow: none;
    font-size: 14px;
}
.tf-header-content .tf-header-right .search-text-cont button{
    float: right;
    width: 44px;
    height: 44px;
    border: none;
    background: url("../../images/search-btn.png") no-repeat center;
}
.tf-header-content .tf-header-right .login-collect-cart{
    float: right;
    position: relative;
    z-index: 10;
}
.tf-header-content .tf-header-right .login-collect-cart span{
    display: block;
    float:left;
    width: 42px;
    height: 34px;
    position: relative;
    background: #FFF;
    margin:5px 10px;
    cursor: pointer;
}
.tf-header-content .tf-header-right .login-collect-cart span .num{
    position: absolute;
    color:#dfb26c;
    font-size: 12px;
    font-weight: bold;
    right: 0;
    bottom: 0;
}
.choose-lang-container{
    position: relative;
    float: left;
    line-height: 40px;
    color: #fff;
    padding: 0 10px;
    
}
.choose-lang-container:hover{
    color: #fff !important;
    text-decoration:none;
    background: #06959B;
}
.choose-lang-container:hover .choose-lang-chance{
    display: block;
}
.fa-caret-up{
    transition: all 0.2s linear;
}
.choose-lang-container:hover .fa-caret-up{
    transform: rotate(180deg)
}
.choose-lang-chance li:hover{
    background: #06959B;
}
.choose-lang-text{
    display: inline-block;
    margin: 0;
    font-size: 14px;
}
.choose-lang-container .fa-caret-down,.choose-lang-container img{
    vertical-align: middle;
}
.choose-lang-chance{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    background-color:  #09A7AE;
    transition: all 0.5s linear;
}

.choose-lang-chance div{
    display: inline-block;
}
.choose-lang-chance-dot{
    padding-left: 15px;
}
.choose-lang-chance-text{
    margin-left: 5px;
}
.tf-header-content .tf-header-right .login-collect-cart span.login{
    background: url("../../images/tf_header-icon.png") no-repeat left top;
}
.tf-header-content .tf-header-right .login-collect-cart span.collect{
    background: url("../../images/tf_header-icon.png") no-repeat left center;
}
.tf-header-content .tf-header-right .login-collect-cart span.cart{
    background: url("../../images/tf_header-icon.png") no-repeat left bottom;
}

.tf-header-content .tf-header-right .login-collect-cart span.login > img{
    width: 35px;
    height: 35px;
    border-radius: 30px;
    border:1px solid #FFF;
}
/* 
    新的顶部 
*/
.header-top-nav-area{
    padding: 8px 0;
}
.header-top-nav-area a{
    margin-left: 30px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
.utop_logo_icon{
    width: 20px;
    height: 20px;
}
a.header-nav{
    margin-left: 35px;
    color: #000;
    /* color: #fff; */
    font-size: 16px;
    text-decoration: none;
}
a.header-nav:hover {
    color: #000;
    /* color: #fff; */
}
.header-search-area{
    position: relative;
}
.header-search-area .header-search{
    width: 360px;
    height: 40px;
    padding: 10px;
    border: 1px solid #ccc;
    /* border: 1px solid #D8D8D8; */
    border-radius: 5px;
    background-color: #fff;
    /* background-color: transparent; */
}
/* .header-search::-webkit-input-placeholder{
    color: #fff;
} */
.header-search-area .submit-btn{
    position: absolute;
    right: 5px;
    top: 12px;
    line-height: 1;
    outline: medium;
    border: none;
    background-color: transparent;
}

.header-search-area .submit-btn .fa-search{
    color: #818181;
    /* color: #fff; */
}
/* cookie */
.cookie-modal-area {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 10000;
    padding: 20px 0;
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.cookie-modal {

}
.cookie-modal .cookie-btn{
    padding: 10px 20px;
    margin-left: 20px;
    font-weight: bold;
    background-color: #DFB26C;
    border-radius: 5px;
    cursor: pointer;
}
.cookie-modal .cookie-a{
    color: #DFB26C;
}
/*底部*/
.tf-ecmall-footer{
    min-width: 1400px;
    background:  #00204E;
    padding-bottom: 15px;
}
.tf-ecmall-footer .tf-footer-content{
    width: 1300px;
    margin: 0 auto;
    color:#FFF;
}
.tf-ecmall-footer .tf-footer-content .footer-content{
    padding: 87px;
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-top{
    height: 72px; 
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-top .logo-bottom{
    display: block;
    float:left;
    /* background: url("../../images/tf_logo_r.png") no-repeat left center;
    width: 389px;
    height: 72px;  */
}
.logo-bottom img{
    vertical-align: middle;
    /*mix-blend-mode: screen;*/
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-top .download{
    float:right;
    margin-top: 10px;
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-top .download span{
    display: block;
    float:left;
    color: #dfb26c;
    font-size: 14px;
    padding: 10px;
    border: 2px solid #dfb26c;
    padding-left:50px;
    margin-left: 15px;
    cursor: pointer;
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-top .download span.android{
    background: url("../../images/icon-android.png") no-repeat 15px center;
    position: relative;
}
.android:hover .app-icon-android{
    display: block !important;
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-top .download span.ios{
    background: url("../../images/icon-ios.png") no-repeat 15px center;
    position: relative;
}
.ios:hover .app-icon-ios{
    display: block !important;
}
.app-icon-android{
    display: none; position: absolute;left:30px;top: -142px;width:122px;padding:10px;box-sizing: content-box;
}
.app-icon-ios{
    display: none; position: absolute;right:17px;top: -142px;width:122px;padding:10px;box-sizing: content-box;
}
.tf-ecmall-footer .tf-footer-content .footer-bottom{
    text-align: center;
    border-top:1px solid #fff;
    padding-top: 15px;
}
.tf-ecmall-footer .tf-footer-content .footer-bottom a{
   /* color: #BFBFBF; */
   color: #fff;
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-middle{
    margin-top:50px;
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-middle .middle-list{
    float: left;
    width: 100px;
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-middle .middle-list .middle-list-title{
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 30px;
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-middle .middle-list > p > a{
    /* color:#b6b6b6; */
    color: #fff;
}
.link-font{
    font-size: 12px;
    margin-top: 5px;
    /* color:#b6b6b6; */
    color: #fff;
}

.tf-ecmall-footer .tf-footer-content .footer-content .content-middle .qr-code{
    float: right;
    text-align: center;
    color: #FFF;
    margin-left:20px;
}
.tf-ecmall-footer .tf-footer-content .footer-content .content-middle .qr-code img{
    width: 123px;
}
.copyright-link{
    color: #FFF;
    margin-left:5px;
}
.copyright-link:hover,.copyright-link:focus{
    color: #FFF;
}
/* 新的底部 */
.bottom-app-area-bg{
    background-image: url(../../images/tf_images/goods/app-bg.png);
    /* background-image: url(../../images/tf_images/goods/footer-bg-101.png); */
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bottom-app-area{
    padding: 40px 0;
}
.bottom-app-area .tit{
    padding-left: 90px;
    margin-top: 12px;
    font-size: 20px;
    letter-spacing: 16px;
}
.bottom-app-area .download-app{
    position: relative;
    padding: 5px 10px;
    margin-right: 90px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    letter-spacing: 5px;
    cursor: pointer;
}
.bottom-app-area .download-app:hover .icon{
    display: block;
}
.bottom-app-area .download-app .icon{
    position: absolute;
    left: 18%;
    bottom: -125px;
    display: none;
    width: 120px;
}
.bottom-nav-area{
    padding: 15px 0;
}
.bottom-nav-area .logo{
    width: 200px;
    padding: 30px 0;
    vertical-align: unset;
}
.bottom-nav-area .qr-area{
    display: inline-block;
    margin: 50px 0 0 50px;
    text-align: center;
}
.bottom-nav-area .qr-area .qr{
    display: block;
    width: 80px;
}
.bottom-nav-area .qr-area .tit{
    display: inline-block;
    width: 70px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 50px;
    background-color: #BFBFBF;
}
.bottom-nav-area .bottom-nav-li{
    float: left;
    margin-left: 111px;
    height: 170px;
}
.bottom-nav-area .bottom-nav-li:first-child{
    margin-left: 0;
}
.bottom-nav-area .bottom-nav-li .title{
    padding-bottom: 5px;
    color: #fff;
    font-size: 18px;
}
.bottom-nav-area .bottom-nav-li .txt{
    display: block;
    margin-top: 15px;
    /* color: #BFBFBF; */
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
/*导航*/
.tf-navigation{
    height: 110px;
    border-bottom: 8px solid #dfb26c;
    background: #1f1f1f;
    /* background: #CE2B00; */
}
.tf-navigation .tf-navigation-content{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.tf-navigation .tf-navigation-content a{
    position: relative;
    z-index: 1;
    color: #FFF;
    display: block;
    float: left;
    height: 62px;
    font-size: 18px;
    padding: 0 31px;
    visibility: hidden;
}
.tf-navigation .tf-navigation-content a > span{
    display: block;
    float: left;
}
.tf-navigation .tf-navigation-content a > span.arrow{
    background: url("../../images/nav-arrow.png") no-repeat;
    width: 14px;
    height: 10px;
    margin:27px 0 0 5px;
}
.tf-navigation .tf-navigation-content a.active{
    background: #dfb26c;  
}
.tf-navigation .tf-navigation-content a.active > span.arrow{
    background: url("../../images/nav-arrow-active.png") no-repeat;
}


.tf-navigation .tf-navigation-content a:hover{
    text-decoration: none;
}
.tf-navigation .tf-navigation-content span.location{
    display: block;
    float: right;
    /* color:#dfb26c;
    border: 1px solid #dfb26c; */
    color:#fff;
    border: 1px solid #fff;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    width: auto;
    position: relative;
    z-index: 1;
    display: none;
}
.tf-navigation .tf-navigation-content .location > span{
    display: block;
    float: left;
    width: 80px;
    text-align: center;
    display: none;
}
.tf-navigation .tf-navigation-content .location > span.arrow{
    background: url("../../images/loaction-arrow.png") no-repeat;
    width: 13px;
    height: 8px;
    margin:12px 0 0 5px;
}
.location span{
    background: none;
}
.tf-banner{
    color: #fff;
    font-size: 24px;
}
.tf-banner .banner-title{
    padding-top: 100px;
    font-size: 60px;
}
.tf-banner .total-num{
    display: none;
}

/*翻页*/
.paging{
	height: 30px;
    line-height: 30px;
    margin: 20px 0;
}

.paging a{
	padding:5px 11px;
    color:#666;
    margin:0 5px;
    background: #FFF;
}
.paging a:focus{
    text-decoration:none;
} 
.paging a:hover{
    text-decoration: none;
}
.paging a.active{
	color:#FFF;
	background:#dfb26c;
}
.paging .prev-link,.paging .next-link{
    font-size: 18px;
}
.paging .prev-link-defaut,.paging .next-link-defaut{
    font-size: 18px;
    color:#CCC;
    cursor: default;
}

/*面包屑*/
.tf-main-nav{
	font-size:12px;
	height:30px;
	line-height:30px;
    margin-left: 5px;
	float: left;
}
.tf-main-nav > a{
	color:#666;
	font-size: 14px;
}

.tf-main-header{
	margin-top:20px;
	height: 50px;
	line-height: 50px;
}


.sort-type{
	float: right;
}

.sort-type .sort-type-select{
	width: 132px;
	height: 32px;
	/* border: 1px solid #c5c5c5; */
	float:left;
	line-height: 32px;
	color:#666;
	cursor: pointer;
    /* margin-left:20px; */
    /* background: #F4F4F4; */
    padding-left: 15px;
}
.sort-type .sort-type-select span{
	display: block;
	float: left;
	margin:0 15px;
}
.sort-type .sort-type-select span.down{
	width: 0;
    height: 0;
    border: 6px solid #666;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    margin:14px 0 0 5px;
}
.sort-type .sort-type-select span.up{
	width: 0;
    height: 0;
    border: 6px solid #666;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    margin:8px 0 0 5px;
}
.sort-type .iconfont-area {
	float:left;
	height: 32px;
	line-height: 32px;
	color:#666;
	cursor: pointer;
    padding-left: 15px;
}
.sort-type .iconfont-area .iconfont{
    font-size: 24px;
}
.sort-type .iconfont-area.active .iconfont{
    font-weight: bold;
    color: #1D3A63 ;
}

/*列表详情*/
.paintings-content{
	position: relative;
	width:1200px;
	/* min-height: 3500px; */
}
.paintings-content .box{
	padding-top:20px;
	padding-bottom:20px;
    padding-right: 20px;
    padding-left: 10px;
	float:left;
}
.paintings-content .box .paintings-detail{
	border: 1px solid #EEE;
	/* box-shadow: 0 0 10px #CCC; */
    cursor: pointer;
    background: #FFF;
}
.paintings-content .box .paintings-detail:hover{
	/* box-shadow: 0 0 20px #CCC; */
}
.paintings-content .box .paintings-detail img{
	width: 258px;
	height: auto;
}

.paintings-content .box .artist-detail{
	width:100%;
}
.paintings-content .box .artist-detail .paintings-describe{
	border-bottom: 1px solid #e5e5e5;
    padding:18px 15px 55px 15px;
    position: relative;
}
.paintings-content .box .artist-detail .paintings-describe .list-sold-out{
    position: absolute;
    width: 80px;
    height: 60px;
    background: url("../../images/sold-out-new.png") no-repeat;
    background-size: 75px auto;
    right: 0;
    bottom: -0.2rem;
}
.paintings-content .box .artist-detail .paintings-describe .list-cart{
    position: absolute;
    width: 60px;
    height: 25px;
    right: 10px;
    bottom: 20px;
    color:#dfb26c;
    line-height: 25px;
    border-radius: 60px;
    padding-left: 25px;
    background: url("../../images/list-cart.png") no-repeat 6px center #000;
    background-size:15px auto;
}
.paintings-content .box .artist-detail .artist-describe{
	padding: 20px;
}
.paintings-content .box .artist-detail .paintings-describe .paintings-name{
    font-size: 22px;
    width: 218px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.paintings-content .box .artist-detail .paintings-describe .date-size{
	font-size: 15px;
	color:#999;
	margin:5px 0;
}
.paintings-content .box .artist-detail .paintings-describe .price{
	font-size: 15px;
	color:#dfb26c;
	font-weight: bold;
}
.paintings-content .box .artist-detail .artist-header{
	float:left;
	width:33px;
	height: 33px;
	overflow: hidden;
	border-radius:60px; 
}
.paintings-content .box .artist-detail .artist-name{
	float:left;
	color:#999;
	font-size: 15px;
	margin:5px;
}
.paintings-content .box .artist-detail .artist-header img{
	width:33px;
	border-radius:60px; 
}
.paintings-content .box .artist-detail .artist-inform{
	height: 60px;
	float:left;
	margin-left:5px;
	font-size: 12px;
}
.paintings-content .box .artist-detail .detail{
	margin:2px 0;
}
.paintings-content .box .artist-detail .detail span{
	margin-right:2px;
}
.paintings-content .box .artist-detail .detail span:last-child{
	margin-right:0;
}
.operation > span{
    color:#888;
    margin-right:30px;
    cursor: pointer;
    font-size: 15px;
}
.operation > span.active{
    color:#dfb26c;
}
.operation > span::before{
    margin-right: 2px;
}


.img_content{
	position: relative;
    width: 258px;
}

.img_content .img-content-icon{
    width: 100%;
	height: 100%;
	background: #FFF;
	top:0;
}
.img_content .img-content-icon .img-loading{
    z-index: 10;
    padding: 100px 0;
    opacity: .5;
    background: url("../../images/loading_stroke.gif") no-repeat center;
    background-size: 100px auto;
    /* position: absolute; */
}

/* 横版样式 */
.horizontal-area {
    padding-left: 35px;
    margin-bottom: 30px;
    cursor: pointer;
}
.horizontal-area .horizontal-img{
    float: left;
    width: 250px;
    height: 250px;
}
.horizontal-area .horizontal-right{
    margin-left: 290px;
}
.horizontal-content {
    padding: 25px 0;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
}
.horizontal-area .horizontal-content-left{
    float: left;
}
.horizontal-area .horizontal-content-left .header{
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.horizontal-area .horizontal-content-left .art-name {
    margin-left: 10px;
    font-size: 22px;
    color: #333;
    vertical-align: middle;
}
.horizontal-area .horizontal-content-left .txt{
    margin-top: 20px;
    color: #666;
}
.horizontal-area .horizontal-content-right {
    float: right;
    margin-top: 100px;
}
.horizontal-area .horizontal-content-right .money-area{
    display: inline-block;
    width: 210px;
    margin-right: 50px;
    text-align: center;

}
.horizontal-area .horizontal-content-right .money-area .money{
    font-size: 30px;
    color: #E5BB8A;
    font-weight: bold;
    line-height: 1;
}
.horizontal-area .horizontal-content-right .money-area .tip{
    margin-top: 10px;
    font-size: 12px;
    color: #666666;
}
.horizontal-area .horizontal-content-right .horizontal-order {
    display: inline-block;
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    background-color: #DFB272;
    vertical-align: top;
}
.horizontal-area .horizontal-content-right .sold-out-area{
    position: relative;
    display: inline-block;
    width: 180px;

}
.horizontal-area .horizontal-content-right .sold-out-area  .sold-out-img {
    position: absolute;
    right: 30px;
    top: -85px;
    width: 120px;
}
.horizontal-area .tips-area{
    text-align: right;
    width: 100%;
}
.horizontal-area .tips-area .tips-icon{
    position: relative;
    display: inline-block;
    margin: 10px 0 0 20px;
    cursor: pointer;
}
.horizontal-area .tips-area .tips-icon:hover .txt{
    display: block;
}
.horizontal-area .tips-area .tips-icon .txt{
    display: none;
    position: absolute;
    left: 50%;
    bottom: -25px;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    color: #666666;
}

.mask{
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left:0;
    top:0;
    opacity: .8;
    z-index: 9;
}

.screen-label span{
	margin:5px;
	padding: 5px 10px;
	color:#FFF;
	background: #dfb26c;
	cursor: pointer;
	padding-right: 20px;
	position: relative;
	border-radius: 60px;
}
.screen-label > a{
	color:#b6b6b6;
	margin-left:10px;
}
.screen-label > a:hover{
	text-decoration: none;
}
.screen-label span .closed{
	position: absolute;
	right:5px;
}

.tf-screen-label{
	height: 48px;
	line-height: 48px;
	/* background: #4f4f4f; */
}
.tf-screen-label .screen-label{
	width: 1200px;
	margin:0 auto;
	
	color:#929292;
}
.tf-screen-label .screen-text{
	background: #4f4f4f;
}
.tf-screen-label .screen-label .screen-text > i{
	font-size: 20px;
	color:#929292;
}
.tf-screen-label .screen-label .screen-text input{
	background: #4f4f4f;
	color:#929292;
	height: 45px;
	margin-left:10px;
}

.operation > span.share{
    position: relative;
}
.operation > span.share .bdsharebuttonbox{
    position: absolute;
    z-index: 9;
    width: 200px;
    display: none;

}
.operation > span.share:hover .bdsharebuttonbox{
    display: block;
}

.integrity-certificate-links{
    text-align: center;
    margin-top: 15px;
}
.integrity-certificate-links > a{
    display: inline-block;
}

.integrity-certificate-links > a > img{
    margin:0 5px;
}
.tf-artist-main{
    width: calc(100% - 210px);
    /* width: 1490px; */
	padding-bottom: 200px;
	/* background: url("../../images/banner-bottom.jpg") no-repeat right bottom; */
    /* background-size: 80% 20%; */
}


/*old*/
.content{
    margin-top:20px;
    margin-bottom: 20px;
}
#page-article .content{
    margin-top:0;
}
#page-article .col-main .content{
    margin-top:0;
}
.w-full{
    background: #FFF;
}
.shopnav li{
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}
.shopnav li.current{
    background: #dfb26c;
    line-height: 30px;
}
.shopnav{
    border-bottom: 2px solid #dfb26c;
}
.shopnav li:first-child{
    border: none;
    border-bottom: 1px solid #dfb26c;
}
#left dd .active ,#page-apply .content .btn-apply, .information .info .btn,.eject_con .add .submit .btn{
    background: #dfb26c;
}
.information .info .btn ,.eject_con .add .submit .btn{
    border: 1px solid #dfb26c;
}
.information .info .btn:hover, .eject_con .add .submit .btn:hover{
    background: #e4b163;
}
.information .photo .relative{
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    border: 1px solid #E4E4E4;
    overflow: hidden;
}

.profile, .platform, .platform .box{
    border: 1px solid #e6e6e6;
}
.location-item-old{
    display: none;
    position: absolute;
    min-width: 200px;
    background: #dfb26c;
    /* background: #CE2B00; */
    right: 0;
    /* color:#dfb26c; */
    color:#fff;
    top:50px;
    z-index: 9;
}
.location-item{
    /* display: none; */
    position: absolute;
    /* min-width: 200px; */
    height: 100px;
    background: #dfb26c;
    left: 0px;
    color:#fff;
    font-size: 15px;
    top: 0;
    z-index: 9;
    margin-top: 10px;
}


.location-item > span{
    float: left;
    width: 70px;
    padding: 5px 0;
    margin-top: 15px;
    cursor: pointer;
    line-height: 1;
    text-align: center;
}
.location-item > span:hover,.location-item > span.user_selected{
    /* padding: 5px 24px; */
    background-color: #f5e6d0;
    color: #333;
}

.submenu .tab li h2 ,.submenu .tab li{
    background: none;
}
.submenu .tab li{
    background: #FFF;
    margin-top:3px;
    border-bottom: none;
}
.submenu .tab .active{
    border-bottom: none;
}
.wrap{
    border-top:1px solid #e6e6e6;
}

#left dd .normal:hover{
    background: #FAF1E4;
}
#left dt{
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6; 
    color:#333;
    font-size: 15px;
    background: #FFF;
    border:none;
    height: 40px;
    line-height: 40px;
}
#left dd{
    height: 30px;
    line-height: 30px;
}
#left dd > a{
    height: 30px;
    line-height: 30px;
}
#left dd > a:hover{
    background: #dfb26c !important;
    color:#FFF;
}
#left dd a span{
    background:url(../../images/menu-dot.png) no-repeat 40px  center; 
    padding-left: 60px;
}
#left dd a.active span ,#left dd > a:hover span{
    background:url(../../images/menu-dot-active.png) no-repeat 40px  center; 
}
#left .menu{
    background: #FFF;
}
.platform{
    background: #fefef3;
}
.profile .info_rcol{
    background: #FFF
}
.platform .box{
    box-shadow: 1px 1px 3px  #e4e4e4
}
.platform .box .dealt .list{
    border:1px solid #FFE8C2;
    background: #FEFEDA;
}
.particular_wrap p b{
    color:#666;
}
#page-apply .content dd span{
    color: #dfb26c;
}
.empty-notice .empty-text a{
    background: #dfb26c;
}

/*侧边栏*/
.tf-sidebar{
    position: fixed;
    width: 36px;
    right: 0;
    top:35%;
    z-index: 9;
}
.tf-sidebar > span{
    display: block;
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin-top:2px;
    position: relative;
}
.tf-sidebar > span .sidebar-animate{
    color:#FFF;
    position: absolute;
    width: 122px;
    height: 36px;
    line-height: 36px;
    background: #dfb26c;
    padding-left: 10px;
    display: none;
}
.tf-sidebar > span .sidebar-animate .sidebar-wechat{
    position: fixed;
    width: 230px;
    height: 300px;
    z-index: 12;
    top:259px;
    right: 35px;
}
.tf-sidebar > span:hover .sidebar-animate{
    display: block;
    right: 0;
}

.tf-sidebar > span.bar-service{
    background: url("../../images/sidebar_icon.png?v=1") no-repeat center -2px #575757;
}
.tf-sidebar > span.bar-service .sidebar-animate{
    background: url("../../images/sidebar_icon.png?v=1") no-repeat right -2px #dfb26c;
}
.tf-sidebar > span.bar-question{
    background: url("../../images/sidebar_icon.png?v=1") no-repeat center -45px #575757;
}
.tf-sidebar > span.bar-question .sidebar-animate{
    background: url("../../images/sidebar_icon.png?v=1") no-repeat right -45px #dfb26c;
}
.tf-sidebar > span.bar-wechat{
    background: url("../../images/sidebar_icon.png?v=1") no-repeat center -83px #575757;
}
.tf-sidebar > span.bar-wechat .sidebar-animate{
    width: 36px;
    background: url("../../images/sidebar_icon.png?v=1") no-repeat right -83px #dfb26c;
}
.tf-sidebar > span.bar-return-top{
    background: url("../../images/sidebar_icon.png?v=1") no-repeat center -121px #575757;
}
.tf-sidebar > span.bar-return-top .sidebar-animate{
    background: url("../../images/sidebar_icon.png?v=1") no-repeat right -121px #dfb26c;
}
.tf-sidebar > span.bar-cart{
    background: url("../../images/sidebar_icon.png?v=1") no-repeat center -158px #575757;
}
.tf-sidebar > span.bar-cart > a{
    display: block;
    width: 100%;
    height: 100%;
}
.tf-sidebar > span.bar-cart .num{
    position: absolute;
    background: #d15055;
    padding: 0 5px;
    color:#FFF;
    font-size: 12px;
    font-weight: bold;
    right: 0;
    top: -2px;
    border-radius: 50px;
    z-index: 20;
    border: 2px solid #982a2d;
}
.wechat-qr-code{
    position: absolute;
    left:0;
    width: 220px;
    height: 300px;
    background: #dfb26c;
    right: 45px;
    z-index: 20;
    padding: 20px;
    color:#FFF;
}
.qr-code-arrow{
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border:5px solid transparent;
    border-left: 5px solid #dfb26c;
    bottom: 120px;
    z-index: 11;
}
.wechat-qr-code .qr-code-content{
    color:#FFF;
    text-align:center;
    margin-top:15px;
}
.wechat-qr-code .qr-code-content p{
    margin:0;
    line-height: 35px;
}
.wechat-qr-code img{
    width: 100%;
}

/*搜索为空*/
.search-null{
    padding: 180px 0;
    text-align: center;
    display: none;
}
.search-null .screen-btn > button{
    width: 160px;
    height: 28px;
    background: #DFB26C;
    color:#FFF;
    border: none;
}


.member_no_records{
    padding-bottom: 90px !important;
    color:#666;
}
.member_no_records:before{
    background: none;
    height: 80px;
}
.cvs_thumbnail .btn.scalebrightbox{
    background: url("../../images/tiles-btn-bg1.png") no-repeat center top #FFF;
}

/*购物车效果*/
.u-flyer {
	display: none;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: fixed;
    z-index: 9999;
}

.content_line .foll_in .select-price-paitings{
    width: 120px;
    height: 25px;
    border-radius: 2px;
    float:left;
    margin:10px;
}
.content_line .foll_in .price-paitings > img{
    float:left;
    display: none;
}

/* .loadimgs{
    width: 120px;
    margin:0;
} */
.artwork-detail-button{
    margin-top:30px;
   
}
.artwork-detail-button > button{
    width: 180px;
    height: 50px;
    color:#FFF;
    background: #dfb26c;
    border: none;
    margin-right: 20px;
}
.artwork-detail-button > button:last-child{
    background: #000;
    margin-right: 0;
}


@media screen and (min-width: 1920px){
    .index-banner-01 , .tf-index-search, .theme-planning, .free-subscription, .tf-login, .art-index, .tf-credit-content{
        background-size:100% 100% !important;
    }
}   

/* 跳转app */
.class_qidian_wpa{
    bottom: 200px !important;
}
.download-tips{

    position: fixed;
    left: 0;
    bottom: 0;
    padding: 20px 15px;
    border-left: 5px solid #DFB26C;
    background: rgba(0, 0, 0, .7);
    border-radius: 0 20px 20px 0;
    z-index: 100;
    /* cursor: pointer; */
}
.download-tips img{
    display: block;
    margin: 0 auto;
}
.open-download-tips{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 1200px;
    padding: 28px 0;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    z-index: 100;
}
@media screen and (max-width: 1150px) {
    .download-tips{
        display: block;
    }
    .open-download-tips{
        display: none;
    }
}
.download-tips-close{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.download-tips-modal-header{
    position: relative;
    padding: 20px 0;
    background-image: linear-gradient( to left, #F1D9A5, #DFB26C);
    font-size: 34px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
.download-tips-modal-header img{
    position: absolute;
    right: -24px;
    top: -24px;
    cursor: pointer;
}
.download-tips-modal-body{
    padding: 35px 35px 0 35px;
    overflow: hidden;
}
.modal-body-left{
    float: left;
}
.modal-body-right{
    margin-left: 350px;
    padding-top: 15px;
}
.modal-body-right img{
    display: block;
}
.modal-body-right-title{
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: #DFB26C;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 5px;
}
.modal-body-right-font{
    font-size: 22px;
    color: #DFB26C;
    margin-bottom: 15px;
}
#app-download-tips{
    position: fixed;
    top:0;
    width:auto;
    z-index: 10000;
}


/*画作证书*/
.credit-score{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.credit-score span{
    color:#dfb26c;
}
.painting-certificate{
    position: relative;
    margin:10px;
    width: 230px;
    height: 326px;
    overflow: hidden;
}
.painting-certificate .arrow{
    position: absolute;
    z-index: 9;
    cursor: pointer;
    top:150px;
    width: 28px;
    height: 28px;
}
.painting-certificate .left{
    left:5px;
    background: url("../../images/btn_pre.png") no-repeat left bottom;
}
.painting-certificate .right{
    right:5px;
    background: url("../../images/btn_next.png") no-repeat left bottom;
}
.painting-certificate > ul{
    position: absolute;
    width: 2000px;
    left:0;
    top:0;
}
.painting-certificate > ul > li{
    float: left;
}
.painting-certificate > ul > li > a{
    position: relative;
    display: block;
    object-fit: contain;
}
.painting-certificate img{
    width: 230px;
}
.cert-img{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 22px;
    top: 22px;
    width: 133px;
    height: 97px;

}
.cert-img img{
    width: auto;
    height: auto;
}
.painting-certificate .certificate-dot{
    position: absolute;
    text-align: center;
    padding: 2px 5px;
    height: 14px;
    background: rgba(0, 0, 0, .3);
    z-index: 9;
    bottom: 15px;
    left:90px;
    border-radius: 20px;
}
.painting-certificate .certificate-dot > span{
    display: block;
    float: left;
    margin:2px;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: #FFF;
    opacity: .3;
    cursor: pointer;
}
.painting-certificate .certificate-dot > span.actived{
    opacity: 1;
}