@charset "utf-8";
/*basc*/
body {font-family:-apple-system, blinkmacsystemfont, roboto, "helvetica neue", pingfang-sc, "hiragino sans gb", 微软雅黑, "microsoft yahei", "heiti sc", sans-serif !important; margin:0 auto; padding:0; font-size:12px; color:#333;padding-bottom:50px!important; }
div, form, ul, ol, li, span, p, dl, dt, dd { margin:0; padding:0; border:0; }
img, a img { border:0; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
ul, ol, li { list-style:none }
table, td, input { font-size:12px; padding:0; font-family:inherit; }
table { border-collapse: collapse; border-spacing: 0;}
i,em{font-style:normal}
a {outline-style:none;color:#333;text-decoration:none }
a:hover {color:#de2e31; text-decoration:none; }
/* common */
.clearfix:after{ clear:both; content:"\200b"; display:block; height:0;}
.clearfix{ *zoom:1;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}
.floatl{ float:left;}
.floatr{ float:right;}
/**/
.page{width:100%; height:100%; margin:0 auto; background:rgba(0,0,0,0.7); position:fixed;top:0;left:0;z-index: 100;}
.page .content{ width:100%;height:100%;}
.page .content .left{height:100%;width:100%;padding:0 100px 80px;margin:0 auto; box-sizing: border-box;}
.page .content .left #photo{position:relative;text-align:center;height:100%;}
.page .content .left .big_img{position:relative;height:100%;padding-bottom: 20px;box-sizing: border-box;}
.page .content .left .big_img img{display: block;max-width: 100%;max-height: 100%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.num_img{position:absolute;left:0;bottom:0px;font-size:12px;color:#fff;width:100%;text-align:center;font-weight: normal;}
#photo #pre,#photo #next{position:absolute;top: 50%;margin-top:-22px;width:44px; height:44px;background:rgba(0,0,0,0.4);border-radius: 50%; cursor: pointer;}
#photo #pre{left: -56px;}
#photo #next{right: -56px;}
.left #photo #pre a {display:block;background: url(/uploads/image/shnfimages/arr_l.png) no-repeat center center;width:44px;height: 44px;background-size: 10px 18px;}
.left #photo #next a {display:block;background: url(/uploads/image/shnfimages/arr_r.png) no-repeat center center;width:44px;height: 44px;background-size: 10px 18px;}
.page .content .left .lun{position: fixed;z-index:10;width:1200px;padding:0 15px;height:60px; bottom:10px;left: 50%;margin-left: -600px;box-sizing: border-box;}
.page .content .left .lun_wrap{height:60px;overflow:hidden;width:100%;}
.page .content .left .lun ul{font-size: 0;text-align: center;}
.page .content .left .lun ul li{display: inline-block;width:80px;height:60px;margin:0 5px;}
.page .content .left .lun ul li a{position:relative;display: block;width:80px;height:60px;}
.page .content .left .lun ul li a img{float:left;width:80px;height:60px;}
.page .content .left .lun ul li a:after{content: '';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.page .content .left .lun ul li.cur a:after{background:none;}
.page .content .left .lun ul li:hover a:after{background:none;}
.page .content .left .close{position:fixed;top:80px;right:50px;z-index: 100;}
.page .content .left span.error_close{display:block;cursor: pointer;background:url(/uploads/image/shnfimages/icon_close.png) no-repeat ;width:34px;height:34px;background-size: 100% 100%; z-index: 100;}