* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input,textarea {
    border: none;
    outline: none;
}
a {
    text-decoration: none !important;
    cursor: pointer;
}
a, a:hover, a:active, a:link {
    text-decoration: none;
}
em, i {
    font-style: normal;
}
/* 隐藏 layer.photos 中的查看原图按钮 */
.layui-layer-photos-toolbar.layui-layer-photos-footer a{
    display: none !important;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.login_container {
    margin: 50px auto;
    text-align: center;
}
.login-letter {
    position: absolute;
    top: 4%;
    left: 10%;
    right: 10%;
}
.login-letter img {
    width: 100%;
}
.login_c1 {
    /*margin-top: 200px;*/
    position: absolute;
    width: 100%;
    top: 33%;
}

.login_container .login_c2 a {
    padding: 15px 30px;
    color: #fff;
    font-size: 20px;
    display: inline-block;
}

.login_c2 {
    /*margin-top: 50px;*/
    position: absolute;
    width: 100%;
    top: -webkit-calc(33% + 80px);
    top: -moz-calc(33% + 80px);
    top: -ms-calc(33% + 80px);
    top: -o-calc(335% + 80px);
    top: calc(33% + 80px);
}

.login_c3 {
    /*margin-top: 400px;*/
    position: absolute;
    width: 100%;
    bottom: 50px
}

.login_c4 {
    color: #fff;
    font-size: 12px;
    position: absolute;
    width: 100%;
    bottom: 100px;
}
.proweb-content {
    /*width: 1100px;*/
    margin: 0 auto;
    position: relative;
    overflow: auto;
}
.proweb-content .nav {
    height: 50px;
    padding: 15px 30px;
    border-bottom: 1px solid #eee;
    position: fixed;
    background-color: #fff;
    top:0;left:0;right:0;
    z-index: 1;
}
.proweb-content .nav .nav-content {
    /*width:1100px;*/
    margin:0 auto;
}
.proweb-content .nav .logo {
    width: 90px;
    margin-left: 30px;
}
.proweb-content .nav span {
    color: #000;
    font-weight: bold;
    margin-left: 10px;
    vertical-align: middle;
}
.searchdiv {
    position: relative;
    margin-top: 30px;
    height: 60px;
}
.searchcon {
    display: none;
    position: absolute;
    top: 0;
    line-height: 30px;
    border: 1px solid #d2d2d7;
    border-radius: 50px;
    right: 62px;
    width: 326px;
    height: 36px;
    line-height: 33px;
}
#searchBtn {
    position: absolute;
    top: 0;
    right: 62px;
    line-height: 30px;
}
.searchinput {
    color: #64646e;
    margin-left: 20px;
    width: 260px;
}
.searchbtn {
    position: absolute;
    top: 0;
    padding: 0 8px;
    width: 40px;
    height: 100%;
    border-right: 1px solid #d2d2d7;
    cursor: pointer;
    right: 5px;
    border-right: none;
}

.searchicon {
    display: block;
    margin-top: 4px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background-position: 0 0;
    background: url(/Assets/Images/icon/search.png) no-repeat;
}
.searchicon:hover, .searchicon:active {
    background: url(/Assets/Images/icon/search-hover.png) no-repeat;
}

.pr-lists {
    overflow: hidden;
    padding: 0px 30px;
    display: grid;
    position: relative;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
    padding-top: 16px;
    padding-bottom: 4px;
}
.pr-lists::after {
    content: "";
    display: table;
    clear: both;
}
.pr-list {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    overflow: hidden;
}
.pr-list:nth-child(3n) {
    margin-right: 0;
}
.pr-list .imgc {
    /*height: 161px;*/
    aspect-ratio: 5/3;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e7e7e7;
}
.pr-list p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    margin: 0;
    padding: 0 15px;
    font-size: 15px;
    color: #333;
    word-break:break-all;
    height: 57px;
    line-height: 58px;
}

.layui-laypage {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0;
    font-size: 0
}

.layui-laypage > a:first-child, .layui-laypage > a:first-child em {
    border-radius: 2px 0 0 2px
}

.layui-laypage > a:last-child, .layui-laypage > a:last-child em {
    border-radius: 0 2px 2px 0
}

