.darkstyle {
    background-color:#595959;
    color:#fff;
}

.darkstyle .bigtitle {
    color:#fff;
}
.darkstyle .filter-prefecture-item,
.darkstyle .filter-category-item,
.darkstyle .filter-tag-item {
    background-color:#666;
    color: #ddd;
}
.darkstyle .filter-prefecture-item:hover,
.darkstyle .filter-prefecture-item.active,
.darkstyle .filter-prefecture-item:not(.active):not(.nohover):hover,
.darkstyle .filter-category-item:hover,
.darkstyle .filter-category-item.active,
.darkstyle .filter-category-item:not(.active):not(.nohover):hover,
.darkstyle .filter-tag-item:hover,
.darkstyle .filter-tag-item.active,
.darkstyle .filter-tag-item:not(.active):not(.nohover):hover
{
    background:#888;
    color: #fff;
}
.darkstyle .filter-category-more {
    background-color:#666;
    border:1px solid #505050;
}

.darkstyle #header {
    background-color:#4a4a4a;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-bottom:1px solid #333;
}
.darkstyle #header.homepage {
    background: rgba(0,0,0,.2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,.25)), to(rgba(0,0,0,0)));
    background: -moz-linear-gradient(top, rgba(0,0,0,.25), rgba(0,0,0,0));
    background: -ms-linear-gradient(top, rgba(0,0,0,.25), rgba(0,0,0,0));
    border:none;
}
.darkstyle .header .leftmenu .icon-menu,
.darkstyle .header .rightmenu .btn-heart svg,
.darkstyle .header .rightmenu .btn-user svg {
    fill:#fff;
}
.darkstyle .header .rightmenu .btn-login {
    border:1px solid #fff;
}
.darkstyle .header .rightmenu .btn-login:hover {
    background-color:rgba(255,255,255,.3);
}
.darkstyle .header .rightmenu .btn-registe {
    border:1px solid #fff;
    background-color:rgba(255,255,255,.2);
}
.darkstyle .header a {
    color:#fff;
}
.darkstyle #header .popup {
    color:#ddd;
    background-color:#444;
}
.darkstyle #header .popup .btn-close svg {
    fill:#ccc;
}
.darkstyle #header .popup li {
    color:#ddd;
}
.darkstyle #header .popup li a {
    color:#ddd;
}
.darkstyle #header .popup li svg {
    fill:#ddd;
}
.darkstyle #header .popup h1 {
    color:#ddd;
}
.darkstyle #header .popup h1 svg {
    fill:#ddd;
}
.darkstyle #header .popup li:hover {
    background-color:#555;
}

.darkstyle #nav a {
    background-color:#666;
}
.darkstyle #nav a svg {
    fill: #ccc;
}
.darkstyle #nav a:hover,
.darkstyle #nav a.select {
    background-color:#999;
}

.darkstyle .list .filter .btn {
    background-color:#666;
    border:1px solid #444;
    color:#fff;
}
.darkstyle .list .filter .arrow-right {
    border-left:1px solid #555;
}
.darkstyle .list .filter .icon-filter {
    fill:#fff;
}
.darkstyle .list .filter .pop {
    background-color:#666;
    border-left:1px solid #444;
    border-right:1px solid #666;
}
.darkstyle .list .filter .pop .group {
    color:#fff;
}
.darkstyle .list .filter .pop .items a {
    background-color:#777;
    color: #fff;
}
.darkstyle .list .filter .pop .items a.select,
.darkstyle .list .filter .pop .items a:not(.select):not(.nohover):hover {
    background:#444;
}
.darkstyle .list .search .input {
    border:1px solid #444;
}
.darkstyle .list .search .input .icon-search {
    background-color:#606060;
}
.darkstyle .list .search .input .search-input {
    border: 1px solid #666;
    border-left:none;
    background-color:#666;
}
.darkstyle .list .search .input .search-input input {
    color:#eee;
}
.darkstyle #page a {
    color:#eee;
}
.darkstyle #page a.select {
    background-color:#888;
    color:#eee;
}
.darkstyle .flex-images .item {
    background-color:#444;
}

