.rili_component{ font-size: 0; color: #34495e}
.rili_component ul,rili_component li{ margin: 0; padding: 0; list-style: none}
.rili_component li{ display: inline-block; font-size: 14px; height: 68px; border-bottom: 1px #F7FAFF solid; width:14.28571428571429%; cursor: pointer}
.rili_component li span{ display: block; text-align: center; margin: 0 auto; font-size: 18px}
.rili_component li span:nth-child(1){ width: 32px; height: 32px; border-radius: 50%; background: #fff; text-align: center; line-height: 32px; margin-top: 8px}
.rili_component li span:nth-child(2){ line-height: 18px; margin-top: 3px; font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.rili_component li.dq span:nth-child(1){ background: #1054FF; color: #fff}
.rili_component li.rili_component_title{ text-align: center; height: 39px; background:#F7FAFF; line-height: 39px}
.rili_component li.rili_component_title b{ font-weight: normal}
.rili_component .rili_component_top{ text-align: center; position: relative; height: 24px; line-height: 24px;; font-size: 18px; margin-bottom: 15px}
.rili_component .rili_component_top span{ width: 24px; height: 24px; position: absolute; top: 50%; margin-top: -12px; cursor: pointer}
.rili_component .rili_component_top span.next{ right: 0}
.rili_component .rili_component_top span.last{ left: 0;transform:rotate(180deg);}
.rili_component .rili_component_top div svg{ vertical-align: middle;transform:rotate(90deg);}
.rili_component .rili_component_top div em{ font-style: normal; cursor: pointer}
.rili_component li:nth-child(n+42){ border-bottom: none}


.my-dialog{ position: fixed; width: 100%; height: 100%; z-index: 99; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.2); overflow-y:auto; font-size: 14px; color: #34495e}
.my-dialog-box{ width: 500px; background: #fff; border-radius: 4px; margin: 0 auto; position: relative; top: 25%;}
.my-dialog-title{ height: 50px; line-height: 50px; position: relative; padding: 0 15px}
.my-dialog-title svg{ position: absolute; right: 15px; top: 15px; cursor: pointer}
.picker .picker-items .picker-item.picker-selected{ color: #1054FF!important;}
.mint-popup{ position: relative}
.v-modal{ display: none}
.picker_box{ height: auto; overflow: hidden}
.picker_box>.picker{ width: 33.33%; float: left}
.my-dialog-footer{ font-size: 0; text-align: center; padding: 15px 0}
.my-dialog-footer a{ display: inline-block; width: calc(50% - 1px); border-right: 1px #e5ecf0 solid; font-size:16px; cursor: pointer}
.my-dialog-footer a:nth-child(1){ color: #9aabb8}
.my-dialog-footer a:nth-child(2){ color: #1054ff}

.my-dialog{
    animation:my-dialog 0.3s;
    -moz-animation:my-dialog 0.3s; /* Firefox */
    -webkit-animation:my-dialog 0.3s; /* Safari and Chrome */
    -o-animation:my-dialog 0.3s; /* Opera */
}
.plainrili_components{ text-align: center; color: #34495e}
.plainrili_components div.div1{ font-size: 16px;}
.plainrili_components div.div2{ font-size: 72px; line-height: 100px; margin-bottom: 4px}
.plainrili_components div.div3 span{ display: inline-block; height: 22px; line-height: 22px; border-radius: 4px; color: #ED5565; border: 1px #ED5565 solid; padding: 0 10px; font-size: 14px}
.plainrili_components div.div3{ height: 24px; margin-bottom: 26px}
.plainrili_components div.div4{ font-size: 14px; margin-bottom: 10px}
.plainrili_components div.div5{ font-size: 14px; color: #9aabb8}
.body_hide{ overflow: hidden}
.rili_component li{ color: #9aabb8}
.rili_component li.by{ color: #34495e}
@keyframes my-dialog
{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .rili_component_title b{ display: none}
    .my-dialog-box{ width: calc(90% - 30px)}
}