:root {  --primary-color: #590F0B;
 --border-color: #f4f4f4;
}
.tyweb-background-muted { background-color: #f0f2f5; }
.beijing { background: url(../images/tyweb-bg.jpg) center top no-repeat; transform: none; background-size: 100%; }
/*星级评分*/
.star_small { width: 75px; height: 19px; vertical-align: middle; display: inline-block; background: url(../images/stars.png) no-repeat; }
.star1 { background-position: -60px -42px; }
.star2 { background-position: -45px -42px; }
.star3 { background-position: -30px -42px; }
.star4 { background-position: -15px -42px; }
.star5 { background-position: 0 -42px; }
.and_stars { width: 88px; height: 15px; vertical-align: middle; display: inline-block; background: url(../images/stars.png) no-repeat; }
.and_star1 { background-position: -72px -71px; }
.and_star2 { background-position: -54px -71px; }
.and_star3 { background-position: -36px -71px; }
.and_star4 { background-position: -18px -71px; }
.and_star5 { background-position: 0 -71px; }
/*整体*/
.b-r-2 { border-radius: 2px!important }
.b-r-4 { border-radius: 4px!important }
.b-r-6 { border-radius: 6px!important }
.b-r-12 { border-radius: 12px!important }
.b-t { border-top: 1px solid var(--border-color); }
.b-b { }
.b-a { border: 1px solid var(--border-color); }
.tyweb-dongtai { transition: all .3s }
.tyweb-dongtai:hover { transform: translateY(-3px); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.tyweb-dt { transition: all .3s }
.tyweb-dt:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.tyweb-margin-bottom-10 { margin-bottom: 10px !important; }
.tyweb-margin-bottom-20 { margin-bottom: 20px!important; }
.tyweb-margin-bottom-30 { margin-bottom: 30px !important; }
.tyweb-margin-bottom-40 { margin-bottom: 40px !important; }
.tyweb-margin-top-10 { margin-top: 10px !important; }
.tyweb-margin-top-20 { margin-top: 20px !important; }
.tyweb-margin-top-30 { margin-top: 30px !important; }
.tyweb-padding-left-30 { padding-left: 30px; }
.tyweb-text-align { text-align: center!important; }
.tyweb-margin-right-6 { margin-right: 6px; }
.tyweb-right-3 { margin-right: 3px; }
.tyweb-padding-30 { padding: 0 30px; }
.tyweb-padding-30px { padding: 30px; }
.tyweb-padding-bottom-10 { padding-bottom: 10px; }
.tyweb-padding-left-0 ul { padding-left: 0; }
.tyweb-margin-0 ul { margin: 0; }
.tyweb-font-mini { font-size: 12px; line-height: 1.5; }
.change-color { background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#590F0B), to(#13adff)); background-image: -webkit-linear-gradient(left, #590F0B, #DC982B); background-image: -o-linear-gradient(left, #590F0B 0, #DC982B 100%); background-image: linear-gradient(90deg, #590F0B, #DC982B); color: #fff!important }
.btn { border-radius: 4px; color: #fff; display: inline-block; font-size: 16px; }
.btns { border-radius: 4px; color: #fff; display: inline-block; font-size: 16px; }
.btn:hover { transform: translateY(-3px); }
.avatar { }
.avatar img { border-radius: 50%; }
/*导航顶部*/
.tyweb-topnav { position: relative; z-index: 1001; margin-bottom: 0; box-sizing: content-box }
.tyweb-top-navbar { min-height: 32px; background-color: transparent; }
.navbar-left { margin-left: 0; float: left!important; padding-left: 0; margin: 0; list-style: none; }
.tyweb-top-nav { padding-left: 0; }
.tyweb-top-nav>li { line-height: 30px; padding: 1px 10px; list-style: none; }
.tyweb-top-nav>li { float: left; font-size: 12px; }
.tyweb-top-nav>li>a { color: #888888; padding: 0; position: relative; line-height: 32px; height: 32px; font-size: 12px; }
.navbar-right { float: right!important; margin-right: -15px; padding-left: 0; margin-top: 0; margin: 0; list-style: none; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent }
.lang-style .dropdown-menu { position: absolute; box-shadow: none!important; border-radius: 3px!important; background: #fff; padding: 10px 0; min-width: 83px!important; border: 1px solid #eee; list-style: none; }
.lang-style .dropdown-menu .caret1 { position: absolute; margin-top: -16px; margin-left: 35px; border-bottom: 8px dashed; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 0!important; list-style: none; }
.dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }
.dropdown-menu>li>a:hover { color: var(--primary-color) }
/*导航*/

.nav>ul>li>a .new { display: block; width: 28px; height: 19px; position: absolute; left: 50%; top: -18px; margin-left: -13px; background: url(../images/tyweb-new.png) no-repeat; -webkit-animation: upDown 6s ease-in-out infinite; animation: upDown 6s ease-in-out infinite; }
.nav>ul>li>a .hot { display: block; width: 28px; height: 19px; position: absolute; left: 50%; top: -18px; margin-left: -13px; background: url(../images/tyweb-hot.png) no-repeat; -webkit-animation: upDown 6s ease-in-out infinite; animation: upDown 6s ease-in-out infinite; }
.nav>ul>li>a .vip { display: block; width: 28px; height: 19px; position: absolute; left: 50%; top: -18px; margin-left: -13px; background: url(../images/tyweb-vip.png) no-repeat; -webkit-animation: upDown 6s ease-in-out infinite; animation: upDown 6s ease-in-out infinite; }
.nav>ul>li>a .jian { display: inline-block; font-size: 0.6rem; letter-spacing: 0.05em; background: linear-gradient(to top, #f308a0 0%, #fb0655 100%); color: #ffffff; border-radius: 1rem;  padding: .15rem .3rem;
line-height: 1; position: absolute; left: 46%; top: -18px; margin-left: -13px; }
/*绝对定位下：上下微悬浮*/
@keyframes upDown { 0% {
transform: translateY(5px);
}
25% {
transform: translateY(0px);
}
50% {
transform: translateY(5px);
}
75% {
transform: translateY(0px);
}
100% {
transform: translateY(5px);
}
}
.header { box-shadow: 0 0 30px rgba(0,0,0,0.07); z-index: 997 }
.navbar { }
.logo { }
.logo img { height: 49px; margin-right: 41px!important; }
.nav { }
.nav>ul { list-style: none; }
.nav>ul>li { display: inline-block; line-height: 86px; }
.nav>ul>li>a { margin: 0 22px; font-size: 16px; font-weight:bold; position: relative }
.nav>ul>.current-menu-item>a::after { content: ''; display: block; width: 100%; left: 0; right: 0; height: 3px; position: absolute; bottom: -16px; z-index: 10; border-radius: 100px; background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#590F0B), to(#13adff)); background-image: -webkit-linear-gradient(left, #590F0B, #DC982B); background-image: -o-linear-gradient(left, #590F0B 0, #DC982B 100%); background-image: linear-gradient(90deg, #590F0B, #DC982B); color: #fff!important }
.navBar_02 .nav>ul>.current-menu-item>a::after { bottom: -13px; }
.nav>ul>.current-menu-item { }
.nav>ul>.current-menu-item a { /*display: block;*/
}
.nav>ul>li .sub-menu { display: none; background: #fff; list-style: none; padding: 4px; border-radius: 4px; padding: 12px 0; border-top: 1px solid var(--border-color); animation-name: tyweb-fade-left-small; animation-duration: 0.5s; animation-timing-function: ease-out; animation-fill-mode: both; }
.nav>ul>li:hover .sub-menu { display: block; position: absolute; top: 0; margin-top: 86px; width: 100%;/* left: 0; */
}
.nav>ul>li .sub-menu li { }
.nav>ul>li .sub-menu li:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); /*transform: translateY(-3px);*/
transform: translateY(0px); }
.nav>ul>li .sub-menu li a { display: block; margin: 0 24px; font-size: 13px; transition: none; color: #616161; }
.nav>ul>li .sub-menu li a:hover { color: var(--primary-color); }
.mob-nav { }
.mob-nav>ul { padding: 20px 20px; list-style: none; }
.mob-nav>ul>li { margin-bottom: 10px; }
.mob-nav>ul>li a { font-size: 15px; color: #666; }
.mob-nav .sub-menu { margin-left: 15px !important; padding-left: 15px !important; background: #f8f8f8; padding: 8px 10px !important; margin: 15px 0 !important; border-radius: 4px; background-color: #f8f8f8!important; box-shadow: inherit!important; list-style-type: none; margin: 0 15px; min-width: initial!important; opacity: initial!important; padding: 20px 0; position: initial!important; top: initial!important; visibility: initial!important; z-index: 80; }
.mob-nav .sub-menu a { font-size: 13px; display: block; padding: 8px; }
.header-info { }
.header-info i { margin-right: 3px; cursor: pointer; }
.header-info em { height: 12px; width: 1px; background: rgba(0, 0, 0, 0.3); margin: 0 20px 0 0px; }
@media screen and (max-width: 1400px) {
.header-info em { margin: 0 20px; }
}
.header-info a { }
.header-info .avatar img { border: 3px solid #d8e7fb; }
.user-info-menu { }
.user-info-menu a { padding: 6px; }
.user-info-menu a:hover { color: #000 }
.user-down { width: 330px; display: none; padding-top: 60px; z-index: 9999; }
.head-avatar { }
.head-avatar:hover .user-down { display: block; }
.user-info { background: #f4faff; padding: 20px; }
.user-info:before { content: ''; position: absolute; left: 0; top: 0; opacity: .3; background-image: -webkit-linear-gradient(46deg, #b5dfff 48%, #f4faff 91%); background-image: -o-linear-gradient(46deg, #b5dfff 48%, #f4faff 91%); background-image: linear-gradient(44deg, #b5dfff 48%, #f4faff 91%); width: 60px; height: 76px; -webkit-border-radius: 0 0 100% 0; border-radius: 0 0 100% 0; }
.user-info:after { content: ''; position: absolute; right: 0; bottom: 0; opacity: .4; background-image: -webkit-linear-gradient(47deg, #b5dfff 1%, #f4faff); background-image: -o-linear-gradient(47deg, #b5dfff 1%, #f4faff 100%); background-image: linear-gradient(43deg, #b5dfff 1%, #f4faff); width: 100px; height: 57px; -webkit-border-radius: 100% 0 0 0; border-radius: 100% 0 0 0; }
.user-info h4 { font-size: 16px; margin-bottom: 5px; }
.head-login { color: #fff; padding: 4px 15px; }
.head-login:hover { color: #fff; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.search { }
.search input { border: none; }
.search button { background: transparent; border: none; padding: 0 15px; cursor: pointer }
.tyweb-navbar-s { margin-right: 15px; }

.tyweb-nav2-em { background: #ff585d; color: #fff; font-size: 11px; font-style: normal; padding: 1px 6px; margin-right: 10px; margin-left: 10px!important; }
.tyweb-nav2-bp { display: flex; }
.tyweb-navbar-2 { height: 99px; }
.tyweb-navbtn { align-items: center; display: flex; height: 46px; position: relative; }
.tyweb-navs { display: block; width: 168px; height: 38px; font-size: 14px; line-height: 38px; text-align: center; color: #fff; border-radius: 4px 4px 0 0; background: linear-gradient(90deg, #006eff, #13adff); margin-top: 7px; }
.nav_2 .current-menu-item>a::after { height: 2px!important; border-radius: 50px!important; }
.tyweb_nav_focus { float: right; height: 29px; position: relative; width: 98px; margin-top: 5.5px; cursor: pointer; z-index: 40; }
.tyweb_nav_focus span { display: block; width: 98px; height: 29px; position: absolute; top: 0; left: 0; }
.tyweb_nav_focus:hover .flex-footera { display: block; }
.tyweb_nav_focus .flex-footera { left: -20px; text-align: center; padding-top: 15px; width: 102px; height: 132px; border: 1px solid #FF5353; background: #fff; padding: 15px; position: absolute; top: 40px; display: none; }
.tyweb_nav_focus .flex-footera p { height: 15px; line-height: 15px; text-align: center; font-size: 12px; color: #333; font-family: Verdana, Geneva, sans-serif; overflow: hidden; margin: 0; }
.tyweb_nav_focus .flex-footera img { width: 90px; height: 90px; margin: 10px auto; }
.tyweb_nav2_ss { display: flex; align-items: center; }
.tyweb_nav2_ssk { position: relative; box-sizing: border-box; width: 509px; display: flex; left: 20%; height: 36px; }
.tyweb_nav2_ssk form { width: 312px; border: 1px solid #eee; }
.tyweb_nav2_ssk input { height: 36px; }
.tyweb_nav2_ssk button { background: transparent; border: none; padding: 0 29px; cursor: pointer }
.tyweb_nav2_an { }
.tyweb_nav2_an a { width: 128px; height: 36px; line-height: 36px; font-size: 15px; margin-left: 10px; display: block; float: left; border-radius: 3px; cursor: pointer; text-align: center; background-color: #333333; color: #fff!important; }
.tyweb_nav2_an img { max-width: none; position: absolute; right: 30px; bottom: 0; width: 50px; }
.tyweb-navs i { font-weight: normal; font-size: 18px!important; display: inline-block; transform: translateY(2px); }
.tyweb_nav2_ssk button { background: linear-gradient(90deg, #006eff, #13adff)!important; color: #fff; }
.nav_2 .nav>ul>li:hover .sub-menu { margin-top: 46px!important; }
.nav_2 .nav>ul>li { line-height: 46px!important; }

@media (max-width: 800px) {
.navBar_03 { background: #fff!important; margin-bottom: 0!important; }
.navBar_03 .nav>ul>li>a, .navBar_03 .header-info a { color: #262626!important; }
.header-info em { background: #262626!important; }
}
.navBar_03 { background-color: #fff; top: 0; left: 0; z-index: 15; box-shadow: 0 0 30px rgba(0,0,0,0.07); }
.tyweb-text-center { text-align: center!important; }
.navBar_03 .nav>ul>.current-menu-item>a::after { content: ''; display: block; width: 100%; left: 0; right: 0; height: 2px; position: absolute; bottom: -9px; z-index: 10; border-radius: 8px; background-color: #590F0B; background-image: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1)); background-image: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1)); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1)); -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(253, 235, 16, 0.3); color: #fff; }
.header_3_nav { display: inline-block; width: 100%; }

.header_4_nav { display: inline-block; width: 100%; }
.tyweb_header_nav { padding: 0 30px; }
/*导航弹窗搜索*/
#header-search .tyweb-tan { width: 600px; border-radius: 12px; }
.tyweb-tan h3 { margin-bottom: 15px; }
.header-btn-search { margin-top: 20px; text-align: center; }
.header-btn-search-s { background-color: #590F0B; border-radius: 4px; color: #fff !important; display: inline-block; font-size: 15px; padding: 6px 19px; box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); }
/*导航弹窗搜索*/

/*
 * ------------------------------------------------------------------------------
 * 首页弹窗样式
 * ------------------------------------------------------------------------------
 */
#home-modal .tyweb-tan { width: 600px; border-radius: 12px; }
.home-modal { background: transparent; max-width: 600px!important; }
.home-modal-bg { max-height: 160px; }
.home-modal-main { background: #fff; margin: 80px auto 0 auto; width: 80%; border-radius: 12px; min-height: 200px; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1); }
.home-modal-bottom { }
.home-modal-bottom ul { list-style: none; padding: 0; }
.home-modal-bottom ul li { height: 20px; margin: 0 auto; border-radius: 4px; margin-top: -15px; transition: all .2s; }
.home-modal-bottom ul li:nth-child(1) { width: 95%; background: rgba(255, 255, 255, 0.4); }
.home-modal-bottom ul li:nth-child(2) { width: 90%; background: rgba(255, 255, 255, 0.2); }
.home-modal-btn { background: var(--primary-color); color: #fff; padding: 6px 30px; -webkit-box-shadow: 0px 7px 12px -8px var(--primary-color); box-shadow: 0px 7px 12px -8px var(--primary-color); transition: all .3s; }
.home-modal-btn:hover { transform: translateY(-2px); }
.home-modal-close { cursor: pointer; background: #f6f6f6; color: #999; box-shadow: none; }
.tyweb-tanchuang-gg p { font-size: 0.875rem; line-height: 1.5; }
.tyweb-tanchuang-gg-an { padding: 6px 39px!important; }
/*
* ----------------------------------------------------------------------------
* 首页幻灯片模块
* ----------------------------------------------------------------------------
*/

.l_slide { height: 360px; width: 1070px; padding-right: 30px; }
.s_slide { width: 370px; height: 165px; margin-bottom: 30px; box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2); -webkit-box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2); }
.s_slide span { color: #fff; font-size: 14px; padding: 10px; }
.s_slide .tyweb-overlay-primary { background: rgba(34, 34, 34, 0.3)!important }
/*
* ----------------------------------------------------------------------------
* 首页slide幻灯模块2
* ----------------------------------------------------------------------------
*/
.tyweb_slide2 { padding: 20px; }
@media (min-width: 1200px) {
.tyweb_slide2 { padding: 30px; }
}
.slide { }
.slide .slide-ul { min-height: auto!important; box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2); -webkit-box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2); }
.slide .slide-item { }
.slide .slide-item img { width: 100%!important }
.section-title { color: #3c3c3c; }
.section-title .more { padding: 2px 2px 2px 6px; }
.section-more { }
.section-more .btn { padding: 12px 50px; }
/*
* ----------------------------------------------------------------------------
* 首页幻灯样式4
* ----------------------------------------------------------------------------
*/
.tyweb-slide-4-banner-top { overflow: hidden; width: 146%; left: -20%; height: 432px; position: absolute; top: 0; /* z-index: -1; */
content: ''; border-radius: 0 0 70% 70%; }
.slide_04 { margin: 0 auto; padding-top: 30px; z-index: 9; width: 100%; height: 422px; position: relative; }
.slide_04 img { width: 100%; }
.slide_04 .search { padding: 0 15px; top: 42%; }
.slide_04 .slide_text { color: rgba(255, 255, 255, 0.9); text-align: center; margin-bottom: 40px; font-size: 36px; font-weight: bold; }
.tyweb-flex-middle { align-items: center; }
.slide_04_search { display: flex; }
.tyweb_slide04_top_btn { width: 118px; height: 48px; line-height: 48px; border-radius: 50px; text-align: center; display: inline-block; border: 3px solid rgba(255, 255, 255, 0.3); }
.tyweb_slide04_top_btn a { width: 100%; height: 100%; display: block; font-size: 16px; font-weight: bold; background: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1)); color: #fff; border-radius: 50PX; }
.slide_04 .search input { padding-left: 15px; width: 500px; height: 49px; border: 1px solid rgba(255, 255, 255, 0.2); background: rgb(255, 255, 255); border-radius: 50px 0px 0px 50px; color: #FFF; font-size: 15px; -webkit-text-fill-color: #ADADAD; }
.slide_04 form { border-radius: 50px; border: 3px solid rgba(255, 255, 255, 0.3); }
.slide_04 .search button { background: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1)); height: 49px; color: #FFFFFF; padding: 0 20px; font-size: 16px; font-weight: bold; letter-spacing: 3px; transition: all .3s; border-radius: 0px 50px 50px 0px; }
.tyweb_slide04_top_or { display: inline-block; padding: 0 20px; font-size: 20px; color: #FFFFFF; font-weight: bold; height: 48px; line-height: 48px; }
.search button { background: transparent; border: 0; cursor: pointer; }
.slide_04 .search button i { color: #fff; margin-right: 3px; }
.slide_04 .search_tags { margin-top: 30px; }
@media only screen and (max-width: 900px) {
.slide_04 .search_tags { margin-top: 20px; margin-bottom: 20px; }
}
.slide_04 .search_tags i { margin-right: 4px; }
.slide_04 .search_tags a { padding: 0 10px; }
.tyweb-slide-4-control-box { width: 1440px; height: 180px; margin-left: auto; margin-right: auto; margin-top: -100px; }
.tyweb-slide-4-control-box ul { list-style: none; position: relative; }
.tyweb-slide-4-control-box ul li { position: absolute; top: 50px; cursor: pointer; }
.tyweb-slide-4-control-box ul li i { font-size: 40px; }
.tyweb-slide-4-prev { margin-left: -10px; height: 60px; background-repeat: no-repeat; width: 60px; position: absolute; top: 38%; z-index: 9; cursor: pointer; font-size: 28px; color: #FFFFFF; background-color: #ffd1d133; border-radius: 30px; text-align: center; line-height: 60px; background: rgba(250, 26, 63, 0.13); box-shadow: 0 0 black; }
.tyweb-slide-4-next { margin-right: -6px; height: 60px; right: 0px; width: 60px; z-index: 9; font-size: 28px; border-radius: 30px; text-align: center; line-height: 60px; color: #FFFFFF; background: rgba(250, 26, 63, 0.13); }
.tyweb-slide-4-bigbox { overflow: hidden; width: 1293px; height: 144px; margin: auto 70px auto; padding-top: 6px; z-index: 10; position: absolute !important; }
#tyweb-slide-4-switcher { height: 144px; left: 0px; }
.tyweb_slide_4_content_1.tyweb_slide_4_content_2 { width: 100%; float: left; }
.tyweb_slide_4_box { transition: all .7s ease 0s; width: 235px!important; height: 144px!important; float: left; margin: 0 12px; border-radius: 8px; }
.tyweb_slide_4_box a { width: 235px!important; height: 144px!important; position: absolute; }
.tyweb_slide_4_box:hover { opacity: 0.8; }
.tyweb_slide_4_item { transition: all .3s; }
.tyweb_slide_4_item:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05); box-shadow: 0 0 10px rgba(0, 0, 0, .05); -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); }
/*
* ----------------------------------------------------------------------------
* 首页slide幻灯模块5
* ----------------------------------------------------------------------------
*/
.slide_05 { margin-top: 0px; }
.slide_05 .slide-ul { min-height: auto!important; box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2); -webkit-box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2); }
.slide_05 .slide-item { }
.section-title { color: #3c3c3c; }
.section-title .more { padding: 2px 2px 2px 6px; }
.section-more { }
.section-more .btn { padding: 12px 50px; }
/*
* ----------------------------------------------------------------------------
* 首页slide幻灯片模块6
* ----------------------------------------------------------------------------
*/
.slide_6_search { height: 68px; width: 1200px; position: relative; z-index: 12; margin: 0 auto; margin-top: -100px; z-index: 1; top: -120px; }
.slide_6_search .searchbox { width: 1010px; margin: 0 auto; background: rgba(255,255,255,0.5); height: 48px; border-radius: 5px; padding: 10px; }
.slide_6_search .searchbox .search_input { width: 865px; height: 48px; background: #fff; border-radius: 3px; position: relative; left: 0; top: 0; }
.slide_6_search .searchbox input.text { width: 469px; height: 48px; position: absolute; /*left: 100px;*/
padding: 0 10px; color: #999898; font-size: 14px; }
.slide_6_search .searchbox input, .slide_6_search .searchbox button { border: 0; outline: none; background: none; filter: chroma(color=#000000); }
.slide_6_search .searchbox .tag { position: absolute; right: 123px; top: 0; padding: 12px 10px; }
.slide_6_search .searchbox .tag a { display: inline; padding: 3px 8px; border-radius: 10px; background: #EFEFEF; float: left; margin: 0 5px; height: 18px; line-height: 18px; color: #A0A0A0; font-size: 12px; }
.slide_6_search .searchbox .tag a:hover { background: #ff0200; color: #fff; }
.slide_6_search .searchbox .submit { display: block; width: 123px; height: 48px; background: #4E464E; position: absolute; right: 0; top: 0; border-radius: 0 3px 3px 0; line-height: 48px; text-align: center; color: #fff; font-size: 20px; cursor: pointer; }
.slide_6_search .searchbox .submit:hover { background: #EB2C17; color: #fff; }
.slide_6_search .searchbox .submit_s { right: -138px; display: block; width: 123px; height: 48px; background: #fe4d3f; position: absolute; top: 0; border-radius: 3px; line-height: 48px; text-align: center; color: #fff; font-size: 20px; cursor: pointer; }
.slide_6_search .searchbox .submit_s:hover { background: #EB2C17; color: #fff; }
/**/
.slide_6_ss { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 30px; margin-left: -20px; }
.slide_6_mk { }
.slide_6_jb { position: relative; border-radius: 10px; margin-top: -100px; margin-bottom: 30px!important; }
.slide_6_n { display: flex; margin: 0 auto; padding-top: 15px; height: 54px; color: #fff; font-size: 14px; justify-content: space-between; }
.slide_6_n .slide_6_s { position: relative; display: inline-block; padding: 0 40px; height: 40px; border-radius: 73px; background: none; vertical-align: middle; text-align: center; line-height: 40px; }
.slide_6_n .slide_6_s ul { float: left; margin: 0 auto; }
.slide_6_n .slide_6_s li { float: left; margin-right: 40px; }
.slide_6_n .slide_6_s li .first { color: #2879f7; }
.slide_6_n .slide_6_s li a { float: left; color: #606075; font-weight: 600; font-size: 14px; }
.slide_6_n .slide_6_y { font-weight: 600; position: relative; display: inline-block; padding: 0 40px; height: 40px; background: none; vertical-align: middle; text-align: center; line-height: 40px; }
.slide_6_n .slide_6_y a { margin-left: 40px; color: #ffb100; }
.slide_6_d { padding-left: 20px; flex: 0 0 25%; box-sizing: border-box; width: 100%; max-width: 100%; }
.slide_6_d .mini-stats { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125);  border-radius: .5rem;
border: none; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); overflow: hidden; }
.mini-stats .mini-stats-content { padding: 1rem!important; }
.slide_6_d_mb4, .my-4 { margin-bottom: 1.5rem!important; }
.slide_6_d_right { text-align: right!important; color: rgba(255,255,255,.5)!important; }
.slide_6_d_right span {
 margin-top: .5rem!important; background-color: #f8f9fa;  margin-bottom: .5rem!important;
color: #1699dd !important; display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline;  border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.slide_6_d_right p { color: #fff; }
.slide_6_d_m { margin-left: 1rem!important; margin-right: 1rem!important; }
.slide_6_d_m .mini-stats-desc { display: inline-block; position: relative; bottom: 22px; height: 100%; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); background-color: #ffffff !important; padding: 1rem!important;  border-radius: .25rem!important;
display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.slide_6_d_m .mini-stats-desc li { float: left; flex: 0 0 33.33333%; box-sizing: border-box; width: 100%; max-width: 100%; }
.slide_6_d_m .mini-stats-desc a { display: block; /*width: 58px;*/
height: 60px; padding: 12px 15px 15px 15px; }
.slide_6_d_m .mini-stats-desc a:hover { color: var(--primary-color)!important; }
.slide_6_d_m .mini-stats-desc a img { display: block; width: 58px; height: 45px; margin: 0 auto 5px; }
.slide_6_d_m .mini-stats-desc p { display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; color: #666; text-align: center; }
/*链接模块*/
.slide_6_link { padding: 20px 30px; }
.slide_6_link ul { margin-left: -30px; }
.slide_6_link ul li { padding-left: 30px; margin-bottom: 10px; float: left; }
.slide_6_link ul li a { font-size: 13px; display: flex; line-height: 28px; border: 1px solid #e8e8e8; padding: 0px 28px; color: #616161; text-align: center; justify-content: space-around; border-radius: 4px; }
/**/
.slide_6_tjmk { background: #eaeaea; height: 50px; border-radius: 0 0 10px 10px; }
.slide_6_tjmk .slide_6_tj { height: 20px; line-height: 20px; text-align: center; padding: 15px 0 12px; }
.slide_6_tjmk .slide_6_tj li { display: inline-block; line-height: 20px; height: 20px; padding-left: 20px; position: relative; color: #9396A6; padding-right: 20px; font-size: 13px; }

.fastnav { }
.fastnav-item { padding: 0 35px; }
.fastnav-item:hover .item-i { color: var(--primary-color); }
.fastnav-item i { font-size: 60px; transition: all .3s; }
.fastnav-item h3 { font-size: 18px; margin-bottom: 2px }
.fastnav-item h3 .go { padding: 1px 2px 1px 5px; -webkit-border-radius: 14px; border-radius: 14px; color: #fff; font-weight: 400; font-size: 12px; text-transform: uppercase; vertical-align: top; }
.fastnav-item h3 .go i { font-size: 12px; }

.fastlink { margin-top: 20px!important; margin-bottom: 20px; padding-bottom: inherit!important; }
.fastlink-item { }
.fastlink-title { font-size: 15px; padding-bottom: 10px; }
.fastlink-title i { color: var(--primary-color); margin-right: 3px; font-weight: normal; }
.fastlink-title span { font-weight: normal; letter-spacing: 0; font-size: 12px; }
.fastlink-list { list-style: none; border-left: 1px solid var(--border-color); margin: 13px 0 0; }
.fastlink-list li { position: relative; }
.fastlink-list li a { display: block; font-size: 13px; color: #999; padding: 6px 12px; }
.fastlink-list li::after { content: ''; width: 5px; height: 5px; background: #fff; border: 1px solid #aac0ff; position: absolute; left: -4px; top: 7px; border-radius: 50%; margin: 7px 0; z-index: 90; transition: all .3s; }
.fastlink-list li a:hover { color: var(--primary-color); }
.tags-item { margin: 10px 0; }
.tags-item a { display: inline-block; font-size: 12px; color: #aaa; background: #f6f6f6; padding: 4px 10px; border-radius: 3px; margin: 3px; }
.tags-item a:hover { background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); color: #fff; }
/*.tags-item a:nth-child(3) {
	background-color: #590F0B;
	background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
	background-image: -webkit-linear-gradient(left, #006eff, #13adff);
	background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
	background-image: linear-gradient(90deg, #006eff, #13adff);
	-webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
	box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
	color: #fff!important
}*/

.fastlink-img { margin-top: 15px; max-height: 91px; overflow: hidden }
.fastlink-img .cover { padding: 8px 10px; font-size: 12px; }
.fastlink-img a img { border-radius: 4px; }
.fastlink-icons { position: relative; overflow: hidden; }
.fastlink-icons a { background: #fff0; padding: 10px 10px; }
.fastlink-icons .fastlink-icons-d { padding-left: 0; margin: 0; float: left; box-sizing: border-box; width: 25%; text-align: center; font-size: 9pt; }
.fastlink-icons i { display: inline-block; margin-bottom: 5px; width: 50px; height: 50px; border-radius: 100%; background: #e8fbff; color: #448aff; text-align: center; font-size: 40px; line-height: 50px; font-weight: 300; }
.fastlink-icons span { display: block; height: 16px; line-height: 16px; overflow: hidden; }
/*
* 面包屑导航
* ----------------------------------------------------------------------------
* */
.crumb { color: #bdbdbd; }
.crumb { line-height: 48px; }
.crumb a { color: #666; }
.crumb i { font-size: 13px }
/*
* ----------------------------------------------------------------------------
* 卡片布局
* ----------------------------------------------------------------------------
*/

.card { }
.card-item { transition: all .3s; }
.card-item .cover { height: 100%; }
.card-item .cover img { height: 100%; }
.card-item .title { padding: 15px 15px 0px 15px; max-width: 100%; letter-spacing: 0.5px; font-size: 15px; transition: all .3s; min-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; text-align: center; }
.item-foot { color: #bdbdbd; }
.item-foot a { color: #bdbdbd; }
.card-item:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15); box-shadow: 0 0 20px rgba(0, 0, 0, .15); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.item-foot .cat a { color: #fff; background:#590F0B; padding: 3px 6px; border-radius: 2px; font-size: 12px; display: inline-block; }
.item-foot .cat a:hover { background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#590F0B), to(#13adff)); background-image: -webkit-linear-gradient(left, #590F0B, #DC982B); background-image: -o-linear-gradient(left, #590F0B 0, #DC982B 100%); background-image: linear-gradient(90deg, #590F0B, #DC982B); color: #fff!important }
.tyweb-card-foot { padding: 10px 15px 10px 15px; }
.tyweb-home-card-top { margin-top: 30px; }
/*
* ----------------------------------------------------------------------------
* 列表子分类
* ----------------------------------------------------------------------------
*/
.sub-nav { }
.sub-nav li { margin-left: 10px; color: #999; cursor: pointer; display: inline-block; letter-spacing: 1px; line-height: 22px; outline: none; padding: 0 5px; text-align: center; border-radius: 5px; font-weight: 400; background: #fff; border: 1px solid #eee; font-size: 13px; }
.sub-nav li a { color: #999; padding: 3px 8px; display: inline-block; border-radius: 4px }
.sub-nav li a:hover { color: var(--primary-color) }
.tyweb-category-shaixuan { margin: 0 15px 0 0; color: #666; }
/*文章置顶*/
.tyweb-tops { transform: translateY(6%); display: inline-block; margin-right: 3px; }
/*文章置顶*/
/*分类文章列表*/
.tyweb_freepath_subtitle { font-size: 12px; color: #999; background: #fff; /* margin: 12px 0 0 0; */
padding: 15px 15px 10px 15px; /* padding-bottom: 20px; */
height: 12px; line-height: 12px; border-bottom: 1px solid #f4f4f4; }
.tyweb_freepath_subtitle .clear { border-bottom: 1px solid #eee; margin-top: 30px; }
.tyweb_freepath_zhujiang a { float: left; color: #999; }
.tyweb_freepath_keshi { float: right; color: #999; }
.tyweb_freepath_keshi a { color: #999; margin-right: -4px; font-size: 16px; transform: translateY(-10%); display: inline-block; }
.tyweb_freepath_keshi i { font-size: 20px; }
.tyweb_freepath_description { word-break: break-word; font-size: 12px; line-height: 20px; margin: 15px 0 0 0; overflow: hidden; color: #555; height: 0px; transition: all 0.3s; opacity: 0; /* display: none; */
    /* visibility: hidden; */
position: absolute; }
.card-item222:hover .tyweb_freepath_description { height: 60px; opacity: 1; }
.tyweb_freepath_descriptionins { height: 40px; overflow: hidden; padding: 0 15px; color: #bdbdbd; }
.tyweb_freepath_descriptionins p { margin: 0; }
/*.card-item .title{
    /* margin-bottom:-60px; */
/*    padding: 10px 15px 0px 15px;
    max-width: 100%;
        letter-spacing: 0.5px;
}
/*.card-item:hover .post-list-meta-box {
    transform: translate(0,-31px);
    transition: all .2s ease-out;
    opacity: 1;
    visibility: visible;
}
.card-item li span,.post-meta li span {
    height: 19px;
    display: inline-block;
    line-height: 19px;
    padding: 0 5px;
    border-radius: 3px;
}
.card-title-desc{
    position: absolute;
}
.card-foot{
    margin-top: 90px;
}*/
/*
* ----------------------------------------------------------------------------
* 首页排行榜
* ----------------------------------------------------------------------------
*/
.tyweb-rank-link-a a:hover { color: var(--primary-color) }
.rank { }
.rank-menu { background-color: #feae18; width: 305px; background-image: url(../images/rank-bg.png); background-repeat: no-repeat; background-position: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.rank-menu li { border-radius: 4px 0 0 4px; text-align: left; }
.rank-menu li a { display: block; font-size: 16px; padding: 20px 25px; color: #fff; }
.rank-menu .tyweb-active { background: #fff; }
.rank-menu .tyweb-active a { color: #feae18; }
.rank-item { border-bottom: 1px dashed #f6f6f6; }
.rank-item:last-child { border: 0; }
.rank-item:hover { background: #f8fbff; }
.rank-item a { color: #a5a8b1; }
.rank-item-cover { width: 120px; height: 80px; }
.rank-item-title { width: 320px; }
.rank-item-title a { color: #262626; }
.rank-item-cat { width: 180px; color: #a5a8b1 }
.rank-item-count { }
.rank-item-author { width: 120px; }
.rank-item-author, .rank-item-title, .rank-item-cat, .rank-item-count { margin-top: 15px; }
.rank-tese .tyweb-tese-remen, .rank-tese .tyweb-tese-dujia, .rank-tese .tyweb-tese-zuixin, .rank-tese .tyweb-tese-tuijian, .rank-tese .tyweb-tese-jingpin { transform: initial; }
/*
* ----------------------------------------------------------------------------
* 首页专辑列表
* ----------------------------------------------------------------------------
*/

.topic { }
.topic-item { padding: 30px; }
.topic-item h3 { font-size: 17px; }
.topic-item ul { }
.topic-item ul li { margin-top: 0!important; }
.topic-item ul li a { color: #7c808a; padding: 10px 0; }
.topic-item ul li a:hover { color: var(--primary-color); padding-left: 3px; }
.topic-item .info { color: #bdbdbd; }
.topic-item .info a { color: #bdbdbd; }
.topic-item .topic-item-cover { height: 260px; max-width: 200px; }
.topic-item .topic-item-cover img { height: 100%; max-width: none; }
.tyweb-home-catshow-top { margin-top: 30px; }
.tyweb-catshow-top { transform: translateY(-50px); }
/*
* ----------------------------------------------------------------------------
* 首页博客列表样式
* ----------------------------------------------------------------------------
*/
.blog { }
.blog-item { margin-bottom: 30px; transition: all .3s; }
.blog-item:hover { transform: translateY(-3px); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.blog-item .cover { height: 170px; }
.blog-item .cover img { height: 100%; min-width: 100%; max-width: none; }
.blog-item-content { padding: 0 15px; }
.blog-item-content h3 { line-height: 0; margin-bottom: 10px; }
.blog-item-content h3 a { font-size: 18px; }
.blog-item-content p { color: #bdbdbd; margin: 11px 0; }
.blog-item-content .cat a { margin-right: 5px; font-family: arial; }
.side-item { }
.side-item .cover { height: 180px; width: 245px }
.tyweb-blog-items { min-height: 100px; }
/*文本列表*/
.tyweb-category-article { }
.item-foot a:hover { color: var(--primary-color); }
.tyweb-article-items { min-height: 69px; }
.tyweb-caetegory-article a { margin-left: 10px; }
/*文本列表*/
/*
* ------------------------------------------------------------------------------
* 分类页面
* ------------------------------------------------------------------------------
*/
.tyweb-cat-vip-Btn { display: inline-block; border-radius: 50px; height: 24px; font-size: 12px; color: #ffffff; position: relative; padding-left: 40px; padding-right: 16px; line-height: 24px; overflow: hidden; background-image: linear-gradient(to right, #ff2837, #fdd621); margin-right: 7px; }
.tyweb-cat-vip-Btn i { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; left: 15px; top: 2px; overflow: hidden; background: #ff8100; color: #fff; font-size: 14px; }
@media screen and (max-width: 800px) {
.tyweb-cat-vip-Btn { display: none; }
}
.tyweb-container .tyweb-cat-vip-Btn:hover { color: #ff0000; }
.cat-bg { height: 220px; background: url(../images/tyweb-bg.png) center top no-repeat; background-size: 100%; }
.cat-bg img { -webkit-filter: unset; filter: unset; }
.cat-bg h3 { color: #fff; font-size: 28px; letter-spacing: 1px; }
.cat-bg .tyweb-overlay-primary { background: rgba(34, 34, 34, 0); }


/*
* ------------------------------------------------------------------------------
* 分类页面子分类列表
* ------------------------------------------------------------------------------
*/
@media screen and (max-width: 1400px) {
.tyweb-cat-category img { height: 260px !important; }
}
.list-nav { padding: 10px 0; }
.list-nav ul { list-style: none;/*white-space:nowrap;
    overflow-x: scroll;*/
}
@media screen and (max-width: 1400px) {
.list-nav ul { list-style: none; white-space: nowrap; overflow-x: auto !important; }
 .list-nav ul::-webkit-scrollbar {
 display: none;
}
.tyweb-catnav-ck { list-style: none; white-space: nowrap; overflow-x: auto !important; }
 .tyweb-catnav-ck::-webkit-scrollbar {
 display: none;
}
.tyweb-fl-icon { text-align: center; display: inline-block; width: 500px; }
}
.cat-item-dt { display: inline-block!important; color: #333!important; font-size: 14px!important; font-weight: 400!important; position: initial!important; top: auto!important; }
.list-nav ul li { display: inline-block; color: #999; }
.list-nav ul li a { display: inline-block; padding: 3px 8px; margin: 2px 6px; color: #999; font-size: 14px }
.list-nav ul li a:hover { color: #1e87f0; }
.list-nav .current-cat { }
.list-nav .current-cat a { position: relative; color: #333 }
.list-nav .current-cat a { z-index: 10; color: var(--primary-color); background: #f0f6ff; display: inline-block; padding: 3px 8px; border-radius: 4px; }
/*高级筛选*/

.tyweb_filter_item span { color: #333; font-size: 14px; font-weight: 400; }
.tyweb_filter_item i { margin-right: 2px; font-size: 20px; display: inline-block; transform: translateY(2px); }
.tyweb_filter_item .tyweb_filter_whole a.on { z-index: 10; color: var(--primary-color); background: #f0f6ff; display: inline-block; padding: 3px 8px; border-radius: 4px; }
.tyweb_filter_item .tyweb_filter_whole a { margin-left: 11px; }
.tyweb_filter_item a.on { z-index: 10; color: var(--primary-color); background: #f0f6ff; display: inline-block; padding: 1px 8px; border-radius: 4px; position: relative; }
.tyweb_filter_item>.on { color: #1890ff }
.tyweb_filter_item { margin-top: 10px }
@media screen and (max-width: 800px) {
.tyweb_filter_item span { display: inline-block; }
.tyweb_filter_item a { margin-right: 5px; line-height: 20px; font-size: 13px; padding: 0 5px; }
.tyweb_filter_item { margin-top: 0px; }
}
/*高级筛选*/
/*
* ----------------------------------------------------------------------------
* 分类菜单样式
* ----------------------------------------------------------------------------
*/
.tyweb-catnav-wz { z-index: 1; position: relative; }
.tyweb-catnav-wz .crumb { position: absolute; font-size: 0.875rem; color: #fff; }
.tyweb-catnav-wz .crumb a { color: #fff; }
.tyweb-catnav-ck { line-height: 1.8!important; }
/*样式1*/
.tyweb-catnav-1 { position: relative; margin-bottom: 30px; }
.tyweb-catnav-1s { padding: 0 20px; }
.tyweb-catnav-1 .content_cctr input { background: #f3f3f3; }
.tyweb-catnav-ss dt { top: 85px!important; }
/*样式2*/
.tyweb-catnav-2 { box-shadow: 0px 4px 10px rgba(20,20,20,0.1); border-radius: 6px; position: relative; margin-bottom: 30px; }
.tyweb-catnav-2 ul { padding: 0 20px; margin-top: 0; }
.tyweb-catnav-2s { padding: 0 20px; }
.tyweb-catnav-2 .content_cctr input { background: #f3f3f3; }
/*样式3*/

.tyweb-catnav-3 { box-shadow: 0px 4px 10px rgba(20,20,20,0.1); border-radius: 6px; position: relative; margin-bottom: 30px; }
.tyweb-catnav-3 ul { padding: 0 20px; margin-top: 0; }
.tyweb-catnav-3s { padding: 0 20px; }
.tyweb-catnav-3 .content_cctr input { background: #f3f3f3; }
.tyweb-htt { border-top: 1px solid #f1f1f1; margin: 10px 20px 10px 20px; }
/*样式4*/
.tyweb_sidebar_web { position: relative; top: 0; width: 100%; height: 93%; overflow: hidden; right: 0; }
.tyweb_sidebar_web .content_ccmrt { display: block; height: 121px; width: 100%; text-align: center; padding-top: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; }
.tyweb_sidebar_web .content_ccmrt h2 { font-size: 22px; color: #ffd6ac; margin-bottom: 16px; }
.tyweb_sidebar_web .content_ccmrt button { width: 152px; height: 33px; background: #ffd6ac; border-radius: 50px; cursor: pointer; }
.tyweb_sidebar_web .content_ccmrt a { font-size: 15px; color: #a3380f; }
.tyweb_sidebar_web .content_ccmrm { text-align: center; padding-top: 18px; }
.tyweb_sidebar_web .content_ccmrm p:first-child { font-size: 18px; font-weight: bold; color: #262626; }
.tyweb_sidebar_web .content_ccmrm p:first-child:before, .tyweb_sidebar_web .content_ccmrm p:first-child:after { content: ''; display: inline-block; width: 30px; height: 1px; background-color: #aaaaaa; vertical-align: middle; margin: 0 10px; }
.tyweb_sidebar_web .content_ccmrm p:first-child + p { font-size: 12px; color: #aaaaaa; margin: 4px 0 10px; }
.tyweb-web-nav { border: 1px solid #fff; display: inline-block; height: 30px; border-radius: 4px; text-align: center; line-height: 30px; width: 98px; margin-left: 5px; color: #fff!important; position: absolute; top: -160px; right: 0; }
.cate-hot-content { padding: 0 30px; }
.cate-hot-content li { display: flex; align-items: center; margin-top: 15px; }
.cate-hot-content li a { display: inline-block; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #777; }
.cate-hot-content li a span { color: #909399; font-size: 13px; margin-left: 20px; }
/*分类搜索*/
.tyweb-flss dt { color: #333; font-size: 14px; display: block; position: absolute; top: 76px; font-weight: 400; }
.tyweb-flss dt i { margin-right: 2px; font-size: 20px; display: inline-block; transform: translateY(2px); }
.content_cctr { height: 28px; position: absolute; margin-top: 0; margin: 0 0 0 106px; color: #bfbfbf; border-radius: 4px 4px 4px 4px; border: solid 0px #f4faff; line-height: 28px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline; transform: translateY(-52%); }
.content_cctr i { width: 52px; height: 100%; font-size: 13px; text-align: center; }
.content_cctr input { width: 166px; height: 100%; font-size: 12px; padding: 0 16px; color: #bfbfbf; border: solid 0px #f4faff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content_cctr a { display: inline-block; width: 52px; height: 100%; background-image: linear-gradient(90deg, #006eff, #13adff); color: #fff; font-weight: bold; text-align: center; font-size: 18px; -webkit-transition: all 0.2s; transition: all 0.2s; }
.content_cctr a:hover { opacity: 0.9; }
/*
* ----------------------------------------------------------------------------
* 分页样式
* ----------------------------------------------------------------------------
*/
.tyweb-margin-small-top-s { margin-top: 0px!important; }
.fenye { }
.prev, .next { }
.tyweb-page-img img { width: 100% !important; }
.fenye .page-numbers { background: #fff; display: inline-block; padding: 7px 15px; border-radius: 4px; margin: 0 3px; color: #666; border: 1px solid var(--border-color); margin-bottom: 6px; }
.fenye .current { background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); color: #fff; border: none; transition: all .3s }
.fenye .current:hover { border: none!important; -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3)!important; box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3)!important; }
.fenye .page-numbers:hover { border: 1px solid var(--border-color); transform: translateY(-3px); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05); box-shadow: 0 0 10px rgba(0, 0, 0, .05) }
/*
* ----------------------------------------------------------------------------
* 分类切换模块
* ----------------------------------------------------------------------------
* */
.tyweb-cat-switcher { text-align: center; }
.tyweb-cat-switcher h5 { font-size: 26px; color: #333; height: 32px; line-height: 32px; font-weight: 500; margin: 20px 0 0 0; padding: 0 80px; position: relative; display: inline-block; }
.tyweb-cat-switcher h5:before { content: ''; width: 61px; height: 10px; position: absolute; top: 10px; left: 0; background: url(../images/tyweb_hdicon3.png) center no-repeat; }
.tyweb-cat-switcher h5:after { content: ''; width: 61px; height: 10px; position: absolute; top: 10px; right: 0; background: url(../images/tyweb_hdicon4.png) center no-repeat; }
.tyweb-cat-switcher em { display: block; border-bottom: 1px solid var(--primary-color); width: 50px; margin: 20px auto; }
.tyweb-cat-switcher-z { margin: 5px 10px !important; }
.tyweb-cat-switcher-z h3 { font-size: 18px; line-height: 1.4; }
.cat-switcher { }
.cat-switcher h3 { color: #999; cursor: pointer; display: inline-block; letter-spacing: 1px; line-height: 32px; outline: none; padding: 0 13px; text-align: center; border-radius: 5px; font-weight: 400; background: #fff; border: 1px solid #eee; font-size: 15px; }
.cat-switcher h3:hover { color: var(--primary-color) }
.cat-switcher li { cursor: pointer; }
.cat-switcher .tyweb-active h3 { cursor: pointer; display: inline-block; letter-spacing: 1px; line-height: 32px; outline: none; padding: 0 13px; text-align: center; border-radius: 5px; font-weight: 400; background: #fff; color: var(--primary-color); border: 1px solid #eee; font-size: 15px; }
.cat-switcher .tyweb-active h3 a { color: var(--primary-color); ; }
.cat-switcher .tyweb-active h3::after { }
.cat-switcher { }
/*
* ----------------------------------------------------------------------------
* 文章页
* ----------------------------------------------------------------------------
* */

.single { }
.single-warp { padding: 30px; }
.single-main { width: 920px; }
.single-head { }
.single-head span a { color: #999; }
.single-head span a:hover { color: var(--primary-color); }
.single-nav { }
.single-nav li { }
.single-nav li span { padding-bottom: 15px; display: block; font-size: 16px; color: #333; }
.single-nav li span:hover { color: var(--primary-color); }
.single-nav li a { display: block; font-size: 16px; color: #333; }
.single-nav li a:hover { color: var(--primary-color); }
.single-nav .current { border-bottom: 3px solid var(--primary-color); }
.single-foot { }
.single-foot a { color: #fff; font-size: 14px; margin: 0 10px }
.single-foot a:hover { color: #fff }
.single-foot .btn { padding: 10px 25px; border-radius: 50px; line-height: 20px; }
.single-foot i { transform: translateY(1px); display: inline-block; margin-left: 1px; }
.share { }
.share .btn { color: #333 }
.single-content a { text-decoration: none; color: #666; margin: 0 2px; }
.single-content u { text-decoration: none; }
.single-content strong { font-weight: bolder; font-size: 17px; }
.single-content a:hover { color: #1e87f0; }
.single-content p { line-height: 2; }
.single-content img { display: block; height: auto; max-width: 100%; border-radius: 6px; vertical-align: middle; margin-left: auto !important; margin-right: auto !important; }
.single-content pre { background: #262626; color: #eee; border-left: 5px solid var(--primary-color); cursor: text; font-size: 13px; }
.single-content pre code { }
.single-content h1 { position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; font-size: 1.8rem !important; }
.single-content h1:after { content: ''; position: absolute; left: 0; height: 100%; width: 5px; background: var(--primary-color); box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; }
.single-content h2 { position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; font-size: 18px !important; }
.single-content h2:after { content: ''; position: absolute; left: 0; height: 100%; width: 5px; background: var(--primary-color); box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; }
.single-content h3 { position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; font-size: 18px !important; }
.single-content h3:after { content: ''; width: 6px; height: 6px; background: var(--primary-color); border-radius: 50%; display: block; position: absolute; left: 0; top: 10px; box-shadow: 3px 0px 10px -1px var(--primary-color); }
.single-content ul { list-style: none; }
.single-content ul li { }
.single-content table { border: 1px solid #eee; }
.single-content table th { color: #222; font-weight: bold; font-size: 15px!important; border-right: 1px solid #eee; }
.single-content table td { border-right: 1px solid #eee; }
.single-content ul { padding: 0 }
.single-content li { line-height: 46px; border-bottom: 1px dashed #f4f4f4; list-style: none; padding-left: 20px; position: relative }
.single-content li:after { content: ''; width: 6px; height: 6px; background: var(--primary-color); border-radius: 50%; display: block; position: absolute; left: 0; top: 20px; }
.single-card { }
.single-card a { text-decoration: none; }
.single-card .thumb { width: 125px; height: 90px; }
.single-card .thumb img { height: 100%; min-width: 100%; }
.single-card .title { margin-top: 6px; }
.single-card .des { line-height: 20px; }
.single-card .views { background: var(--primary-color); color: #fff; font-size: 13px; padding: 8px 20px; margin-top: 25px; }
.single-bottom { }
.single-bottom h3 { text-indent: 20px; font-size: 16px; }
.single-bottom h3:after { content: ''; position: absolute; width: 5px; height: 100%; top: 0; background: var(--primary-color); left: 0; box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; }
/*
* ----------------------------------------------------------------------------
* 作者页面
* ----------------------------------------------------------------------------
* */
.author { }
.author-head { height: 245px }
.author-head img { width: 100%; }
.author-head .avatar { height: 100px; width: 100px }
.author-head .avatar>img { width: 100% }
.author-head-info { padding: 5px }
.author-menu { list-style: none }
.author-menu .tyweb-active { }
.author-menu .tyweb-active a::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 4px; background: var(--primary-color); box-shadow: 0px 2px 10px -1px #2c63ff; border-radius: 3px; }
.author-menu li { margin-right: 30px; }
.author-menu li a { color: #fff; font-size: 16px; }
.tyweb-user-y li a { color: #262626; }
@media only screen and (max-width: 800px) {
.tyweb-user-apps-a a { color: #999!important; }
}
/*
* ----------------------------------------------------------------------------
* 热门标签调用模块
* ----------------------------------------------------------------------------
* */
.tyweb-foot-tags { margin-bottom: 13px; }
.hot-tag { }
.hot-tag a { color: #999; padding: 3px 8px; border-radius: 3px; display: inline-block; margin-right: 15px }
.hot-tag a:hover { background: var(--primary-color); color: #fff; }
.hot-tag .all-tag { font-size: 13px; color: #fff; }
/*
* ------------------------------------------------------------------------------
* 首页ABOUT模块
* ------------------------------------------------------------------------------
*/
.home-about { background: #2c63ff; }
.home-about-title { border-bottom: 1px solid #6f95ff }
.home-about-title em { font-style: normal }
.home-about-ewm { }
.home-about-ewm a { width: 120px; height: 120px }
.home-about-ewm a img { width: 100% }
/*
* ----------------------------------------------------------------------------
* 侧边栏
* ----------------------------------------------------------------------------
* */
.tyweb-sidebar-wenzhang { margin-top: 0px!important; }
.tyweb-padding-wenzhang-top { padding-top: 10px !important; }
.sidebar { /*	width: 360px;*/
	/*width: 340px;*/
}
.side-title { }
.side-title-style { }
.side-title-style:after { content: ''; position: absolute; width: 5px; height: 100%; background: var(--primary-color); left: -15px; box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; }
.helper { letter-spacing: .5px; padding: 20px; }
.helper p { max-width: 80%; }
.helper .btn { padding: 6px 10px; font-size: 13px; line-height: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.helper .btn i { font-size: 14px; margin-right: 5px; }
.helper .helper-thumb { position: absolute; right: 0; bottom: 0; }
.helper .btn { font-size: 13px }
.helper .tyweb-qun { margin-top: 13px; }
.side-author { background: #f4faff; }
.side-author .avatar img { border-radius: 50%; border: 5px solid #fff }
.side-author-count { }
.side-author-count ul { list-style: none }
.side-author-count ul li { }
.side-author-count ul li p { font-size: 16px; }
.side-author-count ul li span { color: #aaa; }
.side-author-count .item { border-radius: 4px; margin: 2px; padding: 10px 0; }
.side-author-count .item p { font-size: 14px; color: #666; }
.side-author-count .item span { font-size: 12px; color: #bdbdbd; display: block; }
.side-author-latest { }
.side-author-latest ul { list-style: none; margin-left: 10px; border-left: 1px solid #f4f4f4; }
.side-author-latest ul li { padding: 0 25px; }
.side-author-latest ul li:last-child { margin-bottom: 0!important }
.side-author-latest ul li a { font-size: 14px; color: #3c3c3c; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.side-author-latest ul li a:hover { color: var(--primary-color); }
.side-author-latest ul li span { font-size: 14px; color: #bdbdbd }
.side-author-latest ul li:after { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: -3px; top: 25px; background: var(--primary-color); }
.side-author-latest ul li:before { content: ''; position: absolute; width: 12px; height: 12px; border-radius: 50%; left: -6px; top: 22px; opacity: 0.3; background: var(--primary-color); }
.side-art { }
.side-art .side-art-cover { max-height: 60px; }
/*
==================================商城内页======================================
*/
.tyweb-single-tese { display: inline-block; }
/*热门*/
.tyweb-single-tese .tyweb-tese-remen { display: inline-block; background: #ffa03f; border-radius: 14px; height: 28px; font-size: 12px; color: #ffffff; position: relative; padding-left: 30px; padding-right: 10px; line-height: 28px; overflow: hidden; border: 0px solid #fff; transform: translateY(18%); }
.tyweb-single-tese .tyweb-tese-remen span { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; left: 5px; top: 4px; overflow: hidden; background: #ffffff; color: #ffa03f; font-size: 14px; }
/*独家*/
.tyweb-single-tese .tyweb-tese-dujia { display: inline-block; background: #5962f1; border-radius: 14px; height: 28px; font-size: 12px; color: #ffffff; position: relative; padding-left: 30px; padding-right: 10px; line-height: 28px; overflow: hidden; border: 0px solid #fff; transform: translateY(18%); font-weight: 400; }
.tyweb-single-tese .tyweb-tese-dujia span { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; left: 5px; top: 4px; overflow: hidden; background: #ffffff; color: #5962f1; font-size: 14px; }
/*最新*/
.tyweb-single-tese .tyweb-tese-zuixin { display: inline-block; background: #1cc751; border-radius: 14px; height: 28px; font-size: 12px; color: #ffffff; position: relative; padding-left: 30px; padding-right: 10px; line-height: 28px; overflow: hidden; border: 0px solid #fff; transform: translateY(18%); }
.tyweb-single-tese .tyweb-tese-zuixin span { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; left: 5px; top: 4px; overflow: hidden; background: #ffffff; color: #1cc751; font-size: 14px; }
/*推荐*/
.tyweb-single-tese .tyweb-tese-tuijian { display: inline-block; background: #e10dfb; border-radius: 14px; height: 28px; font-size: 12px; color: #ffffff; position: relative; padding-left: 30px; padding-right: 10px; line-height: 28px; overflow: hidden; border: 0px solid #fff; transform: translateY(18%); }
.tyweb-single-tese .tyweb-tese-tuijian span { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; left: 5px; top: 4px; overflow: hidden; background: #ffffff; color: #e10dfb; font-size: 14px; }
/*精品*/
.tyweb-single-tese .tyweb-tese-jingpin { display: inline-block; background: #ff0000; border-radius: 14px; height: 28px; font-size: 12px; color: #ffffff; position: relative; padding-left: 30px; padding-right: 10px; line-height: 28px; overflow: hidden; border: 0px solid #fff; transform: translateY(18%); }
.tyweb-single-tese .tyweb-tese-jingpin span { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; left: 5px; top: 4px; overflow: hidden; background: #ffffff; color: #ff0000; font-size: 14px; }
/*内页商标签*/
.tyweb-single-shang { transform: none; position: relative; display: inline-block; margin-right: 2px; width: 24px; height: 29px; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; line-height: 1.4; font-size: 22px; transform: translateY(18%); background: url(../images/tyweb-shang-title.png); background-size: 100% 100%; }
/*内页VIP标签*/
.tyweb-single-vip { transform: none; position: relative; display: inline-block; margin-right: 8px; width: 24px; height: 29px; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; line-height: 1.4; font-size: 22px; transform: translateY(18%); background: url(../images/tyweb-vip-title.png); background-size: 100% 100%; }
/*
==================================商城侧边栏======================================
*/

/*资源价格*/
.tyweb-sidebar-shop-price { margin-bottom: 13px; }
.tyweb-sidebar-shop-vip { margin-left: 9px; }
.tyweb-sidebar-shop-vip a { float: right; line-height: 3; }
/*下载按钮*/
.tyweb-sidebar-shop-down { display: block; margin-bottom: 18px; width: 100%; height: 55px; border-radius: 4px; color: #fff; font-size: 1pc; line-height: 55px; cursor: pointer; text-align: center; position: relative; overflow: hidden; background: #007aff; background-color: var(--primary-color); background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); }
.tyweb-sidebar-shop-down a { color: #fff; height: 55px; line-height: 55px; display: block; }
.tyweb-sidebar-shop-down:hover { background: #007aff; background-color: #13adff; background-image: -webkit-gradient(linear, left top, right top, from(#13adff), to(#006eff)); background-image: -webkit-linear-gradient(left, #13adff, #006eff); background-image: -o-linear-gradient(left, #13adff 0, #006eff 100%); background-image: linear-gradient(90deg, #13adff, #006eff); }
.tyweb-sidebar-shop-down:before { content: " "; display: block; width: 20px; height: 20px; position: absolute; left: 5px; top: 5px; background: url(../images/tyweb-sidebar-shop-down-vip.svg) 50% no-repeat; background-size: 20px auto; z-index: 10; }
.tyweb-sidebar-shop-down:after { content: " "; display: block; width: 70px; height: 70px; position: absolute; left: -35px; top: -35px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: rgba(0,0,0,.15); z-index: 5; }
/*演示按钮*/
.tyweb-sidebar-shop-demo { display: block; margin-bottom: 18px; width: 100%; height: 50px; border-radius: 4px; color: #3573EC; font-size: 1pc; line-height: 50px; cursor: pointer; text-align: center; position: relative; overflow: hidden; border: 1px solid #3573EC; }
.tyweb-sidebar-shop-demo a { color: #3573EC; height: 50px; line-height: 50px; display: block; }
.tyweb-sidebar-shop-demo:hover { background: #3573EC; }
.tyweb-sidebar-shop-demo a:hover { color: #fff; }
/*点赞收藏按钮*/
.tyweb-sidebar-shop-sz { width: 100%; height: 45px!important; line-height: 45px!important; }
.tyweb-sidebar-shop-good a { display: block!important; padding: 0; vertical-align: middle; padding: 0; line-height: 45px; text-align: center; text-decoration: none; font-size: 14px; border-radius: 3px; }
.tyweb-sidebar-shop-good { width: 50%!important; float: left; height: 45px!important; line-height: 45px!important; }
.tyweb-sidebar-shop-good .dotGood { margin-right: 5px; }
.tyweb-sidebar-shop-good .add-collection { margin-left: 5px; }
.tyweb-sidebar-shop-good .change-color { background-color: #1bd8b8; background-image: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0); }
/*信息属性*/
.tyweb-sidebar-shop { padding: 30px; }
.tyweb-sidebar-shop ul { list-style: none; }
.tyweb-sidebar-shop li { display: inline-block; width: 100%; height: 33px; color: #838383; font-size: 13px; line-height: 33px; }
.tyweb-sidebar-shop li .tyweb-sidebar-shop-title { float: left; display: inline-block; margin-right: 10px; color: #000; }
.tyweb-sidebar-shop li .tyweb-sidebar-shop-content { float: right; display: inline-block; color: #838383; font-size: 13px; }
.tyweb-sidebar-shop li .course { float: right; margin-top: 4px; margin-right: 5px; padding: 0 10px; height: 22px; border: 1px solid #f2a20c; border-radius: 4px; color: #f2a20c; font-size: 12px; line-height: 22px; }
.tyweb-sidebar-shop li .course:hover { background: #f2a20c; color: #fff; }
/**/
.tyweb-sidebar-shop .tyweb-sidebar-shop-WP { border-top: 1px solid #eaeaea; padding-top: 20px; overflow: hidden; height: 100%; border-radius: 3px; color: #8495a0; font-size: 12px; }
.tyweb-sidebar-shop .tyweb-sidebar-shop-WP .sy-hover-box, .tyweb-sidebar-shop .tyweb-sidebar-shop-WP i, .tyweb-sidebar-shop .tyweb-sidebar-shop-C a { color: #8495a0; font-size: 12px!important; }
.tyweb-sidebar-shop .tyweb-sidebar-shop-C a:hover, .tyweb-sidebar-shop .tyweb-sidebar-shop-R span:hover { color: var(--primary-color); }
.tyweb-sidebar-shop .tyweb-sidebar-shop-L, .tyweb-sidebar-shop .tyweb-sidebar-shop-C { float: left; }
.tyweb-sidebar-shop .tyweb-sidebar-shop-R { position: absolute; padding-left: 73px; float: right; display: inline-block; }
.tyweb-sidebar-shop .tyweb-sidebar-shop-R .sy-hover span { color: #a96900; }
.tyweb-sidebar-shop .tyweb-sidebar-shop-R:hover .sy-hover { display: block; }
.tyweb-sidebar-shop .tyweb-sidebar-shop-R .sy-hover { width: 234px; font-size: 12px; padding: 14px; top: 0px; left: 0%; line-height: 20px; margin-left: -172px; margin-top: 6px; background-color: #fff; border: 1px solid #fff2d4; border-radius: 6px; z-index: 3; display: none; }
.tyweb-sidebar-shop .tyweb-sidebar-shop-R .sy-hover:before { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid #fff2d4; display: inline-block; transform: rotate(45deg); left: 60%; background-color: #fff; margin-left: 7px; top: 21px; border-bottom: 0; border-right: 0; }
/*商业授权*/
.tyweb-sidebar-shop-copyright { text-align: center }
.tyweb-sidebar-shop-copyright .getcompay { display: inline-block; margin-bottom: 15px; width: 240px; height: 40px; border-radius: 45px; background: #f0d58b; color: #6a4b1e; line-height: 40px; text-align: center }
.tyweb-sidebar-shop-copyright .getcompay:hover { background: #e8c464; color: #6a4b1e }
.tyweb-sidebar-shop-copyright .getcompay i { font-size: 18px; margin-right: 3px; }
.tyweb-sidebar-shop-copyright ul { display: inline-block; }
.tyweb-sidebar-shop-copyright li { display: inline-block; width: 100%; height: 33px; color: #838383; font-size: 13px; line-height: 33px; }
.tyweb-sidebar-shop-copyright li .m-l2 { float: left; display: inline-block; margin-right: 10px; color: #000; }
.tyweb-sidebar-shop-copyright li .m-bo:hover { border: 1px solid var(--primary-color); color: var(--primary-color); }
.tyweb-sidebar-shop-copyright li .m-r2 { float: right; display: inline-block; color: #838383; font-size: 13px; }
.tyweb-sidebar-shop-copyright .chose { margin-bottom: 8px; padding-bottom: 13px; height: 33px; border-bottom: 1px solid #eceff1; line-height: 33px; }
.tyweb-sidebar-shop-copyright li .m-r2 em { position: relative; display: inline-block; width: 1pc; height: 1pc; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background: #c4c4c4; color: #fff; vertical-align: 0; line-height: 1pc; font-style: normal }
.tyweb-sidebar-shop-copyright li .m-r2 em div { position: relative; }
.tyweb-sidebar-shop-copyright li .m-r2 em:hover .say { display: block }
.tyweb-sidebar-shop-copyright li .m-r2 em .say { position: absolute; top: -340px; left: -288px; display: none; padding: 17px 19px 2pc 28px; width: 239px; height: auto; border: 1px solid #dfdfdf; background: #fff; color: #af9178; cursor: pointer; }
.tyweb-sidebar-shop-copyright li .m-r2 em .say .s-tt { height: 50px; font-size: 18px; line-height: 50px; }
.tyweb-sidebar-shop-copyright li .m-r2 em .say p { text-align: left; text-indent: 2em; font-size: 9pt; line-height: 20px; }
.tyweb-sidebar-shop-copyright li .m-bo { padding: 0 8px; height: 25px; border: 1px solid #e6e6e6; border-radius: 4px; color: #8a8a8a; line-height: 25px; cursor: pointer; }
.tyweb-sidebar-shop-copyright .dz-ppt { border: 1px solid #df9a8b; color: #d24625; }
.tyweb-sidebar-shop-copyright .dz-ppt:hover { background: #d24625; color: #fff; }
.tyweb-sidebar-shop-copyright .dzweb { display: inline-block; margin-top: 10px; width: 100%; height: 44px; border-radius: 4px; font-size: 15px; line-height: 44px; cursor: pointer; }
.tyweb-sidebar-shop-copyright .dz-ppt i { margin-right: 10px; }
.dz-ppts { margin-left: 10px; }
.tyweb-sidebar-shop-copyright .adpdf { display: inline-block; width: 100%; height: 46px; margin-top: 10px; }
.tyweb-sidebar-shop-copyright li a i { margin-right: 3px; font-size: 15px; }
/*商城2侧边栏作者*/
.tyweb-sidebar-shop .custom { width: 100%; background: inherit; border: inherit; float: right; text-align: center; margin: auto; padding: inherit; position: relative !important; }
.tyweb-sidebar-shop .custom:before { display: none }
.tyweb-sidebar-shop .cusomPic { margin-top: auto; }
.tyweb-sidebar-shop .customgf { margin-bottom: auto; }
/*---------------------------商城3内页-----------------------------*/
.tyweb-shop3-vip { margin-left: 9px; }
.tyweb-shop3-vip .stag_tp { height: 26px; line-height: 23px; border-radius: 13px; border: solid 1px #d8d8d8; font-size: 0; padding: 1px 2px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; text-align: left; margin-left: 9px;/*position: absolute;
    right: 38px;
    bottom: 29px;*/
}
.tyweb-shop3-vip label { font-size: 12px; color: #7c7c7c; display: inline-block; padding: 0 9px; text-align: center; }
.tyweb-shop3-vip a { padding: 0 20px; height: 100%; display: inline-block; background-color: #FF6F1C; border-radius: 11px; font-size: 12px; color: #fff; text-align: center; }
.tyweb-shop3-zl { position: relative; min-height: 407px; margin-bottom: 20px; border-radius: 4px; }
.tyweb-shop3-zl .snyc { position: relative; padding: 39px 35px 32px; z-index: 9; border-radius: 4px 4px 0px 0px; }
.snyc .proimg { width: 126px; height: 126px; border-radius: 100%; -webkit-border-radius: 100%; float: left; background: url(../images/tyweb-shop3-icon1.png) no-repeat center; padding: 6px; margin-right: 24px; position: relative; }
.snyc .proimg img { width: 126px; height: 126px; border-radius: 100%; -webkit-border-radius: 100%; }
.snyc .p1 { font-weight: bold; font-size: 24px; color: #edeff2; }
.snyc .p1 span { font-weight: normal; font-size: 12px; color: #939aa8; display: inline-block; }
.snyc .p1 span:after { content: ""; display: inline-block; width: 1px; height: 11px; background: #4b4d5a; margin-right: 12px; float: left; }
.snyc .p2 { font-size: 12px; color: #939aa8; margin-top: 13px; }
.snyc .p2 a { color: #939aa8!important; }
.snyc .p2 a:hover { color: #fff!important; }
.snyc .p2 input { display: inline-block; font-size: 12px; color: #939aa8; width: 175px; cursor: pointer; outline: none; }
.snyc .p2 .copy_goods_id { display: inline-block; font-size: 12px; color: #939aa8; cursor: pointer; outline: none; }
.snyc .p3 { margin-top: 32px; }
.snyc .p3 span:first-child { padding-left: 0; }
.snyc .p3 span { display: inline-block; position: relative; vertical-align: top; padding: 0 22px; }
.snyc .p3 i { display: block; font-size: 12px; color: #666e80; font-style: normal; height: 16px; line-height: 16px; }
.snyc .p3 span:first-child b { color: #ff8c19!important; }
.snyc .p3 b { display: block; font-size: 14px; color: #939aa8; font-weight: normal; height: 24px; line-height: 24px; margin-top: 8px; }
.snyc .p3 em { font-size: 20px; color: #ff8c19; margin-right: 5px; }
.snyc .p4 { display: block; width: auto; font-size: 12px; color: #666f80; text-align: center; padding-top: 26px; position: absolute; right: 35px; bottom: 41px; }
.snyc .p4 .change-color-sc { background-color: inherit; background-image: initial; box-shadow: inherit; color: inherit !important; }
.snyc .p4 a i { display: none; }
.snyc:after { content: ""; display: block; clear: both; }
.pricelt { /*   height: 63px; */
background: #f6f6f6; position: relative; z-index: 8; padding: 11px 30px 11px 30px; }
.pricelt .p4 { display: block; font-size: 12px; color: #666f80; text-align: center; padding-top: 26px; position: absolute; right: 35px; bottom: 26px; }
.pricelt .p4 i { font-size: 16px; }
.pricelt .p4 .change-color { padding: 3px 10px; border-radius: 4px; color: #ff5473 !important; background-color: rgba(255, 84, 115, .1); margin-right: 10px !important; font-size: 12px; background: rgba(255, 84, 115, .1); box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%); }
.pricelt .p4 .change-color-sc { padding: 3px 10px; border-radius: 4px; color: #0084ff !important; background: rgba(0,132,255,.1); margin-right: 10px !important; font-size: 12px; box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%); }
.pricelt .sellP #priceinfo { font-size: 25px; color: #ff2626; }
.pricelt .sellP em { color: #ff0000; }
.buyopa { height: 50px; padding: 20px 0 15px 38px; background: #fff; position: relative; }
.buyopa .tyweb-shop3-demo { display: block; width: 168px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #44a0f6; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; font-size: 18px; color: #007cef; float: left; margin-right: 7px; margin-bottom: auto; position: inherit; overflow: inherit; }
.buyopa .tyweb-shop3-demo a { border: 0px solid #007cef !important; background: #fff!important; color: #007cef!important; }
.buyopa .shop3-vip { background-color: #ff7800; border: 1px solid #ff7800; color: #fff; }
.buyopa a:first-child { border: 1px solid #007cef; background: #007cef; color: #fff; }
.buyopa a { display: block; width: 168px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #44a0f6; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; font-size: 18px; color: #44a0f6; float: left; margin-right: 7px; }
.buyopa .hont { padding-left: 18px; line-height: 20px; font-size: 12px; color: #cbcbcb; position: absolute; right: 38px; bottom: 16px; }
.buyopa .hont i { font-size: 14px; margin-right: 3px; }
.mother { height: 22px; line-height: 22px; padding: 11px 38px 12px; background: #fff; font-size: 12px; color: #aeb1b8; border-top: 1px dashed #e5e5e5; border-radius: 0px 0px 4px 4px; }
.mother i { margin-right: 3px; color: #007cef!important; }
.mother span { height: 22px; display: inline-block; vertical-align: top; padding: 0 15px; position: relative; }
.mother span em { display: block; width: 1px; height: 11px; background: #e6e6e6; position: absolute; right: 0px; top: 5px; }
/*---------------------------商城4内页-----------------------------*/
.tyweb-shop4 { width: 100%; position: relative; height: 470px; margin-bottom: 70px; }
.tyweb-shop4-top h1 { font-size: 24px; color: #fff; height: 40px; line-height: 40px; margin-bottom: 13px; /*overflow: hidden;*/
font-weight: 400; text-align: center; position: relative; }
.tyweb-shop4-titles { text-align: center; margin-bottom: 25px; }
.tyweb-shop4-titles a { color: #999 !important; }
.tyweb-shop4-titles a:hover { color: #fff !important; }
.tyweb-shop4-top .deankcpic { width: 350px; height: 200px; margin: 0 auto; box-shadow: 0px 4px 8px rgba(7, 17, 27, 0.4); background: url(../images/tyweb-shop4-bgs.png) center no-repeat; background-size: cover; position: relative; border-radius: 8px; }
.tyweb-shop4-top .deankcpic img { width: 330px; height: 160px; position: absolute; top: 10px; left: 10px; z-index: 1; border-radius: 4px; }
.tyweb-shop4-top .deankcinfos { margin-top: 11px; padding: 32px; box-sizing: border-box; width: 100%; display: inline-block; background-color: #fff; border-radius: 4px 4px 0px 0px; border-bottom: 1px dashed #e5e5e5; }
.tyweb-shop4-top .deankcinfos .deankcinfo_s .deancurprices { font-size: 24px; font-weight: 300; color: #07AEFC; line-height: 36px; }
.tyweb-shop4-top .deankcinfos .deankcinfo_s { position: absolute; }
.tyweb-shop4-top .deankcinfos .deankcinfo_l ul li { float: left; width: 175px; font-weight: 200; color: #4d555d; text-align: center; }
.tyweb-shop4-top .deankcinfos .deankcinfo_l ul li span { display: block; font-size: 12px; line-height: 12px; margin-bottom: 4px; }
.tyweb-shop4-top .deankcinfos .deankcinfo_l ul li p { font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; color: #333; }
.tyweb-shop4-top .sc-info-line { float: left; width: 1px; height: 36px; background: #d9dde1; }
.tyweb-shop4-top .deankcinfos .deankcinfo_r .deancurprices { float: left; font-size: 24px; font-weight: 300; color: #07AEFC; line-height: 36px; }
.tyweb-shop4-top .deankcinfos .deankcinfo_r a { float: right; display: block; margin-left: 12px; padding: 0 18px; height: 36px; line-height: 36px; font-size: 16px; font-weight: 300; color: #fff; text-align: center; border-radius: 2px; background-color: #07AEFC; border: 1px solid #07aefc; cursor: pointer; -weibkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.tyweb-shop4-top .deankcinfos .deankcinfo_r .shop4-vip { background-color: #ff7800; border: 1px solid #ff7800; color: #fff; }
.tyweb-shop4-top .deankcinfos .deankcinfo_r .shop4-demo { background-color: #fff0; border: 1px solid #07aefc; color: #07aefc; }
.tyweb-shop4 .sellP #priceinfo { color: #07aefc; }
.tyweb-shop4 .sellP em { color: #ff0000; }
.tyweb-shop4 .shop4_tp { height: 26px; line-height: 23px; border-radius: 13px; border: solid 1px #d8d8d8; font-size: 0; padding: 1px 2px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; text-align: left; margin-left: 9px; transform: translateY(-10%); }
.tyweb-shop4-vip a { padding: 0 20px; height: 100%; display: inline-block; background-color: #07aefc; border-radius: 11px; font-size: 12px; color: #fff; text-align: center; }
.tyweb-shop4-vip label { font-size: 12px; color: #7c7c7c; display: inline-block; padding: 0 9px; text-align: center; }
.tyweb-shop4 .mother { height: 22px; line-height: 22px; padding: 11px 32px 12px; background: #fff; font-size: 12px; margin-top: -8px; color: #aeb1b8; border-top: 1px dashed #e5e5e5; border-radius: 0px 0px 4px 4px; box-shadow: 0px 12px 24px rgba(7, 17, 27, 0.1); }
.tyweb-shop4 .mother .hont { padding-left: 18px; line-height: 20px; font-size: 12px; color: #cbcbcb; float: right; }
.tyweb-shop4-top .tyweb-shop4-bhgx { display: inline-block; top: 8px; position: relative; }
.tyweb-shop4-top .tyweb-shop4-bh { float: left; font-size: 13px; margin-right: -5px; color: #fff; background: #07aefc; padding: 3px 16px; border-radius: 4px; }
.tyweb-shop4-top .tyweb-shop4-gx { float: left; font-size: 13px; margin-left: 0px; color: #fff; background: #07aefc; padding: 3px 16px; border-radius: 4px; }
/*.tyweb-shop4-nr .tyweb-shop-commont{
    margin: 0 auto 27px auto;
}*/
@media screen and (min-width: 1400px) {
.tyweb-shop4-nr .single-main { width: 100%!important; max-width: 1440px; }
}
@media screen and (max-width: 1399px) {
.tyweb-shop4-nr .single-main { width: 100%!important; }
}
/*---------------------------商城5内页-----------------------------*/
.tyweb-shop5-title { padding: 30px 30px 10px 30px; border-radius: 4px 4px 0px 0px; }
.tyweb-shop5-mulu { height: 50px; line-height: 50px; margin-bottom: 20px; }
.tyweb-shop5-mulu h3 { font-size: 16px; color: #fc5531; height: 32px; line-height: 32px; font-weight: 500; position: absolute; display: block; border-bottom: 1px solid #fc5531; padding-bottom: 20px; }
.tyweb-shop5-mulu h3 i { font-size: 23px; transform: translateY(13%); display: inline-block; margin-right: 1px; }
.tyweb-shop5-zs { float: right; line-height: 25px; position: relative; transform: translateY(13%); }
.tyweb-shop5-zs a { font-size: 12px; padding: 0 8px; }
.tyweb-shop5-sidebar { background-color: #2c2c2c; border: 1px solid #2c2c2c; }
.tyweb-shop5-liebiao { list-style: none; overflow-y: auto; height: 388px; }
.tyweb-shop5-liebiao li { padding-left: 0!important; padding-right: 0!important; height: 32px; font-size: 13px; line-height: 32px; display: inline-block; width: 100%; }
.tyweb-shop5-liebiao li a { color: #868686; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 75%; font-size: 12px; }
.tyweb-shop5-liebiao li a:hover { color: #fc5531; }
.tyweb-shop5-liebiao li a i { font-style: normal; position: relative; top: 1px; margin-right: 8px; }
.tyweb-shop5-liebiao li em { font-style: normal; position: relative; margin-left: 15px; top: -10px; font-size: 12px; color: #868686; }
.tyweb-shop5-liebiao li a .icon-video { background-color: #fc5531; background-image: url(../images/tyweb-shop5-v.gif); background-position: center 30%; background-size: 60%; display: inline-block; width: 14px; height: 14px; margin-right: 8px; background-repeat: no-repeat; border-radius: 7px; position: relative; top: 2px; }
.tyweb-shop5-liebiao::-webkit-scrollbar {
 display: none;
}
.tyweb-shop5-liebiao-d { color: #fc5531!important; }
.tyweb-shop5-liebiao-s em { color: #fc5531!important; }
.tyweb-shop5-b { margin-left: 32px!important; font-size: 12px!important; color: #868686!important; width: auto!important; }
a .tyweb-shop5-b:hover { color: #fc5531; }
/*fuwu*/
.tyweb-shop5-gg a { display: inline-block; width: 100%; height: 46px; margin-top: 20px; margin-bottom: 10px; }
.tyweb-shop5-fuwu { }
.tyweb-shop5-fuwu ul { text-align: center; }
.tyweb-shop5-fuwu a { display: inline-block; border: 1px solid #444; font-size: 12px; color: #999; padding: 3px 7px; border-radius: 2px; margin-bottom: 5px; }
.tyweb-shop5-fuwu a:hover { border: 1px solid #fff; color: #fff; }
/*---------------------------手机商城内页-----------------------------*/
.tyweb_app_shop { position: relative; margin-bottom: 20px; border-radius: 4px; }
.tyweb_app_shop .app_shop_mk { position: relative; padding: 20px 20px 20px; z-index: 9; border-radius: 4px 4px 0px 0px; }
.app_shop_mk .app_shop_img { border-radius: 6px; -webkit-border-radius: 6px; margin: 0 auto; text-align: center; position: relative; margin-bottom: 10px; }
.app_shop_mk .app_shop_img img { border-radius: 6px; -webkit-border-radius: 6px; }
.app_shop_mk .app_shop_title_h1 { font-size: 15px; color: #edeff2; }
.app_shop_mk .tyweb-tese-jingpin { height: 20px; line-height: 20px; padding-left: 25px; }
.app_shop_mk .tyweb-tese-jingpin span { width: 16px; height: 16px; line-height: 16px; top: 2px; font-size: 12px; }
.app_shop_mk .p2 { font-size: 12px; color: #939aa8; margin-top: 13px; }
.app_shop_mk .p2 a { color: #939aa8!important; }
.app_shop_mk .p2 a:hover { color: #fff!important; }
.app_shop_mk .p2 input { display: inline-block; font-size: 12px; color: #939aa8; width: 175px; cursor: pointer; outline: none; }
.app_shop_mk .p2 .copy_goods_id { display: inline-block; font-size: 12px; color: #939aa8; cursor: pointer; outline: none; }
.app_shop_mk .p2 .tyweb-text-small { font-size: 0.6rem; line-height: 1.5; }
.app_shop_jg { background: #f6f6f6; position: relative; z-index: 8; padding: 10px 10px 10px 10px; }
.app_shop_jg .app_shop_jg_se #priceinfo { font-size: 26px; color: #ff6c00; }
.app_shop_jg .app_shop_jg_se { font-size: 12px; color: #ec1c2b; }
.app_shop_jg .app_shop_jg_se em { color: #ff6c00; font-style: normal; }
.app_shop_jg .p4 { display: block; font-size: 12px; color: #666f80; text-align: center; padding-top: 10px; }
.app_shop_jg .p4 i { font-size: 12px; }
.app_shop_jg .p4 .change-color { padding: 2px 6px; border-radius: 4px; color: #ff5473 !important; background-color: rgba(255, 84, 115, .1); font-size: 12px; background: rgba(255, 84, 115, .1); box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%); }
.app_shop_jg .p4 .change-color-sc { padding: 2px 6px; border-radius: 4px; color: #0084ff !important; background: rgba(0,132,255,.1); margin-left: 4px !important; font-size: 12px; box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%); }
.app_shop_an { padding: 20px; background: #fff; position: relative; max-width: 100%; }
.app_shop_an .tyweb-shop3-demo { display: block; width: 100%; margin-top: 10px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #44a0f6; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; font-size: 18px; color: #007cef; margin-bottom: auto; position: inherit; overflow: inherit; }
.app_shop_an .tyweb-shop3-demo a { border: 0px solid #007cef !important; background: #fff!important; color: #007cef!important; }
.app_shop_an .xz1 .shop3-vip { background-color: #ff7800; border: 1px solid #ff7800; color: #fff; margin-left: 10px; }
.app_shop_an a:first-child { border: 1px solid #007cef; background: #007cef; color: #fff; }
.app_shop_an a { display: block; height: 48px; width: 100%; line-height: 48px; text-align: center; border: 1px solid #44a0f6; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; font-size: 18px; color: #44a0f6; float: left; }
.app_shop_an .xz .xz1 { padding-left: 10px; box-sizing: border-box; width: 50%; }
.app_shop_an .xz { margin-left: -20px; display: flex; }
.app_shop_an .hont { line-height: 20px; font-size: 12px; color: #cbcbcb; text-align: center; margin-top: 10px; }
.app_shop_an .hont i { font-size: 14px; margin-right: 3px; }
.tyweb_app_shop .app_mother { line-height: 22px; padding: 10px 20px 10px 20px; background: #fff; font-size: 12px; color: #aeb1b8; border-top: 1px dashed #e5e5e5; border-radius: 0px 0px 4px 4px; }
.tyweb_app_shop .app_mother i { margin-right: 3px; color: #007cef!important; }
.tyweb_app_shop .app_mother span { height: 22px; display: inline-block; vertical-align: top; padding: 0 15px; position: relative; }
.tyweb_app_shop .app_mother span em { display: block; width: 1px; height: 11px; background: #e6e6e6; position: absolute; right: 0px; top: 5px; }
/*---------------------------手机商城内页-----------------------------*/
/*
* ------------------------------------------------------------------------------
* 评论样式
* ------------------------------------------------------------------------------
*/
.comments { }
.comments-title { padding: 20px 30px; }
.comments-title i { color: var(--primary-color); font-size: 20px; transform: translateY(5%); display: inline-block; }
.comment-list { padding: 20px 30px; }
.comment-list .children { margin-left: 25px; padding: 0; }
.comment-list .children .comment { border-left: 6px solid var(--border-color)!important; padding-left: 20px; }
.comment-list .children .comment-main { border: 0; padding-top: 0; }
.comment-list .children .children { margin-bottom: 0 }
.comment-from { margin-bottom: 30px }
.comment-from .btn { font-size: 13px; padding: 0px 15px; line-height: 32px; }
.comment-from .btn:hover { transform: none }
.comment-main { padding-top: 15px; border-top: 1px solid var(--border-color) }
.comment-head { font-size: 12px }
.comment-head a { font-size: 14px; color: #999; }
.comment-head .data { color: #bdbdbd; }
.comment-head .data a { font-size: 12px; color: #bdbdbd; }
.comment-head .avatar { margin-right: 3px }
.comment-content { padding: 25px 0 0 25px; font-size: 14px; }
.comment-content p { margin: 0 }
/*
* ------------------------------------------------------------------------------
* 最新评论样式
* ------------------------------------------------------------------------------
*/
.new-comment { margin: 0; max-height: 360px }
.new-comment li { padding: 20px 0; font-size: 13px; }
.new-comment li>.avatar { margin-right: 4px }
.new-comment li>.avatar img { border-radius: 4px; }
.new-comment li:last-child { border: 0 }
.new-comment li a { color: #999; line-height: 26px; }
.new-comment li .content { padding: 6px 10px; }
.new-comment li p { margin: 10px 0 0 }
/*
* ------------------------------------------------------------------------------
* 标签大全样式
* ------------------------------------------------------------------------------
*/
.page-tags-item { padding: 20px 0; transition: all .3s }
.page-tags-item:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05); box-shadow: 0 0 10px rgba(0, 0, 0, .05); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.page-tags-item .name { padding: 0 20px; color: #333; font-size: 15px; }
.page-tags-item .name:before { content: ''; position: absolute; left: 0; height: 100%; width: 5px; background: var(--primary-color); box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; }
.page-tags-item li { margin: 5px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-tags-item li a { color: #888; font-size: 15px }
.page-tags-item li a:hover { color: var(--primary-color) }
.page-tags-li { padding: 20px; }
.page-tags-li a { display: inline-block; background: #f2f6fc; color: #666; padding: 5px 10px; margin: 3px 5px; }
/*
* ------------------------------------------------------------------------------
* 登录页面样式
* ------------------------------------------------------------------------------
*/
/*弹窗*/
.tyweb-login-title { text-align: center!important; }
.tyweb-login-title span { list-style: none; font-size: 12px; color: #888888; margin-top: 0; margin: 0 18px 20px 18px; }
.tyweb-login-title em { display: inline-block; width: 45px; height: 0px; border-bottom: 1px solid rgba(221, 221, 221, 1); vertical-align: middle; }
.tyweb-modal-dialog { width: 366px; }
.tyweb-login-h h3 { padding-bottom: 0; margin: 0 0 10px 0; }
.tyweb-login-qq { text-align: center!important; margin: 10px 0; }
.tyweb-login-qq a { color: #ffffff !important; margin: 0; -webkit-border-radius: 50%; -moz-border-radius: 2px; position: relative; display: inline-block; width: 80px; height: 80px; text-align: center; line-height: 80px; cursor: pointer; padding: 0; letter-spacing: 0; font-weight: normal; margin-top: 0px !important; }
.agreen { margin: 0 0 20px 0; font-size: 13px; }
/*弹窗*/
.login-warp { /* background: #00000030 */
}
.login-bg { width: 100%; background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); height: 100%; }
.login-main { width: 25em; margin: 0 auto; }
.login-box { width: 100%; }
.login-bg-01 { width: 100%; bottom: -15px; z-index: 20; }
.login-bg-01 .bg-box { height: 50px; background: #fff; margin: 0 10px; opacity: .5; }
.login-bg-02 { width: 100%; bottom: -30px; z-index: 10; }
.login-bg-02 .bg-box { height: 50px; background: #fff; margin: 0 20px; opacity: .2; }
.login-contnet { z-index: 30; width: 100%; }
.login-l { height: 100%; border-right: 1px solid #f2f2f2; }
.login-l h2 { font-family: arial; padding-bottom: 15px; }
.login-l .btn-on { font-size: 14px; letter-spacing: 1px; transition: all .3s; color: #fff }
.login-l .login-sms { }
.login-l .btn-on i { margin-right: 3px; }
.login-l .submit { color: #fff }
.login-r { height: 100%; background-size: 100%; }
.login-r img { min-height: 100%; max-width: none; min-width: 100%; }
.s-res { border-top-left-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0; box-shadow: 10px 0 30px -10px rgba(0, 0, 0, 0.2); margin-left: -175px; transition: all .3s; }
.login-r:hover .s-res { margin: 0; }
.s-res a { color: #fff; padding: 6px 20px; }
.s-res h4 { padding-bottom: 15px; font-size: 16px; }
.s-res p { }
.s-res p:after { content: ''; position: absolute; left: 0; top: 50%; height: 1px; width: 100%; background: #aaa }
.s-res span { z-index: 10; padding: 0 4px; }
.s-res .btn-on { font-size: 14px; letter-spacing: 1px; padding: 4px 20px; font-family: arial; }
.s-res .btn-on i { margin-right: 3px; }
.s-res .btn-on:hover { color: #fff; }
.email-sms { }
.email-sms .btn { font-size: 12px; padding: 6px 7px; margin: 5px; top: 0; right: 0; position: absolute; cursor: pointer }
.email-sms .btn:hover { transform: none }
.social-login { font-family: arial; font-size: 13px; color: #fff!important; padding: 5px 10px; }
.social-login i { font-size: 39px }
.form-popup { max-width: 600px; margin: 0 auto; }
.main-menu-wrap, footer { display: block; }
#login_binding p { margin: 0 0 20px 0; }
#reg_binding p { font-size: 0.875rem; line-height: 1.5; margin: 0 0 20px 0; }
/*
* ------------------------------------------------------------------------------
* 单页合集样式
* ------------------------------------------------------------------------------
*/

.page-about { }
.page-menu { }
.page-menu ul { }
.page-menu ul li { padding: 20px 0; margin: 0!important; border-bottom: 1px solid var(--border-color); text-indent: 20px }
.page-menu ul li:last-child { border: none }
.page-menu ul li a { display: block; color: #888; font-size: 15px; }
.page-menu .current-menu-item { background: #fafafa; }
.page-menu .current-menu-item a { position: relative; font-weight: bold; color: #2c63ff!important }
.page-menu .current-menu-item a::after { content: ''; position: absolute; width: 5px; height: 100%; background: #2c63ff; left: 0; box-shadow: 3px 0px 10px -1px #2c63ff; border-radius: 2px; }
.page-main { }
/*单页背景*/
.tyweb-page-bg { -webkit-filter: unset; filter: unset; }
.tyweb-page-bg { height: 220px; }
.tyweb-page-bg h3 { color: #fff; font-size: 28px; letter-spacing: 1px; }
.tyweb-page-bg .tyweb-overlay-primary { background: rgba(34, 34, 34, 0); }
@media screen and (max-width: 800px) {
.tyweb-page-bg { height: auto; }
}
/*波浪*/

.tyweb-meihua-boo { height: 30px; margin-top: -30px; }
.tyweb-meihua-boo-waves { position: relative; width: 100%; height: 15vh; min-height: 30px; max-height: 30px; }
.tyweb-meihua-boo-parallax > use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; }
.tyweb-meihua-boo-parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
.tyweb-meihua-boo-parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
.tyweb-meihua-boo-parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
.tyweb-meihua-boo-parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }
@keyframes move-forever {  0% {
 transform: translate3d(-90px, 0, 0);
}
 100% {
 transform: translate3d(85px, 0, 0);
}
}
@media (max-width: 768px) {
.tyweb-meihua-boo-waves { height: 30px; min-height: 30px; }
}
/*单页背景*/

/*404错误单页*/
.page404 { }
.page404 .btn { padding: 12px 30px; border-radius: 50px; }
.page404 h1 { font-size: 4rem; }
/*404错误单页*/

/*案例展示单页*/
.tyweb-case-desc { font-size: 15px; background-color: #fff; border-radius: 4px; margin: 20px 0; padding: 20px; text-align: center; color: #666; }
.tyweb-case { margin-top: 40px; margin-bottom: 40px!important; }
.tyweb-case-mk { border-radius: 4px !important; }
.tyweb-case-mk span { display: inline-block; background: #f1f2f5; border-radius: 20px; height: 20px; font-size: 12px; position: absolute; margin: 8px 0 0 8px; color: #006eff; padding-left: 26px; padding-right: 10px; line-height: 20px; }
.tyweb-case-mk span i { display: block; width: 15px; height: 15px; line-height: 15px; text-align: center; border-radius: 50%; position: absolute; left: 5px; top: 2px; overflow: hidden; background: #006eff; color: #fff; font-size: 12px; }
.tyweb-case-title-mk { text-align: center; padding: 10px !important; }
.tyweb_t_home_mk_a { padding: 0px 21px 21px 21px; border-radius: 4px; box-shadow: 0px 10px 30px -10px #ddd; }
.tyweb_t_home_mk_a p { font-size: 12px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.tyweb_t_home_mk_a .title { padding: 10px; max-width: 100%; letter-spacing: 0.5px; font-size: 15px; transition: all .3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.tyweb_t_home_mk_btn { border-radius: 4px; padding: 5px 30px; font-size: 12px; margin: 0 5px; display: inline-block!important; border: 1px solid #006eff; display: inline-block!important; background: #fff; -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); color: #006eff!important; }
.tyweb_t_home_mk_btn:hover { background: #fff; border: 1px solid #006eff; background-image: linear-gradient(90deg, #006eff, #13adff)!important; color: #fff!important; }
@media screen and (max-width: 800px) {
.tyweb_t_home_mk_btn { padding: 0px 10px; }
}
/*案例展示单页*/

/*全站资源单页*/
.tyweb-ziyuan { margin: 40px 0; }
.tyweb-ziyuan-bk { margin-bottom: 15px; margin-top: 15px; border: 1px solid #ededed; background: #fff; }
.tyweb-ziyuan-bk .tyweb-ziyuan-bk-title { background: #fff; border: none; margin-bottom: 10px; height: 40px; line-height: 40px; padding: 0; border-bottom: 1px solid #ededed; border-radius: 4px 4px 0 0; white-space: nowrap; overflow: hidden; }
.tyweb-ziyuan-bk .tyweb-ziyuan-bk-title .o { float: right; width: 30px; }
.tyweb-ziyuan-bk .tyweb-ziyuan-bk-title .o img { margin-top: 11px; margin-right: 20px; float: right; cursor: pointer; }
.tyweb-ziyuan-bk .tyweb-ziyuan-bk-title h4 { font-size: 16px; padding-left: 20px; color: #666; font-weight: 300; margin: 10px 0 0 0; height: 20px; line-height: 20px; font-weight: 900; }
.tyweb-ziyuan-bk-c .fl_tb { width: 100%; }
.tyweb-ziyuan-bk-c .fl_g { padding: 10px 0 20px 20px; }
.tyweb-ziyuan-bk-c .fl_g em { font-style: normal; font-weight: 400; font-size: 12px; margin-left: 5px; }
.tyweb-ziyuan-bk-c .fl_g a { font-weight: 400; }
/*升级VIP会员单页*/
.tyweb-pages-vip ol, ul, li { list-style: none; }
.tyweb-pages-vip body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
.tyweb_vipbgs { width: 100%; height: 495px; position: relative; background: url(../images/vip-banner.png) center top no-repeat border-box #ffc003; }
.tyweb_portal_block_summary { max-width: 1200px; padding: 40px; display: inline-block; background: #fff; position: relative; margin: 0 auto; top: -140px; border-radius: 6px; }
.tyweb_vip_txtop { text-align: center; }
.tyweb_vip_txtop h1 { margin: 30px 0 30px 0; text-align: center; font-size: 30px; letter-spacing: 2px; line-height: 30px; padding: 0 80px; position: relative; display: inline-block; color: #333; }
.tyweb_vip_txtop h1:before { content: ''; width: 61px; height: 10px; position: absolute; top: 10px; left: 0; background: url(../images/tyweb_hdicon3.png) center no-repeat; }
.tyweb_vip_txtop h1:after { content: ''; width: 61px; height: 10px; position: absolute; top: 10px; right: 0; background: url(../images/tyweb_hdicon4.png) center no-repeat; }
.tyweb_vip_txtop em { display: block; border-bottom: 1px solid var(--primary-color); width: 50px; margin: 20px auto; }
.tyweb_youshi_box ul li { float: left; width: 33%; padding-bottom: 20px; }
.tyweb_vip_icon { width: 64px; height: 64px; margin: 0 auto 10px; }
.tyweb_youshi_box ul li h5 { height: 30px; line-height: 30px; margin: 10px 0; font-size: 18px; color: #333; font-weight: 500; overflow: hidden; text-align: center; }
.tyweb_youshi_box ul li p { height: 30px; line-height: 30px; margin: 0 0; font-size: 14px; color: #999; font-weight: 500; overflow: hidden; text-align: center; }
.yuvip_pic { height: 270px; text-align: center; padding: 0 20px; background: url(../images/bg.jpg) no-repeat center top; background-size: 100% 100%; }
.yuvip_pic .yuvip_pic_title { padding-top: 66px; font-size: 40px; color: #fff; font-weight: bold; letter-spacing: 5px; }
.yuvip_pic .yuvip_pic_title_small { padding-top: 28px; font-size: 18px; color: #fff; opacity: 0.7; }
.yuvip_title { margin: 30px 0 30px 0; text-align: center; font-size: 30px; letter-spacing: 2px; line-height: 30px; padding: 0 80px; position: relative; display: inline-block; color: #333; }
.yuvip_title em { display: block; border-bottom: 1px solid var(--primary-color); width: 50px; margin: 20px auto; }
.yuvip_title:before { content: ''; width: 61px; height: 10px; position: absolute; top: 10px; left: 0; background: url(../images/tyweb_hdicon3.png) center no-repeat; }
.yuvip_title:after { content: ''; width: 61px; height: 10px; position: absolute; top: 10px; right: 0; background: url(../images/tyweb_hdicon4.png) center no-repeat; }
.yuvip_buy { max-width: 1200px; padding: 40px; background: #fff; min-height: 680px; height: 680px; position: relative; margin: 0 auto; top: -116px; border-radius: 6px; text-align: center; }
.yuvip_buy li { float: left; margin: 0 10px; width: 23.2%; padding: 0; border-radius: 6px; background: #ffffff; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.15); }
.yuvip_buy li .top { background-size: 100%; height: 93px; border-radius: 6px 6px 0 0; }
.yuvip_buy li .con .price .yuvip_old { position: absolute; margin-left: 113px; font-size: 20px; color: #FF6869; font-weight: normal; font-style: normal; text-decoration: line-through; }
.yuvip_buy li .top .text1 { padding: 20px 0 4px 0; font-size: 24px; color: #ffffff; }
.yuvip_buy li .top .text2 { font-size: 14px; color: #fff; }
.yuvip_buy li .con { padding: 24px 30px 0 30px; font-size: 14px; }
.yuvip_buy li .con .price { padding-bottom: 10px; font-size: 44px; color: #333; font-weight: bold; }
.yuvip_buy li .con .price span { padding-left: 8px; font-size: 14px; font-weight: normal; color: rgba(0,16,19,0.5); vertical-align: 2px; }
.yuvip_buy li .con .yuvip_buy_to { display: inline-block; width: 138px; height: 44px; margin-top: 15px; border-radius: 22px; font-size: 16px; color: #fff; background: #f66; background: -webkit-linear-gradient(left, #f66 0, #e70e0e 100%); background: linear-gradient(to right, #f66 0, #e70e0e 100%); letter-spacing: 0; text-align: center; line-height: 44px; transition: none; }
.yuvip_buy li .con .line { height: 1px; margin: 24px 0 20px; background: rgba(0,16,19,0.15); }
.yuvip_buy li .con .yuvip_buy_intro { height: 180px; }
.yuvip_buy li .con .yuvip_bold { padding-bottom: 8px; font-weight: bold; color: rgba(0,16,19,0.5); }
.yuvip_buy li .con .yuvip_light { padding-bottom: 8px; color: #001013; }
.yuvip_buy li .con .yuvip_light>span { padding: 0 4px; color: #65430B; font-weight: bold; }
.yuvip_buy li .con .yuvip_light .question .tip { display: none; position: absolute; width: 120px; padding: 10px; border-radius: 6px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); line-height: 20px; background: #fff; top: -8px; left: 20px; font-size: 12px; color: #001013; box-sizing: border-box; text-align: left; }
.yuvip_buy li .con .half-box-bottom { height: 180px; }
.yuvip_serve_father { max-width: 1200px; padding: 40px; background: #fff; display: inline-block; position: relative; margin: 0 auto; top: -92px; border-radius: 6px; text-align: center; }
.yuvip_serve { display: inline-block; }
.yuvip_serve ul { max-width: 1200px; }
.yuvip_serve ul li { float: left; width: 25%; }
.yuvip_serve ul li div { height: 200px; padding: 15px 10px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #fff0; transition: all ease-in-out 0.3s; border-radius: 6px; margin: 12px; }
.yuvip_serve ul li div:hover { border: 1px solid #EAECEF; box-shadow: 0 2px 5px 2px #D4D4D4; }
.yuvip_serve ul li img { width: 60px; height: 60px; margin: 0 auto 20px; }
.yuvip_serve ul li p { margin-bottom: 10px; padding: 0 15px; font-size: 18px; color: #444444; text-align: center; line-height: 25px; box-sizing: border-box; }
.yuvip_serve ul li em { height: 20px; font-size: 12px; color: #666666; text-align: center; line-height: 20px; font-style: normal; transition: all ease-in-out 0.3s; }
.yuvip_select { max-width: 1200px; margin: 0 auto; }
.yuvip_select_title { position: relative; padding-top: 64px; text-align: center; }
.yuvip_select_title p { margin-bottom: 30px; font-size: 16px; color: #999999; letter-spacing: 2px; }
.yu_issue_father { background: #f3f4f8; }
.yu_issue { max-width: 1200px; margin: 0 auto; padding-top: 9px; }
.yu_issue li { width: 1200px; margin: 20px 0; }
.yu_issue h6 { height: 20px; font-size: 14px; color: #666666; line-height: 20px; }
.yu_issue span { float: left; }
.yu_issue p { margin-bottom: 15px; padding: 16px 0; font-size: 14px; color: #777777; line-height: 22px; box-sizing: border-box; border-bottom: 1px dashed #dddddd; }
.tyweb_vip_ping { max-width: 1200px; padding: 40px; background: #fff; display: inline-block; position: relative; margin: 0 auto; top: -66px; border-radius: 6px; text-align: center; }
.tyweb_vip_ping li { float: left; width: 28.6%; padding: 20px 15px; padding-bottom: 40px; margin: 10px 10px; background: #fff; border: 1px solid #f0f0f0; border-radius: 15px; }
.deanmbavar { width: 80px; height: 80px; margin: 0 auto; position: relative; }
.deanmbavar img { border-radius: 50%; }
.deanmbavar span { display: block; width: 30px; height: 30px; background: url(../images/tyweb-vip-v.png) 0 0 no-repeat; background-size: 30px 30px; position: absolute; bottom: -10px; right: -10px; }
.deanmbusename { height: 30px; line-height: 30px; margin-top: 10px; font-size: 16px; color: #666; }
.deanmbusename b { font-size: 14px; color: #fec42d; padding-left: 10px; }
.tyweb_vip_ping ul li p { font-size: 14px; line-height: 23px; height: 88px; padding: 0 20px; margin-top: 5px; color: #666; display: block; text-align: left; }
.tyweb_vip_ping ul li p b { color: #ccc; font-size: 23px; }
@media screen and (max-width: 800px) {
.tyweb_vip_txtop h1, .yuvip_title { font-size: 18px; }
.yuvip_buy li { margin: 10px 0!important; width: 100%!important; }
.yuvip_buy, .tyweb_portal_block_summary, .yuvip_serve_father { padding: 20px!important; }
.yuvip_buy { min-height: auto!important; height: auto!important; display: inline-block; }
.yuvip_serve ul li { width: 100%; }
.tyweb_vipbgs { height: 400px!important; background: url(../images/vip-banner.png) center no-repeat border-box #ffc003; background-size: 100% 78%; }
.tyweb_vip_ping li { width: 100%!important; padding: 0!important; padding-bottom: 20px!important; padding-top: 20px!important; margin: 10px 0!important; }
.yuvip_pic { background: url(../images/bg.jpg) no-repeat center top !important; }
.yuvip_pic .yuvip_pic_title { padding-top: 66px; font-size: 18px; }
.yuvip_pic .yuvip_pic_title_small { padding-top: 16px; font-size: 13px; }
}
/*
* ------------------------------------------------------------------------------
* 用户中心
* ------------------------------------------------------------------------------
*/
.user-menu li { }
.user-menu .tyweb-active a { color: #fff; }
.user-menu li a { font-size: 15px; padding-bottom: 25px; }
.user-data { padding: 20px }
.user-data ul { font-family: Arial; list-style: none }
.user-data ul li { padding-bottom: 10px; margin-bottom: 10px; }
.user-data ul li:last-child { margin-bottom: 0; }
.user-data .user-data-title { margin-bottom: 20px; }
.user-data .user-data-title span { border-bottom: 1px solid #000; padding-bottom: 10px }
.user-box { padding: 30px }
.user-comment { }
.user-comment-content { padding: 20px; width: 95%; }
.user-comment-item { margin-bottom: 20px; padding-bottom: 20px }
.user-set { }
.user-set-head { padding-bottom: 20px; }
.user-set-head .upload-avatar { cursor: pointer; opacity: 0; height: 40px; }
.user-set-head .user-name { margin-top: 5px }
.user-set-head .btn { width: 100px; height: 36px; text-align: center; line-height: 36px; color: #fff; font-size: 14px; transform: translateY(15px); }
.user-user-submit { font-size: 15px; padding: 6px 15px; transform: translateY(13%); background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); color: #fff!important; }
/*投稿优化*/
.tyweb-tougao-sx { }
.tyweb-tougao-ysz { position: relative; padding: 10px 30px 10px 45px!important; }
.tyweb-tougao-ysz .tyweb-tougao-yss { margin-left: 4.5%!important; }
.tyweb-tougao-ysz label { display: inline-block; font-size: 15px; line-height: 34px; font-weight: 400; color: #666; }
.tyweb-tougao-ys { position: relative; padding: 10px 30px 10px 56px!important; }
.tyweb-tougao-ys .tyweb-tougao-yss { margin-left: 4.5%!important; }
.tyweb-tougao-yss .csf-fieldset input { width: 100%!important; height: 34px; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #dcdfe6; border-radius: 2px; -webkit-transition: border-color .15s ease-in-out; -o-transition: border-color ease-in-out .15s; transition: border-color .15s ease-in-out; display: block; font-size: 14px; line-height: 1.42857; color: #555; }
.tyweb-tougao-ys p, .tyweb-tougao-ysz p { font-size: 12px; color: #aaa; }
.tyweb-tougao-shux { width: 4%!important; }
.tyweb-tougao-shux h4 { display: inline-block; font-size: 15px; line-height: 34px; font-weight: 400; color: #666!important; }
.tougao-item-erphpdown { display: none }
.tougao-item > p { font-size: 12px; color: #aaa; margin: 0 }
.tougao-item .tougao-select label { margin-right: 10px; cursor: pointer; }
.tougao-item { margin-bottom: 20px; position: relative; margin-left: 15px; }
.tougao-item label { font-weight: unset; }
.tougao-item { margin-bottom: 0px; position: relative; top: -23px; }
.tougao-item-erphpdown { display: none }
.tougao-item > label { font-weight: 400; margin-bottom: 9px; margin-top: 16px; }
.tougao-item > p { font-size: 12px; color: #aaa; margin: 0 }
.tougao-item .tougao-input { width: 100%; border: 1px solid #eaeaea; padding: 10px 12px; display: block; border-radius: 3px; }
.tougao-item .tougao-input2 { padding-right: 60px; }
.tougao-item .tougao-btn { background: #ff5f33; color: #fff; border: none; border-radius: 3px; padding: 8px 30px; cursor: pointer }
.tougao-item .tougao-tax { display: inline-block; }
.tougao-item .tougao-select { display: inline-block; }
.tougao-item .tougao-select label { margin-right: 10px; cursor: pointer; }
.tougao-item .tougao-select .postform { border: 1px solid #eaeaea; height: 29px; line-height: 29px; background: transparent; border-radius: 3px; padding: 2px 5px; }
.tougao-item .upload-wrap { position: absolute; right: 12px; top: 26px; color: #999; }
.tougao-item .upload-wrap a { color: #999; }
.tougao-item .upload-wrap .file-progress { position: relative; top: 6px; }
.tougao-item .upload-wrap .icon { font-size: 22px; top: 0; }
.tougao-item-title { margin-left: 43px; display: inline-block; }
@media screen and (min-width: 979px) {
.tougao-item { margin-left: 90px; }
}
@media screen and (max-width: 978px) {
.tougao-item-title { display: none; }
.tougao-item { top: auto; }
.tyweb-tougao-ys { padding: 10px 30px 10px 13px!important; }
.tyweb-tougao-shux { width: 100%!important; }
.tyweb-tougao-ysz { padding: 10px 30px 10px 0px!important; }
}
/*用户弹窗优化*/
.tyweb-user-t a:hover { color: var(--primary-color)!important; }
.tyweb-users-s { display: block; margin-bottom: 18px; width: 100%; height: 55px; border-radius: 4px; color: #fff; font-size: 1pc; line-height: 55px; cursor: pointer; text-align: center; position: relative; overflow: hidden; background: #007aff; background-color: var(--primary-color); background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); }
.tyweb-users-s a { color: #fff; height: 55px; line-height: 55px; display: block; }
.tyweb-users-s:hover { background: #007aff; background-color: #13adff; background-image: -webkit-gradient(linear, left top, right top, from(#13adff), to(#006eff)); background-image: -webkit-linear-gradient(left, #13adff, #006eff); background-image: -o-linear-gradient(left, #13adff 0, #006eff 100%); background-image: linear-gradient(90deg, #13adff, #006eff); }
.tyweb-users-s:before { content: " "; display: block; width: 20px; height: 20px; position: absolute; left: 5px; top: 5px; background: url(../images/tyweb_bianji.svg) 50% no-repeat; background-size: 20px auto; z-index: 10; }
.tyweb-users-s:after { content: " "; display: block; width: 70px; height: 70px; position: absolute; left: -35px; top: -35px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: rgba(0,0,0,.15); z-index: 5; }
.tyweb-czgr { width: 100%; height: 45px!important; line-height: 45px!important; margin-bottom: 10px; }
.tyweb-users-z { width: 50%!important; float: left; height: 45px!important; line-height: 45px!important; }
.tyweb-users-z .tyweb-cz { margin-right: 5px; background-color: #fff; box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0); border: 1px solid #268df7; color: #268df7!important; }
.tyweb-users-z .tyweb-cz:hover { color: #fff!important; border: 1px solid #fff00; background-color: #268df7; box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0); }
.tyweb-users-z a { color: #fff; display: block!important; padding: 0; vertical-align: middle; padding: 0; line-height: 36px; text-align: center; text-decoration: none; font-size: 14px; border-radius: 3px; }
.tyweb-users-z .tyweb-gr { margin-left: 5px; background-color: #fff; box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0); border: 1px solid #ff6922; color: #ff6922!important; }
.tyweb-users-z .tyweb-gr:hover { color: #fff!important; border: 1px solid #fff00; background-color: #ff6922; box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0); }
.night .tyweb-users-z .tyweb-gr, .night .tyweb-users-z .tyweb-cz { background-color: #111111; }
/*
* ------------------------------------------------------------------------------
* 商城中心优化
* ------------------------------------------------------------------------------
*/
@media (max-width: 800px) {
.pagesider-menu { display: none!important; }
.pagesider-menu-mobile { display: block !important; padding: 10px!important; }
#tyweb-users .pagesidebar { width: 100%!important; position: static!important; border-radius: 4px 4px 0px 0px!important; margin-bottom: 10px; }
.pagesidebar .pagesider-menu li { float: left!important }
.user-menu li a { font-size: 13px!important; }
.tyweb-user-zhxx .item .tips { display: none!important; }
.tyweb-user-zhxx .item p { font-size: 12px!important; margin-top: 4px!important; }
.tyweb-user-zhxx .item b { font-size: 15px!important; font-weight: 400!important; }
.profile-box .submit { margin: -10px 0 0!important; }
.pagecontent { border-left: 1px solid #fff0!important; }
#tyweb-users .pagewrapper { background: #fff!important; padding: 10px; }
#tyweb-users .pagecontent { clear: both!important; margin-left: auto!important; }
#tyweb-users .pagesider-menu { padding: 0px !important; height: 40px!important; white-space: nowrap!important; overflow-x: scroll !important; }
#tyweb-users .pagesider-menu li { display: inline-block !important; }
#tyweb-users .pagesider-menu li a { display: inline-block !important; position: relative !important; }
}
/*
* ------------------------------------------------------------------------------
* 网址导航样式
* ------------------------------------------------------------------------------
*/
.site { }
.site-head { width: 100%; max-height: 300px; background-size: 100%; }
.site-switcher { width: 600px; }
.site-switcher-menu { }
.site-switcher-menu li { display: inline-block; padding: 10px 0; margin: 0 20px; }
.site-switcher-menu li span { cursor: pointer; font-size: 15px; color: #666; }
.site-switcher-menu .tyweb-active { position: relative; }
.site-switcher-menu .tyweb-active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #2c63ff; box-shadow: 0 1px 7px -1px #2c63ff; border-radius: 4px; }
.site-switcher-main { box-shadow: 0 6px 20px -8px #e5f2ff; }
.site-select { border: 0; padding: 0 20px; outline: medium; cursor: pointer }
.site-form { display: none; }
.site-form input { width: 100%; border-radius: 4px; padding: 16px 0; text-indent: 1em; border: 0; }
.site-form input:focus { outline: medium; }
.site-form button { position: absolute; top: 10px; right: 0; border: 0; background: none; cursor: pointer; margin: 5px 10px; font-weight: bold; color: #54677b; }
.site-search { flex: 1; }
.site-item { box-shadow: 0 10px 20px -10px rgb(230, 234, 245); transition: all .3s; }
.site-item:hover { transform: translateY(-5px); }
.site-item>a { color: #262626; }
.site-item>a:hover { color: #000; }
.site-item-data { padding-top: 10px; margin-top: 10px; }
.site-item .site-item-tag { }
.site-item .site-item-tag a { display: inline-block; padding: 3px 8px; background: #f9f9f9; color: #999; font-size: 12px; border-radius: 4px; }
.site-item .site-item-tag a:hover { color: #fff; background: #2c63ff; box-shadow: -3px 2px 10px -2px #2c63ff; }
.site-item .site-item-go { flex: 1; color: #262626; }
.site-icon { width: 32px; height: 32px; }
.site-icon img { min-height: 100% }
.sitenav { }
.sitenav li { list-style: none }
.sitenav li:last-child { border: 0 }
.sitenav li a { color: #999; font-size: 13px; background: #fff; min-width: 90px; }
.sitenav li a:hover { color: #262626 }
.sitenav li i { font-size: 14px; color: #ddd; margin-right: 3px; transition: all .3s }
.sitenav li a:hover i { margin-right: 6px }
.sitenav li b { padding: 0 20px; border-right: 1px solid #eee; }
.sitenav li b i { color: #aaa }
.site-submit { line-height: 52px; font-size: 15px; }
.site-title { }
.site-title span { padding-bottom: 12px; border-bottom: 2px solid #000; color: #262626; font-size: 15px; }
.site-box { padding: 15px 20px }
.site-box .site-box-cover { width: 160px; height: 160px }
.site-box .site-box-cover img { width: 100%; height: 100% }
.site-box-cover-small { width: 45px; height: 45px; }
.site-content { }
.site-content ul { padding: 20px; list-style: none; }
.site-content li { margin-bottom: 10px; font-size: 13px; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; }
.site-content li:last-child { border: 0; margin: 0; padding: 0 }
.site-content p { margin: 0; display: inline-block }
.site-content .btn { padding: 2px 6px; font-size: 13px; }
/*网址收录*/
.tyweb-sitebmit { display: flex; background: #fff; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 6px; box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1); padding: 20px 40px 20px 0; }
.tyweb-sitebmit-text { color: #fff; background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%); padding: 1rem 1.5rem;  border-radius: .375rem;
max-width: 100%; font-size: 13px; }
.tyweb-sitebmit h3 { margin: 0; font-size: 1.5rem; }
.tyweb-sitebmit h3 i { font-size: 33px; vertical-align: middle !important; }
.tyweb-sitebmit p { margin-top: 0; margin: 0 0 20px 0; }
/*网址收录*/


/*
* ------------------------------------------------------------------------------
* 底部样式
* ------------------------------------------------------------------------------
*/
.tyweb-gongan img { width: 16px; display: inline-block; transform: translateY(-18%); position: relative; margin-right: 3px; }
.foot-link { background: #1d1d1d; font-size: 12px; }
.footer { }
.foot { }
.foot-logo { height: 48px; margin-bottom: 10px; }
/*.foot-logo img {
	height: 100%
}*/
.foot-item { padding-right: 50px; color: #676b6f; }
.foot-item-first { }
.foot-item-first:after { content: ""; display: block; width: 0; height: 10px; position: absolute; top: 50%; right: 0; height: 100%; top: 0; margin-top: 0; border-right: 1px solid; border-color: #25282a; -webkit-box-shadow: 1px 0 1px #393c40; box-shadow: 1px 0 1px #393c40; }
.foot-item .foot-item-title { font-size: 16px; margin-bottom: 10px; }
.foot-item ul { list-style: none; }
.foot-item ul li { width: 50%; margin-top: 0!important; margin-bottom: 10px; float: left; }
.foot-item ul li a { color: #676b6f; font-size: 14px; }
.foot-item p { font-family: arial; }
.foot-cop { background: #25282a; color: #676b6f; font-size: 13px; }
.foot-cop a { color: #676b6f; font-size: 13px; }
.foot-cop a:hover { color: #fff; }
@media (min-width: 1px) {
.link h2 { display: none; }
}
.link { padding: 12px 15px; }
.link ul { list-style: none; display: inline; }
.link ul li { display: inline; font-size: 14px; }
.link ul li a { color: #666; font-size: 14px; margin-right: 15px; font-size: 13px; }
.foot a:hover { color: #fff; }
.link a:hover { color: #fff; }
/*底部统计模块新*/

/*统计*/
.tyweb-clearfix-t { padding: 40px 0 0 0; }
.product-number-info { position: relative; z-index: 2; }
.product-number-info li:first-child { border: none; }
.product-number-info li { float: left; width: 239px; height: 90px; border-left: 1px solid #66c7fd; color: #fff; padding-top: 1px; list-style: none; }
.product-number-info li b { font-weight: 400; font-size: 36px; line-height: 1; display: inline-block; position: relative; margin: 15px 0 10px; }
.product-number-info li b i { font-style: normal; }
.product-number-info li b sup { position: absolute; font-size: 20px; right: -15px; top: -3px; }
.product-number-info li p { font-size: 14px; }
/*统计*/


.cloud-banner { position: relative; min-width: 100%; height: 300px; overflow: hidden; color: #fff; text-align: center; }
.cloud-bubble-one { position: absolute; top: -120px; left: 50%; z-index: 1; margin-left: -120px; width: 240px; height: 240px; background: url(../images/tyweb-footer-bule1.png); animation: bubble-animate-1 linear 10s infinite; }
.cloud-bubble-two { position: absolute; top: 50px; left: 34%; z-index: 1; width: 360px; height: 360px; background: url(../images/tyweb-footer-bule2.png); animation: bubble-animate-2 linear 12s infinite; }
.cloud-bubble-three { position: absolute; top: 50px; left: 48%; z-index: 2; width: 300px; height: 300px; background: url(../images/tyweb-footer-bule3.png); animation: bubble-animate-3 linear 11s infinite; }
 @keyframes bubble-animate-1 {  from {
 top: -120px
}
 50% {
 top: -180px
}
to { top: -120px }
}
 @keyframes bubble-animate-2 {  from {
 top: 50px;
 left: 34%
}
 50% {
 top: 80px;
 left: 24%
}
to { top: 50px; left: 34% }
}
 @keyframes bubble-animate-3 {  from {
 top: 50px;
 left: 48%
}
 50% {
 top: 80px;
 left: 58%
}
to { top: 50px; left: 48% }
}
.cloud-bubble-text { position: relative; padding-top: 35px; z-index: 2; font-size: 24px; }
.cloud-bubble-link { position: relative; z-index: 2; }
.cloud-bubble-link a { display: inline-block; margin-top: 24px; width: 220px; height: 44px; line-height: 44px; border: 1px solid #fff; color: #fff; border-radius: 50px; }
.cloud-bubble-link a:hover { color: #2c63ff; background-color: #fff; }
/*底部活动图*/
.tyweb-footer-h { position: fixed; z-index: 9999; }
.tyweb-footer-h img { float: right; }
/*
* ------------------------------------------------------------------------------
* 通知样式修改
* ------------------------------------------------------------------------------
*/
.tyweb-notification-message { color: #fff; font-size: 14px }
.tyweb-notification-message .tyweb-notification-close { display: none!important }
.tyweb-notification-message-primary { }
.tyweb-notification-message-warning { background: #faa05a }
.tyweb-notification-message-success { background: #32d296 }
.tyweb-notification-message-danger { background: #f0506e }
/*
* ------------------------------------------------------------------------------
* 夜间暗黑anhei模式
* ------------------------------------------------------------------------------
*/
.night .tyweb-zz-background { background: #111!important; }
.night .tyweb-web-info li { background-color: #111111; }
.night .tyweb-gonggao-li { background-color: #151617; }
.night .tyweb-gonggao-entry-content blockquote { background-color: #111; }
.night .tyweb-gonggao-title { color: #999; }
.night blockquote { background-color: #111; }
.night .tyweb-sitebmit h3 { color: #999; }
.night .tyweb-sitebmit { background: #151617; box-shadow: inherit; }
.night .tyweb-footer-sidebar .a { background: #151617; }
.night .tyweb-footer-sidebar .a-top { background: #151617; }
.night .single-navs { background: #151617 !important; }
.night .tyweb-archives { background-color: #151617; }
.night .tyweb-shop-commont span { color: #fff; background: #151617 url(../images/icon-t-s.png) no-repeat center left; }
.night .tyweb-shop-commont { background: url(../images/icon-5-s.png) no-repeat center right; }
.night .tyweb-qa-commont { background: url(../images/icon-5-s.png) no-repeat center right; }
.night .tyweb-qa .tyweb-qa-problems_each { background: #111111; }
.night .tyweb-qa .tyweb-qa-problems_each_t { border-bottom: 1px dashed #141617; }
.night .tyweb-qa-problems_each_t a { color: #b4b4b4; }
.night .tyweb-shop1-zl { background: #151617; }
.night .main_info_top_item { border: 1px solid #222; }
.night .content_cctr input { background: #111111; }
.night .item_title { color: #999; background-color: #111111; border-right: 1px solid #222; }
.night .item_content1 { color: #999; }
.night .main_info_top_item2 { border: 1px solid #222; }
.night .item_content2 { color: #999; }
.night .main_info_tb { background-color: #191a1b; }
.night .custom { background: #191a1b; border: 1px solid #222; }
.night .tyweb-sidebar-shop .custom { background: inherit; border: inherit; }
.night .tyweb-xiangguan .card-item { border: 1px solid #111111; box-shadow: 0 0px 0px 0 rgb(52 73 94 / 0%); }
.night .poster-share-ico a { border: 1px solid #262626; color: #590F0B; background: rgb(17, 17, 17); }
.night .tyweb-alert-banquan { background: #111111; color: #333; }
.night .tyweb-link-row { background-color: #151617; }
.night .tyweb-link-row h1, .night .tyweb-link-row h2, .night .tyweb-link-row h3 { color: #999; }
.night .tyweb-link-plinks li.linkcat ul li { background: #111; }
.night .tyweb-link-plinks li.linkcat ul li a { color: #f8f8f8; }
.night .custom:before { background-image: -webkit-linear-gradient(46deg, #111111 48%, #151617 91%); background-image: -o-linear-gradient(46deg, #111111 48%, #151617 91%); background-image: linear-gradient(44deg, #111111 48%, #151617 91%); }
.night .customdp { background: #191a1b; color: #0274ff !important; border: 1px solid #0274ff; }
.night .tyweb-htt { border-top: 1px solid #111111; }
.night .item_titles { background-color: #111111; border-right: 1px solid #111111; }
.night .customdp:hover { color: #fff !important; background: #0274ff; border: 1px solid #0274ff; }
.night .midTitle h1 { color: #fff; }
.night .tyweb-zhuanti-item a { background-color: #151617; }
.night .tyweb-zhuanti-item h2 { color: #fff; }
.night .tyweb-single-weizhi { background-color: #151617; border: 1px solid #222; border-radius: 4px!important; }
.night .turning_turn_trademark_show_row1 li { background: #111111; }
.night .turning_turn_trademark_show_row1 ul { border: 1px solid #262626; }
.night .turning_turn_trademark_show_row1 span { color: #999999; }
.night .tyweb-fl-icon a { background-color: #141617; }
.night .tyweb-catnav-3 .tyweb-fl-icon a { background-color: #111111; }
.night .tyweb-catnav-3 .content_cctr input { background: #111111; }
/*.night .tyweb-padding-remove a{
        background: linear-gradient(rgb(20, 22, 23) 0%, rgb(20, 22, 23) 30%);
}*/
.night .zhuanti { background: inherit; }
.night .beijing { background: inherit!important; }
.night .tyweb_freepath_subtitle { background: #141617; border-bottom: 1px solid #111111; }
.night .b-a { border: 1px solid #2220 }
.night .b-b { border-bottom: 1px solid #111 }
.night .b-t { border-top: 1px solid #222 }
.night a, .tyweb-link { color: #fff; }
.night .navbar { background: #1d1f20; }
.night .nav>ul>li>a { color: #fff; }
.night .nav>ul>li .sub-menu li a:hover { color: #fff; }
.night .page-menu ul li { border-bottom: 1px solid #111111; }
.night .page-menu .current-menu-item { background: #11111100; }
.night .nav>ul>li .sub-menu { background: #262626; border-top: 1px solid #262626; }
.night .nav>ul>li .sub-menu li a { color: #fff; }
.night .header-info i { color: #fff; }
.night .user-info { background: #151617; }
.night .user-info:before { background-image: -webkit-linear-gradient(46deg, #111111 48%, #343434 91%); background-image: -o-linear-gradient(46deg, #b5dfff 48%, #f4faff 91%); background-image: linear-gradient(44deg, #343434 48%, #111111 91%); }
.night .user-info:after { background-image: -webkit-linear-gradient(47deg, #111111 1%, #c4c4c4); background-image: -o-linear-gradient(47deg, #b5dfff 1%, #f4faff 100%); background-image: linear-gradient(43deg, #111111 1%, #3e3e3e); }
.night .header-info .avatar img { border: 3px solid #333; }
.night .user-info-menu { background-color: #111!important }
.night .user-info h4 { color: #fff; }
.night .side-author .avatar img { border: 4px solid #262626; }
.night .tyweb-background-muted { background-color: #111 }
.night .tyweb-background-default { background-color: #151617 }
.night .cat-switcher .tyweb-active h3 { background: #141617; color: #6e98fb!important; border: 1px solid #141617; }
.night .cat-switcher h3 { color: #999!important; background: #141617; border: 1px solid #141617; }
.night .tyweb-cat-switcher h5 { color: #fff; }
.night .user-info .vip-left, .night .user-info .money-left { background: #111; }
.night .fastnav-item h3 a { color: #fff; }
.night .fastnav-item i { color: #fff; }
.night .fastlink-title { color: #fff; }
.night .fastlink-icons i { background: #262626; }
.night .sub-nav li { background: #131617; border: 1px solid #141617; }
.night .tyweb-phbf .tyweb_title_only { background: #141617; }
.night .yewu1-title h1 { color: #fff; }
.night .yewu1 { background: #ffffff00 !important }
.night .fastlink-list { border-left: 1px solid #262626; }
.night .fastlink-list li::after { background: #151617; border: 1px solid #262626; }
.night .tags-item a { background: #262626; color: #999; }
.night .fastlink-icons-d a { background: #151617; color: #999; }
.night .tyweb-alert-primary { background: #262626; }
.night .tyweb-lanmu-fenlei dt, .night .tyweb-flss dt { color: #fff; }
.night .cat-switcher .tyweb-active h3 { color: #fff; }
.night .mob-nav .sub-menu { background: #111111!important; list-style: none; }
.night .card-item .title { color: #fff; }
.night .item-foot .cat a { background: #262626; color: #999; }
.night .section-title h3 { color: #666; }
.night .blog-item-content h3 a { color: #fff; }
.night .rank-item { border-bottom: 1px dashed #262626; }
.night .rank-item:hover { background: #111; }
.night .rank-item-title a { color: #fff; }
.night .topic-item h3 a { color: #fff; }
.night .list-nav .current-cat a { color: var(--primary-color); }
.night .list-nav .current-cat a { background: #111111; }
.night .list-nav .current-cat-parent a, .list-nav .current-cat-ancestor a { background: #111111; }
.night .fenye .page-numbers { background: #151617; border: 0 }
.night .tyweb_freepath_description { background: linear-gradient(rgb(19, 22, 23) 0%, rgb(19, 22, 23) 30%)!important; }
.night .fenye .current { background-color: #590F0B!important; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff))!important; background-image: -webkit-linear-gradient(left, #006eff, #13adff)!important; background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%)!important; background-image: linear-gradient(90deg, #006eff, #13adff)!important; -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3)!important; box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3)!important; }
.night .fenye .page-numbers:hover { background-color: #590F0B!important; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff))!important; background-image: -webkit-linear-gradient(left, #006eff, #13adff)!important; background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%)!important; background-image: linear-gradient(90deg, #006eff, #13adff)!important; -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3)!important; box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3)!important; border: 0; color: #fff; }
.night .hot-tag a { color: #999; }
.night .single-content a { color: #fff; }
.night .single-content pre { background: #111; border: 1px solid #262626; }
.night .tyweb-text-fz { background: #111; border: 1px solid #262626; }
.night .comment-from textarea { background: #111; border: 1px solid #262626; }
.night .comment-from textarea:focus { background: #111; border: 1px solid #262626; }
.night .side-author-count { background-color: #151617!important }
.night .side-author-count ul li { }
.night .card-title-desc a { background: linear-gradient(rgb(19, 22, 23) 0%, rgb(19, 22, 23) 30%)!important; }
.night .side-author-count .item { background-color: #111; }
.night .side-title { color: #fff; }
.night .side-author-latest ul { border-left: 1px solid #262626; }
.night .side-author-latest ul li a { color: #999; }
.night .side-author-latest ul li span { color: #444; }
.night .helper h5 { color: #fff; }
.night .single-head h1 { color: #fff; }
.night .single-content h3 { color: #fff; }
.night .single-content h3:before { border-bottom: 2px dashed #262626; }
.night .single-content li { border-bottom: 1px dashed #262626; }
.night .tyweb-modal-dialog { background-color: #111; }
.night .tyweb-modal-dialog h3 { color: #fff; }
.night .search input { background-color: #111; }
.night .search input:focus { background: #111; }
.night .search i { color: #fff; }
.night input:focus { background: #111!important; }
.night .tyweb-input, .night .tyweb-select, .night .tyweb-textarea { background: #111; border: 1px solid #262626; }
.night .hot-tag a:hover { color: #fff; }
.night .page-tags-item .name { color: #fff; }
.night::-webkit-scrollbar {
 width: 10px;
 height: 4px;
 background-color: #000;
}
 .night::-webkit-scrollbar-track {
 background-color: #000;
}
 .night::-webkit-scrollbar-thumb {
 background-color: #262626;
 border-radius: 10px
}
.night .tags-item a:nth-child(3) { box-shadow: none; }
.tags-item a:hover { box-shadow: none; }
.night .comment-main { border-top: 1px solid #262626; }
.night .aui-scrollView { background: #141617; border-top: 1px solid #111111; }
.night .aui-footer { background: #111111; }
.night .comment-list .children .comment { border-left: 6px solid #262626!important; }
.night .single-nav li span { color: #fff; }
.night .single-nav li a { color: #fff; }
.night .new-comment::-webkit-scrollbar {
 width: 10px;
 height: 4px;
 background-color: #111;
}
.night .new-comment::-webkit-scrollbar-track {
 background-color: #111;
}
 .night .new-comment::-webkit-scrollbar-thumb {
 background-color: #000;
 border-radius: 10px
}
.night .section-title { color: #fff; }
.night .cat-switcher .tyweb-active h3 a { color: var(--primary-color); }
.night .cat-switcher h3 a { color: #666; }
.night .sitenav li b { border-right: 1px solid #222; }
.night .sitenav li a { background: transparent; color: #666; }
.night .sitenav li i { color: #666; }
.night .site-item { box-shadow: 0 10px 20px -10px rgb(0, 0, 0); }
.night .site-item .site-item-tag a { background: #262626; }
.night .site-item .site-item-tag a:hover { box-shadow: -3px 2px 10px -2px #000; }
.night .login-l { border-right: 1px solid #262626; }
.night .login-l h2 { color: #fff; }
.night .tyweb_portal_block_summary, .night .yuvip_serve_father, .night .tyweb_vip_ping { background: #151617; }
.night .tyweb_vip_txtop h1 { color: #999; }
.night .yuvip_title { color: #999; }
.night .tyweb_youshi_box ul li h5 { color: #999; }
.night .yuvip_buy { background: #151617; }
.night .yuvip_buy li, .night .yuvip_serve ul li div { background: #111111; }
.night .yuvip_buy li .con .price { color: #999; }
.night .yuvip_buy li .con .yuvip_bold, .night .yuvip_buy li .con .yuvip_light, .night .yuvip_buy li .con .price span { color: #999; }
.night .yuvip_buy li .con .yuvip_light>span { color: #ff5f33; }
.night .tyweb_vip_ping li { background: #111; border: 1px solid #111111; }
.night .tyweb-sidebar-shop .tyweb-sidebar-shop-WP { border-top: 1px solid #111111; }
.night .tyweb-sidebar-shop-copyright .chose { border-bottom: 1px solid #111111; }
.night .tyweb-sidebar-shop li .tyweb-sidebar-shop-title, .tyweb-sidebar-shop-copyright li .m-l2 { color: #838383; }
.s-res h4 { color: #fff; }
.night .buyopa { background: #151617; }
.night .mother { border-top: 1px dashed #111111; background: #151617; color: #666; }
.night .mother span em { background: #111111; }
.night .buyopa .hont { color: #666; }
.night .buyopa .tyweb-shop3-demo a { background: #151617!important; }
.night .pricelt { background: #141415; }
.night .tyweb-shop3-vip .stag_tp { border: solid 1px #111111; }
.night .tyweb-shop4-top .deankcinfos { background-color: #151617; }
.night .tyweb-shop4 .shop4_tp { border: solid 1px #232323; }
.night .tyweb-shop4-top .tyweb-shop4-bh { color: #666; background: #111111; }
.night .tyweb-shop4-top .tyweb-shop4-gx { color: #666; background: #111111; }
.night .tyweb-shop4-top .deankcinfos { margin-top: 11px; border-bottom: 1px dashed #111111; }
.night .tyweb-shop4 .mother .hont { color: #666; }
.night .tyweb-tese-remen, .night .tyweb-tese-dujia, .night .tyweb-tese-zuixin, .night .tyweb-tese-tuijian, .night .tyweb-tese-jingpin { background: #111111; }
.night .tyweb_freepath_zhujiang a { color: #bdbdbd; }
.night .tyweb-category-article:hover { background-color: #0e0e0e; }
.night .home_cms4 { background: #0e0e0e; }
.night .home_cms4_k { background: #151617; }
.night .home_cms4_mk .home_cms4_mk_title { border-bottom: 1px solid #1b1b1b; }
.night .home_cms4_mk .home_cms4_mk_i i { color: #484848; }
.night .home_cms4_mk .home_cms4_mk_tag a { background: #111111; }
.night .home_cms5_title span { color: #666; }
.night .home_cms5_link li a { background: #151617; }
.night .tyweb_category_software ul li { background: #151617; }
.night .tyweb_category_software_inner h5 a { color: #fff; }
.night .tyweb_category_software_film_dl a { background: #111; }
.night .slide_6_tjmk { background: #0e0e0e; }
.night .slide_6_link ul li a { border: 1px solid #1b1b1b; }
.night .slide_6_d .mini-stats { background-color: #111; }
.night .slide_6_d_m .mini-stats-desc { box-shadow: initial; background-color: #151617 !important; }
.night .slide_6_d .mini-stats { box-shadow: initial; }
.night .slide_6_d_right span { background-color: #151617; color: #676767 !important; }
.night .tyweb_filter_item span { color: #fff; }
.night .tyweb_filter_item a.on { background: #111111; }
.night .cat-item-dt { color: #fff!important; }
.night .tyweb-sidebar-shop-copyright li .m-r2 em { background: #111111; }
.night .tyweb-user-y li a { color: #fff; }
.night .tyweb-ziyuan-bk { border: 1px solid #151617; background: #151617; }
.night .tyweb-ziyuan-bk .tyweb-ziyuan-bk-title { background: #151617; border-bottom: 1px solid #151617; }
.night .tyweb-login-title em { border-bottom: 1px solid rgb(7 7 7); }
.night .single-content .gallery-login span { background: #111111; }
.night .tyweb-cat-blog p { color: #383838; }
.night .home-modal-main { background: #181a1b; box-shadow: 0 0 black; }
.night .home-modal-bottom ul li:nth-child(1) { background: rgb(26, 27, 28); }
.night .home-modal-bottom ul li:nth-child(2) { background: rgb(26, 27, 28); }
.night .home-modal-close { color: #181a1b; }
.night #home-modal .tyweb-modal-dialog { background-color: #1110; }
.night #header-search .tyweb-modal-dialog { background-color: #1110; }
.night .tyweb-case-desc { background-color: #151617!important; }
.night .tyweb_t_home_mk_btn { background: #151617; }
.night .tyweb_t_home_mk_a { box-shadow: 0px 10px 30px -10px #111; }
.night .tyweb-qqqun-bg { background: #151617; }
.night .tyweb-qqqun .tyweb-qqqun-lb { border: 1px solid #111111; }
/*===========================暗黑=================================*/

::-webkit-scrollbar {
 width: 10px;
 height: 4px;
 background-color: #fff;
}

::-webkit-scrollbar-track {
 background-color: #fff;
}

::-webkit-scrollbar-thumb {
 background-color: #ccc;
 border-radius: 10px
}
/*列表4优化*/
.tyweb-cat-4-h3 { position: absolute; top: -160px; color: #fff; }
/*
* ------------------------------------------------------------------------------
* 手机优化
* ------------------------------------------------------------------------------
*/
/*手机缩略图自适应*/
@media screen and (max-width: 800px) {
.card-item .cover { height: 100% !important; }
}
/*手机缩略图自适应*/
@media (min-width: 801px) {
.tyweb_app_shop { display: none }
.tyweb-display-none { display: none }
}
@media screen and (max-width: 800px) {
.beijing { background: url(../images/tyweb-bg.jpg) center top no-repeat; transform: none; }
.tyweb-tanchuang-gg-an { padding: 6px 19px!important; }
.login-main { width: 100%; margin: 0 auto; }
.tyweb-weizhi { margin-bottom: -20px; padding-top: 70px; }
.tyweb-weizhi a { color: #bdbdbd; }
.tyweb_app_img { height: 100%; }
.tyweb_app_img img { height: auto!important; }
.author-head { height: 100%; }
.tyweb_header_nav { padding: 0 10px; }
.tyweb-cat-switcher-z { margin: 5px 3px !important; }
.tyweb_biaoqian { display: block; }
.tyweb-catnav-3 .tyweb-lanmu-juli { margin-left: 7px!important; }
.tyweb-logo-shou .tyweb-logo:hover .fimg { display: none!important; }
.tyweb-logo-shou .fimg { display: none!important; }
.header_3_nav .logo:hover .fimg { display: none!important; }
.tyweb-footer-h { display: none; }
.tyweb-navbar-s { margin-right: 10px !important; }
.tyweb-dns h3 { margin-left: 16px; }
.tyweb-home-card-top { margin-top: 6px!important; }
.tyweb-home-catshow-top { margin-top: 6px!important; }
.tyweb-single-foos { padding: 11px!important; }
.tyweb-catshow-h h3 { font-size: 18px; }
.tyweb-home-card h3 { font-size: 18px; }
.tyweb-icon-index { margin-right: 3px!important; font-size: 26px!important; transform: translateY(0px)!important; }
.tyweb-switcher-top { margin-top: 20px!important; }
.tyweb-dns .tyweb-web-list { margin-left: 16px; }
.tyweb-dns-contact { margin-right: 16px; }
.tyweb-catnav-3 ul { padding: 0px 8px; }
.section-more .btn { padding: 5px 36px; font-size: 12px; }
.section-more .btn i { font-size: 12px; }
.tyweb-cat-switcher em { margin: 10px auto; }
.tyweb-cat-switcher h5 { font-size: 16px; }
.cat-switcher .tyweb-active h3 { line-height: 23px; padding: 0 6px; font-size: 12px; }
.cat-switcher h3 { line-height: 23px; padding: 0 6px; font-size: 12px; }
.meta-vip-tag { display: none!important; }
.rank { display: none; }
.tyweb-app-shop2-bt { display: none; }
.single-warp { padding: 20px; }
.tyweb-panding-s { padding: 20px; }
.comments-title { padding: 20px; }
.tyweb-htt { border-top: 1px solid #f1f1f1; margin: 10px 20px 10px 20px; width: 100%; }
.comment-list { padding: 20px; }
.tyweb-video-logo { left: 8px!important; top: 8px!important; max-width: 80px!important; }
.tyweb_app_shop { display: inherit; }
.tyweb-shop4-zl { display: none; }
.tyweb-shop3-zl { display: none; }
.tyweb-shop1-zl { display: none; }
.single-nav li { margin-right: 6px !important; }
.single-nav .current { border-bottom: 2px solid var(--primary-color); }
.single-nav li span { padding-bottom: 6px; display: block; font-size: 12px; color: #333; }
.single-nav li a { display: block; font-size: 12px; color: #333; }
.single-nav .consulting { width: 63px!important; height: 23px!important; line-height: 23px!important; font-size: 12px!important; margin-right: 0px !important; }
.single-nav .consulting a { font-size: 12px !important; color: #0274ff !important; }
.tyweb-grid-medium, .tyweb-grid-column-medium { margin-left: -8px; }
.tyweb-grid-medium > *, .tyweb-grid-column-medium > * { padding-left: 8px; }
/* Vertical */
.tyweb-grid + .tyweb-grid-medium, .tyweb-grid + .tyweb-grid-row-medium, .tyweb-grid-medium > .tyweb-grid-margin, .tyweb-grid-row-medium > .tyweb-grid-margin, * + .tyweb-grid-margin-medium { margin-top: 8px; }
.tyweb-ycd { }
.tyweb-shouji-pass, .cloud-banner { /*     display:none;*/
}
.tyweb-cat-4-h3 { top: -120px; }
.tyweb-web-nav { top: -120px; }
.tyweb-cat-4-p { display: none; }
.tyweb-padding-left-30 { padding-left: 0; }
.tyweb-side-lie-y { display: none; }
.tyweb-side-lie-z { width: 100%!important; }
.tyweb-topnav { display: none !important; }
.tyweb-nav2-em, .tyweb-navs, .tyweb_nav_focus, .tyweb_nav2_ssk, .nav_2 { display: none!important; }
.tyweb-navbar-2 { height: auto; }
.cat-bg { height: 160px; margin-top: 70px; background: url(../images/tyweb-bg.png) center top no-repeat; background-size: 100% 100%; }
.tyweb-cat-category img { height: 160px !important; }
.tyweb-qa .tyweb-qa-problems_each { width: 100% !important; margin: 0px 0px 10px 0px !important; padding-left: 0 !important; }
.tyweb-qa .tyweb-qa-clearfix { margin-left: 0px !important; display: inline-block !important; }
.tyweb-qa .tyweb-qa-problems_each_t a { font-size: 13px !important }
.card-item .title { padding: 10px; font-size: 15px; }
.tyweb_freepath_subtitle { padding: 10px; }
.slide_6_search, .slide_6_mk { display: none; }
.tyweb-web-info li { padding: 0px 6px 0px 6px!important; }
.tyweb-category-article .tyweb-cat-demo { display: none!important; }
.tyweb-category-article .tyweb-text-small { font-size: 0.675rem!important; }
.tyweb-cat-side .tyweb-text-small { font-size: 0.675rem!important; }
.tyweb-cat-side .tyweb-cat-demo { display: none!important; }
.tyweb-cat-blog .tyweb-text-small { font-size: 0.675rem!important; }
.tyweb-cat-blog .tyweb-cat-demo { display: none!important; }
.tyweb_app_shop .tyweb-tese-remen, .tyweb_app_shop .tyweb-tese-dujia, .tyweb_app_shop .tyweb-tese-zuixin, .tyweb_app_shop .tyweb-tese-tuijian, .tyweb_app_shop .tyweb-tese-jingpin { height: 20px!important; line-height: 20px!important; padding-left: 25px!important; padding-right: 8px!important; }
.tyweb_app_shop .tyweb-tese-remen span, .tyweb_app_shop .tyweb-tese-dujia span, .tyweb_app_shop .tyweb-tese-zuixin span, .tyweb_app_shop .tyweb-tese-tuijian span, .tyweb_app_shop .tyweb-tese-jingpin span { width: 16px; height: 16px; line-height: 16px; top: 2px; font-size: 12px; }
.app_shop_mk .app_shop_title_h1 { line-height: 1.8; }
.audio-left img { width: 50px !important; height: 50px !important; }
.cover-bg { width: 100px !important; height: 100px !important; }
.poster-footer { margin-bottom: 6px!important; }
.poster-footer a { margin-right: 4px!important; font-size: 12px!important; }
.audio-right { margin: 0px 0px 0px 20px!important; }
.audio-right h1 { font-size: 15px !important; font-weight: bold!important; margin-top: 0px!important; }
.tyweb-music-cat .audio-pan .play-pan { padding: 10px 43px!important; margin-top: -37%!important; top: 21px!important; }
.tyweb-music-cat .audio-pan .play-icon { top: 31px!important; padding: 10px 71px!important; }
.tyweb-music-cat .audio-pan .play-dot { right: 20px!important; }
.tyweb-music-cat .audio-pan .play-zhen { right: 32px!important; }
.tyweb-qqqun .tyweb-qqqun-lb a { padding: 4px 8px!important; font-size: 12px!important; }
.tyweb-qqqun-bg { padding: 10px!important; }
.tyweb-padding-app { padding: 10px!important; }
#tywebxiangguan .post-has-video span { display: none !important; }
}
 @media screen and (max-width: 800px) {
.user-down { margin-right: 10px!important }
.slide .slide-ul { height: 167px!important }
.slide .slide-ul img { min-width: 100%!important; max-width: none!important }
.slide .slide-item { height: 167px!important }
.slide_05 .slide-ul { height: 167px!important }
.slide_05 .slide-ul img { min-width: 100%!important; max-width: none!important }
.slide_05 .slide-item { height: 167px!important }
.l_slide { height: 167px!important; width: 100%!important; padding-right: 0!important; }
.blog-item { height: auto }
.rank-menu { width: 100% }
.rank-item-cat { padding: 0 }
.rank-item-cover { width: 100% }
.topic-item .topic-item-cover { width: 100%; max-width: 100% }
.foot-item-first:after { display: none }
.navbar { padding: 10px 0 }
.header { box-shadow: 0 0 30px rgba(0,0,0,0.07); z-index: 997; position: fixed !important; width: 100% }
.slide_05 { padding-top: 70px !important; }
.logo { flex: 1 }
.single { width: auto }
.single-head { }
.single-main { width: 100%; }
.single-foot a { margin: 0 5px }
.single-foot .btn { font-size: 0.6rem; line-height: 20px; }
.sidebar { width: 100% }
.author-menu { white-space: nowrap; overflow-x: scroll; overflow-y: hidden; }
.user-menu .tyweb-active a { color: #fff; }
.card-item .cover { padding: 5px; padding-bottom: 0; border-radius: 4px; }
.blog-item-content { padding: 10px 0; }
.blog-item .cover { height: 180px; }
.side-item .cover { height: 180px; width: 100% }
.tyweb-category-web .cover { height: 180px!important; width: 100%!important; }
.tyweb-web h3 a { font-size: 18px!important; }
.tyweb-web-list span { line-height: 22px!important; font-size: 18px!important; top: 0px!important; }
.tyweb-vip-icons .meta-vip-tag { margin: 10px 0 0 10px !important; }
.tyweb-archives-div .tyweb-width-expand { padding-left: initial; }
}
/*
* ------------------------------------------------------------------------------
* 分类列表
* ------------------------------------------------------------------------------
*/
.tyweb-card-margin-left { margin-left: 10px !important; }
.tyweb-cat-tj { background: #fe6130; display: inline-block; font-size: 12px; padding: 0 10px 1px 10px; line-height: 16px; margin-top: 0px; color: #ffffff; position: relative; border-radius: 2px; font-style: normal; font-stretch: normal; top: -4px; }
.tyweb-cat-tj:after { content: ""; width: 4px; height: 0px; border-width: 6px; border-color: transparent #fe6130 transparent transparent; border-style: solid; position: absolute; left: -14px; top: 2px; }
.tyweb-fl-icon i { margin-right: 2px; font-size: 16px; }
.tyweb-fl-icon a { display: inline-block; margin: 0 7px; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 7px; color: #8f8f8f; }
.tyweb-fl-icon a:hover { background-image: linear-gradient(90deg, #006eff, #13adff); color: #fff; }
.tyweb-catnav-2 .tyweb-lanmu-juli { margin-left: 20px; }
.tyweb-catnav-3 .tyweb-lanmu-juli { margin-left: 20px; }
.tyweb-lanmu-fenlei { position: relative; padding: 10px 0 0 100px; }
.tyweb-lanmu-fenlei dt { position: relative; color: #333; font-size: 14px; display: block; position: absolute; left: 0; top: 8px; font-weight: 400; }
.tyweb-lanmu-fenlei i { margin-right: 2px; font-size: 20px; display: inline-block; transform: translateY(2px); }
/*----------------------------相册列表----------------------------*/
.tyweb-album-5 a { color: #fff; }
.tyweb-album img { height: 100%; }
.tyweb-album { }
.tyweb-album p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.tyweb-album p { position: absolute; bottom: 0; left: 0; padding: 2em; width: 87%; opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
.tyweb-album:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.tyweb-album p { margin: 0; }
.tyweb-album p { letter-spacing: 1px; font-size: 68.5%; }
.tyweb-album figcaption { position: relative; width: 100%; }
.tyweb-album-5:hover .tyweb-album p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*----------------------------相册列表----------------------------*/


/*----------------------------软件列表----------------------------*/

.tyweb_category_software { }
.tyweb_category_software_s:hover { box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15); }
.tyweb_category_software ul li { float: left; width: 89%; padding: 20px; /*margin: 0 20px 20px 0;*/
background: #fff; transition: box-shadow 0.3s; }
.tyweb_category_software_inner { }
.tyweb_category_software_inner h5 { height: 20px; line-height: 20px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tyweb_category_software_inner h5 a { font-size: 14px; color: #333; }
.tyweb_category_software_inner h5 a:hover { color: #17A1FF; }
.tyweb_category_software_film { }
.tyweb_category_software_film_icon { float: left; width: 48px; height: 48px; }
.tyweb_category_software_film_icon a { display: block; width: 48px; height: 48px; border-radius: 4px; }
.tyweb_category_software_film_mid { float: left; margin-left: 15px; }
.tyweb_category_software_film_star { height: 20px; width: 75px; margin-bottom: 8px; margin-top: 0px; color: #ffa400; position: relative; overflow: hidden; }
.tyweb_category_software_film_mid p { height: 20px; line-height: 20px; font-size: 12px; color: #999; overflow: hidden; }
.tyweb_category_software_film_mid p em { padding: 0 10px; font-size: 12px; color: #ccc; }
.tyweb_category_software_film_dl { float: right; margin-top: 10px; }
.tyweb_category_software_film_dl a { display: block; width: 56px; height: 26px; line-height: 26px; text-align: center; color: #17A1FF; background: #fff; border: 1px solid #17A1FF; overflow: hidden; font-size: 14px; }
.tyweb_category_software_film_dl a:hover { background: #17A1FF; color: #fff; }
/* 手机端 */
/*----------------------------软件列表----------------------------*/

/*----------------------------视频列表----------------------------*/

.post-has-video { position: relative; }
.post-has-video:hover span { z-index: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.post-has-video span { display: block; width: 50px; height: 50px; position: absolute; top: 37%; left: 43%; background: url(../images/play_cover.png) center no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all .25s ease-out; -ms-transition: all ease-out .25s; -o-transition: all ease-out .25s; transition: all .25s ease-out; }
.btn-search-all, .btn-search-category { cursor: pointer; }
#tywebxiangguan .post-has-video span { display: none !important; }
/*----------------------------视频列表----------------------------*/

/*----------------------------网站列表----------------------------*/
.tyweb-category-web .cover { height: 159px; width: 245px; }
.tyweb-category-web .side-item:hover { box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15); }
.tyweb-web { min-height: auto; }
.tyweb-web h3 a { font-size: 22px; color: #4d4d4d; }
.tyweb-web-list p { margin: 0; padding-right: 10px; font-size: 12px; }
.tyweb-web-list span { display: inline-block; line-height: 26px; font-size: 29px; color: #ff2626; font-weight: bold; position: relative; top: 5px; }
.tyweb-web-list span label { font-size: 20px; }
.tyweb-web-info { margin-top: 16px; overflow: hidden; }
.tyweb-web-info ul { float: left; overflow: hidden; }
.tyweb-web-info li { background-color: #FAFBFD; float: left; position: relative; margin-right: 6px; margin-bottom: 6px; padding: 0px 12px 0px 12px; text-align: center; border-radius: 6px; }
.tyweb-web-info li .tyweb-web-info-pt { font-size: 12px; color: #999999; margin-bottom: 12px; }
.tyweb-web-info li .tyweb-web-info-pf { font-size: 14px; color: #333333; }
.tyweb-web-contact { float: right; padding-top: 10px; height: 42px; }
.tyweb-web-contact .tyweb-web-ys { border: 1px solid #3573ec; display: inline-block; height: 30px; border-radius: 4px; text-align: center; line-height: 30px; transition: all .3s; width: 98px; margin-left: 5px; position: relative; top: 5px; color: #3573ec; }
.tyweb-web-contact .tyweb-web-gm { border: 1px solid #ff2626; background: #ff2626; display: inline-block; height: 30px; border-radius: 4px; text-align: center; line-height: 30px; transition: all .3s; width: 98px; margin-left: 5px; position: relative; top: 5px; }
.tyweb-web-contact a { color: #fff; }
/*----------------------------网站列表----------------------------*/

/*----------------------------域名列表----------------------------*/
.tyweb-dns { }
.tyweb-dns h3 { display: inline-block; margin-bottom: 0; top: 9px; position: relative; margin-right: 20px; width: 440px; word-break: break-all; }
.tyweb-dns h3 a { font-size: 15px; }
.tyweb-dns .tyweb-web-list { display: inline-block; }
.tyweb-dns .tyweb-web-list p { display: inline-block; }
.tyweb-dns p { font-size: 13px; color: #7d7d7d; }
.tyweb-dns ul { display: inline-block; }
.tyweb-dns ul li { display: inline-block; margin: 0 16px; }
.tyweb-dns-contact { float: right; padding-top: 10px; height: 42px; }
.tyweb-dns-contact span { color: #ff2626; font-weight: bold; margin-right: 5px; position: relative; top: 2px; }
.tyweb-dns-contact .tyweb-dns-ys { border: 1px solid #3573ec; display: inline-block; height: 23px; border-radius: 4px; text-align: center; line-height: 23px; transition: all .3s; width: 83px; margin-left: 5px; position: relative; color: #3573ec; font-size: 12px; }
.tyweb-dns-contact .tyweb-dns-gm { border: 1px solid #ff2626; background: #ff2626; display: inline-block; height: 23px; border-radius: 4px; text-align: center; line-height: 23px; transition: all .3s; width: 83px; margin-left: 5px; position: relative; font-size: 12px; }
.tyweb-dns-contact a { color: #fff; }
/*----------------------------域名列表----------------------------*/

/*----------------------------双排列表----------------------------*/
.tyweb-side-lie { min-width: 100%; }
.tyweb-side-lie-z { width: 75%; }
.tyweb-side-lie-y { width: 25%; }
/*----------------------------双排列表----------------------------*/

/*----------------------------音乐列表----------------------------*/
.tyweb-music-cat { }
.tyweb-music-cat .audio-pan .play-icon { position: relative; top: 12px; padding: 10px 88px; z-index: 2; }
.tyweb-music-cat .audio-pan .play-dot { position: absolute; top: 15px; right: 45px; width: 20px !important; height: 20px; z-index: 3; }
.tyweb-music-cat .audio-pan .play-zhen { position: absolute; top: 20px; right: 57px; width: auto !important; height: 100px; z-index: 2; transform: rotate(-9deg); transition: all .6s ease-in-out; transform-origin: right top; height: 50% !important; }
.tyweb-music-cat .audio-pan .play-pan { position: relative; top: 50px; padding: 10px 77px; margin-top: -80%; }
.tyweb-music-cat-title .title { padding: 10px; min-height: 15px; }
.audio-pan .play-icon { position: relative; top: 0; padding: 10px 50px; z-index: 2 }
.audio-pan .play-zhen { position: absolute; top: 20px; right: 24px; width: auto !important; height: 100px; z-index: 2; transform: rotate(-9deg); transition: all .6s ease-in-out; transform-origin: right top; }
.audio-pan .play-dot { position: absolute; top: 15px; right: 17px; width: 20px !important; height: 20px; z-index: 3; }
.audio-pan .play-pan { position: absolute; top: 0; padding: 10px 50px; }
.post-video .video-play { width: 100%; height: 100%; overflow: hidden; position: relative; }
.audio-info { display: flex; }
.audio-left { display: flex; justify-content: center; align-items: center; }
.post-video .video-play video { position: relative; display: block; width: auto; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; }
.post-video .video-play video { position: relative; display: block; width: auto; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; }
.post-video .video-box-hand { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; overflow: hidden; }
.post-video .show-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.video-box-hand:hover .meta-video-tag { display: none; }
.post-video .video-play { width: 100%; height: 100%; overflow: hidden; position: relative; }
.audio-wrapper { background-color: #1a1a1a; color: #3e3e3e; display: flex; flex-direction: column; justify-content: center; padding: 20px; margin-bottom: 20px; border-radius: 12px; }
.audio-info { display: flex; }
.audio-left { display: flex; justify-content: center; align-items: center; }
.audio-left img { width: 200px; margin: 0 !important; height: 200px; display: initial; cursor: pointer; position: absolute; z-index: 3; }
.post-video>.video .meta-video-tag { content: ' '; position: absolute; top: 5px; right: 5px; width: 50px; height: 50px; background: url(../images/play.png) 50% no-repeat; background-size: cover; z-index: 1; }
@-webkit-keyframes z {  from {
 -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}
to { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); }
}
.cover-bg { margin: 0 auto; width: 200px; height: 200px; background: url(../images/pan.png) no-repeat; display: flex; justify-content: center; align-items: center; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; background-color: #000; border-radius: 50%; -webkit-animation: z 5s linear 0s infinite; -moz-animation: z 5s linear 0s infinite; -ms-animation: z 5s linear 0s infinite; animation: z 5s linear 0s infinite; }
.audio-right { width: 100%; margin: 20px; }
.audio-right h1 { font-size: 1.5em; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 10px; color: #eee; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; }
.poster-footer { margin-bottom: 36px; font-size: 14px; }
.poster-footer a { margin-right: 24px; color: #eee; }
.progress-bar-bg { background-color: #d9d9d9; position: relative; height: 36px; cursor: pointer; }
.progress-yinfu { position: absolute; left: -1px; top: -1px; z-index: 3; width: 101%; height: 100%; background: url(../images/audio-s-b.svg) repeat-x; }
.progress-bar-bg span { content: " "; width: 2px; height: 100%; background: linear-gradient(45deg, #b18f6a, #fdd1a1); position: absolute; cursor: pointer; }
.progress-bar { background: linear-gradient(45deg, #b18f6a, #fdd1a1); width: 0; height: 100%; }
.audio-time { overflow: hidden; margin-top: 4px; color: #eee; }
.audio-length-current { float: left; font-size: 14px; }
.audio-length-total { float: right; font-size: 14px; }
.n-box fieldset { border: 1px dashed #bdbdbd; padding: 10px; border-radius: 5px; line-height: 2em; font-size: 12px; color: #bdbdbd; text-align: center; }
.audio-pan .play-icon { position: relative; top: 0; padding: 10px 50px; z-index: 2; }
.audio-pan .play-zhen { position: absolute; top: 20px; right: 24px; width: auto !important; height: 100px; z-index: 2; transform: rotate(-9deg); transition: all .6s ease-in-out; transform-origin: right top; height: 50% !important; }
.audio-pan .play-dot { position: absolute; top: 15px; right: 17px; width: 20px !important; height: 20px; z-index: 3; }
.audio-pan .play-pan { position: relative; top: 0; padding: 10px 50px; margin-top: -70%; }
@-webkit-keyframes z {  from {
 -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}
to { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); }
}
.widget-userinfo .author_avatar a { font-size: 0.9rem !important; font-weight: 400; line-height: 1.5; color: #fff; }
.widget-userinfo .author-fields .num { position: static; background: transparent; color: #fff; font-size: 23px; }
.burger:before, .burger:after { background-color: transparent; }
.burger>i { display: inline-block; margin-top: 3px; margin-left: 7px; }
.n-box legend { color: #ffffff; width: 30%; text-align: center; background: #3d7eff; border-radius: 5px; }
.tabtst { overflow: hidden; width: 100%; height: 55px; cursor: pointer; margin-bottom: 20px; }
.tabtst li.on { border-bottom: 2px solid #3d7eff; color: #333; line-height: 53px; font-weight: 400; }
.tabtst li { float: left; padding: 0 20px; text-align: center; line-height: 53px; font-size: 18px; color: #ccc; list-style: none; }
.article-content li { margin-bottom: 10px; }
.btn--secondary { background: #3d7eff !important; }
.widget-area .widget .pwd { display: none; }
.navbar-sticky:not(.ads-before-header) .site-header, .navbar-sticky_transparent:not(.ads-before-header) .site-header, .stick-now .site-header { top: 35px; }
.mask-body-dark { background: rgba(0,0,0,.4); background-color: rgba(25, 37, 49, 0.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); pointer-events: auto; transition-duration: .2s; }
.mask-body { display: flex; position: fixed; z-index: 1040; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: .625em; overflow-x: hidden; background-color: transparent; -webkit-overflow-scrolling: touch; }
.omnisearch.show { opacity: 1; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
.omnisearch { width: 100%; margin-top: 1.5rem; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; background-color: transparent; pointer-events: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.15s, -webkit-transform 0.3s; transition: opacity 0.15s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.15s; transition: transform 0.3s, opacity 0.15s; transition: transform 0.3s, opacity 0.15s, -webkit-transform 0.3s; font-family: RiPlus-Black; }
.omnisearch-form .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
.input-group-prepend { margin-right: -1px; }
.input-group-append, .input-group-prepend { display: -ms-flexbox; display: flex; }
.omnisearch .omnisearch-form .input-group-text { font-size: 1.875rem; background: transparent; color: #C0CCDA; background-color: #FFF; border: 1px solid #E0E6ED; }
.input-group-merge .form-control:not(:first-child):not(.is-valid):not(.is-invalid) { border-left: 0; padding-left: 0; }
.omnisearch .omnisearch-form .form-control { display: block; height: 68px; font-size: 1.25rem; color: #454545; background-color: transparent; background-image: none; border: 0; outline: none; }
.card-item .post-audio { position: relative; }
.card-item .post-audio img { height: auto; }
/*----------------------------音乐列表----------------------------*/
/*
* ------------------------------------------------------------------------------
* 存档页面
* ------------------------------------------------------------------------------
*/
.tyweb-archives-div .tyweb-grid { margin-left: initial !important; }
.tyweb-archives { border-radius: 4px; background-color: #fff; word-wrap: break-word; padding: 20px; }
.tyweb-archives-container h3 { padding-left: 35px; margin-bottom: 18px; margin-top: 20px; font-size: 20px; font-weight: bold; color: #1e87f0; line-height: 20px; }
.tyweb-archives-container ol, .tyweb-archives-container ul { padding-left: 2em; margin-bottom: 20px; list-style-position: outside; list-style-type: disc; }
.tyweb-archives-list { padding-left: 20px; margin: 0; }
.tyweb-archives-list li { list-style: disc; margin-left: 20px; margin-bottom: 9px; font-size: 14px; }
.tyweb-archives-list a { color: #666 }
.tyweb-archives-list a:hover { color: #1e87f0 }
.tyweb-archives-list time { width: 40px; display: inline-block; }
.tyweb-archives-list span { font-size: 12px; display: inline-block; margin-left: 10px; }
/*
* ------------------------------------------------------------------------------
* 搜索模块
* ------------------------------------------------------------------------------
*/
.slide_03 { width: 100%; height: 460px; }
.slide_03 img { width: 100%; }
.slide_03 .search { padding: 0 15px; }
.slide_03 .slide_text { color: rgba(255, 255, 255, 0.9); text-align: center; font-size: 25px; margin-bottom: 40px; }
.tyweb-flex-middle { align-items: center; }
.slide_03 .search input { padding-left: 15px; width: 601px; height: 49px; border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2); color: #FFF; font-size: 15px; -webkit-text-fill-color: rgba(255, 255, 255, 0.8); }
.slide_03 .search button { margin-left: 5px; background: var(--primary-color); height: 49px; color: #fff; padding: 0 20px; font-size: 16px; letter-spacing: 3px; transition: all .3s; }
.search button { background: transparent; border: 0; cursor: pointer; }
.slide_03 .search button i { color: #fff; margin-right: 3px; }
.slide_03 .search_tags { margin-top: 30px; }
@media only screen and (max-width: 900px) {
.slide_03 .search_tags { margin-top: 20px; margin-bottom: 20px; }
}
.slide_03 .search_tags i { margin-right: 4px; }
.slide_03 .search_tags a { padding: 0 10px; }
/*
* ------------------------------------------------------------------------------
* 首页标题模块
* ------------------------------------------------------------------------------
*/
.tyweb-title-row { display: flex; flex-wrap: wrap; margin-left: -20px; margin-top: 20px; }
.tyweb-phbf { overflow: hidden; margin-top: 20px; text-align: justify; }
.tyweb-phbf .m-home-ranking__content__item { position: relative; overflow: hidden; display: inline-block; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding-left: 20px; border-radius: 4px; }
.tyweb-phbf .item_title { /*display: inline-block;
    width: 100%;*/
text-align: left; padding-left: 26px; color: #ffffff; height: 64px; line-height: 64px; font-size: 20px; border-radius: 4px 4px 0px 0px; vertical-align: top; background: rgb(253, 158, 62); background-size: 100%; background-position: center center; }
.tyweb-phbf .item_title a { color: #fff; }
.tyweb-phbf .tab-content .g_text a:hover { color: #590F0B; }
.tyweb-phbf .item_soft .item_title { background-position: 0 -192px; }
.tyweb-phbf .item_sucai .item_title { background-position: 0 -256px; }
.tyweb-phbf .item_yuanma .item_title { background-position: 0 0px; }
.tyweb-phbf .nav-tabs { padding-left: 20px; }
.tyweb-phbf .tab-content { margin-top: 10px; margin-bottom: 10px; padding: 0 20px; }
.tyweb-phbf .tab-content .g_text { line-height: 36px; margin: 4px 0; cursor: pointer; text-overflow: ellipsis; overflow: hidden; }
.tyweb-phbf .tab-content div { color: #666; font-size: 14px; }
.tyweb-phbf .tab-content .g_text a { color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tyweb-phbf .tab-content .g_text a .num { display: inline-block; margin-right: 2px; width: 21px; height: 21px; line-height: 21px; text-align: center; color: #999393; }
.tyweb-phbf .tab-content .g_text a .num1 { color: #f93131; }
.tyweb-phbf .tab-content .g_text a .num2 { color: #ff9900; }
.tyweb-phbf .tab-content .g_text a .num3 { color: #0066ff; }
.tyweb-phbf .tab-content .g_text a .num4 { color: #00ff43; }
.tyweb-phbf .tab-content .g_text a .num5 { color: #cc00ff; }
.tyweb_title_only { background: #fff; }
/*
* ------------------------------------------------------------------------------
* 首页多图广告
* ------------------------------------------------------------------------------
*/
.tyweb_ads { display: flex; flex-wrap: wrap; margin-left: -15px; margin-top: 10px; margin-bottom: 10px !important; }
.tyweb_ads li { margin: 5px 0; padding-left: 15px; flex: 0 0 33.33344%; box-sizing: border-box; width: 100%; max-width: 100%; }
.tyweb_ads img { width: 480px; height: 70px; }
.tyweb_ads a { position: relative; display: block; float: left; }
.tyweb_ads a:before { position: absolute; content: " "; width: 26px; height: 1pc; background: url(../images/tyweb-ads.png); right: 0; font-size: 9pt; text-align: center; bottom: 0; color: #fff; }
/*文字广告*/
.tyweb_adsw { display: flex; flex-wrap: wrap; margin-top: 10px; margin-bottom: 10px !important; background: #ffffff; padding: 8px 0; }
.tyweb_adsw li { margin: 5px 0; padding-left: 30px; flex: 0 0 16.6%; box-sizing: border-box; width: 100%; max-width: 100%; }
.tyweb_adsw a { position: relative; display: block; float: left; font-size: 13px; }
@media screen and (max-width: 800px) {
.tyweb_ads li { flex: 100%; }
.tyweb_adsw li { flex: 0 0 50%; padding-left: 10px; padding-right: 10px; }
}
/*
* ------------------------------------------------------------------------------
* 首页分类
* ------------------------------------------------------------------------------
*/
/*分类切换*/
.tyweb-switcher-top { margin-top: 40px }
.tyweb-icon-sylb { color: var(--primary-color); margin-right: 3px; font-weight: normal; font-size: 23px!important; display: inline-block; transform: translateY(2px); }
.tyweb-icon-index { color: var(--primary-color); margin-right: 6px; font-weight: normal; font-size: 32px!important; display: inline-block; transform: translateY(2px); }
.tyweb-icon-phb { color: #feae18; margin-right: 3px; font-weight: normal; font-size: 26px!important; display: inline-block; transform: translateY(2px); }
/*icon图标居中*/
.tyweb-icon-juzon { margin-right: 5px; font-size: 14px; display: inline-block; transform: translateY(2px); }
/*分类导航*/
.tyweb-fastnav-p { padding: 10px!important; }
/*友链申请*/
.links_ylsq { border: 1px solid #ccc; border-radius: 50px; padding: 1px 8px 1px 8px; font-size: 10px !important; }
/*分类*/
.list-nav .current-cat-parent a, .list-nav .current-cat-ancestor a { z-index: 10; color: var(--primary-color); background: #f0f6ff; display: inline-block; padding: 3px 8px; border-radius: 4px; }
.list-nav .current-cat-parent a, .list-nav .current-cat-ancestor a { position: relative; color: var(--primary-color); }
.tyweb-container { margin-top: 0px!important; }
/*首页*/
@media only screen and (max-width: 800px) {
.slide_03 { width: 100%; height: 208px; }
.slide_03 img { height: 208px; }
.slide_03 .search { padding: 0 50px; }
.slide_03 .slide_text { font-size: 16px; margin-bottom: 18px; }
.slide_03 .search input { height: 28px; font-size: 12px; }
.slide_03 .search button { height: 28px; padding: 0 9px; font-size: 12px; }
.slide_03 .search button i { font-size: 12px; }
.slide_04 .slide_text { margin-bottom: 18px; font-size: 20px; }
.slide_04 { height: 226px; }
.tyweb-slide-4-banner-top { height: 226px; border-radius: 0 0 90% 90%; }
.slide_04 .search input { width: 160px; height: 36px; }
.slide_04 .search button { font-size: 12px; height: 36px; }
.tyweb_slide04_top_or { padding: 0 10px; font-size: 16px; ; height: 36px; line-height: 36px; }
.tyweb_slide04_top_btn { width: 90px; height: 36px; line-height: 36px; }
.tyweb_slide04_top_btn a { font-size: 13px; }
.tyweb-slide-4-control-box { display: none; }
}
@media (min-width: 901px) {
.slide_03 { width: 100%; height: 460px; }
.slide_03 img { height: 460px; }
}
@media only screen and (max-width: 768px) {
.tyweb-sj-yc { display: none; }
}
.tyweb-fenlei-s { margin-left: 128px; margin-top: -30px; display: block; color: var(--primary-color); }
.tyweb-right-s { margin-right: 20px; }
/*--------------------------首页图片模块样式1-----------------------------*/
.home_img1 { margin-top: 20px!important; margin-bottom: 20px!important; }
.home_img1 ul { display: flex; margin-left: -20px; }
.home_img1 li { padding-left: 20px; height: 100%; overflow: hidden; }
.home_img1 a { }
.home_img1 img { width: 224px; border-radius: 6px; }
/*--------------------------首页图片模块样式1-----------------------------*/

/*--------------------------首页图片模块样式2-----------------------------*/
.home_img2 { margin-top: 20px!important; margin-bottom: 20px!important; }
.home_img2 ul { display: flex; margin-left: -20px; }
.home_img2 li { padding-left: 20px; height: 100%; overflow: hidden; }
.home_img2 a { }
.home_img2 img { width: 272px; border-radius: 6px; }
/*--------------------------首页图片模块样式2-----------------------------*/

/*--------------------------首页图片模块样式3-----------------------------*/
.home_img3 { margin-top: 20px!important; margin-bottom: 20px!important; }
.home_img3 ul { display: flex; margin-left: -20px; }
.home_img3 li { padding-left: 20px; height: 100%; overflow: hidden; }
.home_img3 a { }
.home_img3 img { width: 345px; border-radius: 6px; }
@media only screen and (max-width: 800px) {
.home_img1, .home_img1, .home_img2 { display: none; }
}
/*--------------------------首页图片模块样式3-----------------------------*/

/*--------------------------首页CMS模块样式3-----------------------------*/
.home_cms3 { margin-top: 20px!important; margin-bottom: 20px!important; }
.home_cms3 ul { margin-left: -20px; }
.home_cms3 ul li { height: 50px; float: left; padding-left: 20px; overflow: hidden; border-radius: 64px; margin-bottom: 10px; }
.home_cms3 ul li a { display: block; height: 50px; background: #fff; border-radius: 50px; }
.home_cms3 ul li a img { display: block; width: 40px; height: 40px; float: left; border-radius: 50px; margin-top: 5px; margin-left: 6px; }
.home_cms3 ul li a em { font-style: normal; display: block; float: right; padding: 0 20px; height: 50px; line-height: 50px; text-align: center; font-size: 15px; color: #666; overflow: hidden; }
.home_cms3 ul li a em:hover { color: var(--primary-color); }
@media only screen and (max-width: 800px) {
.home_cms3 { display: none; }
}
/*--------------------------首页CMS模块样式3-----------------------------*/

/*--------------------------首页CMS模块样式4-----------------------------*/
.home_cms4 { background: #f9f9f9; }
.home_cms4 ul { padding-top: 20px; }
.home_cms4_mk { float: left; width: 337px; padding-left: 30px; }
.home_cms4_b { margin-left: -30px; }
.home_cms4_k { padding: 10px; background: #fff; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,.05); }
.home_cms4_mk .home_cms4_mk_title { color: #1c1f21; font-size: 16px; padding-bottom: 13px; height: 20px; line-height: 20px; overflow: hidden; border-bottom: 1px solid #f4f4f4; }
.home_cms4_mk .home_cms4_mk_title a { display: inline-block; float: left; height: 20px; line-height: 20px; }
.home_cms4_mk .home_cms4_mk_title i { font-size: 20px; transform: translateY(8%); display: inline-block; margin-right: 3px; color: var(--primary-color); }
.home_cms4_mk .home_cms4_mk_tag { overflow: hidden; }
.home_cms4_mk .home_cms4_mk_tag a { display: inline-block; font-size: 12px; height: 24px; line-height: 24px; padding: 0 10px; margin-bottom: 5px; background: #fff; border-radius: 3px; color: #666; transition: all 0.4s; }
.home_cms4_mk .home_cms4_mk_i i { color: #d8d8d8; }
.home_cms4_mk .home_cms4_mk_i i:hover { color: var(--primary-color); transition: all 0.4s; }
.home_cms4_mk .home_cms4_mk_tag a:hover { background: #0080FF; color: #fff; }
@media only screen and (max-width: 800px) {
.home_cms4 { display: none; }
}
/*--------------------------首页CMS模块样式4-----------------------------*/

/*--------------------------首页CMS模块样式5-----------------------------*/
.home_cms5 { margin-top: 20px!important; }
.home_cms5_title { height: 30px; margin-bottom: 30px; overflow: hidden; margin-top: 10px; }
.home_cms5_title span { display: block; float: left; height: 30px; line-height: 30px; font-size: 1.5rem; color: #333; }
.home_cms5_title span i { color: var(--primary-color); margin-right: 6px; font-weight: normal; font-size: 32px!important; display: inline-block; transform: translateY(2px); }
.home_cms5_title em { height: 20px; line-height: 20px; font-size: 14px; color: #9199a1; margin-left: 20px; float: left; display: block; margin-top: 8px; font-style: normal }
.home_cms5_link { margin-left: -20px; }
.home_cms5_link li { float: left; width: 162px; height: 90px; padding-left: 20px; margin-bottom: 15px; }
.home_cms5_link li a { display: block; height: 60px; background: #fff; border-radius: 4px!important; padding: 12px 15px 15px 15px; }
.home_cms5_link li a img { display: block; width: 58px; height: 45px; margin: 0 auto 5px; }
.home_cms5_link li a span { display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; color: #888; text-align: center; }
@media only screen and (max-width: 800px) {
.home_cms5 { display: none; }
}
/*--------------------------首页CMS模块样式5-----------------------------*/

/*--------------------------首页业务模块样式1-----------------------------*/
.yewu1-mall { background-position: center top; background-repeat: no-repeat; background-size: cover; }
.yewu1-title { text-align: center; padding-top: 60px; padding-bottom: 52px; }
.yewu1-title h1 { position: relative; font-size: 36px; line-height: 50px; letter-spacing: 4px; color: #252b3a; }
.yewu1-title h2 { margin-top: 10px; font-size: 18px; line-height: 22px; letter-spacing: 2px; color: #666a75; }
.yewu1-app>ul { margin-left: -20px; }
.yewu1-app>ul:before, .yewu1-app>ul:after { content: " "; display: table; box-sizing: inherit; }
.yewu1-app>ul>li { float: left; width: 20%; padding-left: 20px; box-sizing: border-box; }
.yewu1-app-card { position: relative; height: 470px; overflow: hidden; background-color: grey; text-align: center; cursor: pointer; }
.yewu1-app-card-bg { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; transition: 0.2s; }
.yewu1-app-card-top { position: relative; height: 50%; }
.yewu1-app-card-top i { display: block; position: absolute; top: 68px; font-size: 56px; color: #fff; right: 0; left: 0; margin: 0 auto; background-size: cover; background-position: center; transition: 0.2s; }
.yewu1-app-card-top h2 { position: absolute; top: 175px; right: 0; left: 0; font-size: 20px; line-height: 28px; color: #fff; transition: 0.2s; }
.yewu1-app-card-top h2:before { content: ""; position: absolute; top: 100%; right: 0; left: 0; width: 0; height: 4px; margin: 15px auto; background-color: #f66f6a; transition: 0.2s 0.2s; }
.yewu1-app-card-top p { position: absolute; top: 173px; right: 0; left: 0; padding-left: 40px; padding-right: 40px; margin: 10px auto 0; font-size: 14px; line-height: 24px; color: #fff; opacity: 0; transition: 0.2s; }
.yewu1-app-card-bottom { position: relative; height: 50%; padding-top: 50px; font-size: 14px; line-height: 24px; color: #fff; }
.yewu1-app-card-bottom li { margin-bottom: 10px; }
.yewu1-app-card-bottom li a:hover { color: rgb(246, 111, 106); }
.yewu1-app-card-bottom a { color: #fff; }
.yewu1-bottom { padding-top: 40px; padding-bottom: 50px; }
.yewu1-more-wrap { text-align: center; }
.yewu1-more-wrap a { display: inline-block; font-size: 16px; line-height: 24px; color: #666a75; cursor: pointer; user-select: none; transition: 0.2s; }
.yewu1-more-wrap a:hover { color: rgb(246, 111, 106); }
.yewu1-more-wrap a:hover i { transform: translate3d(5px, 0px, 0px); }
.yewu1-more-wrap a .cui-icon { margin-top: -2px; margin-left: 10px; transition: transform 0.2s; }
.cui-icon { font-family: 'cui-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; vertical-align: middle; font-size: 16px; }
.yewu1-app-card:hover .yewu1-app-card-bg { -ms-transform: scale(1.05); transform: scale(1.05); }
.yewu1-app-card:hover .yewu1-app-card-top i { opacity: 0; }
.yewu1-app-card:hover .yewu1-app-card-top h2 { top: 85px; }
.yewu1-app-card:hover .yewu1-app-card-top h2:before { width: 68px; }
.yewu1-app-card:hover .yewu1-app-card-top p { margin-top: 0; opacity: 1; }
@media only screen and (max-width: 800px) {
.yewu1-mall { display: none!important; }
}
/*--------------------------首页业务模块样式1-----------------------------*/



/*--------------------------内页优化-----------------------------*/
/*联系作者*/
.tyweb-author-a-admin .qq { margin: 0 4px; font-style: normal; font-size: 12px; position: relative; display: inline-block; padding: 6px 18px; text-align: center; border-radius: 50px; background-color: var(--primary-color); background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); }
.tyweb-author-a-admin .wx { margin: 0 4px; font-style: normal; font-size: 12px; position: relative; display: inline-block; padding: 6px 18px; text-align: center; border-radius: 50px; background-color: var(--primary-color); background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #1fbb7a, #2cf923); }
.tyweb-author-a-admin .wb { margin: 0 4px; font-style: normal; font-size: 12px; position: relative; display: inline-block; padding: 6px 18px; text-align: center; border-radius: 50px; background-color: var(--primary-color); background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #ff5000 0%, #ff9300 100%); }
.tyweb-author-a-admin i { color: #fff; font-size: 10px; }
.tyweb-single-foos { padding: 30px; }
/*
=================================内容===================================
*/
.tyweb-weizhi { margin-bottom: -20px; }
.tyweb-weizhi a { color: #bdbdbd; }
.shangye { color: #fff; background: #5282f7 url(../images/shangye.png) 3px 3px no-repeat; border: 1px solid #5282f7; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 50px; border-radius: 4px; }
.shangye a { color: #fff; }
blockquote { margin-bottom: 20px; margin-top: 20px; border-radius: 10px; padding: 30px 40px; color: #666; background-color: #f8f8f8; line-height: 1.5em; position: relative; font-style: normal; font-size: 15px; letter-spacing: .5px; }
blockquote:before { position: absolute; top: 20px; left: 20px; display: block; width: 16px; height: 14px; background: url(../images/tyweb-sy.png) no-repeat; content: ''; }
blockquote:after { position: absolute; right: 20px; bottom: 20px; display: block; width: 16px; height: 14px; background: url(../images/tyweb-sy.png) -16px 0 no-repeat; content: ''; }
blockquote p { margin: 12px 0; color: #666; font-size: 15px; }
blockquote cite { font-style: normal; color: #aaa; }
.tyweb-h15 { font-size: 1.5rem; }
.tyweb-single-padding { padding: 0px 0 12px 0; }
.tyweb-single-right { margin-right: 18px !important; }
.tyweb-single-left { margin-left: 18px !important; }
.tyweb-crumb-tg a { color: #999 !important; }
.tyweb-single-weizhi { padding: 15px; background: #fff; margin-bottom: 0px !important; margin-top: 0px !important; border-radius: 4px!important; }
.tyweb-single-tags a { margin: 3px 5px 3px 0; vertical-align: middle; position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 14px !important; line-height: 30px; vertical-align: top; border-radius: 4px; color: #0084ff; background: rgba(0,132,255,.1); }
/*当前位置*/
.tyweb-wztext-small { font-size: 0.6rem; }
/*收藏*/
.change-color-sc { background-color: #ff5000; background-image: linear-gradient(135deg, #f59f54 10%, #ff6922 100%); box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0); color: #fff !important; }
/*版权*/
.tyweb-alert-banquan { background: #f5f6f8; color: #b4b4b4; font-size: 0.6rem; line-height: 1.8; }
/*问答*/
.tyweb-qa-commont { background: url(../images/icon-5.png) no-repeat center right; }
.tyweb-qa-commont .tyweb-qa-turn { font-size: 16px; line-height: 1.5; color: #666; }
.tyweb-qa-commont .tyweb-qa-turn>i { color: var(--primary-color); font-size: 20px; transform: translateY(5%); display: inline-block; }
.tyweb-qa .tyweb-qa-problems { margin-top: 15px; }
.tyweb-qa .tyweb-qa-clearfix { min-width: 100%; display: flex; }
.tyweb-qa .tyweb-qa-problems_each { width: 50%; background: #f5f6f8; border-radius: 4px; margin: 10px; float: left; box-sizing: border-box; }
.tyweb-qa-fl { /*display: inline;
    float: left;*/
}
.tyweb-qa .tyweb-qa-problems_each_t { height: 52px; line-height: 52px; border-bottom: 1px dashed #dbdde0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; color: #434343; font-weight: bold; }
.tyweb-qa .tyweb-qa-problems_each_t p { position: relative; height: 52px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 45px; }
.tyweb-qa .tyweb-qa-problems_each_t p:before { content: ''; display: block; position: absolute; top: 50%; left: 20px; width: 18px; height: 17px; margin-top: -8.5px; background: url(../images/tyweb-q.png) no-repeat center; }
.tyweb-qa .tyweb-qa-problems_each_detail { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px 15px 45px; }
.tyweb-qa .problems_each_detail_con { font-size: 13px; color: #b4b4b4; line-height: 25px; height: 50px; margin-bottom: 8px; position: relative; padding-left: 0; }
.tyweb-qa .problems_each_detail_con li { list-style: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.tyweb-qa .problems_each_detail_con:before { content: ''; display: block; position: absolute; top: 5px; left: -25px; width: 18px; height: 17px; background: url(../images/tyweb-a.png) no-repeat center; }
.tyweb-qa .problems_each_detail_link { display: block; font-size: 13px; color: #858585; margin: 8px 0 8px 0; position: relative; }
.tyweb-qa .problems_each_detail_link:after { content: ''; display: block; position: absolute; top: 50%; left: 62px; width: 4px; height: 8px; margin-top: -4px; background: url(../images/tyweb-qa-y.png) no-repeat center; }
/*相关*/
.tyweb-xiangguan .card-item { border: 1px solid #f1f1f1; box-shadow: 0 4px 12px 0 rgba(52,73,94,.1); }
.tyweb-xiangguan h3 { font-size: 16px; line-height: 1.5; color: #666; }
.tyweb-xiangguan h3>i { color: var(--primary-color); font-size: 20px; transform: translateY(5%); display: inline-block; }
/*相关文章*/

#tywebxiangguan .tyweb-yc { display: none!important; }
.tyweb_xg_img { height: 126px; overflow: hidden; }
#tywebxiangguan .card-item .cover img { height: auto; }
@media screen and (max-width: 800px) {
.tyweb_xg_img { height: 110px; }
}
/*相关文章文本*/
.tyweb-xiangguan-wen { }
.tyweb-xiangguan-wen ul { overflow: hidden; margin-left: -30px; }
.tyweb-xiangguan-wen li { width: 47%; float: left; display: flex; align-items: center; margin-top: 15px; padding-left: 30px; }
.tyweb-xiangguan-wen a { display: inline-block; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #777; }
.tyweb-xiangguan-wen a:hover { color: var(--primary-color); }
.tyweb-xiangguan-wen .tyweb-qa-turn { margin-left: 0px!important; }
.tyweb-xiangguan-wen span { color: #909399; font-size: 13px; margin-left: 20px; }
@media screen and (max-width: 800px) {
.tyweb-xiangguan-wen li { width: 90%; }
}
/*广告*/
.tyweb-home-ads { margin: 20px 0; }
.tyweb-ad-gg { padding: 15px 0px 15px 0px; }
.tyweb-ad img { border-radius: 4px!important; }
.tyweb-adsgg img { margin: auto !important; }
.tyweb-singlead { padding-bottom: 20px; }
.tyweb-singlead a img { display: initial; }
.tyweb-singlead .tyweb-adgg-circles { top: -24px; position: relative; }
/*作者*/
.tyweb-panding-s { padding: 20px 30px; }
.tyweb-fx-weixin { font-size: 16px; width: 34px; height: 34px; line-height: 34px; text-align: center; margin: 0 4px; border-radius: 100%; background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #1fbb7a, #2cf923); color: #fff!important; }
.tyweb-fx-qq { font-size: 16px; width: 34px; height: 34px; line-height: 34px; text-align: center; margin: 0 4px; border-radius: 100%; background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); color: #fff!important; }
.tyweb-fx-weibo { font-size: 16px; width: 34px; height: 34px; line-height: 34px; text-align: center; margin: 0 4px; border-radius: 100%; background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #ff5000 0%, #ff9300 100%); color: #fff!important; }
.tyweb-text-fz { display: inline-block; cursor: pointer; border: 1px solid #590F0B; color: #590F0B; background: rgb(255, 255, 255); border-radius: 3px; padding: 5px 10px; margin-top: 5px; margin-right: 20px; }
.tyweb-text-fz:hover { background-color: #590F0B; color: #fff; }
@media screen and (max-width: 600px) {
.tyweb-avatar-t p { margin: 3px 20px 0 0!important; flex: 1!important; min-width: auto!important; }
}
.tyweb-avatar-t img { width: 60px; height: 60px; }
.tyweb-avatar-t span { font-size: 1.25rem!important; line-height: 1.4!important; margin-right: 20px!important; }
.tyweb-avatar-t span a { color: #0378ff!important; }
.tyweb-avatar-t p { margin: 3px 0 0 0; flex: 1; min-width: 1px; }
/*******/
.tyweb-padding-an { padding: 30px 5px; }
/*打赏*/
.tyweb_shang_hide_box { z-index: 999; filter: alpha(opacity=50); background: #666; opacity: 0.5; -moz-opacity: 0.5; left: 0; top: 0; height: 99%; width: 100%; position: fixed; display: none; }
.tyweb_shang_top { padding: 19px; font-size: 19px; background: url(../images/tyweb-shop-bg.png) no-repeat center top; z-index: 9; background-size: 100% 100%; border-radius: 6px 6px 0px 0px; box-shadow: 0 5px 16px 0 rgb(74 109 240 / 58%); }
.tyweb_shang_top p { color: #fff; margin: 10px 0; font-size: 15px; }
.tyweb_shang_box { width: 360px; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1); border-radius: 10px; position: fixed; z-index: 1000; left: 50%; top: 50%; margin-left: -180px; margin-top: -280px; display: none; }
.tyweb_shang_ma { padding: 30px; }
.tyweb_shang_box img { border: none; border-width: 0; }
.tyweb_shang_close { float: right; display: inline-block; }
.tyweb_shang_close i { color: #fff; font-weight: bold; }
.tyweb_shang_logo { display: block; text-align: center; margin: 0px auto; }
.tyweb_shang_tit p { color: #a3a3a3; text-align: center; font-size: 16px; }
.tyweb_shang_pay { background: #fff; margin: -47px auto 0 auto; width: 266px; position: relative!important; z-index: 1; text-align: center!important; border-radius: 20px; }
.tyweb_shang_payimg { padding: 20px; margin-bottom: 20px!important; text-align: center!important; border-radius: 20px; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1); }
.tyweb_shang_payimg img { display: block; text-align: center; border-radius: 4px; }
.tyweb_pay_explain { text-align: center; font-size: 12px; color: #545454; }
/*视频模块*/
.tyweb-video { position: relative; }
.tyweb-video-logo { left: 20px; top: 20px; position: absolute; max-width: 140px; max-height: 50px; z-index: 995; }
.tyweb-video-logo img { max-width: 100%; max-height: 100%; background: none; }
.tyweb-video-s .erphpdown { border: 0px dashed #ff5f33 !important; }
#tywebtheme .tyweb-video-s .erphpdown { margin: 0 !important; background: #ffffff00 !important; }
.single-video { border-radius: 4px; overflow: hidden; font-size: 0; margin-bottom: 20px; }
.single-video iframe { width: 100%; }
.single-video .erphp-vod { margin-bottom: 0 }
.ckplayer-erphpdown-video, .dplayer-erphpdown-video { background: #111; color: #fff; font-size: 16px; text-align: center; position: relative; border: 1px solid #151617; }
.ckplayer-erphpdown-video .playicon, .dplayer-erphpdown-video .playicon { position: absolute; top: calc(50% - 40px); width: 80px; height: 80px; display: inline-block; left: calc(50% - 40px); }
.ckplayer-erphpdown-video .icon-play, .dplayer-erphpdown-video .icon-play { font-size: 80px; top: -26px; }
.ckplayer-erphpdown-video #erphpdown, .dplayer-erphpdown-video #erphpdown { border: none; position: absolute; bottom: 0; left: 15px; right: 15px; margin-bottom: 10px; }
.ckplayer-erphpdown-video .playicon, .dplayer-erphpdown-video .playicon { top: calc(50% - 50px); width: 50px; height: 50px; display: inline-block; left: calc(50% - 25px); }
.single-video .icon-caret-right { font-size: 33px; top: -16px; border-radius: 50px; padding: 11px; background: #000; }
/*视频模块*/

/*相册模块*/
.single-content .gallery-login { text-align: center; font-size: 13px; line-height: 14px; }
.single-content .gallery-login span { background: #eaeaea; padding: 5px 18px; border-radius: 2px; display: inline-block; margin-bottom: 5px; }
.single-content .gallery-login a { display: inline-block; margin-left: 10px; text-decoration: none; color: #0274ff !important; }
.single-content .gallery { margin-bottom: 20px; }
.single-content .gallery .gallery-item { float: left; width: 25%; padding: 1%; }
.single-content .gallery.gallery-column-5 .gallery-item { width: 18%; }
.single-content .gallery.gallery-column-4 .gallery-item { width: 23%; }
.single-content .gallery.gallery-column-3 .gallery-item { width: 31.1111%; }
.single-content .gallery.gallery-column-2 .gallery-item { width: 48%; }
.single-content .gallery-item img { border: none !important; border-radius: 2px; box-shadow: 0px 0px 10px rgba(0,0,0,.18); }
.single-content .gallery-blur-item img { filter: blur(2px); }
/*相册模块*/

/*
========================================内容结束==========================================
*/
/*文章特色标签*/
.tyweb_biaoqian { float: right; }
/*card*/
.tyweb-tese-remen { display: inline-block; background: #f6f6f6; border-radius: 14px; height: 20px; font-size: 12px; color: #ffa03f; position: relative; padding-left: 29px; padding-right: 10px; line-height: 20px; transform: translateY(-26%); }
.tyweb-tese-remen span { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 1px; overflow: hidden; background: #ffa03f; color: #fff; font-size: 12px; }
.tyweb-tese-dujia { display: inline-block; background: #f6f6f6; border-radius: 14px; height: 20px; font-size: 12px; color: #5962f1; position: relative; padding-left: 29px; padding-right: 10px; line-height: 20px; transform: translateY(-26%); }
.tyweb-tese-dujia span { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 1px; overflow: hidden; background: #5962f1; color: #fff; font-size: 12px; }
.tyweb-tese-zuixin { display: inline-block; background: #f6f6f6; border-radius: 14px; height: 20px; font-size: 12px; color: #1cc751; position: relative; padding-left: 29px; padding-right: 10px; line-height: 20px; transform: translateY(-26%); }
.tyweb-tese-zuixin span { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 1px; overflow: hidden; background: #1cc751; color: #fff; font-size: 12px; }
.tyweb-tese-tuijian { display: inline-block; background: #f6f6f6; border-radius: 14px; height: 20px; font-size: 12px; color: #e10dfb; position: relative; padding-left: 29px; padding-right: 10px; line-height: 20px; transform: translateY(-26%); }
.tyweb-tese-tuijian span { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 1px; overflow: hidden; background: #e10dfb; color: #fff; font-size: 12px; }
.tyweb-tese-jingpin { display: inline-block; background: #f6f6f6; border-radius: 14px; height: 20px; font-size: 12px; color: #1e87f0; position: relative; padding-left: 29px; padding-right: 10px; line-height: 20px; transform: translateY(-26%); }
.tyweb-tese-jingpin span { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 1px; overflow: hidden; background: #1e87f0; color: #fff; font-size: 12px; }
/*blog*/
.blog-item-content .tyweb-tese-remen { display: inline-block; border-radius: 14px; height: 24px; font-size: 12px; color: #ffa03f; position: relative; padding-left: 29px; padding-right: 10px; line-height: 24px; transform: translateY(-4%); }
.blog-item-content .tyweb-tese-remen span { display: block; width: 16px; height: 16px; line-height: 17px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 4px; overflow: hidden; background: #ffa03f; color: #fff; font-size: 12px; }
.blog-item-content .tyweb-tese-dujia { display: inline-block; border-radius: 14px; height: 24px; font-size: 12px; color: #5962f1; position: relative; padding-left: 29px; padding-right: 10px; line-height: 24px; transform: translateY(-4%); }
.blog-item-content .tyweb-tese-dujia span { display: block; width: 16px; height: 16px; line-height: 17px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 4px; overflow: hidden; background: #5962f1; color: #fff; font-size: 12px; }
.blog-item-content .tyweb-tese-zuixin { display: inline-block; border-radius: 14px; height: 24px; font-size: 12px; color: #1cc751; position: relative; padding-left: 29px; padding-right: 10px; line-height: 24px; transform: translateY(-4%); }
.blog-item-content .tyweb-tese-zuixin span { display: block; width: 16px; height: 16px; line-height: 17px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 4px; overflow: hidden; background: #1cc751; color: #fff; font-size: 12px; }
.blog-item-content .tyweb-tese-tuijian { display: inline-block; border-radius: 14px; height: 24px; font-size: 12px; color: #e10dfb; position: relative; padding-left: 29px; padding-right: 10px; line-height: 24px; transform: translateY(-4%); }
.blog-item-content .tyweb-tese-tuijian span { display: block; width: 16px; height: 16px; line-height: 17px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 4px; overflow: hidden; background: #e10dfb; color: #fff; font-size: 12px; }
.blog-item-content .tyweb-tese-jingpin { display: inline-block; border-radius: 14px; height: 24px; font-size: 12px; color: #1e87f0; position: relative; padding-left: 29px; padding-right: 10px; line-height: 24px; transform: translateY(-4%); }
.blog-item-content .tyweb-tese-jingpin span { display: block; width: 16px; height: 16px; line-height: 17px; text-align: center; border-radius: 50%; position: absolute; left: 7px; top: 4px; overflow: hidden; background: #1e87f0; color: #fff; font-size: 12px; }
/*LOGO闪光*/
.tyweb-logo { position: relative; font-size: 2em; font-weight: 700; line-height: 39px; margin: 0; }
.tyweb-logo img { margin-right: 20px; }
.tyweb-logo-shou .fimg { position: absolute; bottom: -46px; left: 6px; z-index: 4; display: none; width: 249px; height: 100px }
.tyweb-logo-shou .tyweb-logo:hover .fimg { display: inline-block }
.header_3_nav .logo:hover .fimg { display: inline-block }
.tyweb-logo::before { content: ""; position: absolute; width: 139px; height: 10px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite; }
.night .tyweb-logo::before { content: ""; position: absolute; width: 139px; height: 10px; background-color: rgba(28, 31, 32, 0.54); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite; }
@-webkit-keyframes searchLights {  0% {
left: -90px;
top: 0;
}
to { left: 90px; top: 0; }
}
/*LOGO闪光*/

/*
* ------------------------------------------------------------------------------
* 公告页面样式
* ------------------------------------------------------------------------------
*/

.tyweb-gonggao-Btn { display: inline-block; border-radius: 50px; height: 24px; font-size: 12px; color: #ffffff; position: relative; padding-left: 32px; padding-right: 10px; line-height: 24px; background-image: linear-gradient(90deg, #006eff, #13adff); margin-right: 7px; }
.tyweb-gonggao-Btn i { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; left: 8px; top: 2px; overflow: hidden; background: #ff8100; color: #fff; font-size: 14px; }
.tyweb-cbp-tmtimeline { list-style: none; padding-left: 0; }
.tyweb-gonggao-li { background-color: #fff; padding: 20px; margin-top: 20px; margin-bottom: 20px; border-radius: 4px; }
.tyweb-gonggao-title { font-weight: 700; font-size: 20px; }
.tyweb-gonggao-about { margin-top: 16px; margin-bottom: 16px; font-size: 12px; color: #999; }
.tyweb-gonggao-entry-content { color: #4c4c4c; font-size: 15px; letter-spacing: .5px; line-height: 2; }
/*.tyweb-gonggao-entry-content blockquote{
        margin: 0;
        box-sizing: border-box;
        background-color: #f4f4f4;
        width: 100%;
        padding: 16px 16px 24px 16px;
        margin-bottom: 1.2em;
        color: #4c4c4c;
        font-size: 15px;
        letter-spacing: .5px;
        border-radius: 4px;
        line-height: 2;
    }
    .tyweb-gonggao-entry-content blockquote:before {
        content: "";
        display: block;
        width: 24px;
        height: 16px;
        background-image: url(../fonts/tyweb-quote-icon-red.svg);
        margin-bottom: 16px;
    }*/
.tyweb-gonggao-entry-content p { font-style: normal }
.gonggao_content .tyweb-background-muted a { font-style: normal }
.tyweb-gonggao-entry-content a { color: #206aff; }
/*
* ------------------------------------------------------------------------------
* 友情链接样式
* ------------------------------------------------------------------------------
*/
.tyweb-link-row { background-color: #fff; padding: 20px; margin-bottom: 30px; border-radius: 4px; }
.tyweb-link-plinks { position: relative; margin-top: 30px; width: 100%; padding: 0; }
.tyweb-link-plinks li.linkcat { border-radius: 6px; }
.tyweb-link-plinks li.linkcat ul { overflow: hidden; margin: 0; padding: 0; list-style: none; }
.tyweb-link-plinks li.linkcat ul li { float: left; overflow: hidden; margin-top: 15px; width: calc(20% - 20px); background: #f8f8f8; margin-bottom: 10px; border-radius: 3px; margin-left: 10px; margin-right: 10px; }
.tyweb-link-plinks li.linkcat ul li:hover { opacity: 0.6; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.tyweb-link-plinks li.linkcat ul li a { overflow: hidden; margin-bottom: 20px; display: block; cursor: pointer; padding: 20px 18px 0; color: #333; }
.tyweb-link-plinks li.linkcat ul li a:hover { color: #005fee; }
.tyweb-link-plinks li.linkcat ul li a img { width: 32px; height: 32px; border-radius: 32px; display: inline-block; margin-right: 8px; }
 @media (max-width: 768px) {
.tyweb-link-plinks li.linkcat ul li { width: calc(50% - 20px); }
}
 @media (max-width: 544px) {
.tyweb-link-plinks li.linkcat ul li { width: 100%; }
}
.tyweb-link-plinks ol, .tyweb-link-plinks ul, .tyweb-link-plinks li { list-style: none; }
.tyweb-link-row h1 { position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; font-size: 1.8rem !important; }
.tyweb-link-row h1:after { content: ''; position: absolute; left: 0; height: 100%; width: 5px; background: var(--primary-color); box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; }
.tyweb-link-row h2 { position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; font-size: 18px !important; }
.tyweb-link-row h2:after { content: ''; position: absolute; left: 0; height: 100%; width: 5px; background: var(--primary-color); box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; }
.tyweb-link-row h3 { position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; font-size: 18px !important; }
.tyweb-link-row h3:after { content: ''; width: 6px; height: 6px; background: var(--primary-color); border-radius: 50%; display: block; position: absolute; left: 0; top: 15px; box-shadow: 3px 0px 10px -1px var(--primary-color); }
/*专题*/
.zhuanti { padding: 20px 0; background: url(../images/tyweb-zhuanti.jpg) center no-repeat; }
.tyweb-zhuanti-wrap .tyweb-zhuanti-top { padding-top: 1px; background: #fafafa; position: relative; z-index: 20; }
.tyweb-zhuanti-wrap .content { display: block; }
.tyweb-zhuanti-wrap .tyweb-zhuanti-menu { padding: 28px 0 0; border-bottom: 1px solid #f3f3f3; margin-bottom: 30px; text-align: center; }
.tyweb-zhuanti-wrap .tyweb-zhuanti-menu a { display: inline-block; font-size: 18px; font-weight: bold; color: #666; line-height: 25px; padding-bottom: 18px; border-bottom: 5px solid transparent; margin: 0 25px; }
.tyweb-zhuanti-wrap .tyweb-zhuanti-menu a.current { color: #ff5c00; border-bottom-color: #ff5c00; }
.tyweb-zhuanti-wrap .items { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; justify-content: flex-start; flex-wrap: wrap; margin: 0 -17px; }
.tyweb-zhuanti-wrap .items .item { width: 100%; margin-bottom: 20px; padding: 0 17px; box-sizing: border-box; }
.tyweb-zhuanti-wrap .items .item a { }
.tyweb-zhuanti-item .tyweb-zhuanti-item-thumb { position: relative; }
.tyweb-zhuanti-item .tyweb-zhuanti-item-thumb .tyweb-zhuanti-thumb { padding-top: 49.18918919%; border-radius: 3px 3px 0 0; }
.tyweb-zhuanti-item .tyweb-zhuanti-item-thumb h5 { position: absolute; left: 0; right: 0; bottom: 6px; line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; font-weight: normal; margin: 0; color: #fff; z-index: 10; }
.tyweb-zhuanti-item .tyweb-zhuanti-item-thumb h5 .l { float: left; }
.tyweb-zhuanti-item .tyweb-zhuanti-item-thumb h5 span { padding: 0 15px; }
.tyweb-zhuanti-item .tyweb-zhuanti-item-thumb h5 .r { float: right; }
.tyweb-zhuanti-item .tyweb-zhuanti-item-thumb h5 span { padding: 0 15px; }
.tyweb-zhuanti-item h2 { line-height: 1; font-size: 18px; margin-bottom: 6px; margin-top: 12px; height: 1.2em; color: #525252; }
.tyweb-zhuanti-item h2:before { content: ''; display: inline-block; width: 5px; height: 23px; margin-right: 11px; background: var(--primary-color); box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; vertical-align: middle; margin-top: -6px; }
.tyweb-zhuanti-item h4 { margin: 0 15px 15px; font-size: 14px; line-height: 1.5em; height: 1.5em; font-weight: normal; overflow: hidden; color: #525252; }
.tyweb-zhuanti-item .entry { margin: 0 15px 18px; font-size: 14px; line-height: 27px; height: 54px; overflow: hidden; letter-spacing: .2px; }
.tyweb-zhuanti-item a .entry { color: #999; }
.tyweb-zhuanti-item .btns { text-align: center; margin: 0 0 22px; }
.tyweb-zhuanti-thumb { display: block; width: 100%; height: 0; padding-top: 66.7%; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: transparent; position: relative; overflow: hidden; transition: all .2s; }
.tyweb-zhuanti-item .btns .btn { display: inline-block; padding: 2px 1em; font-size: 13px; line-height: 22px; background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); color: #fff!important; cursor: pointer; letter-spacing: 1px; }
.tyweb-zhuanti-item a { display: block; border-top-color: transparent; color: #555; border-radius: 8px; overflow: hidden; background: #fff; transition: all .2s; }
.tyweb-zhuanti-item a:hover .btns .btn { background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); color: #fff!important; }
.tyweb-zhuanti-singular-header { position: relative; }
.tyweb-zhuanti-singular-header .bg { height: 70%; max-height: 400px; position: absolute; left: 0; top: 0; right: 0; background-size: 4000%; background-repeat: no-repeat; background-position: center; overflow: hidden; }
.tyweb-zhuanti-singular-header .bg::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: inherit; filter: blur(10px); }
.tyweb-zhuanti-singular-header .bg::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 30%; background-image: linear-gradient(180deg, rgba(255,255,255,0.6) 1%, #FFFFFF 38%); }
.tyweb-zhuanti-singular-header .breadcrumb { font-size: 13px; color: #fff; margin-bottom: 17px; }
.tyweb-zhuanti-singular-header .breadcrumb li { display: inline; }
.tyweb-zhuanti-singular-header .breadcrumb a { color: #fff; }
.tyweb-zhuanti-singular-header .breadcrumb li:after { content: ' >'; }
.tyweb-zhuanti-singular-header .block { position: relative; }
.tyweb-zhuanti-singular-header .block::before { content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; right: 0; bottom: 0; box-shadow: 0 25px 50px 0 rgba(237,237,237,0.5); background: #fff; }
.tyweb-zhuanti-singular-header .block-content { background: #fff; padding: 20px 20px 30px; position: relative; }
.tyweb-zhuanti-singular-header .tyweb-zhuanti-item-thumb { margin-bottom: 30px; }
.tyweb-zhuanti-singular-header .tyweb-zhuanti-item-thumb .tyweb-zhuanti-thumb { padding-top: 55%; }
.tyweb-zhuanti-singular-header .block-main { flex-grow: 1; }
.tyweb-zhuanti-singular-header h2 { font-size: 28px; color: #333; margin-bottom: 14px; }
.tyweb-zhuanti-singular-header h4 { font-size: 16px; color: #888; font-weight: normal; margin: 0 -10px 20px; padding-bottom: 10px; border-bottom: 1px solid #f3f3f3; }
.tyweb-zhuanti-singular-header p { font-size: 13px; color: #888; line-height: 1.8; margin-bottom: 20px; }
.tyweb-zhuanti-singular-header h4 .item { display: inline-block; padding: 0 10px; position: relative; line-height: 40px; }
.tyweb-zhuanti-singular-header h4 .item strong { font-size: 16px; color: #ff5c00; font-family: Impact; margin-right: 10px; }
.tyweb-zhuanti-tax-special .term-bar { display: none; }
.tyweb-zhuanti-tax-special .site-content { padding: 0px; }
.tyweb-zhuanti-singular-content .main { padding: 0 46px 0 0; }
.tyweb-zhuanti-section-title { font-size: 20px; color: #262626; line-height: 28px; padding-bottom: 15px; border-bottom: 1px solid #f2f2f2; position: relative; font-weight: bold; margin-bottom: 20px; }
.tyweb-zhuanti-singular-content .tyweb-zhuanti-section-title { margin-bottom: 40px; }
.tyweb-zhuanti-flex { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; }
.tyweb-zhuanti-list-item-default { justify-content: flex-start; margin-bottom: 40px; flex-direction: row-reverse; }
.tyweb-zhuanti-list-item-default { margin-bottom: 55px; flex-wrap: nowrap; flex-direction: row; }
.tyweb-zhuanti-list-item-default .tyweb-zhuanti-item-thumb { width: 33.3333%; flex-shrink: 0; margin: 0 0 0 15px; }
.tyweb-zhuanti-list-item-default .tyweb-zhuanti-item-thumb a { border-radius: 3px; }
.tyweb-zhuanti-list-item-default .tyweb-zhuanti-item-thumb .tyweb-zhuanti-thumb { padding-top: 63.6363%; border-radius: 3px; background-position: left; }
.tyweb-zhuanti-h-scale img, .tyweb-zhuanti-h-scale .tyweb-zhuanti-thumb { transition: all .2s; }
.tyweb-zhuanti-list-item-default .item-content { flex-grow: 1; text-align: left; }
.tyweb-zhuanti-list-item-zt .tyweb-zhuanti-title { display: flex; flex-direction: column-reverse; }
.tyweb-zhuanti-list-item-zt .tyweb-zhuanti-title .item { display: block; font-style: normal; }
.tyweb-zhuanti-list-item-zt .tyweb-zhuanti-title .item { display: inline; }
.tyweb-zhuanti-list-item-default .title .tag { font-size: 12px; font-weight: normal; display: inline-block; border: 1px solid #ff5c00; color: #ff5c00; padding: 0 3px; border-radius: 2px; vertical-align: text-bottom; line-height: 20px; margin-right: 5px; }
.tyweb-zhuanti-list-item-zt .tyweb-zhuanti-title .item { display: block; font-style: normal; }
.tyweb-zhuanti-list-item-default p { font-size: 14px; color: #888; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 14px; display: none; max-width: 615px; }
.tyweb-zhuanti-list-item-default h4 { font-size: 12px; font-weight: normal; color: #a7a7a7; line-height: 23px; height: 23px; overflow: hidden; }
.tyweb-zhuanti-list-item-default h4 i { font-style: normal; margin-right: 15px; }
.tyweb-zhuanti-singular-header .container { padding-top: 30px; }
.tyweb-zhuanti-singular-header .container { padding-top: 40px; padding-bottom: 54px; overflow: visible; }
.tyweb-zhuanti-singular-content .back { margin-bottom: 60px; }
.tyweb-zhuanti-singular-content .back .btn { font-size: 16px; display: block; line-height: 3.125; }
.tyweb-zhuanti-btn-orange { background: #ff5c00; color: #fff; }
@media (min-width: 768px) {
.tyweb-zhuanti-wrap .tyweb-zhuanti-menu { padding: 48px 0 0; margin-bottom: 50px; }
.tyweb-zhuanti-wrap .items .item { width: 25%; margin-bottom: 10px; }
.tyweb-zhuanti-item { background: #fff; border-radius: 20px; box-shadow: 0px 4px 10px rgba(20,20,20,0.1); }
.tyweb-zhuanti-item h4 { font-size: 16px; }
.tyweb-zhuanti-item .btns .btn { font-size: 14px; line-height: 32px; }
.tyweb-zhuanti-singular-header .bg { background-size: 300%; }
.tyweb-zhuanti-singular-header .bg::before { filter: blur(50px); }
.tyweb-zhuanti-singular-header .block-content { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; padding: 40px; }
.tyweb-zhuanti-singular-header .block-thumb { width: 370px; }
.tyweb-zhuanti-singular-header .block-main { padding-left: 40px; }
.tyweb-zhuanti-singular-header h4 { font-size: 14px; padding-bottom: 20px; }
.tyweb-zhuanti-singular-header p { font-size: 14px; line-height: 2; height: 4em; margin-bottom: 30px; overflow: hidden; }
.tyweb-zhuanti-singular-header h4 .item { padding: 0 20px; }
.tyweb-zhuanti-singular-header h4 .item strong { font-size: 32px; }
.tyweb-zhuanti-list-item-default .tyweb-zhuanti-item-thumb { width: 260px; margin: 0 30px 0 0; }
.tyweb-zhuanti-list-item-default .title { font-size: 20px; font-weight: bold; line-height: 30px; margin-bottom: 20px; }
.tyweb-zhuanti-list-item-zt .tyweb-zhuanti-title { display: block; }
.tyweb-zhuanti-list-item-default .title .tag { padding: 1px 4px; }
.tyweb-zhuanti-list-item-zt .tyweb-zhuanti-title .item { display: inline; }
.tyweb-zhuanti-list-item-zt .tyweb-zhuanti-title .item:last-child { margin: 0; }
.tyweb-zhuanti-list-item-default p { display: block; }
}
 @media (min-width: 1024px) {
.tyweb-zhuanti-list-item-default { margin-bottom: 15px; margin-left: -20px; margin-right: -20px; padding: 20px; background: #fff; transition: all .2s; }
.tyweb-zhuanti-singular-header .container { padding-top: 97px; }
}
/*专题*/
/*
*-------------------------------------------------------------------------------
*QQ群联盟
*-------------------------------------------------------------------------------
*/
.tyweb-padding-app { padding: 30px; }
.tyweb-qqqun-bg { background: #fff; padding: 30px; margin-top: 20px; }
.tyweb-qqqun .tyweb-qqqun-lb { position: relative; border: 1px solid #eee; padding: 20px; text-align: center; }
.tyweb-qqqun .tyweb-qqqun-lb .joinqq { display: inline-block; width: 100%; height: 4pc; }
.tyweb-qqqun .tyweb-qqqun-lb .joinqq .img { display: inline-block; overflow: hidden; width: 50px; height: 50px; vertical-align: -18px; }
.tyweb-qqqun .tyweb-qqqun-lb .joinqq .img img { width: 50px; height: 50px; border-radius: 45px; }
.tyweb-qqqun .tyweb-qqqun-lb .joinqq .qqone { display: inline-block; }
.tyweb-qqqun .tyweb-qqqun-lb .joinqq .qqone .lianmeng .qq { display: inline-block; overflow: hidden; width: 100%; height: 31px; vertical-align: -11px; text-overflow: ellipsis; white-space: nowrap; font-size: 1pc; line-height: 31px; }
.tyweb-qqqun .tyweb-qqqun-lb .joinqq .qqone .number { color: #9d9d9d; font-size: 9pt; }
.tyweb-qqqun .tyweb-qqqun-lb .joinqq .qqone em { display: inline-block; margin-left: 11px; height: 9pt; border: 1px solid #6287e3; color: #6287e3; font-size: 9pt; line-height: 9pt; font-style: normal; padding: 1px 8px; border-radius: 2px; }
.tyweb-qqqun .tyweb-qqqun-lb a { display: inline-block; margin-top: 13px; border-radius: 3px; padding: 5px 45px; color: #fff; font-weight: 400; font-size: 15px; background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); outline: 0; -webkit-transition: all .1s ease-out 0s; -o-transition: all .1s ease-out 0s; transition: all .1s ease-out 0s; }
.tyweb-qqqun-row h1 { position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; font-size: 1.8rem !important; }
.tyweb-qqqun-row h1:after { content: ''; position: absolute; left: 0; height: 100%; width: 5px; background: var(--primary-color); box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; }
.tyweb-qqqun-row h2 { position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; font-size: 18px !important; }
.tyweb-qqqun-row h2:after { content: ''; position: absolute; left: 0; height: 100%; width: 5px; background: var(--primary-color); box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 2px; }
.tyweb-qqqun-row h3 { position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; font-size: 18px !important; }
.tyweb-qqqun-row h3:after { content: ''; width: 6px; height: 6px; background: var(--primary-color); border-radius: 50%; display: block; position: absolute; left: 0; top: 15px; box-shadow: 3px 0px 10px -1px var(--primary-color); }
/*
* ------------------------------------------------------------------------------
* 资源下载
* ------------------------------------------------------------------------------
*/
/* 手机端 */
@media only screen and (max-width: 768px) {
.bannerL { width: auto!important; padding: 20px!important; margin: 0!important; }
.bannerMid { width: 100%!important; }
.tywebshop-sall .custom { width: 100%!important; }
}
.user-info .money-left { background: #fff; border-radius: 5px; font-size: 12px; margin: 20px 0 2px 0; padding-bottom: 5px; padding: 12px; }
.user-info .money-left t { float: right; color: #707c86 }
.user-info .vip-left { background: #fff; border-radius: 5px; padding: 10px; margin: 13px 0; font-size: 12px; }
.user-info .vip-left t { float: right; color: #707c86; line-height: 22px; margin-top: 5px; }
.user-info .vip-left v { cursor: pointer; float: right; background: #fbb715; color: #fff; border-radius: 30px; padding: 4px 8px; display: inline-block; line-height: 1; margin-top: 6px; }
.user-info .vip-left .down-left { margin-top: 5px; color: #707c86 }
.user-info .vip-left .down-left b { font-size: 16px; }
.user-info .first { list-style: none; }
.user-info .tyweb-width-expand ul { margin: 0; padding-left: 0; display: inline-block; }
.user-info .tyweb-width-expand h4 { float: left; }
.user-info .tyweb-width-expand i { background: linear-gradient(-125deg, #f8d930 0%, #fb7b92 100%); box-shadow: 4px 3px 10px #ffc1072e; color: #FFF; font-weight: 400; padding: 2px 8px; border-radius: 10px; transition: transform 0.1s; font-size: 8px; margin-left: 10px; font-style: normal; cursor: text; }
/*下载模块*/

/* Css Reset */

.tyweb-shop1-zl { background: #fff; position: relative; margin-bottom: 20px !important; margin-top: 20px; border-radius: 4px }
.tyweb-shop1-zl li { list-style: none; }
.bannerL { width: 24.3%; max-height: 378px; overflow: hidden; float: left; margin: 20px 20px 0 20px; font-size: 0; }
.course-img { overflow: hidden; height: 280px; }
.risktips .icons { background: url(../images/focus2018.png) no-repeat; background-position-x: 0%; background-position-y: 0%; }
.risktips { border: solid 1px #ff8400; padding: 3px 4px; color: #ff8400; overflow: hidden; margin-top: 10px; line-height: 18px; font-size: 12px; }
.risktips .icons { font-size: 12px; background-position: -309px -67px; width: 16px; display: inline-block; vertical-align: bottom; height: 18px; font-weight: 700; }
.risktips span a { color: #ff8400; }
.risktips i { font-size: 13px; margin-right: 5px; }
.descp { line-height: 25px; padding: 10px; height: 25px; border-bottom: 1px solid #e7e7e7; color: #ababab; }
.collectRow { overflow: hidden; padding: 8px 5px; text-align: center; background: #f1f3f4; }
.collectRow span { font-size: 12px; color: #999999; height: auto; width: auto; margin-right: 35px; }
.collectRow span i { font-size: 15px; margin-right: 4px; vertical-align: middle; }
.bannerMid { float: left; width: 47.36%; margin-left: 0px; padding: 15px 10px 15px 10px; }
.midTitle { width: 100%; margin-top: 5px; }
.midTitle .tyweb-single-vip { margin-right: 0; }
.midTitle h1 { font-size: 22px; color: #464646; }
.superiority { font-size: 14px; color: #a2a2a2; }
.line0 { width: 77px; height: 1px; background: #e7e7e7; margin: 16px 0; }
.promiseNet { overflow: hidden; }
.promiseNet li { float: left; padding: 4px 8px; border: 1px solid #e2e2e2; border-radius: 15px; color: #717171; margin-right: 10px; cursor: default; }
/* .promiseNet li.on {
    background: #ff8207;
    color: #fff;
} */

.priceBtn { margin-top: 20px; }
.sellP { font-size: 13px; color: #ec1c2b; }
.sellP em { font-size: 13px; color: #ec1c2b; font-style: normal; font-weight: 500; }
.sellP #priceinfo { font-size: 22px; color: #ec1c2b; font-weight: bold; }
.marketPrice { font-size: 14px; color: #787878; }
.icon1 { display: inline-block; width: 72px; height: 22px; box-sizing: border-box; padding-left: 14px; background: url('../images/pinkframe.png') no-repeat center; font-size: 12px; color: #fff; position: relative; top: -6px; }
.bannerMid a.makeFunc, .bannerMid a.needSay, a.needSays, a.shopcustom, a.conMake, a.seeDetail { display: inline-block; width: 120px; height: 36px; background: linear-gradient(-125deg, #f90202 0%, #fd2f44 100%); border-radius: 4px; color: #fff; text-align: center; line-height: 36px; font-size: 15px; border: 1px solid #0000; margin: 20px 0 0 0; -webkit-transition-property: background-color; -webkit-transition-duration: .3s; -webkit-transition-timing-function: linear; }
.bannerMid a.makeFunc:hover { height: 34px; color: #eb0c1c; border: 1px solid #eb0c1c; background: #fff0; line-height: 34px; }
.bannerMid a.seeDetail { background: #7270f3; margin-left: 8px; }
.bannerMid a.seeDetail:hover { color: #7270f3; border: 1px solid #7270f3; background: #fff0; height: 34px; line-height: 34px; }
.bannerMid a.needSay { background: #ff8400; margin-left: 8px; }
.bannerMid a.needSay:hover { color: #ff8400; border: 1px solid #ff8400; background: #fff0; height: 34px; line-height: 34px; }
.bannerMid a.needSays { background: #ff8400; margin-left: 8px; width: 25%; }
.bannerMid a.needSays:hover { color: #ff8400; border: 1px solid #ff8400; background: #fff0; height: 34px; line-height: 34px; }
.bannerMid a.shopcustom { background: #333333; margin-left: 8px; }
.bannerMid a.shopcustom:hover { color: #333333; border: 1px solid #333333; background: #fff0; height: 34px; line-height: 34px; }
.bannerMid .time { height: 30px; color: #9a9a9a; line-height: 30px; margin-top: 10px; }
.wrapColloct { background: #f1f3f4; margin-top: 20px; }
.custom { width: 18%; background: #f4faff; border: 1px solid #e9ecf3; float: right; text-align: center; margin: 20px 20px 0 0; padding: 0 20px; position: relative !important; }
.custom:before { content: ''; position: absolute; left: 0; top: 0; opacity: .3; background-image: -webkit-linear-gradient(46deg, #b5dfff 48%, #f4faff 91%); background-image: -o-linear-gradient(46deg, #b5dfff 48%, #f4faff 91%); background-image: linear-gradient(44deg, #b5dfff 48%, #f4faff 91%); width: 60px; height: 76px; -webkit-border-radius: 0 0 100% 0; border-radius: 0 0 100% 0; }
.customgf { display: inline-block; width: 226px; height: 39px; text-align: center; border-radius: 4px; line-height: 39px; font-size: 14px; margin-top: 10px; background-color: #590F0B; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); color: #fff!important; border: 0px solid #ffffff; margin-bottom: 23px; }
.qr_code { position: absolute; right: 0; top: 0; }
.tywebshop-mall-sc { margin-top: 13px; font-size: 8px; color: #999 !important; }
.tywebshop-mall-sc a { margin-top: 5px; font-size: 8px; color: #999 !important; }
.tywebshop-mall-sc i { margin-top: 5px; font-size: 8px; color: #999 !important; }
.tyweb-margin-medium-right-tywebshop { margin-right: 20px !important; }
.cusomPic { position: relative; margin-top: 16px; }
.custom .cusomPic a { width: auto; height: auto; }
.custom .cusomPic a img { width: 100px; height: 100px; border-radius: 50%; }
.custom p { display: inline-block; }
.customdp { display: inline-block; width: 226px; height: 38px; background: #fff; text-align: center; color: #0274ff; border-radius: 4px; border: 1px solid #0274ff; line-height: 38px; font-size: 14px; margin-top: 10px; }
.customdp:hover { color: #eb0c1c; border: 1px solid #eb0c1c; background: #fff; }
.bigImg { width: 100%; /*padding: 5px 5px 10px 5px;*/
display: block; border-radius: 4px; }
.mainCon { width: 1200px; margin: auto; }
.turnTitle { width: 100%; overflow: hidden; margin-top: 72px; border-bottom: 1px solid #eb0c1c; }
.turnTitle > div { float: left; }
.turnTitle > div a { display: inline-block; text-align: center; line-height: 38px; width: 106px; height: 38px; box-sizing: border-box; padding-bottom: 4px; font-size: 16px; position: relative; }
.turnTitle > a { float: right; margin-top: 4px; display: inline-block; width: 112px; height: 30px; background: #eb0c1c; color: #fff; font-size: 14px; text-align: center; line-height: 30px; border-radius: 4px; }
.turnTitle > div a:hover { background: #eb0c1c; color: #fff; }
.turnTitle > a:hover { background: #fff; color: #eb0c1c; border: 1px solid #eb0c1c; height: 28px; }
.turnTitle > div a.on { background: #eb0c1c; color: #fff; }
.flexs { display: -webkit-box; display: -ms-flexbox; display: flex; }
.relevantContentBox { margin-top: -48px; height: 60px; background-color: #ffffff; line-height: 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; }
.turning { width: 1200px; margin: 20px auto 20px auto; }
.demobox { padding: 8px 7px 7px; background: #fff; margin: 10px auto; border: 1px solid #eaeaea; border-radius: 5px; }
.turning_turn { width: 958px; position: relative; padding: 0px 0 50px 0; background: #fff; }
.turning_turn_wrap { width: 958px; height: 60px; border-bottom: 1px solid #eaeaea; }
.turning_turn_nav { width: 958px; height: 60px; background: #fff; }
.turning_turn_nav span { display: block; margin-left: 45px; height: 60px; line-height: 60px; font-size: 16px; color: #656565; position: relative; cursor: pointer; user-select: none; }
.turning_turn_nav .on { color: #ff580e; }
.turning_turn_nav .on:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fb6514; }
.tyweb-shop-commont { margin: 20px auto 27px auto; }
.turning_turn_trademark_show, .turning_turn_trademark_show1 { margin: auto; }
.turning_turn_trademark_show .content { width: 820px; }
.turning_turn_trademark_show .content img { max-width: 800px; }
.turning_turn_trademark_show .content-detail { height: auto; margin: 20px 0; font-size: 14px; overflow: visible; font: 16px/30px "Microsoft Yahei"; word-break: break-all; }
.turning_turn_trademark_show .content-detail img { max-width: 100%; }
.fn-left, .fl, .f_l { float: left; }
.turning_turn_trademark_show_row1 { background: #ffffff; position: relative; font-size: 14px; color: #9a9a9a; }
.turning_turn_trademark_show_row1 ul { border: 1px solid #f0f1f5; list-style: none; padding-left: 0; margin: 0 10px 10px 0; display: flex; height: 38px; line-height: 38px; float: left; }
.turning_turn_trademark_show_row1 li { width: 117px; background: #f2f5fd; padding: 0 10px 0 15px; font-size: 14px; color: #999999; word-break: break-all; word-wrap: break-word; }
.turning_turn_trademark_show_row1 li::before { content: ''; border-radius: 50%; display: inline-block; width: 5px; height: 5px; margin-right: 4px; background-color: #2E68E9; transform: translate(0, -50%); }
.turning_turn_trademark_show_row1 p { margin-bottom: 25px; }
.turning_turn_trademark_show_row1 span { padding: 10px; line-height: 18px; color: #333333; width: 155px; font-size: 14px; word-break: break-all; word-wrap: break-word; }
.turning_othershow { width: 230px; }
.turning_othershow_t { text-align: center; height: 60px; width: 230px; line-height: 60px; border-bottom: 1px solid #eaeaea; background: #fff; }
.turning_othershow_t span { font-size: 18px; color: #2b3d63; position: relative; }
.turning_othershow_t span:before { content: ''; position: absolute; top: 50%; left: -20px; margin-top: -3.5px; display: block; width: 13px; height: 7px; background: url(../images/other-l.png) no-repeat center; }
.turning_othershow_t span:after { content: ''; position: absolute; top: 50%; right: -20px; margin-top: -3.5px; display: block; width: 13px; height: 7px; background: url(../images/other-r.png) no-repeat center; }
.turning_othershow .tag_list { background-color: #fff; padding: 15px; }
.turning_othershow .tag_list a { display: inline-block; height: 30px; line-height: 30px; padding: 0 9px; margin-bottom: 10px; border: 1px solid rgb(221,221,221); border-radius: 30px; }
.turning_othershow .tag_list a:hover { border: 1px solid #FF0000; color: #FF0000; cursor: pointer; }
.turning_turn .problem { width: 850px; margin: auto; padding-top: 30px; }
.turning_turn .problems { width: 860px; margin-top: 15px; }
.turning_turn .problems_each { width: 100%; background: #f5f6f8; border-radius: 4px; margin-right: 10px; margin-bottom: 10px; }
.turning_turn .problems_each_detail { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px; }
.turning_turn .problems_each_detail_con { font-size: 13px; color: #b4b4b4; line-height: 25px; margin-bottom: 8px; position: relative; }
.tyweb-shop-commont { background: url(../images/icon-5.png) no-repeat center right; }
.tyweb-shop-commont span { display: inline-block; font-size: 18px; color: #243159; font-weight: bold; padding: 0 6px 0 22px; background: #fff url(../images/icon-t.png) no-repeat center left; }
.tyweb-shop-commont .special { color: #ff4e00; }
.turning_othershow_goods { width: 230px; background: #fff; margin-bottom: 12px; overflow: hidden; }
.turning_othershow_goods_up { width: 230px; max-height: 265px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px 15px 10px; }
.turning_othershow_goods_up_img img { max-width: 210px; }
.turning_othershow_goods_up_img a { display: block; width: 210px; }
.turning_othershow_goods_up_name { margin-top: 15px; }
.turning_othershow_goods_up_name span { font-size: 16px; color: #46494d; margin-left: 7px; width: 160px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.turning_othershow_goods_up_img { width: 210px; max-height: 200px; overflow: hidden; margin: auto; }
.turning_othershow_goods .othershow_btn { display: block; width: 198px; height: 36px; border-radius: 4px; margin: auto; background: #243159; text-align: center; line-height: 36px; font-size: 15px; color: #ffffff; }
.swiper-container { height: 24px; }
.swiper-slide { font-size: 14px; background: transparent; overflow: hidden; }
.swiper-slide img { width: 20px; height: 20px; border-radius: 50% }
.swiper-slide span { font-size: 16px; color: #ff6600; margin: 0 5px }
.swiper-slide a { font-size: 14px }
._tips { width: 350px; display: inline-block; }
/*end*/
.main_info_icon { width: 31px; height: 35px; line-height: 32px; text-align: center; font-size: 3px; color: #7B64F2; background: url(../images/tyweb-shang.png); background-size: 100% 100%; margin: 0 -5px -10px 0; }
.main_info_admin { margin: 2px 0!important; }
.main-icon-admin { margin: 10px 0 0 0; }
/*商城模块1点赞收藏*/
.tyweb-shop1-dzsc { display: block; font-size: 12px; color: #666f80; text-align: center; padding-top: 26px; position: absolute; right: 0; bottom: 0; }
.tyweb-shop1-dzsc .change-color { padding: 3px 10px; border-radius: 4px; color: #ff5473 !important; background-color: rgba(255, 84, 115, .1); margin-right: 10px !important; font-size: 12px; background: rgba(255, 84, 115, .1); box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%); }
.tyweb-shop1-dzsc .change-color-sc { padding: 3px 10px; border-radius: 4px; color: #0084ff !important; background: rgba(0,132,255,.1); font-size: 12px; box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%); }
/**/
.main_info_price { margin-top: 20px; display: flex; }
.main_info_price_l { height: 57px; line-height: 50px; width: 210px; text-align: center; background-color: #FFEFE9; margin-right: 8px; color: #999999; font-size: 12px; position: relative; }
.main_info_price_l span { color: #FF7726; font-size: 14px; font-weight: bold; }
.main_info_price_l i { font-size: 24px; font-style: normal; }
.main_info_price_r { width: 100%; height: 57px; line-height: 57px; color: #ffffff; font-size: 18px; padding-left: 24px; position: relative; }
.collection { position: absolute; right: 24px; top: 17px; font-size: 12px; width: 80px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #ffffff; cursor: pointer; }
.collection a { color: #fff; }
.collection i { margin-right: 3px; }
.collection img { margin-top: -5px; }
/*服务模块*/
.main_info_tb { background-color: #FAFBFD; font-size: 14px; margin: 16px 0; display: flex; flex-wrap: wrap; }
.main_info_tb_items { height: 50px; padding: 0 8px 0 22px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_info_tb_items i { margin-right: 3px; color: #007cef!important; }
.main_info_tb_item { height: 50px; padding: 0 9px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_info_tb_item .left_title { color: #999999; }
.main_info_tb_item .left_title::before { content: ''; border-radius: 50%; display: inline-block; width: 5px; height: 5px; margin-right: 4px; background-color: #2E68E9; transform: translate(0, -50%); }
/**/
.main_info_top_item { margin-right: 10px; font-size: 12px; border: 1px solid #f0f1f5; }
.main_info_top_item2 { margin-right: 0px; font-size: 12px; border: 1px solid #f0f1f5; }
.item_titles { height: 22px; line-height: 22px; padding: 0 7px; color: #999999; background-color: #F8F9FC; border-right: 1px solid #f0f1f5; }
.item_title { height: 22px; line-height: 22px; padding: 0 20px; color: #999999; background-color: #F8F9FC; border-right: 1px solid #f0f1f5; }
.item_content1 { display: inline-block; height: 22px; line-height: 22px; padding: 0 7px; color: #333333; width: 118px; }
.item_content2 { display: inline-block; height: 22px; line-height: 22px; padding: 0 7px; color: #333333; width: 57px; }
.main_info_top_b { display: flex; margin-top: 10px; }
.consulting { width: 110px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #0274ff; color: #0274ff !important; font-size: 14px; border-radius: 3px; right: 5px; top: 5px; cursor: pointer; }
.consulting:hover { background: #0274ff; border: 1px solid #0274ff; color: #fff !important; }
.consulting a { font-size: 14px !important; color: #0274ff !important; }
.consulting a:hover { color: #fff !important; }
.consultingshop { padding-left: 0; margin: 0 0 20px 0; }
/*底部侧边栏跟随*/

/*活动按钮*/
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@media screen and (max-width: 800px) {
.tyweb-footer-sidebar-girl { display: none; }
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.tyweb-footer-sidebar-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; right: 30px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 14; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.tyweb-footer-sidebar-girl:focus { outline: 0 }
.tyweb-footer-sidebar-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.tyweb-footer-sidebar-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(90deg, #fc2626, #fca626); position: absolute; right: 1px; top: 1px; z-index: 50 }
.tyweb-footer-sidebar-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.tyweb-footer-sidebar-girl .animated-circles .circle { background: rgba(255, 0, 0, 0.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.tyweb-footer-sidebar-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.tyweb-footer-sidebar-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.tyweb-footer-sidebar-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.tyweb-footer-sidebar-girl.animation-stopped .circle { opacity: 0!important }
.tyweb-footer-sidebar-girl.animation-stopped .circle { opacity: 0!important }
.tyweb-footer-sidebar-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.tyweb-footer-sidebar-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.tyweb-footer-sidebar-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.tyweb-footer-sidebar-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.tyweb-footer-sidebar-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.tyweb-footer-sidebar-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.tyweb-footer-sidebar-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.tyweb-footer-sidebar-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #ff2626; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #ff2626 }
.rd-notice-type-success:after { background-color: #ff2626; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }




/*广告按钮*/

@media screen and (max-width: 800px) {
.tyweb-huodong { display: none; }
}
.tyweb-adgg { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.tyweb-huodong { width: 23px; height: 23px; border-radius: 50%; z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1); position: absolute; right: 5px; top: 45px; padding: 0; text-align: right; color: white; }
.tyweb-huodong:focus { outline: 0 }
.tyweb-huodong.tyweb-adgg { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.tyweb-huodong .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.tyweb-huodong .tyweb-adgg-circles .circle { background: rgba(255, 0, 0, 0.25); width: 23px; height: 23px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.tyweb-huodong .tyweb-adgg-circles.tyweb-adgg .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.tyweb-huodong .tyweb-adgg-circles.tyweb-adgg .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.tyweb-huodong .tyweb-adgg-circles.tyweb-adgg .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.tyweb-huodong.animation-stopped .circle { opacity: 0!important }
.tyweb-huodong.animation-stopped .circle { opacity: 0!important }
.tyweb-huodong .hd-livechat-hint { position: absolute; right: 0px; top: 90%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.tyweb-huodong .hd-livechat-hint.gg-show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.tyweb-huodong .hd-livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.tyweb-huodong .hd-livechat-hint.hd-rd-notice-tooltip { max-width: 1296px!important }
.tyweb-huodong .hd-livechat-hint.hd-rd-notice-tooltip .gg-rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.tyweb-huodong .hd-livechat-hint.hd-rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.tyweb-huodong .hd-livechat-hint.hd-rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.tyweb-huodong .hd-livechat-hint.hd-rd-notice-tooltip { max-width: 600px!important }
}
.hd-rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.hd-rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 10px; width: 10px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.hd-rd-notice-tooltip .gg-rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.hd-rd-notice-type-success { background-color: #ff2626; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.hd-rd-notice-type-success .gg-rd-notice-content { background-color: #ff2626 }
.hd-rd-notice-type-success:after { background-color: #ff2626; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.gg-rd-notice-position-left { margin-left: -20px }
.gg-rd-notice-position-left:after { right: -3px; top: 75%; margin-top: -10px }
.hd-rd-notice-tooltip.gg-show_hint .gg-rd-notice-content { height: 20px; padding: 0 20px; line-height: 20px; white-space: nowrap }
.tyweb-vip-icons .meta-vip-tag { display: block; width: 26px; height: 26px; position: absolute; margin: 10px 0 0 10px; border-radius: 5px; background: #ffc107 url(../images/vip-1.svg) 50% no-repeat; background-size: 18px auto; box-shadow: 0 3px 5px rgba(51, 51, 51, 0.1); z-index: 1; }
 @media screen and (min-width: 1400px) {
.single-main { /*width:1080px;*/
}
.archives-main { width: 1020px; }
}
 @media only screen and (max-width: 800px) {
.m-home-ranking__content__item { width: 100% !important; }
}
/*
* ------------------------------------------------------------------------------
* 手机端
* ------------------------------------------------------------------------------
*/

/*底部导航*/
@media (min-width: 900px) {
.aui-footer { display: none!important; }
}
.aui-footer { width: 100%; position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 7px 5px 7px 5px; background: #fefefe; }
.aui-footer-fixed { position: fixed; bottom: 0; left: 0; z-index: 49; }
.aui-tabBar-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #979797; }
.aui-tabBar-item-active .aui-tabBar-item-text, .aui-tabBar-item-active i { color: #f94745; }
.aui-tabBar-item-icon i { font-size: 16px; }
.aui-tabBar-item-text { display: inline-block; font-size: 0.65rem; color: #818085; padding-top: 2px; }

/*手机菜单*/
@media (min-width: 900px) {
.aui-scrollView { display: none!important; }
}
.aui-scrollView { width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; padding-bottom: 0; background: #fff; border-top: 1px solid #f1f2f5; }
.aui-palace { padding: 0.8rem 0; position: relative; overflow: hidden; }
.aui-palace-one .aui-palace-grid { width: 25%; }
.aui-palace-grid { position: relative; float: left; padding: 1px; width: 20%; box-sizing: border-box; margin: 5px 0; }
.aui-palace-grid-icon { width: 30px; height: 30px; margin: 0 auto; }
.aui-palace-grid-icon img { display: block; width: 100%; height: 100%; border: none; }
.aui-palace-grid-text { display: block; text-align: center; color: #333; font-size: 0.85rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 0.2rem; }
.aui-palace-grid-text h2 { font-size: 0.8rem; font-weight: normal; color: #666666; margin: 0 0 8px 0; }
.divHeight { }
/*海报*/
.poster-share-ico { margin-right: 20px; }
.poster-share-ico a { display: inline-block; cursor: pointer; border: 1px solid #590F0B; color: #590F0B; background: rgb(255, 255, 255); border-radius: 3px; padding: 3px 10px; margin-top: 5px; }
.poster-share-ico span { font-size: inherit!important; line-height: inherit!important; margin-right: inherit!important; }
.poster-share-ico a:hover { color: #fff; opacity: 0.8; background-color: #590F0B; }
.poster-share { position: fixed; top: 33%; left: 50%; margin: -150px 0 0 -333px; width: 666px; background-color: #FFF; padding: 20px 20px 20px; border-radius: 4px; box-shadow: 0 1px 5px rgba(0,0,0,0.4); z-index: 9999; opacity: 0; text-align: center; visibility: hidden; }
.poster-image { position: relative; float: left; width: 50%; }
.load-bigger-img { top: 48%; margin: auto; }
.poster-right { display: block; float: right; width: 50%; }
.poster-right h3 { font-size: 24px; display: block; margin: 20px auto; }
.poster-btns { display: block; height: 360px; width: 80%; margin: 60px auto 10px; top: 60px; }
.poster-btns a { position: relative; display: block; margin: 36px auto; width: 140px; height: 36px; border-radius: 16px; font-size: 16px; color: #fff; line-height: 36px; background: #ff5e52; }
.poster-btns a:hover { opacity: 0.8; box-shadow: 3px 3px 9px rgba(0,0,0,0.3); }
.poster-button-1 { background: #8652da !important; }
.poster-button-2 { background: #ff5e52 !important; }
.poster-button-3 { background: #ffc913 !important; }
.poster-button-4 { background: #65c554 !important; }
.poster-button-5 { background: #45b6f7 !important; }
.poster-close { position: relative; float: right; right: -20px; display: block; z-index: 99999999; height: 30px; width: 60px; border-radius: 9px 0 0 9px; background: #999; color: #fff; font-size: 24px; line-height: 30px; }
.poster-close:hover { opacity: 0.8; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); }
/*===============================下载弹窗==================================*/
#tywebtheme .erphpdown-body .layui-layer-title { padding: 19px; font-size: 19px; background: url(../fonts/34b6aa9974914735b26cc31fc85d1469.woff) }
#tywebtheme .erphpdown { margin: 38px 0 !important; border: 1px solid #ffffff00 !important; border-radius: 4px; background: #f5f6f8; }
#tywebtheme .erphpdown > legend { color: #0484ff; font-weight: 400; background: #fff; font-size: 12px; }
.night .erphpdown { background: #111111!important; }
.night .erphpdown > legend { background: #151617!important; }
#tywebtheme .erphp-justbuy { text-align: center!important; }
/*===============================美化特效==================================*/

/*===============================侧边栏跟随==================================*/
/*整站侧边栏跟随*/
.tyweb_follow_service { max-height: 232px; position: fixed; right: 39px; font-size: 14px; color: #243558; z-index: 13 }
.tyweb_follow_service ul { margin: 0; padding: 0; position: absolute; right: 0 }
.tyweb_follow_service li { list-style-type: none }
.tyweb_follow_service li>div { box-sizing: border-box; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1) }
.tyweb_follow_service_box { width: 40px; height: 40px; background: #fff; margin-bottom: 10px; border-radius: 4px; box-sizing: border-box; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1) }
.tyweb_follow_service_box .tyweb_follow_qq { display: block; outline: none; position: relative; border-radius: 4px; color: var(--primary-color); text-align: center; cursor: pointer; line-height: 33px; padding: 3px; }
.tyweb_follow_service_box .tyweb_today_active { display: block; outline: none; position: relative; border-radius: 4px; color: var(--primary-color); text-align: center; cursor: pointer; line-height: 33px; padding: 3px; }
.tyweb_footer_s a { display: block; outline: none; position: relative; border-radius: 4px; color: var(--primary-color); text-align: center; cursor: pointer; line-height: 33px; padding: 3px; }
.tyweb_follow_service_box .tyweb_follow_qq:hover, .tyweb_follow_service_box.tyweb_follow_qq:hover, .tyweb_footer_s a:hover { color: #fff; }
.tyweb_follow_service_box .tyweb_follow_qq:hover, .tyweb_follow_service_box.tyweb_follow_qq:hover, .tyweb_footer_s span:hover { color: #fff; }
.tyweb_follow_service_box i { font-size: 23px; }
.tyweb_follow_service_phone, .tyweb_follow_service_qrimg, .tyweb_follow_service_ax_cont { color: #333; }
.tyweb_follow_service_triangle { top: 12px; right: -11px; position: absolute; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #e1e6ec; z-index: 1010 }
.tyweb_follow_service_triangle:after { content: "\20"; top: -6px; right: 1px; position: absolute; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff; z-index: 1000 }
.tyweb_follow_service_triangle:before { content: "\20"; width: 80px; height: 45px; top: -20px; right: -52px; position: absolute; background: rgba(0, 0, 0, 0) }
 @keyframes fade-in {  0% {
 opacity: .4;
 right: 82px
}
 100% {
 opacity: 1;
 right: 62px
}
}
.tyweb_follow_service_consult { }
.tyweb_follow_service_consult:hover { border: 0; background: #4f7cfc }
.tyweb_follow_service_consult:hover .tyweb_follow_service_consult_cont { display: block; opacity: 1; transition: linear .2s; animation-name: fade-in; animation-duration: .3s; animation-iteration-count: 1; animation-delay: 0s }
.tyweb_follow_service_consult_cont { top: 0px; width: 200px; min-height: 100%; max-height: 1000px; border-radius: 3px; background: #fff; right: 62px; position: absolute; text-align: center; border: 1px solid #e1e6ec; display: none; opacity: 0 }
.tyweb_follow_service_consult_cont1 { width: 70px; height: 40px; line-height: 40px; background: #fff; border-radius: 5px; right: 62px; text-align: center; position: absolute; display: none; border: 1px solid #e1e6ec }
.tyweb_follow_service_consult_cont1 .tyweb_follow_service_triangle:before { width: 0 !important }
.tyweb_follow_service_consult_cont>.tyweb_follow_service_triangle:after { border-left: 10px solid #f6f8fb !important }
.tyweb_follow_service_consult_cont span { float: left }
.tyweb_follow_service_consult_cont_top { width: 100%; height: 100%; background: #f6f8fb; border-radius: 3px; border-bottom: 1px solid #eef2f8 }
.tyweb_follow_service_hint { width: 100%; height: 40px; line-height: 40px; font-size: 12px; color: #9aa8c2; text-align: center }
.tyweb_follow_service_iconlx { font-size: 14px!important; margin: 13px 2px 0 18px; }
.tyweb_follow_service_button { width: 160px; background: #4f7cfc; border-radius: 18px !important; text-align: center; color: #fff !important; margin: 7px 20px 10px 20px; cursor: pointer; display: inline-block; }
.tyweb_follow_service_button:hover { background: #618aff }
.tyweb_follow_service_phone { width: 100%; height: 53px; line-height: 53px; font-size: 14px; text-align: center }
.tyweb_follow_service_check_site { width: 100%; height: 48px; line-height: 48px; color: #3b6bf4; border-top: 1px solid #eaeef5; cursor: pointer }
.tyweb_follow_service_icongd { font-size: 16px!important; margin: 15px 2px 0 45px }
.tyweb_follow_service_qr { }
.tyweb_follow_service_qr:hover { background: #4f7cfc }
.tyweb_follow_service_qr:hover .tyweb_follow_service_qr_cont { display: block; opacity: 1; transition: linear .2s; animation-name: fade-in; animation-duration: .3s; animation-iteration-count: 1; animation-delay: 0s }
.tyweb_follow_service_qr_cont { top: 0px; width: 143px; height: 202px; border-radius: 3px; background: #fff; right: 62px; position: absolute; text-align: center; border: 1px solid #e1e6ec; background-color: #f6f8fb; display: none; opacity: 0 }
.tyweb_follow_service_qr_cont>.tyweb_follow_service_triangle:after { border-left: 10px solid #f6f8fb !important }
.tyweb_follow_service_qr_cont>.tyweb_follow_service_qrimg { width: 100%; height: 164px; float: left }
.tyweb_follow_service_qrimg_site { width: 119px; height: 119px; float: left; margin: 12px 12px 5px 12px; }
.tyweb_follow_service_qr_cont>.tyweb_follow_service_qrtext { width: 100%; height: 35px; font-size: 12px; color: #7b89a6; background-color: #fff; float: left; bottom: 0; display: table }
.tyweb_follow_service_qr_cont>.tyweb_follow_service_qrtext>span { display: table-cell; vertical-align: middle }
.tyweb_follow_service_upward_cont span { font-size: 14px }
.tyweb_follow_service_ax { background-size: 40%40%; }
.tyweb_follow_service_ax:hover { border: 0; background: #4f7cfc; background-size: 40%40%; cursor: pointer }
.tyweb_follow_service_ax:hover .tyweb_follow_service_ax_cont { display: block; opacity: 1; transition: linear .2s; animation-name: fade-in; animation-duration: .3s; animation-iteration-count: 1; animation-delay: 0s }
.tyweb_follow_service_ax_cont { top: 0px; width: 100px; padding: 0 20px; height: 40px; line-height: 40px; background: #fff; border-radius: 5px; right: 62px; text-align: center; position: absolute; display: none; border: 1px solid #e1e6ec }
	
    /* 手机端自动隐藏 开始 */
	@media screen and (max-width: 1221px) {
.wapnone { display: none; }
}
/* 手机端自动隐藏 结束 */
/*导航优化*/
.nav>ul>li .sub-menu li { width: 100%; /*transition: all .3s;*/
transition: all; }
.navbar .sub-menu { background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.07); list-style-type: none; margin: -1px 0 0 0px; min-width: 180px; opacity: 0; padding: 20px 0; position: absolute; top: 100%; visibility: hidden; z-index: 80; }
.navbar .menu-item:hover>.sub-menu { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; }
.navbar .sub-menu .sub-menu { left: 100%; margin: -20px 0 0; top: 0; }
.nav>ul>li .sub-menu li { width: unset; float: unset; }
.nav>ul>li:hover .sub-menu { width: unset; }
.nav>ul li:hover .sub-menu .sub-menu { margin-top: unset; left: 100%; }
.nav>ul .sub-menu li { line-height: 34px }
/*暗箱*/
body.compensate-for-scrollbar { overflow: hidden }
.fancybox-active { height: auto }
.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden }
.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 }
.fancybox-container * { box-sizing: border-box }
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 }
.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto }
.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) }
.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1) }
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997 }
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible }
.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.fancybox-toolbar { right: 0; top: 0 }
.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 }
.fancybox-is-open .fancybox-stage { overflow: hidden }
.fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 }
.fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block }
.fancybox-slide--image { overflow: hidden; padding: 44px 0 }
.fancybox-slide--image:before { display: none }
.fancybox-slide--html { padding: 6px }
.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle }
.fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 }
.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out }
.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in }
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab }
.fancybox-is-grabbing .fancybox-content { cursor: grabbing }
.fancybox-container [data-selectable=true] { cursor: text }
.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% }
.fancybox-spaceball { z-index: 1 }
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% }
.fancybox-slide--video .fancybox-content { background: #000 }
.fancybox-slide--map .fancybox-content { background: #e5e3df }
.fancybox-slide--iframe .fancybox-content { background: #fff }
.fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% }
.fancybox-iframe { left: 0; position: absolute; top: 0 }
.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% }
.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 }
.fancybox-button { background: rgba(30,30,30,.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc }
.fancybox-button:hover { color: #fff }
.fancybox-button:focus { outline: none }
.fancybox-button.fancybox-focus { outline: 1px dotted }
.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none }
.fancybox-button div { height: 100% }
.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% }
.fancybox-button svg path { fill: currentColor; stroke-width: 0 }
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none }
.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 }
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 }
.fancybox-close-small:hover { color: #fff; opacity: 1 }
.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden }
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none }
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px }
.fancybox-navigation .fancybox-button div { padding: 7px }
.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px }
.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) }
.fancybox-caption { background: linear-gradient(0deg, rgba(0,0,0,.85) 0, rgba(0,0,0,.3) 50%, rgba(0,0,0,.15) 65%, rgba(0,0,0,.075) 75.5%, rgba(0,0,0,.037) 82.85%, rgba(0,0,0,.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996 }
@supports (padding:max(0px)) {
.fancybox-caption {
padding:75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}
}
.fancybox-caption--separate { margin-top: -50px }
.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all }
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none }
.fancybox-caption a:hover { color: #fff; text-decoration: underline }
.fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 }
@keyframes a { to {
transform:rotate(1turn)
}
}
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) }
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0) }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0) }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0) }
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1 }
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5) }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5) }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1) }
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn) }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn) }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg) }
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0) }
.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) }
.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) }
.fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) }
@media (max-height:576px) {
.fancybox-slide { padding-left: 6px; padding-right: 6px }
.fancybox-slide--image { padding: 6px 0 }
.fancybox-close-small { right: -6px }
.fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px }
.fancybox-caption { padding-left: 12px; padding-right: 12px }
@supports (padding:max(0px)) {
.fancybox-caption {
padding-left:max(12px, env(safe-area-inset-left));
padding-right:max(12px, env(safe-area-inset-right))
}
}
}
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center }
.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px }
.fancybox-share p { margin: 0; padding: 0 }
.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap }
.fancybox-share__button:link, .fancybox-share__button:visited { color: #fff }
.fancybox-share__button:hover { text-decoration: none }
.fancybox-share__button--fb { background: #3b5998 }
.fancybox-share__button--fb:hover { background: #344e86 }
.fancybox-share__button--pt { background: #bd081d }
.fancybox-share__button--pt:hover { background: #aa0719 }
.fancybox-share__button--tw { background: #1da1f2 }
.fancybox-share__button--tw:hover { background: #0d95e8 }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px }
.fancybox-share__button svg path { fill: #fff }
.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100% }
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; width: 212px; z-index: 99995 }
.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden }
.fancybox-show-thumbs .fancybox-thumbs { display: block }
.fancybox-show-thumbs .fancybox-inner { right: 212px }
.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width:7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background:#fff;
border-radius:10px;
box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background:#2a2a2a;
border-radius:10px
}
.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0,0,0,.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px }
.fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 }
.fancybox-thumbs__list a:focus:before { opacity: .5 }
.fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1 }
@media (max-width:576px) {
.fancybox-thumbs { width: 110px }
.fancybox-show-thumbs .fancybox-inner { right: 110px }
.fancybox-thumbs__list a { max-width: calc(100% - 10px) }
}
.cat-menu-num { float: right; color: #555; border-radius: 20px; text-align: center; font-family: Calibri; background: #eee; font-size: 12px; min-width: 32px; line-height: 16px; margin-top: 9px; }
.layui-layer-imgbar, .layui-layer-imgtit a, .layui-layer-tab .layui-layer-title span, .layui-layer-title { text-overflow: ellipsis; white-space: nowrap }
html #layuicss-layer { display: none; position: absolute; width: 1989px }
.layui-layer, .layui-layer-shade { position: fixed; _position: absolute; pointer-events: auto }
.layui-layer-shade { top: 0; left: 0; width: 100%; height: 100%; _height:expression(document.body.offsetHeight+"px")
}
.layui-layer { -webkit-overflow-scrolling: touch; top: 150px; left: 0; margin: 0; padding: 0; background-color: #fff; -webkit-background-clip: content; border-radius: 2px; box-shadow: 1px 1px 50px rgba(0,0,0,.3) }
.layui-layer-close { position: absolute }
.layui-layer-content { position: relative }
.layui-layer-border { border: 1px solid #B2B2B2; border: 1px solid rgba(0,0,0,.1); box-shadow: 1px 1px 5px rgba(0,0,0,.2) }
.layui-layer-load { background: url(../images/loading.gif) center center no-repeat #eee }
.layui-layer-ico { background: url(../images/icon.png) no-repeat }
.layui-layer-btn a, .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top }
.layui-layer-move { display: none; position: fixed; *position:absolute;
left: 0; top: 0; width: 100%; height: 100%; cursor: move; opacity: 0; filter: alpha(opacity=0); background-color: #fff; z-index: 2147483647 }
.layui-layer-resize { position: absolute; width: 15px; height: 15px; right: 0; bottom: 0; cursor: se-resize }
.layer-anim { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; animation-duration: .3s }
@-webkit-keyframes layer-bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.5);
transform:scale(.5)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes layer-bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.5);
-ms-transform:scale(.5);
transform:scale(.5)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.layer-anim-00 { -webkit-animation-name: layer-bounceIn; animation-name: layer-bounceIn }
@-webkit-keyframes layer-zoomInDown { 0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes layer-zoomInDown { 0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
-ms-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
-ms-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.layer-anim-01 { -webkit-animation-name: layer-zoomInDown; animation-name: layer-zoomInDown }
@-webkit-keyframes layer-fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes layer-fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.layer-anim-02 { -webkit-animation-name: layer-fadeInUpBig; animation-name: layer-fadeInUpBig }
@-webkit-keyframes layer-zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes layer-zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
-ms-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
-ms-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.layer-anim-03 { -webkit-animation-name: layer-zoomInLeft; animation-name: layer-zoomInLeft }
@-webkit-keyframes layer-rollIn { 0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0) rotate(0);
transform:translateX(0) rotate(0)
}
}
@keyframes layer-rollIn { 0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
-ms-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0) rotate(0);
-ms-transform:translateX(0) rotate(0);
transform:translateX(0) rotate(0)
}
}
.layer-anim-04 { -webkit-animation-name: layer-rollIn; animation-name: layer-rollIn }
@keyframes layer-fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
.layer-anim-05 { -webkit-animation-name: layer-fadeIn; animation-name: layer-fadeIn }
@-webkit-keyframes layer-shake { 0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes layer-shake { 0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.layer-anim-06 { -webkit-animation-name: layer-shake; animation-name: layer-shake }
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
.layui-layer-title { padding: 0 80px 0 20px; height: 42px; line-height: 42px; border-bottom: 1px solid #eee; font-size: 14px; color: #333; overflow: hidden; background-color: #F8F8F8; border-radius: 2px 2px 0 0 }
.layui-layer-setwin { position: absolute; right: 15px; *right:0;
top: 15px; font-size: 0; line-height: initial }
.layui-layer-setwin a { position: relative; width: 16px; height: 16px; margin-left: 10px; font-size: 12px; _overflow: hidden }
.layui-layer-setwin .layui-layer-min cite { position: absolute; width: 14px; height: 2px; left: 0; top: 50%; margin-top: -1px; background-color: #2E2D3C; cursor: pointer; _overflow: hidden }
.layui-layer-setwin .layui-layer-min:hover cite { background-color: #2D93CA }
.layui-layer-setwin .layui-layer-max { background-position: -32px -40px }
.layui-layer-setwin .layui-layer-max:hover { background-position: -16px -40px }
.layui-layer-setwin .layui-layer-maxmin { background-position: -65px -40px }
.layui-layer-setwin .layui-layer-maxmin:hover { background-position: -49px -40px }
.layui-layer-setwin .layui-layer-close1 { background-position: 1px -40px; cursor: pointer }
.layui-layer-setwin .layui-layer-close1:hover { opacity: .7 }
.layui-layer-setwin .layui-layer-close2 { position: absolute; right: -28px; top: -28px; width: 30px; height: 30px; margin-left: 0; background-position: -149px -31px; *right:-18px;
_display: none }
.layui-layer-setwin .layui-layer-close2:hover { background-position: -180px -31px }
.layui-layer-btn { text-align: right; padding: 0 15px 12px; pointer-events: auto; user-select: none; -webkit-user-select: none }
.layui-layer-btn a { height: 28px; line-height: 28px; margin: 5px 5px 0; padding: 0 15px; border: 1px solid #dedede; background-color: #fff; color: #333; border-radius: 2px; font-weight: 400; cursor: pointer; text-decoration: none }
.layui-layer-btn a:hover { opacity: .9; text-decoration: none }
.layui-layer-btn a:active { opacity: .8 }
.layui-layer-btn .layui-layer-btn0 { border-color: #1E9FFF; background-color: #1E9FFF; color: #fff }
.layui-layer-btn-l { text-align: left }
.layui-layer-btn-c { text-align: center }
.layui-layer-dialog { min-width: 260px }
.layui-layer-dialog .layui-layer-content { position: relative; padding: 20px; line-height: 24px; word-break: break-all; overflow: hidden; font-size: 14px; overflow-x: hidden; overflow-y: auto }
.layui-layer-dialog .layui-layer-content .layui-layer-ico { position: absolute; top: 16px; left: 15px; _left: -40px; width: 30px; height: 30px }
.layui-layer-ico1 { background-position: -30px 0 }
.layui-layer-ico2 { background-position: -60px 0 }
.layui-layer-ico3 { background-position: -90px 0 }
.layui-layer-ico4 { background-position: -120px 0 }
.layui-layer-ico5 { background-position: -150px 0 }
.layui-layer-ico6 { background-position: -180px 0 }
.layui-layer-rim { border: 6px solid #8D8D8D; border: 6px solid rgba(0,0,0,.3); border-radius: 5px; box-shadow: none }
.layui-layer-msg { min-width: 180px; border: 1px solid #D3D4D3; box-shadow: none }
.layui-layer-hui { min-width: 100px; background-color: #000; filter: alpha(opacity=60); background-color: rgba(0,0,0,.6); color: #fff; border: none }
.layui-layer-hui .layui-layer-content { padding: 12px 25px; text-align: center }
.layui-layer-dialog .layui-layer-padding { padding: 20px 20px 20px 55px; text-align: left }
.layui-layer-page .layui-layer-content { position: relative; overflow: auto }
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn { padding-top: 10px }
.layui-layer-nobg { background: 0 0 }
.layui-layer-iframe iframe { display: block; width: 100% }
.layui-layer-loading { border-radius: 100%; background: 0 0; box-shadow: none; border: none }
.layui-layer-loading .layui-layer-content { width: 60px; height: 24px; background: url(../images/loading-0.gif) no-repeat }
.layui-layer-loading .layui-layer-loading1 { width: 37px; height: 37px; background: url(../images/loading-1.gif) no-repeat }
.layui-layer-ico16, .layui-layer-loading .layui-layer-loading2 { width: 32px; height: 32px; background: url(../images/loading-2.gif) no-repeat }
.layui-layer-tips { background: 0 0; box-shadow: none; border: none }
.layui-layer-tips .layui-layer-content { position: relative; line-height: 22px; min-width: 12px; padding: 8px 15px; font-size: 14px; _float: left; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); background-color: #000; color: #fff }
.layui-layer-tips .layui-layer-close { right: -2px; top: -1px }
.layui-layer-tips i.layui-layer-TipsG { position: absolute; width: 0; height: 0; border-width: 8px; border-color: transparent; border-style: dashed; *overflow:hidden
}
.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT { left: 5px; border-right-style: solid; border-right-color: #000 }
.layui-layer-tips i.layui-layer-TipsT { bottom: -8px }
.layui-layer-tips i.layui-layer-TipsB { top: -8px }
.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR { top: 5px; border-bottom-style: solid; border-bottom-color: #000 }
.layui-layer-tips i.layui-layer-TipsR { left: -8px }
.layui-layer-tips i.layui-layer-TipsL { right: -8px }
.layui-layer-lan[type=dialog] { min-width: 280px }
.layui-layer-lan .layui-layer-title { background: #4476A7; color: #fff; border: none }
.layui-layer-lan .layui-layer-btn { padding: 5px 10px 10px; text-align: right; border-top: 1px solid #E9E7E7 }
.layui-layer-lan .layui-layer-btn a { background: #fff; border-color: #E9E7E7; color: #333 }
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 { background: #C9C5C5 }
.layui-layer-molv .layui-layer-title { background: #009f95; color: #fff; border: none }
.layui-layer-molv .layui-layer-btn a { background: #009f95; border-color: #009f95 }
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 { background: #92B8B1 }
.layui-layer-iconext { background: url(../images/icon-ext.png) no-repeat }
.layui-layer-prompt .layui-layer-input { display: block; width: 230px; height: 36px; margin: 0 auto; line-height: 30px; padding-left: 10px; border: 1px solid #e6e6e6; color: #333 }
.layui-layer-prompt textarea.layui-layer-input { width: 300px; height: 100px; line-height: 20px; padding: 6px 10px }
.layui-layer-prompt .layui-layer-content { padding: 20px }
.layui-layer-prompt .layui-layer-btn { padding-top: 0 }
.layui-layer-tab { box-shadow: 1px 1px 50px rgba(0,0,0,.4) }
.layui-layer-tab .layui-layer-title { padding-left: 0; overflow: visible }
.layui-layer-tab .layui-layer-title span { position: relative; float: left; min-width: 80px; max-width: 260px; padding: 0 20px; text-align: center; overflow: hidden; cursor: pointer }
.layui-layer-tab .layui-layer-title span.layui-this { height: 43px; border-left: 1px solid #eee; border-right: 1px solid #eee; background-color: #fff; z-index: 10 }
.layui-layer-tab .layui-layer-title span:first-child { border-left: none }
.layui-layer-tabmain { line-height: 24px; clear: both }
.layui-layer-tabmain .layui-layer-tabli { display: none }
.layui-layer-tabmain .layui-layer-tabli.layui-this { display: block }
.layui-layer-photos { -webkit-animation-duration: .8s; animation-duration: .8s }
.layui-layer-photos .layui-layer-content { overflow: hidden; text-align: center }
.layui-layer-photos .layui-layer-phimg img { position: relative; width: 100%; display: inline-block; *display:inline;
*zoom:1;
vertical-align: top }
.layui-layer-imgbar, .layui-layer-imguide { display: none }
.layui-layer-imgnext, .layui-layer-imgprev { position: absolute; top: 50%; width: 27px; _width: 44px; height: 44px; margin-top: -22px; outline: 0; blr:expression(this.onFocus=this.blur())
}
.layui-layer-imgprev { left: 10px; background-position: -5px -5px; _background-position: -70px -5px }
.layui-layer-imgprev:hover { background-position: -33px -5px; _background-position: -120px -5px }
.layui-layer-imgnext { right: 10px; _right: 8px; background-position: -5px -50px; _background-position: -70px -50px }
.layui-layer-imgnext:hover { background-position: -33px -50px; _background-position: -120px -50px }
.layui-layer-imgbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 32px; line-height: 32px; background-color: rgba(0,0,0,.8); background-color: #000\9; filter: Alpha(opacity=80); color: #fff; overflow: hidden; font-size: 0 }
.layui-layer-imgtit * { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; font-size: 12px }
.layui-layer-imgtit a { max-width: 65%; overflow: hidden; color: #fff }
.layui-layer-imgtit a:hover { color: #fff; text-decoration: underline }
.layui-layer-imgtit em { padding-left: 10px; font-style: normal }
@-webkit-keyframes layer-bountywebut { 100% {
opacity:0;
-webkit-transform:scale(.7);
transform:scale(.7)
}
30% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes layer-bountywebut { 100% {
opacity:0;
-webkit-transform:scale(.7);
-ms-transform:scale(.7);
transform:scale(.7)
}
30% {
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.layer-anim-close { -webkit-animation-name: layer-bountywebut; animation-name: layer-bountywebut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .2s; animation-duration: .2s }
@media screen and (max-width:1100px) {
.layui-layer-iframe { overflow-y: auto; -webkit-overflow-scrolling: touch }
}