<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*reset*/
body,div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p,img, blockquote, pre, form, fieldset, legend, input, button, textarea, hr,span {margin:0;padding:0;}
body{background:#fff;width:100%;height:100%;color:#333;  font:12px/1.25 arial,helvetica,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
li,ul,ol,dl,dd,dt{list-style: none;}
em,i {font-style:normal;}
b{ font-weight:100;}
fieldset,img{border: 0;}
img{vertical-align: top;}
input,button{outline:none;}
select, input{ vertical-align:middle; }
a{color: #333;cursor:pointer;text-decoration: none;}
a:hover{color: #bc2102;text-decoration: none;}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
* html .clearfix { height: 1%; }
.clearfix { zoom:1; }
.clear {clear: both;font: 0px/0 arial;visibility: hidden;}
.hidden{
  display: none;
}
html{
  height:100%;
}
body{
  height:95%;
  background: #2b2b2b;
  min-width: 600px;
  padding-top:5%;
  overflow:auto ;
  
}
.content{
  width: 90%;
  height: 480px;
  background: #afafae linear-gradient(#a4a3a3,#f6f4f5);
  margin: 0 auto;
  position: relative;
  
}
.content:before{
  content: "";
  position: absolute;
  left:0;
  top:-70px;
  width:100%;
  height:140px;
  background: #2b2b2b;
  border-radius: 50% / 70px;
}
.content:after{
  content: "";
  position: absolute;
  left:0;
  bottom:-70px;
  width:100%;
  height:140px;
  background: #2b2b2b;
  border-radius: 50% / 70px;
}

h1{
  font-size:30px;
  color:#7c6b40;
  text-align: center;
  position: relative;
}
h1 strong{
  font-weight: 300;
  color:#fdfdfd;
}
.pic-wrap{
  height:440px;
  position: relative;
  overflow:auto;
 
}

.pic-wrap ul{
  width:33.33%;
  height:192px;
  position: absolute;
  left: 50%;
  top:100px;
  margin-left: -16.67%;
   
}
.pic-wrap li{
  position: absolute;
  top: 0;
  width:100%;
  height:200px;
  text-align: center; 
  transition: left 1s,top 1s;
  -webkit-transition: left 1s,top 1s;
  
}
.pic-wrap li div{
  perspective:1500px;
  -webkit-perspective:1500px;
  
}
.pic-wrap li .txt
{
    position:absolute;
    float:left;
    top:20px;
    left:30px;
   
    opacity: 60%;
}
.none
{
    display:none;
}
.pic-wrap li img{
  border:6px solid #7f7106;
  
  transition:all 1s;
  width:auto;
  height:200px;
  -webkit-transition: all 1s;
}
.pic-wrap .forward-pic{
  left:-200%;
  opacity: 0;
  
}
.pic-wrap .left-pic{
  left:-60%;
  zoom:1.2;
  
}
.pic-wrap .center-pic{
  left:0;
  zoom:1.1;
 display:none;
  
}


.pic-wrap .right-pic{
  left:60%;
   z-index:0;
   zoom:1.2;
  
}
.pic-wrap .backward-pic{
  left:200%;
  opacity: 0;
  
}
/*.italicright{
  -webkit-transform: rotatey(30deg) translatez(-2vw);
          transform: rotatey(30deg) translatez(-2vw);
}
.italicleft{
  -webkit-transform: rotatey(-30deg) translatez(-2vw);
          transform: rotatey(-30deg) translatez(-2vw);
}*/
.author-wrap{
  position: absolute;
  bottom:-120px;
  left:50%;
  margin-left: -240px;
  z-index:10;
  color:#d3d3d3;
  font-size: 13px;
  line-height: 20px;
}
.author-wrap .author-name{
  font-size:18px;
  vertical-align: top;
}
.author-wrap .author-name em{
  font-style: normal;
  vertical-align: top;
  display: inline-block;
}
.author-wrap .author-name strong{
  line-height:40px;
  font-size: 36px;
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
}
.author-wrap .intro{
  margin-top: -10px;
}
.author-wrap .author-pic{
  width:85px;
  padding-right: 5px;
  vertical-align: bottom;
  position:relative;
}
.author-wrap .author-desc{
  display: inline-block;
  width: 540px;
  vertical-align: top;
}
.aname
{
    position:absolute;
    bottom:-25px;
    left:15px;
    font-size:16px;
    font-family :微锟斤拷锟脚猴拷;
}

/*mask*/
#mask{
  position:fixed;
  left: 0;
  top:0;
  z-index:100;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,.85);
  display: none;
}
#mask .mask-con{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: 100%;
}
#mask .mask-con button{
  position: absolute;
  right:30px;
  top:20px;
  font-size: 50px;
  font-weight: 200;
  color:#757575;
  background: none;
  border: none;
  cursor: pointer;

}
#mask .mask-con button:hover{
  color:#999;
}
#mask .big-pic{
  width:900px;
  height:100%;
  margin:0 auto;
  position: relative;
  z-index:101;
  text-align: center;
  
}
#mask .big-pic span{
  display: inline-block;
  width:1px;
  height:100%;
  vertical-align: middle;
}
#mask .big-pic img{
  max-width:99%;
  max-height:100%;
  vertical-align: middle;
  
}








</pre></body></html>