@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p { margin:0; font-weight:normal;}
i, em { font-style:normal;}
#showRules-inner em{color: #f2ae62;}
body { background-color:#eeeeee; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:16px; color:#333; overflow-x:hidden;}
img { width:100%;}
a { color:#fff;}
a:hover, a:focus, a:active, a:visited { text-decoration:none;}
ul { margin-bottom:0;}
li { list-style:none;}
label { font-weight:normal;}
input:hover, input:focus { outline:none;}
input { line-height:normal !important;}
.row { margin:0;}
.c666{ color:#666}
.btn { -webkit-border-radius:0; border-radius:0;}
.c666{ color:#666}
.btn[disabled], .btn[disabled]:active, .btn[disabled]:hover { background-color:#ccc; border-color:#ccc; opacity:1; -webkit-appearance: none; -moz-appearance: none;}
button {-webkit-appearance: none; -moz-appearance: none;}
.btn-primary { background-color:#007DAE; border-color:#007DAE;}
.btn-warning { background-color:#4a96f4; border-color:#4a96f4;}
.btn-danger { background-color:#D43C33; border-color:#D43C33;}
.green {color: #33aa74 !important;}
.greenbg {background-color: #33aa74 !important;}

.btn-blue {background:#007dae;}


.yixin-head-bar {display: none;}
.yixin-head-banner{display:none;}

#scrlContainer #scrlContent a {color: #333 !important;}



.hidden_top {height: 10px; position: relative; margin-top: -10px; visibility: hidden;}
.fc-bottom-button {position: fixed;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 13vw;
	line-height: 13vw;
	font-size: 5vw;
	background: #D43C33;
	color: #fff;
z-index: 100;}



.container-fluid { padding:0; background: #eee; position: relative; width: 100%; overflow: hidden;}
#prodbuyView .container-fluid{z-index: initial !important;}
.padding-container { padding-bottom:60px;}
footer { width:100%; position:fixed; left:0; bottom:0; background-color:#f5f5f9; z-index:5;}
footer .col-xs-6, footer .col-xs-12 { padding:0;}
footer .row > * { padding:0;}
footer .btn { width:100%; font-size:5vw; height:50px; line-height:13vw; height:13vw; -webkit-border-radius:0; border-radius:0; padding: 0 !important;}
footer .btn.disabled { opacity:1; background-color:#ccc; border-color:#ccc;}
footer .btn-default { padding:0; font-size:12px; color:#999; border-width:1px 0 0 0;}
footer .btn-default i { display:block; width:24px; height:30px; background:url(../images/footer_index~.png) no-repeat center bottom; -webkit-background-size:100% auto; background-size:100% auto; margin:0 auto -8px;}
label a { color:#f2a654;}
label a:hover, label a:focus { color:#ffb13b; text-decoration:underline;}
.plus { color:#f44e4a !important;}
.minus { color:#43c05a !important;}
.border-bottom { border-bottom:1px solid #ddd;}

.no-record { width:128px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center; color:#666; padding-bottom:50px;}
.no-record-ico { height:128px; -webkit-border-radius:50%; border-radius:50%; background:url(../images/no_record_ico~.png) no-repeat #e7e7e7; -webkit-background-size:100% auto; background-size:100% auto;}
.no-record p { margin:15px 0 15px;}
.no-record a { display:block; margin:0 5px; padding:5px; border:1px solid #666; color:#666; -webkit-border-radius:3px; border-radius:3px;}

.win { z-index:9;}
.win, .win-shadow { position:fixed; width:100%; left:0; top:0px; bottom:0;}
#passwordWin {}
/*.win-box { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:80%; max-width:480px; background-color:#fff; border:1px solid #d5d5d5; border-radius:3px;z-index: 3;}*/
.win-tit, .win-bot { line-height:50px; text-align:center; /*background-color:#f9f9f9;*/ position:relative;height:50px;}
.win-tit{border-bottom: 1px solid #eee;padding-left: 10px;font-size: 16px;}
.win-tit h4 { line-height:inherit; font-size:16px;}
.win-cnt { padding:20px 10px; border-bottom:1px solid #eee; border-width:1px 0; color:#666;font-size: 16px;}
.win-cnt a{color: #337ab7;}
.win-cnt > p { text-align:center;}
/*.win-box > *:first-child { border:none;}*/
.win-box > *:last-child { border-bottom:none;}
.win-box .btn { padding: 0;
    color: #d43c33;
    width: 100%;
    height: 100%;
    line-height: 53px;
    border: 0;
    outline: none;
    vertical-align: initial;}
 .win-box .btn1 { padding: 0;
    color: #000;
    width: 50%;
    height: 100%;
    line-height: 53px;
    border: 0;
    text-align: center;
    display: inline-block;
    outline: none;
    vertical-align: initial;}
 .win-box .fst{
 	border-right:1px solid #eee;
 }
.win-box .btn-confirm { color:#f44e4a;}
.win-cnt > .btn { margin:10px auto 0;}
.win-bot { /*border-top:1px solid #ddd;*/}
.win-bot.row >*:first-child { border-right:1px solid #ddd;}

/* JIRA：FCAPP-214 */
/* 修改时间：2016/11/08 */
/* 修改者：户雪涛 */
/* 新手任务页面的弹出浮层： */
.win-tit > img {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: auto;height:80px;}
.win-iconic .win-tit{height:60px;}
.win-iconic .win-bot{color:#333;background:#fff;border-top-color: #eee;}
.win-iconic .win-tit span{display: block;position: relative;top: 35px;font-size: 22px;font-weight: bold;}
/* end FCAPP-214 */



.code-box .btn-danger { background-color:#fff;}
.code-box .btn-danger:active, .code-box .btn-danger:hover { background-color:#f9f9f9;}

.win-shadow { background-color:rgba(0,0,0,.5); z-index: 2;}
.win-share-tip { position:relative; z-index:2; padding-top:40px;}
.win-share { position:absolute; left:0; bottom:0; background-color:#fff; width:100%; padding:15px 0;}
.win-share > * { margin:5px 0;}
.win-share a { display:block; width:48px; height:48px; margin:0 auto; background:url(../images/share_icos~.png) no-repeat center 0; -webkit-background-size:100% auto; background-size:100% auto;}
.win-share .wxp { background-position:center -48px;}
.win-share .yx { background-position:center -96px;}
.win-share .yxp { background-position:center -144px;}
.win-share .ep { background-position:center -192px;}
.win-share .cl { background-position:center -240px;}
.win-share .sms { background-position:center -288px;}
.win-share .wb { background-position:center -336px;}
.win-share p { text-align:center; font-size:10px; margin-top:5px;}

.win-error { position:absolute; left:50%; top:40%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%; max-width:480px;}
.win-error > * { margin:0 auto; text-align:center; color:#666;}
.win-error .btn { border:1px solid #666; color:#666; background-color:transparent; padding:0; line-height:26px;}
.win-error .row > * { text-align:center;}
.win-error .row > .col-xs-6 { padding:0 25px 0 5px;}
.win-error .row > .col-xs-6:first-child { padding:0 5px 0 25px;}
.win-error .col-xs-12 .btn { width:45%;}
.win-error .col-xs-6 .btn { width:100%;}
.win-error-img { width:130px;}
.win-error-cnt { margin:10px auto;}
/*旧的loading样式*/
/*
.win-loading { text-align:center; position:absolute; left:50%; top:50%; width:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.win-loading img { width:40%; max-width:192px;}
#loading { position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,.5); z-index:100;}
#loading img { width:20%; max-width:230px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-55%); transform:translate(-50%,-55%); z-index:101;}
*/
.win-loading { text-align:center; position:absolute; left:50%; top:50%; width:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.win-loading img { width:40%; max-width:192px;}
#loading ,.wait-loading{ position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,.5) !important; z-index:100;}
#loading img, .wait-loading img, .quote-loading img{ width:25%; max-width:300px; padding:15px; background-color: #eee; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #ddd; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-55%); transform:translate(-50%,-55%); z-index:101;}
#loading-pay { position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,.5) !important; z-index:100;}
#loading-pay  .pay-ing img { -webkit-animation: paying 2s linear infinite; animation: paying 2s linear infinite;}
#loading-pay span { width:25%;height:15%; max-width:300px; padding:15px; background-color: rgba(48,48,48,.8); -webkit-border-radius: 5px; border-radius: 5px; solid #ddd; position:absolute; top:40%; left:40%;text-align: center;}
#loading-pay img {width: 80%; padding:15px ; position:absolute; top:0; left:10%;z-index:101;}
#loading-pay p {position: absolute;top:75%;color: white;text-align: center;width: 100%;left:0%;}

.document-win { position:absolute; width:100%; height:100%; left:0; top:0; background-color:#f5f5f9;}
.document-win-inner { position:relative; width:100%; height:100%; overflow-y:auto;}
.document-win i, .document-tit i { display:block; width:26px; height:26px; -webkit-border-radius:50%; border-radius:50%; background:url(../images/close_btn~.png) no-repeat #f5f5f9; -webkit-background-size:100% 100%; background-size:100% 100%; position:fixed; right:5px; top:5px; z-index:1;}
.document-tit i { position:fixed; right:10px; top:10px;}
.document-tit { padding:5px 10px;}
.document-tit h5, .document-tit h6 { text-align:center; line-height:1.4;}
.document-tit h6 { font-size:10px;}
.document-tit p { font-size:12px; margin-top:10px;}
.document-cnt { padding:0 5px;}
.document-cnt h6 { background-color:#dddddd; line-height:20px; padding:0 5px;}
.document-cnt ul { padding:0 5px;}
.document-cnt li { padding:5px 0;}
.document-cnt li > * { padding:0; font-size:8px;}
.document-cnt li .col-xs-3 { padding-right:5px;}

.dashboard-btn { padding:15px 15px 10px;}
.dashboard-btn .btn { width:100%;}
.dashboard-tip:after { display:table; clear:both; content:"";}
.dashboard-tip { padding:0 10px;}
.dashboard-tip a { float:right; color:#f44e4a; font-size:12px;}
.dashboard-tip a:first-child { float:left; color:#333;}

.displaynone{ display:none; text-align:center; padding-top:5px;}

/*分页加载样式*/
.morelist{ font-size:14px;}
.c666{ color:#666}
.displaynone{ display:none}

.rybshare .top-info{ clear:both; color:#8d8d8d; text-align:left; padding-left:40px; letter-spacing:1px;}
.rybshare .top-info em{ color:#ff7e7e; font-size:24px;}
.rybshare .bom-info{ position:absolute; bottom:16%; color:#8d8d8d; left:50%; transform:translateX( -50%)}
.rybshare  #sharebtn{ position:absolute; bottom:2%; top:90%; z-index:2; font-size:14px; display:block; width:54%; height:40px; line-height:30px;border:solid 1px #9bb3d6; color:#9bb3d6; border-radius:30px;}


/*添加头尾*/
#top{ height:40px; background:#fcfcfc; padding:10px 2%; text-align:center; color:#000; position:fixed; top:0px; z-index:999999999; width:100%;font-size: 16px;}
#top a:hover{ color:#CCC}
#top a{ color:#000; width:20%}
#top a:first-child{ text-align:left}
#top .top-goback{ float:left;}
#top .top-index{ float:right; text-align:right;}
.topholeplace{ height:40px; overflow:hidden;}

body.yixin #top {display: none !important;}
body.yixin .topholeplace {display: none !important;}
.yixin-head-bar {display: none;}
body.YunMusic #top {display: none !important;}
body.YunMusic .topholeplace {display: none !important;}
body.DSKY #top {display: none !important;}
body.DSKY .topholeplace {display: none !important;}


#footermenu { height:48px; background-color:#fff; border-top:solid 1px #ccc; padding:0; z-index:10}
#footermenu a{ display:block; width:20%; height:48px; overflow:hidden; float:left; text-align:center; color:#999; font-size:12px; padding-top:5px;}
#footermenu a i{ display:block; height:20px; width:22px; margin:0 auto; margin-bottom:2px;}
#footermenu a:first-child i{ background:url(../images/icon/footer-recommend.png) no-repeat center 0px; background-size:100% 100%;}
#footermenu a:hover,#footermenu a:first-child.cur,#footermenu a:nth-child(2).cur,#footermenu a:nth-child(4).cur,#footermenu a:nth-child(5).cur{ color:#ef5250;}
#footermenu a:first-child:hover i,#footermenu a:first-child.cur i{ background:url(../images/icon/footer-recommendon.png) no-repeat center 0px; background-size:100% 100%;}
#footermenu a:nth-child(2) i{ background:url(../images/icon/manage-money.png) no-repeat center 0px; background-size:100% 100%;}
#footermenu a:nth-child(2):hover i,#footermenu a:nth-child(2).cur i{ background:url(../images/icon/manage-moneyon.png) no-repeat center 0px; background-size:100% 100%;}
#footermenu a:nth-child(4) i{ background:url(../images/icon/insurance.png) no-repeat center 0px; background-size:95% 100%;}
#footermenu a:nth-child(4):hover i,#footermenu a:nth-child(4).cur i{ background:url(../images/icon/insuranceon.png) no-repeat center 0px; background-size:95% 100%;}
#footermenu a:nth-child(5) i{ background:url(../images/icon/discover.png) no-repeat center 0px; background-size:100% 100%;}
#footermenu a:nth-child(5):hover i,#footermenu a:nth-child(5).cur i{ background:url(../images/icon/discoveron.png) no-repeat center 0px; background-size:100% 100%;}
#footermenu .footnac-exp i{height: 30px;width: 45px;position: absolute;top: -7px;border-radius: 21px 20px 0 0;left: 50%;transform: translateX(-50%); background:url(../images/icon/treasure.png) no-repeat center 0 #fff; -webkit-background-size:auto 100%; background-size:auto 100%;}
#footermenu .footnac-exp.cur i{ background:url(../images/icon/treasureon.png) no-repeat center 0 #fff; -webkit-background-size:auto 100%; background-size:auto 100%;}
#footermenu .footnac-exp.cur{
	color: #d43c33;
}
#footermenu .footnac-exp{
	padding-top: 27px;
    position: relative;
    overflow: inherit;
}
#activity { display:none; background:url(../homePage/activity/coin_b~.png) no-repeat center 21.5em rgba(0,0,0,.6); -webkit-background-size:100% auto; background-size:100% auto; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1000; overflow:hidden;}
#activity.ani { display:block;}
.activity-inner { position:relative; width:100%; height:100%;}
.activity-inner > * { position:absolute; width:100%;}
/*.coin-b { top:21.5em;}*/
.coin-t { top:26.5em;}
.ani .target { width:16em; left:50%; top:13em; -webkit-transform:translate(-50%,-200%); transform:translate(-50%,-200%); -webkit-animation:moveCenterY 1s linear forwards; animation:moveCenterY 1s linear forwards;}
.ani .target-box { -webkit-animation:shakeY .1s linear alternate 1s 2; animation:shakeY .1s linear alternate 2 1s 2;}
.ani .target-inner { -webkit-animation:shakeX 1s linear 2s 2; animation:shakeX 1s linear 2s 2;}
.text1 { top:6em; -webkit-transform:translateX(-100%); transform:translateX(-100%);}
.text2 { top:9.5em; -webkit-transform:translateX(100%); transform:translateX(100%);}
.ani .text1, .ani .text2 { -webkit-animation:moveCenterX .5s linear 3.5s forwards; animation:moveCenterX .5s linear 3.5s forwards;}
.arrrow1 { width:11.5em; top:15.9em; left:2.1em; -webkit-transform:translate(-150%,-20%); transform:translate(-150%,-20%);}
.arrrow2 { width:12.7em; top:15.3em; left:13.7em; -webkit-transform:translate(150%,-20%); transform:translate(150%,-20%);}
.ani .arrrow1, .ani .arrrow2 { -webkit-animation:moveCenter .5s linear 1.45s forwards; animation:moveCenter .5s linear 1.45s forwards;}
.ani .arrrow2 { -webkit-animation-delay:2.45s; animation-delay:2.45s;}
#closeAct { display:block; width:34px; height:34px; position:absolute; right:1em; top:4em; z-index:1001;}
.activity-inner em { display:block; width:3.06em; height:3.06em;}
.star1 { left:4em; top:8.5em;}
.star2 { left:17.5em; top:13em;}
.star3 { left:8em; top:14em;}
.ani .star1, .ani .star2, .ani .star3 { opacity:0; -webkit-animation:light .5s linear 4s forwards; animation:light .5s linear 4s forwards;}
.ani .star1 img, .ani .star2 img, .ani .star3 img { opacity:1; -webkit-animation:star .6s linear alternate infinite 4.5s forwards; animation:star .6s linear alternate infinite 4.5s forwards;}
.ani .star2 img { -webkit-animation-delay:4.7s; animation-delay:4.7s;}
.ani .star3 img { -webkit-animation-delay:4.9s; animation-delay:4.9s;}

#red { position:fixed; width:100%; height:100%; left:0; top:0; background:url(../images/red_img~.jpg) no-repeat center top; -webkit-background-size:100% auto; background-size:100% auto; z-index:1000; display:none;}
.red-inner { position:relative; width:100%; height:100%;}
.red-btn { position:absolute; width:90%; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); bottom:10px;}
.banner-space { position:relative; z-index:-2;}
.banner-space img { width:100%;}

#errormsg{color:#f00;display: none;padding: 2px 10px; text-align:left;}

@-webkit-keyframes moveCenter {
	to { -webkit-transform:translate(0,0);}
}
@keyframes moveCenter {
	to { -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes moveCenterX {
	to { -webkit-transform:translateX(0);}
}
@keyframes moveCenterX {
	to { -webkit-transform:translateX(0); transform:translateX(0);}
}
@-webkit-keyframes moveCenterY {
	to { -webkit-transform:translate(-50%,0);}
}
@keyframes moveCenterY {
	to { -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
}
@-webkit-keyframes shakeY {
	to { -webkit-transform:translateY(-3%);}
}
@keyframes shakeY {
	to { -webkit-transform:translateY(-3%); transform:translateY(-3%);}
}
@-webkit-keyframes shakeX {
	0% { -webkit-transform:translateX(0);}
	5% { -webkit-transform:translateX(-3%);}
	10% { -webkit-transform:translateX(0);}
	15% { -webkit-transform:translateX(-3%);}
	20% { -webkit-transform:translateX(0);}
	100% { -webkit-transform:translateX(0);}
}
@keyframes shakeX {
	0% { -webkit-transform:translateX(0); transform:translateX(0);}
	5% { -webkit-transform:translateX(-3%); transform:translateX(-3%);}
	10% { -webkit-transform:translateX(0); transform:translateX(0);}
	15% { -webkit-transform:translateX(-3%); transform:translateX(-3%);}
	20% { -webkit-transform:translateX(0); transform:translateX(0);}
	100% { -webkit-transform:translateX(0); transform:translateX(0);}
}
@-webkit-keyframes light {
	from { -webkit-transform:rotate(0); opacity:0.5;}
	to { -webkit-transform:rotate(720deg); opacity:1;}
}
@keyframes light {
	from { -webkit-transform:rotate(0); transform:rotate(0); opacity:0.5;}
	to { -webkit-transform:rotate(720deg); transform:rotate(720deg); opacity:1;}
}
@-webkit-keyframes star {
	to { opacity:0;}
}
@keyframes star {
	to { opacity:0;}
}

@media (min-width:320px){
	#activity { font-size:12px;}
}

@media (min-width:360px){
	#activity { font-size:13.5px;}
}

@media (min-width:400px){
	#activity { font-size:15px;}
}

@media (min-width:440px){
	#activity { font-size:16.5px;}
}

@media (min-width:480px){
	#activity { font-size:18px;}
}

@media (min-width:520px){
	#activity { font-size:19.5px;}
}

@media (min-width:560px){
	#activity { font-size:21px;}
}

@media (min-width:600px){
	#activity { font-size:22.5px;}
}

@media (min-width:640px){
	#activity { font-size:24px;}
}

@media (min-width:680px){
	body { font-size:25.5px;}
}

@media (min-width:720px){
	#activity { font-size:27px;}
}

@media (min-width:760px){
	body { font-size:28.5px;}
}

@media (min-width:800px){
	#activity { font-size:30px;}
}

@media (min-width:992px){
	body { font-size:14px;}
	#activity { font-size:24px;}
	.activity-inner { width:640px; margin:0 auto;}
}


/*安全键盘*/
.safe-keyboard { position:absolute; left:0; bottom:0; width:100%; z-index:2; display:none;overflow: visible !important;}
.safe-keyboard.show { display:block;}
.safe-keyboard > * { height:54px; text-align:center; line-height:54px; background-color:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; font-size:24px;}
.safe-keyboard > *:nth-child(1), .safe-keyboard > *:nth-child(2), .safe-keyboard > *:nth-child(3) { border-top:none;}
.safe-keyboard > *:nth-child(1), .safe-keyboard > *:nth-child(4), .safe-keyboard > *:nth-child(7), .safe-keyboard > *:nth-child(10) { border-left:none;}
.safe-keyboard > *:nth-child(12) { background:url(../images/key_delete~.png) no-repeat center center; -webkit-background-size:auto 35%; background-size:auto 35%;}
.safe-keyboard > *:nth-child(10), .safe-keyboard > *:nth-child(12) { background-color:#eee;}
.safe-keyboard > *:active { background-color:#eee;}

@media (max-width:320px){
	.safe-keyboard > * { height:48px; line-height:49px;}
}

.input-box { position:relative; text-align:center; padding:15px 0;}
.input-box em { display:inline-block; vertical-align:middle; border:1px solid #ddd; border-left:none; background-color:#fff; width:13vw; height:13vw;}
.input-box em.on { background:url(../images/pwd_on~.png) no-repeat center center #fff; -webkit-background-size:25% auto; background-size:25% auto;}
.input-box em:first-child { border-left:1px solid #ddd; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;}
.input-box em:nth-child(6) { -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;}
.tip { color:#999;}
.pwd-tip { text-align:center; margin-bottom:10px;}
.step-btn { position:absolute; left:0; bottom:56px; width:100%; clear:both}
.step-btn div{ margin:0 15px; display:block; font-size:18px;}
.pay-pwd .step-btn { position:static;}
.pay-pwd .step-btn a { margin:10px 15px 0; padding:6px;}


.win-box {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:80%; max-width:480px; background-color:#fff; border:1px solid #d5d5d5; border-radius:13px;z-index: 4;}
.win-box #goBack{ text-align:left}
.win-box .col-xs-3 { font-size:14px; color:#999; text-align:left; }
.win-box .col-xs-3:first-child{ line-height:40px;}
.win-box .col-xs-3:last-child { text-align:right;}
.win-box .col-xs-6 { font-size:18px; text-align:center; line-height:20px; color:#666; line-height:40px;}
.win-box .col-xs-3 > * { display:inline-block; cursor:pointer;}
.win-box span { height:20px; line-height:20px; background:url(../images/return_arr.png) no-repeat left center; -webkit-background-size:auto 75%; background-size:auto 75%; padding-left:10px;}
.win-box .win-tit span { padding:0;}
#iKnow{font-size: 4.3vw;}

#content{background: #fff;border-radius: 0 0 13px 13px;}
/*产品页推广活动样式*/
.probanner{ margin:10px auto; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd}
.yqb-probanner{ margin:10px 0px 0px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd}
/*2016.1.20*/
.count-window .win-tit i { display:block; position:absolute; width:16px; height:16px; right:10px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(../images/close2~.png) no-repeat; -webkit-background-size:100%; background-size:100%;}
.count-window .win-tit h4 { font-size:18px;}
.count-window .win-cnt { border-bottom:none; text-align:center;}
.count-window .win-cnt h4, .count-window .win-cnt h5 { color:#f44e4a; margin-top:5px;}
.count-window .win-cnt h4 { font-size:40px;}
.count-window .win-cnt h5 { font-size:30px;}
.count-window .win-cnt h6 { font-size:16px; margin-bottom:5px;}
.count-window .win-cnt p { color:#666; font-size:14px;}
.count-window .win-cnt p.text-left { margin-top:5px;}
.count-window .win-cnt p span { color:#999; font-size:14px; padding:0;}
.count-window .win-cnt .col-xs-6 { padding:0; line-height:inherit;}
.count-window .win-cnt .col-xs-6 em { display:block; height:30px; background:url(../images/count_ico.png) no-repeat center 0; -webkit-background-size:auto 200%; margin-bottom:5px;}
.count-window .win-cnt .col-xs-6:last-child em { background-position:center 100%;}
.count-window .win-cnt .col-xs-6 h5 { font-size:22px;}
.count-window .win-bot { border-top:1px solid #ddd; line-height:46px;}
.count-window .win-bot a { display:block; color:#f44e4a; font-size:18px;}
.count-window .win-bot a:active { background-color:#f0f0f0;}

.app-download { height:65px; background-color:rgba(0,0,0,.6);}
.app-download-inner { position:relative; padding:9px; padding-right:35px;}
.app-download-inner:after { display:table; clear:both; content:"";}
.app-download-ico { width:47px; height:47px; background:url(../images/icon%7E.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%; float:left;}
.app-download-btn { display:block; margin-top:8px; width:100px; height:32px; text-align:center; line-height:32px; font-size:13px; color:#fff; background-color:#f34e4a; -webkit-border-radius:3px; border-radius:3px; float:right;}
.app-download-btn:focus { background-color:#e23c38;}
.app-download i { display:block; position:absolute; width:13px; height:13px; background:url(../images/close2~.png) no-repeat center center; -webkit-background-size:100% auto; background-size:100% auto; right:11px; top:50%; transform:translateY(-50%);}
.app-download-text { margin:0 105px 0 52px; line-height:20px; padding-top:5px;}
.app-download-text h6 { font-size:18px; color:#fff;}
.app-download-text p { font-size:13px; color:rgba(255,255,255,.6);}

/*注册页面logo显示 问题*/
.dashboard-register-img{padding:25px 45px; width:100%; text-align:center;}


/*跑马灯样式文件*/
#scrlContainer{ visibility:hidden; background: #ffec8f; padding: 0px 10px; position:relative; overflow:hidden; width:100%; line-height:50px; height:50px; border-top: solid 1px #ddd; font-size:16px; border-bottom: solid 1px #ddd;z-index: 2;}
#scrlContent{ position:absolute; left:0; top:0; white-space:nowrap;}
/*公用弹出层样式*/
.movie-rules { display:none; position:fixed; width:100%; height:100%; left:0; top:0; background-color:#fff; overflow:auto; z-index:3;}
.movie-rules-inner { position:relative; padding:60px 30px 0; font-size:16px;}
.movie-rules > i { display:block; width:20px; height:20px; background:url(../images/close2~.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%; position:fixed; right:10px; top:20px; z-index:1;}
.movie-rules-inner h5 { font-size:24px; text-align:center; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.movie-rules-inner p { color:#666; margin-bottom:5px; line-height:26px;}
.movie-act-rules { color:#8e7555; padding:0 15px 50px; margin-top:-10px;}
/*公共的文字样式*/
.text-left{ text-align:left}
.text-center{ text-align:center}
.text-right{ text-align:right}
/*20160309同步h5精选基金问题*/
#prolist a{ color:#333}

/*基金详情页更多规则样式*/
.text-left{ text-align:left !important;}
.text-center{ text-align:center !important;}
.text-right{ text-align:right !important;}
.fund-rules-cnt .text-left .col-xs-12{ text-align:left}

/*协议列表*/
.win-list { position:absolute; width:100%; left:0; bottom:0; background-color:#fff; padding-left:5px; z-index: 3000;}
.win-list li{ line-height:20px; border-top:1px solid #ddd; position:relative; padding-left:5px;}
.win-list li:first-child { border-top:none;}
.win-list .method li{ border-top:1px solid #ddd;}
.win-list li i, .profit-type-list li i { position:absolute; width:20px; height:20px; display:none; background:url(../images/win_list_ico~.png) no-repeat 0 0; -webkit-background-size:auto 100%; background-size:auto 100%; right:10px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.win-list li.on i, .profit-type-list li.on i { display:block;}

/*2016.3.13*/
.float-left { float:left;}
.float-right { float:right;}

/*跑马灯样式文件*/
#scrlContainer{ visibility:hidden; background: #ffec8f; padding: 0px 10px; position:relative; overflow:hidden; width:100%; line-height:30px; height:30px; border-top: solid 1px #ddd; font-size:15px; border-bottom: solid 1px #ddd;}
#scrlContent{ position:absolute; left:0; top:0; white-space:nowrap;}

.c999{ color:#999}

/*2016.6.3 易钱包提示遮罩*/
.tip-shadow { position:fixed; z-index:99; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.7);}
.tip-inner { position:relative; width:100%; height:100%;}
.tip-inner > * { position:absolute; left:0; width:100%;}
.yqb-tip1 { top:45px;}
.yqb-tip2 { top:180px;}
.yqb-tip3 { top:390px;}
.yqb-tip-btn { width:41.2%; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); bottom:40px;}

/*版本更新遮罩*/
.newVersion-tip1 { bottom:0px;width: 90%;left:22px;}
.newVersion-tip2 { bottom:0px;width: 55%;left: 45%;}


/* 列表排序 icon 通用 */
.sortable {display: inline-block; vertical-align: middle;}
.sortable::before {content: ''; display: block; border: 5px solid transparent; width: 0; height: 0; border-bottom-color: #ccc; margin-bottom: 2px;}
.sortable::after {content: ''; display: block; border: 5px solid transparent; width: 0; height: 0; border-top-color: #ccc;}
.sortable[data-order="desc"]::after {border-top-color: #d43c33;}
.sortable[data-order="asc"]::before {border-bottom-color: #d43c33;}


.overlay {position: fixed; top: 0; z-index: 9999; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none;}

.fc-flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.fc-v-center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.u-toast{position: fixed;top:40%;left:50%; padding:0 0;width:100%; z-index: 100;}
.u-toast .toast-wrap{color:#fff;padding:20px;margin-left:-50%;top:-50%;width:100%;position: relative;text-align: center;}
.u-toast .toast-msg-wrap{display: inline-block;position: relative;}
.u-toast .toast-bg{top:0;left:0;right:0;bottom:0;background-color: #000;border-radius: 10px 10px;opacity: 0.7;position: absolute;}
.u-toast .toast-msg{padding:15px 20px;height:100%;position: relative;text-align:center;}

#confirm-relevance h4,#redPacket-step h4{
	padding-top: 10px;
	margin: 10px auto;
	text-align: center;
    color: #333;
    margin-bottom: 15px;
    font-size: 16px;
}
#confirm-relevance .logo-group{
	text-align: center;
}
#confirm-relevance .logo-group img{
	width: 8%;
}
#confirm-relevance .logo-group img:nth-child(2){
	margin: 0 10px;
	width: 5%;
}
#confirm-relevance .order-slip{
	margin: 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	box-shadow: 1px 1px 10px #ddd;
	color: #333;
}
#confirm-relevance .order-slip-title{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 4px 8px;
	background: #d43c33;
}
.order-slip-title img{
	display: inline-block;
	width: 33%;
	vertical-align: middle;
}
#confirm-relevance .text-right{
	text-align: right;
}
.order-slip .row{
	padding: 4px 12px;
}
.order-slip .row div {
	padding: 0;
}
#confirm-relevance, #redPacket-step {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    width: 80%;
    max-width: 480px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 13px;
    z-index: 4;
}
#redPacket-step {
	 width: 80% !important;
}
.relevance-button ,.redPacket-button{
	line-height: 2.8;
	text-align: center;
	border-top: 1px solid #ddd;
	font-size: 4.4vw;
	color: #d43c33;
}
.redPacket-box{
	position: relative;
	width: 70%;
	margin: 10px auto;
}
.redPacket-box #redPacket-money{
	position: absolute;
	left: 50%;
    top: 70%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    font-size: 3em;
    font-style: italic;
    color: #fff;
}
#redPacket-step p{
	text-align: center;
	line-height: 1.4;
	color: #8f8f8f;
}
#redPacket-step p span{
	font-size: 1.2em;
	color: #000;
}
.redPacket-step .stepFlow{
	position: relative;
	padding: 0;
	text-align: center;
}

.redPacket-step{
	margin: 20px 0 50px 0;
}
.redPacket-step .stepItem{
	position: absolute;
	left: 50%;
	top: -1em;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.redPacket-step .stepItem em{
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2;
	text-align: center;
	color: #fff;
	background: #ccc;
	border-radius: 50%;
}
.redPacket-step .stepItem p{
	width: 6em;
	line-height: 2 !important;
}
.redPacket-step .step-line{
	width: 50%;
	height: 2px;
	background: #ccc;
	float: left;
}

.redPacket-step .stepFlow:first-child .step-line:first-child, .redPacket-step .stepFlow:last-child .step-line:last-child{
	background: transparent;
}
/**
 *  iPhone 5/5s landscape & portrait
 */
@media only screen
and (max-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
	#confirm-relevance{
		width: 88%;
	}
	.order-slip .row{
		padding: 4px;
	}
}

.rowInputGroup {
	width: 95%;
	height: 2em;
	margin: 0 auto;
	text-align: center;
}

.rowInputAdhere input {
	display: inline-block;
	float: left;
	width: 2em;
	height: 2em;
	line-height: 2;
	text-align: center;
	border: 1px solid #ccc;
	border-left: none;
}

.rowInputAdhere input:first-child {
	border-left: 1px solid #ccc;
}

.rowInputGroup>input {
	display: inline-block;
	width: 36px !important;
	height: 36px;
	line-height: 36px !important;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-left: .3em;
	font-size: 18px;
	-webkit-appearance: none;
	color: #000 !important;
}

.rowInputGroup input:first-child {
	margin-left: 0 !important;
}
.rowInputGroup input.current {
	/*border:1px solid #D43C33 !important;*/
}
.rowInputGroup .currentInput{
	border: 1px solid #007DAE;
}
#realInputForBJ{
	position: fixed;
	top: -1000px;
	left: 0;
}
@media only screen and (max-device-width: 320px) {
.rowInputGroup	{width: 100% !important;}
.rowInputGroup input{
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
}
}
/**
 * 上传身份证弹框
 */
.show-real-name{
	width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.6);
    top: 40px;
    left: 0;
    z-index: 101;
}
.DSKY .show-real-name{
	top: 0px;
}
.show-real-name-content{
	background: #fff;
    position: absolute;
    width: 76%;
    top: 20%;
    left: 12%;
    border-radius: 10px;
    padding: 30px 0 0 0;
}
.show-real-name-content h4{
	text-align: center;
}
.show-real-name-content p{
	padding: 15px 30px;
    color: #666;
    font-size: 15px;
}
.show-real-name-button{
	text-align: center;
    border-top: 1px solid #eee;
    line-height: 50px;
    color: #d43c33;
}
.show-real-name-content .close-real-name{
	width: auto;
    height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
}
/*2017.6.16 为安易宝新产品添加样式*/
.win-bot.row >*:first-child { border-right:1px solid #ddd;}
.win-box.bot-win { width: 100%; max-width: none; left: 0; top: auto; bottom: 0; -webkit-transform:translate(0,0); transform:translate(0,0); padding: 0; -webkit-border-radius: 0; border-radius: 0;}
/*#selPlanWin .win-cnt { padding: 0 0 10px 0; max-height: 260px; overflow-y: auto;}*/
#selPlanWin .win-cnt { padding: 0 0 10px 0;}
#selPlanWin .win-cnt h5 { font-size: 14px; color: #999; padding: 20px 15px 10px;}
#selPlanWin .win-cnt ul { padding: 0 7px;}
#selPlanWin .win-cnt li { padding: 5px 8px;}
#selPlanWin .win-cnt li a { display: block; height: 36px; line-height: 34px; border: 1px solid #ccc; color: #333; font-size: 14px; -webkit-border-radius: 2px; border-radius: 2px;}
#selPlanWin .win-cnt li a.on { border-color: #D43C33; color: #D43C33;}
.win-box .win-bot-btn >* { height: 50px;}
.win-box .win-bot-btn >div { line-height: 49px; border-top: 1px solid #ccc; background-color: #fff; font-size: 14px; color: #999; text-align: left;}
.win-box .win-bot-btn >div span { color: #D43C33;}
.win-box .win-bot-btn >div em { font-size: 20px;}
.win-box .win-bot-btn >a { color: #fff; line-height: 50px;}
.win-box .win-bot-btn >a.disabled { background-color:#ccc; border-color:#ccc; opacity:1; -webkit-appearance: none; -moz-appearance: none;}

/*swip滑动轮播公用样式*/
.swiper-slide { text-align: center;}
.swipe-position { position: absolute; width: 100%; bottom: 0;}
.swipe-position { text-align: center;}
.swipe-position li { display: inline-block; vertical-align: top; width: 8px; height: 8px; margin: 0 5px; background-color: #ccc; -webkit-border-radius: 50%; border-radius: 50%;}
.swipe-position li.position-on { background-color: #D43C33;}

/*注册验证码*/
.captcha-container h4.captcha-title{
    text-align: center;
    font-size: 22px;
    color: #333;
    margin: 30px 0 16px 0;
}
.captcha-container #captcha-tel{
	text-align: center;
    font-size: 15px;
    margin-bottom: 42px;
}
.captcha-container #captcha-tel span{
	margin-left: 4px;
	line-height: 21px;
	color: #151515;
}
.captcha-container #captcha-groups{width: 90%;margin: 0 auto;position: relative;line-height: 0;}
.captcha-container #captcha-groups .col-xs-2 {padding: 0;text-align: center;}
.captcha-container #captcha-groups .col-xs-2 span{
	display: inline-block;
	width: 36px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.captcha-container #captcha-groups .col-xs-2 span.current{border: 1px solid #007DAE;}
.captcha-container #captcha-groups #error-message{
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	transform: translate3d(-50%, -150%, 0);
	text-align: center;
	color: #D43C33;
	font-size: 12px;
}
.captcha-container #captcha-groups #error-message img{
	width: 1.2em;
	height: 1.2em;
	vertical-align: -4px;
	margin-right: 4px;
}
.captcha-container .captcha-tips{
	display: none;
	line-height: 60px;
	text-align: center;
	font-size: 15px;
}
.captcha-container #receive-tips{
	color: #666;
}
.captcha-container #Send-again{
	color: #007DAE;
}

.captcha-container #verified-popup .win-box p{
	line-height: 30px;
}
.captcha-container #verified-popup .win-box p:nth-child(1){text-align: center;font-size: 16px;margin-top: 20px;}
.captcha-container #verified-popup .win-box p:nth-child(2){text-align: left;font-size: 15px;margin-bottom: 20px;padding: 0 12px;}
.captcha-container #verified-popup .win-box a{
	display: block;
	width: 100%;
	font-size: 17px;
	line-height: 46px;
	text-align: center;
	color: #D43C33;
	border-top: 1px solid #eee;
}
#ProBuy_RYB .pro-pay-btn{
	position:fixed;
	bottom: 0;
}
/*
 * 放大招
 */
.movie-act-users.pop-up-recruit {
    position: fixed;
    background: url(../images/movie_img_null.jpg) no-repeat center top #fff5dd;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    left: 0;
    top: 40px;
    z-index: 10;
    display: none;
}
.movie-act-users.pop-up-recruit .movie-users {
    position: relative;
    height: 100%;
    overflow: auto;
    padding-top: 30px;
}
.movie-users.pop-up-recruit {
    position: relative;
    padding: 70px 0 50px;
}
.pop-up-recruit h4 {
    font-size: 16px;
    text-align: center;
    color: #744f00;
    line-height: 30px;
    padding-top: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-bottom: 1px solid #bba88b;
    margin: 0 15px;
}
.pop-up-recruit h4 span {
    display: inline-block;
    background-color: #fff5dd;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    padding: 0 5px;
}
.movie-act-users.pop-up-recruit .movie-users i {
    display: block;
    background: url(../images/movie_close.png) no-repeat;
    width: 26px;
    height: 26px;
    position: fixed;
    right: 15px;
    top: 50px;
    -webkit-background-size: 100%;
    background-size: 100%;
    z-index: 1;
}
.movie-act-users.pop-up-recruit .movie-users-box {
    text-align: center;
    padding-bottom: 20px;
}
.movie-act-users.pop-up-recruit .movie-users-box {
    margin: 15px 30px;
}
.pop-up-recruit .movie-users-box {
    position: relative;
    margin: 15px;
    border: 1px solid #bba88b;
    font-size: 18px;
    text-align: center;
    padding-top: 20px;
    color: #666;
}
.pop-up-recruit .movie-users-box>.movie-flow {
    padding: 0;
}
.pop-up-recruit .movie-users-box>* {
    padding: 10px 25px;
}
.pop-up-recruit .movie-act-users img {
    width: 100%;
}

/*
 * 
 */
.share-win{
	position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    left: 0;
    bottom: 0;
    z-index: 5;
}
.share-win-content{
	padding: 20px 0 0 0;
    background: #fff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30%;
    border-radius: 10px;
}
.share-win-content h4{
	text-align: center;
	border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.share-win-content p{
	padding: 20px 15px;
	text-align: center;
}
.share-win-button>div{
	width: 50%;
	display: inline-block;
}
.share-win-button>div:nth-child(1){
	border-right: 1px solid #eee;
	color:#999;
}
.share-win-button>div:nth-child(2){
	color:#d43c33;
}