/*----------------------电脑板式样式----------------------*/

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1280px) {

}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {

}
body{ background-image:url('https://cdn.yun.sooce.cn/6/57119/jpg/1760082805450dba89eea5fefb8a190a4acc2a4fe9ef7.jpg?version=0'); }
body{ background-size:100% auto; }
body{ background-position:top ; }
 #layout_diy_1760082714{height:832px;}   @media screen and (max-width:640px) {#layout_diy_1760082714{height:795px;}} 


 #image_style_28_1760082878441{width:100%;display:none;position:absolute;left:0%;top:21.28125px;}   @media screen and (max-width:640px) {#image_style_28_1760082878441{width:96%;display:block;top:0px;left:2.1333333333333333%;}} #image_style_28_1760082878441 > .view_contents{overflow:visible;}  @media screen and (max-width:640px) { #image_style_28_1760082878441 .imgSet {background:#000000;}} @media screen and (max-width:640px) { #image_style_28_1760082878441 .modSet {background:#000000;border-color:#5b5b5b;border-style:solid;border-width:1px;}} @media screen and (max-width:640px) { #image_style_28_1760082878441 .page_btn .pageSet {border-color:#ffffff;border-style:none;}} @media screen and (max-width:640px) { #image_style_28_1760082878441 #pagecurSet {border-color:#ffffff;}} @media screen and (max-width:640px) { #image_style_28_1760082878441 .titleSet {color:#e8e8e8;}}
/*----------------------电脑板式样式----------------------*/
#image_style_28_1760082878441{
	
}
/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {
	#image_style_28_1760082878441{
		
	}
}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {
	#image_style_28_1760082878441{
		
	}
} #layout_1760082784971{height:1749px;}   @media screen and (max-width:640px) {#layout_1760082784971{height:653.28125px;}} #layout_1760082784971 > .view_contents{overflow:visible;max-width:1200px;} 


 #text_style_01_1760082985851{width:99.91666666666667%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:7px;left:0%;display:none;}   @media screen and (max-width:640px) {#text_style_01_1760082985851{width:80.80000000000001%;font-size:12px;color:#333;line-height:1.6;top:192.28125px;left:9.599999999999994%;display:block;}}  #text_style_01_1760082985851>.view_contents {color:#c4c4c4;text-align:center;font-size:13px;} @media screen and (max-width:640px) { #text_style_01_1760082985851>.view_contents {font-size:12px;color:#606060;}}

 #image_style_01_1760083218048{width:50%;height:300px;display:none;position:absolute;left:25%;top:12px;}   @media screen and (max-width:640px) {#image_style_01_1760083218048{width:96%;height:158px;display:block;top:19px;left:2%;}} #image_style_01_1760083218048 > .view_contents{overflow:visible;}  #layout_1760082838419{height:547px;}   @media screen and (max-width:640px) {#layout_1760082838419{height:313px;}} #layout_1760082838419 > .view_contents{overflow:visible;max-width:1200px;} 

    	body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;}