.layui-laypage > :first-child {
    margin-left: 0 !important
}

.layui-laypage > :last-child {
    margin-right: 0 !important
}

.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span {
    border: 1px solid #eee
}

.layui-laypage a, .layui-laypage span {
    display: inline-block;
    /* vertical-align:middle; */
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    border: none;
}

.layui-laypage a[data-page] {
    color: #333
}

.layui-laypage a {
    text-decoration: none !important;
    cursor: pointer
}

.layui-laypage a:hover {
    color: #16baaa
}

.layui-laypage em {
    font-style: normal
}

.layui-laypage .layui-laypage-spr {
    color: #999;
    font-weight: 700
}

.layui-laypage .layui-laypage-curr {
    position: relative
}

.layui-laypage .layui-laypage-curr em {
    position: relative;
    color: #fff
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #16baaa
}

.layui-laypage-em {
    border-radius: 2px
}

.layui-laypage-next em, .layui-laypage-prev em {
    font-family: Sim sun;
    font-size: 16px
}

.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    border: none
}

.layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh {
    vertical-align: top
}

.layui-laypage .layui-laypage-refresh i {
    font-size: 18px;
    cursor: pointer
}

.layui-laypage select {
    height: 22px;
    padding: 3px;
    border-radius: 2px;
    cursor: pointer
}

.layui-laypage .layui-laypage-skip {
    height: 30px;
    line-height: 30px;
    color: #999
}

.layui-laypage button, .layui-laypage input {
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box
}

.layui-laypage input {
    display: inline-block;
    width: 40px;
    margin: 0 10px;
    padding: 0 3px;
    text-align: center
}

.layui-laypage input:focus, .layui-laypage select:focus {
    border-color: #16baaa !important
}

.layui-laypage button {
    margin-left: 10px;
    padding: 0 10px;
    cursor: pointer
}
.layui-laypage.layui-laypage-new a:hover {
    color: #02a7f0;
    border-color: #02a7f0;
}

.layui-laypage.layui-laypage-new a, .layui-laypage.layui-laypage-new span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background-color: transparent;
    border-color: #64646e;
    color: #64646e;
}

.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip, .layui-laypage-spr {
    height: 50px !important;
    line-height: 50px !important;
}

.layui-laypage.layui-laypage-new .layui-laypage-curr {
    border-color: #02a7f0;
    border-radius: 50% !important;
}

.layui-laypage a, .layui-laypage span {
    padding: 0 !important;
    height: 50px !important;
}

.layui-laypage-curr > .layui-laypage-em {
    left: 0 !important;
    top: 0 !important;
    padding: 0 !important;
    width: 50px !important;
    height: 50px !important;
    background-color: #e6e7e8 !important;
}

.layui-laypage-curr > em {
    color: #32323c !important;
}

.pagination .layui-laypage > a, .layui-laypage-spr {
    margin: 0 6px !important;
    display: inline-block !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    border: 1px solid #64646e !important;
    border-radius: 50% !important;
    text-align: center !important;
    color: #64646e !important;
}

.list-content {
    /*min-height: 400px;*/
    margin: 0 30px;
}

.layui-laypage a.layui-disabled {
    cursor: not-allowed !important;
    color: #d2d2d7 !important;
    border-color: #d2d2d7 !important;
    background: #ffF !important;
}
.paginationBox {
    margin: 20px auto;
    text-align: center
}

.pagination {
    margin: 20px auto
}

.pagination em {
    margin: 0 6px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #64646e;
    border-radius: 50%;
    text-align: center;
    color: #64646e
}

.pagination em.prev,.pagination em.next,.pagination em.first,.pagination em.last {
    width: 50px
}

.pagination em.active,.pagination em.active a:hover {
    background: #e6e7e8
}

.pagination em a:hover {
    border-radius: 50%;
    background-color: #e6e7e8
}

.pagination em.disabled,.pagination em.disabled a:hover {
    color: #d2d2d7;
    border-color: #d2d2d7;
    background: #fff
}

.pagination em.disabled a {
    color: #d2d2d7
}

.pagination em a {
    color: #32323c;
    display: inline-block;
    width: 100%;
    height: 100%
}

