.BigImgList{ background:#fff;}
.BigImgList *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.BigImgList .li{position:relative; z-index:1; padding-top:calc(100% + 140px); /*height:368px;*/}
.BigImgList .item{position:absolute; z-index:1;/* height:368px;*/ top:0; left:0; bottom:0; width:100%; background:#fff;}
.BigImgList .itemContent{ border-radius:0px;/*height:368px;*/ height:100%; overflow:hidden; border:1px #ddd solid; z-index:1; position:relative; cursor:pointer; transform:scale(1)}
.BigImgList .itemContent .item-img{width:100%; height:0; padding-top:100%; position:absolute; top:0; transform:scale(1); border-radius:10px 10px 0 0;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.BigImgList .itemContent .item-img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:0px 0px 0 0;}
.BigImgList .itemContent .date{position:absolute; left:calc(50% - 65px); bottom:128px; border-radius:5px; z-index:2; background:var(--blue); color:#fff; width:130px; text-align:center; height:32px; line-height:32px;}
.BigImgList .itemContent .main{position:absolute;  height:140px; overflow:hidden; left:0; bottom:0; padding:30px 20px; border-radius:0 0 0px 0px;}
.BigImgList .itemContent .main .title{font-size:16px; color:var(--blue); font-weight:bold; letter-spacing:1px;}
.BigImgList .itemContent .main .neirong{font-size:14px; color:#333; letter-spacing:1px; margin-top:10px; line-height:1.5}
.BigImgList .itemContent .main .linkIcon{ position:absolute; overflow:hidden; top:300px; left:calc(50% - 80px); width:160px; height:40px;}
.BigImgList .itemContent .main .linkIcon .s1{display:block; background: linear-gradient(45deg, #f2711c,#e03997);color:#ffffff;  text-align:center; line-height:40px; border-radius:20px;}
.BigImgList .itemContent .main .linkIcon .s2{display:block; background: linear-gradient(45deg, #53a706, #2185d0);color:#ffffff; text-align:center; line-height:40px; border-radius:20px;}
.BigImgList .item:hover{z-index:2;}

.BigImgList .item:hover .itemContent{transform:scale(1.1); background:var(--primary);}
.BigImgList .item:hover .item-img{ opacity:0.8;}
.BigImgList .item:hover .main{height:100%; background:rgba(77,104,174,0.95)}
.BigImgList .item:hover .date{background:var(--site-colorA);color:#FFFFFF; top:50px; left:20px;}
.BigImgList .item:hover .main .title{color:#fff; font-size:18px;}
.BigImgList .item:hover .main .faIcon{color:#fff; font-size:16px;}
.BigImgList .item:hover .main .neirong{color:#fff;}
.BigImgList .itemContent .main .linkIcon:hover .s1{margin-top:-40px;}

.bigImg-TagList{/*background:#dbe1ee;*/ border-radius:30px; padding:10px; border:1px #ddd solid;}
.bigImg-TagList .li{width:20px; height:20px; margin:0 5px; border-radius:50%;position:relative; cursor:pointer;}
.bigImg-TagList .li:before{content:""; display:block;width:16px; height:16px;position:absolute; top:2px ;left:2px; border-radius:50%; opacity:0.8}
.bigImg-TagList .li:after{content:""; display:block;width:20px; height:20px;position:absolute; top:0px ;left:0px; border-radius:50%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  border-width:4px; border-style:solid; border-color:#dbe1ee;  opacity:1;}
.bigImg-TagList .li:nth-child(1):before{background:var(--green);}
.bigImg-TagList .li:nth-child(2):before{background:var(--orange)}
.bigImg-TagList .li:nth-child(3):before{background:var(--blue)}
.bigImg-TagList .li:nth-child(4):before{background:var(--red)}
.bigImg-TagList .li:nth-child(5):before{background:var(--purple)}
.bigImg-TagList .li:nth-child(6):before{background:var(--primary)}
.bigImg-TagList .li.atc:before{opacity:1;}
.bigImg-TagList .li.atc:nth-child(1):after{border-color:var(--green);}
.bigImg-TagList .li.atc:nth-child(2):after{border-color:var(--orange)}
.bigImg-TagList .li.atc:nth-child(3):after{border-color:var(--blue)}
.bigImg-TagList .li.atc:nth-child(4):after{border-color:var(--red)}
.bigImg-TagList .li.atc:nth-child(5):after{border-color:var(--purple)}
.bigImg-TagList .li.atc:nth-child(6):after{border-color:var(--primary)}
  
.bigImg-TagList .li:before,
.bigImg-TagList .li:after{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

.bigImg-TagList .li:hover:before{opacity:1;}
.bigImg-TagList .li:hover:nth-child(1):after{border-color:var(--green);}
.bigImg-TagList .li:hover:nth-child(2):after{border-color:var(--orange)}
.bigImg-TagList .li:hover:nth-child(3):after{border-color:var(--blue)}
.bigImg-TagList .li:hover:nth-child(4):after{border-color:var(--red)}
.bigImg-TagList .li:hover:nth-child(5):after{border-color:var(--purple)}
.bigImg-TagList .li:hover:nth-child(6):after{border-color:var(--primary)}



.BigImgList .t-3dflip{-webkit-perspective: 1000px;perspective: 1000px;}
.t-3dflip .item{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.BigImgList.active .t-3dflip .item:nth-child(1){-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-animation: rotateOutLeft 0.6s infinite;animation: rotateOutLeft 0.6s infinite;}
.BigImgList.active .t-3dflip .item:nth-child(2){opacity: 0;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-animation: rotateInRight 0.6s ease-in forwards;animation: rotateInRight 0.6s ease-in forwards;}

.BigImgList .t-bringback{-webkit-perspective: 1000px;perspective: 1000px;}
.BigImgList .t-bringback .item{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.BigImgList.active .t-bringback .item:nth-child(1){-webkit-animation: hideLeft 0.8s forwards;animation: hideLeft 0.8s forwards;}
.BigImgList.active .t-bringback .item:nth-child(2){z-index: -1;-webkit-animation: showRight 0.8s forwards;animation: showRight 0.8s forwards;}

.BigImgList.active .t-superscale .item:nth-child(1){-webkit-animation: scaleDown 0.6s ease-in-out forwards;animation: scaleDown 0.6s ease-in-out forwards;}
.BigImgList.active .t-superscale .item:nth-child(2){opacity: 0;-webkit-animation: scaleIn 0.6s ease-in-out forwards;animation: scaleIn 0.6s ease-in-out forwards;}

.BigImgList .t-frontrow{overflow: hidden;}
.BigImgList.active .t-frontrow .item:nth-child(1){-webkit-animation: moveToBack 0.8s forwards;animation: moveToBack 0.8s forwards;}
.BigImgList.active .t-frontrow .item:nth-child(2){-webkit-animation: moveToFront 0.8s forwards;animation: moveToFront 0.8s forwards;}



/* Stack back 3D*/
.BigImgList .t-stackback{-webkit-perspective: 1000px;perspective: 1000px;}
.BigImgList .t-stackback .item{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.BigImgList.active .t-stackback .item:nth-child(1){-webkit-animation: moveLeft 0.8s forwards;animation: moveLeft 0.8s forwards;}
.BigImgList.active .t-stackback .item:nth-child(2){z-index: -1;-webkit-animation: popUp 0.8s ease-in forwards;animation: popUp 0.8s ease-in forwards;}


/* Center flip */
.BigImgList .t-flip{-webkit-perspective: 1500px;perspective: 1500px;}
.BigImgList .t-flip .item{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.BigImgList.active .t-flip .item:first-child{-webkit-animation: flipOut 0.8s ease-in forwards;animation: flipOut 0.8s ease-in forwards;}
.BigImgList.active .t-flip .item:nth-child(2){opacity: 0;-webkit-animation: flipIn 0.8s ease-in forwards;animation: flipIn 0.8s ease-in forwards;}