html{ font-size: 62.5%;}
body{ font-size: 1.4em; line-height: 1.7;}
img { width: 100%; height: auto; display: block; margin: 0 auto }
.clearfix:after {content:"\20";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
/*模块*/
.banner { background:#1b9abf; text-align: center; overflow: hidden }
.security-main{ margin:30px 0 0; padding-top: 20px}
/*标题*/
.security-title{ color:#6d6e71; border-left:6px solid #1184c5; padding-left:15px; margin:0 15px 24px;}
.security-title h2{ font-weight:100;}
.security-title h3{ font-size:1.8em; margin-top:10px; font-weight:100;}
.security-tit{color: #1b9abf; font-size: 1.2em; line-height: 2em; text-align: center;}
/*文字内容*/
.security-txt{ padding:0 15px 15px;}
.security-txt span{ display: inline-block; float:left; width:95%; font-size: 1.2em;}
.security-txt b{ color:#fb9750; font-weight: 100;}
.security-txt .declare {color: #b2b5b7; font-size: 1em; margin-top: 5px; margin-left: 1rem;}
.security-text{ margin:0 15px; padding-bottom: 30px; border-bottom: 1px solid #cccdce; line-height: 2.4em;}
.security-txt-gary{ color: #b2b5b7; text-align: center; line-height: 4em}
.security-txt-group {color: #b2b5b7; text-align: center; line-height: 1.5em; margin: 10px 0;}
/*图片*/
.security-img{ position: relative;}
.security-img .borrow-container {margin: 0 auto;}
.security-bankicon{ width:35%; margin:30px auto 20px;}
.hierarchical-protection{padding-bottom: 20px;}
.hierarchical-protection img{width: 70%;}
/*BG*/
.security-bg01{background: url(../img/event/security/bg05-1.jpg) no-repeat; padding: 28% 7% 5%; border-bottom:1px solid #dee6e9; background-size: 100%;}
.security-bg01 p{ color: #6d6e71; line-height: 2em; font-size: 1.2em;}
.security-bg02{background: url(../img/event/security/bg09.jpg) no-repeat; background-size: 100%; color: #fff; padding:3% 0 7%; font-size: 1.2em;}
.security-bg02 h4{ font-size: 0.9em; text-align: center; margin-top:2.5%;}
/*其他公用*/
.bg-gray01{background: #f7f9fa}
.bg-gray02{background: #f1f5f8; margin-top: 0;}
.bg-gray03{background: #ecf1f4; margin-top: 0;}
#wrap .content{padding-bottom: 20px;}
.txt-center{ text-align: center; margin-top: 20px}
.security-icon-blue ,.security-icon-org{display: inline-block; margin-right:3px;}
.security-icon-blue{ width:1%; float:left; border-top: 5px solid transparent; border-left: 7px solid #1184c5; border-bottom: 5px solid transparent; position: relative; top: 7px;}
.security-icon-org{ border-left: 5px solid transparent; border-bottom: 7px solid #fdc8a6; border-right: 5px solid transparent;}
.security-now-money{ font-size:1.8em; color:#fb8836; font-weight:bold; position:absolute; right:22px; top:-10px;}
/*技术保障*/
.security-safe{ padding:16px 0;}
.security-safe .fl{ width:15%; margin-left: 20px;}
.security-safe .fr{ width: 72%; margin-right: 20px;}
.security-safe .fr h3{ line-height: 1.8; font-size: 1.6em;}
.security-safe .fr p{ line-height: 2; font-size: 1.6rem;}
/*协议弹框*/
.blackbg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9997; opacity: 0.3; background: rgb(0, 0, 0); display: none;}
.security-agreement01 ,.security-agreement02{position: absolute; top: 70%; left: 10%; width: 80%; display: none; z-index: 9998;}
.security-agreement-close{ position: absolute; top: 10px; right:12px; height: 25px;width: 25px; z-index: 9999;background: url(../img/event/security/close.png) no-repeat center center; background-size: 80%; }
.security-agreement-btn01{ position: absolute; left: 51%; top: 50%; height: 8%; width: 18%; display: block;}
.security-agreement-btn02{ position: absolute; left: 57%; top: 68%; height: 5%; width: 10%; display: block;}
.security-agreement01 .sec-title{width: 100%; position: absolute; top:-5.5%; left:0;}
.security-agreement01 .sec-footer{width: 100%; position: absolute; bottom:-5.5%; left:0;}
.fadeInUp{
-webkit-animation:fadeInUp 2s ease;
-moz-animation:fadeInUp 2s ease;
-ms-animation:fadeInUp 2s ease;
-o-animation:fadeInUp 2s ease;
animation:fadeInUp 2s ease;
}
@-webkit-keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translateY(20px)}
100% { opacity: 1; -webkit-transform: translateY(0)}
}
@-moz-keyframes fadeInUp {
0% { opacity: 0; -moz-transform: translateY(20px) }
100% { opacity: 1; -moz-transform: translateY(0) }
}
@-ms-keyframes fadeInUp {
0% { opacity: 0; -ms-transform: translateY(20px) }
100% { opacity: 1; -ms-transform: translateY(0) }
}
@-o-keyframes fadeInUp {
0% { opacity: 0; -o-transform: translateY(20px) }
100% { opacity: 1; -o-transform: translateY(0) }
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(20px) }
100% { opacity: 1; transform: translateY(0) }
}
.flipInY{
-webkit-animation:flipInY 0.8s 0.5s ease;
-moz-animation:flipInY 0.8s 0.5s ease;
-ms-animation:flipInY 0.8s 0.5s ease;
-o-animation:flipInY 0.8s 0.5s ease;
animation:flipInY 0.8s 0.5s ease;
}
@-webkit-keyframes flipInY {
0% { opacity: 0; -webkit-transform: rotateY(0)}
30% {-webkit-transform: rotateY(180deg)}
50% {-webkit-transform: rotateY(0)}
70% {-webkit-transform: rotateY(-180deg)}
100% { opacity: 1; -webkit-transform: rotateY(0)}
}
@-moz-keyframes flipInY {
0% { opacity: 0; -moz-transform: rotateY(0)}
30% {-moz-transform: rotateY(180deg)}
50% {-moz-transform: rotateY(0)}
70% {-moz-transform: rotateY(-180deg)}
100% { opacity: 1; -moz-transform: rotateY(0)}
}
@-ms-keyframes flipInY {
0% { opacity: 0; -ms-transform: rotateY(0)}
30% {-ms-transform: rotateY(180deg)}
50% {-ms-transform: rotateY(0)}
70% {-ms-transform: rotateY(-180deg)}
100% { opacity: 1; -ms-transform: rotateY(0)}
}
@-o-keyframes flipInY {
0% { opacity: 0; -o-transform: rotateY(0)}
30% {-o-transform: rotateY(180deg)}
50% {-o-transform: rotateY(0)}
70% {-o-transform: rotateY(-180deg)}
100% { opacity: 1; -o-transform: rotateY(0)}
}
@keyframes flipInY {
0% { opacity: 0; transform: rotateY(0)}
30% { transform: rotateY(180deg)}
50% { transform: rotateY(0)}
70% { transform: rotateY(-180deg)}
100% { opacity: 1; transform: rotateY(0)}
}
.rotateIn {
-webkit-animation:rotateIn 11s linear;
-moz-animation:rotateIn 11s linear;
-ms-animation:rotateIn 11s linear;
-o-animation:rotateIn 11s linear;
animation:rotateIn 11s linear;
}
@-webkit-keyframes rotateIn {
0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0) rotateX(0) rotateY(0) scale(1); }
50% { -webkit-transform-origin: center center; -webkit-transform: rotate(180deg) rotateX(15deg) rotateY(15deg) scale(.85); }
100% { -webkit-transform-origin: center center; -webkit-transform: rotate(360deg) rotateX(0) rotateY(0) scale(1);}
}
@-moz-keyframes rotateIn {
0% { -moz-transform-origin: center center; -moz-transform: rotate(0) rotateX(0) rotateY(0) scale(1); }
50% { -moz-transform-origin: center center; -moz-transform: rotate(180deg) rotateX(15deg) rotateY(15deg) scale(.85); }
100% { -moz-transform-origin: center center; -moz-transform: rotate(360deg) rotateX(0) rotateY(0) scale(1);}
}
@-ms-keyframes rotateIn {
0% { -ms-transform-origin: center center; -ms-transform: rotate(0) rotateX(0) rotateY(0) scale(1); }
50% { -ms-transform-origin: center center; -ms-transform: rotate(180deg) rotateX(15deg) rotateY(15deg) scale(.85); }
100% { -ms-transform-origin: center center; -ms-transform: rotate(360deg) rotateX(0) rotateY(0) scale(1);}
}
@keyframes rotateIn {
0% { transform-origin: center center; transform: rotate(0) rotateX(0) rotateY(0) scale(1); }
50% { transform-origin: center center; transform: rotate(180deg) rotateX(15deg) rotateY(15deg) scale(.85); }
100% { transform-origin: center center; transform: rotate(360deg) rotateX(0) rotateY(0) scale(1);}
}
/*PC COPY*/
.blue-small{display:block; width:60px; height:28px;/*background:url(../img/event/security/blue-small.gif) no-repeat left bottom;*/ margin:0 auto; padding-top: 120px;}
.loadfail{width:120px; margin:0 auto; text-align:center; font-size:1.6rem; padding:80px 0; box-sizing:border-box}
.loadfail a{display:block; text-align:center; margin-top:5px;text-decoration:none}
.load-blue{color:#98a8b6}
.load-blue a{color:#1184c5;}
/* 5-11修改安全保障文案 */
.securityExplain{color: #a1acb4; margin: 10px 20px 0 20px}