.pagination em.disabled a {
    cursor: not-allowed
}

.pfontbox {
    margin: 14px 10px 0 0
}

.nextpagea {
    display: block;
    height: 331px
}

.nextpage {
    display: block;
    margin: 128px 0 0 98px;
    color: #96969b;
    font-size: 20px
}

.nextpage .proicon {
    display: block;
    margin: 0 0 10px 5px;
    width: 54px;
    height: 54px;
    border: 1px solid #96969b;
    background-position: 19px -674px;
    border-radius: 50%
}
#prw-message {
    display: none;
    position:fixed;
    top:10%;
    left:0;
    right:0;
    z-index: 110;
    text-align: center;
}
#prw-message span{
    display: inline-block;
    padding: 10px;
    background-color: #000;
    border-radius: 10px;
    color: #fff;
}
.zgbomb-zz {
    display: none;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.zgbomb-con-detail {
    display: none;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.zgbomb-detail-con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 10px;
    width: 950px;
    height: 650px;
    border-radius: 15px 20px;;
}
.zgbomb-con-head {
    height: 50px;
}

.prwde-icon-list .icon-item {
    float: left;
    cursor: pointer;
    padding: 5px;
    margin-right: 10px;
}
.prwde-icon-list .icon-item.close {
    float: right;
    margin-right: 0;
}
.prwde-icon-list .icon-item span {
    display: block;
    width: 22px;
    height:22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.prwde-icon-list .icon-item.fullscreen span{
    width: 24px;
    height: 24px;
    background-image: url(/Assets/Images/icon/fullscreen.png)
}
.prwde-icon-list .icon-item.fullscreen:hover span, .prwde-icon-list .icon-item.fullscreen:active span{
    background-image: url(/Assets/Images/icon/fullscreen-hover.png)
}
.prwde-icon-list .icon-item.exitfull span{
    width: 24px;
    height: 24px;
    background-image: url(/Assets/Images/icon/exitfull.png)
}
.prwde-icon-list .icon-item.exitfull:hover span, .prwde-icon-list .icon-item.exitfull:active span{
    background-image: url(/Assets/Images/icon/exitfull-hover.png)
}
.prwde-icon-list .icon-item.close span {
    background-image: url(/Assets/Images/icon/close.png)
}
.prwde-icon-list .icon-item.close:hover span, .prwde-icon-list .icon-item.close:active span{
    background-image: url(/Assets/Images/icon/close-hover.png)
}
.prwde-icon-list .icon-item.share span{
    background-image: url(/Assets/Images/icon/share.png)
}
.prwde-icon-list .icon-item.share:hover span, .prwde-icon-list .icon-item.share:active span{
    background-image: url(/Assets/Images/icon/share-hover.png)
}
.prwde-icon-list .icon-item.prev span{
    background-image: url(/Assets/Images/icon/up.png)
}
.prwde-icon-list .icon-item.prev:hover span, .prwde-icon-list .icon-item.prev:active span{
    background-image: url(/Assets/Images/icon/up-hover.png)
}
.prwde-icon-list .icon-item.next span{
    background-image: url(/Assets/Images/icon/down.png)
}
.prwde-icon-list .icon-item.next:hover span, .prwde-icon-list .icon-item.next:active span{
    background-image: url(/Assets/Images/icon/down-hover.png)
}

.prwde-scroll {
    padding: 5px;
    height: 560px;
    overflow-y: auto;
}
.prwde-scroll .con {
    width: 750px;
    margin: 0 auto;
}
.prwde-scroll .h1 {
    font-size: 25px;
    margin-bottom: 20px;
}
.prwde-scroll .p {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
.prwde-scroll .orange {
    color: #F59A23;
}
.prwde-scroll img {
    width: 100%;
    margin-bottom:15px;
    cursor: zoom-in;
}
.fullscreen-detail {
    display: none;
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:50;
    background-color: #fff;
}
.fullscreen-detail .zgbomb-detail-con {
    position: static;
}
.fullscreen-detail  .prwde-scroll {
    height: 95vh;
}
.fullscreen-detail .prwde-scroll .con {
    width: 750px;
    margin: 0 auto;
}