.bag-fff {
    background-color: #fff;
}

.btn-color {
    background: #3E93F7 !important;
}

.text-color {
    color: #3c9efa !important;
}

.grad-border-color {
    border-color: #3c9efa !important;
}

.text-red {
    color: #ff0000;
}

.btn-2b8cff {
    background: #2b8cff !important;
}

.btn-red {
    background: #ff0000 !important;
}


/*登录tab颜色*/

.landtab .button.active span {
    color: #333333;
    border-bottom: 3px solid #0894ec;
}


/*登录tab颜色 end*/

.text-f9df29 {
    color: #f9df29 !important;
}

.pers-mempayul .active {
    border: 1px solid #2a86f1;
    background: #e6f1fe;
}

.pers-memdiaa {
    background-color: rgb(223, 238, 255);
}

.pers-memdiaativ {
    background-image: -moz-linear-gradient( 0deg, rgb(49, 141, 242) 0%, rgb(121, 189, 250) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(49, 141, 242) 0%, rgb(121, 189, 250) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(49, 141, 242) 0%, rgb(121, 189, 250) 100%);
}

.servispan {
    background: #389afa;
}

.servicetit {
    background: #3f92f4;
    box-shadow: 0px 1px 9.2px 0.8px rgba(44, 136, 242, 0.3);
}

.member-liscolo1 {
    background-image: -moz-linear-gradient( 90deg, rgb(255, 189, 89) 0%, rgb(253, 156, 61) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255, 189, 89) 0%, rgb(253, 156, 61) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(255, 189, 89) 0%, rgb(253, 156, 61) 99%);
    box-shadow: 0px 4px 10px 0px rgba(253, 158, 62, 0.4);
}

.member-liscolo2 {
    background-image: -moz-linear-gradient( 90deg, rgb(91, 147, 249) 0%, rgb(125, 165, 254) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(91, 147, 249) 0%, rgb(125, 165, 254) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(91, 147, 249) 0%, rgb(125, 165, 254) 99%);
    box-shadow: 0px 4px 10px 0px rgba(0, 102, 255, 0.4);
}


/*主题色*/


/*pink*/

.theme-pink .servicebj {
    background-image: url(../images/pink/serbj.png);
}

.theme-pink .servicecendiv {
    background-image: url(../images/pink/serbj2.png);
}

.theme-pink .servcenumber {
    background-color: rgb(214, 81, 119);
}

.theme-pink .servispan {
    background: #d94b73;
}

.theme-pink .servicetit {
    background: #d94b73;
    box-shadow: 0px 1px 9.2px 0.8px rgb(217, 75, 115);
    color: #fff;
}

.theme-pink .sericonspan {
    background-image: -webkit-linear-gradient( 108deg, rgb(229, 49, 100) 0%, rgb(221, 103, 136) 58%, rgb(236, 120, 153) 100%);
    background-image: -ms-linear-gradient( 108deg, rgb(229, 49, 100) 0%, rgb(221, 103, 136) 58%, rgb(236, 120, 153) 100%);
    box-shadow: 0px 8px 24px 0px rgb(234, 179, 195);
}

