@charset "utf-8";
/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/
@font-face{
    font-family:'Opensans-Light';
    src:url("/source/50b55de3420722cae76a1cad9df7f0a8.eot") format('embedded-opentype'), /* IE6-IE8 */
        url("/source/7e5f2404eedaee93d838a3ee0d5e9202.woff") format('woff'),
        url("//ueeshop.ly200-cdn.com/static/font/Opensans-Light/font.ttf") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url("/source/5601cbf4a42a96ee0fd1a07bf4dec10c.svg") format('svg'); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family:'Opensans-Regular';
    src:url("/source/a39793a15efa3998f1992c80140ec627.eot") format('embedded-opentype'), /* IE6-IE8 */
        url("/source/745181af408754f74fd4876e8a5779ce.woff") format('woff'),
        url("//ueeshop.ly200-cdn.com/static/font/Opensans-Regular/font.ttf") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url("/source/713393cf729126f4aea0e5dd7ac6517e.svg") format('svg'); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;
}

.two_nav { max-width: 1920px; width: 100%; margin: auto; background: #f3f3f3; margin-bottom: 12px; }
.two_nav a { position: relative; display: block; width: 50%; line-height: 55px; font-size: 22px; font-family:'Opensans-Regular'; color: #000000; text-transform: uppercase; text-align: center; text-decoration: none; }
.two_nav a:first-child::after { content: ''; position: absolute; display: block; width: 2px; height: 20px; top: 0; right: 0; bottom: 0; background: #bcbcbc; margin: auto; }
.two_nav a:hover,.two_nav a.active { color: #0480ff; }

#picture { max-width: 1440px; width: 100%; display: flex; flex-wrap: wrap; margin: 16px auto 0; }
#picture .item { position: relative; width: 18.959%; /*padding-top: 28.125%;*/ padding-top: 39.5%; margin-bottom: 28px; margin-right: 1.303%; border-radius: 11px; overflow: hidden; }
#picture .item:nth-child(5n) { margin-right: 0; }
#picture .item a.img { display: block; font-size: 0; }
#picture .item a.img::after { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; }
#picture .item a.img img { display: block; font-size: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } 
#picture .item .share_btn { position: absolute; bottom: 15px; right: 15px; opacity: 0; visibility: hidden; }
#picture .item .share_btn a.icon { display: block; width: 40px; height: 40px; border-radius: 100%; background: url("/source/1467be1d250586fa9df2d61230c48eb4.png") no-repeat center; background-color: #fff; }
#picture .item .share_btn .share { box-sizing: border-box; width: 180px; position: absolute; top: 0; right: 0; background: #fff; padding: 5px 10px; border-radius: 5px; margin: auto; opacity: 0; visibility: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#picture .item .share_btn .share a { display: block; min-width: 25px; margin: 0; text-align: center; }
#picture .item:hover a.img::after { opacity: 1; visibility: initial; }
#picture .item:hover .share_btn { opacity: 1; visibility: initial; }
#picture .item .share_btn:hover .share { opacity: 1; visibility: initial; }
#picture .add_more,#picture .no_more  { display: block; width: 100%; }
#picture .add_more a { display: block; width: 46px; height: 46px; line-height: 44px; font-size: 32px; font-family: 'Opensans-Light'; border-radius: 100%; border: 1px solid #707070; text-indent: 2px; text-decoration: none; text-align: center; margin: auto; }
#picture .add_more a:hover { border-color: #0480ff; color: #0480ff; }

@media screen and (max-width: 1460px){
    #picture { width: 1200px; }
}
@media screen and (max-width: 1220px){
    #picture { width: 1000px; }
}
@media screen and (max-width: 1020px){
    #picture { width: 750px; }
}
@media screen and (max-width: 780px){
    .two_nav a { line-height: 40px; font-size: 15px; }
    #picture { width: 95%; justify-content: space-between; -webkit-justify-content: space-between; }
    #picture .item { width: 48%; /*padding-top: 71.125%;*/ padding-top: 101%; margin: 0 0 20px; }
    #picture .item .share_btn { bottom: 7px; right: 7px; }
    #picture .item .share_btn .share { width: 135px; top: -29px; }
}

.scrollbar::-webkit-scrollbar { width: 5px; height: 1px;}
.scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353; }
.scrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; }
#popup_reading{display: block; position: fixed; top: -200%; left: 0; width: 100%;height: 100%;text-align: center;vertical-align: middle;z-index: 100001;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;font-size: 0;/*background: rgba(0,0,0,.5);*/}
#popup_reading.open { top: 0; }
#popup_reading .pop_content {position: relative;display: inline-block;vertical-align: middle;background: #ffffff;top: 50%;transform: translateY(-50%); border-radius: 25px;}
#popup_reading .pop_content .popup { box-sizing: border-box; width: 1020px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px; margin: 0 auto; }
#popup_reading .pop_content .popup .img_park { width: 48.455%; position: relative; padding-top: 71.65%; border-radius: 15px; overflow: hidden; }
#popup_reading .pop_content .popup .img_park img { display: block; font-size: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#popup_reading .pop_content .popup .text_park { box-sizing: border-box; position: relative; width: 46.392%; text-align: left; padding: 8px 25px 25px 0; }
#popup_reading .pop_content .popup .text_park .close { position: absolute; top: -25px; right: -25px; display: block; width: 75px; height: 75px; background: url("/source/26dcab39df865b0450a1e547bf4f1887.png") no-repeat center; }
#popup_reading .pop_content .popup .text_park .share { text-align: left; margin-left: 0; }
#popup_reading .pop_content .popup .text_park .title { line-height: 27px; font-size: 24px; font-family:'Opensans-Regular'; color: #000000; margin-top: 19px; }
#popup_reading .pop_content .popup .text_park .brief { line-height: 25px; font-size: 14px; font-family:'Opensans-Regular'; color: #333333; margin-top: 47px; }
#popup_reading .btn { display: none; position: absolute; width: 50px; height: 50px; top: 0; left: 12px; bottom: 0; margin: auto; background: url("/source/2e9db09656391adc939d6076b2c8698c.png") no-repeat center; }
#popup_reading .btn.prev { right: 12px; left: unset; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
@media screen and (max-width: 1440px){
    #popup_reading .pop_content .popup { width: 750px; }
    #popup_reading .pop_content .popup .text_park .title { line-height: 24px; font-size: 18px; }
    #popup_reading .pop_content .popup .text_park .brief { margin-top: 15px; }
}
@media screen and (max-width: 768px){
    #popup_reading .pop_content { max-width: 92%; width: 100%; }
    #popup_reading .pop_content .popup { width: 100%; padding: 15px; }
    #popup_reading .pop_content .popup .img_park { width: 100%; }
    #popup_reading .pop_content .popup .text_park { position: static; width: 100%; padding-right: 0; }
    #popup_reading .pop_content .popup .text_park .close { width: 50px; height: 50px; top: 5px; right: 5px; }
}