/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 * 2. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 *    如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */
.i-mote>ul>li{position: relative;}
.i-mote {zoom:1; overflow:auto;clear:both; margin:0 auto; width:100%;margin-bottom:-60px}
.i-mote ul{padding:0px; zoom:1; overflow:auto;}
.i-mote ul li{width: 7.33333%;float: left; margin:0.5%;}
.i-mote ul li img{ padding:0px; width:100%; height:auto;background: #ffffff;border-radius:100%; }
.i-mote ul li p{ line-height:20px; font-size:12px; height:20px; overflow:hidden; padding:0;text-align:center;}
.i-mote ul li {
    transition: box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transform: translate(0,0);
}
.i-mote ul li:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);-ms-transform: translateY(-5px);}
.i-mote ul li:hover img{opacity: 0.7; transition: opacity .2s cubic-bezier(0.77,0,0.175,0.7);}
.i-mote ul li:hover p a{color:#fd721f}

@media (max-width: 1230px) {
	.i-mote ul li{WIDTH: 14.6666667%;FLOAT: left; margin:1%;}
}
@media (max-width: 575px) {
	.i-mote {margin-bottom:-40px}
}
@media (min-width: 1550px) {
    .max_width .container {
        max-width: 1540px;
    }
	.single.max_width .container,.page-template.max_width .container {
		max-width: 1280px;
	}	
}
/**.modular-title-2 .section-title {display:none;}
*/

li {list-style-type:none;}
.rightList ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
.rightList ul,ol,li{list-style-type:none}

.btn--whiterg {
    background-color: #34495e;
}

.btnn {
 display:inline-block;
 padding:6px 12px;
 margin-bottom:0;
 font-size:28px;
 font-weight:400;
 line-height:1.42857143;
 text-align:center;
 white-space:nowrap;
 vertical-align:middle;
 -ms-touch-action:manipulation;
 touch-action:manipulation;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 background-image:none;
 border:1px solid transparent;
 border-radius:4px
}

.btnn-success {
 color:#fff;
 background-color:#fb6767;
 border-color:#f04162;
}

.btnnn {
 display:inline-block;
 padding:6px 12px;
 margin-bottom:0;
 font-size:18px;
 font-weight:400;
 line-height:1.42857143;
 text-align:center;
 white-space:nowrap;
 vertical-align:middle;
 -ms-touch-action:manipulation;
 touch-action:manipulation;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 background-image:none;
 border:1px solid transparent;
 border-radius:4px
}

.btnnn-success {
 color:#fff;
 background-color:#fb6767;
 border-color:#3d534e;
}

.align {
    clear: both;
    display: block;
    margin: auto auto !important;
} 

/*闪闪钻石*/
.diamond{margin-left:2px;font-weight: 700;background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: hue 0.3s infinite linear;}

/*替换登录按钮颜色*/
.navbar .login-btn {background-color: #ff6c6c;color: #fff;}


/*VIP介绍*/
.vip-banner .vipbj h2 {
	text-align: center;
	font-size: 40px;
	color: #fff
}
.vip-banner .vipbj p {
	text-align: center;
	font-size: 18px;
	color: #fff
}
.vip-banner {
	background: url(/wp-content/themes/ripro-child/assets/images/comvip-banner.png) no-repeat center;
	position: relative;
	width: 100%;
	height: 246px;
	position: relative;
}
.vip-banner-bg {
	background-position: center;
	background-size: cover;
	height: 100%
}
.vip-banner .vipbj {
	position: absolute;
	width: 100%;
	top: 20%
}
.vip-banner .vipbj>a {
	width: 170px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	border-radius: 25px;
	background-image: linear-gradient(90deg, #ed1c24 0, #fb8f02 100%);
	color: #fff;
	margin: 0 auto;
	margin-top: 0;
	display: block;
	margin-top: 20px
}
/*VIP介绍*/