.theme-pink .grbj1 {
    background-image: url(../images/pink/pagebj2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
}

.theme-pink .xfimgicon {
    background-image: url(../images/pink/xfimg.png);
}

.theme-pink .persiconspan {
    background-color: #fba3bc;
}

.theme-pink .personaiconh3 {
    color: #666;
}

.theme-pink .perstiticon {
    background-image: url(../images/pink/perstiticon.png);
}

.theme-pink .persliticonspan {
    background-color: #fba3bc;
}

.theme-pink .perh3img {
    background-image: url(../images/pink/perh3img.png);
}

.theme-pink .text-color {
    color: #d94b73 !important;
}

.theme-pink .grbj2 {
    background-image: url(../images/pink/pagebj2.png);
}

.theme-pink .person-btn {
    color: #fff;
}

.theme-pink .grbj3 {
    background-image: url(../images/pink/pagebj3.png);
}

.theme-pink .btn-color {
    background: #d94b73 !important;
}

.theme-pink .grbj4 {
    background-image: url(../images/pink/pagebj1.png);
}

.theme-pink .gradebj {
    background-image: url(../images/pink/gradbj1.png);
}

.theme-pink .pers-mempayul .active {
    border: 1px solid #d94b73;
    background: #fbe9ee;
}

.theme-pink .grbj5 {
    background-image: url(../images/pink/pagebj1.png);
}

.theme-pink .gradh3bj {
    background-image: url(../images/pink/gradh3bj.png);
}

.theme-pink .grade-listtwoh3a {
    color: #fff !important;
}

.theme-pink .grbj6 {
    background-image: url(../images/pink/pagebj1.png);
}

.theme-pink .permemmore {
    background-image: url(../images/pink/permemmore.png);
}

.theme-pink .pers-memicon {
    background-color: rgb(219, 77, 117);
}

.theme-pink .grbj7 {
    background-image: url(../images/pink/pagebj1.png);
}

.theme-pink .grbj8 {
    background-image: url(../images/pink/persmemeidtbj.png);
}

.theme-pink .per-cerbtn {
    background: #fbe4eb;
}

.theme-pink .grbj9 {
    background-image: url(../images/pink/pagebj1.png);
}

.theme-pink .grbj10 {
    background-image: url(../images/pink/pagebj2.png);
}

.theme-pink .grbj11 {
    background-image: url(../images/pink/interbj1.png);
}

.theme-pink .interbtn {
    color: #fff !important;
}

.theme-pink .gradesech .search-input .icon {
    background-image: url(../images/pink/grasech.png);
}

.theme-pink .member-lisfixa {
    color: #fff;
}

.theme-pink .landtab .buttons-tab .button {
    background: transparent;
}

.theme-pink .landtab .button.active span {
    border-color: #d94b73;
}

.theme-pink .lanicon1 {
    background-image: url(../images/pink/lanicon1.png);
}

.theme-pink .lanicon2 {
    background-image: url(../images/pink/lanicon2.png);
}

.theme-pink .grbj12 {
    background-image: url(../images/pink/gradbj1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.theme-pink label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {
    background-color: #d94b73;
}

.theme-pink .member-lisfixa {
    background-image: url(../images/pink/blo.png);
}

.theme-pink .member-lisfixa2 {
    color: #fff;
    background-image: -webkit-linear-gradient( 108deg, rgb(229, 49, 100) 0%, rgb(221, 103, 136) 58%, rgb(236, 120, 153) 100%);
    background-image: -ms-linear-gradient( 108deg, rgb(229, 49, 100) 0%, rgb(221, 103, 136) 58%, rgb(236, 120, 153) 100%);
    box-shadow: 0px 8px 24px 0px rgb(234, 179, 195);
}

.theme-pink .fbicon {
    background-image: url(../images/pink/fbicon.png);
}

.theme-pink .add_btn_sq {
    color: #d94b73 !important;
    border: 1px solid #d94b73 !important;
}

.theme-pink .gallery-thumbs .swiper-slide-thumb-active {
    background-color: #d94b73;
}

.theme-pink .gallery-thumbs2 .swiper-slide-thumb-active,
.theme-pink .gallery-thumbs3 .swiper-slide-thumb-active,
.theme-pink .gallery-thumbs4 .swiper-slide-thumb-active {
    background-color: #d94b73;
}

.theme-pink .gallery-thumbs2 .swiper-slide,
.theme-pink .gallery-thumbs3 .swiper-slide,
.theme-pink .gallery-thumbs4 .swiper-slide {
    border-color: rgb(229, 49, 100);
    box-shadow: 0px 0px 9.5px 0.5px rgba(229, 49, 100, 0.45);
}

.theme-pink .grad-border-color {
    border-color: #d94b73 !important;
}

.theme-pink .gradeaddre a,
.theme-pink .gradeaddre .button:not(.button-fill) {
    color: #d94b73;
    border-color: #fff;
    background: #fff;
}

.theme-pink .data-ok .btn-2b8cff {
    background: #fff !important;
}


/*pink end*/


/*红*/

.theme-red .servicebj {
    background-image: url(../images/red/serbj.png);
}

.theme-red .servicecendiv {
    background-image: url(../images/red/serbj2.png);
}

.theme-red .servcenumber {
    background-color: rgb(219, 79, 86);
}

.theme-red .servispan {
    background: #b6060e;
}

.theme-red.servicetit {
    background: #d30b15;
    box-shadow: 0px 1px 9.2px 0.8px rgb(217, 75, 115);
    color: #fff;
}

.theme-red .sericonspan {
    background-image: -moz-linear-gradient( 108deg, rgb(218, 23, 31) 0%, #F44336 58%, rgb(250, 120, 144) 100%);
    background-image: -webkit-linear-gradient( 108deg, rgb(218, 23, 31) 0%, #F44336 58%, rgb(250, 120, 144) 100%);
    background-image: -ms-linear-gradient( 108deg, rgb(218, 23, 31) 0%, #F44336 58%, rgb(250, 120, 144) 100%);
    box-shadow: 0px 8px 24px 0px rgba(245, 188, 192, 0.23);
}

.theme-red .grbj1 {
    background-image: url(../images/red/pagebj2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
}

.theme-red .xfimgicon {
    background-image: url(../images/red/xfimg.png);
}

.theme-red .persiconspan {
    background-color: #d30b15;
}

.theme-red .personaiconh3 {
    color: #666;
}

.theme-red .perstiticon {
    background-image: url(../images/red/perstiticon.png);
}

.theme-red .persliticonspan {
    background-color: #d30b15;
}

.theme-red .perh3img {
    background-image: url(../images/red/perh3img.png);
}

.theme-red .text-color {
    color: #d30b15 !important;
}

.theme-red .item-link.list-button,
.theme-red a {
    color: #d30b15
}

.theme-red .buttons-row .button.active {
    background-color: #d30b15;
}

.theme-red .grbj2 {
    background-image: url(../images/red/pagebj2.png);
}

.theme-red .person-btn {
    color: #fff;
}

.theme-red .grbj3 {
    background-image: url(../images/red/pagebj3.png);
}

.theme-red .btn-color {
    background: #d30b15 !important;
}

.theme-red .grbj4 {
    background-image: url(../images/red/pagebj1.png);
}

.theme-red .pers-mempayul .active {
    border: 1px solid #d30b15;
    background: #fbe9ee;
}

.theme-red .grbj5 {
    background-image: url(../images/red/pagebj1.png);
}

.theme-red .gradh3bj {
    background-image: url(../images/red/gradh3bj.png);
}

.theme-red .grade-listtwoh3a {
    color: #fff !important;
}

.theme-red .grbj6 {
    background-image: url(../images/red/pagebj1.png);
}

.theme-red .permemmore {
    background-image: url(../images/red/permemmore.png);
}

.theme-red .pers-memicon {
    background-color: rgb(211, 11, 21);
}

.theme-red .grbj7 {
    background-image: url(../images/red/pagebj1.png);
}

.theme-red .grbj8 {
    background-image: url(../images/red/persmemeidtbj.png);
}

.theme-red .per-cerbtn {
    background: #fbe4eb;
    border: 1px solid #d30b15;
}

.theme-red .grbj9 {
    background-image: url(../images/red/pagebj1.png);
}

.theme-red .grbj10 {
    background-image: url(../images/red/pagebj2.png);
}

.theme-red .grbj11 {
    background-image: url(../images/red/interbj1.png);
}

.theme-red .interbtn {
    color: #fff !important;
}

.theme-red .gradesech .search-input .icon {
    background-image: url(../images/red/grasech.png);
}

.theme-red .member-lisfixa {
    color: #fff;
}

.theme-red .landtab .buttons-tab .button {
    background: transparent;
}

.theme-red .landtab .button.active span {
    border-color: #d30b15;
}

.theme-red .lanicon1 {
    background-image: url(../images/red/lanicon1.png);
}

.theme-red .lanicon2 {
    background-image: url(../images/red/lanicon2.png);
}

.theme-red .grbj12 {
    background-image: url(../images/red/gradbj1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.theme-red label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {
    background-color: #d30b15;
}

.theme-red .member-lisfixa {
    background-image: url(../images/red/blo.png);
}

.theme-red .member-lisfixa2 {
    color: #fff;
    background-image: -moz-linear-gradient( 108deg, rgb(218, 23, 31) 0%, #F44336 58%, rgb(250, 120, 144) 100%);
    background-image: -webkit-linear-gradient( 108deg, rgb(218, 23, 31) 0%, #F44336 58%, rgb(250, 120, 144) 100%);
    background-image: -ms-linear-gradient( 108deg, rgb(218, 23, 31) 0%, #F44336 58%, rgb(250, 120, 144) 100%);
    box-shadow: 0px 8px 24px 0px rgba(245, 188, 192);
}

.theme-red .fbicon {
    background-image: url(../images/red/fbicon.png);
}

.theme-red .servicetit {
    background: #d30b15;
    color: #fff;
}

.theme-red .buttons-tab .button.active {
    color: #d30b15;
    border-color: #d30b15 !important;
}

.theme-red .button.button-fill {
    background: #d30b15;
}

.theme-red .bar-tab .tab-item.active,
.theme-red .bar-tab .tab-item:active {
    color: #d30b15;
}

.theme-red .add_btn_sq {
    color: #d30b15 !important;
    border: 1px solid #d30b15 !important;
}

.theme-red .gallery-thumbs .swiper-slide-thumb-active {
    background-color: #d30b15;
}

.theme-red .gallery-thumbs2 .swiper-slide-thumb-active,
.theme-red .gallery-thumbs3 .swiper-slide-thumb-active,
.theme-red .gallery-thumbs4 .swiper-slide-thumb-active {
    background-color: #d30b15;
}

.theme-red .gallery-thumbs2 .swiper-slide,
.theme-red .gallery-thumbs3 .swiper-slide,
.theme-red .gallery-thumbs4 .swiper-slide {
    border-color: rgb(218, 23, 31);
    box-shadow: 0px 0px 9.5px 0.5px rgba(218, 23, 31, 0.45);
}

.theme-red .grad-border-color {
    border-color: #d30b15 !important;
}


/*红 end*/


/* 绿色 */

.theme-green .servicebj {
    background-image: url(../images/green/serbj.png);
}

.theme-green .servicecendiv {
    background-image: url(../images/green/serbj2.png);
}

.theme-green .servcenumber {
    background-color: #19772f;
}

.theme-green .servispan {
    background: #188131;
}

.theme-green.servicetit {
    background: #188131;
    box-shadow: 0px 1px 9.2px 0.8px rgba(3, 164, 41, 0.3);
    color: #fff;
}

.theme-green .sericonspan {
    background-image: -moz-linear-gradient( 108deg, rgb( 34, 152, 56) 0%, #228a35 45%, rgb(45, 169, 66) 100%);
    background-image: -webkit-linear-gradient( 108deg, rgb( 34, 152, 56) 0%, #228a35 45%, rgb(45, 169, 66) 100%);
    background-image: -ms-linear-gradient( 108deg, rgb( 34, 152, 56) 0%, #228a35 45%, rgb(45, 169, 66) 100%);
    box-shadow: 0px 8px 24px 0px rgba(245, 188, 192, 0.23);
}

.theme-green .grbj1 {
    background-image: url(../images/green/pagebj2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
}

.theme-green .xfimgicon {
    background-image: url(../images/green/xfimg.png);
}

.theme-green .persiconspan {
    background-color: #188131;
}

.theme-green .personaiconh3 {
    color: #666;
}

.theme-green .perstiticon {
    background-image: url(../images/green/perstiticon.png);
}

.theme-green .persliticonspan {
    background-color: #188131;
}

.theme-green .perh3img {
    background-image: url(../images/green/perh3img.png);
}

.theme-green .text-color {
    color: #188131 !important;
}

.theme-green .item-link.list-button,
.theme-green a {
    color: #188131
}

.theme-green .buttons-row .button.active {
    background-color: #188131;
}

.theme-green .grbj2 {
    background-image: url(../images/green/pagebj2.png);
}

.theme-green .person-btn {
    color: #fff;
}

.theme-green .grbj3 {
    background-image: url(../images/green/pagebj3.png);
}

.theme-green .btn-color {
    background: #188131 !important;
}

.theme-green .grbj4 {
    background-image: url(../images/green/pagebj1.png);
}

.theme-green .pers-mempayul .active {
    border: 1px solid #188131;
    background: #d8f7df;
}

.theme-green .grbj5 {
    background-image: url(../images/green/pagebj1.png);
}

.theme-green .gradh3bj {
    background-image: url(../images/green/gradh3bj.png);
}

.theme-green .grade-listtwoh3a {
    color: #fff !important;
}

.theme-green .grbj6 {
    background-image: url(../images/green/pagebj1.png);
}

.theme-green .permemmore {
    background-image: url(../images/green/permemmore.png);
}

.theme-green .pers-memicon {
    background-color: rgb(211, 11, 21);
}

.theme-green .grbj7 {
    background-image: url(../images/green/pagebj1.png);
}

.theme-green .grbj8 {
    background-image: url(../images/green/persmemeidtbj.png);
}

.theme-green .per-cerbtn {
    background: #f1fff4;
    border: 1px solid #188131;
}

.theme-green .grbj9 {
    background-image: url(../images/green/pagebj1.png);
}

.theme-green .grbj10 {
    background-image: url(../images/green/pagebj2.png);
}

.theme-green .grbj11 {
    background-image: url(../images/green/interbj1.png);
}

.theme-green .interbtn {
    color: #fff !important;
}

.theme-green .gradesech .search-input .icon {
    background-image: url(../images/green/grasech.png);
}

.theme-green .member-lisfixa {
    color: #fff;
}

.theme-green .landtab .buttons-tab .button {
    background: transparent;
}

.theme-green .landtab .button.active span {
    border-color: #188131;
}

.theme-green .lanicon1 {
    background-image: url(../images/green/lanicon1.png);
}

.theme-green .lanicon2 {
    background-image: url(../images/green/lanicon2.png);
}

.theme-green .grbj12 {
    background-image: url(../images/green/gradbj1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.theme-green label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {
    background-color: #188131;
}

.theme-green .member-lisfixa {
    background-image: url(../images/green/blo.png);
}

.theme-green .member-lisfixa2 {
    color: #fff;
    background-image: -moz-linear-gradient( 108deg, rgb(218, 23, 31) 0%, #F44336 58%, rgb(250, 120, 144) 100%);
    background-image: -webkit-linear-gradient( 108deg, rgb(218, 23, 31) 0%, #F44336 58%, rgb(250, 120, 144) 100%);
    background-image: -ms-linear-gradient( 108deg, rgb(218, 23, 31) 0%, #F44336 58%, rgb(250, 120, 144) 100%);
    box-shadow: 0px 8px 24px 0px rgba(245, 188, 192);
}

.theme-green .fbicon {
    background-image: url(../images/green/fbicon.png);
}

.theme-green .servicetit {
    background: #188131;
    color: #fff;
}

.theme-green .buttons-tab .button.active {
    border-color: #188131 !important;
    background-color: #188131;
}

.theme-green .button.button-fill {
    background: #188131;
}

.theme-green .bar-tab .tab-item.active,
.theme-green .bar-tab .tab-item:active {
    color: #188131;
}

.theme-green .member-liscolo1 {
    background-image: -moz-linear-gradient( 108deg, rgb( 34, 152, 56) 0%, #228a35 45%, rgb(45, 169, 66) 100%);
    background-image: -webkit-linear-gradient( 108deg, rgb( 34, 152, 56) 0%, #228a35 45%, rgb(45, 169, 66) 100%);
    background-image: -ms-linear-gradient( 108deg, rgb( 34, 152, 56) 0%, #228a35 45%, rgb(45, 169, 66) 100%);
    box-shadow: 0px 8px 24px 0px rgba(189, 246, 200);
}

.theme-green .member-liscolo2 {
    background-image: -moz-linear-gradient( 108deg, rgb( 34, 152, 56) 0%, #228a35 45%, rgb(45, 169, 66) 100%);
    background-image: -webkit-linear-gradient( 108deg, rgb( 34, 152, 56) 0%, #228a35 45%, rgb(45, 169, 66) 100%);
    background-image: -ms-linear-gradient( 108deg, rgb( 34, 152, 56) 0%, #228a35 45%, rgb(45, 169, 66) 100%);
    box-shadow: 0px 8px 24px 0px rgba(189, 246, 200);
}

.theme-green .noticepagebj {
    background-image: url(../images/green/pagebj1.png);
}

.theme-green .landtab .button.active {
    color: #188131;
    border-color: #188131;
    background: none;
}

.theme-green .landtab .button.active span {
    color: #188131;
}

.theme-green .add_btn_sq {
    color: #188131 !important;
    border: 1px solid #188131 !important;
}

.theme-green .gallery-thumbs .swiper-slide-thumb-active {
    background-color: #188131;
}

.theme-green .gallery-thumbs2 .swiper-slide-thumb-active,
.theme-green .gallery-thumbs3 .swiper-slide-thumb-active,
.theme-green .gallery-thumbs4 .swiper-slide-thumb-active {
    background-color: #188131;
}

.theme-green .gallery-thumbs2 .swiper-slide,
.theme-green .gallery-thumbs3 .swiper-slide,
.theme-green .gallery-thumbs4 .swiper-slide {
    border-color: rgb(34, 152, 56);
    box-shadow: 0px 0px 9.5px 0.5px rgba(34, 152, 56, 0.45);
}

.theme-green .grad-border-color {
    border-color: #188131 !important;
}


/*绿 end*/


/*主题色 end*/