/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 * 2. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 *    如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */
@import "font-awesome/all.min.css";
@import "font-awesome/v4-shims.min.css";

.avenmenu {
	display: inline-block;
	transform: translateY(-12px);
	font-size: .75rem;
	letter-spacing: 0.05em;
	background: linear-gradient(to top, #ff557f 0%, #ffaa00 100%);
	color: #ffffff;
	border-radius: 1rem;
	padding: .15rem .275rem;
	line-height: 1;
	font-weight: bold;
}
.duojia {
	display: inline-block;
	transform: translateY(-12px);
	font-size: .75rem;
	letter-spacing: 0.05em;
	background: linear-gradient(to top, #67C23A 0%, #67C23A 100%);
	color: #ffffff;
	border-radius: 1rem;
	padding: .15rem .275rem;
	line-height: 1;
	font-weight: bold;
}
/***常见问题FAQ***/
#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(../images/ico.png) no-repeat; width:30px; height:30px; display:block; position:absolute; left:-40px; top:0px;}
#help dd i{background-position: 0 -35px;}
.mt20{margin-top: 20px;margin-bottom: 15px;}
.ripro-dark #help h2, #down h2,.ripro-dark #help dt{color: #eee;}

/*logo流光*/
.logo-wrapper{position:relative;font-size:2em;font-weight:700;line-height:39px;overflow:hidden;margin:0}
.logo-wrapper::before{content:"";position:absolute;width:150px;height:10px;background-color:rgba(255,255,255,.5);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite}
@-webkit-keyframes searchLights{0%{left:-90px;top:0}
to{left:90px;top:0}
}

/*左下角浮动按钮*/
.float-radius{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.float-text{color:#ff7200}
.ripro-dark a.float-text{color:#ff7200}
.float-icon{color:#ff7200}
.float-hover{color:#f9b015}
.flost-hover-bg{background-color:#f9b015}
.float-border{border-color:#ececec !important}
.float-box{width:68px;padding:5px;font-size:14px;position:fixed;right:5px;top:75%;z-index:9997;margin-top:-303px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+100));}
.float-ul,.float-ul li{margin:0;padding:0;}
.float-ul{margin-top:5px;text-align:center;line-height:1.2;list-style:none;background-color:#FFF;box-shadow:0 2px 5px #e6e6e6;}
.float-ul .iconfont{font-size:22px;line-height:22px;}
.float-ul li a{display:block;width:100%;padding:10px 0;line-height:18px;}
.float-ul li a:hover{background:linear-gradient(-125deg,#f9b015 0%,#ff7200 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#FFF;}
.float-ul li a.qq{-moz-border-top-left-radius:4px;-moz-border-top-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;}
.float-ul li a.weixin{position:relative;}
.float-ul li a.fankui{-moz-border-bottom-left-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.float-ul li a.fankui .iconfont{font-size:22px;line-height:22px;}
.float-alert-box{width:180px;height:185px;background-color:#FFF;border:1px solid #ececec;position:absolute;right:56px;top:0;z-index:9998;}
.srcdict_qd_1:hover{background:#ffffff;box-shadow:0 8px 10px rgba(32,160,255,.3);color:#0295f9;}
.srcdict_qd_1{background:linear-gradient(-125deg,#f9b015 0%,#ff7200 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#FFF;}
.float-qq-box{padding:20px 15px;}
.float-weixin-box{padding:15px;}
.float-weixin-box img{margin:0 auto;width: 100%;}
.float-weixin-box p{font-weight:600;color:#ff7200;margin-bottom:5px;}
.float-alert-box h6{font-size:20px;color:#ff7200;}
.float-alert-box p{line-height:24px;}
.float-ul li .float-qq-box{color:#666;}
.float-ul li .float-weixin-box{color:#666;top:-61px;}
.float-qq-btn{padding:10px;background-color:#ff7200;color:#FFF;}
@media screen and (max-width:639px){.float-box{display:none;}}

/*活动按钮*/
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@media screen and (max-width: 800px){
.ceo-footer-sidebar-girl {
    display: none;
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.ceo-footer-sidebar-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; right: 30px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 14; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.ceo-footer-sidebar-girl:focus { outline: 0 }
.ceo-footer-sidebar-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.ceo-footer-sidebar-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(90deg,  #fc2626, #fca626); position: absolute; right: 1px; top: 1px; z-index: 50 }
.ceo-footer-sidebar-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.ceo-footer-sidebar-girl .animated-circles .circle { background: rgba(255, 0, 0, 0.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.ceo-footer-sidebar-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.ceo-footer-sidebar-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.ceo-footer-sidebar-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.ceo-footer-sidebar-girl.animation-stopped .circle { opacity: 0!important }
.ceo-footer-sidebar-girl.animation-stopped .circle { opacity: 0!important }
.ceo-footer-sidebar-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.ceo-footer-sidebar-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.ceo-footer-sidebar-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #ff2626; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #ff2626 }
.rd-notice-type-success:after { background-color: #ff2626; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }

/**首页选项卡**/
.widget_tabcontent h3 .selected {
	/* color: #282828; */
	color: #ff7200;
	border-bottom: 2px solid #ff7200;
}

.ripro-dark .widget_tabcontent h3 .selected {
	color: #ff7200;
	border-bottom: 2px solid #ff7200;
}

.widget_tabcontent h3 span {
	color: #999;
	margin: 0 18px;
	letter-spacing: .51px;
	position: relative;
	line-height: 1;
	padding-bottom: 10px;
	cursor: pointer;
	font-weight: 400;
}

.ripro-dark .widget_tabcontent h3 span {
	color: #f1f1f1;
}

.widget_tabcontent h3 span:hover {
	border-bottom: 2px solid #ff7200;
}

.widget_tabcontent .hide-code {
	display: none;
	padding-left: 0;
}

.show {
	display: block!important;
}

.text-center {
	padding-top: 15px;
	padding-bottom: 13px;
	background-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(//img.srcdict.com/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-slogan {
	box-shadow: 0 2px 10px rgba(0,0,0,.02);
	border-radius: 5px;
	height: 280px;
	width: 1300px;
	background: #fff;
	box-sizing: border-box;
	font-size: 0;
	margin: 40px auto auto auto
}
.vip-slogan-box:nth-of-type(-n+3) {
	border-bottom: 0
}
.vip-slogan-box:nth-child(1){ border:0px;}
.vip-slogan-box {
	padding-top: 20px;
	display: inline-block;
	border: 1px solid #f4f4f4;
	height: 50%;
	width: 410.2px;
	box-sizing: border-box;
	vertical-align: middle
}
.vip-slogan-box:nth-child(3){ border:0px;}
.vip-slogan-box:nth-child(4){ border:0px;}
.vip-slogan-box:nth-child(6){ border:0px;}
.vip-slogan-box i {
	width: 100px;
	line-height: 100px;
	display: inline-block;
	background-image: linear-gradient(90deg, #ed1c24 0, #fb8f02 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 45px;
	text-align: center;
	vertical-align: middle
}
.vip-slogan-text {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	color: #898989
}
.vip-slogan-text p:first-child {
	font-size: 18px;
	color: #575959
}
.container-vip {
	width: 1250px
}
.vip-content {
	text-align: center;
	margin-bottom: 50px
}

.module-line {
	width: 100%;
	text-align: center;
	margin-top: 40px
}
.module-line .left-arrow {
	background: url(//img.srcdict.com/vip-left.png)
}
.module-line .right-arrow {
	background: url(//img.srcdict.com/vip-right.png)
}
.module-line .arrow {
	width: 84px;
	height: 16px
}
.module-line .text {
	font-size: 26px;
	color: #4c4c4c;
	margin: 0 10px
}
.module-line span {
	display: inline-block;
*display:inline;
*zoom:1;
}

.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-row {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
    zoom:1}

.vip-row:after,.vip-row:before {
    display: table;
    content: ''
}

.vip-block-wrapper {
    position: relative;
    display: flex;
    padding: 20px 0;
    height: 100%;
    justify-content: center
}

.vip-block-wrapper .vip-block-item {
    display: block;
    box-sizing: border-box;
    padding: 20px 40px;
    width: 33.333%;
    text-align: center;
}

.home-vipbox {
    padding: 1px 0px 38px 0px;
    border-radius: 8px;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.home-vipbox:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(213,213,213,0.4);
}

p.vip-bt {
    color: #fff;
    margin: 0 auto;
    width: 100px;
    padding: 8px 0;
    border-radius: 26px;
}

.vip-block-item a p {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.vip-block-item:nth-child(n) a:hover p {
    box-shadow: 0 10px 20px rgba(245,47,62,.4);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    background-color: #f52f3e;
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,#f52f3e,#ff4c22);
    background-image: -webkit-linear-gradient(left,#f52f3e,#ff4c22);
    background-image: -o-linear-gradient(left,#f52f3e,#ff4c22);
    background-image: linear-gradient(left,#f52f3e,#ff4c22);
}

.vip-block-item:nth-child(1) >.home-vipbox {
    /* outline:1px solid rgba(245,210,47,0.24); */
    /* outline-offset:-8px; */
}

.vip-block-item:nth-child(1) h3 {
    color: #f5a02f;
    text-shadow: 0 5px 6px #ffe1b9;
}

.vip-block-item:nth-child(1) .vip-bt {
    background-image: -webkit-linear-gradient(left,#021b31,#001529);
}

.vip-block-item:nth-child(2) >.home-vipbox {
    /* outline:1px solid rgba(47,146,245,0.15); */
    /* outline-offset:-8px; */
}

.vip-block-item:nth-child(2) h3 {
    color: #1890ff;
    text-shadow: 0 5px 6px rgba(24,144,255,0.40);
}

.vip-block-item:nth-child(2) .vip-bt {
    background-image: -webkit-linear-gradient(left,#1390de,#2f9af5);
}

.vip-block-item:nth-child(3) >.home-vipbox {
    /* outline:1px solid rgba(245,47,47,0.2); */
    /* outline-offset:-8px; */
}

.vip-block-item:nth-child(3) h3 {
    color: #fd3d00;
    text-shadow: 0 5px 6px #ffb9b9;
}

.vip-block-item:nth-child(3) .vip-bt {
    background-image: -webkit-linear-gradient(left,#f1bc37,#fadb37);
}

p.vip-home-price {
    position: relative;
    font-size: 1.875rem;
    font-weight: bold;
    width: 200px;
    margin: 15px auto;
}

p.vip-home-price i {
    font-size: 16px;
}

@media (max-width: 768px) {
    .vip-block-wrapper {
        display:block
    }

    .vip-block-wrapper .vip-block-item {
        float: left;
        width: 100%;
        padding: 10px 0;
    }
}

.vip-block-wrapper .vip-block-item .srcvip {
    width: 20%;
    padding-top: 20px;
    margin: 0 auto;
}

.vip-block-wrapper .vip-block-item img {
    width: 100%;
    height: 60px;
}

.vip-block-wrapper .vip-block-item .content0-title {
    padding: 0;
    font-size: 1.875rem;
}
/*VIP页面 样式结束*/
/*********************文章左上角标签***************************/
.sticky-icon1 {
    font-size: 14px;
    color: #fff;
    height: 20px;
    width: 120px;
    position: absolute;
    top: 25px;
    left: -40px;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    transform-origin: 40% 0%;
    background: -webkit-gradient(linear,left top,right top,from(#1a1a1a),to(#171616)) no-repeat;
    background: -webkit-linear-gradient(left, #1a1a1a, #171616) no-repeat;
    background: linear-gradient(90deg,#1a1a1a,#171616) no-repeat;
    -webkit-box-shadow: 0 3px 5px #555;
    box-shadow: 0 3px 5px #555;
    display: block;
}

.sticky-icon2 {
    font-size: 14px;
    color: #fff;
    height: 20px;
    width: 120px;
    position: absolute;
    top: 25px;
    left: -40px;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    transform-origin: 40% 0%;
    background: -webkit-gradient(linear,left top,right top,from(#28fff8),to(#2f49fd)) no-repeat;
    background: -webkit-linear-gradient(left, #28fff8, #2f49fd) no-repeat;
    background: linear-gradient(90deg,#28fff8,#2f49fd) no-repeat;
    -webkit-box-shadow: 0 3px 5px #2f49fd;
    box-shadow: 0 3px 5px #2f49fd;
    display: block;
}

.sticky-icon3 {
    font-size: 14px;
    color: #fff;
    height: 20px;
    width: 120px;
    position: absolute;
    top: 25px;
    left: -40px;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    transform-origin: 40% 0%;
    background: -webkit-gradient(linear,left top,right top,from(#2b7cfd),to(#e200ff)) no-repeat;
    background: -webkit-linear-gradient(left, #2b7cfd, #e200ff) no-repeat;
    background: linear-gradient(90deg,#2b7cfd,#e200ff) no-repeat;
    -webkit-box-shadow: 0 3px 5px #5f0c99;
    box-shadow: 0 3px 5px #5f0c99;
    display: block;
}

.sticky-icon4 {
    font-size: 14px;
    color: #fff;
    height: 20px;
    width: 120px;
    position: absolute;
    top: 25px;
    left: -40px;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    transform-origin: 40% 0%;
    background: -webkit-gradient(linear,left top,right top,from(#08ff07),to(#2f49fd)) no-repeat;
    background: -webkit-linear-gradient(left, #08ff07, #2f49fd) no-repeat;
    background: linear-gradient(90deg,#08ff07,#2f49fd) no-repeat;
    -webkit-box-shadow: 0 3px 5px #33a448;
    box-shadow: 0 3px 5px #33a448;
    display: block;
}

.post-list {
    box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
    overflow: hidden;
}

.post-grid {
    box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
    overflow: hidden;
}
/*********************文章左上角标签***************************/
.ceo-footer-h{
    position: fixed;
    z-index: 9999;
}
.ceo-footer-h img {
    float: right;
}
/*首页产品框独家标签*/
 .meta-pricedj {
   /* margin-left: 8px;*/
    position: relative;
    display: inline-block;
    padding: 1px 6px;
    text-align: center;
    background-color: #fd721f;
    color: #fff;
    border-radius: 2px;
    line-height: initial;
}
.meta-pricetj {
   /* margin-left: 8px;*/
    position: relative;
    display: inline-block;
    padding: 1px 6px;
    text-align: center;
    background-color: #2196F3;
    color: #fff;
    border-radius: 2px;
    line-height: initial;
}
.meta-pricetjgg {
   /* margin-left: 8px;*/
    position: relative;
    display: inline-block;
    padding: 1px 6px;
    text-align: center;
    background-color: #ff0000;
    color: #fff;
    border-radius: 2px;
    line-height: initial;
}
.meta-pricetjjg {
   /* margin-left: 8px;*/
    position: relative;
    display: inline-block;
    padding: 1px 6px;
    text-align: center;
    background-color: #2196F3;
    color: #fff;
    border-radius: 2px;
    line-height: initial;
}
.meta-pricetjsg {
   /* margin-left: 8px;*/
    position: relative;
    display: inline-block;
    padding: 1px 6px;
    text-align: center;
    background-color: #f321d0;
    color: #fff;
    border-radius: 2px;
    line-height: initial;
}
/* 首页独家*/