*{margin:0;padding:0;outline:none;}
html,body{width:100%;height:100%;}
body,input,textarea{color:#aaa;font-size:14px;font-family:"PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei","微软雅黑",sans-serif;}
a,a:visited{color:#fff;text-decoration:underline;}
a:hover{text-decoration:none;}

html{background:#0f0f0f;}
.wrap{display:block;}
.wrap-inner{display:block;max-width:1200px;margin:0 auto;}
.wrap-studio,.wrap-person{display:block;background-repeat:no-repeat;background-size:contain;height:300px;}
.wrap-studio{background-image:url("img/d20_studio.png");background-position:50px center;}
.wrap-person{background-image:url("img/d20_person.png");background-position:-50px center;}
.studio-text,.person-text{display:block;font-size:12px;}
.studio-text{padding:50px 60% 0 30px;}
.person-text{padding:50px 30px 0 60%;}
.studio-text-title,.person-text-title{display:block;font-size:24px;font-weight:bold;color:#fff;}
.studio-text-intro,.person-text-intro{display:block;margin:10px 0;line-height:150%;}
.studio-text a,.person-text a{display:inline-block;color:#fff;font-size:12px;font-weight:bold;text-decoration:none;border:2px solid #fcaf3a;padding:10px 25px;}
.studio-text-link,.person-text-link{font-family:"Helvetica",sans-serif;}
/* 样片 */
.wrap-works{display:block;padding:5px;}
.works-title{display:block;color:#fff;font-size:24px;font-weight:bold;margin:20px 0;text-align:center;}
.works-item{display:inline-block;vertical-align:top;width:50%;}
.works-item-inner{display:block;margin:5px;border:1px solid #585858;}
.works-item-image{display:block;margin:0 auto;width:100%;cursor:pointer;}
.works-empty{display:block;text-align:center;font-size:20px;font-weight:bold;color:#f7f7f7;}

.works-content{display:block;position:relative;}
.works-button-back{display:inline-block;font-size: 18px;padding:5px 15px;position:absolute;top:-50px;right:10px;background:rgba(255,255,255,0.1);text-align: center;color:#f7f7f7;cursor:pointer;}
.works-content-name{display:block;margin:10px;text-align:center;font-size:18px;font-weight:bold;}
.works-content-intro{display:block;margin:10px;}

.picture{display:inline-block;vertical-align:top;width:50%;}
.picture-inner{display:block;margin:5px;border:1px solid #585858;}
.picture-image{display: block;margin:0 auto;width:100%;cursor:zoom-in;}

.mask{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);background-size:contain;background-repeat:no-repeat;background-image:none;background-position:center center;}
.mask-content{display:block;margin:50px auto;max-width:1200px;}
.mask-button-close{display:inline-block;font-size: 20px;font-weight:bold;padding:5px 15px;position:absolute;top:10px;left:10px;background:rgba(255,255,255,0.1);text-align: center;color:#f7f7f7;cursor:pointer;}

.mask-button{display:block;width:50px;height:50px;position:absolute;background-color:rgba(255,255,255,0.1);text-align:center;font-size:30px;line-height:50px;color:#f7f7f7;cursor:pointer;}
.mask-button-prev{display:block;left:0;top:48%;}
.mask-button-next{display:block;right:0;top:48%;}
.mask-hide{display:none;}

/* 底部图片切换 （1/7）*/
.mask-step{display:block;position:absolute;left:0;bottom:0;width:100%;text-align:center;}
.mask-step-inner{display:inline-block;padding:10px 15px;background-color:rgba(255,255,255,0.1);color:#f7f7f7;font-size:16px;font-weight:bold;}


/* 备案 */
.footer{display:block;margin:50px auto 0;text-align:center;color:#777;}   
.footer a{padding:5px;font-size:12px;color:#777;}

@media screen and (min-width:640px){
    .wrap-studio,.wrap-person{height:400px;}
    .studio-text,.person-text{font-size:14px;}
    .studio-text{padding-top:100px;padding-left:50px;}
    .person-text{padding-top:80px;}
    .studio-text-title,.person-text-title,.works-title{font-size:28px;}
    .studio-text-intro,.person-text-intro{display:block;margin:20px 0;}
    .studio-text a,.person-text a{font-size:14px;}
    .part3-item{width:25%;}
    .works-item,.picture{width:33.33%;}

}

@media screen and (min-width:960px){
    .wrap-studio,.wrap-person{height:500px;}
    .wrap-studio{background-position:right center;}
    .wrap-person{background-position:left center;}
    .studio-text,.person-text{font-size:16px;}
    .person-text{padding-top:120px;}
    .studio-text-title,.person-text-title,.works-title{font-size:32px;}
    .studio-text a,.person-text a{font-size:16px;}
    .studio-text-intro,.person-text-intro{margin:30px 0;}
    .works-item,.picture{width:25%;}
}

@media screen and (min-width:1280px){
    .wrap-studio,.wrap-person{height:600px;}
    .studio-text,.person-text{font-size:18px;}
    .person-text{padding-top:130px;}
    .studio-text-title,.person-text-title,.works-title{font-size:36px;}
    .studio-text a,.person-text a{font-size:18px;}
    .wrap-person img{left:40px;top:40px;}
    .studio-text-intro,.person-text-intro{margin:60px 0;}
    .works-item,.picture{width:20%;}
}