body {
    background: #F4F7FF;
}

.deflt_title {
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
}

.deflt_title p {
    width: .12rem;
    height: .12rem;
    background: #FFFFFF;
    border: .08rem solid #6C6EFF;
    border-radius: 50%;
    margin-right: .20rem;
}

.deflt_title strong {
    font-size: .4rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}

.arte {
    padding: .26rem .3rem;
}

.title a {
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.arte_box {
    margin-top: .26rem;
    width: 100%;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .3rem;
    box-sizing: border-box;
}

.arte_box h1 {
    text-align: center;
    font-size: .32rem;
}

.arte_box strong {
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}

.arte_main p {
    line-height: .5rem;
    margin-bottom: .3rem;
    font-size: .29rem;
    letter-spacing: 1px;
}

.arte_main p img{width:100%}

.arte_date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .36rem;
    margin-bottom: .3rem;
    padding-right: .2rem;
}

.arte_date li {
    display: flex;
    align-items: center;
}

.arte_date li img {
    width: .22rem;
    height: .22rem;
}

.arte_date li p {
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    margin-left: .15rem;
}

.arte_brief {
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
}

.arte_brief span {
    color: #333333;
}

.arte_banner1 {
    background: url(../imgs/arte_banner1.png) no-repeat;
    background-size: 100% 100%;
    padding: .32rem .22rem;
    box-sizing: border-box;
    margin-top: .3rem;
    margin-bottom: .39rem;
}

