/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 * 2. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 *    如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */
#help h2,#down h2{ font-size:18px; line-height:54px; color:#323232; border-bottom:2px solid #4f8af1; width:150px; font-weight:normal;}
#help dt{cursor:pointer; color:#353535; font-size:18px;margin-bottom:20px; }
#help dd{ display:none;color:#767676; font-size:14px; padding:10px; border-radius:5px; background:#f0f0f0; margin-bottom:20px;margin-bottom:20px; line-height:25px; letter-spacing:1px;}
#help dt,#help dd{ margin-left:40px; position:relative;}
#help dt i,#help dd i{background:url(https://img.srcdict.com/ico.png) no-repeat; width:30px; height:30px; display:block; position:absolute; left:-40px; top:0px;}
#help dd i{background-position: 0 -35px;}

.vwip30{background-position:-40px 0}
.vwip10,.vwip30{position:absolute;z-index:10;border-radius:5px 0 0 0}
.vwip10,.vwip30{display:inline-block;background-image:url(https://www.5dmcity.cn/wp-content/themes/ripro/assets/images/vipico.png);background-size:auto 40px;vertical-align:middle;height:40px;width:40px}
.vvip10,.vwip10{background-position:0 0}
/* 底部波浪 */
.waveHorizontals {
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
  background-color:#fff !important
}
.ripro-dark .waveHorizontals {
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
  background-color:#181616 !important
}
#waveHorizontal1 {
    -webkit-mask: url(https://www.5dmcity.cn/wp-content/themes/ripro/sav//riyuanma_001.svg);
    mask: url(https://www.5dmcity.cn/wp-content/themes/ripro/sav//riyuanma_001.svg);
    animation-delay: -2s;
    animation-duration: 12s;
}
#waveHorizontal1, #waveHorizontal2, #waveHorizontal3 {
    background-image: linear-gradient(20deg,#f84270 0,#fe803b 100%)!important;
}
.ripro-dark #waveHorizontal1{
    background-color: #f1f1f1!important;
}
.ripro-dark  #waveHorizontal2{
    background-color: #f1f1f1!important;
}
.ripro-dark  #waveHorizontal3{
    background-color: #f1f1f1!important;
}
.waveHorizontal {
    width: 200%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 350px 100%;
    transform-origin: 0 100% 0;
    animation-name: move;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes move{0%{transform:translate(-175px,0px) scale(1,1)}50%{transform:translate(-87px,0px) scale(1,0.5)}100%{transform:translate(0px,0px) scale(1,1)}}

#waveHorizontal2 {
    -webkit-mask: url(https://www.5dmcity.cn/wp-content/themes/ripro/sav//riyuanma_002.svg);
    mask: url(https://www.5dmcity.cn/wp-content/themes/ripro/sav//riyuanma_002.svg);
    animation-delay: -2s;
    animation-duration: 5s;
}
#waveHorizontal3 {
    -webkit-mask: url(https://www.5dmcity.cn/wp-content/themes/ripro/sav//riyuanma_003.svg);
    mask: url(https://www.5dmcity.cn/wp-content/themes/ripro/sav//riyuanma_003.svg);
    animation-delay: -1s;
    animation-duration: 3s;
}

.col-xs-12.friend-links {
padding: 14px;
}
.codesign-fl {
display: flex;
list-style: none;
padding: 0;
margin: 0;
font-size: 13px;
}
.codesign-fl li{
margin-left: 10px;
}
.codesign-fl a{
color: #FCB93E;
}
.codesign-fl a:hover{
color: #FF6F84;
}
.codesign-dw{
border: 1px dashed #FCB93E;
background-color: #f7f8fa;
text-shadow: #fff 0px 1px 0px;
}
.ripro-dark .codesign-dw{
border: 1px dashed #44444487;
background-color: #2d2d2d;
text-shadow: #000 0px 1px 0px;
}