@charset "utf-8";
* { margin: 0px; padding: 0px; border:0; box-sizing:border-box; }
body { font-size: 14px; font-weight: 400; width: 100%; font-family:'Avenir', Helvetica, Arial, sans-serif,Microsoft YaHei; -webkit-tap-highlight-color: rgba(0,0,0,0); background-color: #f5f5fa; color: rgba(0,0,0,.87); line-height: 1!important; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
ol, ul, li { list-style-type: none; }
img { border: none; vertical-align: top; }
.c{zoom:1;}
.c:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}

.nav em,.sec-tabs,.pswp__counter{ display:none;}

#app{width:100%;height:100vh;}

.left-container { width: 675px; height: 100%;  border-radius: 5px; background-color: #fff; float:left;}
.ps-container{width:1000px;height:100vh;padding:17px 0 0;margin:0 auto; overflow:hidden;}

.nav { width: 100%; padding: 15px 15px 10px; position: relative;}
.nav span{ display:inline-block; font-size: 16px; font-weight: 700; line-height: 1.8; margin-right: 27px; margin-bottom:11px; border-bottom: 2px solid;  border-color: #e53d00; cursor: pointer;  color: #3d3d4d;}

.piclist{ background-color:#fff; padding:0 15px;}
.piclist .wrap{ margin-left:-2px; overflow-y:auto;}
.piclist li{width: 25%; float:left; cursor: pointer;background-color: #f5f5fa; position:relative; margin-bottom:3px;}
.piclist li a{ display:block; padding:0 2px;}
.piclist li img{ width:100%;}

.right-container { width: 270px; max-height: 100%; margin-left: 23px; float:right;}
.right-container .r-tj {  padding: 15px; border-radius: 5px;  background-color: #fff;}
.right-container .r-tj img{ width:100%;}
.right-container .r-tj .info { margin-top: 10px;}
.right-container .r-tj .info h1{ font-size: 24px; line-height: 33px; color: #3d3d4d;}

@media screen and (min-width: 1600px){
.left-container { width: 1000px;}
.ps-container{width:1423px;}
.right-container { width: 400px;}
}

@media (min-width: 1200px){
.container { max-width: 1140px;}
}
@media (min-width: 992px){
.container { max-width: 960px;}
}

@media (min-width: 768px){
.container { max-width: 720px;}
}

@media (min-width: 576px){
.container { max-width: 540px;}
}