@charset "utf-8";
/*
	原创功能插件，请保留作者信息
	
	Song <email:service@cogle.cn>
	2021年9月26日
*/
body{width:100%;min-width:320px;margin:0;padding:0;font-family:"microsoft yahei","宋体";font-size:14px;text-align:center;z-index:0;}

#ph_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5000;background:rgba(10,10,10,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5100000,endColorstr=#e5100000);}
  #ph_close{position:absolute;left:-80px;top:1px;cursor:pointer;}
  #ph_close p{margin:0;padding:0;}

#ph_images{position:relative;margin:auto;margin-top:10px;width:60%;max-width:700px;min-width:540px;height:auto;}
@media only screen and (min-width:560px){
	#ph_images{width:60%;margin-top:10px;}
}
@media only screen and (max-width:560px){
	#ph_images{width:98%;margin:10px auto; }
}

#ph_image{display:block;width:100%;margin:auto;position:relative;overflow:hidden;cursor:e-resize;border:1px solid black;}
#ph_image a:first-child{position:static;width:100%;}
#ph_image a{width:10%;position:absolute;right:0;top:0;}
#ph_image img{border:none;width:100%;height:auto;}
  #ph_image p{float:left;background-color:white;margin:0;padding:0;text-align:center;}

#phimglist{position:absolute;right:-96px;top:0;width:90px;height:auto;text-align:center;}
#phimglist div{display:table;margin:auto;width:100%;}
#phimglist div blockquote{display:table-row;}
#phimglist div a{display:table-cell;text-align:center;vertical-align:middle;padding:6px 4px;text-decoration:none;}
.phimg_a:link,.phimg_a:visited,.phimg_a:hover{background:red;}
.phimg_n:link,.phimg_n:visited{background:none;}
.phimg_n:hover{background:#00a0e9;}
.phimg_n:hover p{border:1px solid #00a0e9;}
#phimglist div a p{display:block;margin:auto;padding:0;background-color:white;border:3px solid #ffffff;}
#phimglist div a p img{border:none;width:100%;height:auto;margin:0 auto;}

#phleft{width:4%;float:left;border-bottom-left-radius:12px;margin-top:12px;}
#phright{width:4%;float:left;margin-left:1%;margin-top:12px;border-bottom-right-radius:12px;}
#phimginfo{position:absolute;right:-80px;bottom:1px;width:62px;height:24px;background:#eeeeee;line-height:24px;border-radius:3px;}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #ffffff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #1D9FC0;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke { 100% {stroke-dashoffset: 0;}}
@keyframes scale {
  0%, 100% {transform: none;}
  50% {transform: scale3d(1.1, 1.1, 1);}
}
@keyframes fill { 100% {box-shadow: inset 0px 0px 0px 30px #1D9FC0} }