body,html{margin:0;display: flex;min-height: 100vh;flex-direction: column; overflow-x: hidden;} 
html,body,div,h1,h2,h3,h4,h5,h6,form,input,ul,ol,li,p{margin:0;padding:0;}
a {text-decoration: none;}
.beian{display:flex;justify-content:center;font-size:14px;color:#000;}
.top{position:fixed;right:56px;bottom:100px;cursor:pointer;display: none;}
.top img{width:60px;height:60px;}
.h-8 {display: none;}
.footer {padding: 20px;line-height: 24px;}
.text-over {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.chr-main{margin-top:64px;opacity:1;-webkit-transition:opacity .5s ease-in-out .15s;transition:opacity .5s ease-in-out .15s;flex: 1;background: #F8FAFC;padding-bottom: 40px;}
.head {display: flex;align-items: center;padding:0 24px;height: 64px;    left: 0;position: fixed;right: 0;top: 0;-webkit-transition: height .4s;transition: height .4s;z-index: 100;background-color: #fff;        box-shadow: 0 2px 6px 0 rgba(32, 33, 37, .1);}
.head .cat-logo {margin: 0;font-size: unset;cursor:pointer;display:flex;}
.head .cat-logo .logo {width:auto;}
.head .down {margin-left: auto;width: 96px;height: 38px;line-height: 38px;text-align: center; background: #3E73ED;border-radius: 30px 30px 30px 30px;font-size: 16px;color: #fff;visibility: hidden;}
.cat-nav{margin-left:127px;line-height:64px;}
.cat-nav a{margin-left:48px;font-size:16px;color:#202125;display:inline-block;white-space: nowrap;outline:unset;}
.cat-nav .on,.cat-nav a:hover{color:#1653df;border-bottom:2px solid #1653df;}
.crumbs {padding: 16px 0;font-size: 14px;font-weight: 400;color: #737373;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.crumbs::before {content: url(../img/icon-position.png);margin-top: 2px;height:16px;display: inline-block;vertical-align: text-top;}
.crumbs a,.crumbs h1 {color: #737373;font-size: 14px;font-weight: 400;margin:0;display: inline-block;}
.w-1200 {width: 1200px;margin: auto;}
.faq {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
	padding-top: 130px;
    padding-bottom: 130px;
}
.faq .section-name {
    font-weight: 400;
	font-size: 2.25rem;
    color: #202125;
    text-align: center;
}
.faq .lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 24px;
}
.faq .question {
    width: 49%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    /* padding: 1rem; */
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #E3E4E4;
    position: relative;
}
.faq .question h3 {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    align-items: baseline;
    cursor: pointer;
    display: flex;
    padding: 12px 16px;
    background-color: #f0f0f0;
    justify-content: space-between;
}
.faq .question h3 span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
    font-size: 14px;
    font-weight: bolder;
    color: #333;
}
.faq .question p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 限制为两行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.faq .question.active p {
    border-top: 1px solid #E4E4E3;
}
.faq .question .base-info {
    display: flex;
    padding: 16px 16px 8px;
    flex-direction: column;
    row-gap: 4px;
    margin-bottom: auto;
}
.faq .question .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 16px 16px;
}
.faq .question a.more {
    font-size: 12px;
    color: #fff;
    padding: 6px 12px;
    background-color: #1653df;
    border-radius: 4px;
    line-height: 14px;
    /* margin-left: 8px; */
}
.faq .question .time {
	font-size: 14px;
	color: #1653df;
}
.s1 .banner {display: flex;justify-content:space-between}
.s1 .banner .right {display: flex;flex-direction: column;justify-content:space-between} 
.s1 .banner .info {display: flex;justify-content: space-between;align-items: center;padding: 0 32px;transition: all .2s ease-in-out;}
.s1 .banner .info .box {display: flex;justify-content: space-between;align-items: center;width: -webkit-fill-available;}
.s1 .banner .info:hover {transform: scale(1.015);box-shadow: 0 20px 30px hsl(0deg 0% 46% / 15%);}
.s1 .banner .info1 {width: 524px;height: 414px;background: linear-gradient(360deg,#3853ED 0%, #7CADF7 100%);border-radius: 16px 16px 16px 16px;}
.s1 .banner .info2 {width: 524px;height: 195px;background: linear-gradient( 360deg,#8656EF 0%, #9F9DEA 100%);border-radius: 16px 16px 16px 16px;}
.s1 .banner .info3 {width: 524px;height: 195px;background: linear-gradient( 360deg, #E87176 0%, #EC95AA 100%, #EB86A2 100%);border-radius: 16px 16px 16px 16px;}
.s1 .banner .info .boxL {color: #fff;display: flex;flex-direction: column;justify-content: space-between;}
.s1 .banner .info .boxL .name{font-size: 20px;font-weight: 400;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.s1 .banner .info .boxL .date{font-size: 16px;margin-top: 10%;}
.s1 .banner .info .boxR{display: flex;align-items: center;flex-direction: column;padding: 7px;border-radius: 9px 9px 9px 9px;margin-bottom: auto;}
.s1 .banner .info .boxR:hover {background-color: #fff;}
.s1 .banner .info .boxR:hover .views-img {background-color: #bdc1cc;}
.s1 .banner .info .boxR .views-img {display: block;width: 40px; height: 20px; padding: 7px;border-radius: 9px 9px 9px 9px;text-align: center; background: url(/statics/2024/img/icon-views-1.png) no-repeat 50% 50%;}
.s1 .banner .info .boxR .views-img:hover {background-color: #5cc5fa;}
.s1 .banner .info .boxR .views {width: 40px;height: 30px;line-height:30px;text-align: center; background: #FFFFFF;border-radius: 9px 9px 9px 9px;display: block;padding:7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 16px;font-size: 12px;color: #666;}
.s1 .banner .info1 .boxL .name {font-size: 50px;}
.s2 {margin-top: 58px;}
.s2 .item {padding:24px;background: #FFFFFF;box-shadow: 0px 0px 6px 1px rgba(209,195,195,0.16);border-radius: 16px;display: flex;justify-content: space-between;    transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;margin-top: 24px;}
.s2 .item:hover {    transform: translateY(-1px);box-shadow: 0 0 26px rgb(0 61 131 / 10%);}
.s2 .item:hover .info .name {color:#2663ED}
.s2 .item img {width: 278px;height: 170px;border-radius: 8px;object-fit: cover;}
.s2 .item .info {width: 855px;display: flex;flex-direction: column;justify-content: center;}
.s2 .item .info .name {font-size: 25px;font-weight: bold;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin:0;}
.s2 .item .info .desc {margin: 16px 0 24px;font-size: 16px;color:#666;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.s2 .item .info .date {font-size: 14px;color: #666;}
.s2 .item .boxR{display: flex;align-items: center;flex-direction: column;padding: 7px;border-radius: 9px 9px 9px 9px;height: fit-content;}
.s2 .item .boxR:hover {background-color: #f5f6f7;}
.s2 .item .boxR:hover .views-img {background-color: #bdc1cc;background-image: url(/statics/2024/img/icon-views-1.png)}
.s2 .item .boxR .views-img {display: block;width: 40px; height: 20px; padding: 7px;border-radius: 9px 9px 9px 9px;text-align: center; background: url(/statics/2024/img/icon-views-2.png) no-repeat 50% 50%;}
.s2 .item .boxR .views-img:hover {background-color: #5cc5fa;}
.s2 .item .boxR .views {width: 40px;height: 30px;line-height:30px;text-align: center; background: #f5f6f7;border-radius: 9px 9px 9px 9px;display: block;padding:7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 16px;font-size: 12px;color: #666;}
.s3 {box-shadow: 0px 0px 6px 1px rgba(209,195,195,0.16);border-radius: 8px 8px 8px 8px;background-color: #fff;}
.s3 .pd {padding:40px 32px 0;}
.s3 .name{font-weight:bold;font-size:24px;color:#333;text-align:center;margin: 0;}
.s3 .info{display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;margin-top:24px;border-bottom: 1px solid #E3E4E4;padding-bottom: 32px;}
.s3 .info div.inputtime {display:none;}
.s3 .info div {margin-right: 64px;}
.s3 .info div:first-child,.s3 .info div:last-child{margin-right:0;}
.s3 .info .views::before{content:'';background:url(../img/icon-views.png);width:14px;height:14px;background-size:12px;margin-right:4px;vertical-align:middle;display:inline-block;margin-top:-2px;}
.s3 .subname {margin-left: 0;}
.s3 .content{font-size: 16px;color: #000;line-height: 30px;padding:58px 0 32px;box-sizing:border-box;border-bottom:1px solid rgba(112,112,112,0.1);position: relative;}
.s3 .content a {color: #316CF2;}
.s3 .content a:hover {color: blue;}
.s3 .content h3{font-size:18px;font-weight:bold;color:#2663ED;margin:15px 0;}
.s3 .content h4{font-size:16px;font-weight:bold;color:#2663ED;margin:15px 0;}
.s3 .content p{font-size:16px;color:#000;line-height:30px;}
.s3 .content li{margin-left:16px}
.s3 .content img{max-width:75%;max-height: 400px; margin:20px auto;display:block;box-shadow:0 0 5px 1px #1178D6;object-fit: scale-down;}
.s3 .pageturn {display: flex;justify-content: flex-start;}
.s3 .pageturn p {width: 50%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;font-size: 14px;color: #333;margin: 24px 0;}
.s3 .pageturn p a {color: #333;}
.s3 .pageturn p a:hover {color:#2663ED}
.s4 {box-shadow: 0px 0px 6px 1px rgba(209,195,195,0.16);border-radius: 8px 8px 8px 8px;margin-top: 40px;background-color: #fff;position: relative;padding-top: 42px;}
.s4 .list1{padding: 24px 32px;display: flex;flex-wrap: wrap;gap: 24px;}
.s4 .list1 .item {padding: 16px;border-radius: 10px 10px 10px 10px;border: 1px solid rgba(209,209,209,0.5);width: 328px;}
.s4 .list1 .item:hover {border: 1px solid #316CF2;}
.s4 .list1 .item:hover .name{color: #316CF2;}
.s4 .list1 .item .name{font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;font-weight: bold;}
.s4 .list1 .item .info {display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}
.s4 .list1 .item .info img {border-radius: 5px;transition: transform .3s ease-in-out;object-fit: cover;}
.s4 .list1 .item .info .desc {margin-left: 8px;color: #666;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.notfound {padding-bottom: 0;background: url(../img/bg-404.webp) no-repeat;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.s5 {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.s5 .name {color: #333;font-size: 40px;margin: 0;font-weight: 500;}
.s5 .desc {color: #666; font-size: 26px;margin: 32px 0;}
.s5 .return {color: #3E73ED;font-size: 20px;width: 200px;height: 58px;line-height: 58px;display: block;border-radius: 30px 30px 30px 30px;border: 1px solid #3D73EC;text-align: center;}
.s5 .return:hover {color: #fff;background-color:#3E73ED;}
.subname {font-family: Microsoft YaHei, Microsoft YaHei;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 42px; background: url(../img/bg-subname.png) no-repeat;padding-left: 67px;position: absolute;top:-8px;width: -webkit-fill-available;width: -moz-available;margin: 0;margin-left: 32px;}
.page{margin-top:40px;display: flex;justify-content: center;column-gap: 14px;}
.page a{background-color:#ffffff;border-radius:3px;box-shadow:0px 0px 4px 0px rgba(157,157,157,0.44);text-align:center;font-size:12px;padding: 4px 8px;cursor:pointer;display:inline-block;color:#333;font-size: 14px;padding: 6px 14px;}
.page .active{width:auto;border-radius:3px;background-color: #3E73ED;color: #fff;}
.page a:hover {background-color: #3E73ED;color: #fff;}
#friend_link{background: #ffffff;display: flex;justify-content: center;font-size: 14px;color: #000;align-items: center;padding-top: 20px;line-height: 24px;}
#friend_link a{color:#1653df;margin-left: 8px;}
#friend_link p{font-size: 14px;margin: 0;}
@media screen and (max-width:810px){
.w-1200 {width: initial;}
.h-8 {display: block;background: #F7F7F7;height: 0.5rem;}
.top{position:fixed;right:1rem;bottom:1rem;cursor:pointer;display: none;}
.top img{width:1.625rem;height:1.625rem;}
.chr-main {padding-bottom: 1.5rem;background:#fff;}
.beian {font-size: 12px;}
.footer {padding: 1rem;}
.cat-nav {margin-left: 1rem;flex-wrap: nowrap;display: flex;margin-left: auto;}
.cat-nav a {margin-left: 1.5rem;font-size: 0.875rem;}
.head {padding: 0 1rem;}
.head .down  {position: fixed;top: 72px;width: calc(100% - 3rem);}
.head .down.android{background-color:#168833}
.head .cat-logo .logo {height:1.75rem;}
.m-none {display: none;}
.crumbs {padding: 0.625rem 1rem;}
.crumbs::before {content: url(../img/icon-position-m.png);margin-top: 1px;}
.crumbs,.crumbs h1,.crumbs a {font-size: .75rem;background: #F8FAFC;}
.chr-homepage-hero__logo {margin-bottom: .25rem;}
.chr-homepage-hero__logo h1, .chr-homepage-hero__logo span {font-size: 1.5rem;font-weight: bold;}
#built-by-google .chr-reversible__text {padding-bottom: 0;}
#safety-by-design .chr-reversible__text,
#helpful-features-built-in .chr-reversible__text,
#helpful-browser-tips .chr-reversible__text {padding: 0;}
.chr-grid-default-parent {padding: 0 1rem;}
.chr-homepage-hero__download a {margin-bottom:.375rem;}
.faq {
    row-gap: 1.5rem;
    padding: 0 0 1.5rem 0;
}
.faq .section-name {
	font-size: 1.5rem;
}
.faq .lists {
	row-gap: 1.5rem;
	width: 100%;
	padding: 0 1rem;
}
.faq .question {
    border-radius: .625rem;
    width: 100%;
}
.faq .question h3 {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.75rem 1rem;
}
.faq .question h3 span {
    font-size: 0.875rem;
}
.faq .question p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    -webkit-line-clamp: 2;
}
.faq .question.active p {
    border-top: 1px solid #E4E4E3;
}
.faq .question .base-info {
    padding: 1rem 1rem .5rem;
    row-gap: .5rem;
}
.faq .question .info {
	margin: 0 1rem 1rem;
}
.faq .question a.more {
    font-size: 0.75rem;
    padding: 0.375rem 0.5rem;
    border-radius: 4px;
    margin-left: 0.5rem;
    line-height: .875rem;
}
.faq .question .time {
	right: 1rem;
	bottom: .5rem;
	font-size: .875rem;
}
.s1 {padding: 0 1rem;}
.s1 .banner {flex-direction: column;}
.s1 .banner .right {flex-direction: row;}
.s1 .banner .info {padding: 0 1rem;margin-top: 1rem;border-radius: 0.5rem;}
.s1 .banner .info1 {width: calc(100% - 2rem);height: 8.75rem;margin-top: 0;}
.s1 .banner .info2,.s1 .banner .info3 {width: calc(50% - 2.5rem);height: 5.75rem;}
.s1 .banner .info .boxL .name {font-size: 0.8rem;}
.s1 .banner .info .boxL .date {font-size: 0.8rem;}
.s1 .banner .info1 .boxL .name {font-size: 1.25rem;}
.s1 .banner .info .boxR {padding: 0;display: none;}
.s1 .banner .info .boxR .views {width: 1.5rem;height: 1rem; line-height: 1rem;margin-top:0;padding:3px;border-radius: 5px;font-size: 0.75rem;}
.s1 .banner .info .boxR .views-img {width: 1.5rem;    background: url(/statics/2024/img/icon-views-1-m.png) no-repeat 50% 50%;}
.s1 .banner .info:hover {transform: scale(1);box-shadow: inherit;}
.s1 .banner .info .boxR:hover,.s1 .banner .info .boxR:hover .views-img {background-color: inherit;}
.s2 {padding: 0 1rem;margin-top: 1.5rem;}
.s2 .item {padding: 0.5rem;position: relative;margin-top: 1rem;border-radius:.375rem;}
.s2 .item img {width: 8.125rem;height: 5.625rem;border-radius:.3125rem;}
.s2 .item .info {width: calc(100% - 8.625rem);}
.s2 .item .info .name {font-size: 0.875rem;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.s2 .item .info .desc {font-size: 0.75rem; display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 0.125rem 0;}
.s2 .item .info .date {font-size: 0.75rem;}
.s2 .item .boxR {position: absolute;padding: 0;display: flex;flex-direction: row;left: 14rem;bottom: 1rem;align-items: flex-end;}
.s2 .item .boxR .views-img {width: 1.125rem;height: 0.6875rem;background-size: 1.125rem 0.6875rem;padding: 0;    background: url(/statics/2024/img/icon-views-2-m.png) no-repeat ;}
.s2 .item .boxR .views {background-color: #fff;height: 1rem;line-height:1.3rem;padding: 0;margin-top: 0;}
.s2 .item:hover {transform: translateY(0);}
.s2 .item .boxR:hover {background-color: initial;box-shadow: inherit;}
.s2 .item .boxR:hover .views-img {background-color: initial;background-image: initial}
.s2 .item .boxR .views-img:hover {background-color: initial;}
.s3 {box-shadow: none;border-radius: initial;}
.s3 .pd {padding: 1.5rem 1rem 0}
.s3 .name {font-size: 1rem;}
.s3 .info{font-size:0.8rem;margin-top:1rem;padding-bottom: 1.5rem;justify-content: space-around;}
.s3 .info div {margin-right: 1rem;}
.s3 .info .views::before{content:'';display: none;}
.s3 .subname {margin-left: 0;top: -6px;}
.s3 .content{padding:2.875rem 0 1rem; font-size: 0.8rem;color: #000;line-height: 1.5rem;border-bottom:unset;}
.s3 .content h3{font-size:0.9375rem;font-weight:bold;color:#2663ED;margin:1rem 0;}
.s3 .content h4{font-size:0.875rem;font-weight:bold;color:#2663ED;margin:1rem 0;}
.s3 .content p{ font-size:0.8rem;color:#000;line-height:1.5rem;margin:0 0 0;}
.s3 .content li{margin-left:1rem}
.s3 .content img{max-width:75%;max-height:25rem !important;margin:1rem auto;display:block;box-shadow:0 0 5px 1px #1178D6;object-fit: scale-down;}
.s3 .pageturn {    flex-wrap: wrap;padding: 0.5rem 0;}
.s3 .pageturn p {margin:0.5rem;width: 100%;font-size: 0.8rem;}
.s3 .h-8 {margin-left: -1rem;width: calc(100% + 2rem);background-color: #F8FAFC;}
.s4 {margin-top: 1rem; box-shadow: none;border-radius: initial;padding-top: 3.125rem;}
.s4 .list1 {padding: 0 1rem ;gap: 1rem;}
.s4 .list1 .item {padding:0 0 16px;border-radius: unset;border:unset ;border-bottom: 1px solid #E3E4E4;width: 100%;}
.s4 .list1 .item:hover {border: unset;}
.s4 .list1 .item:hover .name{color:initial;}
.s4 .list1 .item .name{font-size: 0.875rem;}
.s4 .list1 .item .info {margin-top: 0.5rem;}
.s4 .list1 .item .info img {width: 8.0625rem; height: 4.75rem;}
.s4 .list1 .item .info .desc {width: auto;margin-left: .5rem;color: #666;font-size: 0.8rem;}
.notfound {background: url(../img/bg-404-m.webp) no-repeat;padding-bottom: 0;background-size: 100% 100%;}
.s5 .name {color: #333;font-size: 1.5rem;margin: 0;}
.s5 .desc {color: #666; font-size: 1rem;margin: 1.5rem 0;}
.s5 .return {color: #3E73ED;font-size: 20px;width: 7.5rem;height: 2.4375rem;line-height:2.4375rem;display: block;border-radius: 1.875rem;border: 1px solid #3D73EC;text-align: center;}
.subname {font-size: 0.9375rem;color: #FFFFFF;line-height: 1.875rem; background: url(../img/bg-subname-m.png) no-repeat;padding-left: 2.8375rem;position: absolute;top:-0.4375px;width: -webkit-fill-available;margin-left: 1rem;width: -moz-available;}
.page{margin-top:1.5rem;column-gap: .375rem;}
.page a{font-size:0.75rem;padding: .25rem .4375rem;}
#friend_link{display: flex;justify-content: center;padding-top: 1rem;flex-direction: row;flex-wrap: wrap;width: 100%;font-weight: 400;font-size: 12px;line-height: 24px;align-items: center;}
#friend_link p{font-weight: 400;font-size: 12px;line-height: 24px;margin: 0;}
#friend_link a{font-weight: 400;font-size: 12px;line-height: 24px;margin-left: .25rem;}
}

/*** @description:Photo Browser;***/
.photo-browser{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;opacity:0;display:none;background:rgba(0,0,0,0.75);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.photo-browser.photo-browser.photo-browser-in{display:block;-moz-animation:photoBrowserIn 400ms forwards;-webkit-animation:photoBrowserIn 400ms forwards;animation:photoBrowserIn 400ms forwards;}
.photo-browser.photo-browser-out{display:block;-moz-animation:photoBrowserOut 400ms forwards;-webkit-animation:photoBrowserOut 400ms forwards;animation:photoBrowserOut 400ms forwards;}
.photo-browser .page[data-page="photo-browser-slides"]{background:none;}
.photo-browser-body{position:relative;height:100%;}
.photo-browser-swiper-container{position:absolute !important;left:0;right:0;top:0;bottom:0;overflow:hidden;-webkit-transition-duration:400ms;transition-duration:400ms;}
.photo-browser-swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.photo-browser-link-inactive{opacity:0.3;}
.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;box-sizing:border-box;}
.photo-browser-slide.transitioning{-webkit-transition-duration:400ms;transition-duration:400ms;}
.photo-browser-slide span.photo-browser-zoom-container{width:100%;text-align:center;display:none;}
.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none;}
.photo-browser-slide.swiper-slide-active span.photo-browser-zoom-container,.photo-browser-slide.swiper-slide-next span.photo-browser-zoom-container,.photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container{display:block;}
.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline;}
.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block;}
.photo-browser-slide iframe{width:100%;height:100%;}
.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%;}
.photo-browser-header{position:absolute;left:0;right:0;height:1rem;z-index:10;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all 0.4s;}
.photo-browser-close,.photo-browser-remove{position:absolute;z-index:10;top:0.2rem;left:0.2rem;display:none;}
.photo-browser-close{width:0.6rem;height:0.6rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMA2PwU5GRQ+elZHyJCF93SO/RUDGwbEcm3KH1J9qeapxKm0wAAAPJJREFUWMPt1MkOgjAUheHL4IgoDijgcN//LS21yVmQXvQk7nr23x9o0kpaWlpaZLuhEGPt0Ni+WWlmFLalHnsz0Km6guFVn2Zgob5geF2KuUsoRP3G5CiwHgXWo8B6nOTE586Thcp7d/5koVrDEwV4rgDPFGrOo7CvSY9vgCcL8HSB91KU/i/OtM/U70YW6tEfc7pQ70ffLMfC4Ux7EbLQBu928oXrj74MnixsR79ynijA78QPheJbX8GjgPdh3q/hUQi3m/Bhm8/tnvc9PFOAjxVasXcIPlroxF7n/F0kXniJvWv2gJ9skbuLmZaW9pe9AdgOIqeqhDo2AAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;}
.photo-browser-remove{left:auto;right:0.3rem;}
.photo-browser-of{margin:0 5px;}
.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;top:0;z-index:1001;opacity:1;}
.photo-browser-exposed .photo-browser-name,.photo-browser-exposed .photo-browser-time,.photo-browser-exposed .photo-browser-text{display:none;}
.photo-browser-caption{text-align:left;position:relative;z-index:1002;display:none;min-height:1rem;}
.photo-browser-caption:empty{display:none;}
.photo-browser-caption.photo-browser-caption-active{display:block;}
.photo-browser-captions-light .photo-browser-caption{background:rgba(255,255,255,0.8);color:#000;}
.photo-browser-info{font-size:0;position:relative;padding:0.3rem 0;text-align:center;}
.photo-browser-info + .photo-browser-text{margin-top:-0.4rem;}
.photo-browser-text{font-size:0.3rem;color:#e1e1e1;padding:0.3rem;}
.photo-browser-text:empty{display:none;}
.photo-browser-text pre{line-height:1.5;font-family:inherit;margin:0;word-wrap:break-word;white-space:pre-wrap !important;}
.photo-browser-name{font-size:0.34rem;color:#4fab7d;margin-right:0.16rem;}
.photo-browser-time{font-size:0.24rem;color:#777;}
.photo-browser-count{color:#fff;font-size:0.6rem;}
.photo-browser-exposed .photo-browser-header{opacity:0;visibility:hidden;pointer-events:none;}
.photo-browser-remove{display:none;}
.photo-browser-upload .photo-browser-name,.photo-browser-upload .photo-browser-time,.photo-browser-upload .photo-browser-text{display:none;}
.photo-browser-upload .photo-browser-remove{display:block;}
@-webkit-keyframes photoBrowserIn{0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes photoBrowserIn{0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes photoBrowserOut{0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes photoBrowserOut{0%{opacity:1;}
	100%{opacity:0;}
}