@charset "UTF-8";
.pop-main { position: fixed; top: 50%; left: 50%; background-color: #fff; border-radius: 4px; z-index: 1002; }

.pop-main .close-icon { position: absolute; right: 10px; top: 10px; color: #999999; font-size: 12px; cursor: pointer; }

.header { background-color: #fff; width: 100%; border-bottom: 1px solid #E6E6E6; }

.header .header-content-main { visibility: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; }

.header-content { height: 68px; position: relative; color: #333; }

.header-content-logo { padding: 13px 0 0; width: 140px; height: 36px; }

.header-content-logo a { display: block; width: 100%; height: 100%; }

.header-content-help { line-height: 68px; font-size: 20px; }

.header-content-help::before { content: ''; display: inline-block; margin: 0 15px; width: 5px; height: 5px; border-radius: 50%; background-color: #333; position: relative; bottom: 4px; }

.header-content-nav { position: absolute; top: 0; left: 0; right: 110px; height: 0; text-align: center; }

.header-content-nav > ul { display: inline-block; }

.header-content-nav > ul > .active { border-bottom: 3px solid #e02e2e; }

.header-content-nav > ul > .active > a { color: #e02e2e; }

.header-content-nav > ul > li { float: left; font-size: 14px; margin: 0 17px; line-height: 65px; position: relative; }

@media screen and (max-width: 1280px) { .header-content-nav > ul > li { margin: 0 10px; } }

.header-content-nav > ul > li .nav-secondary { width: 426px; display: none; position: absolute; z-index: 10; background-color: #ffffff; border-radius: 2px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); top: 68px; padding: 24px 32px; }

.header-content-nav > ul > li .nav-secondary .nav-head { font-size: 14px; font-weight: 700; line-height: 24px; text-align: left; }

.header-content-nav > ul > li .nav-secondary .nav-head .iconfont { font-weight: 400; font-size: 10px; float: right; color: #cccccc; }

.header-content-nav > ul > li .nav-secondary .nav-head:hover { color: #E02116; }

.header-content-nav > ul > li .nav-secondary .nav-head:hover .iconfont { color: #E02116; }

.header-content-nav > ul > li .nav-secondary .nav-list { border-top: 1px solid #EAEAEA; margin-top: 10px; font-size: 0; max-width: 426px; line-height: 12px; text-align: left; }

.header-content-nav > ul > li .nav-secondary .nav-list-item { display: inline-block; font-size: 14px; margin-top: 20px; width: 106.5px; }

.header-content-nav > ul > li .nav-secondary .nav-list-item span { color: #e02e2e; }

.header-content-nav > ul > li .nav-secondary .nav-list-item span:hover { text-decoration: underline; }

.header-content-nav > ul > li .nav-secondary .nav-list .hot { color: #e02e2e; }

.header-content-nav > ul > li .nav-secondary .nav-list .hot::after { content: '\e69a'; font-family: 'iconfont'; margin-left: 5px; font-size: 14px; }

.header-content-nav > ul > li .nav-secondary > ul { white-space: nowrap; text-align: left; }

.header-content-nav > ul > li .nav-secondary > ul > li { display: inline-block; width: 242px; padding: 15px 24px; }

.header-content-nav > ul > li:hover { border-bottom: 3px solid #e02e2e; }

.header-content-nav > ul > li:hover .nav-secondary { display: block; }

.header-content-user { line-height: 68px; }

.header-content-user .header-cdr { width: 50px; text-align: center; line-height: 20px; font-size: 12px; margin-top: 15px; color: #808080; margin-right: 10px; }

.header-content-user .header-cdr-icon { padding-top: 2px; }

.header-content-user .header-cdr-icon img { display: inline-block; }

.header-content-user .header-cdr:hover { color: #e02e2e; }

.header-content-user .header-vip { width: 50px; text-align: center; line-height: 20px; font-size: 12px; margin-top: 15px; color: #808080; margin-right: 45px; position: relative; }

.header-content-user .header-vip .header-vip-icon { height: 20px; }

.header-content-user .header-vip img { position: absolute; top: -13px; left: 27px; }

.header-content-user .header-vip .vip-logo { position: relative; top: 2px; }

.header-content-user .header-vip:hover { color: #e02e2e; }

.header-content-user .btn-login { width: 98px; height: 30px; background-color: #fff; border: 1px solid #e02e2e; border-radius: 16px; color: #e02e2e; text-align: center; line-height: 30px; cursor: pointer; }

.header-content-user .btn-login:hover { background-color: #e02e2e; color: #fff; }

.header-content-user .header-touxiang { position: relative; line-height: 68px; height: 68px; }

.header-content-user .header-touxiang-pic { display: inline-block; width: 40px; height: 40px; position: relative; top: 14px; }

.header-content-user .header-touxiang-pic img { position: absolute; top: 0; left: 0; border-radius: 50%; width: 40px; height: 40px; overflow: hidden; }

.header-content-user .header-touxiang-pic .iconfont { font-size: 14px; line-height: 14px; position: absolute; right: -2px; bottom: -2px; border-radius: 50%; border: .1px solid #ffffff; background-color: #fff; }

.header-content-user .header-touxiang-pic .free { color: #e5e5e5; }

.header-content-user .header-touxiang-pic .vip { color: #ff6600; }

.header-content-user .header-touxiang-pic .svip { color: #e02e2e; }

.header-content-user .header-touxiang .header-touxiang-sanjiao { position: absolute; bottom: 3px; right: 14px; z-index: 1002; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #e02e2e; }

.header-content-user .header-touxiang .header-user-box { position: absolute; z-index: 1002; width: 260px; padding: 40px 0 20px; background-color: #fff; top: 65px; right: -110px; border-radius: 0px 0px 4px 4px; box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.25); border-top: 3px solid #e02e2e; }

@media screen and (max-width: 1500px) { .header-content-user .header-touxiang .header-user-box { position: fixed; right: 0; } }

.header-content-user .header-touxiang .header-user-box .user-info-header { position: absolute; width: 240px; top: 12px; left: 10px; line-height: 12px; font-size: 12px; }

.header-content-user .header-touxiang .header-user-box .user-info-header .user-ment { font-size: 12px; }

.header-content-user .header-touxiang .header-user-box .user-info-header .user-ment img { position: relative; top: -2px; }

.header-content-user .header-touxiang .header-user-box .user-info-header .logout { cursor: pointer; }

.header-content-user .header-touxiang .header-user-box .user-info-header .logout .iconfont { font-size: 12px; }

.header-content-user .header-touxiang .header-user-box .user-info-header .logout:hover { color: #e02e2e; }

.header-content-user .header-touxiang .header-user-box .user-info-pic { text-align: center; line-height: 54px; position: relative; width: 54px; margin: 0 auto; }

.header-content-user .header-touxiang .header-user-box .user-info-pic img { display: inline-block; width: 54px; height: 54px; border-radius: 50%; overflow: hidden; }

.header-content-user .header-touxiang .header-user-box .user-info-pic .iconfont { position: absolute; border-radius: 50%; border: .1px solid #ffffff; background-color: #fff; right: -2px; bottom: -2px; line-height: 16px; }

.header-content-user .header-touxiang .header-user-box .user-info-name { text-align: center; font-size: 14px; line-height: 14px; margin-top: 10px; }

.header-content-user .header-touxiang .header-user-box .user-info-userid { line-height: 12px; text-align: center; font-size: 12px; color: #999; margin-top: 8px; }

.header-content-user .header-touxiang .header-user-box .user-info-divider { border-bottom: 1px solid #E6EBEB; margin-top: 15px; }

.header-content-user .header-touxiang .header-user-box .user-info-btn { margin-top: 15px; text-align: center; line-height: 32px; }

.header-content-user .header-touxiang .header-user-box .user-info-btn .to-vip { font-size: 14px; display: inline-block; height: 32px; width: 190px; text-align: center; color: #fff; border: 1px solid #e33939; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; background-color: #e33939; background-image: linear-gradient(45deg, #e33939 0%, #e02d2d 33%, #e02222 66%, #e00b0b 100%); border-radius: 17px; cursor: pointer; }

.header-content-user .header-touxiang .header-user-box .user-info-btn .to-vip:hover { background: #fff; color: #e33939; }

.header-content-user .header-touxiang .header-user-box .user-info-btn .to-vipxufei { border: 1px solid #ff8c40; background-color: #ff8c40; background-image: linear-gradient(45deg, #ff8c40 0%, #fa8232 33%, #f26f18 66%, #f26100 100%); }

.header-content-user .header-touxiang .header-user-box .user-info-btn .to-vipxufei:hover { background: #fff; color: #f26100; }

.header-content-user .header-touxiang .header-user-box .user-info .user-info-vipxufei .to-vip { border: 1px solid #ff6600; background-color: #ff8c40; background-image: linear-gradient(45deg, #ff8c40 0%, #fa8232 33%, #f26f18 66%, #f26100 100%); }

.header-content-user .header-touxiang .header-user-box .user-info .user-info-vipxufei .to-vip:hover { background: #fff; color: #ff6600; }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian { margin-top: 15px; line-height: 32px; padding: 0 20px; }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-btn { width: 190px; height: 32px; text-align: center; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; border-radius: 17px; font-size: 14px; color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-vip { border: 1px solid #e00b0b; background-color: #ff4040; background-image: linear-gradient(45deg, #ff4040 0%, #f03030 33%, #e62222 66%, #e00b0b 100%); }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-vip:hover { background: #fff; color: #e00b0b; }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-vipxufei { border: 1px solid #ff8c40; background-color: #ff8c40; background-image: linear-gradient(45deg, #ff8c40 0%, #fa8232 33%, #f26f18 66%, #f26100 100%); }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-vipxufei:hover { background: #fff; color: #f26100; }

.header-content-user .header-touxiang .header-user-box .user-info-menu { margin-top: 15px; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li { line-height: 42px; height: 42px; font-size: 14px; text-indent: 20px; color: #4D4D4D; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li .iconfont { display: inline-block; width: 40px; text-indent: 0; text-align: center; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li span { font-size: 12px; color: #999; line-height: 42px; margin-left: 10px; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li:hover { background-color: #e02e2e; color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li:hover span { color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-info-banner { margin-top: 14px; text-align: center; line-height: 46px; }

.header-content-user .header-touxiang .header-user-box .user-info-banner img { width: 240px; height: 46px; }

.header-content-user .header-touxiang .header-user-box .user-free .user-ment { color: #999; }

.header-content-user .header-touxiang .header-user-box .user-free .user-info-pic .iconfont { color: #e5e5e5; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-ment { color: #f60; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-pic .iconfont { color: #f60; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-name { color: #f60; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-menu li:hover { background-color: #e02e2e; color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-menu li:hover span { color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-menu li span { color: #f60; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-ment { color: #e02e2e; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-pic .iconfont { color: #e02e2e; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-name { color: #e02e2e; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-menu li:hover { background-color: #e02e2e; color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-menu li:hover span { color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-menu li span { color: #e02e2e; }

.header-content-user .header-touxiang .user-info-contain { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; }

.header-content-user .header-touxiang:hover .user-info-contain { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

#search { background-color: #fff; box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; }

#search .search-box { width: 800px; height: 50px; margin: 0 auto; padding: 16px 0; }

#search .search { position: relative; }

#search .search-select { width: 110px; height: 50px; line-height: 50px; border: 1px solid #e6e6e6; border-radius: 6px 0 0 6px; border-right: none; cursor: pointer; }

#search .search-select-text { margin-left: 20px; float: left; }

#search .search-select-icon { width: 12px; height: 50px; display: inline-block; background: url(//static.photophoto.cn/web/v1/imgs/arrow_down.png) center center no-repeat; }

#search .search-select-options { display: none; position: absolute; left: 0; top: 52px; width: 110px; border-radius: 4px; background-color: #fff; box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.2); z-index: 1; }

#search .search-select-options ul li { height: 30px; line-height: 30px; text-align: center; font-size: 14px; }

#search .search-select-options ul li:hover { color: #e02e2e; background-color: rgba(255, 0, 0, 0.1); }

#search .search-select-options ul .active { background-color: rgba(255, 0, 0, 0.1); color: #e02e2e; }

#search .search-text { height: 50px; line-height: 50px; border: 1px solid #e6e6e6; border-right: none; text-indent: 22px; width: 592px; }

#search .search-text::-webkit-input-placeholder { color: #999; }

#search .search-text:-moz-placeholder { color: #999; }

#search .search-text::-moz-placeholder { color: #999; }

#search .search-text:-ms-input-placeholder { color: #999; }

#search .search-btn { height: 50px; width: 88px; border-radius: 0 6px 6px 0; border: 1px solid #e02e2e; background: #e02e2e url(//static.photophoto.cn/web/v1/imgs/search.png) center center no-repeat; cursor: pointer; }

.header-fixed { position: fixed; top: 0; z-index: 10; box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); }

.header-fixed .header-content-nav { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; }

.header-fixed .header-content-main { visibility: visible; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; left: 230px; }

@media screen and (max-width: 1280px) { .header-fixed .header-content-main { left: 160px; } }

.header-fixed .header-content-main .main-nav { width: 100px; line-height: 68px; position: relative; cursor: pointer; float: left; }

.header-fixed .header-content-main .main-nav .iconfont { margin-left: 6px; font-size: 13px; }

.header-fixed .header-content-main .main-nav-list { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; width: 114px; position: absolute; top: 58px; left: -20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 4px; }

.header-fixed .header-content-main .main-nav-list ul li { line-height: 34px; text-indent: 26px; }

.header-fixed .header-content-main .main-nav-list ul li a { font-size: 14px; }

.header-fixed .header-content-main .main-nav-list ul li:hover { background-color: rgba(224, 46, 46, 0.1); }

.header-fixed .header-content-main .main-nav-list ul li:hover a { color: #e02e2e; }

.header-fixed .header-content-main .main-nav-list ul .active { background-color: rgba(224, 46, 46, 0.1); }

.header-fixed .header-content-main .main-nav-list ul .active a { color: #e02e2e; }

.header-fixed .header-content-main .main-nav:hover .main-nav-list { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

.header-fixed .header-content-main .main-search { width: 584px; height: 44px; margin-left: 70px; float: left; }

@media screen and (max-width: 1280px) { .header-fixed .header-content-main .main-search { margin-left: 30px; width: 450px; } }

.header-fixed .header-content-main .main-search-select { width: 100px; font-size: 14px; border: 1px solid #e6e6e6; border-right: none; border-radius: 4px 0 0 4px; justify-content: center; align-items: center; position: relative; cursor: pointer; float: left; }

.header-fixed .header-content-main .main-search-select .select-text { line-height: 44px; padding-left: 15px; }

.header-fixed .header-content-main .main-search-select .select-icon { display: inline-block; width: 12px; height: 12px; background: url(//static.photophoto.cn/web/v1/imgs/arrow_down.png) center center no-repeat; }

.header-fixed .header-content-main .main-search-select:hover .select-icon { background: url(//static.photophoto.cn/web/v1/imgs/arrow_up.png) center center no-repeat; }

.header-fixed .header-content-main .main-search-select .select-divider { height: 30px; position: absolute; right: 1px; top: 7px; }

.header-fixed .header-content-main .main-search-select .select-option { width: 100px; position: absolute; top: 40px; box-shadow: 0px 3px 8px 6px rgba(0, 0, 0, 0.15); background-color: #fff; border-radius: 4px; display: none; font-size: 14px; }

.header-fixed .header-content-main .main-search-select .select-option ul li { text-align: center; font-size: 14px; height: 30px; line-height: 30px; }

.header-fixed .header-content-main .main-search-select .select-option ul li:hover { color: #e02e2e; background-color: rgba(224, 46, 46, 0.1); }

.header-fixed .header-content-main .main-search-select .select-option ul .active { background-color: rgba(224, 46, 46, 0.1); color: #e02e2e; }

.header-fixed .header-content-main .main-search-text { width: 335px; height: 44px; line-height: 44px; border: 1px solid #e6e6e6; border-right: none; border-left: none; text-indent: 12px; float: left; font-size: 14px; }

@media screen and (max-width: 1280px) { .header-fixed .header-content-main .main-search-text { width: 203px; } }

.header-fixed .header-content-main .main-search-text::-webkit-input-placeholder { color: #999; }

.header-fixed .header-content-main .main-search-text:-moz-placeholder { color: #999; }

.header-fixed .header-content-main .main-search-text::-moz-placeholder { color: #999; }

.header-fixed .header-content-main .main-search-text:-ms-input-placeholder { color: #999; }

.header-fixed .header-content-main .main-search-btn { width: 64px; height: 44px; line-height: 44px; border: 1px solid #e02e2e; background: #e02e2e url(//static.photophoto.cn/web/v1/imgs/search.png) center center no-repeat; border-radius: 0 6px 6px 0; cursor: pointer; float: left; }

.secondary-banner { height: 90px; width: 100%; background: url(//static.photophoto.cn/web/v1/imgs/banner_secondary.png) center center no-repeat; color: #fff; text-align: center; }

.secondary-banner .title { font-size: 24px; padding-top: 20px; }

.secondary-banner .text { font-size: 12px; margin-top: 5px; }

#bread { background-color: #fff; padding-top: 8px; }

#bread .bread-list ul li { font-size: 12px; color: #999; float: left; line-height: 36px; }

#bread .bread-list ul li a { color: #999; }

#bread .bread-list ul li a:hover { color: #e02e2e; }

#bread .bread-list ul li span { padding: 0 6px; }

#bread .bread-list ul li .tag { display: inline-block; color: #E03030; border: 1px dashed #E03030; height: 23px; line-height: 23px; border-radius: 4px; padding: 0 5px 0 10px; }

#bread .bread-list ul li .tag .iconfont { color: #E03030; font-size: 12px; padding: 2px; cursor: pointer; }

#bread .bread-list ul li .tag .iconfont:hover { background-color: #FBF4F4; }

.view-main { width: 100%; background-color: #ffffff; padding-bottom: 30px; }

.download { width: 1200px; margin: 0 auto; }

@media screen and (max-width: 1280px) { .download { width: 1002px; } }

.download h1 { font-size: 20px; font-weight: 500; }

.download-content { margin-top: 10px; }

.download-content-image { background-color: #fff; padding: 15px 20px; width: 780px; position: relative; border-radius: 4px; box-shadow: 0px 2px 10px 0px rgba(31, 31, 31, 0.1); }

@media screen and (max-width: 1280px) { .download-content-image { width: 645px; } }

.download-content-image .report { cursor: pointer; position: absolute; top: 20px; right: 20px; font-size: 12px; color: #999; }

.download-content-image .report:hover { color: #e02e2e; }

.download-content-image .image-header { color: #666; font-size: 12px; line-height: 30px; }

.download-content-image .image-header a { color: #e02e2e; }

.download-content-image .image-header a:hover { text-decoration: underline; }

.download-content-image .image-header .vip-logo { width: 22px; height: 20px; display: inline-block; position: relative; top: 5px; margin-right: 5px; background-image: url(//static.photophoto.cn/web/v1/imgs/vip-png.png); }

.download-content-image .image-main { position: relative; }

.download-content-image .image-main-content { position: relative; text-align: center; }

.download-content-image .image-main-content img, .download-content-image .image-main-content video { max-width: 780px; }

@media screen and (max-width: 1280px) { .download-content-image .image-main-content img, .download-content-image .image-main-content video { max-width: 645px; } }

.download-content-image .image-main .image-handle { position: absolute; right: 14px; top: 14px; }

.download-content-image .image-main .image-handle .handle-icon { padding: 9px; text-align: center; background-color: #ffffff; border-radius: 50%; float: left; cursor: pointer; position: relative; box-shadow: 0px 0px 12px -2px #646464; }

.download-content-image .image-main .image-handle .handle-icon img { width: 16px; height: 16px; }

.download-content-image .image-main .image-handle .handle-icon .handle-desc { width: 60px; height: 22px; background-color: rgba(102, 102, 102, 0.8); border-radius: 4px; color: #ffffff; font-size: 12px; line-height: 22px; text-align: center; position: absolute; bottom: -24px; left: -13px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; }

.download-content-image .image-main .image-handle .handle-icon:hover .handle-desc { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

.download-content-image .image-main .image-handle .handle-icon .img-unfavor { display: inline-block; }

.download-content-image .image-main .image-handle .handle-icon .img-favor { display: none; }

.download-content-image .image-main .image-handle #handle-favor { padding: 0; }

.download-content-image .image-main .image-handle .icon-favor { padding: 10px 9px; }

.download-content-image .image-main .image-handle .icon-favor img { width: 16px; height: 14px; }

.download-content-image .image-main .image-handle .favor .img-unfavor { display: none; }

.download-content-image .image-main .image-handle .favor .img-favor { display: inline-block; }

.download-content-image .image-main .image-main-mask { display: none; }

.download-content-image .image-main-unlogin { height: 830px; overflow: hidden; }

@media screen and (max-width: 1280px) { .download-content-image .image-main-unlogin { height: 686px; } }

.download-content-image .image-main-unlogin .image-handle { display: none; }

.download-content-image .image-main-unlogin .image-main-mask { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 830px; background-image: url("//static.photophoto.cn/web/v1/imgs/secondary-image-mask.png"); background-repeat: no-repeat; background-size: 100% 100%; }

.download-content-image .image-main-unlogin .image-main-mask-btn { position: absolute; left: 50%; top: 50%; margin-left: -116px; margin-top: -25px; height: 50px; line-height: 50px; color: #ffffff; text-align: center; background-color: #E02116; width: 232px; border-radius: 4px; cursor: pointer; }

.download-content-image .image-desc { font-size: 12px; color: #999; line-height: 18px; }

.download-content-image .image-desc-tag { margin-top: 5px; }

.download-content-image .image-desc-tag a { color: #999; }

.download-content-image .image-desc-tag a:hover { color: #333; text-decoration: underline; }

.download-content-image .video-main #video { display: inline-block; width: 100%; height: 600px; }

.download-content .download-right { width: 360px; }

@media screen and (max-width: 1280px) { .download-content .download-right { width: 300px; } }

.download-content .download-right-btn .btn { height: 56px; line-height: 56px; text-align: center; color: #fff; border-radius: 4px; font-size: 20px; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; cursor: pointer; }

.download-content .download-right-btn .btn .iconfont { font-size: 26px; }

.download-content .download-right-btn .download-btn { width: 100%; background-color: #e34444; background-image: linear-gradient(45deg, #e34444 0%, #e02e2e 100%); }

.download-content .download-right-btn .download-btn:hover { background-color: #d64040; background-image: linear-gradient(45deg, #d64040 0%, #d42c2c 100%); }

.download-content .download-right .video { font-size: 0; }

.download-content .download-right .video .btn { float: left; }

.download-content .download-right .video .download-btn { width: 288px; }

@media screen and (max-width: 1280px) { .download-content .download-right .video .download-btn { width: 228px; } }

.download-content .download-right .video .handle-collect { width: 56px; background-color: #DBDBDB; margin-left: 16px; }

.download-content .download-right .video .handle-collect .iconfont { font-size: 20px; }

.download-content .download-right .video .handle-collect:hover { background-color: #FF7200; }

.download-content .download-right-main { background-color: #fff; padding: 20px 30px; box-shadow: 0px 2px 10px 0px rgba(31, 31, 31, 0.1); border-radius: 4px; }

.download-content .download-right-main .right-item { position: relative; margin-bottom: 20px; }

.download-content .download-right-main .right-item .label { display: inline-block; width: 65px; font-size: 14px; color: #999; text-align: justify; text-justify: distribute-all-lines; /*ie6-8*/ text-align-last: justify; /* ie9*/ -moz-text-align-last: justify; /*ff*/ -webkit-text-align-last: justify; /*chrome 20+*/ }

.download-content .download-right-main .right-item .text { position: absolute; right: 0; top: 2px; font-size: 14px; color: #666; }

.download-content .download-right-main .right-item .text .iconfont { color: #666; font-size: 24px; margin: 0 7px; }

.download-content .download-right-main .right-item .text .iconfont-wx:hover { color: #00c800; }

.download-content .download-right-main .right-item .text .iconfont-weibo:hover { color: #D52B3B; }

.download-content .download-right-main .right-item .text .iconfont-qq:hover { color: #0AA7F0; }

.download-content .download-right-main .right-item .text .iconfont-qqkongjian:hover { color: #EAD813; }

.download-content .download-right-main .right-item .social-share { float: right; }

.download-content .download-right-main .right-divider { margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; }

.download-content .download-right-main .title { padding-top: 10px; margin-bottom: 0; }

.download-content .download-right-main .title .label { color: #666; }

.download-content .download-right-main .tag-box .tag-item { border: 1px solid #e0e0e0; border-radius: 14px; float: left; letter-spacing: 1px; padding: 0 12px; line-height: 26px; color: #808080; font-size: 12px; margin: 12px 15px 0 0; }

.download-content .download-right-main .tag-box .tag-item:hover { border: 1px solid #e02e2e; color: #e02e2e; }

.enlarge-content { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.66); z-index: 1001; top: 0; display: none; }

.enlarge-content-box { width: 1024px; margin: 60px auto; text-align: center; }

.enlarge-content-box img { display: inline-block; max-width: 1024px; }

.enlarge-content .enlarge-close { height: 38px; width: 38px; position: fixed; text-align: center; line-height: 38px; background-color: #ffffff; border-radius: 50%; top: 40px; right: 40px; z-index: 1002; cursor: pointer; }

.enlarge-content .enlarge-close .iconfont { color: #666666; font-size: 14px; }

.enlarge-content-arrow { height: 100%; width: 80px; cursor: pointer; position: absolute; }

.enlarge-content-arrow:hover { background-color: rgba(0, 0, 0, 0.2); }

.enlarge-content-prev { left: 0; top: 0; color: #ffffff; font-size: 50px; }

.enlarge-content-prev::before { content: "‹"; position: absolute; height: 30px; margin-top: -30px; top: 47%; left: 35px; }

.enlarge-content-next { right: 0; top: 0; color: #ffffff; font-size: 50px; }

.enlarge-content-next::before { content: "›"; position: absolute; height: 30px; margin-top: -30px; top: 47%; left: 35px; }

#favor-box { padding: 30px 20px; margin-left: -244px; margin-top: -320px; width: 448px; }

#favor-box .title { font-size: 16px; text-align: center; font-weight: 700; padding-top: 0; }

#favor-box .create input { width: 349px; height: 38px; line-height: 38px; text-indent: 20px; background-color: #EDEFF5; font-size: 14px; float: left; }

#favor-box .create-btn { float: right; font-size: 14px; color: #fff; background-color: #e02e2e; line-height: 38px; height: 38px; width: 88px; text-align: center; }

#favor-box .create-btn:hover { cursor: pointer; background-color: #d64040; }

#favor-box .album-list { margin-top: 20px; max-height: 352px; }

#favor-box .album-list .album-item { height: 44px; padding: 0 20px; font-size: 14px; line-height: 44px; cursor: pointer; }

#favor-box .album-list .album-item:hover { background-color: #F5F7FA; }

#favor-box .album-list .active { background-color: #F5F7FA; color: #e02e2e; position: relative; }

#favor-box .album-list .active span { border: 3px solid #CCCCCC; padding: 2px; line-height: 10px; position: absolute; right: 20px; top: 12px; }

#favor-box .album-list .active span::after { content: ''; display: inline-block; width: 10px; height: 10px; background-color: #e02e2e; }

#favor-box .btn-box { padding: 30px 90px 0; }

#favor-box .btn-box .btn { height: 36px; width: 120px; text-align: center; line-height: 36px; border-radius: 2px; letter-spacing: 2px; cursor: pointer; }

#favor-box .btn-box .btn-cancel { border: 1px solid #e6e6e6; }

#favor-box .btn-box .btn-correct { border: 1px solid #e02e2e; color: #fff; background-color: #e02e2e; }

#favor-box .btn-box .btn-correct:hover { background-color: #d64040; }

.recommend-title { font-size: 18px; letter-spacing: 2px; }

.Masonry-contain { width: 1200px !important; margin: 0 auto; }

.Masonry-contain .Masonry-item { width: 285px; }

.Masonry-item { width: 298px; margin-top: 22px; background-color: #fff; box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.1); display: inline-block; }

.Masonry-item a:hover{ color: #ffffca; }

.Masonry-item-content { padding: 8px; }

.Masonry-item-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; visibility: hidden; }

.Masonry-item-mask .mask-hover { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); }

.Masonry-item-mask .mask-hover .title { position: absolute; width: 100%; text-align: center; bottom: 0; transition: bottom 0.5s; font-size: 14px; }

.Masonry-item-mask .mask-hover .title a { color: #fff; }

.Masonry-item-mask .mask-hover .title a:hover { color: #ffffca; }

.Masonry-item-mask .tag { position: absolute; right: 10px; top: -20px; transition: top 0.5s; }

.Masonry-item-mask .tag-btn { height: 28px; line-height: 28px; border-radius: 2px; overflow: hidden; float: left; font-size: 12px; cursor: pointer; text-align: center; }

.Masonry-item-mask .tag-btn-xz { width: 76px; margin-right: 14px; color: #fff; background-color: #e25656; background-image: linear-gradient(45deg, #e25656 0%, #e02e2e 100%); }

.Masonry-item-mask .tag-btn-xz-mask { width: 76px; height: 28px; position: absolute; left: 0; top: 0; text-align: center; color: #fff;}

.Masonry-item-mask .tag-btn-xz:hover .tag-btn-xz-mask { background: rgba(255, 255, 255, 0.08); color: #ffffca; }

.Masonry-item-mask .tag-btn-sc { background: #fff url(//static.photophoto.cn/web/v1/imgs/favor.png) 8px center no-repeat; border-radius: 2px; height: 28px; width: 28px; cursor: pointer; transition: width 0.5s; overflow: hidden; }

.Masonry-item-mask .tag-btn-sc .favor-text { display: none; line-height: 28px; color: #fff; text-indent: 1.5em; }

.Masonry-item-mask .tag-btn-sc:hover { width: 76px; background: #f60 url(//static.photophoto.cn/web/v1/imgs/favor-hover.png) 14px center no-repeat; }

.Masonry-item-mask .tag-btn-sc:hover .favor-text { display: inline-block; }

.Masonry-item-mask .tag-btn-ysc { width: 76px; height: 28px; line-height: 28px; background-color: #a6a6a6; border-radius: 2px; color: #fff; cursor: pointer; display: none; }

.Masonry-item-mask .colected .tag-btn-sc { display: none; }

.Masonry-item-mask .colected .tag-btn-ysc { display: block; }

.Masonry-item .Masonry-item-box { position: relative; overflow: hidden; }

.Masonry-item .Masonry-item-box img { width: 100%; }

.Masonry-item .Masonry-item-box:hover .Masonry-item-mask { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

.Masonry-item .Masonry-item-box:hover .Masonry-item-mask .mask-hover .title { bottom: 10px; }

.Masonry-item .Masonry-item-box:hover .tag { top: 10px; }

.Masonry-item video { width: 100%; }

.Masonry-item .video-preview { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.Masonry-item:hover .video-preview { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.xiazai-content { background: #ffffff; border-radius: 4px; box-shadow: 0px 2px 10px 0px rgba(31, 31, 31, 0.1); overflow: hidden; margin-top: 30; }

.xiazai-content-banner { height: 60px; background: url(//static.photophoto.cn/web/v1/imgs/xiazai-banner.png) center center no-repeat; text-align: center; line-height: 60px; font-size: 18px; color: #fff; }

.xiazai-content-main { padding: 35px 0 55px 225px; position: relative; }

@media screen and (max-width: 1280px) { .xiazai-content-main { padding: 35px 0 55px 150px; } }

.xiazai-content-main .image { width: 158px; height: 230px; padding: 18px 25px; background-color: #eaf4ff; background-image: linear-gradient(to bottom, #eaf4ff 0%, #b5d9e7 100%); position: relative; }

.xiazai-content-main .image img { position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; box-shadow: 4px 10px 16px 1px rgba(0, 0, 0, 0.28); }

.xiazai-content-main .info { margin-left: 50px; }

.xiazai-content-main .info-l { width: 250px; }

.xiazai-content-main .info-r { width: 190px; }

.xiazai-content-main .info h4 { font-size: 18px; font-weight: 400; }

.xiazai-content-main .info p { margin-top: 20px; font-size: 14px; color: #999; }

.xiazai-content-main .info .divider-d9 { border-bottom: 1px solid #D9D9D9; width: 440px; }

.xiazai-content-main .info .button-content { margin-top: 30px; }

.xiazai-content-main .info .button-content .button { width: 198px; height: 56px; text-align: center; display: inline-block; font-size: 0; overflow: hidden; cursor: pointer; }

.xiazai-content-main .info .button-content .button .iconfont { font-size: 28px; position: relative; margin-right: 15px; top: -12px; }

.xiazai-content-main .info .button-content .button .text { display: inline-block; }

.xiazai-content-main .info .button-content .button .text p { margin-top: 0; color: #fff; font-size: 12px; line-height: 20px; }

.xiazai-content-main .info .button-content .button .text p:first-child { margin-top: 10px; font-size: 18px; }

.xiazai-content-main .info .button-content .button-vip { filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; background-color: #e25656; background-image: linear-gradient(to right, #e25656 0%, #e02e2e 100%); color: #fff; border: 1px solid #e25656; }

.xiazai-content-main .info .button-content .button-vip:hover { background: #e34343; }

.xiazai-content-main .info .button-content .button-free { filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; color: #999; border: 1px solid #e6e6e6; border-radius: 4px; margin-left: 36px; height: 36px; line-height: 36px; width: 200px; font-size: 14px; text-align: center; float: left; }

.xiazai-content-main .info .button-content .button-free:hover { background-color: #f7f7f7; }

.xiazai-content-main .info .button-content .button-free .text p { color: #999; }

.xiazai-content-main .info .button-content .line-button { float: left; }

.xiazai-content-main .info .button-content .line-button .button-line { border-radius: 4px; height: 38px; line-height: 38px; width: 200px; font-size: 14px; margin-bottom: 14px; text-align: center; color: #fff; background-color: #fb6767; background: linear-gradient(to right, #fb6767 0%, #e25656 42%, #e02e2e 100%); }

.xiazai-content-main .info .button-content .line-button .button-line:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.xiazai-content-main .info #isdownload span { color: #e02e2e; cursor: pointer; }

.xiazai-content-main .info #isdownload span:hover { text-decoration: underline; }

.xiazai-content-main .info .down-type p { color: #333; font-size: 14px; }

.xiazai-content-main .info .down-type p span { color: #F10909; }

.xiazai-content-main .info .down-type p a { color: #F10909; }

.xiazai-content-main .info .down-type p a:hover { text-decoration: underline; }

.xiazai-content-main .info .down-type p .to-vippay { display: inline-block; width: 80px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; border: 1px solid #e03030; border-radius: 6px; }

.xiazai-content-main .info .down-type p .to-vippay:hover { text-decoration: none; }

.xiazai-content-main .info #isdownload { color: #666; }

.xiazai-content-main .info #isdownload .iconfont { color: #11B715; font-size: 46px; position: relative; top: 10px; }

.xiazai-content-main .info #free-useup span { position: relative; bottom: 20px; margin-right: 20px; }

.xiazai-content-main .report { position: absolute; font-size: 12px; color: #999; right: 15px; top: 15px; cursor: pointer; }

.xiazai-content-main .report:hover { color: #e02e2e; }

.vip-download-banner { height: 100px; background: url(//static.photophoto.cn/web/v1/imgs/vip-download1920.png) center center no-repeat; }

#collect-pop { width: 448px; margin-left: -244px; padding: 40px 20px 30px; }

#collect-pop .title { text-align: center; font-weight: 700; }

#collect-pop .collect-build input { height: 38px; line-height: 38px; background-color: #edeff5; width: 350px; font-size: 14px; text-indent: 20px; float: left; }

#collect-pop .collect-build #add-favorite { float: left; width: 86px; margin-left: 10px; height: 36px; line-height: 36px; color: #fff; text-align: center; background-color: #e02e2e; border: 1px solid #e02e2e; cursor: pointer; }

#collect-pop .collect-build #add-favorite:hover { background-color: #ffffff; color: #e02e2e; }

#collect-pop .favorite-list { max-height: 396px; }

#collect-pop .favorite-list .favorite-item { height: 44px; line-height: 44px; text-indent: 20px; font-size: 14px; position: relative; cursor: pointer; }

#collect-pop .favorite-list .favorite-item-tag { display: inline-block; border: 3px solid #ccc; padding: 2px; width: 10px; height: 10px; position: absolute; right: 24px; top: 12px; }

#collect-pop .favorite-list .favorite-item:hover { background-color: #F5F7FA; }

#collect-pop .favorite-list .checked { background-color: #F5F7FA; color: #e02e2e; }

#collect-pop .favorite-list .checked .favorite-item-tag div { height: 10px; background-color: #e02e2e; }

#collect-pop .collect-foot .collect-btn { display: inline-block; height: 36px; line-height: 36px; width: 120px; text-align: center; border-radius: 2px; overflow: hidden; cursor: pointer; }

#collect-pop .collect-foot #collect-cancel { margin-left: 90px; background: #ffffff; border: 1px solid #e6e6e6; }

#collect-pop .collect-foot #collect-add { color: #fff; background-color: #e02e2e; border: 1px solid #e02e2e; }

#report-box { width: 320px; height: 342px; padding: 40px; background-color: #fff; margin-left: -200px; margin-top: -211px; display: none; }

#report-box .report-head { font-weight: 700; padding-bottom: 14px; border-bottom: 1px solid #ebebeb; }

#report-box .report-head-tag { font-size: 12px; font-weight: 400; color: #999; }

#report-box .report-head-tag span { font-size: 16px; color: #FF0000; font-weight: 700; }

#report-box .report-type { margin-top: 20px; border-radius: 2px; position: relative; }

#report-box .report-type input { cursor: pointer; border: 1px solid #e6e6e6; font-size: 14px; color: #999; line-height: 36px; text-indent: 10px; width: 100%; background-color: #fff; }

#report-box .report-type ul { display: none; width: 100%; position: absolute; z-index: 1003; top: 36px; left: 0; border: 1px solid #e6e6e6; }

#report-box .report-type ul li { text-indent: 10px; height: 42px; line-height: 42px; font-size: 14px; cursor: pointer; background-color: #fff; }

#report-box .report-type ul li:hover { background-color: #EDF1F5; }

#report-box .report-type:hover ul { display: block; }

#report-box .report-type .iconfont { position: absolute; right: 20px; line-height: 38px; top: 0; color: #666; font-size: 10px; cursor: pointer; }

#report-box .report-type span { font-size: 16px; position: absolute; line-height: 38px; left: -15px; top: 2px; color: #FF0000; font-weight: 700; }

#report-box .selecting ul { border: 1px solid #e6e6e6; border-top: none; }

#report-box .report-desc { position: relative; margin-top: 20px; }

#report-box .report-desc textarea { border: 1px solid #e6e6e6; font-size: 14px; font-family: '微软雅黑'; color: #999; padding: 10px; width: 298px; background-color: #fff; height: 65px; resize: none; line-height: 24px; }

#report-box .report-desc span { font-size: 16px; position: absolute; line-height: 38px; left: -15px; top: 2px; color: #FF0000; font-weight: 700; }

#report-box .report-phone { margin-top: 20px; border: 1px solid #e6e6e6; font-size: 14px; color: #999; line-height: 36px; text-indent: 10px; width: 100%; background-color: #fff; }

#report-box .report-btn-box { padding-left: 30px; }

#report-box .report-btn-box .report-btn { margin-top: 40px; width: 112px; height: 36px; line-height: 36px; text-align: center; letter-spacing: 2px; border-radius: 2px; display: inline-block; cursor: pointer; }

#report-box .report-btn-box .report-btn-cancel { background: #ffffff; border: 1px solid #e6e6e6; }

#report-box .report-btn-box .report-btn-cancel:hover { color: #e02e2e; border: 1px solid #e02e2e; }

#report-box .report-btn-box .report-btn-submit { margin-left: 30px; color: #fff; background: #e02e2e; border: 1px solid #e02e2e; }

#report-box .report-btn-box .report-btn-submit:hover { background-color: #fff; color: #e02e2e; }

#menu { background-color: #fff; padding-bottom: 4px; }

#menu .menu-nav > ul > li { float: left; height: 40px; line-height: 40px; font-size: 14px; margin-left: 28px; position: relative; cursor: pointer; }

#menu .menu-nav > ul > li:first-child { margin-left: 0; }

#menu .menu-nav > ul > li span { padding: 0 14px; width: 12px; background: url(//static.photophoto.cn/web/v1/imgs/arrow_down.png) center center no-repeat; }

#menu .menu-nav > ul > li:hover { font-weight: 700; }

#menu .menu-nav > ul > li:hover .menu-nav-options { font-weight: 400; }

#menu .menu-nav > ul > li:hover span { background: url(//static.photophoto.cn/web/v1/imgs/arrow_up.png) center center no-repeat; }

#menu .menu-nav > ul > li:hover .menu-nav-options { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

#menu .menu-nav > ul > li .menu-nav-options { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; position: absolute; top: 40px; left: 0; z-index: 1; background: #ffffff; border-radius: 4px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); cursor: default; }

#menu .menu-nav > ul > li .menu-nav-options ul { width: 110px; float: left; }

#menu .menu-nav > ul > li .menu-nav-options ul li { height: 44px; width: 110px; text-indent: 14px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#menu .menu-nav > ul > li .menu-nav-options ul li:hover { color: #e02e2e; background-color: rgba(224, 46, 46, 0.08); }

#menu .menu-nav > ul > li .menu-nav-options ul .active { color: #e02e2e; background-color: rgba(224, 46, 46, 0.08); }

#menu .menu-nav > ul > li .menu-nav-options .color-box { width: 282px; height: 78px; overflow: hidden; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color { padding: 20px 30px; background-color: #fff; border-radius: 4px; width: 228px; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color div { width: 32px; height: 16px; border-radius: 2px; float: left; margin-right: 6px; margin-bottom: 6px; cursor: pointer; position: relative; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .active::after { content: "\e656"; font-family: "iconfont"; width: 100%; height: 100%; font-size: 12px; position: absolute; left: 10px; top: -12px; color: #fff; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .ce60000 { background-color: #e60000; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .cF25100 { background-color: #F25100; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .cFFAA00 { background-color: #ffaa00; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .cF2F200 { background-color: #F2F200; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .cA1F200 { background-color: #A1F200; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .c00F451 { background-color: #00F451; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .c00E6E6 { background-color: #00E6E6; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .c0055FF { background-color: #0055FF; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .c5500FF { background-color: #5500FF; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .cAA00FF { background-color: #AA00FF; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .cFF00FF { background-color: #FF00FF; }

#menu .menu-nav > ul > li .menu-nav-options .color-box .color .c000000 { background-color: #000000; }

.flex-images { overflow: hidden; }

.flex-images .item { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative; }

.flex-images .item img { display: block; width: 100%; height: 100%; }

.paging-mini span { height: 26px; line-height: 26px; }

.paging-mini .icon { cursor: pointer; }

.paging-mini .icon:hover { color: #e02e2e; }

.paging-mini .disable { color: #999; cursor: default; }

.paging-mini .disable:hover { color: #999; }

.paging-mini .current { display: inline-block; text-align: center; width: 58px; border: 1px solid #e6e6e6; border-radius: 4px; height: 26px; line-height: 26px; }

.paging-mini .slash { margin: 0 12px; }

#page { width: 850px; margin: 0 auto; }

#page .page .page-list .active { color: #fff; background: #e02e2e; border: 1px solid #e02e2e; }

#page .page .page-list .active:hover { color: #fff; }

#page .page .page-current { margin-left: 30px; }

#page .page .page-current input { display: inline-block; margin: 0 10px; width: 38px; height: 38px; line-height: 38px; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 4px; text-align: center; font-size: 14px; }

#page .page .btn { height: 38px; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 4px; line-height: 38px; font-size: 14px; text-align: center; cursor: pointer; float: left; }

#page .page .btn:hover { color: #e02e2e; border: 1px solid #e02e2e; }

#page .page .page-up, #page .page .page-down { width: 68px; }

#page .page .page-go { width: 58px; }

#page .page .btn-page { width: 38px; margin: 0 7.5px; }

.footer { background-color: #fff; }

.footer::before { display: block; height: 100%; }

@media screen and (max-width: 1280px) { .footer .footer-helper { margin-left: 50px; }
  .footer .footer-create { margin-left: 50px; }
  .footer .footer-hottag { margin-left: 50px; } }

.footer-t { height: 120px; position: relative; }

.footer-t-l { padding-top: 33px; }

.footer-t-l img { width: 212px; height: 54px; }

.footer-t-c { width: 700px; height: 22px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

@media screen and (max-width: 1280px) { .footer-t-c { width: 560px; } }

.footer-t-c ul li { float: left; width: 100px; position: relative; text-align: center; }

@media screen and (max-width: 1280px) { .footer-t-c ul li { width: 80px; } }

.footer-t-c ul li a { font-size: 14px; line-height: 20px; }

.footer-t-c ul li::before { content: ''; border-right: 1px solid #d7dadb; position: absolute; left: 0; top: 4px; height: 15px; }

.footer-t-c ul li:first-child::before { display: none; }

.footer .footer-customer-phone { font-weight: 700; line-height: 18px; text-indent: 26px; background: url(//static.photophoto.cn/web/v1/imgs/phone-icon.png) center left no-repeat; }

.footer .footer-customer-zx { width: 120px; height: 34px; background-color: #e02e2e; border-radius: 4px; text-align: center; color: #fff; font-size: 14px; line-height: 34px; cursor: pointer; }

.footer .footer-customer-qq { width: 120px; height: 34px; background-color: #0253DA; border-radius: 4px; text-align: center; color: #fff; font-size: 14px; line-height: 34px; margin-top: 12px; }

.footer .footer-customer-time { color: #777; }

.footer-main-title { font-size: 18px; margin: 25px 0; }

.footer-main .footer-about { width: 362px; }

.footer-main .footer-about-content { color: #666; line-height: 24px; }

.footer-main ul li a { color: #666; font-size: 14px; line-height: 28px; }

.footer-main ul li a:hover { color: #e02e2e; }

.footer-links a { color: #999; line-height: 24px; }

.footer-links a:hover { color: #e02e2e; }

.footer-links-title { color: #999; line-height: 20px; display: inline-block; cursor: pointer; }

.footer-links-title .arrow-icon { height: 20px; width: 12px; background: url(//static.photophoto.cn/web/v1/imgs/arrow_down.png) center center no-repeat; }

.footer-links .open .arrow-icon { transform: rotate(180deg); }

.footer-links-nav { display: none; }

.footer-links-nav ul li { float: left; margin-left: 30px; cursor: pointer; }

.footer-links-nav ul li:first-child { margin-left: 0; }

.footer-links-nav ul .active a { color: #333; }

.footer-links-item { display: none; }

.footer-links-item ul li { float: left; margin-right: 20px; }

.footer .copyright-space { height: 80px; }

.footer .copyright { position: absolute; bottom: 10px; right: 0; left: 0; margin: auto; }

.footer .copyright p { text-align: center; line-height: 24px; }

.footer-links-active .footer-links-title .arrow-icon { background: url(//static.photophoto.cn/web/v1/imgs/arrow_up.png) center center no-repeat; }

.footer-links-active .footer-links-nav, .footer-links-active .footer-links-item { display: block; }

.zhaohuimima { width: 818px; margin: 35px auto 0; background-color: #ffffff; }

.zhaohuimima .divider-eeedf5 { border-bottom: 1px solid #EEEDF5; }

.zhaohuimima-title { text-align: center; font-weight: 700; font-size: 18px; line-height: 60px; }

.zhaohuimima-content { width: 340px; margin: 0 auto; padding: 40px 0; }

.zhaohuimima-content input { width: 338px; height: 36px; border: 1px solid #e6e6e6; text-indent: 10px; font-size: 14px; }

.zhaohuimima-content #username:focus { background-color: #f5f5f5; }

.zhaohuimima-content .error { border: 1px solid #e02e2e; }

.zhaohuimima-content .zhaohuimima-yzm input { width: 245px; border-right: none; float: left; }

.zhaohuimima-content .zhaohuimima-yzm .send-yzm { float: left; height: 38px; line-height: 38px; width: 94px; text-align: center; font-size: 12px; background-color: #e02e2e; color: #ffffff; cursor: pointer; }

.zhaohuimima-content .zhaohuimima-yzm .send-yzm:hover { background-color: #e34343; }

.zhaohuimima-content .zhaohuimima-yzm .disable { background-color: #cccccc; cursor: default; }

.zhaohuimima-content .zhaohuimima-yzm .disable:hover { background-color: #cccccc; }

.zhaohuimima-content p { text-align: center; font-size: 14px; color: #666666; }

.zhaohuimima-content p a { color: #e02e2e; }

.zhaohuimima-content p a:hover { text-decoration: underline; }

.zhaohuimima-content p .send-again { color: #e02e2e; cursor: pointer; }

.zhaohuimima-content p .send-again:hover { text-decoration: underline; }

.zhaohuimima .zhaohuimima-content-toemail .main-text { color: #333; line-height: 24px; padding: 0 8px; }

.zhaohuimima .zhaohuimima-content-toemail .main-text span { font-weight: 700; }

.zhaohuimima-btn { width: 338px; height: 38px; background-color: #e02e2e; color: #ffffff; border-radius: 2px; line-height: 38px; text-align: center; letter-spacing: 2px; cursor: pointer; }

.zhaohuimima-btn:hover { background-color: #e34343; }

.spinner50 { width: 50px; height: 50px; border-radius: 50%; box-shadow: inset 0 0 0 0.1em rgba(58, 168, 237, 0.2); margin-top: 16px; float: left; }

.spinner50 span { width: 50px; height: 50px; clip: rect(0, 50px, 50px, 25px); position: absolute; animation: demo 1s ease-in-out infinite; -webkit-animation: demo 1s ease-in-out infinite; -moz-animation: demo 1s ease-in-out infinite; -ms-animation: demo 1s ease-in-out infinite; }

@keyframes demo { 0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(180deg); } }

.spinner50 span::after { content: ''; position: absolute; clip: rect(0, 50px, 50px, 25px); width: 50px; height: 50px; border-radius: 50%; box-shadow: inset 0 0 0 .1em #7BC77D; animation: demo1 1s ease-in-out infinite; -webkit-animation: demo1 1s ease-in-out infinite; -moz-animation: demo1 1s ease-in-out infinite; -ms-animation: demo1 1s ease-in-out infinite; }

@keyframes demo1 { 0% {
    transform: rotate(-180deg); }
  100% {
    transform: rotate(180deg); } }

.footer-common { width: 100%; min-width: 1002px; background: #ffffff; margin-top: 50px; overflow: hidden; position: absolute; bottom: 0; padding-bottom: 20px; }

.footer-common-link { position: relative; float: left; left: 50%; }

.footer-common-link .link-list { position: relative; float: left; right: 50%; margin: 0 auto; text-align: center; height: 30px; }

.footer-common-link .link-list ul li { width: 100px; font-size: 14px; text-align: center; float: left; border-left: 1px solid #d7dadb; }

.footer-common-link .link-list ul li:first-child { border: none; }

.footer-common .copyright { text-align: center; font-size: 12px; color: #999; }

.footer-common .copyright p { margin-top: 10px; }

.footer-common .copyright p a { color: #999; }

.footer-common .copyright p a:hover { color: #e02e2e; }

.seat { height: 330px; width: 100%; }

.footer-fixed { position: fixed; bottom: 0; width: 100%; }

.bottom-nav { position: fixed; bottom: 100px; right: 36px; }

.bottom-nav .bb { border-bottom: 1px solid #ececec; }

.bottom-nav:hover .icon-detail { display: block; }

.bottom-nav .icon-list { border: 1px solid #ececec; }

.bottom-nav .icon-list-item { width: 40px; height: 40px; background-color: #fff; border-radius: 2px 2px 0 0; position: relative; cursor: pointer; }

.bottom-nav .icon-list-item .detail { position: absolute; right: -50px; width: 0px; height: 40px; background-color: #606060; border-radius: 2px 0 0 2px; line-height: 40px; text-align: center; color: #fff; font-size: 12px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; transition: right 0.5s; transition: width 0.5s; overflow: hidden; }

.bottom-nav .icon-list-item:hover .detail, .bottom-nav .icon-list-item .detail:hover .detail { visibility: visible; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right: 40px; width: 90px; }

.bottom-nav .icon-list-item1 { background: #fff url(//static.photophoto.cn/web/v1/imgs/fankui.png) center center no-repeat; }

.bottom-nav .icon-list-item2 { background: #fff url(//static.photophoto.cn/web/v1/imgs/kefu.png) center center no-repeat; }

.bottom-nav .icon-list-item3 { background: #fff url(//static.photophoto.cn/web/v1/imgs/qianbao.png) center center no-repeat; }

.bottom-nav .icon-list-item4 { background: #fff url(//static.photophoto.cn/web/v1/imgs/ziyuan.png) center center no-repeat; }

.bottom-nav .icon-list-item5 { background: #fff url(//static.photophoto.cn/web/v2/imgs/QQkefu.png) center center no-repeat; }

.error-content { text-align: center; }

.error-content img { display: block; width: 560px; height: 376px; margin: 90px auto 0; }

.error-content p { font-family: 'Source Han Sans CN Regular, Source Han Sans CN Regular-Regular'; font-size: 20px; font-weight: 400; letter-spacing: 1px; margin-top: 30px; }

.error-content p a { color: #e02e2e; font-size: 16px; }

.error-content p a:hover { text-decoration: underline; }

.help { margin-top: 30px; letter-spacing: 1px; }

.help .menu { width: 200px; float: left; padding: 20px 0; background-color: #fff; }

.help .menu ul li { height: 50px; line-height: 50px; text-indent: 67px; font-size: 14px; cursor: pointer; }

.help .menu ul li:hover { background-color: #f5f9fe; }

.help .menu ul .active { background-color: #f5f9fe; }

.help .content { width: 1044px; float: left; margin-left: 14px; background-color: #fff; }

@media screen and (max-width: 1280px) { .help .content { width: 788px; } }

.help .content-box .title { padding: 13px 37px 27px; border-bottom: 1px solid #EDEFF0; }

.help .content-box .title .main-title { display: inline-block; border-bottom: 4px solid #bad9f7; }

.help .content-box .title .main-title span { font-size: 18px; font-family: Microsoft YaHei Bold, Microsoft YaHei Bold-Bold; font-weight: 700; position: relative; left: 4px; bottom: -7px; }

.help .content-box .title .main-title span a { color: #BFBFBF; }

.help .content-box .title .main-title span a:hover { color: #e02e2e; }

.help .content-box-main { padding: 30px 55px; }

.help .content .active { display: block; }

.help .content .about p { font-size: 14px; line-height: 24px; margin-bottom: 20px; text-indent: 2em; }

.help .content .contact h1 { font-size: 20px; margin-bottom: 20px; }

.help .content .contact p { font-size: 14px; margin-bottom: 15px; }

.help .content .contact p a { color: #1356EE; }

.help .content .contact .customer-qq { display: inline-block; width: 120px; height: 34px; background-color: #e02e2e; border-radius: 4px; text-align: center; color: #fff; font-size: 14px; line-height: 34px; }

.help .content .login-item { padding-bottom: 30px; border-top: 1px solid #F2F2F2; }

.help .content .login-item:first-child { border-top: none; }

.help .content .login-item .bold { font-weight: 700; line-height: 50px; }

.help .content .login-item p { font-size: 14px; line-height: 24px; color: #666; }

.help .content .user h1 { font-size: 20px; text-align: center; }

.help .content .user .list { margin-top: 20px; }

.help .content .user .list .little-title { font-weight: 700; }

.help .content .user .list p { font-size: 14px; line-height: 24px; text-indent: 2em; }

.help .content .copyright p { font-size: 14px; margin-top: 30px; line-height: 24px; text-indent: 2em; }

.help .content .copyright p:first-child { margin-top: 0; }

.help .content .copyright .content-box-main div { margin-top: 40px; font-size: 18px; color: #e02e2e; }

.help .content .kaipiao-item { padding-bottom: 30px; border-top: 1px solid #F2F2F2; }

.help .content .kaipiao-item:first-child { border-top: none; }

.help .content .kaipiao-item .bold { font-weight: 700; line-height: 50px; }

.help .content .kaipiao-item p { font-size: 14px; line-height: 24px; color: #666; }

.help .content .issues-item { padding-bottom: 30px; border-top: 1px solid #F2F2F2; }

.help .content .issues-item:first-child { border-top: none; }

.help .content .issues-item .bold { font-weight: 700; line-height: 50px; }

.help .content .issues-item p { font-size: 14px; line-height: 24px; color: #666; }

.login-box { width: 340px; padding: 40px 40px 30px; margin-left: -210px; }

.login-box .close-icon { color: #cccccc; font-size: 16px; }

.login-box .login-header { font-weight: 700; }

.login-box .login-header .to-login-phone { float: right; position: relative; top: 3px; font-weight: 400; font-size: 12px; color: #e02e2e; cursor: pointer; }

.login-box .login-header .to-login-phone .iconfont { font-size: 12px; }

.login-box .login-header .to-login-phone:hover { text-decoration: underline; }

.login-box .login-divider { margin: 20px 0 0; border-bottom: 1px solid #ebebeb; }

.login-box .login-input input { height: 36px; line-height: 36px; width: 100%; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 2px; font-size: 14px; text-indent: 13px; margin-top: 20px; }

.login-box .login-input input:focus { background-color: #f5f5f5; }

.login-box .login-text { margin-top: 15px; }

.login-box .login-text-left { float: left; }

.login-box .login-text-right { float: right; }

.login-box .login-text a { font-size: 14px; color: #999999; cursor: pointer; }

.login-box .login-text a:hover { color: #e02e2e; text-decoration: underline; }

.login-box .login-yzm { margin-top: 20px; }

.login-box .login-yzm input { width: 245px; border-right: none; float: left; height: 36px; line-height: 36px; background: #ffffff; border: 1px solid #e6e6e6; border-right: none; border-radius: 2px 0 0 2px; font-size: 14px; text-indent: 13px; }

.login-box .login-yzm input:focus { background-color: #f5f5f5; }

.login-box .login-yzm .send-yzm { float: left; height: 38px; line-height: 38px; width: 94px; text-align: center; font-size: 12px; background-color: #e02e2e; color: #ffffff; cursor: pointer; }

.login-box .login-yzm .send-yzm:hover { background-color: #e34343; }

.login-box .login-yzm .disable { background-color: #cccccc; cursor: default; }

.login-box .login-yzm .disable:hover { background-color: #cccccc; }

.login-box .login-agree { margin-top: 10px; }

.login-box .login-agree-radio { line-height: 24px; position: relative; text-indent: 28px; font-size: 12px; }

.login-box .login-agree-radio .agree-radio { position: absolute; height: 13px; width: 13px; display: inline-block; border: 1px solid #ff6600; top: 4px; left: 0; }

.login-box .login-agree-radio a { color: #ff6600; }

.login-box .login-agree-radio a:hover { text-decoration: underline; }

.login-box .login-agree-radio #agreement:checked + .agree-radio { background: #ff6600 url(//static.photophoto.cn/web/v1/imgs/duigou.png) center center no-repeat; }

.login-box .btn { width: 100%; height: 36px; line-height: 36px; text-align: center; background-color: #e02e2e; border: 1px solid #e02e2e; color: #fff; cursor: pointer; margin-top: 25px; }

.login-box .btn:hover { background-color: #e24242; }

.login-box .third-text { text-align: center; border-bottom: 1px solid #ebebeb; margin-top: 16px; }

.login-box .third-text span { color: #666; font-size: 12px; background-color: #fff; position: relative; top: 6px; display: inline-block; width: 125px; }

.login-box .third-btn { display: flex; justify-content: space-between; align-items: center; padding: 0 38px; }

.login-box .third-btn a { cursor: pointer; display: inline-block; }

.login-box .third-btn a .iconfont { font-size: 54px; }

.login-box .third-btn a .iconfont:hover { color: #e02e2e; }

.login-box .third-btn a .btn-qq { color: #16b5ff; }

.login-box .third-btn a .btn-wx { color: #00c800; }

.login-box .third-btn-divider { height: 26px; border-right: 1px solid #ebebeb; }

.pop-login-username { margin-top: -230px; }

.pop-register-phone { margin-top: -250px; }

.pop-register-phone .disable { background-color: #ccc; cursor: default; border-color: #ccc; }

.pop-register-phone .disable:hover { background-color: #ccc; }

.pop-login-phone { margin-top: -250px; }

.pop-login-phone .login-tab { border-bottom: 1px solid #ebebeb; }

.pop-login-phone .login-tab li { float: left; color: #b3b3b3; position: relative; padding-bottom: 20px; cursor: pointer; }

.pop-login-phone .login-tab li .underline { display: none; width: 100%; height: 3px; border-radius: 2px; background-color: #000000; overflow: hidden; }

.pop-login-phone .login-tab .active { cursor: default; color: #333333; font-weight: 700; }

.pop-login-phone .login-tab .active .underline { display: block; position: absolute; bottom: -1px; }

.pop-login-phone .login-tab .to-login-username { float: right; color: #e02e2e; cursor: pointer; font-size: 12px; position: relative; top: 3px; }

.pop-login-phone .login-tab .to-login-username:hover { text-decoration: underline; }

.pop-login { width: 720px; height: 442px; margin-left: -360px; margin-top: -231px; text-align: center; display: none; }

.pop-login .close-icon { color: #cccccc; font-size: 16px; }

.pop-login .login-logo { width: 163px; height: 42px; margin-top: 50px; }

.pop-login .login-title { margin-top: 30px; padding: 0 127px; }

.pop-login .login-title > div { border-bottom: 1px solid #ebebeb; position: relative; }

.pop-login .login-title > div > span { position: absolute; padding: 0 20px; background-color: #ffffff; font-size: 12px; color: #666666; left: 162px; top: -8px; }

.pop-login .login-type { padding: 0 75px; }

.pop-login .login-type-box { margin-top: 55px; width: 120px; cursor: pointer; float: left; margin-left: 30px; }

.pop-login .login-type-box .login-type-icon { width: 120px; height: 120px; border-radius: 50%; line-height: 120px; }

.pop-login .login-type-box .login-type-icon .iconweixin-zheng1 { font-size: 68px; color: #51c332; }

.pop-login .login-type-box .login-type-icon .iconQQ-zheng1 { font-size: 58px; color: #1d8bcc; }

.pop-login .login-type-box .login-type-name { margin-top: 10px; color: #666666; letter-spacing: 1px; }

.pop-login .login-type-box img { width: 120px; height: 120px; }

.pop-login .login-type .login-wx-icon { border: 1px solid #51c332; }

.pop-login .login-type .login-wx:hover .login-wx-icon { background-color: #51c332; }

.pop-login .login-type .login-wx:hover .login-wx-icon .iconweixin-zheng1 { color: #ffffff; }

.pop-login .login-type .login-qq-icon { border: 1px solid #1d8bcc; }

.pop-login .login-type .login-qq:hover .login-qq-icon { background-color: #1d8bcc; }

.pop-login .login-type .login-qq:hover .login-qq-icon .iconQQ-zheng1 { color: #ffffff; }

.pop-login .login-type .to-login-phone .hover, .pop-login .login-type .to-login-username .hover { display: none; }

.pop-login .login-type .to-login-phone:hover .default, .pop-login .login-type .to-login-username:hover .default { display: none; }

.pop-login .login-type .to-login-phone:hover .hover, .pop-login .login-type .to-login-username:hover .hover { display: inline; }

.pop-login .left-bottom { position: absolute; left: 24px; bottom: 20px; font-size: 12px; color: #999999; }

.pop-login .left-bottom .divider { font-weight: 700; font-size: 14px; padding: 0 10px; }

.pop-login .left-bottom .handle { cursor: pointer; text-align: center; float: left; margin-right: 25px; }

.pop-login .left-bottom .handle img { width: 40px; height: 40px; }

.pop-login .left-bottom .handle .text { margin-top: 8px; }

.pop-login .left-bottom .handle:hover { color: #e02e2e; }

.pop-login .right-bottom { position: absolute; right: 24px; bottom: 20px; font-size: 12px; color: #999999; }

.pop-login .right-bottom .to-register { color: #e02e2e; cursor: pointer; }

.pop-login .right-bottom .to-register:hover { text-decoration: underline; }

.ui-slider-wrap { background: #e8e8e8; position: relative; }

.ui-slider-wrap .ui-slider-bg { width: 0; }

.ui-slider-wrap .ui-slider-btn { position: absolute; top: 0; left: 0; cursor: move; text-align: center; border: 1px solid #ccc; background: #fff; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.ui-slider-wrap .ui-slider-btn { background: #fff url(//static.photophoto.cn/web/v1/imgs/forward.png) no-repeat center; }

.ui-slider-wrap .ui-slider-btn.success { background-image: url(//static.photophoto.cn/web/v1/imgs/success.png); }

.ui-slider-wrap .ui-slider-text { width: 100%; height: 100%; font-family: "微软雅黑"; text-align: center; position: absolute; top: 0; left: 0; color: #666; }

.ui-slider-wrap .ui-slider-no-select { -o-user-select: none; user-select: none; }

#mask { position: fixed; width: 100%; height: 100%; filter: alpha(opacity=66); -moz-opacity: 0.66; -khtml-opacity: 0.66; opacity: 0.66; background: #000000; z-index: 1001; top: 0; display: none; }

.preview-index { width: 1284px; }

@media screen and (max-width: 1280px) { .preview-index { width: 1024px; } }

.preview-index > div { display: none; }

.preview-index > div:first-child { display: block; }

.preview-index .preview-box { width: 294px; height: 392px; margin: 28px 27px 0 0; float: left; background-color: #fff; border-radius: 4px; overflow: hidden; position: relative; text-align: center; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); }

.preview-index .preview-box > a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.preview-index .preview-box img { width: 100%; height: 100%; }

.preview-index .preview-box .preview-main { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; }

.preview-index .preview-box .preview-main-title { position: absolute; bottom: 0; transition: bottom 0.5s; }

.preview-index .preview-box .preview-main-tag { position: absolute; top: -20px; transition: top 0.5s; }

.preview-index .preview-box .preview-mask { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: #262626; position: absolute; top: 0; left: 0; }

.preview-index .preview-box .banquan { width: 34px; height: 34px; position: absolute; top: 0; left: 0; background: url(//static.photophoto.cn/web/v1/imgs/-e-banquan.png) center center no-repeat; }

.preview-index .preview-box:hover .preview-mask { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; visibility: visible; }

.preview-index .preview-box:hover .preview-main { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

.preview-index .preview-box:hover .preview-main-tag { right: 10px; top: 10px; }

.preview-index .preview-box:hover .preview-main-colected { width: 76px; height: 28px; line-height: 28px; background-color: #a6a6a6; border-radius: 2px; color: #fff; cursor: pointer; display: none; }

.preview-index .preview-box:hover .preview-main .colected .preview-main-favor { display: none; }

.preview-index .preview-box:hover .preview-main .colected .preview-main-colected { display: block; }

.preview-index .preview-box:hover .preview-main-btn { background-color: #e25656; background-image: linear-gradient(90deg, #e25656, #e02e2e); font-size: 12px; color: #fff; width: 76px; height: 28px; border-radius: 2px; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; line-height: 28px; cursor: pointer; }

.preview-index .preview-box:hover .preview-main-btn:hover { background: #e02e2e; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }

.preview-index .preview-box:hover .preview-main-favor { background: #fff url(//static.photophoto.cn/web/v1/imgs/favor.png) 8px center no-repeat; border-radius: 2px; height: 28px; width: 28px; cursor: pointer; transition: width 0.5s; overflow: hidden; }

.preview-index .preview-box:hover .preview-main-favor .favor-text { display: none; line-height: 28px; color: #fff; text-indent: 1.5em; }

.preview-index .preview-box:hover .preview-main-favor:hover { width: 76px; background: #f60 url(//static.photophoto.cn/web/v1/imgs/favor-hover.png) 14px center no-repeat; }

.preview-index .preview-box:hover .preview-main-favor:hover .favor-text { display: inline-block; }

.preview-index .preview-box:hover .preview-main-title { width: 100%; text-align: center; bottom: 42px; }

.preview-index .preview-box:hover .preview-main-title a { color: #fff; font-size: 14px; }

@media screen and (max-width: 1280px) { .preview-index .preview-box { width: 234px; height: 312px; margin: 20px 22px 0 0; } }

.flex-images .item { border-radius: 4px; background-color: #699fd1; background-image: linear-gradient(#699fd1, #f0f8ff); }

.flex-images .item > a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.flex-images .item .item-img { box-sizing: border-box; padding: 20px; height: 100%; width: 100%; }

.flex-images .item .item-img img { height: 100%; width: 100%; box-shadow: 10px 10px 16px -2px rgba(0, 0, 0, 0.28); }

.flex-images .item .preview-main { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; }

.flex-images .item .preview-main-title { position: absolute; bottom: 0; transition: bottom 0.5s; }

.flex-images .item .preview-main-tag { position: absolute; top: -20px; transition: top 0.5s; }

.flex-images .item .preview-mask { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: #262626; position: absolute; top: 0; left: 0; }

.flex-images .item:hover .preview-mask { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; visibility: visible; }

.flex-images .item:hover .preview-main { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

.flex-images .item:hover .preview-main-tag { right: 10px; top: 10px; }

.flex-images .item:hover .preview-main-colected { width: 76px; height: 28px; line-height: 28px; background-color: #a6a6a6; border-radius: 2px; color: #fff; cursor: pointer; display: none; }

.flex-images .item:hover .preview-main .colected .preview-main-favor { display: none; }

.flex-images .item:hover .preview-main .colected .preview-main-colected { display: block; }

.flex-images .item:hover .preview-main-btn { background-color: #e25656; background-image: linear-gradient(90deg, #e25656, #e02e2e); font-size: 12px; color: #fff; width: 76px; height: 28px; border-radius: 2px; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; line-height: 28px; text-align: center; cursor: pointer; }

.flex-images .item:hover .preview-main-btn:hover { background: #e02e2e; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }

.flex-images .item:hover .preview-main-favor { background: #fff url(//static.photophoto.cn/web/v1/imgs/favor.png) 8px center no-repeat; border-radius: 2px; height: 28px; width: 28px; cursor: pointer; transition: width 0.5s; overflow: hidden; }

.flex-images .item:hover .preview-main-favor .favor-text { display: none; line-height: 28px; color: #fff; text-indent: 3em; }

.flex-images .item:hover .preview-main-favor:hover { width: 76px; background: #f60 url(//static.photophoto.cn/web/v1/imgs/favor-hover.png) 14px center no-repeat; }

.flex-images .item:hover .preview-main-favor:hover .favor-text { display: inline-block; }

.flex-images .item:hover .preview-main-title { width: 100%; text-align: center; bottom: 42px; }

.flex-images .item:hover .preview-main-title a { color: #fff; font-size: 14px; }

.divider-e5 { border-bottom: 1px solid #e5e5e5; }

.divider-d8 { border-bottom: 1px solid #d8d8d8; }

.divider-vertical-e6 { border-right: 1px solid #e6e6e6; }

body .tips-style { display: none; margin: auto; text-align: center; position: fixed; top: 55px; left: 0; right: 0; height: 0; z-index: 1003; }

body .tips-style #tips-main { display: inline-block; padding: 0 26px; height: 50px; line-height: 50px; border-radius: 4px; box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.15); font-size: 14px; }

body .tips-style #tips-main .text { font-size: 14px; }

body .tips-style #tips-main .iconfont { margin-right: 10px; font-size: 20px; }

body .tips-style #tips-main img { height: 20px; width: 20px; margin-right: 10px; }

body .tips-style .default { background: #ffffff; border: 1px solid #ffffff; }

body .tips-style .default .iconfont { color: #ff8a3b; }

body .tips-style .success { background: #ffffff; }

body .tips-style .success .iconfont { color: #31e52c; }

body .tips-style .error { color: #D80A14; border: 1px solid #d80a14; background: #fde4e4; }

body .tips-style .error .iconfont { color: #D80A14; }

body .nc-container { margin-top: 20px; }

body .nc-container .nc_wrapper { width: 100% !important; }

.page-style { text-align: center; }

.page-style .page { display: inline-block; }

.page-style .page a { display: inline-block; height: 38px; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 4px; line-height: 38px; font-size: 14px; text-align: center; width: 38px; margin: 0 7.5px; cursor: pointer; }

.page-style .page a:hover { color: #e02e2e; border: 1px solid #e02e2e; }

.page-style .page span { display: inline-block; height: 38px; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 4px; line-height: 38px; font-size: 14px; text-align: center; width: 38px; margin: 0 7.5px; cursor: not-allowed; }

.page-style .page .current { cursor: auto; color: #fff; background: #e02e2e; border: 1px solid #e02e2e; }

.page-style .page .head { width: 68px; margin-right: 30px; }

.page-style .page .last { width: 68px; margin-left: 30px; }

.secondary-nodata { height: 70px; line-height: 70px; text-align: center; margin-top: 20px; font-size: 14px; background-color: #ebebeb; }

.secondary-nodata span { color: #ec1c1c; }

.contain-video { font-size: 0; width: 1279px; }

@media screen and (max-width: 1280px) { .contain-video { width: 1025px; } }

.contain-video .Masonry-item { margin-right: 21px; }

@media screen and (max-width: 1280px) { .contain-video .Masonry-item { margin-right: 22px; } }

.desc-xbsm { width: 1002px; margin: 30px auto; background-color: #fff; border-radius: 6px; }

.desc-xbsm .desc-title { font-size: 24px; font-weight: 500; text-align: center; padding: 30px 0 20px 0; font-weight: 600; }

.desc-xbsm .desc-subtitle { text-align: right; font-weight: 500; font-size: 14px; padding-bottom: 20px; color: #999; }

.desc-xbsm .desc-content { padding: 0 180px; }

.desc-xbsm .desc-c { text-align: center; }

.desc-xbsm p { line-height: 28px; }

.desc-xbsm .desc-sp { display: inline-block; background-color: #e02e2e; color: #fff; text-decoration: underline; line-height: 24px; margin: 10px 0; }

.contain .Masonry-item img { width: 100%; }

.contain-line5 { width: 1578px !important; margin: 0 auto; }

.contain-line5 .Masonry-item img { width: 100%; }

@media screen and (max-width: 1578px) { .contain-line5 { width: 1258px !important; }
  .contain-line5 .Masonry-item { width: 234px !important; } }

.contain-fix4 { width: 1258px !important; margin: 0 auto; }

@media screen and (max-width: 1280px) { .contain-fix4 { width: 1002px !important; } }

.contain-fix4 .Masonry-item { height: 400px; font-size: 0; }

@media screen and (max-width: 1280px) { .contain-fix4 .Masonry-item { height: 313px; } }

.contain-fix4 .Masonry-item-content { display: inline-block; }

.contain-fix4 .Masonry-item-box { height: 384px; width: 282px; display: table-cell; text-align: center; vertical-align: middle; padding: 0; margin: 0; }

.contain-fix4 .Masonry-item-box img { max-height: 384px; max-width: 282px; }

@media screen and (max-width: 1280px) { .contain-fix4 .Masonry-item-box { width: 218px; height: 297px; }
  .contain-fix4 .Masonry-item-box img { max-height: 297px; max-width: 218px; } }

.contain-fix5 { width: 1578px !important; margin: 0 auto; }

@media screen and (max-width: 1578px) { .contain-fix5 { width: 1258 !important; } }

.contain-fix5 .Masonry-item { height: 400px; font-size: 0; }

@media screen and (max-width: 1578px) { .contain-fix5 .Masonry-item { height: 313px; width: 234px; } }

.contain-fix5 .Masonry-item-box { height: 384px; width: 282px; display: table-cell; text-align: center; vertical-align: middle; }

.contain-fix5 .Masonry-item-box img { max-height: 384px; max-width: 282px; }

@media screen and (max-width: 1578px) { .contain-fix5 .Masonry-item-box { width: 218px; height: 297px; }
  .contain-fix5 .Masonry-item-box img { max-height: 297px; max-width: 218px; } }
  
.hd-little { position: fixed; top: 230px; right: 20px; z-index: 20; width: 200px; height: 200px; }

.hd-little .hd-close { position: absolute; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 20px; right: 10px; top: 10px; text-align: center; line-height: 20px; border-radius: 50%; z-index: 21; }

.hd-little .hd-close .iconfont { color: #fff; font-size: 12px; }

.hd-little img { width: 100%; height: 100%; animation: nzsd 1.5s ease-in-out infinite; -webkit-animation: nzsd 1.5s ease-in-out infinite; -moz-animation: nzsd 1.5s ease-in-out infinite; -ms-animation: nzsd 1.5s ease-in-out infinite; }

@keyframes nzsd { 0% {
    transform: scale(1); }
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(1); } }

.hd-nzsd { position: fixed; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 100%; z-index: 6; }

.hd-nzsd-banner { height: 350px; width: 100%; }

.hd-nzsd-main { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; /* IE 9 */ -webkit-transform-origin: 50% 100%; /* Safari and Chrome */ -moz-transform-origin: 50% 100%; /* Safari and Chrome */ -o-transform-origin: 50% 100%; /* Safari and Chrome */ animation: nzsd 1.5s ease-in-out infinite; -webkit-animation: nzsd 1.5s ease-in-out infinite; -moz-animation: nzsd 1.5s ease-in-out infinite; -ms-animation: nzsd 1.5s ease-in-out infinite; }

@keyframes nzsd { 0% {
    transform: scale(1); }
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(1); } }

.hd-nzsd .hd-close { position: absolute; cursor: pointer; background-color: rgba(0, 0, 0, 0.6); width: 40px; height: 40px; right: 30px; top: 30px; text-align: center; line-height: 40px; border-radius: 50%; }

.hd-nzsd .hd-close .iconfont { color: #fff; font-size: 20px; }

.pop { position: fixed; width: 100%; height: 100%; z-index: 1001; top: 0; }

.pop::before { content: ''; position: absolute; width: 100%; height: 100%; filter: alpha(opacity=66); -moz-opacity: 0.66; -khtml-opacity: 0.66; opacity: 0.66; background: #000000; left: 0; top: 0; }

.pop-content { position: absolute; left: 50%; top: 50%; }

.footer-tag { position: relative; width: 1258px; margin: 20px auto 0; border-bottom: 1px dashed #ccc; padding-bottom: 20px; }

@media screen and (max-width: 1280px) { .footer-tag { width: 1002px; } }

.footer-tag .fw li { float: left; margin-left: 30px; font-size: 14px; color: #666; }

.footer-tag .fw li:first-child { margin-left: 0; }

@media screen and (max-width: 1280px) { .footer-tag .fw li { margin-left: 20px; } }

.footer-tag .fw li:hover { cursor: pointer; color: #e02e2e; text-decoration: underline; }

.footer-tag .fw .active { color: #e02e2e; }

.footer-tag .list { width: 90%; margin-top: 10px; overflow: hidden; height: 22px; }

.footer-tag .list div { display: none; }

.footer-tag .list div:first-child { display: block; }

.footer-tag .list div a { display: inline-block; font-size: 12px; color: #666; line-height: 20px; vertical-align: middle; margin-right: 12px; }

.footer-tag .list div a:hover { color: #e02e2e; }

.footer-tag .more { position: absolute; right: 20px; top: 30px; font-size: 14px; }

.footer-tag-along { margin: 80px auto 0; }

.footer-tag-along .list { width: 100%; height: auto; }

.footer-flink { padding: 10px 0; border-bottom: 1px solid #d8d8d8; }

.footer-flink-title { font-size: 14px; color: #999; line-height: 20px; }

.footer-flink-list li { float: left; margin-right: 20px; }

.footer-flink-list li a { font-size: 14px; color: #999; line-height: 24px; }

.footer-flink-list li a:hover { color: #e02e2e; }