/* .uk-container {max-width: 1200px;} */
a,a:link,a:visited { color: #273746; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.uk-hr, hr { border-top: 1px solid #eaeaea;}
.nv-radius { border-radius: 3px;}
/* header */
header { background-color: rgb(28 31 43 / 90%);}
/* uk-navbar */
.uk-navbar { height: 100%;}
.uk-navbar a:hover { color: #ff5f33 !important;}
.uk-navbar .uk-navbar-left { width: auto; height:auto;}
.uk-navbar .uk-navbar-left .uk-logo { width: 250px; height:auto;}
.uk-navbar .uk-navbar-left .uk-logo-m { width: 220px; height:auto;}
.uk-navbar .uk-navbar-nav .uk-active a { color: #fff;}
.uk-navbar .uk-navbar-nav .uk-active a:hover { color: #fff;}
.uk-navbar .uk-navbar-nav a { line-height: 150%; font-size: 16px; color: #ffffffcc;}
.uk-navbar .uk-navbar-nav .uk-navbar-dropdown { padding: 5px 0 5px 20px; width: 150px; background: #32343f;}
.uk-navbar-right { list-style: none;}
.uk-navbar-right .nav-vip { margin-top: -6px;}
.uk-navbar-right .search-wrap { margin-top: -2px; color: #fff; font-size: 16px; }
.uk-navbar-right .search-wrap a { color: #fff;}
.uk-navbar-right .search-wrap a:hover { color: #fff;}
.uk-navbar-right .nav-login { font-size: 16px; color: #ffffffcc; text-transform: uppercase;}
.uk-navbar-right .nav-login span { }
.uk-navbar-right .nav-login a { color: #ffffffcc; text-decoration: none; }
.uk-navbar-right .nav-line { width: 1px; height: 10px; background-color: #777; margin: 0 8px;}
.uk-navbar-left, .uk-navbar-right, [class*="uk-navbar-center"] { gap: 20px; }
.uk-navbar-right .uk-navbar-toggle { min-height: 60px; color: #ffffffcc;}
/* m-uk-navbar */
.uk-navbar-right .search-m .uk-icon,
.uk-navbar-right .user-m .uk-icon{ color:#fff; position: relative; top: -2px;}
.m-navbar-nav a {border-bottom: 1px solid rgba(0,0,0,.3); box-shadow: 0 1px 0 hsl(0deg 0% 100% / 5%); height: 35px; font-size: 15px; color: #ccc !important;}
.m-navbar-nav i { position: absolute; right: 0;}
.m-nav-login { margin-top: 20px;}
.m-nav-login font { display: inline-block; margin-bottom: 4px; font-size: 18px; font-weight: 700; }
.m-nav-login a { display: list-item; margin-bottom: 10px; padding: 12px 5px; background: #f0506e; border-radius: 2px; font-size: 14px; color: #fff; text-align: center;}
.m-nav-login a.register-m { background-color: #f7f7f7; color: #34495e;}
.m-nav-login a:hover { color: #273746;}
/* Search */
.uk-search-large {}
.uk-search-large .uk-search-input { background: rgba(228, 228, 228, 0.5); font-size: 28px; }
.uk-modal-full { margin-top: 70px;}
/* slideshow */
.uk-slideshow-items h3 { font-size: 16px; font-weight: normal;}
/* banner */
.banner {}
.banner h1 { font-size: 36px; font-weight: 700; color: #fff;}
.banner h1.banner-list { margin-top: -60px; letter-spacing: 2px;}
/* banner-search */
.banner-search { margin: 0 auto!important; margin-top: -60px; }
.search-res { margin-top: -60px !important;}
.banner-search .banner-search-box { border: 0 solid #e5e5e5; background: rgba(0, 0, 0, 0.5);}
.banner-search .banner-search-box .uk-search { display: unset;}
.banner-search .banner-search-box .uk-search .uk-search-icon { width: 60px; top: 6px;}
.banner-search .banner-search-box .uk-search-input { padding: 15px 15px 15px 50px !important; height: auto; font-size: 16px;}
/* filters */
.list-filters { margin-top: -61px; background: #fff; z-index: 3;}
.list-filters .filter-title { height: 60px; border-bottom: 1px solid #f3f3f3; background: #fafafa;}
.list-filters .nav-list { margin: 0; padding: 0; list-style: none;}
.list-filters .nav-list li { float: left; padding: 0 20px; max-width: 120px; width: auto; height: 60px; line-height: 60px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; background: #fff; font-size: 16px; text-align: center; }
.list-filters .nav-list li.filters-active,
.list-filters .nav-list li.filters-active a { color: #EF1616;}
.list-filters .nav-list li a:hover { color: #ff1900; text-decoration: none;}
.list-filters .filter-num { padding-right: 30px; height: auto; line-height: 60px; font-size: 14px; word-spacing: 4px;}
.list-filters .filter-num i { padding-right: 5px; position: relative; top: -1px; }
.list-filters .filter-num em { padding: 0 4px; font-style: normal; font-weight: bold; }
.list-filters .filter-tags { height: auto; font-size: 14px; word-spacing: 4px;}
.list-filters .filter-tags .tags-list { padding-left: 50px; line-height: 28px; color: #999; }
.list-filters .filter-tags .tags-list span { margin-left: -50px; width: 50px; color: #222;}
.list-filters .filter-tags .tags-list a:hover { color: #ff1900; text-decoration: none;}
.list-filters .filter-tags .orders { clear: both; margin-top: 10px; padding-left: 50px; line-height: 28px; color: #999; }
.list-filters .filter-tags .orders span { margin-left: -50px; width: 50px; color: #222;}
.list-filters .filter-tags .orders a { margin-right: 15px;}
.list-filters .filter-nvshen { height: auto; font-size: 14px; word-spacing: 4px;}
.list-filters .filter-nvshen .nvshen-list { line-height: 28px; color: #999; }
/* nv-wrapper */
.nv-wrapper { height: 140px;}
.nv-wrapper .nv-card {}
.nv-wrapper .nv-card .avatar { width: 140px; height: 140px; display: block; overflow: hidden;}
.nv-wrapper .nv-card .avatar img { width: 140px; height: auto;}
.nv-wrapper .nv-card .nv-info div span { line-height: 1.8;}
.nv-wrapper .nv-card .nv-info div span em { font-style: unset; font-size: 14px; color: #999;}
.nv-wrapper .nv-card .nv-info .nv-name { color: #292929;}
.nv-wrapper .nv-card .nv-info .nv-recording .node .pageview { margin-left: 5px; color: #444;}
.nv-wrapper .toolbox { line-height: 200px;}
.nv-wrapper .toolbox div {margin-right: 10px;}
.nv-wrapper .toolbox .digg a { width: 140px; background-color: transparent; border: 1px solid #bbb; border-radius: 4px; font-size: 14px; color: #666; cursor: pointer;}
.nv-wrapper .toolbox .digg a:hover { background-color: #1c1f2b; border: 1px solid #1c1f2b; color: #fff;}
.nv-wrapper .toolbox .collect a { width: 140px; background-color: #EB485D; border: 1px solid #EB485D; border-radius: 4px; font-size: 14px; color: #fff; cursor: pointer;}
/* nv-show */
.nv-column .uk-tab > * { padding-left: 15px;}
.nv-column .uk-tab a { width: 80px; font-size: 18px;}
.nv-column .uk-tab .uk-active a { border-color: #EB485D; }
.nv-content {}
.nv-content .section h2 { font-size: 16px;}
.nv-content .section .information ul { padding-right: 30px;}
.nv-content .section .information li { line-height: 2.5; list-style: none; font-size: 15px; color: #666;}
.nv-content .section .information li span { width: 60px; font-size: 14px; color: #bbb; text-align: left; display: inline-block;}
/* index */
.index-new { margin-top: 15px;}
.index-new h2 { font-size: 28px; font-weight: normal;}
.index-new h2 i { top: -5px; padding: 1px 5px; background: #ff5f33; border-radius: 20px 20px 20px 0; color: #fff; font-size: 12px; font-weight: 400; font-style: normal; }
.index-new h2:after { margin-left: calc(50% - 15px); content: " "; width: 25px; height: 3px; background: #ff5f33; position: absolute; left: 0; top: 45px; border-radius: 1.5px;}
.index-assort { padding: 20px 0; background: #f9f9f9;}
.index-assort .uk-card .uk-card-header { background: #3f3933; border-radius: 4px 4px 0 0; }
.index-assort .uk-card .uk-card-header .uk-card-title { font-size: 20px; color: #fff; font-weight: normal; }
.index-assort .uk-card .uk-card-body ul { margin-top: -5px; padding-left: 0;  list-style: none;}
.index-assort .uk-card .uk-card-body ul li { height: 40px; line-height: 40px; font-size: 14px; overflow: hidden; }
.index-assort .uk-card .uk-card-body ul li:not(:last-child) { border-bottom: solid 1px #f0f0f0;}
.index-assort .uk-card .uk-card-body ul li i { margin-right: 8px; width: 20px; height: 20px; line-height: 20px; background: #dedede; border-radius: 2px; color: #333; font-size: 12px; font-style: normal; text-align: center; display: inline-block; }
.index-assort .uk-card .uk-card-body ul li i.no1 { background-color: #ea4a2d; color: #fff;}
.index-assort .uk-card .uk-card-body ul li i.no2 { background-color: #f19601; color: #fff;}
.index-assort .uk-card .uk-card-body ul li i.no3 { background-color: #f3d400; color: #fff;}
.index-assort .uk-card .uk-card-body a { color: #333;}
.index-assort .uk-card .uk-card-body a:hover { color: #ff1900; text-decoration: none;}
/* more */
.more { margin-top: 15px; }
.more a { display: inline-block; padding: 10px 80px; background-color: #3f3933; border-radius: 50px; color: #fff !important; text-decoration: none; }
/* breadcrumb */
.breadcrumb { font-size: 14px;}
.breadcrumb em { padding: 0 5px; font-size: 15px; font-style: normal;}
/* article */
.detail-page { margin-top: 15px;}
.guest-tips { margin-top: 4px; margin-bottom: 15px; line-height: 25px; font-size: 14px;}
.guest-tips .subscribe { margin-right: 6px; padding: 2px 6px; border-radius: 4px; height: 18px; border: 1px solid #FF5859; background: rgba(255,88,89,0.05); font-size: 12px; color: #FF5859;}
.guest-tips .subscribe:hover { background: #FF5859; color: #fff;}
.guest-artimg img { border-radius: 2px;}
.tags-box a { margin-right: 6px; padding: 6px 8px; background: linear-gradient(0deg,#f6f7f9,#f6f7f9),#dfe8f5; line-height: 12px; border-radius: 4px; font-size: 14px; color: #636c78; cursor: pointer;}
.statement { border: 1px solid #efefef; background-color: #fbfbfb; color: #999; font-size: 14px; text-indent: 0; word-break: break-all; word-wrap: break-word;}
.statement p { margin:auto; margin-bottom: 5px; font-size: 12px;}
.statement a { color: #ff1900;}
.pic-down .title { margin-bottom: 15px; line-height: 28px; font-size: 20px; font-weight: 500;}
.pic-down .pic-infos { margin: 15px 0 10px; padding-top: 10px !important; border-top: 1px solid #eff1f6; line-height: 24px; font-size: 14px;}
.pic-down .pic-infos li { margin-bottom: 8px; list-style: none; color: #8D949E!important;}
.pic-down .pic-infos li .left-tips { margin-right: 15px; width: 58px!important; min-width: 58px!important; height: 20px!important; display: inline-block;}
.pic-down .vip-group { padding-left: 10px; width: 100%; height: 36px; line-height: 34px; background: #fff6f6; border-radius: 4px; box-sizing: border-box; font-size: 12px; color: #ff5859;}
.pic-down .vip-group .jb { padding: 0 5px; font-size: 13px;}
.pic-down .pic-price { height: 18px; line-height: 16px; background: #fafafa; border: 1px dashed #d7d7d7; border-radius: 3px; font-size: 14px;}
.pic-down .pic-price .num { font-size: 18px; color: #ff5000;}
.pic-down .pic-price .num em { margin-left: 10px; font-style: normal; font-size: 14px; color: #999;}
.pic-down .pic-price .free {}
.pic-down .down-btn { margin-top: 10px; height: 44px; line-height: 40px; background-color: #1496ff; border: 1px solid #1496ff; border-radius: 3px; box-sizing: border-box; cursor: pointer; color: #ffffff;}
.pic-down .pathid1 { background-color: #ff5000; border: 1px solid #ff5000; }
.pic-down .open-vip { margin-top: 10px; height: 44px; line-height: 40px; background-color: #ffffff; border: 1px solid #0082f0; border-radius: 3px; box-sizing: border-box; cursor: pointer; color: #1496ff;}
/* download page */
.down-page .down-title { margin-bottom: 10px; padding: 5px 0; border-bottom: 1px solid #eaeaea; font-size: 17px !important;}
.down-page .caption .downurl {line-height: 23px; color: #fff;}
.down-page .caption p { margin: 0; line-height: 28px;}
.down-page hr { margin-top: 5px !important; }
.down-page button { border-radius: 3px; }
/* items */
.items .items-title { margin: 0; font-size: 22px; color: #fff;}
.items .items-desc { margin-top: 10px; color: #dfe0e5;}
/* preferbox */
.preferbox {}
.preferbox .diggbtn { padding: 0 20px; height: 50px; line-height: 50px; background: #fbfbfb; border: 1px solid #efefef; border-radius: 2px; box-shadow: none; font-size: 14px; color: #666; text-decoration: none;}
.preferbox .diggbtn a {}
.preferbox .diggbtn i { padding-right: 5px;}
.preferbox .diggnum { margin-left: 5px; padding: 0 10px; background-color: #F74641; font-size: 12px;}
/* next-box */
.next-box { margin-top: 15px; font-size: 13px; color: #777;}
.next-box p { margin: 0 0 10px 0;}
.next-box br { height: 10px;}
.next-box a { margin-top: 5px; font-size: 16px; color: #666; text-decoration: none; display: inline-block;}
.next-box a:hover { font-size: 16px; color: #ff1900; text-decoration: none;}
/* sidebar */
.sidebar {}
.sidebar a { color: #273746; text-decoration: none;}
.sidebar a:hover { color: #ff1900; text-decoration: none;}
/* model-box */
.model-box {}
.model-box .model-profile { height: 200px;}
.model-box .model-profile .model-panel { margin: -15px; height: 120px; }
.model-box .model-profile .model-panel .model-pic { width: 150px; height: 150px; border-radius: 50%; top: 30px; left: 50%; margin-left: -70px; border: 4px solid rgba(255,255,255,.3);}
.model-box .model-name { font-size: 18px;}
.model-box .model-name span { margin-left: 5px; padding: 3px 4px; line-height: 1; background-color: #105FAC; background: linear-gradient(90deg,#1872CA 10%,#083460 90%); border: 2px solid #fff; border-radius: 4px; font-size: 12px; color: #fff; }
.model-box .model-more {}
.model-box .model-more a { padding: 8px 12px; height: 34px; line-height: 34px; background-color: #105FAC; background: linear-gradient(90deg,#1872CA 10%,#083460 90%); border-color: rgba(0,0,0,0); border-radius: 999em; font-size: 12px; color: #fff;}
/* rosi-sidebar */
.rosi-sidebar {}
.rosi-sidebar h3 { background-color: #105FAC; background: linear-gradient(90deg,#1872CA 10%,#083460 90%); font-size: 18px; color: #fff;}
.rosi-sidebar-recent { list-style: none;}
.rosi-sidebar-recent .rosi-one-box {-webkit-filter: opacity(80%);filter: opacity(80%);}
.rosi-sidebar-recent .rosi-one-box:hover {-webkit-filter: opacity(100%);filter: opacity(100%);}
.rosi-sidebar-recent .rosi-one-pic { width: 100%; height: 300px;}
.rosi-sidebar-recent .rosi-one-pic img { width: 100%; height: auto; object-fit: cover;}
.rosi-sidebar-recent .rosi-one-title { background: rgba(0,0,0,0.5); bottom: 0; left: 0; right: 0;}
.rosi-sidebar-recent .rosi-one-title a { color: #ffffffcc; text-decoration: none;}
.rosi-sidebar-recent .rosi-one-title a:hover { color: #fff; text-decoration: none;}
.rosi-sidebar-recent .rosi-one-title span { color: #ffffffcc;}
.rosi-sidebar-recent .rosi-one-title span i { padding-right: 4px; position: relative; top: -1px;}
.rosi-sidebar-recent .rosi-one-title span a { font-size: 14px;}
.rosi-sidebar-recent .rosi-one-title h4 { font-size: 14px; font-weight: 700; line-height: 1.5;}
.rosi-sidebar-recent .rosi-two-pic { margin-top: 3px; width: 75px; height: 75px;}
.rosi-sidebar-recent .rosi-two-pic img { width: 75px; height: 100%; object-fit: cover;}
.rosi-sidebar-recent .rosi-two-title { margin-left: 85px;}
.rosi-sidebar-recent .rosi-two-title h4 { font-size: 13px; color: #273746; line-height: 1.5;}
.rosi-sidebar-recent .rosi-two-title span { font-size: 12px; color: #9A9A9A; bottom: 0; right: 2px;}
.rosi-sidebar-recent .rosi-two-title span i { font-size: 12px; padding-right: 4px; position: relative; top: -1px;}
/* cyber-sidebar */
.cyber-sidebar {}
.cyber-sidebar h3 { background-color: #105FAC; background: linear-gradient(90deg,#FF512F 10%,#DD2476 90%); font-size: 18px; color: #fff;}
/* related */
.related {}
.related .related-title { margin-bottom: 15px; font-size: 18px;}
.related .related-title i { padding-right: 8px; position: relative; top: -1px;}
/* rosi-graphic */
.uk-grid-item-match > :not([class*="uk-width"]), .uk-grid-match > * > :not([class*="uk-width"]) { width: auto;}
.rosi-graphic { list-style: none;}
.rosi-graphic .rosi-graphic-box { }
.rosi-graphic .rosi-graphic-box:hover { transform: translateY(-5px);}
.rosi-graphic .rosi-graphic-pic { width: 100%; height: auto; border-radius: 3px 3px 0 0;}
.rosi-graphic .rosi-graphic-pic img { width: 100%; height: auto; object-fit: cover;}
.rosi-graphic .rosi-graphic-pic .rosi-group { padding: 3px 8px 3px 40px; background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%,#ff5f33 100%); border-radius: 0 3px 0 0; font-size: 13px; color: #fff;}
.rosi-graphic .rosi-graphic-title { padding: 10px; /*width: -webkit-fill-available;*/ width: -moz-available; bottom: 0;}
.rosi-graphic .rosi-graphic-title a { color: #333; text-decoration: none;}
.rosi-graphic .rosi-graphic-title span { font-size: 14px; color: #ffffffcc;}
.rosi-graphic .rosi-graphic-title span i { padding-right: 4px; position: relative; top: -1px;}
.rosi-graphic .rosi-graphic-title span a { font-size: 14px;}
.rosi-graphic .rosi-graphic-title h4 { font-size: 15px; min-height: 23px; line-height: 23px; overflow: hidden;}
.rosi-graphic .rosi-graphic-title .lists-tags-box { margin: 8px 0 0;}
.rosi-graphic .rosi-graphic-title .lists-tags-box a { padding: 4px 8px; background: linear-gradient(0deg,#f6f7f9,#f6f7f9),#dfe8f5; border-radius: 2px; }
.rosi-graphic .rosi-graphic-title .lists-tags-box a:hover { background: #ec465d; color: #fff !important;}
/* rosi-nvshen */
.rosi-graphic .rosi-nvshen-title { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); width: -webkit-fill-available; width: -moz-available; bottom: 0;}
.rosi-graphic .rosi-nvshen-title a { color: #ffffffcc; text-decoration: none;}
.rosi-graphic .rosi-nvshen-title a:hover { color: #fff; text-decoration: none;}
.rosi-graphic .rosi-nvshen-title span { font-size: 14px; color: #ffffffcc;}
.rosi-graphic .rosi-nvshen-title span i { padding-right: 4px; position: relative; top: -1px;}
.rosi-graphic .rosi-nvshen-title span a { font-size: 14px;}
.rosi-graphic .rosi-nvshen-title h4 { padding-bottom: 10px; font-size: 14px; color: #ffffffcc; line-height: 1.8;}
.rosi-graphic .rosi-nvshen-title h4 a { font-size: 14px; text-shadow: 2px 2px 4px #000;}
/* member */
/* login */
.member-login {}
.login-header { height: 80px; border-bottom: 1px solid #f3f3f3; background: #fafafa;}
.login-header ul { margin: 0; padding: 0; list-style: none;}
.login-header ul li { float: left; width: 150px; height: 80px; line-height: 80px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; font-size: 18px; text-align: center;}
.login-header ul li a { font-size: 18px; color: #707070; cursor: pointer; }
.login-header .active { border-bottom: 1px solid #fff; background: #fff; font-size: 18px; color: #EF1616; }
.login-header .active a { color: #000;}
.login-body-left {}
.login-body-left .login-form { margin-top: 80px; width: 500px; min-height: 420px;}
.login-body-left .input-item { margin: 0; margin-bottom: 10px;}
.login-body-left .input-item .uk-text-danger { font-size: 14px;}
.login-body-left .input-item .input-control { padding: 13px 12px; width: 100%; border: 1px solid #eaeaea; box-sizing: border-box; color: #000; font-size: 14px;}
.login-body-left .input-item .aptcha { position: absolute; right: 7px; top: 7px;}
.login-body-left .input-item .aptcha a { padding-top: 4px; font-size: 14px; color: #666; display: inline-block;}
.login-body-left .input-item .aptcha img { height: 30px; }
.login-body-left .input-submit { margin: 0; margin-bottom: 8px;}
.login-body-left .input-submit .submit { padding: 12px 0; width: 100%; border: 0; background: #e62129; color: #fff; font-size: 15px; cursor: pointer;}
.login-body-left .safe { margin: 0;}
.login-body-left .safe a { font-size: 13px; color: #4c4c4c;}
.login-body-right { border-left: 1px solid #f3f3f3; }
.login-body-right .login-right-ad { height: 500px; background: #eee;}
/* pages */
.rosi-pages { color: #666;}
.rosi-pages a { margin: 2px; padding: 10px 18px; border: 1px solid #e8e8e8; border-radius: 3px; background: #ffffff; box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 5%); font-size: 16px; color: #666; text-decoration: none; display: inline-block;}
.rosi-pages b { margin: 2px; padding: 10px 18px; border: 1px solid #1c1f2b; border-radius: 3px; background: #1c1f2b; box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 5%); font-size: 16px; color: #fff; font-weight: normal; text-decoration: none; display: inline-block;}
/* about */
.about { margin-top: -70px; line-height: 1.7; background: #fff; z-index: 3;}
.about p { font-size: 14px;}
.about .problem-type { margin: 10px 0 15px; height: 10px; border-top: 1px solid #e2e2e2; display: block;}
.about .problem-type legend { margin-left: 10px; padding: 0 10px; background: #fff; font-size: 18px; position: absolute; top: -16px;}
.about .problem { display: grid; font-size: 14px;}
.about .problem a { padding: 11px 15px; font-size: 14px; }
.about .problem .uk-accordion { border: 1px solid #e2e2e2; border-bottom: 0;}
.about .problem .uk-accordion li { margin: 0; background-color: #f5f6f9; border-bottom: 1px solid #e2e2e2; }
.about .problem .uk-accordion li.uk-open a { border-bottom: 1px solid #e2e2e2; }
.about .problem .uk-accordion-content { margin: 0; padding: 11px 15px; background: #fff; }
.about .problem .uk-accordion-content p { padding-left: 12px; line-height: 1.8;}
/* vip */
.vip-section h3 { color: #313d4f; font-size: 30px; font-weight: 700; }
.vip-section .uk-text-lead { color: #8a92a9;}
.vip-section .selected {}
.vip-section .selected .uk-card { border-radius: 0 0 0 0; border: 4px solid #f0506e;}
.vip-section .selected .uk-card-header { background-color: #f0506e !important;}
.vip-section .selected .uk-card-body { background-color: #fff8e4;}
.vip-section .selected .svip-bg { border-radius: 0 !important;}
.vip-section .uk-card { border: 4px solid #e5e5e5;}
.vip-section .uk-card .uk-card-header { border-bottom: 0; background: #ff5f33;}
.vip-section .uk-card .uk-card-header .title { margin-bottom: 12px; font-size: 20px; color: #fff;}
.vip-section .uk-card .uk-card-header .meta { margin: 0; color: #fff;}
.vip-section .uk-card .uk-card-header .price { margin-top: 10px; font-size: 28px; color: #fff; }
.vip-section .uk-card .uk-card-header .price sub { bottom: 0;}
.vip-section .uk-card .item-t-1 { background: #0ec0e6;}
.vip-section .uk-card .item-t-2 { background: #514e9f;}
.vip-section .uk-card .item-t-3 { background: #6f0ee6;}
.vip-section .uk-card .item-t-4 { background: #f0506e;}
.vip-section .uk-card .item-t-5 { background: #0ec0e6;}
.vip-section .uk-card .item-t-6 { background: #514e9f;}
.vip-section .uk-card .item-t-7 { background: #6f0ee6;}
.vip-section .uk-card .item-t-8 { background: #f0506e;}
.vip-section .uk-card .item-t-9 { background: #0ec0e6;}
.vip-section .uk-card .item-t-10 { background: #514e9f;}
.vip-section .uk-card .item-t-11 { background: #6f0ee6;}
.vip-section .uk-card .item-t-12 { background: #f0506e;}
.vip-section .uk-card .uk-card-header .uk-card-title { font-size: 20px; color: #fff; font-weight: normal; }
.vip-section .uk-card .uk-card-body { font-size: 15px; color: #595d69;}
.vip-section .uk-card .uk-card-body .price { margin: 20px 0 5px; font-size: 32px; color: #333; font-weight: 600;}
.vip-section .uk-card .uk-card-body .price small { margin-left: 4px; font-size: 14px;}
.vip-section .uk-card .uk-card-body .decor { margin-top: 8px;}
.vip-section .uk-card .uk-card-body .decor span { padding: 7px 16px; line-height: 1; background: #f5f5f5; border-radius: 30px; font-size: 13px; color: #333 !important; display: inline-block; }
.vip-section .uk-card .uk-card-body ul { list-style: none;}
.vip-section .uk-card .uk-card-body li { margin-bottom: 15px; padding-left: 15px; font-size: 14px;}
.vip-section .uk-card .uk-card-body em { font-style: normal;}
.vip-section .uk-card .uk-card-body svg { margin: -3px 4px 0 0;}
.vip-section .uk-card .uk-card-body button { margin-top: 15px; padding: 2px 0; border-radius: 50px; background: #ff5f33 !important; font-size: 15px; color: #fff; }
.vip-section .uk-card .uk-card-body .button-1 { background: #0ec0e6 !important;}
.vip-section .uk-card .uk-card-body .button-2 { background: #514e9f !important;}
.vip-section .uk-card .uk-card-body .button-3 { background: #6f0ee6 !important;}
.vip-section .uk-card .uk-card-body .button-4 { background: #f0506e !important;}
.vip-section .user-info { border: 1px solid #eaeaea; border-radius: 0px;}
.vip-section .user-info p { margin-top: 12px; margin-bottom: 0; font-size: 14px; color: #777;}
.vip-section .user-info b { font-size: 32px; color: #333;}
.vip-section .user-info b.color { margin-right:5px; font-family: Georgia,arial; color: #ea4a2d;}
.vip-section .pay-button input { font-size: 18px; }
.vip-bg { background-image: url(/statics/images/vipbg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
/* footer */
footer { padding-bottom: 25px !important; background-color: #181818; color: #9A9A9A;}
footer a:hover { color: #8AC78F !important;}
/* footbar */
.footbar { background: linear-gradient(90deg,#000000 10%,#000000 90%);}
.footbar span { font-size: 12px;}
/* footer-box */
.footer-box .footer-nav a { margin-right: 10px; font-size: 15px; color: #e0e0e0; text-decoration: none;}
.footer-box .footer-copyright { font-size: 14px;}
.footer-box .footer-copyright a { color: #828282; text-decoration: none;}
.footer-box hr { border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer-box .tips { font-size: 14px;}
.footer-box .tips a { color: #828282; text-decoration: none;}
/* 404 */
.box-404 {}
.box-404 h4 { margin: 0; padding: 0; font-size: 128px; font-weight: 700; line-height: 150%; color: #828282; }
.box-404 p { font-size: 15px;}
.box-404 .return { padding: 30px; }
.box-404 .return a { padding: 12px 38px; color: #FFFFFF; border-radius: 999px; font-size: 14px; background-color: #E62129; color: white; display: inline-block;}
/* pay */
.pay-status {}
.pay-status .pay-status-icon { background: #2aae67; width: 60px; height: 60px; color: #fff; }
.pay-status .pay-status-title { line-height: 2; font-size: 18px; color: #333;}
/* member */
.container-user { padding-left: 200px !important; padding-right: 0 !important; background-color: #fff; border-radius: 3px;}
.userside { margin-left: -200px; width: 200px; height: 100%; background-color: #fbfbfb; padding: 20px;}
.userside .usertitle { margin-bottom: 15px; padding: 15px 0; border-bottom: 1px solid #eaeaea; text-align: center;}
.userside .usertitle .grade { margin-top: 8px; padding: 0 5px; background-color: #e62129; border-color: #e62129; border-radius: 2px; font-size: 12px; color: #fff;}
.userside .usertitle span { background: url(/statics/images/avatar-s.png) no-repeat; background-size: auto; background-size: auto; background-size: 100%; padding: 36px 15px 45px;}
.userside .usertitle img { width: 64px; height: 64px;}
.userside .usertitle h2 { margin: 20px 0 0 0; font-size: 16px; line-height: 20px; font-weight: normal; text-align: center;}
.userside .usermenus {}
.userside .usermenus .usermenu { margin: 0; padding: 0; list-style: none; text-align: center;}
.userside .usermenus .usermenu li { margin-bottom: 10px;}
.userside .usermenus .usermenu li a { display: block; padding: 5px 20px; border-radius: 2px; font-size: 16px; color: #888;}
.userside .usermenus .usermenu .uk-icon { padding-right: 4px; font-size: 20px;}

.user-top-header { padding-bottom: 22px;}
.user-top-header .user-header-avatar { padding-top: 6px;}
.user-top-header .user-header-avatar span  { background: url(/statics/images/avatar-s.png) no-repeat; background-size: auto; background-size: auto; background-size: 100%; padding: 36px 15px 45px;}
.user-top-header .user-header-avatar img { width: 64px; height: auto;}
.user-top-header .user-header-info { padding-left: 110px;}
.user-top-header .user-header-info .user-name { padding-top: 8px; font-size: 24px; color: #fff; text-shadow: 2px 2px 4px #000;}
.user-top-header .user-header-info .user-desc { padding-top: 5px; color: #fff;}
.user-top-header .user-header-info .user-level {}

.user-content { margin-left: 40px; min-height: 580px;}
.user-content .title { font-size: 16px;}
.user-content .ticket-title { margin-bottom: 5px; font-size: 16px;}
.user-content .ticket-title span { margin-right: 8px;}
.user-content .ticket-info span { margin-right: 15px}
.user-content table { border: 1px solid #e5e5e5;}
.user-content table thead { background: #f3f3f3;}
.user-content table tr td { font-size: 14px;}
.user-main {}
.user-main .user-meta { list-style: none; line-height: 32px; color: #666;}
.user-main .user-meta li { margin-bottom: 20px; font-size: 14px;}
.user-main .user-meta label { float: left; margin-right: 10px; width: 80px; text-align: right; line-height: 34px; font-size: 14px; color: #666;}
.user-main .user-meta .form-control { padding: 0 10px; width: 100%; max-width: 380px; height: 30px; background-color: #fff; background-image: none; border: 1px solid #ddd; font-size: 14px; color: #555; display: inline-block; }
.user-main .user-meta .form-account { padding: 0 10px; width: 100%; max-width: 380px; height: 30px; background-color: #f9f9f9; background-image: none; border: 1px solid #ddd; font-size: 14px; color: #555; display: inline-block; }
.user-main .user-meta .form-fava { padding: 0 10px; width: 100%; max-width: 180px; height: 28px; background-color: #fff; background-image: none; border: 1px solid #ddd; border-right: 0; font-size: 16px; color: #555; vertical-align: middle;}
.user-main .user-meta .form-key { padding: 0 10px; width: 100%; max-width: 100px; height: 34px; background-color: #fff; background-image: none; border: 1px solid #ddd; border-radius: 3px; font-size: 16px; color: #555;}
.user-main .user-meta .form-fen { padding: 0 10px; height: 30px; background-color: #fff; background-image: none; border: 1px solid #ddd; font-size: 14px; color: #555; display: inline-block; }
.user-main .user-meta .item { margin-right: 8px;}
.user-main .user-meta .item input { margin-right: 3px; font-size: 14px;}
.user-main .user-meta .feedback-key img { padding-right: 2px;}
.user-main .user-meta textarea { padding: 10px; background-color: #fff; background-image: none; border: 1px solid #ddd; font-family: inherit; font-size: 14px; color: #555;}

.user-main .user-meta-two { list-style: none; line-height: 32px; color: #666;}
.user-main .user-meta-two li { height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #eaeaea; margin: 0 0 -1px -1px; position: relative; z-index: 0;}
.user-main .user-meta-two label { float: left; margin-right: 10px; background: #f3f3f3; width: 100px; text-align: center; font-size: 14px; color: #666;}

.user-main .uk-button-primary { color: #fff}
.user-alerts { color: #999;}
.user-alerts h4 { margin: 0; font-size: 16px; color: #666;}
.user-alerts hr { margin: 10px 0;}
.user-alerts ul { margin: 5px 0 0 0; padding: 0; font-size: 12px; line-height: 22px; list-style: none;}
.user-alerts ul li { line-height: 28px;}
.buy-alerts { margin-right: 5px; vertical-align: baseline !important;}
.user-table input { vertical-align: middle;}
.user-table input.favaclass { padding: 4px; background-color: #fff; background-image: none; border: 1px solid #ddd; border-radius: 2px; color: #555;}
.user-table select { padding: 3px 0; vertical-align: middle;}
/* message */
.message { width: 100%;}
.message-info h2 { margin: 0;}
.message-info .title { height: 76px; line-height: 76px; background: #5c5c5c; font-size: 24px; color: #fff; text-align: center; font-weight: normal; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.message-info .details { padding: 60px 0; border-top: none;}
.message-info .details .content { font-size: 18px; color: #333;}
.message-info .details .jumping a { font-size: 14px; color: #999;}
@media screen and (max-width:960px) {
.uk-modal-full { margin-top: 60px;}
.atlas-box .ttinfo { width: inherit; margin-left: 0;}
.container-user { margin-top: 30px!important; margin-bottom: 30px;}
.user-main .user-me { margin-bottom: 5px;}
.user-main .user-meta li { margin-bottom: 8px; }
.user-main .user-meta label { float: none; margin-left: 0;}
.user-main .user-meta .form-control { width: -webkit-fill-available; width: -moz-available; display: block;}
.user-main .user-meta textarea { width: -webkit-fill-available; width: -moz-available;}
/* mob navbar */
.uk-offcanvas-reveal .uk-offcanvas-bar { border-left: 1px solid #f7f7f7;}
.uk-offcanvas-bar > hr { margin: 10px 0; border-bottom: 1px solid #f7f7f7;}
.uk-nav-default > li { padding: .25rem 0;}
.uk-nav-default > li > a { padding: 15px 5px; background: #f7f7f7; line-height: 1; color: #34495e!important; text-align: center; justify-content: center;}
.uk-nav-default > li > hr { margin: 10px; border-top: 1px solid #f7f7f7;}
.uk-nav-default > li.uk-parent > a { padding: 15px 15px;}
.uk-nav-default > li.uk-parent > .uk-nav-sub { padding: 0;}
.uk-nav-default > li.uk-parent > .uk-nav-sub > li { margin-top: 2px;}
.uk-nav-default > li.uk-parent > .uk-nav-sub > li > a { padding: 12px 5px; background: #f7f7f7; line-height: 1; color: #34495e!important; text-align: center; justify-content: center;}
.uk-nav-default > li > a.vip { background: #f0506e; color: #f7f7f7!important}
}
@media screen and (max-width:640px) {
.uk-modal-full { margin-top: 60px;}
.atlas-box .ttinfo li { width: 100%;}
.list-filters .nav-list li { padding: 0 10px;}
/* login */
.login-header { height: 60px; border-bottom: 1px solid #f3f3f3; background: #fafafa;}
.login-header ul { margin: 0; padding: 0; list-style: none;}
.login-header ul li { float: left; width: 118px; height: 60px; line-height: 60px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; font-size: 16px; text-align: center;}
.login-header ul li a { font-size: 20px; color: #707070; cursor: pointer; }
.login-header .active { border-bottom: 1px solid #fff; background: #fff; font-size: 20px; }
.login-header .active a { color: #000;}
.login-body-left .login-form { margin-top: 40px; width: 90%; min-height: 300px;}
/* member */
.container-user { margin-top: 0 !important; margin-bottom: 10px; padding-left: 0 !important;}
.container-user ul { padding: 0;}
.container-user .uk-padding {padding: 15px;}
.userside { margin-left: -90px; padding: 10px; width: 90px;}
.userside .usermenus .usermenu li a { padding: 5px 0;}
.user-content {margin-left: 0;}
.user-content .vip-section h3 { margin: 5px 0; font-size: 28px; }
.user-alerts { margin: 20px 0 20px 0;}
.user-main .user-me { margin-bottom: 5px;}
.user-main .user-meta li { margin-bottom: 8px; }
.user-main .user-meta label { float: none; margin-left: 0;}
.user-main .user-meta .form-control { width: -webkit-fill-available; width: -moz-available;}
.user-main .user-meta .user-edit input { width: -webkit-fill-available; width: -moz-available;}
.user-main .user-meta textarea { width: -webkit-fill-available; width: -moz-available;}
.user-main .user-meta-two label { width: 85px;}
.uk-margin-medium-left { margin-left: 10px!important;}
/* mob navbar */
.uk-offcanvas-reveal .uk-offcanvas-bar { border-left: 1px solid #f7f7f7;}
.uk-offcanvas-bar > hr { margin: 10px 0; border-bottom: 1px solid #f7f7f7;}
.uk-nav-default > li { padding: 1px 0;}
.uk-nav-default > li > a { padding: 15px 5px; background: #f7f7f7; line-height: 1; color: #34495e!important; text-align: center; justify-content: center;}
.uk-nav-default > li > hr { margin: 10px; border-top: 1px solid #f7f7f7;}
.uk-nav-default > li.uk-parent > a { padding: 15px 15px;}
.uk-nav-default > li.uk-parent > .uk-nav-sub { padding: 0;}
.uk-nav-default > li.uk-parent > .uk-nav-sub > li { margin-top: 2px;}
.uk-nav-default > li.uk-parent > .uk-nav-sub > li > a { padding: 12px 5px; background: #f7f7f7; line-height: 1; color: #34495e!important; text-align: center; justify-content: center;}
.uk-nav-default > li > a.vip { background: #f0506e; color: #f7f7f7!important}
/* m-menubar */
.m-navbar { border-top: 1px solid #eaeaea; position: fixed; bottom: 0; left: 0; right: 0; padding: 6px 0;}
.m-navbar .navclass a { color: #313d4f;}
.m-navbar .vip a { color: #f0506e;}
.m-navbar .navclass a > i { display: block;}
/* vip-section */
.vip-section .uk-card .uk-card-body li { padding-left: 30px;}
.vip-section .index-new .uk-card .uk-card-body li { padding-left: 0;}
.vip-section .about-vip .uk-card .uk-card-body li { padding-left: 0;}
/* Search */
.uk-search-large {}
.uk-search-large .uk-search-input { height: 50px; background: rgba(228, 228, 228, 0.5); font-size: 22px;}
}