.doc_mod_top_nav{height:50px;margin-top:30px;position:relative}
.doc_mod_top_nav h2{display:inline-block;font-weight:800;z-index:1;font-size:23px;color:#333;padding-left:20px;margin-right:22px;float:left;position:relative;left:0}
.doc_mod_top_nav h2:before{border-radius:0 10px 10px 0;top:10px;width:5px;z-index:-1;height:15px;position:absolute;left:0;background:#0057ff;content:''}
.doc_mod_top_nav .top_nav_breadcrumb{line-height:40px;height:42px;overflow:hidden;color:#999;font-size:12px}
.doc_mod_top_nav .top_nav_breadcrumb a{padding:0 3px;font-size:14px;color:#999}
.doc_mod_top_nav .top_nav_breadcrumb cite{margin:0 5px;color:#e3e3e3}
.doc-mod{width:16.666%;height:auto;float:left;box-sizing:border-box;padding:0 7px}
.ymtc_clearfix:after,.ymtc_clearfix:before{content:'';display:block;clear:both;}
.ymtc_clearfix{zoom:1;}
.doc_mod_list{margin:0 -7px 20px}
.doc_mod_content{position:relative;transition:all .2s linear;background-color:#fff;border:1px solid #f5f5f5;margin:8px 0;border-radius:2px;box-shadow:0 3px 13px 4px #f3f3f3;padding:15px;box-sizing:border-box}
.doc_mod_content:hover{cursor:pointer;transform:translate3d(0,-4px,0);border-bottom:1px solid #eee}
.doc_mod_content:hover .viewbtn{opacity:1}
.doc_mod_content_center{padding:0;box-sizing:border-box;font-size:15px;line-height:20px;height:40px;overflow:hidden;font-weight:400;margin-top:10px;color:#333}
.doc_viewbtn{box-sizing:border-box;position:absolute;left:0;bottom:0;right:0;z-index:10;opacity:0;width:100%;height:170px;padding-top:95px;text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(57%,rgba(255,255,255,.89)),to(#fff));background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.89) 57%,#fff 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
.doc_viewbtn span{padding:5px 18px;font-size:14px;border-radius:33px;display:inline-block;text-align:center;color:#fff;background-color:#ec3b3b}
.doc_mod_content_top{margin:0 auto;position:relative;overflow:hidden;text-align:center;border-top-left-radius:2px;border-top-right-radius:2px;height:213px;vertical-align:middle}
.doc_mod_content_top img{width:100%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;height:100%;object-fit:cover;vertical-align:middle;box-sizing:border-box;border:1px solid #eee}
.doc_mod_content_top span.doc_type_label{position:absolute;right:0px;bottom:0px;font-size:12px; padding: 0 10px; background-color: rgba(10, 10, 10, 0.21); color: #fff}
.doc_mod_bottom{margin-top:10px;padding:0;overflow:hidden}
.doc_mod_bottom_detail-info{float:right;width:auto;color:#bbb}
.doc_right_nav{float:right;padding-top:10px;}
.doc_right_nav a{margin-left:8px;font-size:13px;color:#666}
.doc_right_nav cite{color:#e3e3e3;margin:0 0 0 10px}
.doc_price{float:left;color:#ec3b3b}