.arte_banner1 strong {
    font-size: .4rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

.arte_banner1 button {
    width: 5.46rem;
    height: .4rem;
    /*border: .02rem solid #FFFFFF;*/
    border-radius: .2rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    background: transparent;
    margin-top: .25rem;
}

.arte_main li {
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-indent: 2em;
    margin-bottom: .6rem;
}

.arte_main li:nth-child(2) {
    text-indent: inherit;
}

.arte_banner2 {
    background: url(../imgs/arte_banner2.png) no-repeat;
    background-size: 100% 100%;
    padding: .32rem .22rem;
    box-sizing: border-box;
}

.arte_banner2 strong {
    font-size: .4rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.arte_banner2 button {
    width: 2.35rem;
    height: .44rem;
    background: linear-gradient(-30deg, #FF7676, #FF6666);
    box-shadow: .02rem .03rem .08rem 0 rgba(255, 102, 102, 0.3);
    border-radius: .22rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: .22rem;
}

.arte_tag {
    display: flex;
    align-items: center;
    /*padding-top: .29rem;*/
    /*padding-bottom: .19rem;*/
    border-bottom: .01rem solid #EAEAEA;
}

.arte_tag p {
    color: #666666;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.arte_tag p img {
    width: .2rem;
    height: .2rem;
    display: block;
    margin-right: .12rem;
}

.arte_tag ul {
    width: 4.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.arte_tag ul li {
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #6C6EFF;
}

.arte_over p a {
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #050505;
    margin-top: .15rem;
}

.newpay {
    background-color: #F4F7FF !important;
}

.sorl_box {
    padding: .3rem;
}

#wzfast {
    order: none;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: .14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    height: 100%;
    width: 100%;
    border: none;
    padding-left: .2rem;
    box-sizing: border-box;
}

.solr {
    width: 100%;
    border-radius: 10px;
    box-sizing: border-box;
}
.arte_main{
    font-size: .28rem;
}
.arte_main a{
    color: #333333;
}
.arte_banner3 {
    background: url(../imgs/arte_banner3.png) no-repeat;
    background-size: 100% 100%;
    padding: .32rem .22rem;
    box-sizing: border-box;
}

.arte_banner3 strong {
    font-size: .4rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.arte_banner3 p {
    width: 4.36rem;
    height: .4rem;
    background: #6C6EFF;
    border-radius: 0 .18rem 0 .18rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .19rem auto;
}

.arte_banner3 button {
    width: 2rem;
    height: .44rem;
    background: #FF6666;
    border-radius: .22rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arte_list {
    padding: .5rem .3rem;
    border-bottom: .01rem solid #EAEAEA;
    background: #FFFFFF;
    margin-top: .3rem;
}

.arte_list ul li a {
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    display: block;
    margin-bottom: .3rem;
}

.tg {
    background: #fff;
    padding: .3rem;
}

.tg ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tg ul li img {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    margin: 0 auto;
}

.tg ul li {
    width: 50%;
    margin-bottom: .25rem;
}

.tg ul li strong {
    font-size: .26rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    display: block;
    text-align: center;
    margin-top: .26rem;
    margin-bottom: .12rem;
}

.tg ul li p {
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    text-align: center;
}

.aisle {
    width: 100%;
    height: 5.9rem;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: .3rem;
}

.aisle span {
    width: 100%;
    height: 1.2rem;
    background: #FF7D22;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .1rem .1rem 0 0;
    font-size: .4rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

.aisle_inpt {
    display: flex;
    align-items: center;
    width: 100%;
    height: .94rem;
    background: #FFFFFF;
    border: .02rem solid #EEEEEE;
    border-radius: .14rem;
    padding: 0 .26rem;
    box-sizing: border-box;
}

.aisle_inpt input {
    padding-left: .24rem;
    width: 100%;
    height: 100%;
}

.aisle_inpt img {
    width: .4rem;
    height: .4rem;
}

.down {
    width: .26rem !important;
    height: .14rem !important;
}

.aisle_box {
    padding: .3rem;
    box-sizing: border-box;
}

.aisle_phone {
    width: 100%;
    height: .94rem;
    background: #FFFFFF;
    border: .02rem solid #EEEEEE;
    border-radius: .14rem;
    padding-left: .3rem;
    margin: .26rem 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.aisle_phone input {
    padding-left: .2rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.aisle_ckbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aisle_ckbox p {
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    margin-left: .2rem;
}

.aisle_ckbox p a {
    color: #6C6EFF;
}

.aisle_box button {
    width: 100%;
    height: .94rem;
    background: linear-gradient(-30deg, #FF7676, #FF6666);
    box-shadow: .02rem .03rem .08rem 0 rgba(255, 102, 102, 0.3);
    border-radius: .47rem;
    font-size: .32rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .35rem;
}

.hot {
    width: 100%;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: .2rem;
    padding: .4rem .3rem;
    box-sizing: border-box;
}

.hot ul li a {
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    display: block;
    margin-bottom: .3rem;
}

.hot_img {
    width: 100%;
    height: 2.94rem;
    display: block;
    margin: .3rem 0;
}

* {
    padding: 0;
    margin: 0;
}

li {
    list-style-type: none;
}

img {
    vertical-align: top;
    border: 0;
}

a:link,
a:visited {
    text-decoration: none;
}


body {
    font-size: medium;
    background: #F4F7FF;
    /*padding-bottom: 1.3rem;*/
    color: black;

}

input,
button {
    outline: 0;
    border: none;
}

.arte {
    padding: .26rem .3rem;
}

.arte_box h1{
    font-size: .34rem;
    color: #000;
    font-weight: bold;
}

.thisTitle a {
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.arte_box {
    margin-top: .26rem;
    width: 100%;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .3rem;
    box-sizing: border-box;
}

.arte_box h1 {
    text-align: center;

}

.arte_date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .36rem;
    margin-bottom: .3rem;
    padding-right: .2rem;
}

.arte_date li {
    display: flex;
    align-items: center;
}

.arte_date li img {
    width: .22rem;
    height: .22rem;
}

.arte_date li p {
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    margin-left: .15rem;
}

.arte_brief {
    line-height: .4rem;
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
}

.arte_brief span {
    color: #333333;
}

.arte_banner1 {
    background: url(../imgs/arte_banner1.png) no-repeat;
    background-size: 100% 100%;
    padding: .32rem .22rem;
    box-sizing: border-box;
    margin-top: .3rem;
    margin-bottom: .39rem;
}

.arte_banner1 button {
    white-space: nowrap;
    display: block;
    color: #fff;
    margin: 0 auto;
    background-color: #FF6666;
    width: 1.8rem;
    height: .44rem;
    border-radius: .22rem;
    font-size: .24rem;
}

.arte_banner1 strong {
    display: block;
    text-align: center;
    font-size: .26rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

.arte_banner1 p {
    font-size: .24rem;
    text-align: center;
    padding: .06rem;
    border-radius: 10000px;

    margin: .2rem auto;
    line-height: .4rem;
    color: #FFFFFF;
    border: .01rem solid #FFFFFF;
}

.arte_main {
    font-size: .28rem;
}

.arte_main p {
    line-height: .5rem;
    margin-bottom: .3rem;
    font-size: .29rem;
    letter-spacing: 1px;
}


.arte_banner3 {
    background: url(../images/arte_banner3.png) no-repeat;
    background-size: 100% 100%;
    padding: .32rem .22rem;
    box-sizing: border-box;
}

.arte_banner3 strong {
    font-size: .4rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.arte_banner3 p {
    width: 4.36rem;
    height: .4rem;
    background: #6C6EFF;
    border-radius: 0 .18rem 0 .18rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .19rem auto;
}

.arte_banner3 button {
    width: 2rem;
    height: .44rem;
    background: #FF6666;
    border-radius: .22rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arte_over p {
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.arte_over p a {
    line-height: .4rem;
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-top: .15rem;
}

.pay {
    background: #FFFFFF;
    padding: .5rem .3rem;
}

.deflt_title {
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
}

/*.deflt_title p {*/
/*    width: .3rem;*/
/*    height: .3rem;*/
/*    background: #FFFFFF;*/
/*    border: .08rem solid #6C6EFF;*/
/*    border-radius: 50%;*/
/*    margin-right: .2rem;*/
/*}*/

.deflt_title strong {
    font-size: .4rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}

.pay_main {
    display: flex;
    align-items: center;
    margin-top: .3rem;
}

.pay_code {
    width: 1.7rem;
    height: 1.7rem;
}

.pay_mesg {
    margin-left: .4rem;
}

.pay_mesg p {
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-top: .15rem;
    margin-bottom: .2rem;
}

.pay_button1 {
    border-radius: .18rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    background: rgba(130, 130, 255, .15);
    color: #6C6EFF;
    padding: .05rem .14rem;
    box-sizing: border-box;
}

.pay_button2 {
    border-radius: .18rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    background: rgba(255, 125, 34, .15);
    color: #FF7D22;
    padding: .05rem .14rem;
    box-sizing: border-box;
}

.pay_add {
    display: flex;
    align-items: center;
}

.pay_add img {
    width: .4rem;
    height: .4rem;
}

.pay_add strong {
    font-size: .32rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-left: .14rem;
    display: block;
}

.arte_list {
    padding: .5rem .3rem;
    border-bottom: .01rem solid #EAEAEA;
    background: #FFFFFF;
    margin-top: .3rem;
}

.arte_list ul li a {
    font-size: .28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    display: block;
    margin-bottom: .3rem;
}


.newfw {
    width: 100%;
    height: 91%;
    z-index: 999999;
    background-color: #fff;
    position: fixed;
    top: 0;
    overflow: hidden;
}

.none {
    display: none;
}

.head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .95rem;
    width: 100%;
    padding: .16rem .3rem;
    box-sizing: border-box;
}

.head_togle {
    width: 5%;
}

.head p {
    font-size: .32rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.head_call {
    width: .5rem;
    height: .5rem;
}

.serve {
    display: flex;
    justify-content: space-between;
    height: 11rem;
}

.serve_nav li {
    width: 1.7rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
}

.serve_colr {
    background: rgba(130, 130, 255, .15);
    color: #6C6EFF !important;
    border-left: .05rem solid #6C6EFF;
}

.serve_contr {
    background: #F4F7FF;
    padding: .2rem .3rem .3rem .2rem;
    box-sizing: border-box;
    overflow-y: auto;
    height: 11rem;
}

.servebj {
    /*background: url(../images/servebj.png) no-repeat;*/
    background-size: 100% 100%;
    padding-left: .3rem;
    padding-top: .38rem;
    padding-bottom: .27rem;
    box-sizing: border-box;
}

.servebj strong {
    font-size: .4rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    display: block;
}

.servebj button {
    width: 2.35rem;
    height: .44rem;
    background: linear-gradient(-30deg, #FF7676, #FF6666);
    box-shadow: .02rem .03rem .08rem 0 rgb(255 102 102 / 30%);
    border-radius: .22rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .22rem;
}

.serve_list {
    padding: .3rem 0;
}

.serve_list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: .2rem 0;
}

.serve_list ul li {
    width: 1.65rem;
    height: 1.18rem;
    background: #FFFFFF;
    border-radius: .1rem;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .12rem;
    text-align: center;

    cursor: pointer;
}

.botm {
    padding: 0 !important;
    width: 100%;
    height: 1.3rem;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}

.botm ul li {
    height: 1.3rem;
}

.botm ul li:nth-child(1),
.botm ul li:nth-child(2) {

    width: 20%;
}
.botm ul li:nth-child(1)  img,
.botm ul li:nth-child(2)  img{
    display: block;
    margin-bottom: 0.05rem;
}

.botm ul li:nth-child(3) {
    width: 60%;
}

.botm ul li:nth-child(1),.botm ul li:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.botm ul {
    height: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.botm ul li img {
    display: block;
    margin: 0 auto;
}

.botm ul li img {
    width: .4rem;
    height: .37rem;
}

.botm li:nth-child(3) {
     display: flex;
    align-items: center;
    background: #ff7676;

}

.botm li:nth-child(3)>a img {
    margin: 0;
    width: .55rem;
    height: .55rem;
    margin-right: .2rem;

}

.botm li:nth-child(3)>a {
    color: #fff;
    margin-left: .35rem;
    color: #fff !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.botm li:nth-child(3)>a >div{
    display: flex;
     flex-wrap: wrap;
       align-items: center;
       color: #fff;
}


.botm li:nth-child(3)>a >div>p{
   color: #fff;

}

.botmTit {
    font-size: .34rem;
    margin-bottom: 0rem !important;
}

.botmTit+p{
    font-size: .2rem !important;
}

.botm p {
    font-size: .24rem;
}

.tip {
    position: relative;
    box-sizing: border-box;
    background: #f7f8f9;
    color: #666666;
    width: 100%;
    margin: .3rem auto;
    padding: .25rem .4rem;
    font-size: .26rem;
    text-indent: 2em;
    line-height:1.5em;
}

.tip>img {
    position: absolute;
    width: .26rem;
    height: .26rem;
    left: .6rem;
    top: .3rem;
}

.zhuceTit {
    display: flex;
    align-items: center;
}

.zhuceTit>strong {
    font-size: .4rem;
    margin-right: .1rem;
}

.zhuceTit>span {
    font-size: .24rem;
    color: #999;
}

.mySwiper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.zhuceContent {
    box-sizing: border-box;
    width: 100%;
    height: 2.2rem;
    background-color: #fff2e0;
    display: flex;
    margin-top: .1rem;
    padding: .25rem;
}

.swiper-slide .avt {

    width: .92rem;
    height: .92rem;
    margin-right: .2rem;
}


.btn {
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    color: #fff !important;
    background-color: #ff7676;
    font-size: .24rem;
    border-radius: .25rem;
    text-align: center;
}

.msgName {
    font-size: .32rem;
    font-weight: 600;
    margin-right: 10px;
}

.msgTxt {
    font-size: .22rem;
    color: #727070;
    line-height: .4rem;

}

.blue {
    color: #6c6eff !important;
}

.btnName {
    width: 4.75rem;
    display: flex;
    justify-content: space-between;
}

.goodAt {
    font-size: .24rem;
    width: 4.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.msg {
    line-height: .45rem;
}

.tag {
    height: .8rem;
    display: flex;
    align-items: center;
    font-size: .22rem;
}

.tag>div,
.tag>a {
    margin-right: .2rem;
}

.tagTit {
    display: flex;
    align-items: center;
}

.arte_wire {
    width: 100%;
    border-bottom: .01rem solid #ccc;
    margin-bottom: .1rem;
}

.guwenList {
    padding: .3rem;
    background: #fff;
    margin: .2rem 0;
    border-radius: .1rem;
}

.guwenList{
padding-bottom: .2rem;
    
}

.question {
    height: .6rem;
    font-size: .32rem;
    font-weight: bold;
}

.question img {
    vertical-align: middle;
    margin-right: .1rem;
    width: .35rem;
    height: .33rem;
}

.time {
    overflow: hidden;
    display: flex;
    font-size: 14px;
    align-items: center;
}

.time img {
    width: .22rem;
    height: .22rem;
    margin-right: .1rem;
}

.guwen {
    align-items: center;
    height: 1.16rem;
    background: #f7f8f9;
    display: flex;
    margin-bottom: .2rem;
    justify-content: space-between;
}

.content {
    display: flex;
    align-items: center;
    background: transparent !important;
}

.guwenImg {
    margin-left: .35rem;
    margin-right: .2rem;
}

.guwenImg>img {

    width: .55rem;
    height: .55rem;
    margin-left: -0.15rem;
}

.guwen .btn {
    margin-right: .18rem
}


.txtScroll-top {
    border: none !important
}


.color1,.color14,.color27,.color40{color:rgb(88, 40, 219);background-color:rgba(212, 62, 241, 0.1)}
.color2,.color15,.color28,.color41{color:#ff5473;background-color:rgba(255,84,115,.1)}
.color3,.color16,.color29,.color42{color:#6a933e;background-color:rgba(72,135,24,.1)}
.color4,.color17,.color30,.color43{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.color5,.color18,.color31,.color44{color:#8e4aff;background-color:rgba(154,72,245,.1)}
.color6,.color19,.color32,.color45{color:#c58516;background-color:rgba(179,103,8,.1)}
.color7,.color20,.color33,.color46{color:#2997f7;background-color:rgba(41,151,247,.1)}
.color8,.color21,.color34,.color47{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.color9,.color22,.color35,.color48{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color10,.color23,.color36,.color49{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color11,.color24,.color37,.color50{color:#18a52a;background-color:rgba(18,185,40,.1)}
.color12,.color25,.color38,.color51{color:#e434e1;background-color:rgba(213,72,245,.1)}
.color13,.color26,.color39,.color52{color:#888;background-color:rgba(136,136,136,.1)}

.tagcloud{
    margin-top:.4rem;
}

.tagcloud  a{
    padding: .16rem .24rem;
    margin: 0 .08rem .16rem 0px;
    font-size: .28rem;
    display: inline-block;
    border-radius: 5px;
}