.imgStyle_28{ width:100%; }
.imgStyle_28 *{ font-size:'微软雅黑'; }
.imgStyle_28 .imgTextUl{ display:flex; justify-content: space-between; flex-wrap: wrap; }
.imgStyle_28 .imgItems{margin-bottom:2%;box-sizing: border-box;}
.imgStyle_28 .mia_li_item{box-sizing:border-box;overflow: hidden;height: 100%;}
.imgStyle_28 li{ width: 24%;}
.imgStyle_28 .imgItems .left{width: 100%;}
.imgStyle_28 .imgTBox{ text-align: center; float:left; display:inline-block;height: 100%;width: 100%;}
.imgStyle_28 .imgTBox>img{display: inline-block;box-sizing: border-box;height: 100%;transition: all ease .3s;}
.imgStyle_28 .imgTBox>.bbx-new-font{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.imgStyle_28 .cont{ float:right; display:inline-block;width: 100%;}
.imgStyle_28 .title .name{width: 50%;float: left;font-size: 16px;font-weight: bold;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;box-sizing: border-box;}
.imgStyle_28 .title .subName{width: 50%;float: right;font-size: 12px;text-align: right;line-height: 24px;color: #f00;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;box-sizing: border-box;}
.imgStyle_28 .title{overflow: hidden;}
.imgStyle_28 .imgDetail{color: #666;font-size: 14px;white-space: pre-wrap;word-wrap: break-word;text-align: center;padding: 5px 0;}
.imgStyle_28 .left{position: relative;float: left;width: 100%;height: auto;background: #f6f6f6;overflow: hidden;box-sizing: border-box;}
.imgStyle_28 .imgCont{position: absolute;left: 50%;top: 0;bottom: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.imgStyle_28 .btn a {display: block;background: rgb(255,115,4);color: #fff;text-align: center;line-height: 2;}

@media screen and (max-width: 768px){
	.imgStyle_28 .title .name{width: 100%;}
	.imgStyle_28 .title .subName{width: 100%;float: left;text-align: left;}
}


        /*pc*/
                #image_style_28_1760082878441 ul li .ratio{margin-top: 56.25%; float: left;}
        #image_style_28_1760082878441  ul li{width: 23.5%;}
        #image_style_28_1760082878441  ul li.imgItems{margin-bottom:2%;}
        .imgShowBox{position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;}
        .imgShowBox img{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);}
        .imgShowBox .bbx-new-font{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);background: #fff;padding: 0 20px;}
        .imgShowBox.scroll{overflow-y:scroll;overflow-x:hidden;}
        .imgShowBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);}
        .imgShowBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);}
        .imgShowBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;}
        .imgShowBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);}
        .imgShowBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;}
        
        .imgShowBox.scroll img{top:5%; margin-bottom: 5%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%);}
        .pos_fixed{position: fixed; width: 100%;}
        .imgButton{position: fixed; width: 70%; max-width: 400px; bottom: 15%; left: 50%;
        	-webkit-transform: translateX(-50%);
        	-moz-transform: translateX(-50%);
        	-ms-transform: translateX(-50%);
        	-o-transform: translateX(-50%);
        	transform: translateX(-50%);
        	display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
        .imgButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2);
        	-webkit-transition: all ease .3s;
        	-moz-transition: all ease .3s;
        	-ms-transition: all ease .3s;
        	-o-transition: all ease .3s;
        	transition: all ease .3s;
        }
        .imgButton span:hover{opacity: .8;}
        .imgButton span i{font-size: inherit; line-height: inherit; color:inherit;}
        .imgButton span.prevImg, .imgButton span.nextImg, .imgButton span.closeShowPic{ font-size: 40px; width: 50px; height:50px; line-height: 50px;  border-radius: 100%;font-family: serif; background-color: #fff; text-align: center; box-sizing: border-box;}
        .imgButton span.prevImg, .imgButton span.nextImg{font-size: 26px; width: 40px; height: 40px; line-height: 40px; text-align: center;}
        @media screen and (max-width: 1024px){.imgStyle_11 ul li{width: 24%;}}
        @media screen and (max-width: 1024px){/*ipad*/
                #image_style_28_1760082878441 ul li .ratio{margin-top: 56.25%; float: left;}
        #image_style_28_1760082878441  ul li{width: 23.5%;}
        #image_style_28_1760082878441  ul li.imgItems{margin-bottom:2%;}
        }
        @media screen and (max-width: 768px){/*mobi*/
                #image_style_28_1760082878441 ul li .ratio{margin-top: 56.25%; float: left;}
        #image_style_28_1760082878441  ul li{width: 100%;}
        #image_style_28_1760082878441  ul li.imgItems{margin-bottom:2%;}
        .imgShowBox img{border-width: 10px;}
        .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;}
        }
    .imgStyle{font-size:0;}
#image_style_01_1760083218048 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1760083218048 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1760083218048 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}	#image_style_01_1760083218048 a{
		cursor: default;
	}
	.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
	.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
	.imgStyle img{box-sizing: border-box;}
	@media screen and (max-width:1200px) {
			}
	@media screen and (max-width:767px) {
			}