.darkstyle .content .info .album-image {
    background-color: #666;
    border: 1px solid #505050;
}
.darkstyle .content .card {
    background-color:#666;
    border: 1px solid #505050;
}
.darkstyle .content .card .stitle {
    color:#fff;
}
.darkstyle .content .card p span {
    color:#fff;
}
.darkstyle .content .card .stitle {
    color:#fff;
}
.darkstyle .content .card .sbody {
    color:#ccc;
}
.darkstyle .content .cards .download {
    background-color: #6a6a6a;
    color: #fff;
    border: 1px solid #505050;
}
.darkstyle .content .cards .download:hover {
    background-color: #999;
}
.darkstyle .content .info .marks a {
    background: rgba(200,200,200,.15);
}
.darkstyle .content .info .btns {
    background-color:#555;
}
.darkstyle .content .info .btns a svg,
.darkstyle .content .info .btns .item svg {
    fill:#fff;
    color:#transparent;
}
.darkstyle .content .info .btns a.select svg,
.darkstyle .content .info .btns .item.select svg{
    fill:#fff;
    color:#fff;
}
.darkstyle .content .info .btns a,
.darkstyle .content .info .btns .item {
    color:#fff;
}
.darkstyle .content .info .btns .item .pop {
    background-color:#555;
}
.darkstyle .content .c1,
.darkstyle .content .c4 {
    color:#fff;
}
.darkstyle .content .more {
    border: 1px solid #fff;
    color:#fff;
}
.darkstyle .content .more:hover {
    background-color:#777;
}

.darkstyle .about .about-title {
    color:#eee;
}
.darkstyle .about .about-text {
    color:#ddd;
}
.darkstyle .about .about-table {
    background-color:#777;
    border:1px solid #444;
}
.darkstyle .about .about-table .item {
    color:#fff;
    border-top: 1px solid #595959;
}
.darkstyle .about .about-table .item:nth-child(1) {
    border-top:none;
}
.darkstyle .about .about-content {
    color:#fff;
    background-color:#777;
    border:1px solid #444;
}

.darkstyle .register .title,
.darkstyle .register form .item .name,
.darkstyle .register form .item .tip,
.darkstyle .register .tip,
.darkstyle  .register form .item::placeholder {
    color:#eee;
}
.darkstyle .register form .item input,
.darkstyle .register form .item select {
    border:1px solid #444;
    background-color:#888;
    color:#fff;
}
.darkstyle .register form .item select option,
.darkstyle .register .protocol,
.darkstyle .register .protocol a {
    color:#fff;
}
.darkstyle .register form button,
.darkstyle .upgradebtn {
    background-color:rgba(255,255,255,.1);
    border:1px solid #505050;
    color:#fff;
}
.darkstyle .register form button:hover {
    background-color:rgba(255,255,255,.3);
    border:1px solid #505050;
    color:#fff;
}

.darkstyle .like .title,
.darkstyle .user .title {
    color:#eee;
}
.darkstyle .user .table {
    background-color:#777;
    border:1px solid #444;
}
.darkstyle .user .table .item {
    color:#fff;
    border-top: 1px solid #666;
}
.darkstyle .user .table .item  a {
    color:#ddd;
}
.darkstyle .user .table .item span:nth-child(1) {
    color:#ddd;
}
.darkstyle .user .table .item:nth-child(1) {
    border-top:none;
}

.darkstyle .pop-mask .window,
.darkstyle .pop-mask .forgot {
    background-color:#666;
}
.darkstyle .pop-mask .title {
    color:#fff;
}
.darkstyle .pop-mask .btn {
    border:1px solid #444;
    background-color: #888;
    color:#f2f2f2;
}
.darkstyle .pop-mask .btn.save {
    background-color: #888;
}
.darkstyle .pop-mask .btn:hover,
.darkstyle .pop-mask .btn.save:hover {
    background-color: #777;
}
.darkstyle .pop-mask .tip,
.darkstyle .pop-mask .desc {
    color:#eee;
}
.darkstyle .pop-mask input {
    border:1px solid #444;
    background-color:#888;
    color:#fff;
}
.darkstyle .pop-mask input::placeholder {
    color:#eee;
}
.darkstyle .pop-mask .close svg {
    fill:#ddd;
}

.darkstyle .onoff-inner::before {
    background-color: #999;
    color: #fff;
}

.darkstyle .layui-layer {
    background-color:#595959;
}
.darkstyle .layui-layer-title {
    background-color:#505050;
    border-bottom:1px solid #444;
}
.darkstyle .alert-layer .layui-layer-btn a {
    background: rgba(255,255,255,.2);
    border: 1px solid #fff;
}
.darkstyle .layui-layer-setwin .layui-layer-close1 {
    filter:invert(1);
}