@charset "UTF-8";
img{ width:100%; }
/*main { background: none; }*/
.goods-detail-top { margin: 5px 0; background: #fff; display: block; }
.goods-detail-top:after { content: ""; height: 0; display: block; overflow: hidden; clear: both; visibility: hidden; }

.device { width: 100%; margin: 0; position: relative; }

.goods-detail-img { width:450px; margin: 10px 6px; float:left;}
#magnifier{position:relative;margin:7px auto;width:435px;}
.small-box{position:relative;margin-bottom:20px;width:435px;height:290px;border:1px solid #eee;}
.small-box img{display:block;margin:auto;width:auto;height:100%;}
.small-box .hover{position:absolute;top:0;left:0;display:none;width:100px;height:100px;border:1px solid #aaa;background:#eee;opacity:.5;cursor:move;}
.thumbnail-box{position:relative;width:100%;}
.thumbnail-box .btns{position:absolute;top:50%;display:block;margin-top:-16px;width:22px;height:32px;}
.thumbnail-box .btn-prev{left:0;background:url(sprite.png) no-repeat -13px -60px;}
.thumbnail-box .btn-next{right:0;background:url(sprite.png) no-repeat -1px -32px;}
.thumbnail-box .smallImg{overflow:hidden;margin:0 auto;width:400px;}
.thumbnail-box .wrapper{width:100000px;}
.thumbnail-box .smallImg .s_item{float:left;margin:0 5px;width:69px;height:50px;}
.thumbnail-box .smallImg .s_item img{width:100%;border:2px solid #fff;}
.thumbnail-box .smallImg .item-cur img{border:2px solid #dd801a;}
.big-box{position:absolute;top:-9px;left:450px;z-index:8888;display:none;overflow:hidden;width:460px;height:320px;border:1px solid #e4e4e4;background:#fff;}
.big-box img{display:block;margin:auto;width:690px;}


.goods-detail-intro { width:676px; margin:10px 36px 10px 0; float:right; }
.intro_title{padding:6px 0;font-size:20px;}
.small_title{float:left; /*height:31px;*/color:#666;font-size:14px;line-height:24px;}
.intro_time{color:#db0d32;font-size:15px;line-height:31px;}
.intro_rongyu{color:#dd801a;font-size:15px;line-height:31px;}
.intro_fav{color:#666;font-size:14px; padding: 5px 0; /*line-height:35px;*/}
.intro_fav .star{float:left;margin-top:7px;}
.intro_fav .pot-age {float:left;margin-left:30px;margin-top: 2px;}
.intro_fav .pot-age b {color: #dd801a; font-weight: bold; }
.intro_price { padding: 6px 0 3px 0; display: block; overflow: hidden; }
.intro_price .vip_price { padding: 0 5px 0 0; font-size: 18px; color: #d33; font-weight: bold; }
.intro_price .ori_price { font-size: 14px; color: #aaa;  }

.intro_icon{margin:10px 0;}
.intro_icon p{float:left;width:200px;height:62px;color:#999;}
.intro_icon p span{display:block;margin:20px 0 0 65px;width:90px;line-height:20px;}
.hgbz{background:url(sprite.png) no-repeat -10px -104px;}
.xlsc{background:url(sprite.png) no-repeat -10px -186px;}
.intro_words{margin:5px 0;padding:0;color:#888;line-height:23px;}
.intro_message{margin:10px 0;padding:5px 0;/*width:96%;*/background:#f6f6f6;color:#888;font-size:18px; border-radius: 3px; display: block; overflow: hidden; }
.sp1{display: block; width: 49%; float: left;font-size: 13px;margin-left:14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sp2{display: block; width: 41%; float: right;font-size: 13px;margin-right:15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.intro_message .sp1{width:30%;}
.intro_message .sp1 a {color: #555;}
.intro_message .sp2{width:30%;}
.intro_message .msg_more a{color:#dd801a;}
.intro_message span{overflow:hidden;line-height:30px;}
.intro_btns{margin:15px 0 10px 0;}
.intro_btns li{position:relative;float:left;}
.intro_btns li input{margin:5px 10px 5px 0;width:104px;height:40px;text-align:center;font-size:16px;line-height:40px;cursor:pointer;}
.fav_box{margin-top:5px; margin-right:8px;padding:7px 6px;width:88px;height:25px; border:1px solid #cc9a66;}
.mb_box{margin-top:5px; margin-right:10px;padding:7px 6px;width:100px;border:1px solid #ddd;}
#addCart{background:#ca4740;color:#fff;}
#ask{background:#cc9a66;color:#fff;}
#ask:hover{background:#e2a76a;}
#addCart:hover{background:#fc7746;}
#addFav{display:block;width:82px;height:25px;/*background:url(sidebaricon.png) no-repeat -5px -55px;*/color:#786046;text-align:left;font-size:14px;line-height:27px;}
#addFav i { margin: 0 2px 0 0; font-size: 22px; color: #ccc; float: left; }
#addFav span { margin: 0 0;  float: left; }
#mbuy_code,#mbuy_code2{display:block;width:85px;height:25px;background:url(sidebaricon.png) no-repeat 2px -300px;color:#666;text-align:right;font-size:14px;line-height:27px;}

.drop_code{position:absolute;top:30px;right:-1px;left:auto;z-index:7691;overflow:hidden;width:112px;border:1px solid #ddd;border-top:#fff;background:#fff;display: none;}
.drop_code2{position:absolute;top:38px;right:-1px;left:auto;z-index:7691;display:none;overflow:hidden;width:112px;border:1px solid #ddd;border-top:#fff;background:#fff;}
.top-code{margin:10px 0 10px;width:112px;height:90px;}
.top-code img{display:block;margin:0 auto 10px;width:90px;height:90px;}
.top-code p{position:absolute;bottom:8px;overflow:hidden;margin-left:11px;height:14px;color:#666;text-align:center;font-size:13px;line-height:14px;}
#to_mbuy:hover .drop_code{display:block;}
#to_mbuy2:hover .drop_code{display:block;}
#to_mbuy2:hover .drop_code2{display:block;}
#to_mbuy2:hover {background: #fff;border:1px solid #ddd;}

#mobile{border:1px solid #999;color:#666;}
.intro_fwcn { display: block; overflow: hidden; }
.intro_fwcn ul { margin: 3px 0 5px 0; display: inline-block; }
.intro_fwcn li{float:left;margin: 0 14px 0 5px;font-size:13px;/*line-height:31px;*/}
.intro_fwcn li span {color:#bbb;}
.intro_fwcn li i { font-size:18px;color:#ccc; margin-right:3px; padding:0;  }
.hot_line{padding:10px 20px;background:#f7f7f7;font-size:16px;}
.hot_line strong{color:#dd801a;font-size:18px;}
.good_star{text-align:left;color:#604d3b;background:#f9f9f9;height:2.25em;line-height: 2.25em;padding: 0.3em 0.3125em;font-size: 0.7em;}
.good_star .star_box{ margin: 0 0 0 10px;}
.star_box b{width:80px;float: left;}
.star_grade { background: url(star.png) no-repeat; display: block; width: 85px; height: 15px; float: left; margin-top: 4px;}
.star5{background-position: 0 0;}
.star4{background-position: 0 -17px;}
.star3{background-position: 0 -34px;}
.star_grade2 li { float: left; margin: 0 1px; display: inline-block; color: #bbb; }
.star_grade2 li.on i { color: #d33; }
.fly_item { border: 1px solid #B30000; width:33px; height: 25px; z-index:9999999; overflow: hidden; position: absolute;left: 50%;margin-left: -18px; visibility: hidden; opacity: .5; filter: alpha(opacity=50); }
.fly_item img{width: 100%;height: 100%;}


.goods-detail-master {margin:10px 0; padding:0;border:1px solid #e8e8e8;background:#fefcf9;}
.author_title{ padding:10px;}
.author_head{float:left;overflow:hidden;width:150px;height:150px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.author_head img{width:100%;}
.title_con{float:left;margin-left:30px;}
.title_con h4{margin:6px 0;font-size:18px;line-height:30px;}
.title_con h4 a{color:#333;}
.title_con p{color:#666;font-size:14px;line-height:25px;}
.title_con p a{margin-right:22px;color:#dd801a;line-height:40px;}
.author_view{padding:10px 0;border-top:1px dashed #e8e8e8;}
.author_view p{color:#999;text-indent:2em;font-size:14px;line-height:23px;}

.master-title { height: 36px; line-height: 36px; display: block; overflow: hidden; }
.master-title h4 { float: left; }
.master-page-link { float: left; margin: 3px 0 0 8px; display: block; overflow: hidden; }
.master-page-link a { padding: 0 8px; font-size: 14px; color: #dd801a; }
.master-desc { margin-top: 6px; font-size: 14px; color: #666; }
.title_con .master-desc p { font-size: 14px; color: #999; line-height: 22px; }


.footer-bar { width: 100%; max-width: 640px; height: 50px; position: fixed; bottom: 0; z-index: 888; background: #fff; border-top: 1px solid #f3f3f3; }
.footer-bar ul li.fb1 { width: 13%; float: left; text-align: center; font-size: 12px; color: #888; }
.footer-bar ul li.fb1 a { color: #888; }
.footer-bar ul li.fb1 i { margin-top: 6px; font-size: 20px; display: inline-block; color: #888; }
.footer-bar ul li.fb2 { width: 30%; float: right; text-align: center; }
.footer-bar ul li.fb2 span { width: 90%; height: 36px; line-height: 36px; margin-top: 7px; background: #ca4740; display: inline-block; border-radius: 50px; color: #fff; }
.footer-bar ul li.fb2 span.good-ask { background: #cc9a66; }



.goods-detail-content { margin: 0 0 10px 0; background: #fff; display: block; overflow: hidden; border:1px solid #e8e8e8;}
.hot_line strong{color:#dd801a;font-size:18px;}
.con_left{float:left;box-sizing:border-box;margin-left:-1px;width:20.09%;border:1px solid #e8e8e8;border-top:0;font-size:13px;}
.con_left h3{width:100%;height:40px;background:#f6f6f6;text-align:center;font-size:16px;line-height:40px;}
.con_left .goods{margin:2px auto 5px;border:none;}
.con_right{ ox-sizing:border-box;margin-left:-1px; border-top:0;font-size:14px;}
/*.con_right_tops{margin-top:45px;}*/
.con_padding{padding:15px;}
.con_describe,.con_miaoxpics,.con_pug,.con_pay,.con_service { display: block; overflow: hidden; }
.con_nav{box-sizing:border-box;height:45px;border-bottom:1px solid #e8e8e8;border-left:none;background:#f6f6f6;}
.con_nav li{position:relative;float:left;box-sizing:border-box;margin-top:-1px;margin-left:-1px;width:15%;height:45px;border-left:1px solid #e8e8e8;text-align:center;font-size:16px;line-height:45px; border-top: 2px solid #f6f6f6;}
.nav_relevant{position:relative;float:right;display:none;box-sizing:border-box;margin-top:-1px;margin-left:-1px;width:25%;height:45px;text-align:center;font-size:16px;line-height:45px;}
.n2_block{display:block;}
#ask2,#ask222{margin-top:8px;border-radius:4px;background:#cc9a66;color:#fff;}
.nav_relevant input{float:left;margin-right:10px;width:116px;height:32px;text-align:center;font-size:16px;line-height:32px;cursor:pointer;}
.nav_relevant span{position:relative;float:left;}
.mbuy_box{margin-top:4px;/*border:none;*/ border: 1px solid #f6f6f6;}
.mbuy_box .drop_code{position:absolute;top:41px;}
.mbuy_box2{margin-top:4px;border:none;}
.mbuy_box2 .drop_code{position:absolute;top:41px;}
.lh_con_nav li{margin-left:0;}
.con_nav li a{display:block;width:100%;height:100%;color: #666;}
.con_author{margin:20px 0 0 0;padding:10px 20px;border:1px solid #e8e8e8;background:#fefcf9;}
.author_title{padding:10px; }
.author_head{ width:150px;height:150px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.author_head img{width:100%;}
.title_con{float:left;margin-left:30px; width: 950px; }
.title_con h4{margin:6px 0;font-size:18px;line-height:30px;}
.title_con h4 a{color:#333;}
.title_con p{color:#999;font-size:14px;line-height:25px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.title_con p a{margin-right:22px;color:#dd801a;line-height:40px;}
.author_view{padding:10px 0;border-top:1px dashed #e8e8e8;}
.author_view p{color:#999;text-indent:2em;font-size:14px;line-height:23px;}
.con_p{padding:10px 15px 16px 15px;color:#888;text-indent:2em;font-size:14px;line-height:25px;}
.con_p div,.con_p p{padding:6px 0;color:#888;text-indent:2em;font-size:14px;line-height:25px;}
.pics{ margin: 16px 5px 10px 5px; text-align:center;}
.pics li{overflow:hidden;margin:8px auto;width:100%;}
.pics img { border-radius: 2px; }

.limit_explian h3{margin:10px 0;color:#dd801a;font-size:16px;line-height:35px;}
.explain_con{padding:20px;background:#f7f7f7;font-size:14px;}
.explain_con h4{font-weight:700;}
.explain_con p{margin-top:10px;color:#666;line-height:23px;}
.huigou h3{color:#16b14f;}
#con_pay ul{padding:0 16px;}
.pay_title{margin:20px 0 10px 0;padding:6px 0 6px 38px;height:20px;border-radius:4px;background:url(sprite.png) no-repeat -1px -2px #f3f3f3;font-size:15px;line-height:20px;}
#con_pay table{width:100%;height:35px;border-collapse:collapse;color:#888;text-align:center;font-size:13px;line-height:22px;}
.first_tr{background:#fff;font-weight:700;}
#con_pay table td{border:1px solid #e8e8e8; padding: 9px 5px;}
#con_pay table th{border:1px solid #e8e8e8; padding: 9px 5px;}
.pug_top{margin:25px 16px;height:auto;border-radius:6px;background:#fff;}
.pug_head{float:left;overflow:hidden;margin:8px 20px 16px 0;width:196px;height:100%;border-radius:6px;}
.pug_tit{display:block;margin:0;padding:0 20px;}
.pug_tit h3{height:18px;color:#dd801a;font-size:15px;line-height:26px; font-weight: normal;}
.pug_tit p{color:#999;font-size:14px;line-height:24px;}
.pug_bottom{margin-bottom:10px;font-size:14px;}
.pug_bottom p{/*margin-top:20px;*/padding:10px 12px;color:#888;line-height:25px;}
.pug_bottom p:first-child{text-indent:2em;}
.service_con{padding:0 16px;}
.service{margin:1px 0;width: 100%; height: 100%; padding-bottom:19%; background:url(yzfw.jpg?1) no-repeat center top; background-size: 100% auto;}
.major{ margin:1px 0; width: 100%; height: 100%; padding-bottom:90%; background:url(major.jpg) no-repeat center top; background-size:100% auto;  }

.con_nav li.zp_current{position:relative;border-top:2px solid #d33;background:#fff;}
.zp_current{position:relative;margin-top:0;border-top:2px solid #d33;background:#fff;}
.zp_current a{color:#d33!important;}
.zpview_nav{padding:20px 0;}
.fixednav{position:fixed;top:0;z-index:9999; width: 100%; }

.con_title{padding:0 10px;border-bottom:1px solid #f6f6f6;border-left:3px solid #dd801a;font-size:16px; color:#555; line-height:30px;}

.m_top { margin-top: 20px; }


/*相关作品*/
.zsh-good-block { background: #fff; margin: 10px 0; }
.zsh-good-list { display: block; margin: 0; padding: 0 0 10px 0; }
.zsh-good-list ul { width: 98%; margin: 0 1%; }
.zsh-good-list ul li { text-align: center; padding: 2px 0; }
.zsh-good-list ul li .zsh-good-item { margin: 1px 5px; border-radius: 5px; background: #fff; border: 1px solid #f3f3f3; }
.zsh-good-list ul li .zsh-good-item h3 a { font-size: 15px; color: #555; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.zsh-good-list ul li .zsh-good-item .li-foot2 { width: 100%; font-size: 12px; color: #fff; text-align: center; margin: 3px auto; /*padding-bottom: 10px; position: relative; */}
.zsh-good-list ul li .zsh-good-item .li-foot2 span { width: 100%; font-size: 12px; color: #999; opacity: 1; transition: opacity .5s ease; display: block; overflow: hidden;  }
.zsh-good-list ul li .zsh-good-item .li-foot2 .li-btn2 { margin: 0 auto; padding:7px 0 6px 0; line-height: 26px; display: block; opacity: 1; transition: opacity .5s ease; cursor: pointer; /*position: absolute; top:0; left: 0; right: 0; */}
.zsh-good-list ul li .zsh-good-item .li-foot2 .li-btn2 button { width: 66px; height: 26px; margin: 0 4px; line-height: 26px; background: #f1f1f1; display: inline-block; overflow: hidden; border-radius: 80px; font-size:14px; color:#888;cursor: pointer; }
.zsh-good-list ul li .zsh-good-item .li-foot2 .li-btn2 button.fav { background: #f1f1f1; }
/*.ask { width:100px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin: 6px auto 10px auto; display: block; background: #d33; border-radius: 40px; cursor: pointer}*/
.ask:before{content:"询底价";}
.fav:before{content:"收藏";}

.goods-detail-relate .block-top { margin: 8px 1% 3px 1%; padding:3px 5px; /*border-bottom: 1px solid #f6f6f6;*/ }
.goods-detail-relate .block-top .title-desc{ margin: 5px 0 0 10px; }
.goods-detail-relate .block-top .more-word { padding: 5px 0 3px 0; }
.goods-detail-relate .block-top .more-word a { font-size: 13px; color: #888; }


/*已下架作品样式*/
.off-shelf { margin: 10px 0; padding: 80px 0 150px 0; text-align: center; border-radius: 5px; /*background: #fff;*/ }
.off-shelf .shelf-icon { margin: 6px auto; display: block; overflow: hidden; }
.off-shelf .shelf-icon i { font-size: 50px; color: #ddd; }
.off-shelf .shelf-desc { margin: 12px auto; font-size: 17px; color: #999; }
.off-shelf .shelf-btn { display: block; overflow: hidden; }
.off-shelf .shelf-btn a { width: 180px; height: 40px; line-height: 40px; margin: 8px auto; font-size: 15px; color: #fff; background: #c33; display: block; border-radius: 6px; }
.off-shelf .shelf-btn2 { display: block; overflow: hidden; }
.off-shelf .shelf-btn2 a { width: 180px; height: 40px; line-height: 40px; margin: 10px auto; font-size: 15px; color: #dd801a; border: 1px solid #dd801a; display: block; border-radius: 6px; }


/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){

    .goods-detail-img { width: 96%; margin: 0; padding: 8px 2%; }
    #magnifier { width: 100%; }
    .small-box { width: 100%; }

    .intro_fav .pot-age { float: right; margin-right: 3px; }
    .goods-detail-intro { width: 96%; margin: 0; padding: 8px 2%; }
    .intro_message .sp1 { width: 45%; }

    .intro_fwcn ul { display: flex; }
    .intro_fwcn li { flex: 1; text-align: center; margin: 0 5px; padding: 0; }
    .intro_fwcn li i { font-size: 22px; }
    .intro_fwcn li span { width: 100%; display: inline-block; font-size: 12px; }

    .goods-detail-master { border: none; background: #fff; }
    .title_con { margin-left: 15px; width: 60%; }
    .author_head { width: 116px ;height: 116px; }
    .master-honor { overflow: hidden; height: 70px; }
    /*.master-desc p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/

    .goods-detail-content { border: none; }
    .con_padding { padding: 15px 5px; }
    .con_nav{ width: 100%; max-width: 640px; box-sizing:border-box;height:40px;line-height:40px;border-bottom:1px solid #e8e8e8;border-left:none;background:#fff; position: fixed; top:0; z-index: 9999; }
    .con_nav li { /*width: 16%; */height:40px;line-height:40px; font-size: 14px; border:none; }
    .con_nav li.con-icon { width: 10%; font-size: 14px; }
    .con_nav li.con-icon i { font-size: 24px; color: #888; }
    .con_nav li.zp_current { border-top: none; border-bottom:2px solid #d33;background:#fff;}



    .con_title { border-bottom: none; line-height: normal; }
    .con_p { padding: 10px 6px; }
    .pug_top { margin: 10px 6px 2px 6px; }
    .pug_head { width: 140px; margin:5px 10px 0 0; }
    .pug_bottom p { padding:8px 0; line-height: 24px; }

    #con_pay ul { padding: 0 6px; }
    .service_con { padding: 0 6px; }

    /*.con_right_tops{margin-top:0;}*/
    .fixednav { max-width: 640px; top:0; }
    /*.fixednav { width: 100%; height: 40px; max-width: 640px; position: fixed; top:0; z-index: 9999; }*/
    .m_fixed { width: 100%; max-width: 640px; height: 40px; position: fixed; top:0; z-index: 9999; }

    .device { position: relative; }
    .swiper-wrapper { display: flex;  justify-content: center; align-items: center; }

    #s_nav { width:72%; margin: -43px auto 0 auto; text-align: center; display: flex; }
    #s_nav li {/* margin: 0 1%;*/ flex: 1; }
    .m-good-nav { display: block; overflow: hidden; }
    .m-good-nav .con-icon { width: 10%; padding: 0 2%; font-size: 14px; }
    .m-good-nav .con-icon i { font-size: 24px; color: #888; }
    .m-good-nav .con-icon.icon-left { float: left; }
    .m-good-nav .con-icon.icon-right { float: right; }


}


/*屏幕大于1024px*/
@media screen and (min-width:1025px){

    .author_title {margin: 20px; }
    .intro_fwcn li i { float: left; }
    .master-honor { margin-top: 10px; overflow: hidden; }
    .pics img { width:900px; }

    .con_right_tops {margin-top:45px;}
    .con_padding { padding: 30px 28px; }
    .fixednav { width: 1200px; top:80px; z-index: 9; }

    .con_pay img { width: auto; margin: 0 auto; display: block; }
    .major { width: 900px; height: 787px; padding: 0; margin: 0 auto; }
    .service { width: 900px; height: 188px; padding: 0; margin: 0 auto; }

    .device { width: 450px; height: 300px; margin: 20px 0 20px 15px; float: left; border: 1px solid #f6f6f6; }
    .device img { width: 450px; height: 300px; object-fit: contain; }
}